body, html {
  margin: 0px;
  padding:0px;
  font-family: helvetica;
  background: #fff;
  height: 100%;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: Titillium;
  src: url('../fonts/TitilliumWeb-Regular.ttf');
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/BarlowCondensed-SemiBold.ttf');
}


@font-face {
  font-family: Titillium-Bold;
  src: url('../fonts/TitilliumWeb-Bold.ttf');
}

@font-face {
  font-family: Titillium-Light;
  src: url('../fonts/TitilliumWeb-ExtraLight.ttf');
}

body, div, p, input {
  color: #282828; font-family: Titillium;
}

.icon {
  background: url("../images/neo/icons2.png") no-repeat;
  background-position: 0px 0px;
  background-size: 401px 877px;
  margin: 0px 3px;
}

a {color:#00b7f3; text-decoration: none;}
a:hover {color:#00b7f3}
.hblock {
  width: 100%;
}
.hhblock {
  width: 100%;
  min-height: 100%;
}
.hblock2 {
  padding-bottom: 10px;
}
.head {
  background-image: url('../images/neo/headbgs/mrts-7m.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
}
.head.gmdss {
  background-image: url('../images/neo/headbgs/mrts-7m.jpg');
}
.head.ais {
  background-image: url('../images/neo/headbgs/ais-tester-m1.jpg');
}
.head.beacon {
  background-image: url('../images/neo/headbgs/beacon-tester-406-02.jpg');
}
.head.beaconmini {
  background-image: url('../images/neo/headbgs/beacon-tester-mini-wifi.jpg');
}
.head.sart {
  background-image: url('../images/neo/headbgs/sart-tester-stu-1.jpg');
}
.head.sart .cta p, .head.sart .white_borders p, .head.sart .white_borders h1 {
  color: #282828;
}
.head.sart .white_borders {
  border-color: #282828;
}
.head.index {
  background-image: url('../images/neo/headbgs/radio-survey.jpg');
}

.video-header {
  background-image: url('../images/neo/headbgs/mrts-7m.jpg');
  height: 55%;
  background-size: cover;
  background-position: 0% 50%;
  position: relative;
}
.video-header-overlay {
  height: 100%;
  min-height: 450px;
  background: rgba(0,0,0,0.7);
}

.header {
  background: rgba(0, 0, 0, 0.35);
}

.topsubblock {
  position: relative;
  height: 72px;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.small_topsubblock {
  height: 60px;
}

h1, h2, h3, h4, .portlet-title {color:#282828; margin:20px 0px 10px; padding: 0px; line-height: 1.2;}

h2 { text-transform: uppercase; }

.rightblock h2, .leftblock h2 {
  margin: 40px 0;
}
.limited {max-width: 1400px; margin: 0px auto;}

.logo a {display: block; width: 171px; height:30.5px; background: url("../images/aeromarine_new_white.png") no-repeat; position: absolute; top: 20px; left: 20px; background-size: 171px 30.5px;}
.sublogo {position: absolute; left: 225px; top: 16px; color: #fff; overflow: hidden;}
.sublogo h3 {margin: 0px; padding: 0px; font-weight: normal; color: #fff;}
.sublogo p {margin: -2px 0px 0px; padding: 0px; color: #fff; font-size: 12px; font-style: italic;}
.head-login {position: absolute; right: 73px; top: 22px;}
.head-login a {
  color: #fff;
  padding-left: 35px;
  background-position: -106px -169px;
}
.head-login a:hover {
  opacity: 0.7;
}
.mobile_menu div {
  width: 35px;
  height: 3px;
  background-color: #fff;
  margin: 6px 0;
}
.mobile_menu {
  display: block;
  position: absolute; left: 20px; top: 13px;
  display: none;
  cursor: pointer;
}
.top-menu-items {
 position: absolute; left: 20px; top: 18px;
}
.top-menu-items a {
  color: #fff;
  margin-right: 30px;
  text-transform: uppercase;
  font-family: Titillium-Bold;
}
.top-menu-items a:hover {
  color: #00b7f3;
}

.top-menu-items a#active {
  color: #00b7f3;
}  

.cta {
  position: absolute;
  top: 35%;
  left: 7%;
  text-transform: uppercase;
  line-height: 1.2;
}

.cta p {
  color: #fff;
  font-family: Titillium-Bold;
  font-size: 42px;
}

.trigger {
  position: absolute;
  bottom: 7%;
  left: 7%;
}

.trigger h1 {
  margin: 0px;
  font-size: 22px;
  color: #fff;
  margin-right: 100px;
  font-family: Titillium-Bold;
}
.trigger p {
  margin: 0px;
  color: #fff;
  text-transform: uppercase;
  font-family: Titillium-Light;
  font-size: 22px;
}

.request-button {
  background: #00b7f3;
  max-width: 250px;
  color: #fff;
  text-align: center;
  padding: 10px 40px;
  text-transform: uppercase;
  font-family: Barlow;
  cursor: pointer;
  margin-right: 20px;
}
.request-button.dark {
  background: #3d3d3d;
  color: #fff;
}
.request-button.green {
  background: #62cf76;
  color: #fff;
}
.request-button:hover {
  color: #fff;
  opacity: 0.8;
}
.warranty-shipment {
  display: inline-block;
}
.contacts-button {
  max-width: 250px;
  color: #282828;
  text-align: center;
  padding: 10px 40px;
  text-transform: uppercase;
  font-family: Barlow;
  cursor: pointer;
  margin: 20px 0px;
  border: 1px solid #282828;
}
.contacts-button:hover{
  color: #282828;
  opacity: 0.9;
}
.warranty-button {
  color: #00b7f3;
  text-transform: uppercase;
  font-family: Barlow;
  margin-left: 20px;
  cursor: pointer;
}
.shipment-terms-button {
  color: #282828;
  text-transform: uppercase;
  font-family: Barlow;
  cursor: pointer;
}
.margin40 {margin: 40px 0px;}
.margin60 {margin: 60px 0px;}
.margin80 {margin: 80px 0px;}
.margintop60 {margin: 60px 0px 0px 0px;}

.white_borders {
  max-width: 600px;
  border: 1px solid;
  border-width: 1px 0px 1px 0px;
  border-color: #fff;
  padding: 20px 0px;
  margin-bottom: 30px;
}

.head_social_media {
  position: absolute;
  right: 40px;
  top: 12px;
}

.social_media a {
  display: inline-block;
  width: 36px;
  height: 36px;
}
.social_media a.facebook {
  background-position: 0px -50px;
}
.social_media a.linkedin {
  background-position: -50px -50px;
}
.social_media a.youtube {
  background-position: -100px -50px;
}
.social_media a.facebook:hover {
  background-position: 0px 0px;
}
.social_media a.linkedin:hover {
  background-position: -50px 0px;
}
.social_media a.youtube:hover {
  background-position: -100px 0px;
}

.next_block a {
  position: absolute;
  width: 46px;
  height: 46px;
  left: 50%;
  bottom: -12px;
  transform: translate(-50%, -50%);
  background-position: 0px -151px;
}
.next_block a:hover {
  background-position: 0px -208px;
}
.breadcrumbs {
  padding: 40px 10px;
  text-transform: uppercase;
}
.breadcrumbs a {
  color: #6E6E6E;
}

.set {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.set-side {
  width: 20%;
  vertical-align: top;
  position: relative;
}
.set-side div {max-width: 200px;}
.to-right {
  text-align: right;
}
.to-left {
  text-align: left;
}
.set-center {
  width: 60%;
  vertical-align: top;
}
.set-side .n1 {position: absolute; top: 6%; right:5px;}
.set-side .n2 {position: absolute; top: 28%; right:5px;}
.set-side .n3 {position: absolute; top: 57.5%; right:5px;}
.set-side .n4 {position: absolute; top: 78%; right:5px;}
.set-side .n5 {position: absolute; top: 8.5%; left:5px;}
.set-side .n6 {position: absolute; top: 25%; left:5px;}
.set-side .n7 {position: absolute; top: 50%; left:5px;}

.set-side .an1 {position: absolute; top: 22.5%; right:5px;}
.set-side .an2 {position: absolute; top: 76%; right:5px;}
.set-side .an3 {position: absolute; top: 13.5%; left:5px;}
.set-side .an4 {position: absolute; top: 22%; left:5px;}
.set-side .an5 {position: absolute; top: 49%; left:5px;}
.set-side .an6 {position: absolute; top: 65.5%; left:5px;}
.set-side .an7 {position: absolute; top: 81%; left:5px;}

.set-side .bn1 {position: absolute; top: 27.9%; right:5px;}
.set-side .bn2 {position: absolute; top: 65%; right:5px;}
.set-side .bn3 {position: absolute; top: 22%; left:5px;}

.set-side .sn1 {position: absolute; top: 65.5%; right:5px;}
.set-side .sn2 {position: absolute; top: 31%; left:5px;}


.set-side .bmn1 {position: absolute; top: 6%; right:5px;}
.set-side .bmn2 {position: absolute; top: 55%; right:5px;}
.set-side .bmn3 {position: absolute; top: 77%; right:5px;}
.set-side .bmn4 {position: absolute; top: 55%; left:5px;}
.set-side .bmn5 {position: absolute; top: 75%; left:5px;}

.set-center img {max-width: 100%;}

.tblock {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.leftblock {
  width: 53%;
  vertical-align: middle;
  padding: 10px;
}
.devider {
  width: 2%;
  vertical-align: middle;
}
.rightblock {
  width: 45%;
  vertical-align: middle;
  padding: 10px;
  position: relative;
}
.leftblock.narrow {
  width: 45%;
}
.rightblock.wide {
  width: 53%;
}
.upheader {
  color: #a5a5a5;
  text-transform: uppercase;
}
.photogallery {
  text-align: center;
  position: relative;
}
.photogallery .main-photo {width: 50%; margin:0 auto;}
.main-photo img{
  max-width: 100%;
}
.other-photos img {
  padding: 5px 15px;
  opacity: 0.2;
}
.other-photos img.active {
  opacity: 1;
}
.other-photos img:hover {
  cursor: pointer;
  opacity: 1;
}

.slick-prev {
  position: absolute;
  left: -10%;
  top: 50%;
  z-index:1000;
  width: 68px;
  height: 68px;
  background-position: 0px -365px;
  cursor: pointer;
  border: 0px;
  transform: translate(-50%, -50%);
}
.slick-next {
  position: absolute;
  right: -10%;
  top: 50%;
  z-index:1000;
  width: 68px;
  height: 68px;
  background-position: -80px -365px;
  border: 0px;
  cursor: pointer;
  transform: translate(50%, -50%);
}
.slick-next:hover, .slick-prev:hover {
  opacity: 0.8;
}
.align-right {
  margin-left:auto;
  margin-right:0;
}

.about {
  background: url("../images/neo/bgs/description-circles.png") no-repeat;
  background-position: 100% 60px;
}

.greybg {
  background: #f6f6f6;
}
.dimensions {
  width: 90%;
}
.dimensions img {
  max-width: 100%;
}
.dim_specs strong {
  font-family: Titillium-Bold;
}

.numbers.left { margin-left: 10px; max-width: 50%; position: relative;}
.numbers.left.no-margin {margin: 0px; max-width: 50%; position: relative;}
.numbers.left.long {margin: 0px; max-width: 100%; position: relative;}
.numbers.left span {
  color: #ddd;
  font-size: 100px;
  font-family: Barlow;
  display: flex;
  flex-direction: row;
  font-weight: bold;
}
.numbers.left span:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #ddd;
    margin: auto 15px auto 20px;
}

.numbers.right { margin-left: auto; margin-right: 10px; max-width: 52%; position: relative;}
.numbers.right span {
  color: #ddd;
  font-size: 100px;
  font-family: Barlow;
  display: flex;
  flex-direction: row;
  text-align: right;
}
.numbers.right span:before {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #ddd;
    margin: auto 20px auto 0px;
}

.centered {text-align: center;}

.grey-line {
  width: 400px;
  height: 2px;
  margin: 20px auto;
  background: #ddd;
}
.grey-line-thin {
  height: 1px;
  margin: 40px auto;
  background: #ddd;
}
.grey-line-wide{
  height: 1px;
  background: #ddd;
  margin-bottom: 15px;
}
.not-pass {
  text-align: center;
  background: #ed7878;
  font-size: 16px;
  border-radius: 5px;
  padding: 7px 10px;
  margin: 20px auto;
  color: #fff;
}
.not-pass.pass {
  background: #62cf76;
}

.set-option {
  display: inline-block;
  width: 22%;
  position: relative;
}
.set-option img, .set-option p {
  position: relative;
  z-index:5;
}
.row-set {margin: 60px auto 40px auto;}
.set-option-bg {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 140px;
  height: 140px;
  background: #f6f6f6;
  z-index: 0;
}

.video-header .upheader {
  color:#a5a5a5;
}
.video-header h2 {
  color:#fff;
  font-family: Titillium-Bold;
  font-size: 32px;
  position: relative;
  z-index: 5;
}
.video-header p{
  color: #fff;
  position: relative;
  z-index: 5;
}
.limited.narrow {
  max-width: 900px;
  margin: 0px auto;
}
.youtube-channel {
  margin-bottom: 30px;
}
.youtube-channel a, .youtube-channel-link {
  display: block;
  text-decoration: underline;
  color: #fff;
  font-size: 18px;
  font-family: Titillium;
  background: url("../images/neo/youtube.png") no-repeat;
  background-size: 51px 36px;
  padding: 6px 40px 8px 60px;
  position: relative;
  z-index: 5;
}
.video-laptop {
  position: absolute;
  z-index: 0;
  bottom: -30%;
  right: 5%;

}
.video-laptop img{
 width: 700px;
 height: 450px;
}
.videomanual {
  margin-top: 110px;
 text-align: center;
}
.videoman {
  display: inline-block;
  width: 32%;
  max-width: 300px;
  padding: 0px 20px;
  position: relative;
  vertical-align: top;
}
.videoman p {
  text-align: left;
}
.videoman img {
  max-width: 100%;
  margin-top: -30px;
}
.videoimg {
  height: 100px;
  min-width: 150px;
  overflow: hidden;
}

.text12 {
  font-size: 12px;
}

.downloads {
  background: url("../images/neo/software-macbook.png") no-repeat #f6f6f6;
  background-position: 20% 100%;
}
.downloads.nobg {
  background: #f6f6f6;;
}

.downloads a {
  color: #00b7f3;
}

.download {
  margin: 20px 0px;
}

.downtext {
  background: url("../images/neo/downloads_icons_neo_long.png") no-repeat;
  background-size: 36px 1044px;
  padding-left: 45px;
  background-position: 0px 5px;
}
.downtext.exe {
  background-position: 0px -460px;
}
.downtext.dmg {
  background-position: 0px -985px;
}

.downtext a {
  display: block;
  color: #282828;
  font-weight: bold;
  text-transform: uppercase;
}
.downtext a:hover {
 color: #00b7f3;
}
.downdesc {
  color: #999999;
  font-size: 14px;
}
.red {
  color:#ff5440;
  font-size: 12px;
}
.l {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.r {
  display: inline-block;
  width: calc(98% - 200px);
  vertical-align: top;
  margin-top: 10px;
}
.accordion a.no-acc {
  display: block; 
  padding: 0px;
}
.rs-read-more.no-acc {
  margin: 10px 0px;
  width: 100px;
}

.accordion {
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #bababa;
}
.accordion.downloads-accordion {
  border: 0px;
  margin: 40px 0px;
}
.accordion li {
  border-bottom: 1px solid #bababa;
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.accordion.downloads-accordion li {
  border: 1px solid #989898;
  margin-bottom: 10px;
  padding: 0px 0px 0px 20px;
  box-shadow: -2px 1px 5px 0px rgba(217,217,217,1);
  transition: transform .2s;
}
.accordion.downloads-accordion li.blue-blue {
  border: 2px solid #00b7f3;
  position: relative;
}
.accordion.downloads-accordion li:hover {
  transform: scale(1.01);
}

.accordion.downloads-accordion .i {
  position: absolute;
  right: 40px;
  top: 4px;
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url("../images/neo/i/icons-downloads.png") no-repeat;
  background-size: 53px 788.5px;
  background-position: 0px -370px;
}
.accordion.downloads-accordion .i.win {
  right: 80px;
  background-position: 0px -512px;
}
a.accordion-download-title {
  text-transform: uppercase;
  font-size: 16px;
}
.accordion li p {
  display: none;
  padding: 10px 25px 5px;
}
.accordion li div.accordion-content {
  display: none;
  padding: 10px 25px 5px;
}
.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
  font-size: 0.875rem;
  user-select: none;
  color:#00b7f3;
  padding: 12px 40px 12px 0px;
}
.accordion li div.accordion-content a {
  color: #282828;
  font-size: 15px;
}
.accordion li div.accordion-content a:hover {
  color: #00b7f3;
}
.accordion a.accordion-download-title:after, .accordion a.accordion-title:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #00b7f3;
  border-bottom: 1px solid #00b7f3;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion a.accordion-download-title.active:after, .accordion a.accordion-title.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  padding: 10px;
}
.info {
  padding-left: 40px;
  background: url("../images/neo/i/icons-downloads.png") no-repeat;
  background-size: 53px 788.5px;
  background-position: 0px -102px;
}
.info2 {
  padding-left: 60px;
  background: url("../images/neo/i/icons-downloads.png") no-repeat;
  background-size: 53px 788.5px;
  background-position: 0px -214px;
}

.white-bg {
  background: #fff;
}
.shadow {
  box-shadow: 0px 3px 15px 0px rgba(40,40,40,0.3);
}
.imo-standards {
  border-top: 8px solid #00b7f3;
  background: #fff;
  padding: 7px 20px;
  margin: 20px auto;
  max-width: 700px;
  position: relative;
}
.imo-standards .note-icon {
  position: absolute;
  width: 72px;
  height: 72px;
  top: -25px;
  left: -25px;
}

.risk-reducers {
  background-image: url('../images/neo/risk-reducers-bg.jpg');
  background-size: cover;
  min-height: 200px;
  margin: 60px auto;
  text-align: center;
  padding: 45px 0px 0px 0px;
}
.risk-limited {
  max-width: 1300px;
  margin: 0px auto;
}

.reducer {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  margin: 20px;
}
.reducer-icon {
  background: url("../images/neo/risk-reducers-icons.png") no-repeat;
  background-size: 65px 754.5px;
  padding: 0px 0px 0px 90px;
}
.reducer-icon.deliver {
  background-position: 0px -220px;
}
.reducer-icon.price {
  background-position: 0px -670px;
}
.reducer-icon.minimize {
  background-position: 0px -440px;
}
.reducer p, .reducer div {
  color: #fff;
  text-align: left;
}
.reducer p {
  max-width: 400px;
}
div.reducer-slogan {
  color: #00b7f5;
  font-weight: bold;
}
.social_media_bottom {
  max-width: 950px;
  text-align: left;
  margin: -70px auto 30px auto;
}
h5 {
  font-size: 18px;
  text-transform: uppercase;
  color: #00b7f5;
  margin: 0px 0px 20px;
  padding: 0px;
}

.social_media_black .social_media a.facebook {
  background-position: 0px -100px;
}
.social_media_black .social_media a.linkedin {
  background-position: -50px -100px;
}
.social_media_black .social_media a.youtube {
  background-position: -100px -100px;
}
.social_media_black .social_media a.facebook:hover {
  background-position: 0px 0px;
}
.social_media_black .social_media a.linkedin:hover {
  background-position: -50px 0px;
}
.social_media_black .social_media a.youtube:hover {
  background-position: -100px 0px;
}


.footer {
  background: #f5f5f5;
  min-height: 150px;
  padding: 10px 0;
}
.footer-logo {
  padding-top: 5px;
}
.footer-logo img {
  width: 171px;
  height: 30.5px;
}
.footer-box {
  display: inline-block;
  width: 18%;
  vertical-align: top;
  color: #989898;
  font-size: 14px;
}
.counter {
  width: 100px;
  margin:20px auto;
}
.fmenu {margin-bottom: 20px;}
.fmenu a {
  display: block;
  font-size: 14px;
  color: #989898;
  text-align: left;
  margin-left: 30%;
}
.fmenu a:hover {font-weight: bold;}
.copyright {
  color: #989898;
  font-size: 14px;
}
.footer-box.address,  .footer-box.phone {
  background: url("../images/neo/location.png") no-repeat;
  background-size: 13px 19px;
  padding-left: 20px;
  background-position: 0px 4px;
}
.address {
  background: url("../images/neo/location.png") no-repeat;
  background-size: 13px 19px;
  padding-left: 20px;
  background-position: 0px 4px;
  color: #989898;
  margin-bottom: 20px;
}
.footer-box.phone {
  background: url("../images/neo/phone.png") no-repeat;
  background-size: 13px 19px;
  padding: 0px 0px 5px 20px;
  background-position: 0px 4px;
}
.hidden-forms {
  display: none;
}

.header.blue, h2.blue {
  background: none;
  color: #02b6f3;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
h2.blue {
  margin-top: 3px;
}
.login-links a {
  color: #2d2d2d;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-family: Barlow;
}

input {
  min-width: 100%;
  padding: 5px 10px;
  border: 2px solid #bfbfbf;
  margin: 7px auto;
  font-size: 14px;
}
input[type='checkbox'] {
  width: 20px;
  min-width: 20px;
}
textarea {
  min-width: 100%;
  height: 60px;
  padding: 5px 10px;
  border: 2px solid #bfbfbf;
  margin: 7px auto;
  font-size: 14px;
}

.login-panel {
  width: 300px;
}
.do-login, .do-register, .quote-button {
  background: #00b7f3;
  color: #fff;
  text-align: center;
  padding: 10px 40px;
  text-transform: uppercase;
  font-family: Barlow;
  cursor: pointer;
  border: 0px;
  font-size: 16px;
  border-radius: 0px;
  border: 0px;
   -webkit-appearance: none;
}

.quote-button.lim {
  width: 200px!important;
  min-width: 200px;
}
.contact-form-blue .contact-button {
  background: #fff;
  color: #00b7f3;
  font-family: Barlow;
  text-transform: uppercase;
  font-size: 16px;
  max-width: 200px;
  min-width: 200px;
  box-shadow: 0px 3px 15px 0px rgba(40,40,40,0.3);
}
a.trans-register {
  display: block;
  width: 100%;
  border: 3px solid #00b7f3;
  color: #00b7f3;
  text-align: center;
  padding: 10px 40px;
  font-family: Barlow;
  font-size: 16px;
  margin-top:15px;
}
.agreement {
  margin-top:20px;
  font-size: 12px;
}
.agreement a {
    color: #00b7f3;
}
.form-error {
  margin: 10px auto;
  color: #fd543d;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.photogallery-overview img{
 max-width: 100%;
}

.margin-list li {
  padding-bottom: 10px;
}
.flash-success {min-height: 250px;}
.waiting {display: none; background: url("../images/sending-mail.gif"); height: 26px; width: 70%; background-size: 180px 26px ;}
.waiting.reg {width: 100%;}

.note {font-size: 12px;}
.errorMessage {
  font-size: 12px;
  color: #fd543d;
}

.jBox-content h1, .jBox-content h3, .jBox-content h2 {
  color: #00b7f3;
}
.jBox-content h2, .jBox-content h1 {
  margin: 0px;
  padding: 0px;
}

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 4px 4px 4px 4px;
    background: #fff;
    border: 2px solid #282828;
    color: #282828;
    text-align: center;
}

.mobile {
  display: none;
}
.mobile-set {
  text-align: left;
  max-width: 370px;
  margin: 0px auto;
}

.history {
  margin: 0px auto;
  text-align: center;
  max-width: 1100px;
  position: relative;
  min-height: 500px;
}
.history div {
  display: block;
  width: 350px;
  font-family: Barlow;
  min-height: 320px;
  vertical-align: top;
  text-transform: uppercase;
}
.history img {
  max-width: 100%;
  position: absolute;
  z-index: 0;
  top: -20px; left: -15px;
}
.history-3000 img{
  top: -45px;
  left: -40px;
}
.h20-1 {
  position: absolute; z-index: 5;
  left: 30%;
  top: 20%;
}
.h20-2 {
  position: absolute; z-index: 5;
  left: 40%;
  top: 30%;
  font-size: 72px;
  color: #fff;
}
.h20-3{
  position: absolute; z-index: 5;
  left: 55%;
  top: 65%;
  text-align: left;
}
.h20-4 {
  position: absolute; z-index: 5;
  left: 22%;
  top: 30%;
  font-size: 72px;
  color: #fff;
}
.h20-5 {
  position: absolute; z-index: 5;
  left: 70%;
  top: 42%;
}
.h20-6 {
  position: absolute; z-index: 5;
  left: 30%;
  top: 25%;
}
.h20-7 {
  position: absolute; z-index: 5;
  left: 42%;
  top: 37%;
  font-size: 72px;
  color: #fff;
}
.h20-8 {
  position: absolute; z-index: 5;
  left: 73%;
  top: 73%;
}
.history-20 {
  position: absolute;
  top: 0px; left: 0px;
}
.history-3000 {
  position: absolute;
  top: 60px; left: 35%;
}
.history-72{
  position: absolute;
  top: 120px; left: 70%;
}
.main-product {
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
}
.main-product-title {
  padding: 20px; 
  background: #282828;
  position: absolute;
  z-index: 10;
  width: 55%;
  left: 29.3%;
  top: 40px;
}
.main-product-title .upheader {
  color: #fff;
  padding-left: 40px;  
}
.main-product-title h2 {
  color: #fff;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  padding-left: 40px;
}
.main-product-photo img {
  max-width: 100%; 
}
.main-product-photo {
  display: inline-block;
  z-index: 10;
  width: 35%;
}
.main-product-description {
  display: inline-block;
  width: 45%;
  vertical-align: top;
  padding-top: 130px; 
}
.products {
  margin: 40px auto;
  text-align: center;

}
.product {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin-right: 40px;
  text-align: left;
}
.product-photo img{ 
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.product-title a {
  display: block;
  background: #282828;
  color: #fff;
  padding: 10px 20px;
  margin-top: -60px;
  position: relative;
  z-index: 10;
  text-transform: uppercase;
}
.product-title a:hover {
  background: #00b7f3;
}
.product-description {
  position: relative;
  z-index: 10;
  padding: 10px;
}
.product-details a {
  margin-left: 10px;
  color: #282828;
  text-transform: uppercase;
  font-family: Barlow;
  border-bottom: 3px solid #00b7f3;  
}
.product-details a:hover {
  opacity: 0.9;
}

.get-tester {
  box-shadow: 0px 0px 21px -9px rgba(0,0,0,0.34);
  margin:20px auto;
  max-width: 800px;
  background: url("../images/neo/send-request.jpg") no-repeat;
  background-position: 300px 0px;
  background-size: 630px 420px;
}
.get-tester.r2 {
  background: url("../images/neo/send-request-2.jpg") no-repeat;
  background-position: 250px 0px;
  background-size: 630px 420px;
}
.simple-contact-form-main {
  display: inline-block;
  width: 400px;
  vertical-align: top;
  padding: 10px 30px;
  background: #fff;
}
.simple-contact-form-img {
  display: inline-block;
  width: calc(100% - 400px);
}

.header-blue {
  font-size: 22px; 
  color:#00b7f3;
  text-transform: uppercase;
  font-family: Titillium-Bold;
}
.header-grey {
  font-size: 18px; 
  text-transform: uppercase;
  font-family: Titillium-Bold;
}
.frontarticles {
  margin: 0px auto;
}
.frontarticle { 
   display: inline-block; 
   text-align: left; 
   width: 28%; 
   vertical-align: top; 
   padding: 20px 20px;
  }
.frontarticleimg {max-height: 150px; overflow: hidden;}
.frontarticleimg img {
  margin-top: -30px;
  max-width: 100%;
}
.frontarticles .margin { 
  width: 100%; 
  display: inline-block; 
  font-size: 0; 
  line-height: 0 
}
.frontarticletext {font-size: 12px;}
.frontarticles h2 a {
  color: #282828;
  font-size: 16px;
}
.frontarticletext a {
  color: #282828;
  border-bottom: 2px solid #00b7f3;
}
.frontarticles {margin: 20px 20px; text-align: justify; }
.centered { text-align: center; }
.risk-reducers.front {
  background: none;
  margin: 40px auto;
}
.reducer.front {
  background: rgb(2,182,243);
  background: linear-gradient(90deg, rgba(2,182,243,1) 0%, rgba(89,135,230,1) 100%);
  border-radius: 10px;
  padding: 15px 20px;
  height: 130px;
  width: auto;
}
.reducer-slogan.front {
  color: #fff;
}
.reducer.front p {
  font-size: 13px;
}
.reducer-icon.front {
  background: url("../images/neo/risk-reducers-icons.svg") no-repeat;
  background-size: 85px 1900px;
  padding: 0px 0px 0px 105px;
  background-position: 0px 10px;
  min-height: 90px;
}
.reducer-icon.front.price {
  background-position: 0px -1165px; 
}
.reducer-icon.front.deliver {
  background-position: 0px -550px; 
}
.reducer-icon.front.minimize {
  background-position: 0px -1820px; 
}
.video-list li a {
  color: #282828;
}
.video-list li a:hover { color:#00b7f3; }
.video-manuals-intro {
  position: relative;
}
.vmanualimg img {
  max-width: 100%;
}
.vmanualheader {
  font-size: 18px;
  margin-top:-5px;
  margin-bottom: 0px;
  font-weight: bold;
}
.vmanual {margin: 20px 0px;}
.front-video-manuals .videoman p, .video-manuals-intro p {
  font-size: 13px;
}
.hidden-video {display: none;position: fixed; top:0; left:0; z-index: 1100;  width:100%; height:100%; background: none repeat scroll 0 0 rgba(255,255, 255, 0.8); text-align: center; font: 0/0 a;}
.hidden-video:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%;}
.hidden-video-container {position: relative; display:inline-block; width:100%; height: 100%; max-height: 460px; max-width: 760px; vertical-align: middle; padding: 30px; border: 1px solid #8d867e; border-radius: 6px; background: #fff; box-sizing: border-box;}
.hidden-video-container iframe {width: 100%; height: 87%; border: 0px;}
.close-panels {position:absolute; top:15px; right: 15px; width: 10px; height: 10px;}
.close-panels.mobile {display: none;}
.close-panels a {display:none; width: 12px; height: 12px; background: url("../images/cross.png") no-repeat; background-size: 12px 12px;}

.video-manuals-promo {
  display: block;
  background: url("../images/neo/bgs/videomanuals.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 70px;
  padding: 10px 20px 5px 20px;
  border-radius: 10px;
  margin: 10px 0px;
}

.video-manuals-promo p {
  color: #fff;
  font-weight: bold;
}

.front-video-manuals .videotitle{
  text-transform: uppercase;
}
.fnews {
  display: inline-block;
  max-width: 21%;
  border-top: 4px solid #00b7f3;
  border-bottom: 4px solid #00b7f3;
  padding: 15px 10px 10px 10px;
  vertical-align: top;
  font-size: 12px;
  margin: 20px; 
  min-height: 210px;
}
.reviews {
  font-size: 13px;
}
.review {
  display: inline-block;
  width: 30%;
  margin: 20px;
  box-shadow: 0px 0px 21px -9px rgba(0,0,0,0.34);
  max-width: 250px;
  padding: 20px 25px;
  vertical-align: top;
  background: url("../images/neo/like.svg") no-repeat;
  background-size: 50px 50px;
  background-position: 100% 0%;
}
.review-section {
  color: #00b7f3;
  text-transform: uppercase;
  text-align: left;
}
.review-name {
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: bold;
  text-align: left;
}
.review-job, .review-date {
  color: #bababa;
  font-size: 13px;
  text-align: left;
}
.review-review {
  text-align: left;
}
.review-more {
  text-align:left;
  text-decoration: underline;
}
.partners-subheader {
  text-transform: uppercase;
  color: #00b7f3;
}
.partners-table {
  text-align: center;
  margin: 40px auto 60px auto;
}
.partners-right, .partners-left {
  display: inline-block;
  width: 48%;
  max-width: 400px;
  vertical-align: top;
  text-align: center;
  margin:  0px 10%;
}
.partners-right img, .partners-left img {
  max-width: 100%;
}

.black-profile {
  display: inline-block;
  width: 700px;
  background: #494949;
  color: #fff;
  padding: 0px 20px;
  position: relative;
  z-index: 10;
  height: 465px;
  vertical-align: top;
}
.profile-promo {
  display: inline-block;  
  width: calc(100% - 700px);
  background: url("../images/neo/company-profile.jpg") no-repeat;
  background-size: cover;
  background-position: left;
  height: 420px;
  margin: 20px 0px 0px -20px;
  position: relative;
  z-index: 1;
  vertical-align: top;
}
.profile-triangle {
  position: absolute;
  top: -20px;
  left: 16px;
  height: 465px;
  z-index: 4; 
}
.black-profile p, .black-profile div, .black-profile li, .black-profile span {
  color: #fff;
  font-size: 13px;
}
.black-profile h1 {
  font-size: 22px;
  color: #fff;
}
.cat-big {max-width: 100%;}
.cat-small {max-width: 100%;}

.header-short {
  background: #282828;
}
.white {color: #fff;}
.radio-survey-intro {
  display: inline-block;
  color: #fff;
  background: rgb(0,162,215);
  background: linear-gradient(180deg, rgba(0,162,215,1) 0%, rgba(102,217,255,1) 100%);
  padding: 20px;
  margin: 10px;
  width: 400px;
}
.radio-survey-intro p {
  color: #fff;
}
.radio-survey-intro img {max-width: 100%;}
.radio-survey-form-stepper {
  display: inline-block;
  width: calc(97% - 400px);
  vertical-align: top;
}

/*progressbar*/
#progressbar {
  margin: 0px; 
  padding: 0px;
	margin-bottom: 30px;
  overflow: hidden;
	/*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 12px;
	width: 33.33%;
	float: left;
  position: relative;
  line-height: 2;
  text-align: center;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
  border: 0.1em solid #00b7f3;
  border-radius: 100%;
  height: 2em;
  width: 2em;
  text-align: center;
  padding: 0px 6px;
  color: #00b7f3;
  margin-right: 10px;
}
#progressbar li.active {
  padding-bottom: 10px;
  border-bottom: 1px solid #00b7f3;
}
.blue {color: #00b7f3; text-transform: uppercase;}
.red {color: #FF0000; text-transform: uppercase;}

.rs-progress-bar fieldset {
  border: 1px solid #f0f0f0;
  background: #f0f0f0;
}
.rs-progress-bar fieldset:not(:first-of-type) {
	display: none;
}
.equipment-set {
  margin-bottom: 20px;
}
.equipment {display: inline-block; width:30%; vertical-align: top;}
.inblock {display: inline-block;}

.section {
  overflow: hidden;
  margin-bottom: 20px;
}
.sub-section {
  width: 47.5%; float:left;
}
.section-devider {
  width: 5%; float:left;
}
.notes {min-height: 140px;}
.submit {border: 0px; width: auto; min-width: auto; font-size: 16px;}

.survey-menu {
  display: inline-block;
  padding: 10px;
  width: 300px;
  vertical-align: top;
  min-width: 300px;
}
.survey-companies {
  display: inline-block;
  padding: 0px 20px 10px 20px;
  width: calc(98% - 300px);
  vertical-align: top;
}
.fill-the-form {
  border-top: 3px solid #62cf76;
  border-bottom: 3px solid #62cf76;
  margin: 20px 0px;
}
.survey-search-menu {
  border-top: 3px solid #00b7f3;
  border-bottom: 3px solid #00b7f3;
  background: #f0f0f0;
  margin: 0px 0px 10px 0px;
  padding: 10px 20px;
}
.survey-companies h1 {
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
}
.results img{
  display: block;
  margin: 10% auto;
  max-width: 100%;
}
.results {
  margin: 20px 0px;
}
.surveyor-block {
  margin-bottom: 40px;
}
.surveyor-block-head {
  background:#00b7f3;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 7px 30px;
}
.surveyor-block-section {
  border: 1px solid #dcdcdc;
  border-top: 0px;
  padding: 10px 30px;
}
.surveyor-block-section-left {
  display: inline-block;
  width: 25%;
  margin-right: 5%;
  vertical-align: top;
}
.surveyor-block-section-right {
  display: inline-block;
  width: 65%;
  font-weight: bold;
  vertical-align: top;
}
.surveyor-contact {
  font-weight: normal;
  padding: 5px;
  text-indent: 20px;
  background: url("../images/neo/contacts-icons-neo.png") no-repeat;
  background-size: 47px 1338px; 
  background-position: 0px 7px;
}
.surveyor-contact.email {
  background-position: 0px -207px;
}

.surveyor-contact.telephone {
  background-position: 0px -420px;
}

.surveyor-contact.website {
  background-position: 0px -633px;
}

.surveyor-contact.open {
  background-position: 0px -853px;
}
.front-search-left {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  min-width: 580px;
}
.front-search-right {
  display: inline-block;
  width: calc(95% - 580px);
  text-align: center;
  vertical-align: middle;
}
.front-search-right img {
  max-width: 100%;
}
.front_start_search {
  position: relative;
  border-left: 5px solid #00b7f3;
  padding-left: 10px;
  margin: 40px 0px;
}
.front_start_search strong {
  display: inline-block; 
  max-width: 300px;
}
.front_start_search a {
  position: absolute; 
  right: 0; top: 0;
}
.front_start_search.front_fill_form {
  border-left: 5px solid #62cf76;
}

.black-profile p {
  margin: 8px 0px;
  line-height: 1.3;
}
.select2-selection--multiple {
  border-radius: 0px!important;
  border: 2px solid #bfbfbf!important;
}
.radio-survey-form-stepper input[type=text] {
  padding: 7.5px 10px;
}
.show-surveyor-contacts {
  margin-right: 40px;
  background: url("../images/neo/contacts-icons-neo.png") no-repeat;
  background-size: 47px 1038px; 
  background-position: 0px -1055px;
}
.send-surveyor-request {
 color: #62cf76;
}
a.send-surveyor-request:hover {
  color: #62cf76;
  opacity: 0.9;
}

.radio-blog-uptitle {
  font-size: 28px; 
}
.radio-blog-uptitle span {
  color: #00b7f3;
}
.radio-survey-blog {
  position: relative;
  margin: 0px 10px;
}
.radio-survey-blog h1 {
  margin-top: 0px;
}
.blog-left-menu{
  display: inline-block;
  width: 230px;
  vertical-align: top;
}
.blog-right-menu {
  display: inline-block;
  width: 300px;
  vertical-align: top;  
}
.radio-blog-content {
  display: inline-block;
  max-width: calc(99% - 300px);
  padding: 0px 55px 0px 0px;
}
.radio-blog-content p {
  font-size: 18px;
}
.rsnew-content {
  max-width: 1200px;
  margin: 0px auto;
}
.radio-blog-content h2, h3, h4, h5 {
  margin: 50px 0px 20px 0px;
  text-transform: capitalize;
}
.blog-content-menu {
  position: relative;
  margin-top: -10px;
  max-width: 300px;
  background: #fff; 
  max-height: 500px;
  overflow-y: scroll;
  box-shadow: 0px 1px 21px rgba(40, 40, 40, 0.1);;
  padding: 25px 30px;
  border-radius: 10px;
}
.blog-content-menu a {
  display: block;
  margin-bottom: 10px;
  color: #282828;
  font-size: 14px;
}
.blog-content-menu-header {
  margin-bottom: 20px;
  font-weight: bold;
}

.blog-content-menu a:hover {
  color: #00b7f3;
}
.blue, a.blue {
  color: #00b7f3;
}
.grey-side-block {
  background: #f0f0f0;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.grey-side-block .block-title {
  width: auto;
  border-bottom: 3px solid #00b7f3;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.categories-latest a {
  color: #282828;
  display: block;
  padding: 5px 0px;
}
.categories-latest a:hover {
  text-decoration: underline;
}
.categories-latest a#active {
  font-weight: bold;
}
.blog-latest-article {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
}
.blog-latest-article a {
  font-size: 14px;
  font-weight: bold;
  color: #282828;
}
.blog-latest-article-image {
  display: inline-block;
  width: 100px;
  max-height: 70px;
  overflow: hidden;
  vertical-align: top;
  padding-right: 15px;
}
.blog-latest-article-image img {
  max-width: 100%;
}
.blog-latest-article-text {
  display: inline-block;
  width: calc(98% - 100px);
  vertical-align: top;
  margin-top: -5px;
}
.blog-latest-article-text .name {
  margin-bottom: 7px;
}
.blog-latest-article-text .cat,.blog-latest-article-text .cat a {
  font-size: 12px;
  font-weight: normal;
}
.radio-blog-content img {
  display: block;
  max-width: 100%;
  margin: 50px auto; 
}
.results {
  background: url("../images/neo/search_bg.jpg") no-repeat;
  background-size: 250px 250px;
  background-position: 100% 100%;
}

.radio-survey-database-intro {
  max-width: 640px;
}
.specialnote {
  padding-left: 60px;
  background: url("../images/neo/i/arrow.png") no-repeat;
  background-size: 38px 36px;
  background-position: 0px 20px;
  margin: 30px 0px;
}

.radio-survey-blog {
  margin: 0px 0px 0px 10px;
}
.rs-recent-article {
  border-left: 5px solid #00b7f3;
  padding: 0px 0px 30px 30px;
  margin-top: 40px;
}
.rs-recent-article img, .rs-category-article img, .rs-category-recent img {max-width: 100%;}
.rs-category-recent iframe, .rs-recent-article iframe {height: 300px;}
.rs-left, .rs-right {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
.rs-left {
  margin-right: 30px;
}
.rs-right {
  padding-top: 45px;
}
.rs-header {
  font-size: 20px;
  font-weight: bold;
}

a.rs-read-more {
  text-transform: uppercase;
  font-family: Barlow;
  color: #282828;
  border-bottom: 3px solid #00b7f3;
  padding-bottom: 5px;
}
.rs-cats {
  margin: 20px 0px;
}
.rs-cats a {
  display: inline-block;
  width: 160px;
  border-radius: 5px;
  border: 2px solid #00b7f3;
  text-align: center;
  padding: 5px 0px;
  font-weight: bold;
  margin: 5px 35px 5px 0px;
}
.rs-cats a:hover {
  opacity: 0.8;
}
.rs-cats a#active {
  background: #dedede;
  color: #282828;
  border: 2px solid #dedede;
}
.rs-category-recent .rs-right, .rs-category-article .rs-right {
  padding-top:0px;
}
.rs-category h2 {
  margin: 0px;
  padding: 7px 10px;
  background: #00b7f3;
  color: #fff;
  border-radius: 5px;
  margin: 40px 0px 50px 0px;
}
.rs-category-recent {
  border-bottom: 2px solid #00b7f3;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.rs-category-article {
  display: inline-block;
  width: 45%;
  margin-right: 30px;
  margin-bottom: 20px;
  vertical-align: top;
}
.rs-category-article a {
  color: #282828;
  line-height: 1.3;
}
.rs-category-article a:hover {
  text-decoration: underline;
}
.rs-category-article img {
  transition: transform .2s;
}
.rs-category-article img:hover {
  transform: scale(1.1);
}
.radio-survey-blog h1 span {
  color: #00b7f3;
}
.rs-category-article.wide{
  width: 100%;
  margin: 25px 0px;
}
.rs-category.narrow {
  max-width: 900px;
}
.rs-category-articles.narrow {
  max-width: 900px;
  margin: 0px auto;
}
.rs-category-article.wide iframe{
  height: 230px;
}
.rs-category-article.wide strong{
  font-size: 18px;
}
.pageblock {text-align: center; margin-bottom: 50px;}
.pages {list-style: none; margin: 0 auto; overflow: hidden; padding: 8px 12px;}
.pages li {display: inline-block; color: #282828;}
.pages a { display: inline-block; padding: 8px 12px;  margin: 2px; color: #282828;}
.pages a:hover, .pages .selected a {background: #dedede; color: #fff;  margin: 2px; padding: 8px 12px; }

.col-right {
  display: inline-block;
  width: 300px;
  vertical-align: top;  
}
.col-left {
  display: inline-block;
  width: calc(99% - 300px);
  padding: 0px 35px 0px 0px;
}
.contacts {
  position: relative;
  max-width: 1400px;
  margin:0px auto;
}
.contacts-bg {
  background: url("../images/neo/bgs/contacts.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  margin:0px;
  padding: 0px;
}
.contacts-overlay {
  background: rgba(40, 40, 40, 0.8);
  padding: 20px;
}
.contact-support-request {
  padding: 20px;
}
.contacts-to-right {
  width: 50%;
  margin-left: 50%;
  max-width: 600px;
}
.cs-left, .cs-right {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
.cs-left {
  margin-right: 40px;
}
.contact-details {
  position: absolute;
  top: 30px;
  left: 20px;
  max-width: 1400px;
  padding: 0px 20px;
  width: 45%;
  color:#00b7f3
}
.contact-form-blue {
  background: rgb(0,149,244);
  background: linear-gradient(180deg, rgba(0,149,244,1) 0%, rgba(0,172,244,1) 100%);
  border-radius: 8px;
  padding: 10px 20px 20px 20px;
  color: #fff;
  box-shadow: 0px 0px 17px 2px rgba(40,40,40,0.5);
}
.contact-form-white {
  padding-left: 20px;
}
.contact-form-blue *, .contact-form-white * {
  color: #fff;
}

.contact-form-blue a {
  color:#fff;
  text-decoration: underline;
}
.contact-form-blue input,
.contact-form-blue textarea {
  border: 1px solid #fff;
  color: #282828;
}
.contact-form-white h2, .contact-support-request h2 {
  color: #00b7f3;
}
.subslogan {
  margin-top: -10px;
  font-style: italic;
  font-size: 13px;
}
.contacts-icon {
  background: url("../images/neo/i/icons-contacts.png") no-repeat;
  background-size: 18px 234.5px;
  padding-left: 30px;
}
.contacts-icon.tel{
  background-position: 0px -74px;
}
.blue-shadow {
  box-shadow: 0px 3px 10px 0px rgba(0,183,243,0.6);
}

.white-button {
  background: #fff;
  color: #282828;
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.6);
}

.subscribtion {
  display: inline-block;
  width: calc( 98% - 290px);
  background: rgb(89,135,229);
  background: linear-gradient(90deg, rgba(89,135,229,1) 0%, rgba(2,182,243,1) 100%);
  border-radius: 10px;
  padding: 20px 30px;
  margin: 20px;
}
.social_media_right {
  display: inline-block;
  width: 250px;
}

.subscribtion p, .subscribtion strong {
  color: #fff;
  margin: 0px;
  padding: 0px;
}

.subscribe {
  display: inline-block;
  width: 200px;
  background: #ffcc33;
  text-transform: uppercase;
  color: #282828;
  text-align: center;
  padding: 7px 0px;
  border-radius: 5px;
  font-family: Barlow;
}
a.subscribe:hover {
  color: #282828;
  opacity: 0.9;
}
.subscription_input {
  min-width: auto;
  width: calc( 95% - 200px);
  border: 0px;
  border-radius: 5px;
  margin-right: 20px;
}
.feedback {
  padding: 20px;
}
.feedback div, .feedback p,  .feedback h1, .feedback h4 {
  color: #696969
}
.feedback_container{
  max-width: 800px;
  margin: 0px auto;
  border-radius: 10px;
  min-height: 200px;
  box-shadow: 0px 0px 14px 0px rgba(3,36,61,0.18);
  background: #fff;
  padding: 10px 40px;
}
.feedback-form {
  text-align: center;
}
.feedback-form-block {
  text-align: left;
  max-width: 500px;
  margin: 0px auto;
}
.feedback-form-block .equipment {
  width: 50%;
}
.feedback-form h3 {
  color: #696969;
  font-size: 20px;
}
.feed-row {
  max-width: 500px;
  margin: 20px auto 40px auto;
}
.feed-row .cs-left, .feed-row .cs-right {
  color:#696969;
}
.radio-buttons div {
  display: inline-block; 
  width: 40px;
  line-height: 1;
  font-size: 20px;
}
.feed-row input {
  border: 1px solid #a3a3a3;
  border-radius: 7px;
  padding: 10px 12px;
  font-size: 16px;
}
.radio-buttons input[type=radio] {
  border: 0px;
  width: 20px;
  height: 2em;
  text-align: center;
  margin: 0px;
  margin-left: 2px;
  cursor: pointer;
}
.radio-row {
  margin: 10px 0px 20px 0px;
}
.radio-row h4 {
  font-size: 18px;
  text-align: left;
  margin: 10px;
  padding: 0px;
}
.feed-row {
  margin: 30px auto 80px auto;
}

.feedback-form h3.feed-blue, .feedback h1.feed-blue {
  color: #00b7f3;
}
.feedback-form textarea {
  border-radius: 10px;
  border: 1px solid #a3a3a3;
  min-height: 100px;
}
.feedback-form textarea::-webkit-input-placeholder {
  text-align: center;
  text-transform: uppercase;
}
.feedback_container .note {
  font-size: 14px;
}
.tester-type label {
  font-size: 18px;
  cursor: pointer;
}
.feed-opinion {
  margin: 0px auto;
}
.feedback div.errorMessage {
  color:#fd543d;
}
.feedback p.errorMessage {
  color:#fd543d;
  text-align: center;
}
.feed-contacts {
  margin: 60px auto 40px auto;
}
.feed-image {
  text-align: center;
  margin-top: 30px;
}
.feed-image img {
  max-width: 100%;
}
.calibartions {
  max-width: 500px;
  margin: 0px auto;
}
input.serialnumber {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 3px 10px;
}
.calib {
  margin: 30px 0px 30px 0px;
  box-shadow: 0px 0px 14px 0px rgba(3,36,61,0.18);
  padding: 10px 20px;
  border-radius: 5px;
}
.calib_left {
  display: inline-block;
  width: 55%;
  vertical-align: top;
}
.calib_right {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.calib_right img {
  max-width: 100%;
}
.calib_dates {
  max-width: 450px;
  margin: 0px auto 30px auto;
  overflow: hidden;
  text-align: center;
}
.calib_dates_left {
  display: inline-block;
  width: 47%;
  margin: 10px 1% 10px 0px;
  text-align: center;
  padding: 10px 0px;
}
.calib_dates_right {
  display: inline-block;
  width: 47%;
  margin: 10px 0px 10px 1%;
  text-align: center;
  padding: 10px 0px;  
}
.dark_bg {
  background: #d7d7d7;
}
.light_bg {
  background: #f2f2f2;
}
.centered {
  text-align: center;
}
.calibration_promo {
  border: 1px solid #00b7f3;
  border-radius: 3px;
  max-width: 1130px;
  margin: 0px auto;
  background: url("../images/neo/calibration_promo_bg.jpg") no-repeat;
  background-position: 100% 100%;
}
.calib_promo_block {
  max-width: 50%;
  padding: 30px 35px;
}
.youtube_promo {
  position: relative;
  max-width: 348px;
  min-height: 520px;
  border: 1px solid #dcdcdc;
  background: url("../images/neo/youtube-promo-bg.jpg") no-repeat;
  border-radius: 3px;
  margin: 38px 0px 20px 0px;
}
.youtube_promo_block {
  position: absolute;
  bottom: 0px;
  width: 90%;
  left: 20px;
  font-size: 14px;
  font-weight: bold;
}

.youtube_promo_block .youtube-channel-link {
  color:#282828;
  font-family: Barlow;
  font-weight: normal;
}
.software-video-promo h3 {
  color: #282828;
}
.youtube_promo_block_items p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  background: url("../images/neo/i/tick-blue.png") no-repeat;
  background-size: 22px 18px;
  text-indent: 30px;
}
.software-video-promo .calib_dates_left {
  text-align: left;
  vertical-align: top;
}
.software-video-promo img {
  max-width: 100%;
}
.amo-button-holder {
  right: 25px!important;
  bottom: 90px!important;
}
#button {
  display: inline-block;
  background-color: #979797;
  opacity: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 47px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 0.5;
  visibility: visible;
}
.rsnew-main-bg {
  background: #F4F4F4;
}
.rsnew-main-article {
  border-radius: 10px;
  background: #fff;
  margin: 40px 0px 20px 0px;
  overflow: hidden;
}
.rsnew-main-img {
  display: inline-block;
  width: 48%;
}
.rsnew-main-img img {
  max-width: 100%;
  vertical-align: middle;
}
.rsnew-main-text {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  padding: 10px 40px;
}
.rsnew-main-text .rs-header a{
  font-size: 24px;
  color: #282828;
}
.rsnew-subcat {
  color: #969696;
  padding: 20px 0px;
}
.rsnew-subcat a {
  color: #969696;
  text-transform: uppercase;
  margin-right: 60px;
}
.time {
  background: url("../images/neo/i/time.png") no-repeat;
  background-size: 14px 14px;
  background-position: 0px 5px;
  padding-left: 20px;
  margin-right: 60px;
}
.views {
  background: url("../images/neo/i/eye.png") no-repeat;
  background-size: 14px 10.5px;
  background-position: 0px 7px;
  padding-left: 20px;
}
.rsnew-categories {
  margin: 30px;
}
.rsnew-categories span {
  color: #969696;
}
.rsnew-categories a {
  border-radius: 5px;
  display: inline-block;
  color: #383838;
  border: 1px solid #383838;
  padding: 5px 20px;
  margin: 10px 10px;
  font-weight: bold;
}
.rsnew-categories a:hover {
  color: #00b7f3;
  border: 1px solid #00b7f3;
}
.rsnew-categories a#active {
  background: #00b7f3;
  color: #fff;
  border: 1px solid #00b7f3;
}
.rsnew-blog {
  max-width: 900px;
  margin: 0px auto;
}
.rsnew-left {
  display: inline-block; 
  width: 38%;
}
.rsnew-right {
  display: inline-block; 
  width: 58%;
  padding: 0px 0px 10px 50px;
  vertical-align: top;
}
.rsnew-right .rsnew-subcat {
  padding-top: 0px;
}
.rs-category-article.wide.bordered {
  border: 1px solid #EEEEEE;
  padding: 20px 20px;
  margin: 0px;
}
.rs-category-article.wide.bordered:nth-child(n+2) {
  margin-top: -1px;
}
.rsnew-blog .pageblock {
  margin-top: 20px;
}
.rsnew-others h2 {
  border-bottom: 4px solid #F4F4F4;
  padding:20px 0px;
  text-align: left;
 }
 .rsnew-others-img {
   min-height: 210px;
   margin-bottom: 20px;
 }
 .rsnew-others{
   text-align: center;
 }
.rsnew-others-item {
  display: inline-block;
  width: calc( 95% / 3);
  vertical-align: top;
  padding: 20px 30px;
  text-align: left;
  margin: 20px 0px;
} 
.rsnew-others img {
  max-width: 100%;
}
.rsnew-others a {
  color: #383838;
}
.rsnew-others-item .rsnew-subcat a {
  color: #969696;
}
.comments {
  padding: 20px;
  background: #F4F4F4;
  border-radius: 15px; 
  margin: 20px 0px;
}
.sign-to-leave-comment {
  text-align: center;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  margin: 20px 0px;
}
.sign-to-leave-comment a {
  font-weight: bold;
}
.no-comments {
  text-align: center;
}
.no-comments img {
  display: inline; 
  max-width: 100%; 
  margin: 0px;
}
.no-comments p {
  color: #969696;
}
.comments_input {
  border-radius: 10px;
  border: 1px solid #969696;
  padding: 20px;
  font-family: Titillium;
}
.comment_submit {
  width: 120px;
  border-radius: 10px;
  background: #00b7f3;
  border: 1px solid #00b7f3;
  color: #fff;
  min-width: auto;
  text-transform: uppercase;
  font-family: Barlow;
  padding: 10px 0px;
  cursor: pointer;
}
.ext-comment {
  position: relative;
  background: #fff;
  border-radius: 15px;
  margin: 20px 0px;
  padding: 20px;
}
.ext-comment-name {
  display: inline-block;
  font-weight: bold;
}
.ext-comment-date {
  color: #969696;
  margin-left: 40px;
}
.ext-comment-options {
  position: absolute;
  right: 30px;
  top: 20px;
}
a.delete-comment, a.edit-comment {
  color: #969696;
  background: url("../images/neo/i/delete.png") no-repeat 0px 6px;
  background-size:  10px 10px;
  padding: 0px 15px;
  font-size: 14px;
  font-weight: bold;
}
a.edit-comment  {
  background: url("../images/neo/i/edit.png") no-repeat 0px 6px;
  background-size:  10px 10px;
  margin-right: 20px;
}

.congrats.limited {
  border-radius: 14px;
  background: url("../images/referral/bg.png") no-repeat;
  background-size: cover;
  text-align: center;
  margin: 20px auto;
  padding: 40px;
}
.congrats.limited div, 
.congrats.limited p {
  color: #fff;
} 
.congrats.limited p {
  font-size: 18px;
  padding-left: 5px;
}
.congrats_title {
  font-size: 80px;
  font-family: Titillium-Bold;
}

.referral .cs-left {
  width: 40%;
  text-align: left;
  padding: 0px 20px;
}

.referral .cs-right {
  width: 55%;
  text-align: center;
}
.referral .cs-right img {max-width: 100%;}
.wl, .wr {
  display: inline-block;
  width: 45%;
}
.wl {margin-right: 30px;}

.shad {box-shadow: 15px 22px 32px 0px #2525253B;}
.ref-program {
  max-width: 800px;
  margin: 30px auto;
}
.ref-title {
  color: #018697;
  font-size: 36px;
  text-align: center;
  margin: 30px 0px 0px 0px;
  font-family: Titillium-Bold;
}
.sub-ref-title {
  color: #57737A;
  text-align: center;
}
.ref-block {
  display: inline-block;
  width: 350px;
  height: 311px;
  overflow: hidden;
  margin: 20px;
  box-shadow: 0px 0px 3px rgba(190, 190, 190, 0.25), 0px 6px 12px rgba(37, 37, 37, 0.04);
  border-radius: 14px;
  padding: 20px;
  vertical-align: top;
}
.ref-block.wide {
  width: 749px;
}
.ref-block-number {
  color: #EAF0F6;
  font-size: 60px;
  font-family: Titillium-Bold;
  line-height: 1;
}
.ref-block-img {
  text-align: center;
}
.ref-block p {
  text-align: center;
  padding: 10px 20px 0px;
}
.accordion.referral-accordion {
  border: none;
}
.referral-accordion li {
  background: rgba(255, 255, 255, 0.17);
  /* dark secondary */
  border: 1px solid #ABB9BD;
  box-sizing: border-box;
  border-radius: 14px;
  margin: 20px auto;
}
.referral-accordion li:hover {
  border: 1px solid #018697;
}
.referral-accordion a {
  display: block;
  font-size: 18px;
  color: #363636;
  padding: 20px 20px;
}
.tarq {
  color: #018697!important;
} 
.accordion.referral-accordion .accordion-content {
  padding: 0px 20px 20px 20px;
}

.accordion a.accordion-referral-title:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #018697;
  border-bottom: 1px solid #018697;
  position: absolute;
  right: 20px;
  content: " ";
  top: 25px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion a.accordion-referral-title.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ref-questions {
  border-radius: 14px;
  background: url("../images/referral/bg.png") no-repeat;
  background-size: cover;
  padding: 30px;
  position: relative;
}
.ref-questions .ref-question-title {
  font-size: 30px;
  font-family: Titillium-Bold;
  color: #fff;
}
.ref-questions p {
  color: #fff;
}
a.ref-white-button {
  position: absolute;
  right: 10%;
  top: calc(50% - 20px);
  display: inline-block;
  padding: 10px 0px;
  text-align: center;
  border-radius: 12px;
  color: #018697;
  min-width: 120px;
  background:#fff;
  font-family: Titillium-Bold;
}
a.ref-white-button:hover {
  opacity: 85%;
}

.ref-program {
  max-width: 800px;
  margin: 30px auto;
}








.ref-new-program {
  max-width: 1040px;
  margin: 45px auto;
}

.ref-new-name {
  font-size: 47px;
  font-family: Titillium-Bold;
  line-height: 1.2;
}

.ref-blue {
  color: #2781F6;
}

.ref-new-sub-name {
  font-family: Titillium-Light;
  font-size: 20px;
  margin: 10px 0px;
}

.ref-new-steps {
  margin: 32px 0px;
}
.ref-new-step-left {
  width: calc(100% - 339px);
  display: inline-block;
  min-height: 50px;
  vertical-align: top;
  padding: 30px 0px;
}

.ref-new-step-right {
  width: 335px;
  display: inline-block;
  min-height: 50px;
  vertical-align: top;
  padding: 30px 0px;
}

.ref-new-step-right img {
  max-width: 100%;
}

.ref-step-header {
  font-family: Titillium-Bold;
  font-size: 24px;
  margin-top: 55px;
}
.ref-step-header.bigger {
  font-size: 40px;
}

.ref-new-step-left p {
  font-size: 18px;
  max-width: 600px;
}

.ref-step-images {
  margin: 50px 0px;
  text-align: center;
}
.ref-step-images img {
  max-width: 335px;
}

.ref-step-images img:nth-of-type(odd):hover {
   position: relative;
   top: -20px;
   transform: rotate(-5deg);
}
.ref-step-images img:nth-of-type(even):hover {
   position: relative;
   top: -20px;
   transform: rotate(5deg);
}

.ref-points {
  background: url("../images/referral-program/ref-points-bg.png") no-repeat 50% 100% #F3F7FB;
  border-radius: 30px;
  min-height: 600px;
  margin: 30px 0;
  padding-bottom: 20px;
}

.margin-header {
  padding: 50px 0;
}

.points-text {
background: url("../images/referral-program/points_bg.png") no-repeat;
min-height: 576px;
background-size: contain;
padding: 30px 80px 20px 50px;
}

.points-right {
width: 571px;
}

.points-left {
width: calc(100% - 580px);
position: relative;

}

.points-text p {
background: url("../images/referral-program/tick.png") no-repeat 0px 5px;
padding-left: 30px;
background-size: 16px;
margin: 30px 0px;
}

.man-pazzle {
padding-top: 200px;
}

.ref-main-screen {
  background: url("../images/referral-program/bg_main_screen.jpg") no-repeat 50% 50%;
  min-height: 300px;
  background-size: 100%;
}

.ref-main-left {
display: inline-block;
vertical-align: top;
width: calc(50% - 3px);
min-height: 50px;
padding-top: 60px;

}

.ref-main-right {
display: inline-block;
vertical-align: top;
width: calc(50% - 3px);
min-height: 50px;

}

.ref-main-program {
  max-width: 80%;
  margin: 50px auto;
  padding: 40px 0px 190px;
}

.ref-main-header {
  font-size: 52px;
  font-family: Titillium-Bold;
}

.ref-main-subheader {
  font-size: 40px;
  font-family: Titillium-Bold;
  line-height: 1.2;
  padding-top: 30px;
}

.blue-bonus {
  margin-top: -2px;
  mix-blend-mode: multiply;
}

.orange-bonus {
  max-width: 495px;
}

.ref-main-right.centered div {
  font-size: 24px;
  font-family: Titillium-bold;
  margin-top: 30px;
  padding-bottom: 10px;
}

.ref-questions-form {
  background: url("../images/referral-program/any_questions_bg.jpg") no-repeat;
  min-height: 300px;
  background-size: cover;
  padding: 100px 40px;
  border-radius: 20px;
}

.ref-questions-form-white {
  background-color: #fff;
  border-radius: 10px;
  min-height: 220px;
  padding: 30px;
}

.ref-questions-form-header {
  font-size: 40px;
  font-family: Titillium-Bold;
}

.ref-questions-form-text {
  font-size: 18px;
}

.ref-new-questions {
  max-width: 1040px;
  margin: 40px auto;
}

.ref-contact-button {
  width: 173px;
  display: block;
  background: linear-gradient(90deg, #406FF3 0%, #009FFD 100%);
  color: #fff;
  text-align: center;
  padding: 10px 0px;
  margin-top: 20px;
  border-radius: 13px;
  box-shadow: 0px 5px 0px 0px rgba(58, 98, 203, 1);
  font-family: Titillium-Bold;
}

.ref-contact-button:hover {
  color: #fff;
  box-shadow: none;
  margin-top: 25px;
}

.new-accordion-referral-title {
  font-size: 20px;
  font-family: Titillium-Bold;
}

.new-referral-accordion li {
  border: 0px;
}

.new-referral-accordion a {
  font-size: 20px;
  font-family: Titillium-Bold;
  color: #363636; 
  border: 0px;
  background: url("../images/referral-program/plus.png") no-repeat 0px 20px;
  padding-left: 40px;
}

.new-accordion-referral-title.active {
  background: url("../images/referral-program/close.png") no-repeat 0px 20px;
}

.new-referral-accordion {
  border: 0px;
}

.new-referral-accordion .accordion-content {
  border-bottom: 1px #DDD solid;
  padding: 0px 15px 40px 0px;
  margin: 0px 30px 40px 40px;
}

.ref-new-questions .ref-main-left {
  padding-top: 0px;
}










.pred_dims {
  width: 100%;
  min-height: 800px;
}
.trees {
  background: url("../images/neo/predictions/trees.png") no-repeat 50% 100%;
}
.sparkles-left {
  background: url("../images/neo/predictions/sparkles_left.png") no-repeat 0% 100%;
}
.sparkles-right {
  background: url("../images/neo/predictions/sparkles_right.png") no-repeat 100% 100%;
}
.sparkles-top {
  background: url("../images/neo/predictions/sparkles_top.png") repeat-x 50% -40%;
}
.sparkles-circle {
  background: url("../images/neo/predictions/bg_gradient.png") no-repeat 50% 50%;
}
.pred_bg {
  background: #17172B;
}
.predictions {
  position: relative;
  text-align: center;
  color: #fff;
}
.predictions h1,  .predictions p, .predictions div {
  color: #fff;
}
.predictions h1 {
  font-size: 50px;
  margin: 0px;
  padding: 0px;
}
.predictions .larger {
  font-size: 26px;
  margin-bottom: 35px;
}
.predictions p {
  max-width: 600px;
  margin: 20px auto 20px auto;
}
.pred-lights {
  max-width: 750px;
}
a.red-button {
  display: inline-block;
  padding: 15px 30px;
  color: #fff;
  background: linear-gradient(90deg, #F54F4F 0%, #DB3C75 100%);
  box-shadow: 0px 12px 22px rgba(23, 23, 43, 0.27);
  border-radius: 100px;
  text-align: center;
  margin: 30px auto;
  font-weight: bold;
  cursor: pointer;
}
a.red-button:hover {
  color: #fff;
  opacity: 95%;
}
.prediction {
  position: relative;
  background: linear-gradient(92.08deg, #1848C1 1.24%, #347FF1 100%);
  box-shadow: 0px 3px 58px rgba(0, 111, 241, 0.37);
  border-radius: 34px;
  color: #fff;
  padding: 40px 30px;
  max-width: 500px;
  margin: 0px auto;
}
.stars-left {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 72px;
}
.stars-right {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 72px;
}
.twig-left {
  position: absolute;
  left: -35px;
  bottom: -20px;
  width: 72px;
}
.twig-right {
  position: absolute;
  bottom: -20px;
  right: -35px;
  width: 72px;
}
.share-media img {
  margin: 20px 15px;
}


.night{
  position: relative;
  display: none;
  width: 400px;
  height: 400px;
  margin: 0px auto;
  transform: rotateZ(40deg);
}

.star{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 4px;
  background: linear-gradient(-45deg, #5F91FF, rgba(0, 0, 255, 0));
  border-radius: 999px;
  filter: drop-shadow(0 0 6px #699BFF);
  animation: tail 3s ease-in-out infinite,
             falling 3s ease-in-out infinite;
}

@keyframes tail{
  0%{
    width: 0;
  }
  30%{
    width: 100px;
  }
  100%{
    width: 0;
  }
}

@keyframes falling{
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(300px);
  }
}

.star::before, .star::after{
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  height: 4px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5F91FF, rgba(0, 0, 255, 0));
  border-radius: 100%;
  transform: translateX(50%) rotateZ(45deg);
  animation: shining 3s ease-in-out infinite;
}

@keyframes shining{
  0%{
    width: 0;
  }
  50%{
    width: 30px;
  }
  100%{
    width: 0;
  }
}

.star::after{
  transform: translateX(50%) rotateZ(-45deg);
}

.star:nth-child(1){
  top: calc(50% - 100px);
  left: calc(50% - 250px);
  animation-delay: 1s;
}

.star:nth-child(1)::before, .star:nth-child(1)::after{
  animation-delay: 0s;
}
.tester-referral-link {
  padding: 80px 0 40px 0;
}
.tester-referral-link-block {
  position: relative;
  max-width: 800px;
  margin: 20px auto;
  background: url("../images/referral/grid_bg.jpg") no-repeat;
  height: 210px;
  background-size: 130%;
  border:2px solid #33CCCC;
  border-radius: 20px;
  padding-left:60px;
}
.tester-referral-in-hand {
  height: 290px;
  position: absolute;
  left:-20px;
  bottom: -2px;
}
.tester-referral-link-block-text {
  max-width: 450px;
  min-width: 450px;
  margin:60px auto;
}
.tester-arrow-left {
  width: 90px;
  display: inline-block; 
  vertical-align: top;
}
.tester-arrow-left img {
  max-width: 70px;
}
.tester-arrow-right {
  vertical-align: top;
  width: calc(100% - 106px);
  display: inline-block;
}
.tester-referral-block-bold {
  font-family: Titillium-Bold;
  font-size: 18px;
}
.tester-referal-block-link {
  display: block;
  margin-top:20px;
  text-decoration: underline;
}


@media (max-width: 1401px) {
 .hblock, .hhblock{ height: auto;}
 .limited {margin: 0px 20px;}
 .video-laptop {right: 0;}
 .congrats.limited {margin: 20px;}
}
@media (max-width: 1200px) {
  .video-laptop.front img {
    width: 600px;
    height: 350px;
  }
  .video-laptop.front {
    bottom: 0;
  }
  .fnews {
    width: 20%;
  }
  .ref-main-right img {
    max-width: 100%;
  }
  .ref-main-program {
    max-width: 95%;
  }
}
@media (max-width: 1100px) {
  .fmenu a {margin-left: 20%;}
  .history-20 {
    top: 0px; left: -4%;
  }
  .history-3000 {
    top: 60px; left: 30%;
  }
  .history-72 {
    top: 120px; left: 60%;
  }
  .fnews {
    width: 45%;
    max-width: 45%;
    min-height: 170px;
  }
  .blog-right-menu {
    margin-top: 300px;
  }
  .blog-left-menu {
    position: absolute;
    right: 85px;
    top: 60px;
    
  }
  .radio-blog-content {
    width: calc(98% - 300px);
    padding-left: 0px;
  }
  .blog-content-menu {
    max-height: 230px;
  }
  .rs-cats a {width: 150px;}

  .head.sart .header-overlay {
    height: 100%;
    background: rgba(0,0,0,0.5);
  }
  .head.sart .cta p, .head.sart .white_borders p, .head.sart .white_borders h1 {
    color: #fff;
  }
  .head.sart .white_borders {
    border-color: #fff;
  }
  .head.sart {
    background-position: right;
  }
  .calibration_promo {
    margin: 20px;
  }
  .ref-new-program, .ref-new-questions {
    padding: 0px 20px;
  }

}
@media (max-width: 1000px) {
 .fmenu a {margin-left: 10%;}
 .frontarticle {
   padding: 0px;
 }
 .video-laptop.front img {
  width: 500px;
  height: 300px;
 }
 .video-manuals-intro p {
   max-width: 300px;
 }
 .profile-triangle {
   display: none;
 }
 .profile-promo {
   background-position: center;
 }
 .referral .cs-right, .referral .cs-left {
  width: 100%;
  }
}

@media (max-width: 890px) {
  .top-menu-items {
    display: none;
  }
  .mobile_menu {
    display: block;
  }
  .mmenu a {
    display: block;
    color: #fff;
    padding: 10px 20px;
  }
 .request-button {display: block; margin: 0px auto 20px auto;}
 .warranty-button {margin-left: 0px;}
 .warranty-shipment {
   display: block; width: 250px; margin: 0px auto;
   text-align: center;
 }
 .video-laptop {bottom: -20%;}
 .video-laptop img {
   width: 600px;
   height: auto;
 }
 .limited.narrow {margin: 0px 20px;}
 .videoman {max-width: 32%;}
 .footer-box {width: 31%;}
 .footer-box.bmenu {
   margin-top: 20px; width: 45%;
 }
 .fmenu a {
   margin-left: 50%;
 }
 .history div {
   width: 270px;
   min-height: 220px;
 }
 .history img {
   left: 0px;
   top: -10px;
 }
 .history-3000 img {
   top: -35px;
   left: -10px;
 }
 .history-72 img {
   top: -10px;
   left: -10px;
 }
 .h20-3{
   top: 70%;
 }
 .history {
   min-height: 400px;
 }
 .product {
   width: 40%;
 }
 .frontarticle {
  width: 42%;
  margin-bottom: 30px;
 }
 .videoman {
   max-width: 42%;
   width: 42%;
   margin-bottom: 30px;
 }
 .fnews {
  width: 40%;
  max-width: 40%;
  min-height: 170px;
}
 .review {
   max-width: 35%;
   width: 35%;
 }
 .front-search-right {
   display: none;
 }
 .front-search-left {
   width: 100%;
   min-width: auto;
 }
 .radio-survey-intro {
  width: 250px;
}
.radio-survey-form-stepper {
  width: calc(96% - 250px);
}

.blog-right-menu {
  margin-top: 0px;
  display: block;
  width: 100%;
}

.blog-left-menu {
  position: relative;
  left: 0px;
  top: 0px;
}
.radio-blog-content {
  width: 100%;
  max-width: 740px;
  padding: 0px;

}
.blog-content-menu {
  max-height: 230px;
}
.blog-latest, .categories-latest {
  width: 65%;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.categories-latest {
  width: 30%;
  margin: 0px;
}
.rs-left, .rs-right {
  width: 100%;
  margin: 0px;
}
.rs-right, .rs-category-recent .rs-right, .rs-category-article .rs-right {
  padding-top: 30px;
}
.rs-category-recent {
  max-width: 600px;
  margin: 0px auto 30px auto;
}
.rs-cats {text-align: center;}
.col-left, .col-right {
  width: 100%;
}
.subscribtion {
  width: 100%;
  margin: 0px;
}
.social_media_right {
  width: 100%;
  margin: 20px 0px 20px 0px;
  text-align: center;
}
.rsnew-main-img, .rsnew-main-text {
  display: block;
  width: 100%;
}
.ref-block {
  display: block;
  margin: 20px auto;
}
.ref-block.wide {
  width: 350px;
  height: 311px;
}
.referral {
  width: 100%;
  padding: 0px 20px;
}
.congrats_title {
  font-size: 40px;
}
.pred-lights {
  max-width: 100%;
}
.prediction, .pred-text {
  margin: 0px 40px;
}
.trees {
  background-size: 100% auto;
}
.sparkles-left, .sparkles-right {
  background-size: 70% auto;
}
.sparkles-top {
  background-size: auto auto;
}
.pred_dims {
  min-height: auto;
}
.trees {
  padding-bottom: 150px;
}
.ref-main-left, .ref-main-right {
  width: 100%;
  display: block;
  padding: 0px;
  text-align: center;
}
.ref-main-subheader {
  padding-bottom: 50px;
}
.ref-main-screen {
  background-size: 150%;
}
.ref-new-step-left {
  padding-right: 20px;
}
.ref-new-step-left.points-left {
  width: 100%;
  display: block;
  padding: 0px;
}
.man-pazzle {
  padding: 0px;
  position: absolute;
  top: 550px;
  left: 25%;
}
.points-text {
  margin: -40px 0px 10px 0px;
  background-size: 100%;
  min-height: 850px;
}
.points-right {
  width: 100%;
  background-size: auto;
}
.points-text p {
  font-size: 18px;
}
.new-accordion-referral-title {
  text-align: left;
}
.new-referral-accordion .accordion-content {
  text-align: left;
}
.new-referral-accordion a {
  background: url(../images/referral-program/plus.png) no-repeat 0px 10px;
}
.new-accordion-referral-title.active {
  background: url(../images/referral-program/close.png) no-repeat 0px 10px;
}
.ref-contact-button {
  margin: 20px auto;
}
.orange-bonus {
  max-width: 100%;
}
.tester-referral-link-block {
  margin: 20px;
}
}
@media (max-width: 740px) {
  .cta {
    top: 30%;
  }
  .cta p {
    font-size: 28px;
  }

  .header-overlay {
    height: 100%;
    background: rgba(0,0,0,0.5);
  }
  .head.sart .cta p, .head.sart .white_borders p, .head.sart .white_borders h1 {
    color: #fff;
  }
  .head.sart .white_borders {
    border-color: #fff;
  }
  .head.sart {
    background-position: right;
  }
  .trigger p {
    font-size: 18px;
  }
  .main-product-description {
    padding-top: 150px;
  }
  .video-laptop.front img {
    width: 350px;
    height: 200px;
   }
   .review {
    max-width: 40%;
    width: 40%;
  }
  .black-profile { width: auto; height: auto;}
  .numbers.left.no-margin {
    max-width: 100%;
  }
  .survey-menu {
    width: 200px;
    min-width: 200px;
  }
  .survey-companies {
    width: calc(98% - 200px);
  }
  .equipment {
    width: 45%;
  }
  .contact-details {
    position: inherit;
    width: 100%;
  }
  .cs-left, .cs-right {
    margin-right: 0px;
    width: 100%;
  }
  .contacts-to-right {
    width: 100%;
    margin-left: 0px;
  }
  .contact-support-request {
    padding-left: 40px;
  }
  .calib_promo_block {
    max-width: 100%;
    padding-top: 280px;
  }
  .calibration_promo {
    background-position: 100% -210px;
    margin: 20px;
  }
  .calibration_promo .upheader {
    display: none;
  }
  .calibration_promo .request-button {
    margin-top: 30px;
  }
  .software-video-promo .calib_dates_left,   .software-video-promo .calib_dates_right  {
    width: 100%;
  }
  .rsnew-right, .rsnew-left {
    display: block;
    width: 100%;
  }
  .rsnew-right {
    padding: 20px;
  }
  .blog-content-menu {
    display: none!important;
  }
  .rsnew-others-item {
    display: block;
    width: 100%;
  }
  a.ref-white-button {
    position: static;
    margin: 20px auto;
    top: auto;
    right: auto;
  }
}

@media (max-width: 670px) {

 .warranty-shipment {
   width: 100%;
 }
 .video-laptop img {
   width: 400px;
   height: auto;
 }
 .footer-box, .footer-box.bmenu {display: block; width: 200px; margin: 20px auto;}
 .fmenu a { margin-left: 0%; }

 .desktop {display: none;}
 .mobile {display: block;}
 .set-side .n1 {position: absolute; top: 1%; right:5px;}
 .set-side .n2 {position: absolute; top: 23%; right:5px;}
 .set-side .n3 {position: absolute; top: 52%; right:5px;}
 .set-side .n4 {position: absolute; top: 72%; right:5px;}
 .set-side .n5 {position: absolute; top: 2%; left:5px;}
 .set-side .n6 {position: absolute; top: 20%; left:5px;}
 .set-side .n7 {position: absolute; top: 45%; left:5px;}

 .set-side .an1 {position: absolute; top: 20%; right:5px;}
 .set-side .an2 {position: absolute; top: 70%; right:5px;}
 .set-side .an3 {position: absolute; top: 7%; left:5px;}
 .set-side .an4 {position: absolute; top: 22%; left:5px;}
 .set-side .an5 {position: absolute; top: 43%; left:5px;}
 .set-side .an6 {position: absolute; top: 60%; left:5px;}
 .set-side .an7 {position: absolute; top: 77%; left:5px;}

 .grey-line { width: 80%; }

 .history-20 {
   position: relative;
   margin: 0px auto;
   top: 0px; left: 0px;
 }
 .history-3000 {
   position: relative;
   margin: 0px;
   margin: 0px auto;
   top: 0px; left: 0px;
 }
 .history-72{
   position: relative;
   margin: 0px;
   margin: 0px auto;
   top: 0px; left: 0px;
 }
 .social_media_bottom {
   margin: 0px auto 30px auto;
   text-align: center;
 }
 .history div {
   width: 350px;
   min-height: 320px;
 }
 .history-3000 img {
   top: -45px;
   left: -30px;
 }
 .main-product-description {
  padding-top: 170px;
 }
 .simple-contact-form-main {
   width: 100%;
 }
 .simple-contact-form-img {
   display: none;
 }
 .fnews {
  width: 100%;
  max-width: 100%;
  min-height: auto;
  border-top: 0px;
  margin: 0px;
}
.review {
  max-width: 80%;
  width: 80%;
}
.front-news {
  margin-bottom: 30px;
}
.partners-right, .partners-left {
  width: 80%;
}
.main-product-title .upheader {
  padding-left: 0px;
}
.main-product-title h2 {
  padding-left: 0px;
}
.radio-survey-intro {
  width: 100%;
}
.radio-survey-form-stepper {
  width: 100%;
}
.equipment {
  width: 30%;
}
.radio-survey-intro img {
  display: none;
}

.blog-latest, .categories-latest {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.rs-category-article {
  width: 100%;
  margin-bottom: 50px;
  margin-right: 0px;
}
.subscription_input {
  width: 100%;
}
.wl, .wr {
  width: 100%;
  padding: 20px;
}
.ref-main-header, .ref-new-name {
  font-size: 30px;
}
.ref-main-subheader {
  font-size: 20px;
}
.ref-main-program {
  padding: 0px;
}
.ref-new-step-right, .ref-new-step-left {
  width: 100%;
  display: block;
  padding: 10px 0px;
}
.ref-step-header {
  margin-top: 0px;
 
}
.ref-new-step-right {
  margin-bottom: 30px;
}
.ref-step-header.bigger {
  font-size: 30px;
}
.man-pazzle {
  display: none;
}
.points-text {
  min-height: 700px;
}
.points-text {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.points-text p {
  margin-top: 0px;
}
.ref-questions-form-header {
  font-size: 25px;
}
.ref-questions-form {
  padding: 40px 10px 40px 10px;
}
.tester-referral-in-hand {
  display:none;
}
.tester-referral-link {
  padding: 0px;
}
.tester-referral-link-block {
  margin: -50px 20px 40px 30px;
  padding: 0px;
}
}

@media (max-width: 590px) {
  .sublogo {display: none;}
  .video-laptop {display: none;}
  .videoman {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .tblock {display: block;}
  .leftblock, .leftblock.narrow {
    display: block;
    width: 100%;
  }
  .devider {display: none}
  .rightblock, .rightblock.wide {
    display: block;
    width: 100%;
  }
  .numbers.right, .numbers.left {
    max-width: 100%;
  }
  .set-option {
    width: 45%;
    margin-bottom: 50px;
  }
  .reducer {
    width: 100%;
    padding: 0px 20px;
    margin-right: 0px;
  }
  .downloads {padding-bottom: 250px;}
  .footer-box, .footer-box.bmenu {display: block; width: 200px; margin: 20px auto;}
  .fmenu a { margin-left: 0%; }
  .breadcrumbs {padding: 40px 0px;}
  .product {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0px;
  }
  .product-photo {
    text-align: center;
  }
  .main-product-title {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .main-product-photo {
    width: 90%;
    text-align: center;
    margin: 30px 0px
  }
  .main-product-description {
    padding-top: 0px;
    width: 100%;
  }
  .reducer.front {
    margin: 20px 20px;
    height: auto;
  }
  .frontarticle {
    width: 100%;
    margin-bottom: 30px;
   }

   .videoman {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
  }
  .head {
    background-position: -600px 0%;
  }

  .front_start_search strong {
    display: block; 
    max-width: 100%;
    width: 100%;
  }

  .front_start_search a {
    display: block;
    position: relative; 
    margin: 10px auto 10px;
  }
  .survey-menu {
    display: block;
    width: 100%;
    min-width: auto;
  }
  .survey-companies {
    width: 100%;
  }
  .survey-database {
    position: relative;
    padding-top: 60px;
  }
  .survey-database h1 {
    position: absolute;
    top: 0; left: 5px;
  }
  .radio-survey-blog {
    margin: 0px;
  }
  .rs-category-article.wide iframe{
    height: 200px;
  }
  .rs-category-recent iframe, .rs-recent-article iframe {
    height: 200px;
  }
  .l {
    width: 100%;
    margin: 0px auto;
    text-align:center;
  }
  .r {width: 100%;}
  .accordion.downloads-accordion .i {display: none;}
  
}