.container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
}
.pb1000-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 30%;
}
.pb1000-container-1-center {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
}
.pb1000-container-1-center-video {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
overflow: hidden;
pointer-events: none;
}
.pb1000-container-1-center-video #video {
position: relative;
width: 102%;  pointer-events: none;
left: -3px;
}
.pb1000-container-1-less {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 5%;
}
.container-1-less-margin-top {
margin-top: -7%;
}
.container-1-less-margin-bottom {
margin-bottom: -7%;
}
.container-1-inside {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 0% !important;
}
.image-container {
display: inline-block;
position: relative;
width: 50%;
}
.pb1000-image-container-2 {
display: inline-block;
position: relative;
text-align: center;
width: 50%;
}
.image-container img {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.pb1000-image-container {
display: inline-block;
position: relative;
width: 55%;
}
.cb500-image-container {
display: inline-block;
position: relative;
width: 55%;
padding-left:5%;
}
.pb1000-image-container-large {
display: inline-block;
position: relative;
width: 100%;
}
.image-full-width {
width: 100% !important;
}
.image-right .image-container {
float: right;
}
.image-container-wide {
width: 100%;
margin: auto;
text-align: center;
}
.image-container-wide img {
all: unset;
width: 100%;
}
.image-half-width {
width: 50% !important;
}
.image-container-overlay {
position: absolute;
width: 100%;
}
.jr35-overlay {
width: 100%;
float: right;
padding-top: 5%;
padding-right: 5%;
padding-left: 40%;
}
.pb1000-overlay{
width: 95%;
float: left;
padding-top: 4%;
padding-right: 25%;
padding-left: 12%;
}
.cb500-overlay{
width: 90%;
float: left;
padding-right: 25%;
padding-left: 12%;
}
.image-zoom {
transition: all 1s;
}
.image-zoom:hover {
transform: scale(1.1);
}
.pb1000-image-zoom {
transition: all 1s;
}
.pb1000-image-zoom:hover {
transform: scale(1.1);
}
.cb500-image-zoom {
transition: all 1s;
}
.cb500-image-zoom:hover {
transform: scale(1.2);
}
.icons-container {
display: block;
position: relative;
}
.box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: left;
width: 45%;
margin-left: 10%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
}
.pb1000-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 420px;
margin-right: 10%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
}
.cb500-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 380px;
margin-right: 15%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
}
.header-1 {
font-size: 750%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.pb1000-header-1 {
font-size: 650%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.header-1-less-space {
line-height: 100px;
}
.pb1000-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.pb1000-header-2-smaller{
font-size: 260%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
text-align: center;
padding-top: 2%;
}
.text-1 {
font-size: 250%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-1 {
font-size: 220%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-1-bigger {
font-size: 350%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-1-bigger-2 {
font-size: 250%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-2-bigger {
font-size: 600%;
font-weight: bold;
font-style: italic;
line-height: 1;
text-align: center;
}
.pb1000-text-2 {
padding-top:10%;
font-size: 120%;
line-height: 40px;
display: inline-flex;
line-height: 1.5;
}
.cb500-text-2 {
padding-top:10%;
font-size: 120%;
display: inline-flex;
line-height: 1.5;
padding-right:5%;
}
.header-2 {
font-size: 450%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.header-2-less-space {
line-height: 40px;
}
.header-2-pad-bot {
padding-bottom: 5%;
}
.text-2 {
font-size: 150%;
font-weight: bold;
font-style: italic;
}
.header-3 {
font-size: 250%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.text-3 {
font-size: 125%;
font-weight: bold;
font-style: italic;
}
.text-3 .bold {
font-size: 130%;
}
.header-white {
font-size: 500%;
font-weight: bold;
font-style: italic;
text-align: center;
color: #fff;
}
.pb1000-header-white {
font-size: 275%;
font-weight: bold;
font-style: italic;
text-align: center;
color: #fff;
padding-top: 1%;
}
.box-plain-text {
display: inline-block;
position: absolute;
width: 45%;
margin-right: 2.5%;
text-align: center;
height: 100%;
top: 20%;
}
.box-plain-text-2 {
clear: both;
display: inline-block;
position: absolute;
width: 45%;
margin-right: 2.5%;
text-align: center;
height: 100%;
top: 20%;
}
.grey-background-box {
z-index: -100;
position: absolute;
width: 75%;
height: 90%;
margin-top: 10%;
margin-left: 7.5%;
background: #ebf6fc;
}
.cb500-grey-background-box {
z-index: -70;
position: absolute;
width: 72%;
height: 90%;
margin-top: 10%;
margin-left: 6%;
background: #ebf6fc;
}
.light-blue-rect {
position: relative;
width: 100%; background-image: radial-gradient(at 50% bottom, #fff,#40a7d7); }
.pb1000-light-blue-rect {
position: relative;
width: 100%; background-image: radial-gradient(#1b96cf,#1b96cf);
overflow: hidden; }
.pb1000-light-blue-rect #video{
position: relative;
width: 102%;  pointer-events: none;
left: -1px;
}
.box-plain-text-pad {
padding-left: 15%;
padding-right: 15%;
text-align: center;
}
.product-features-icon {
display: inline-block;
width: 24%;
text-align: center;
}
.pb1000-product-features-icon {
display: inline-block;
width: 19%;
text-align: center;
}
.product-features-icon-image-containter {
width: 100%;
padding-top: 100%;
position: relative;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .4s ease;
background-color: #FFFFFF;
}
.product-features-icon-image-containter:hover .overlay {
opacity: 1;
}
.product-features-icon-image-containter img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.product-features-icon .head {
color: #1b96cf;
font-weight: bold;
font-style: italic;
}
.pb1000-product-features-icon .head {
color: #1b96cf;
font-weight: bold;
font-style: italic;
}
.product-features-icon .sub {
all: unset;
font-weight: bold;
}
.text-column-container {
display: table;
width: 100%;  }
.text-column {
display: table-cell;
width: 33%;
}
.text-column-black {
display: table-cell;
width: 33%;
padding-left: 12.5%;
padding-right: 2.5%;
}
.text-column-text {
font-size: 150%;
color: #1b96cf;
font-weight: bold;
font-style: italic;
}
.text-column-text-black {
font-size: 225%;
font-weight: bold;
font-style: italic;
text-align: center;
}
.image-column-container {
display: table;
width: 100%;  }
.image-column {
display: table-cell;
padding-top: 2.5%;
}
.image-column a {
all: unset;
cursor: pointer;
}
.image-column-image {
display: block;
position: relative;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.image-column-text {
display: inline-block;
opacity: 0;
position: absolute; top: 50%;
color: #fff;
transform: translateY(-50%);
margin: auto;
width: 100%;
text-align: center;
font-size: 150%;
font-weight: bold;
font-style: italic;
z-index: 100;
transition: all 0.75s ease;
} .image-column-image img {
display: block;
width: 95%;
margin: auto;
transition: all 0.5s ease;
}
.button-container {
padding-top: 10%;
padding-bottom: 10%;
}
.button-large {
all: unset;
display: inline-block;
background-color: #1b96cf;
font-size: 125%;
font-weight: bold;
font-style: italic;
color: #fff;
text-align: center;
position: relative;
margin-left: 1%;
margin-right: 1%;
margin-top: 1%;
cursor: pointer;
padding: 2.5%;
padding-left: 5%;
padding-right: 5%;
transition: all 0.5s ease;
}
.button-large:hover {
background-color: #000;
}
.box-plain-text a {
all: unset;
text-decoration: none;
}
.box-plain-text a:hover {
text-decoration: none;
}
.info-header{
padding-left:5%;
width: 95%;
font-size: 180%;
text-align:center;
font-style:italic;
}
.info-header-blue{
font-size: 300%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.info-header-white{
font-size: 320%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
}
.info-container{
display: block;
position: relative;
}
.info-paragraph{
text-align:center;
font-size:145%;
font-style:italic;
}
.info-logo{
vertical-align: bottom;
width: 10%;
padding-left:2%;
padding-bottom:1%;
}
.values-image{
text-align:center;
}
.california-image{
width:80%;
text-align:center;
padding-top:7%;
}
.info-vid-container{
text-align: center;
}
.header-box-blue {
position: relative;
width: 100%; background-image: radial-gradient(#1b96cf,#1b96cf);
overflow: hidden;
}
.product-container-center {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
}
.individual-product-image{
display: inline-block;
position: relative;
width: 100%;
}
.product-image-container{
display: inline-block;
width: 30%;
text-align: center;
padding-right:5%;
padding-top:4%;
}
.product-image-container:hover{
text-decoration:none;
}
.product-image-container:hover .product-name{
color:black;
}
.product-image-container-center{
display: inline-block;
width: 30%;
text-align: center;
padding-right:2.5%;
padding-left:2.5%;
padding-top:4%;
}
.product-image-container-center:hover{
text-decoration:none;
}
.product-image-container-center:hover .product-name{
color:black;
}
.product-image-container-right{
display: inline-block;
width: 30%;
text-align: center;
padding-left:5%;
padding-top:4%;
}
.product-image-container-right:hover{
text-decoration:none;
}
.product-image-container-right:hover .product-name{
color:black;
}
.product-image-zoom{
transition: all 1s;
}
.product-image-zoom:hover{
transform: scale(1.1);
}
.product-grey-box {
z-index: -100;
position: absolute;
width: 75%;
height: 90%;
margin-top: 10%;
margin-left: 12%;
background: #ebf6fc;
}
.product-name{
padding-top:10%;
font-size: 20px;
font-style:italic;
color: #1b96cf;
font-weight: bold;
}
.see-more-bar{
position: relative;
width: 100%;
height: 45px; background-image: radial-gradient(#1b96cf,#1b96cf);
padding-top: 8px;
}
.see-more-bar:hover{
position: relative;
width: 100%;
height: 45px; background-image: radial-gradient(black,black);
padding-top: 8px;
}
.lab-services-container{
position: relative;
text-align: center;
color: white;
}
.lab-services-material-image{
width:67%;
display: block;
margin-left: auto;
margin-right: auto;
}
.lab-services-material-text{
padding-top:1%;
color:black;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 18px;
}
.lab-services-header{
position:absolute;
top: 10%;
right: 58%;
font-size:40px;
font-weight:bold;
font-style:italic;
}
.lab-services-info{
position:absolute;
top: 35%;
right: 48%;
font-size:17px;
font-style:italic;
width:47%;
text-align:left;
}
.lab-button-container {
position:absolute;
top: 72%;
right: 50%;
width: 50%;
}
.lab-button-container-1 {
position:absolute;
top: 72%;
right: 75%;
width: 33%;
}
.lab-button-container-2 {
position:absolute;
top: 72%;
right: 570px;
width: 33%;
}
.lab-button-container-3 {
position:absolute;
top: 72%;
right: 39%;
width: 33%;
}
.lab-button-large {
position:absolute;
all: unset;
display: inline-block;
background-color: #000;
font-size: 120%;
font-weight: bold;
font-style: italic;
color: #fff;
text-align: center;
position: relative;
margin-left: 1%;
margin-right: 1%;
margin-top: 1%;
cursor: pointer;
padding: 2.5%;
padding-left: 5%;
padding-right: 5%;
transition: all 0.5s ease;
}
.lab-button-large:hover {
background-color: #B0C4DE;
}
.info-container-center{
text-align:center;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
}
.research-marketing-image{
width:65%;
}
.research-marketing-info{
margin-left: auto;
margin-right: auto;
font-size:145%;
font-style:italic;
width:90%;
}
.text-container{
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
}
.quality-statement{
display: inline-block;
width: 30%;
text-align: right;
line-height: 40px;
padding-right:5%;
padding-top:4%;
vertical-align: middle;
}
.info-header-blue2{
font-size:40px;
font-weight:bold;
font-style:italic;
color: #1b96cf;
}
.info-header-black{
font-size:40px;
font-weight:bold;
font-style:italic;
}
.quality-statement-info{
font-size:18px;
font-style:italic;
display: inline-block;
text-align: left;
padding-left:5%;
padding-top:4%;
vertical-align: middle;
}
.lab-info-container{
display: block;
position: relative;
text-align:center;
}
.lab-product-container-center {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
padding-bottom: 3%;
}
.lab-services-consulting-container{
position: relative;
text-align: center;
color: white;
}
.lab-services-consulting-header{
position: absolute;
top: 18%;
right: 61%;
font-size: 47px;
font-weight: bold;
font-style: italic;
text-align: left;
line-height: 45px;
}
.lab-services-consulting-info{
position: absolute;
top: 58%;
right: 54%;
font-size: 19px;
width: 42%;
text-align: left;
}
.lab-info{
padding-top:5%;
padding-left:2%;
font-size:18px;
text-align: center;
}
.lab-product-container-left {
display: inline-block;
position: relative;
width: 50%;
float:left;
}
.lab-product-container-right{
display: inline-block;
position: relative;
width: 50%;
padding-left:1%;
}
.lab-header-blue{
font-size: 450%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-top:5%;
}
.lab-header-black{
font-size: 130%;
text-align:center;
font-style: italic;
line-height: 30px;
color: #ffffff;
}
.lab-header-white{
font-size: 320%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
padding-top:2%;
}
.lab-header-white-smaller{
font-size: 180%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
padding-bottom:2%;
}
.lab-profilometer-img{
padding-top:2%;
padding-right: 10%;
width:40%;
padding-left:5%;
}
.lab-header-blue-2{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
padding-top:5%;
line-height: 70px;
width:55%;
float:left;
text-align: center;
padding-left:10%;
}
.lab-header-blue-3{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
padding-top:8%;
line-height: 70px;
width:55%;
float:left;
text-align: center;
padding-left:10%;
}
.lab-header-blue-4{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
padding-top:8%;
line-height: 70px;
width:55%;
float:left;
text-align: center;
padding-left:10%;
}
.lab-icons-container {
display: block;
position: relative;
text-align: center;
}
.lab-profilometer-container-center{
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
padding-bottom: 5%;
}
.lab-profilometer-icon {
display: inline-block;
text-align: center;
padding-right:4%;
width: 33%;
}
.lab-profilometer-image-container{
position: relative;
width: 93%;
text-align: center;
}
.lab-head{
font-size:16px;
font-weight: bold;
padding-top:20px;
font-style: italic;
color:black;
}
.lab-header-black-2{
font-size: 300%;
text-align:center;
font-weight: bold;
font-style: italic;
line-height: 70px;
color:black;
}
.lab-product-container-center-2 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
}
.lab-product-container-center-3 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
margin:auto;
}
.lab-product-features-icon-testing {
display: inline-block;
width: 16%;
text-align: center;
}
.lab-product-features-icon-testing:hover .lab-head-black{
color: #1b96cf;
}
.lab-product-features-icon-testing:hover{
text-decoration: none;
}
.lab-mechanical-link:hover{
text-decoration: none;
}
.lab-product-features-icon-environmental {
display: inline-block;
width: 16%;
text-align: center;
}
.lab-product-features-icon-environmental:hover .lab-head-black{
color: #1b96cf;
}
.lab-product-features-icon-environmental:hover{
text-decoration: none;
}
.lab-profilometer-link:hover{
text-decoration: none;
}
.lab-profilometer-image-container:hover{
text-decoration: none;
}
.lab-profilometer-image-container:hover .lab-head{
color: #1b96cf;
text-decoration: none;
}
.lab-product-features-icon-environmental-2:hover .lab-head-black{
color: #1b96cf;
}
.lab-profilometer-image-container:hover .lab-head-blue{
color: black;
}
.lab-profilometer-image-container:hover .lab-head-black-2{
color: #1b96cf;
}
.lab-product-features-icon-environmental-2:hover{
text-decoration: none;
}
.lab-head-black{
font-size:15px;
font-weight: bold;
padding-top:20px;
font-style: italic;
color:black;
}
.lab-mechanical-container-center{
display: inline-block;
position: relative;
width: 160%;
padding-bottom: 5%;
text-align: left;
}
.lab-head-blue{
color: #1b96cf;
font-size: 20px;
font-style:italic;
font-weight: bold;
padding-top:4%;
}
.lab-head-blue-2{
color: #1b96cf;
font-size: 20px;
font-style:italic;
font-weight: bold;
padding-top:2%;
}
.lab-head-black-2{
font-size: 20px;
font-style:italic;
font-weight: bold;
color:black;
}
.lab-mechanical-container-center-2{
display: inline-block;
position: relative;
width: 103%;
padding-bottom: 5%;
}
.lab-mechanical-icon {
display: inline-block;
text-align: center;
width: 24%;
}
.lab-mechanical-icon-2 {
display: inline-block;
vertical-align: top;
text-align: center;
width: 48%;
}
.lab-product-features-icon-environmental-2 {
display: inline-block;
width: 18%;
padding-top:2%;
}
.lab-header-white-smaller-2{
font-size: 170%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
padding-bottom:2%;
padding-top:1%;
}
.lab-profilometer-image-container-region{
position: relative;
width: 100%;
line-height: 42px;
}
.lab-header-black-region{
font-size: 32px;
font-style: italic;
font-weight: bold;
color:black;
}
.lab-header-blue-region{
color: #1b96cf;
font-size: 42px;
font-style: italic;
font-weight: bold;
}
.region-image{
width:35%;
transition: all 1s;
}
.region-image:hover{
transform: scale(1.1);
}
hr{
background-color: #1b96cf;
height: 5px;
width:35%;
}
.header-box-blue-empty {
position: relative;
width: 100%;
height: 45px; background-image: radial-gradient(#1b96cf,#1b96cf);
}
.header-box-black-empty {
position: relative;
width: 100%;
height: 7px; background-image: radial-gradient(#000000,#000000);
}
.image-half-width {
width: 67% !important;
}
.lab-header-black-main{
font-size: 170%;
font-weight: bold;
color:black;
}
.lab-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 2%;
}
.t2000-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 15%;
}
.t2000-image-container{
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 180px;
margin:0 7px 0 7px;
}
#t2000-images{
text-align:center;
}
.t2000-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 35%;
height: 360px;
margin-right: 8%;
padding: 2.5%;
padding-bottom: 15%;
text-align: right;
}
.t2000-text-1 {
font-size: 240%;
font-weight: bold;
font-style: italic;
line-height: 40px;
padding-top: 27%;
}
.t2000-header-1 {
font-size: 630%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.t2000-overlay{
width: 58%;
float: left;
padding-bottom:10%;
margin-left: 5%;
transition: all 1s;
}
.t2000-container-center-video {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
pointer-events: none;
}
.t2000-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.t2000-text-1-bigger {
font-size: 280%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: #1b96cf;
}
.parallax{
background-image: url(//nanovea.com/wp-content/themes/wp-nanovea/productDisplay/images/T2000/Elements/T2000 tribometer - Advanced Motor Technology.png);
height: 530px;
background-position: right;
background-repeat: no-repeat;
background-size: 90%;
z-index: 110;
position: relative;
}
.t2000-text-1-bigger-left {
font-size: 350%;
font-weight: bold;
font-style: italic;
line-height: 50px;
color: #1b96cf;
text-align: left;
}
.t2000-list{
font-size:180%;
text-align: left;
padding-left:10%;
line-height: 40px;
}
.container-test{
z-index: 2;
}
.t2000-small-img{
width:16%;
padding-bottom:5px;
}
.t2000-small2-img{
width:22%;
padding-bottom:5px;
}
.t2000-smaller-img{
width:10%;
padding-bottom:5px;
}
.t2000-header-box-black {
position: relative;
width: 100%; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
}
.t2000-header-white{
font-size: 330%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-top:2%;
padding-bottom:2%;
}
.chromatic-text{
font-size: 120%;
font-weight: bold;
padding-top:3%;
text-align: justify;
width:95%;
padding-left:6%;
}
.chromatic-text-2{
font-size: 120%;
font-weight: bold;
padding-top:4%;
float: right;
width: 60%;
padding-right:5%;
padding-top: 5%
}
.chromatic-img-1{
padding-top:3%;
float:left;
}
.chromatic-img-2{
padding-top:4%;
padding-right: 4%;
float: right;
width: 60%;
}
.chromatic-header-blue{
font-size: 250%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #000000;
padding-top:2%;
}
.chromatic-header-blue-2{
font-size: 200%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #000000;
padding-bottom:2%;
}
.header-box-black {
position: relative;
width: 100%; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
}
.chromatic-header-black{
font-size: 200%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-bottom:1%;
padding-top:1%;
}
.chromatic-text-3{
font-size: 115%;
text-align: justify;
padding-top:5%;
width:70%;
display:inline-block;
font-weight: bold;
}
.chromatic-container-1 {
text-align:center;
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 3%;
}
.chromatic-container-black-blue {
text-align:center;
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 1%;
}
.chromatic-header-blue-3{
font-size: 260%;
text-align:center;
font-style:italic;
font-weight: bold;
color: #1b96cf;
padding-bottom:2%;
}
.inner-container{
padding-top:1%;
position: absolute;
width: 967px;
height: 85px;
left: 17px;
top: 920px;
z-index: 100;
line-height: 35px; background-image: radial-gradient(#ffffff,#ffffff);
overflow: hidden;
}
.inner-container-blue{
text-align:center;
color: #1b96cf;
font-size: 260%;
font-style:italic;
font-weight: bold;
}
.inner-container-black{
text-align:center;
color: black;
font-size: 160%;
font-style:italic;
font-weight: bold;
}
.left-black-box{
position: relative;
width: 500px;
height: 1760px; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
float: left;
}
.left-inner-container{
position: absolute;
width: 420px;
height: 90px;
top: 3%; background-image: radial-gradient(#ffffff,#ffffff);
overflow: hidden;
}
.left-inner-text{
position: absolute;
font-size: 170%;
font-family: Arial Black;
font-weight: bold;
text-align: right;
color: black;
right: 5%;
top: 15%;
}
.left-vs{
position: absolute;
font-size: 380%;
font-weight: bold;
text-align: right;
right: 1%;
top: 3.5%;
color:#ffffff;
vertical-align: middle;
}
.right-vs{
position: absolute;
font-size: 380%;
font-weight: bold;
text-align: left;
left: 1%;
top: 3.5%;
color:#ffffff;
vertical-align: middle;
}
.left-black-box-img{
position: absolute;
width: 25%;
top: 180px;
left: 7%;
}
.left-black-box-text-1{
position: absolute;
font-size:120%;
color: #ffffff;
top: 220px;
right: 13%;
text-align: right;
}
.left-black-box-text-2{
position: absolute;
font-size:120%;
color: #ffffff;
top: 340px;
right: 13%;
text-align: right;
}
.left-black-box-text-3{
position: absolute;
font-size:120%;
color: #ffffff;
top: 460px;
right: 13%;
text-align: right;
}
.left-black-box-text-4{
position: absolute;
font-size:120%;
color: #ffffff;
top: 600px;
right: 13%;
text-align: right;
}
.left-black-box-text-5{
position: absolute;
font-size:120%;
color: #ffffff;
top: 720px;
right: 13%;
text-align: right;
}
.left-black-box-text-6{
position: absolute;
font-size:120%;
color: #ffffff;
top: 840px;
right: 13%;
text-align: right;
}
.left-black-box-line-1{
position: absolute;
font-size:230%;
color: #ffffff;
top: 205px;
right: 0%;
text-align: right;
}
.left-black-box-line-2{
position: absolute;
font-size:230%;
color: #ffffff;
top: 325px;
right: 0%;
text-align: right;
}
.left-black-box-line-3{
position: absolute;
font-size:230%;
color: #ffffff;
top: 457px;
right: 0%;
text-align: right;
}
.left-black-box-line-4{
position: absolute;
font-size:230%;
color: #ffffff;
top: 585px;
right: 0%;
text-align: right;
}
.left-black-box-line-5{
position: absolute;
font-size:230%;
color: #ffffff;
top: 705px;
right: 0%;
text-align: right;
}
.left-black-box-line-6{
position: absolute;
font-size:230%;
color: #ffffff;
top: 814px;
right: 0%;
text-align: right;
}
.right-blue-box{
position: relative;
width: 500px;
height: 1760px; background-image: radial-gradient(#1b96cf,#1b96cf);
overflow: hidden;
}
.right-inner-container{
position: absolute;
width: 420px;
height: 90px;
top: 3%;
right: 0%; background-image: radial-gradient(#ffffff,#ffffff);
overflow: hidden;
}
.header-box-blue-empty {
position: relative;
width: 100%;
height: 30px;
line-height: 60px; background-image: radial-gradient(#1b96cf,#1b96cf);
text-align: center;
color:white;
font-size: 230%;
font-style: italic;
font-weight: bold;
}
.right-inner-text{
position: absolute;
font-size: 170%;
font-family: Arial Black;
font-weight: bold;
text-align: left;
left: 5%;
top: 15%;
color: #1b96cf;
}
.right-black-box-text-1{
position: absolute;
font-size:120%;
color: #ffffff;
top: 232px;
left: 13%;
text-align: left;
}
.right-black-box-text-2{
position: absolute;
font-size:120%;
color: #ffffff;
top: 340px;
left: 13%;
text-align: left;
}
.right-black-box-text-3{
position: absolute;
font-size:120%;
color: #ffffff;
top: 472px;
left: 13%;
text-align: left;
}
.right-black-box-text-4{
position: absolute;
font-size:120%;
color: #ffffff;
top: 600px;
left: 13%;
text-align: left;
}
.right-black-box-text-5{
position: absolute;
font-size:120%;
color: #ffffff;
top: 710px;
left: 13%;
text-align: left;
}
.right-black-box-text-6{
position: absolute;
font-size:120%;
color: #ffffff;
top: 830px;
left: 13%;
text-align: left;
}
.right-black-box-line-1{
position: absolute;
font-size:230%;
color: #ffffff;
top: 205px;
left: 0%;
text-align: left;
}
.right-black-box-line-2{
position: absolute;
font-size:230%;
color: #ffffff;
top: 325px;
left: 0%;
text-align: left;
}
.right-black-box-line-3{
position: absolute;
font-size:230%;
color: #ffffff;
top: 457px;
left: 0%;
text-align: left;
}
.right-black-box-line-4{
position: absolute;
font-size:230%;
color: #ffffff;
top: 585px;
left: 0%;
text-align: left;
}
.right-black-box-line-5{
position: absolute;
font-size:230%;
color: #ffffff;
top: 705px;
left: 0%;
text-align: left;
}
.right-black-box-line-6{
position: absolute;
font-size:230%;
color: #ffffff;
top: 814px;
left: 0%;
text-align: left;
}
.black-blue-img{
position:absolute;
top: 1020px;
right: 15px;
z-index: 100;
}
.chrom-container{
position:relative;
}
.chromatic-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 3%;
}
.chromatic-container-wide {
position: absolute;
width: 100%;
margin: auto;
text-align: center;
top: 0%;
}
.chromatic-container-wide img {
all: unset;
width: 100%;
}
.black-bar-text-1{
position: absolute;
color: black;
font-size: 230%;
font-weight: bold;
font-style: italic;
bottom: 202px;
left: 35px;
}
.black-bar-text-2{
position: absolute;
color: white;
font-size: 130%;
font-style: italic;
bottom: 190px;
left: 180px;
text-align: left;
}
.blue-bar-text-1{
position: absolute;
color: #1b96cf;
font-size: 230%;
font-weight: bold;
font-style: italic;
bottom: 105px;
left: 70px;
}
.blue-bar-text-2{
position: absolute;
color: white;
font-size: 130%;
font-style: italic;
bottom: 105px;
left: 180px;
text-align: left;
}
.header-box-blue-empty {
position: relative;
width: 100%;
height: 50px;
line-height: 50px; background-image: radial-gradient(#1b96cf,#1b96cf);
text-align: center;
color:white;
font-size: 230%;
font-style: italic;
font-weight: bold;
}
.header-box-black-empty {
position: relative;
width: 100%;
height: 15px;
line-height: 60px; background-image: radial-gradient(#000000,#000000);
text-align: center;
color:white;
font-size: 230%;
font-style: italic;
font-weight: bold;
}
.header-box-white-empty {
position: relative;
width: 100%;
height: 60px;
line-height: 60px; text-align: center;
font-size: 260%;
font-style: italic;
font-weight: bold;
padding-top: 4px;
}
.image-column-container {
display: table;
width: 100%;  }
.image-column-container:hover {
color:#1b96cf
}
.image-column {
display: table-cell;
}
.image-column a:hover {
text-decoration:none;
}
.image-column-image:hover .profilometry-text {
color:#1b96cf;
text-decoration:none;
}
.image-column-image {
display: block;
position: relative;
padding-bottom: 5%;
padding-right: 5%;
}
.image-column-text {
display: inline-block;
opacity: 0;
position: absolute; top: 50%;
color: #fff;
transform: translateY(-50%);
margin: auto;
width: 100%;
text-align: center;
font-size: 150%;
font-weight: bold;
font-style: italic;
z-index: 100;
transition: all 0.75s ease;
}
.profilometry-text{
font-size: 160%;
font-weight: bold;
font-style: italic;
text-align: center;
color: black;
padding-bottom: 3%;
padding-top: 3%;
}
.profilometry-text:hover{
color:#1b96cf;
}
.ps50-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 20%;
}
.ps50-overlay{
width: 80%;
float: left;
padding-right: 25%;
padding-left: 12%;
margin-left: 8%;
}
.ps50-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 400px;
margin-right: 15%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
margin-top: 3%;
}
.ps50-text-1 {
font-size: 220%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: black;
padding-top: 7%;
}
.ps50-container-1-less {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
}
.ps50-container-2-less {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 10%;
}
.ps50-box-plain-text {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
top: 40%;
}
.ps50-box-plain-text-2 {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
}
.ps50-image-container {
display: inline-block;
position: relative;
width: 65%;
float: right;
}
.ps50-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
}
.ps50-text-2{
font-size: 125%;
color: black;
width: 73%;
margin-left: 15%;
margin-top: 5%;
}
.ps50-grey-background-box {
z-index: -100;
position: absolute;
width: 75%;
height: 85%;
margin-top: 10%;
margin-left: 7.5%;
background: #ebf6fc;
}
.ps50-grey-background-box-2{
z-index: -100;
position: absolute;
width: 70%;
height: 85%;
margin-top: 10%;
margin-left: 14%;
background: #ebf6fc;
}
.ps50-image-container-wide {
position: relative;
display: inline-block;
width: 40%;
margin: auto;
text-align: center;
}
.ps50-left-text{
position: relative;
display: inline-block;
color: #1b96cf;
font-size: 200%;
font-weight: bold;
float: left;
margin-top: 20%;
width:310px;
text-align: right;
padding-right: 90px;
font-style: italic;
}
.ps50-right-text{
position: relative;
display: inline-block;
color: #1b96cf;
font-size: 200%;
font-weight: bold;
float: right;
margin-top: 23%;
font-style: italic;
}
.image-container-wide-text{
color:black;
font-size: 100%;
width: 80%;
margin: auto;
text-align: center;
padding-top: 2%;
}
.lab-info-text{
font-size: 330%;
font-weight: bold;
text-align: center;
padding-top: 10%;
color:black;
font-style: italic;
}
.ps50-image-full-width {
width: 80% !important;
}
.jr100-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 20%;
}
.jr100-text-1 {
font-size: 230%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: black;
padding-top: 7%;
padding-right: 1%;
}
.jr100-overlay{
width: 43%;
float: left;
margin-left: 17%;
margin-top: 7%;
}
.jr100-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 400px;
margin-right: 15%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
margin-top: 3%;
}
.jr100-container-1-less {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
}
.jr100-container-2-less {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
}
.jr100-image-container {
display: inline-block;
position: relative;
width: 50%;
float: left;
}
.jr100-image-container-2 {
display: inline-block;
position: relative;
width: 50%;
float: right;
}
.jr100-box-plain-text {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
top: 30%;
right: 1%;
}
.jr100-box-plain-text-2 {
display: inline-block;
position: absolute;
text-align: center;
width: 60%;
top: 30%;
right: 48%;
}
.jr100-box-plain-text-3 {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
top: 23%;
right: 1%;
}
.jr100-image-zoom {
width: 90%;
margin-left: 2%;
transition: all 1s;
}
.jr100-image-zoom:hover {
transform: scale(1.1);
}
.jr100-header-1-smaller{
font-size: 320%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
}
.jr100-header-1-smaller-video{
font-size: 380%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
}
.jr100-text-2{
font-size: 135%;
color: black;
font-style:italic;
width: 73%;
margin-left: 15%;
margin-top: 5%;
text-align: center;
}
.jr100-grey-background-box {
z-index: -100;
position: absolute;
width: 77%;
height: 80%;
margin-top: 12%;
margin-left: 8%;
background: #ebf6fc;
}
.jr100-video-text{
position: absolute;
bottom: 8%;
right: 25%;
}
.jr100-text-2-video{
font-size: 125%;
color: black;
font-style: italic;
text-align: center;
padding-bottom: 1%;
}
.jr100-container-video{
display: inline-block;
position: relative;
width: 100%;
overflow: hidden
}
.jr100-container-video #video{
position: relative; top: 10px;
}
.st500-overlay{
width: 50%;
float: left;
margin-left: 105px;
margin-top: 0%;
transition: all 1s;
}
.st500-overlay:hover {
transform: scale(1.1);
}
.st500-text-1 {
font-size: 230%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: black;
padding-top: 2%;
padding-right: 1%;
}
.st500-box-plain-text {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
top: 30%;
left: -50px;
}
.st500-header-1-smaller{
font-size: 330%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 110%;
}
.st500-image-container {
display: inline-block;
position: relative;
width: 60%;
float: right;
right: -50px;
}
.st500-image-container-2 {
display: inline-block;
position: relative;
width: 55%;
float: right;
right: -50px;
margin-top: 2%;
}
.st500-grey-background-box {
z-index: -100;
position: absolute;
width: 77%;
height: 85%;
margin-top: 12%;
margin-left: 8%;
background: #ebf6fc;
}
.st500-video-text{
right: 25%;
}
.st500-text-2-video{
font-size: 160%;
color: black;
font-style: italic;
text-align: center;
font-weight: bold;
}
.st500-header-1-smaller-video{
font-size: 380%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
text-align: center;
}
.st500-container-video{
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
padding-top:13%;
padding-bottom: 10%;
}
.st500-quality-image-container{
text-align: center;
padding-top: 1%;
width: 90%;
margin-left: 5%;
}
.st500-quality-text{
padding-top: 4%;
text-align: center;
font-style: italic;
color: black;
font-size: 150%;
width: 78%;
margin-left: 11%;
}
.t100-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 20%;
}
.t100-image-container{
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 180px;
margin:0 7px 0 7px;
}
#t100-images{
text-align:center;
}
.t100-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: left;
width: 37%;
height: 360px;
margin-left: 17%;
padding: 2.5%;
padding-bottom: 10%;
text-align: left;
margin-top: -10%;
}
.t100-text-1 {
font-size: 240%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.t100-header-1 {
font-size: 630%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
margin-top: -10%;
}
.t100-overlay{
width: 45%;
float: right;
padding-bottom:10%;
padding-top:5%;
margin-right: 15%;
margin-top:3%;
transition: all 1s;
}
.t100-overlay {
transition: all 1s;
}
.t100-overlay:hover {
transform: scale(1.1);
}
.t100-container-center-video {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
pointer-events: none;
padding-top:2%;
}
.t100-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.t100-text-1-bigger {
font-size: 280%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: #1b96cf;
}
.parallax{
background-image: url(//nanovea.com/wp-content/themes/wp-nanovea/productDisplay/images/T2000/Elements/T2000 tribometer - Advanced Motor Technology.png);
height: 530px;
background-position: right;
background-repeat: no-repeat;
background-size: 90%;
z-index: 110;
position: relative;
}
.t100-text-1-bigger-left {
font-size: 350%;
font-weight: bold;
font-style: italic;
line-height: 50px;
color: #1b96cf;
text-align: left;
}
.t100-list{
font-size:180%;
text-align: left;
padding-left:10%;
line-height: 40px;
}
.container-test{
z-index: 2;
}
.t100-small-img{
width:16%;
padding-bottom:5px;
}
.t100-small2-img{
width:22%;
padding-bottom:5px;
}
.t100-smaller-img{
width:10%;
padding-bottom:5px;
}
.t100-header-box-black {
position: relative;
width: 100%; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
}
.t100-header-white{
font-size: 330%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-top:2%;
padding-bottom:2%;
}
.t100-center-image{
padding-top:10%;
text-align:center;
width:100%;
}
.t100-center-image {
transition: all 1s;
}
.t100-center-image:hover {
transform: scale(1.1);
}
.t100-center-product{
padding-top:10%;
text-align:center;
width:70%!important;
}
.t50-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 15%;
}
.t50-image-container{
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 180px;
margin:0 7px 0 7px;
}
#t50-images{
text-align:center;
}
.t50-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 420px;
margin-right: 140px;
padding: 2.5%;
padding-bottom: 10%;
text-align: left;
margin-top: -13%;
}
.t50-text-1 {
font-size: 330%;
font-weight: bold;
font-style: italic;
line-height: 45px;
margin-left:26%;
text-align: right;
color: black;
}
.t50-header-1 {
font-size: 730%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
margin-top: -10%;
margin-left:48%;
}
.t50-overlay{
width: 38%;
float: left;
padding-bottom:10%;
padding-top:12%;
margin-left: 180px;
margin-top:3%;
transition: all 1s;
}
.t50-overlay {
transition: all 1s;
}
.t50-overlay:hover {
transform: scale(1.1);
}
.t50-container-center-video {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
pointer-events: none;
padding-top:2%;
}
.t50-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.t50-text-1-bigger {
font-size: 280%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: #1b96cf;
}
.t50-text-1-bigger-left {
font-size: 350%;
font-weight: bold;
font-style: italic;
line-height: 50px;
color: #1b96cf;
text-align: left;
}
.t50-list{
font-size:180%;
text-align: left;
padding-left:10%;
line-height: 40px;
}
.container-test{
z-index: 2;
}
.t50-small-img{
width:16%;
padding-bottom:5px;
}
.t50-small2-img{
width:22%;
padding-bottom:5px;
}
.t50-smaller-img{
width:10%;
padding-bottom:5px;
}
.t50-header-box-black {
position: relative;
width: 100%; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
}
.t50-header-white{
font-size: 330%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-top:2%;
padding-bottom:2%;
}
.t50-center-image{
padding-top:10%;
text-align:center;
width:100%;
}
.t50-center-image {
transition: all 1s;
}
.t50-center-image:hover {
transform: scale(1.1);
}
.t50-center-product{
padding-top:10%;
text-align:center;
width:70%!important;
}
.t50-research-marketing-info{
margin-left: auto;
margin-right: auto;
font-size:132%;
font-style:italic;
color:black;
width:900px;
text-align: center;
padding-bottom: 2%;
}
.t50-lab-product-features-icon-testing {
display: inline-block;
width: 18%;
text-align: center;
padding-right: 3%;
}
.t50-lab-product-features-icon-testing:hover .lab-head-black{
color: #1b96cf;
}
.t50-lab-product-features-icon-testing:hover{
text-decoration: none;
}
.t50-lab-product-features-icon-testing-end {
display: inline-block;
width: 18%;
text-align: center;
}
.t50-lab-product-features-icon-testing-end:hover .lab-head-black{
color: #1b96cf;
}
.t50-lab-product-features-icon-testing-end:hover{
text-decoration: none;
}
.cr8r-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 15%;
}
.cr8r-image-container{
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 180px;
margin:0 7px 0 7px;
}
#cr8r-images{
text-align:center;
}
.cr8r-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 45%;
height: 420px;
margin-right: 140px;
padding: 2.5%;
padding-bottom: 10%;
text-align: left;
margin-top: -13%;
}
.cr8r-text-1 {
font-size: 260%;
font-weight: bold;
font-style: italic;
line-height: 50px;
text-align: right;
color: black;
margin-top: 2%;
}
.cr8r-image-instrument-center{
width: 30%;
margin-left:13%;
float:left;
padding-bottom: 5%;
}
.cr8r-text-columns{
float:right;
margin-right:10%;
margin-top:4%;
margin-bottom: 4%;
}
.cr8r-text-columns-blue{
color: #1b96cf;
font-size: 26px;
font-weight: bold;
font-style:italic;
}
.cr8r-text-columns-black{
color: black;
font-size: 34px;
font-weight: bold;
padding-bottom:10%;
font-style:italic;
}
.cr8r-header-1 {
font-size: 580%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
margin-top: -5%;
margin-left:34%;
}
.cr8r-overlay{
width: 50%;
float: left;
padding-bottom:10%;
padding-top:5%;
margin-left: 90px;
margin-top:3%;
transition: all 1s;
}
.cr8r-container-center-video {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
pointer-events: none;
padding-top:2%;
}
.cr8r-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.cr8r-text-1-bigger {
font-size: 280%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: #1b96cf;
}
.parallax{
background-image: url(//nanovea.com/wp-content/themes/wp-nanovea/productDisplay/images/T2000/Elements/T2000 tribometer - Advanced Motor Technology.png);
height: 530px;
background-position: right;
background-repeat: no-repeat;
background-size: 90%;
z-index: 110;
position: relative;
}
.cr8r-text-1-bigger-left {
font-size: 350%;
font-weight: bold;
font-style: italic;
line-height: 50px;
color: #1b96cf;
text-align: left;
}
.cr8r-list{
font-size:180%;
text-align: left;
padding-left:10%;
line-height: 40px;
}
.container-test{
z-index: 2;
}
.cr8r-small-img{
width:16%;
padding-bottom:5px;
}
.cr8r-small2-img{
width:22%;
padding-bottom:5px;
}
.cr8r-smaller-img{
width:10%;
padding-bottom:5px;
}
.cr8r-header-box-black {
position: relative;
width: 100%; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
}
.cr8r-header-white{
font-size: 330%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-top:2%;
padding-bottom:2%;
}
.cr8r-center-image{
padding-top:7%;
text-align:center;
width:100%;
padding-bottom: 3%;
}
.cr8r-center-image {
transition: all 1s;
}
.cr8r-center-image:hover {
transform: scale(1.1);
}
.cr8r-center-product{
padding-top:10%;
text-align:center;
width:80%!important;
}
.cr8r-research-marketing-info{
margin-left: auto;
margin-right: auto;
font-size:132%;
font-style:italic;
color:black;
width:900px;
text-align: center;
padding-bottom: 2%;
}
.cr8r-lab-product-features-icon-testing {
display: inline-block;
width: 33%;
text-align: center;
}
.cr8r-lab-product-features-icon-testing:hover .lab-head-black{
color: #1b96cf;
}
.cr8r-lab-product-features-icon-testing:hover{
text-decoration: none;
}
.cr8r-lab-product-features-icon-testing-end {
display: inline-block;
width: 20%;
text-align: center;
}
.cr8r-lab-product-features-icon-testing-end:hover .lab-head-black{
color: #1b96cf;
}
.cr8r-lab-product-features-icon-testing-end:hover{
text-decoration: none;
}
.cr8r-product-features-icon-image-containter img {
width: 85%;
padding-bottom:2%;
position: relative;
}
.cr8r-head-black{
font-size:20px;
font-weight: bold;
padding-top:5px;
font-style: italic;
color:black;
}
.cr8r-head-blue{
font-size:20px;
font-style: italic;
color: #1b96cf;
}
.cr8r-lab-product-features-icon-testing:hover{
text-decoration: none;
}
.cr8r-video-text{
position: absolute;
color:black;
font-weight: bold;
font-size: 20px;
padding-top: 45%;
margin-left:70px;
width:42%;
top:0;
left:0;
z-index:1;
}
.cr8r-video-black-text{
text-align:center;
color: black;
font-size: 20px;
padding-top: 5%;
}
.cr8r-video-blue-text{
text-align: center;
font-size: 42px;
font-weight: bold;
color: #1b96cf;
padding-top:4%;
padding-bottom:5%;
}
.cr8r-video-2{
width:100%;
}
.vacuum-container-1 {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
margin-bottom: -5%;
}
.vacuum-container-2 {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
}
.vacuum-image-container{
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 180px;
margin:0 7px 0 7px;
}
#vacuum-images{
text-align:center;
}
.vacuum-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 45%;
height: 420px;
margin-right: 140px;
padding: 2.5%;
padding-bottom: 10%;
text-align: left;
margin-top: -13%;
}
.vacuum-text-1 {
position: absolute;
top: 365px;
left: 275px;
font-size: 130%;
font-weight: bold;
font-style: italic;
line-height: 23px;
text-align: left;
color: black;
}
.vacuum-image-instrument-center{
width: 30%;
margin-left:13%;
float:left;
padding-bottom: 5%;
}
.vacuum-text-columns{
float:right;
margin-right:10%;
margin-top:4%;
margin-bottom: 4%;
}
.vacuum-text-columns-blue{
color: #1b96cf;
font-size: 26px;
font-weight: bold;
font-style:italic;
}
.vacuum-text-columns-black{
color: black;
font-size: 34px;
font-weight: bold;
padding-bottom:10%;
font-style:italic;
}
.vacuum-header-1 {
position: absolute;
top: 50px;
left: 275px;
font-size: 270%;
font-weight: bold;
font-style: italic;
color: black;
text-align: left;
line-height: 50px;
}
.vacuum-header-1-blue {
position: absolute;
top: 90px;
left: 275px;
font-size: 200%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
text-align: left;
line-height: 50px;
}
.vacuum-overlay{
width: 75%;
}
.vacuum-text-overlay{
position:absolute;
top: 100px;
right: 100px;
}
.vacuum-text-overlay-1{
color: black;
font-size: 46px;
padding-top: 10px;
font-weight: bold;
font-style:italic;
}
.vacuum-text-overlay-2{
color: White;
font-size: 58px;
font-weight: bold;
font-style:italic;
text-align: center;
padding:10px;
}
.vacuum-overlay-3{
position:absolute;
top: 150px;
left: 100px;
}
.vacuum-text-overlay-3{
color: White;
font-size: 52px;
font-weight: bold;
font-style:italic;
}
.vacuum-text-overlay-4{
color: #1b96cf;
font-size: 28px;
font-weight: bold;
font-style:italic;
margin-top: -5px;
}
.vacuum-overlay-4{
position:absolute;
top: 420px;
}
.vaccum-overlay-4-images{
float: left;
width: 33.33%;
padding: 5px;
padding-top: 3%;
}
.vacuum-overlay-5{
position:absolute;
top: 750px;
width: 100%;
}
.vaccum-overlay-5-images{
float: left;
width: 33.3%;
padding: 5px;
padding-top: 3%;
}
.vacuum-overlay-4-images-text{
color: White;
font-size: 18px;
font-weight: bold;
font-style:italic;
}
.vacuum-text-overlay-6{
color: Black;
font-size: 58px;
font-weight: bold;
font-style:italic;
text-align: center;
padding:10px;
}
.vaccum-overlay-7-images{
float: left;
width: 50%;
padding-top: 2%;
}
.vacuum-overlay-7{
position:absolute;
top: 100px;
left: 70px;
}
.vacuum-overlay-8{
position:absolute;
top: 100px;
left: 585px;
}
.vacuum-text-overlay-7{
color: White;
font-size: 36px;
font-weight: bold;
font-style:italic;
}
.vacuum-text-overlay-5{
color: White;
font-size: 60px;
font-weight: bold;
font-style:italic;
}
.vacuum-overlay-2{
background-color: #1b96cf;
height: 100px;
}
.vacuum-overlay-6{
background-color: White;
height: 100px;
}
.vacuum-container-center-video {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
pointer-events: none;
padding-top:2%;
}
.vacuum-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.vacuum-text-1-bigger {
font-size: 280%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: #1b96cf;
}
.vacuum-bottom-text-1{
padding-top: 10%;
text-align: center;
color: #1b96cf;
font-size: 36px;
font-weight: bold;
font-style: italic;
}
.vacuum-bottom-text-2{
text-align: center;
color: black;
font-size: 24px;
font-weight: bold;
font-style: italic;
}
.st400-overlay{
width: 45%;
float: right;
margin-right: 145px;
margin-top: 5%;
transition: all 1s;
}
.st400-overlay-2{
transition: all 1s;
}
.st400-overlay-2:hover{
transform: scale(1.1);
}
.st400-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: left;
width: 40%;
height: 400px;
margin-left: 15%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: left;
margin-top: 3%;
}
.st400-text-1 {
font-size: 230%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: black;
padding-top: 2%;
padding-right: 1%;
}
.st400-text-2{
font-size: 135%;
color: black;
font-style:italic;
width: 80%;
margin-left: 10%;
margin-top: 5%;
text-align: center;
}
.st400-box-plain-text {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
top: 30%;
left: -50px;
}
.st400-header-1-smaller{
font-size: 330%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 110%;
}
.st400-image-container {
display: inline-block;
position: relative;
width: 60%;
float: right;
right: -50px;
}
.st400-image-container-2 {
display: inline-block;
position: relative;
width: 55%;
float: right;
right: -50px;
margin-top: 2%;
}
.st400-grey-background-box {
z-index: -100;
position: absolute;
width: 77%;
height: 85%;
margin-top: 12%;
margin-left: 8%;
background: #ebf6fc;
}
.st400-video-text{
right: 25%;
}
.st400-text-2-video{
font-size: 160%;
color: black;
font-style: italic;
text-align: center;
font-weight: bold;
}
.st400-header-1-smaller-video{
font-size: 380%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
text-align: center;
}
.st400-container-video{
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
padding-top:10%;
padding-bottom: 10%;
}
.st400-quality-image-container{
text-align: center;
width: 90%;
margin-left: 5%;
padding-top:13%;
}
.st400-quality-text{
padding-top: 5%;
font-style: italic;
text-align: center;
color: black;
font-size: 150%;
width: 90%;
margin-left: 6%;
font-size: 20px;
}
.st400-container{
display: inline-block;
padding-bottom: 3%;
padding-top:2%;
}
.st400-container-image{
float:left;
width:50%;
}
.st400-container-text-blue{
margin-top: 40px;
font-size:40px;
float:right;
font-style:italic;
color: #1b96cf;;
font-weight:bold;
text-align:center;
line-height: 50px;
}
.st400-container-text-black{
margin-top: 40px;
float:right;
color:black;
font-size: 155%;
margin-right:45px;
text-align:center;
line-height: 30px;
}
.hs2000-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 38%;
height: 400px;
margin-right: 15%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
margin-top: 10%;
}
.hs2000-header-1 {
font-size: 520%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.hs2000-overlay{
width: 80%;
float: left;
margin-left: -80px;
margin-top: 0%;
}
.hs2000-text-1 {
font-size: 220%;
font-weight: bold;
font-style: italic;
line-height: 40px;
color: black;
padding-top: 2%;
padding-right: 1%;
margin-top: 180px;
}
.hs2000-box-plain-text {
display: inline-block;
position: absolute;
width: 55%;
text-align: center;
height: 100%;
top: 30%;
left: -50px;
}
.hs2000-header-1-smaller{
font-size: 330%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 110%;
}
.hs2000-image-container {
display: inline-block;
position: relative;
width: 60%;
float: right;
right: -50px;
}
.hs2000-image-container-2 {
display: inline-block;
position: relative;
width: 55%;
float: right;
right: -50px;
margin-top: 2%;
}
.hs2000-grey-background-box {
z-index: -100;
position: absolute;
width: 77%;
height: 85%;
margin-top: 12%;
margin-left: 8%;
background: #ebf6fc;
}
.hs2000-video-text{
right: 25%;
}
.hs2000-text-2-video{
font-size: 160%;
color: black;
font-style: italic;
text-align: center;
font-weight: bold;
}
.hs2000-header-1-smaller-video{
font-size: 380%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
text-align: center;
}
.hs2000-image-overlay{
width: 80%;
margin-left: 60px;
transition: all 1s;
}
.hs2000-image-overlay:hover {
transform: scale(1.1);
}
.hs2000-container-video{
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
padding-top:13%;
padding-bottom: 10%;
}
.hs2000-quality-image-container{
text-align: center;
width: 90%;
margin-left: 18px;
padding-top:1%;
}
.hs2000-quality-text{
padding-top: 4%;
font-style: italic;
text-align: center;
color: black;
font-size: 150%;
width: 85%;
margin-left: 7%;
}
.hs2000-container-image{
float:left;
width:35%;
margin-left: -20px;
}
.hs2000-container-text-blue{
margin-top: 85px;
font-size: 47px;
float:right;
font-style:italic;
color: #1b96cf;
font-weight:bold;
text-align:center;
line-height: 50px;
margin-right: 44px;
}
.hs2000-container-text-black{
margin-top: 40px;
float:right;
color:black;
font-size: 155%;
margin-right:30px;
text-align:center;
line-height: 30px;
font-style: italic;
}
.hs2000-image-zoom {
width: 97%;
margin-left: 2%;
transition: all 1s;
}
.hs2000-image-zoom:hover {
transform: scale(1.1);
}
.hs2000-image-container-2 {
display: inline-block;
position: relative;
width: 65%;
float: right;
}
.hs2000-grey-background-box-2{
z-index: -100;
position: absolute;
width: 55%;
height: 95%;
margin-top: 3%;
margin-left: 23%;
background: #ebf6fc;
}
.inline-container-1{
position: relative;
width: 100%;
padding-bottom: 2%;
}
.inline-container-image{
text-align:center;
margin-left: auto;
margin-right: auto;
display: block;
}
.inline-header-1{
position: absolute;
color: #1b96cf;
font-size: 60px;
font-weight: bold;
font-style: italic;
top: 120px;
left: 300px;
line-height: 65px;
}
.inline-text-1{
position: absolute;
color: black;
font-size: 34px;
font-weight: bold;
font-style: italic;
top: 260px;
left: 300px;
line-height: 46px;
}
.inline-header-2 {
font-size: 370%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
text-align:center;
padding-top: 5%;
line-height:54px;
}
.inline-text-black{
text-align:center;
color:black;
font-size: 22px;
font-style: italic;
}
.inline-container-video{
text-align:center;
padding-top:5%;
}
.inline-container-left{
float:left;
padding-top: 12%;
}
.inline-left-blue{
font-weight: bold;
font-style: italic;
color: #1b96cf;
font-size:40px;
}
.inline-left-black{
font-style: italic;
color: black;
font-size:18px;
text-align:center;
}
.inline-grey-background-box-2{
z-index: -100;
position: absolute;
width: 55%;
height: 83%;
margin-top: 10%;
margin-left: 17%;
background: #ebf6fc;
}
.afm-overlay{
width: 45%;
float: right;
margin-right: 155px;
margin-top: 10%;
transition: all 1s;
}
.afm-overlay-2{
transition: all 1s;
}
.afm-overlay-2:hover{
transform: scale(1.1);
}
.afm-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: left;
width: 40%;
height: 400px;
margin-left: 20%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: left;
margin-top: 3%;
}
.afm-header-1{
font-size:450%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.afm-text-1 {
font-size: 200%;
font-weight: bold;
font-style: italic;
line-height: 15px;
color: black;
padding-top: 8%;
padding-right: 1%;
}
.afm-text-2{
font-size: 135%;
color: black;
font-style:italic;
width: 80%;
margin-left: 10%;
margin-top: 5%;
text-align: center;
}
.afm-box-plain-text {
display: inline-block;
position: absolute;
width: 65%;
text-align: center;
height: 100%;
top: 30%;
left: -50px;
}
.afm-header-1-smaller{
font-size: 330%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 110%;
}
.afm-image-container {
display: inline-block;
position: relative;
width: 60%;
float: right;
right: -100px;
}
.afm-image-container-2 {
display: inline-block;
position: relative;
width: 55%;
float: right;
right: -50px;
margin-top: 2%;
}
.afm-grey-background-box {
z-index: -100;
position: absolute;
width: 65%;
height: 75%;
margin-top: 23%;
margin-left: 12%;
background: #ebf6fc;
}
.afm-video-text{
right: 25%;
}
.afm-text-2-video{
font-size: 160%;
color: black;
font-style: italic;
text-align: center;
font-weight: bold;
}
.afm-header-1-smaller-video{
font-size: 380%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
line-height: 100%;
text-align: center;
}
.afm-container-video{
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
padding-top:10%;
padding-bottom: 10%;
}
.afm-quality-image-container{
text-align: center;
width: 90%;
margin-left: 5%;
padding-top:8%;
}
.afm-quality-text{
padding-top: 5%;
font-style: italic;
text-align: center;
color: black;
font-size: 150%;
width: 90%;
margin-left: 6%;
font-size: 20px;
}
.afm-container{
padding-bottom: 3%;
padding-top:2%;
}
.afm-container-image{
float:left;
width:50%;
}
.afm-container-text-blue{
margin-top: 40px;
font-size:40px;
float:right;
font-style:italic;
color: #1b96cf;
font-weight:bold;
text-align:center;
line-height: 50px;
}
.afm-container-text-black{
margin-top: 40px;
float:right;
color:black;
font-size: 155%;
margin-right:45px;
text-align:center;
line-height: 30px;
}
.afm-header-black{
font-size: 420%;
color: black;
font-style: italic;
font-weight: bold;
text-align:center;
padding-bottom: 2%;
}
.afm-tool-img{
width: 28%;
}
.afm-header-black-small{
color:black;
font-size: 170%;
text-align:center;
font-weight:bold;
font-style:italic;
padding-top:-20px;
}
.afm-container-2{
text-align:center;
padding-bottom:5%;
}
.afm-blue-bar{
background-color: #1b96cf;
height:60px;
width: 62%;
text-align:center;
margin-left:5%;
margin-top:10%;
float:left
}
.afm-blue-bar-text{
color:white;
font-size:290%;
font-weight:bold;
font-style: italic;
padding-top:1%;
}
.afm-blue-bar-image{
position:absolute;
width:27%;
right:72px;
}
.afm-blue-bar-paragraph{
clear: left;
margin-right:28%;
color:black;
font-style: italic;
font-size: 130%;
text-align:center;
padding-top:5%;
line-height: 26px;
}
.afm-image-text-blue{
position:absolute;
text-align:center;
color: #1b96cf;
font-size: 370%;
font-weight: bold;
font-style: italic;
margin-top:11%;
margin-left:17%;
}
.afm-image-text-black{
position:absolute;
text-align:center;
color: black;
font-size: 120%;
font-weight: bold;
font-style: italic;
margin-top:22%;
margin-left:14%;
line-height: 28px;
}
.afm-image-overlay{
position:absolute;
float:right;
margin-left:45%;
width:100%;
margin-top:-30px;
}
.mountains-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 4%;
text-align:center;
}
.mountains-logo{
width:70%;
margin: 0 auto; text-align: center;
}
.mountains-container-2 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align:center;
background-image: url(https://nanovea.com/wp-content/uploads/2020/05/Nanovea-background-s.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.7;
}
.mountains-logo-text{
color:black;
font-size:15px;
}
.mountains-box-1 {
display: inline-block;
position: relative;
width: 100%;
padding-top:5%;
}
.mountains-name{
display: inline-block;
float:left;
font-size:19px;
color:black;
font-style: italic;
font-weight: bold;
padding-left:30px;
}
.mountains-email{
display: inline-block;
float:right;
font-size:19px;
color:black;
font-style: italic;
font-weight: bold;
padding-right:150px;
}
.mountains-submit-button{
padding-top:20px;
padding-bottom:20px;
width:23%;
font-size:16px;
font-weight: bold;
font-style: italic;
color: white;
background-color: #1b96cf;
border: none;
outline:none;
transition: all 0.5s ease;
cursor: pointer;
}
.mountains-submit-button:hover {
background-color: black;
}
.mountains-download-info{
color:black;
font-size: 16px;
font-weight: bold;
font-style: italic;
}
.mountains-blue-button{
padding-top:20px;
padding-bottom:20px;
width:23%;
font-size:16px;
font-weight: bold;
font-style: italic;
color: white;
background-color: #1b96cf;
border: none;
outline:none;
margin-left:5%;
transition: all 0.5s ease;
cursor: pointer;
}
.mountains-blue-button:hover {
background-color: black;
}
.mountains-black-fade{
position:relative;
background-color: #000000;
opacity: .7;
width:85%;
left:50%;
transform: translateX(-50%);
margin-top:10%;
padding-top:4%;
padding-bottom:4%;
text-align: center;
}
.mountains-black-fade-text{
display: inline-block;
color:white;
text-align:left;
font-size: 16px;
}
@media only screen and (max-width: 864px) {
.container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
}
.pb1000-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 30%;
}
.pb1000-container-1-center {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
}
.pb1000-container-1-center-video {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
text-align: center;
padding-bottom: 5%;
overflow: hidden;
pointer-events: none;
}
.pb1000-container-1-center-video #video {
position: relative;
width: 102%;  pointer-events: none;
left: -3px;
}
.pb1000-container-1-less {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 5%;
}
.container-1-less-margin-top {
margin-top: -7%;
}
.container-1-less-margin-bottom {
margin-bottom: -7%;
}
.container-1-inside {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 0% !important;
}
.image-container {
display: inline-block;
position: relative;
width: 50%;
}
.pb1000-image-container-2 {
display: inline-block;
position: relative;
text-align: center;
width: 50%;
}
.image-container img {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.pb1000-image-container {
display: inline-block;
position: relative;
width: 55%;
}
.cb500-image-container {
display: inline-block;
position: relative;
width: 55%;
padding-left:5%;
}
.pb1000-image-container-large {
display: inline-block;
position: relative;
width: 100%;
}
.image-full-width {
width: 100% !important;
}
.image-right .image-container {
float: right;
}
.image-container-wide {
width: 100%;
margin: auto;
text-align: center;
}
.image-container-wide img {
all: unset;
width: 100%;
}
.image-half-width {
width: 50% !important;
}
.image-container-overlay {
position: absolute;
width: 100%;
}
.jr35-overlay {
width: 100%;
float: right;
padding-top: 5%;
padding-right: 5%;
padding-left: 40%;
}
.pb1000-overlay{
width: 95%;
float: left;
padding-top: 4%;
padding-right: 25%;
padding-left: 12%;
}
.cb500-overlay{
width: 90%;
float: left;
padding-right: 25%;
padding-left: 12%;
}
.image-zoom {
transition: all 1s;
}
.image-zoom:hover {
transform: scale(1.1);
}
.pb1000-image-zoom {
transition: all 1s;
}
.pb1000-image-zoom:hover {
transform: scale(1.2);
}
.cb500-image-zoom {
transition: all 1s;
}
.cb500-image-zoom:hover {
transform: scale(1.2);
}
.icons-container {
display: block;
position: relative;
}
.box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: left;
width: 45%;
margin-left: 10%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
}
.pb1000-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 420px;
margin-right: 10%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
}
.cb500-box-blue-border-text {
display: block;
border-style: solid;
border-width: 12.5px;
border-color: #1b96cf ;
float: right;
width: 40%;
height: 380px;
margin-right: 15%;
padding: 2.5%;
padding-top: 0;
padding-bottom: 15%;
text-align: right;
}
.header-1 {
font-size: 750%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.pb1000-header-1 {
font-size: 650%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.header-1-less-space {
line-height: 100px;
}
.pb1000-header-1-smaller{
font-size: 400%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.pb1000-header-2-smaller{
font-size: 260%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
text-align: center;
padding-top: 2%;
}
.text-1 {
font-size: 250%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-1 {
font-size: 220%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-1-bigger {
font-size: 350%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-1-bigger-2 {
font-size: 250%;
font-weight: bold;
font-style: italic;
line-height: 40px;
}
.pb1000-text-2-bigger {
font-size: 600%;
font-weight: bold;
font-style: italic;
line-height: 1;
text-align: center;
}
.pb1000-text-2 {
padding-top:10%;
font-size: 130%;
font-weight: bold;
line-height: 40px;
display: inline-flex;
line-height: 1.5;
}
.cb500-text-2 {
padding-top:10%;
font-size: 120%;
font-weight: bold;
display: inline-flex;
line-height: 1.5;
padding-right:5%;
}
.header-2 {
font-size: 450%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.header-2-less-space {
line-height: 40px;
}
.header-2-pad-bot {
padding-bottom: 5%;
}
.text-2 {
font-size: 150%;
font-weight: bold;
font-style: italic;
}
.header-3 {
font-size: 250%;
font-weight: bold;
font-style: italic;
color: #1b96cf;
}
.text-3 {
font-size: 125%;
font-weight: bold;
font-style: italic;
}
.text-3 .bold {
font-size: 130%;
}
.header-white {
font-size: 500%;
font-weight: bold;
font-style: italic;
text-align: center;
color: #fff;
}
.pb1000-header-white {
font-size: 275%;
font-weight: bold;
font-style: italic;
text-align: center;
color: #fff;
padding-top: 3%;
}
.box-plain-text {
display: inline-block;
position: absolute;
width: 45%;
margin-right: 2.5%;
text-align: center;
height: 100%;
top: 20%;
}
.box-plain-text-2 {
clear: both;
display: inline-block;
position: absolute;
width: 45%;
margin-right: 2.5%;
text-align: center;
height: 100%;
top: 20%;
}
.grey-background-box {
z-index: -100;
position: absolute;
width: 75%;
height: 90%;
margin-top: 10%;
margin-left: 7.5%;
background: #ebf6fc;
}
.cb500-grey-background-box {
z-index: -70;
position: absolute;
width: 82%;
height: 90%;
margin-top: 10%;
margin-left: 6%;
background: #ebf6fc;
}
.light-blue-rect {
position: relative;
width: 100%; background-image: radial-gradient(at 50% bottom, #fff,#40a7d7); }
.pb1000-light-blue-rect {
position: relative;
width: 100%; background-image: radial-gradient(#1b96cf,#1b96cf);
overflow: hidden; }
.pb1000-light-blue-rect #video{
position: relative;
width: 102%;  pointer-events: none;
left: -1px;
}
.box-plain-text-pad {
padding-left: 15%;
padding-right: 15%;
text-align: center;
}
.product-features-icon {
display: inline-block;
width: 24%;
text-align: center;
}
.pb1000-product-features-icon {
display: inline-block;
width: 19%;
text-align: center;
}
.product-features-icon-image-containter {
width: 100%;
padding-top: 100%;
position: relative;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .4s ease;
background-color: #FFFFFF;
}
.product-features-icon-image-containter:hover .overlay {
opacity: 1;
}
.product-features-icon-image-containter img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.product-features-icon .head {
color: #1b96cf;
font-weight: bold;
}
.pb1000-product-features-icon .head {
color: #1b96cf;
font-weight: bold;
}
.product-features-icon .sub {
all: unset;
font-weight: bold;
}
.text-column-container {
display: table;
width: 100%;  }
.text-column {
display: table-cell;
width: 33%;
padding-left: 2.5%;
padding-right: 2.5%;
}
.text-column-black {
display: table-cell;
width: 33%;
padding-left: 12.5%;
padding-right: 2.5%;
}
.text-column-text {
font-size: 4vw;
color: #1b96cf;
font-weight: bold;
font-style: italic;
}
.text-column-text-black {
font-size: 225%;
font-weight: bold;
font-style: italic;
}
.image-column-container {
display: table;
width: 100%;  }
.image-column {
display: table-cell;
padding-top: 2.5%;
}
.image-column a {
all: unset;
cursor: pointer;
}
.image-column-image {
display: block;
position: relative;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.image-column-text {
display: inline-block;
opacity: 0;
position: absolute; top: 50%;
color: #fff;
transform: translateY(-50%);
margin: auto;
width: 100%;
text-align: center;
font-size: 150%;
font-weight: bold;
font-style: italic;
z-index: 100;
transition: all 0.75s ease;
} .image-column-image img {
display: block;
width: 95%;
margin: auto;
transition: all 0.5s ease;
}
.button-container {
padding-top: 10%;
padding-bottom: 10%;
}
.button-large {
all: unset;
display: inline-block;
background-color: #1b96cf;
font-size: 125%;
font-weight: bold;
font-style: italic;
color: #fff;
text-align: center;
position: relative;
margin-left: 1%;
margin-right: 1%;
margin-top: 1%;
cursor: pointer;
padding: 2.5%;
padding-left: 5%;
padding-right: 5%;
transition: all 0.5s ease;
}
.button-large:hover {
background-color: #000;
}
.box-plain-text a {
all: unset;
text-decoration: none;
}
.box-plain-text a:hover {
text-decoration: none;
}
.chromatic-text{
font-size: 120%;
font-weight: bold;
padding-top:3%;
text-align: justify;
width:95%;
padding-left:6%;
}
.chromatic-text-2{
font-size: 120%;
font-weight: bold;
padding-top:4%;
float: right;
width: 60%;
padding-right:5%;
padding-top: 5%
}
.chromatic-img-1{
padding-top:3%;
float:left;
}
.chromatic-img-2{
padding-top:4%;
padding-right: 4%;
float: right;
width: 60%;
}
.chromatic-header-blue{
font-size: 250%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-top:2%;
}
.chromatic-header-blue-2{
font-size: 200%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-bottom:2%;
}
.header-box-black {
position: relative;
width: 100%; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
}
.chromatic-header-black{
font-size: 200%;
text-align:center;
font-weight: bold;
font-style: italic;
color: #ffffff;
padding-bottom:1%;
padding-top:1%;
}
.chromatic-text-3{
font-size: 115%;
text-align: justify;
padding-top:5%;
padding-bottom: 3%;
width:70%;
display:inline-block;
font-weight: bold;
}
.chromatic-container-1 {
text-align:center;
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 3%;
}
.chromatic-header-blue-3{
font-size: 260%;
text-align:center;
font-style:italic;
font-weight: bold;
color: #1b96cf;
padding-bottom:2%;
}
.left-black-box{
position: relative;
width: 500px;
height: 1700px; background-image: radial-gradient(#000000,#000000);
overflow: hidden;
float: left;
}
.left-inner-container{
position: absolute;
width: 470px;
height: 90px;
top: 3%; background-image: radial-gradient(#ffffff,#ffffff);
overflow: hidden;
}
.left-inner-text{
position: absolute;
font-size: 170%;
font-family: Arial Black;
font-weight: bold;
text-align: right;
right: 5%;
top: 15%;
}
.left-black-box-img{
position: absolute;
width: 25%;
top: 180px;
left: 7%;
}
.left-black-box-text-1{
position: absolute;
font-size:120%;
color: #ffffff;
top: 220px;
right: 13%;
text-align: right;
}
.left-black-box-text-2{
position: absolute;
font-size:120%;
color: #ffffff;
top: 340px;
right: 13%;
text-align: right;
}
.left-black-box-text-3{
position: absolute;
font-size:120%;
color: #ffffff;
top: 460px;
right: 13%;
text-align: right;
}
.left-black-box-text-4{
position: absolute;
font-size:120%;
color: #ffffff;
top: 600px;
right: 13%;
text-align: right;
}
.left-black-box-text-5{
position: absolute;
font-size:120%;
color: #ffffff;
top: 720px;
right: 13%;
text-align: right;
}
.left-black-box-text-6{
position: absolute;
font-size:120%;
color: #ffffff;
top: 840px;
right: 13%;
text-align: right;
}
.left-black-box-line-1{
position: absolute;
font-size:230%;
color: #ffffff;
top: 205px;
right: 0%;
text-align: right;
}
.left-black-box-line-2{
position: absolute;
font-size:230%;
color: #ffffff;
top: 325px;
right: 0%;
text-align: right;
}
.left-black-box-line-3{
position: absolute;
font-size:230%;
color: #ffffff;
top: 457px;
right: 0%;
text-align: right;
}
.left-black-box-line-4{
position: absolute;
font-size:230%;
color: #ffffff;
top: 585px;
right: 0%;
text-align: right;
}
.left-black-box-line-5{
position: absolute;
font-size:230%;
color: #ffffff;
top: 705px;
right: 0%;
text-align: right;
}
.left-black-box-line-6{
position: absolute;
font-size:230%;
color: #ffffff;
top: 814px;
right: 0%;
text-align: right;
}
.right-blue-box{
position: relative;
width: 500px;
height: 1700px; background-image: radial-gradient(#1b96cf,#1b96cf);
overflow: hidden;
}
.right-inner-container{
position: absolute;
width: 470px;
height: 90px;
top: 3%;
right: 0%; background-image: radial-gradient(#ffffff,#ffffff);
overflow: hidden;
}
.right-inner-text{
position: absolute;
font-size: 170%;
font-family: Arial Black;
font-weight: bold;
text-align: left;
left: 5%;
top: 15%;
color: #1b96cf;
}
.right-black-box-text-1{
position: absolute;
font-size:120%;
color: #ffffff;
top: 232px;
left: 13%;
text-align: left;
}
.right-black-box-text-2{
position: absolute;
font-size:120%;
color: #ffffff;
top: 340px;
left: 13%;
text-align: left;
}
.right-black-box-text-3{
position: absolute;
font-size:120%;
color: #ffffff;
top: 472px;
left: 13%;
text-align: left;
}
.right-black-box-text-4{
position: absolute;
font-size:120%;
color: #ffffff;
top: 600px;
left: 13%;
text-align: left;
}
.right-black-box-text-5{
position: absolute;
font-size:120%;
color: #ffffff;
top: 710px;
left: 13%;
text-align: left;
}
.right-black-box-text-6{
position: absolute;
font-size:120%;
color: #ffffff;
top: 830px;
left: 13%;
text-align: left;
}
.right-black-box-line-1{
position: absolute;
font-size:230%;
color: #ffffff;
top: 205px;
left: 0%;
text-align: left;
}
.right-black-box-line-2{
position: absolute;
font-size:230%;
color: #ffffff;
top: 325px;
left: 0%;
text-align: left;
}
.right-black-box-line-3{
position: absolute;
font-size:230%;
color: #ffffff;
top: 457px;
left: 0%;
text-align: left;
}
.right-black-box-line-4{
position: absolute;
font-size:230%;
color: #ffffff;
top: 585px;
left: 0%;
text-align: left;
}
.right-black-box-line-5{
position: absolute;
font-size:230%;
color: #ffffff;
top: 705px;
left: 0%;
text-align: left;
}
.right-black-box-line-6{
position: absolute;
font-size:230%;
color: #ffffff;
top: 814px;
left: 0%;
text-align: left;
}
.black-blue-img{
position:absolute;
top: 920px;
right: 15px;
z-index: 100;
}
.chrom-container{
position:relative;
}
.chromatic-container-1 {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 7%;
}
.chromatic-container-wide {
position: absolute;
width: 100%;
margin: auto;
text-align: center;
top: 0%;
}
.chromatic-container-wide img {
all: unset;
width: 100%;
}