.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-bars:before{content:"\f0c9"}
.fa-times:before{content:"\f00d"}
.fa-twitter:before{content:"\f099"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-angle-right:before{content:"\f105"}
.fa-search:before{content:"\f002"}
.fa-envelope:before{content:"\f0e0"}
.fa-arrow-right:before{content:"\f061"}

@font-face{font-family:"Courage Road";font-style:normal;font-weight:700;font-display:block; 
  src: url(webfonts/Courage-Road.ttf) format("truetype");
 }

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block; 
 src:url(webfonts/fa-brands-400.eot);
 src:url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
 url(webfonts/fa-brands-400.woff2) format("woff2"),
 url(webfonts/fa-brands-400.woff) format("woff"),
 url(webfonts/fa-brands-400.ttf) format("truetype"),
 url(webfonts/fa-brands-400.svg#fontawesome) format("svg")
}
 
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;
  src:url(webfonts/fa-regular-400.eot);
  src:url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
  url(webfonts/fa-regular-400.woff2) format("woff2"),
  url(webfonts/fa-regular-400.woff) format("woff"),
  url(webfonts/fa-regular-400.ttf) format("truetype"),
  url(webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;
 src:url(webfonts/fa-solid-900.eot);
 src:url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
 url(webfonts/fa-solid-900.woff2) format("woff2"),
 url(webfonts/fa-solid-900.woff) format("woff"),
 url(webfonts/fa-solid-900.ttf) format("truetype"),
 url(webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fab,.far{font-weight:400}
.fab{font-family:"Font Awesome 5 Brands"}
.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa,.fas{font-weight:900}

html {overflow-y:scroll; scroll-behavior:smooth !important;}
body {margin:130px 0 0 0; background:#eaebe2; font-family:"Quicksand", Arial, sans-serif !important; color:#201b51; font-size:19px; line-height:26px; font-weight:500;}
a {color:#ebb400; text-decoration:underline; transition:all 0.4s ease 0s;}
a:hover {color:#ffc60b; text-decoration:underline;}

ol {list-style-type:none; counter-reset:item; margin:0 0 20px 0; padding:0; overflow:initial;}
ol > li { display:table; counter-increment:item; margin-bottom:0.6em;}
ol > li:before { content:counters(item, ".") ". "; display:table-cell; padding-right:0.6em;}
li ol > li { margin:12px 0 0 0;}
li ol > li:before { content:counters(item, ".") " ";}

ul {padding:0; margin:0 0 22px 22px;}
ul li {margin:0 0 4px 0;}
ul.cleanList {display:inline; list-style:none; list-style-image:none; padding:0; margin:0;}
ul.cleanList li {list-style:none; list-style-image:none;}

hr {margin:40px 0 0px 0;}
p {margin-top:0px; margin-bottom:22px;}
img {border:0px;}
input, textarea, button, select {outline:none; font-family:"Quicksand", Arial, sans-serif !important;}
button {background-image:linear-gradient(to bottom, #fdfeff, #d1ebff); color:#021b33; font-size:20px; line-height:20px; font-weight:700; padding:16px 24px; cursor:pointer; transition:all 0.4s ease 0s; border:0px; border-radius:10px;}
button:hover {background-image:linear-gradient(to bottom, #d1ebff, #fdfeff);}
.wow {visibility:hidden;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {  display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
img.alignnone {margin: 5px 20px 20px 0; width:100% !important; height:auto !important;}
a img.alignnone {margin: 5px 20px 20px 0; width:100% !important; height:auto !important;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto}

.sr-only {border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.clearfix:after {content:" "; visibility:hidden; display:block; height:0; clear:both;}

.accessibility-location-left .aicon_link {bottom:10px !important; left:210px !important;}
.accessability_container .wah-free-credits .wah-free-credits-inner {text-align: left; padding:2px 0 16px 16px;}
body .accessability_container button {border-radius: 30px;}
body .accessability_container button.wah-action-button {border:#ffffff 2px solid; font-weight:normal;}
body .accessability_container {background: transparent !important;}
body .accessability_container * {background: transparent !important;}
body .close_container {background:#ffffff !important; color:#232323 !important;}
button.aicon_image {width:60px !important; height:60px !important; }

.lazyload, .lazyloading {opacity:0;}
.lazyloaded {opacity:1;	transition:opacity 300ms;}

h1 {font-family:'Courage Road',sans-serif; font-size:34px; line-height:56px; font-weight:700; color:#201b51; margin:0 0 0 0; padding:50px 0 30px 0; letter-spacing:2px;}
.h1looklike {font-family:'Courage Road',sans-serif; font-size:50px; line-height:66px; font-weight:700; color:#201b51; margin:0 0 0 0; padding:50px 0 30px 0; letter-spacing:2px;}
h2 {font-family:'Courage Road',sans-serif; font-size:30px; line-height:48px; font-weight:700; color:#201b51; margin:24px 0 12px 0; letter-spacing:2px;}
h3 {font-family:'Courage Road',sans-serif; font-size:30px; line-height:38px; font-weight:700; color:#201b51; margin:24px 0 8px 0; letter-spacing:2px;}
h4 {font-family:'Courage Road',sans-serif; font-size:26px; line-height:32px; font-weight:500; color:#201b51; margin:0 0 20px 0; letter-spacing:2px;}

.mainDiv {margin:0 auto; width:1370px; clear:both;}
.halfDiv {width:685px;}

#main-section {background:#ffffff; overflow:initial; min-height:500px;}
.headerDiv {position:fixed; top:0; z-index:9999; width:100%; padding:0; background:#201b51; margin:0 0 0 0; transition:all 0.4s ease 0s;}
.logoDiv {float:left; margin:16px 0 10px 0; transition:all 0.4s ease 0s;}
.logoDiv img {width:135px; height:auto; transition:all 0.4s ease 0s;}

.logoDiv.active {margin:14px 0 2px 0;}
.logoDiv.active img {width:80px; height:auto;}

.logoDiv a {display:block; width:auto;}
.mobileMenuButton {display:none;}
.mobileMenu {display:none;}

.menu-main {float:right; margin:30px 0 0 0; transition:all 0.4s ease 0s;}

.menu-main ul {display:inline; list-style:none; list-style-image:none; padding:0; margin:0;}
.menu-main ul li {list-style:none; list-style-image:none; float:left; margin:0 0 0 20px; padding:12px 24px 6px 24px; line-height:40px; transition:all 0.4s ease 0s;}
.menu-main ul li a {color:#ffffff; font-weight:600; font-size:16px; line-height:20px; padding:0 0 0 0; text-decoration:none;}
.menu-main ul li a:hover {color:#ffc600;}
.menu-main.active {margin:8px 0 0 0;}
.menu-main.active ul li {padding:14px 24px 10px 24px;}

.pageContent {padding:10px 0 50px 0; min-height:300px;}
.textualPage {padding-right:20%;}
.halfLeft {float:left; width:calc(50% - 40px);}
.halfRight {float:right; width:calc(50% - 40px);}

.videoWrapper {position:relative; padding-bottom:56.25%; height:0;}
.videoWrapper iframe {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}

.homePurpleFiller {position:absolute; top:0; left:0; width:100%; height:130px;background:#201b51;}

.homeMain {background:#eaebe2 url(../images/pixel-purple.gif) repeat-x top left; background-size:100% 460px; padding:0 0 0 0; color:#ffc60b;}
.homeMain ul {display:flex; flex-flow:row wrap;}
.homeMain ul li {width:50%; float:left;}
.homeMain ul li.text {padding:100px 0 80px 0;}
.homeMain ul li.text .halfDiv {float:right;}
.homeMain ul li.image {padding:20px 0 0 0; text-align:right;}
.homeMain ul li.image img {height:auto; width:80%;}
.homeMain ul li ul {list-style-type:disc; list-style-position:inside;}
.homeMain h1 {color:#ffc60b; padding:20px 20px 0 0;}

.homeBenefits {padding:80px 0 0 0;}
.homeBenefits ul li {font-family:'Courage Road',sans-serif; float:left; margin:0 20px 0 0; width:180px; height:180px; background:#ffc60b; border-radius:50%; text-align:center; color:#201b51; font-weight:600;}
.homeBenefits ul li:last-of-type {margin:0 0 0 0;}
.homeBenefits ul li div {color:#ffffff; font-size:30px; padding:54px 0 8px 0;} 

#about {padding:120px 0 20px 0; color:#201b51; scroll-margin-top:60px;}

#technology {background:#ffc60b; overflow:initial; scroll-margin-top:60px;}
#technology h2 {padding:0 0 10px 0;}
#technology h3 {font-family:"Quicksand", Arial, sans-serif; letter-spacing:0; padding:0 0 10px 0;}
#technology ul {display:flex; flex-flow:row wrap;}
#technology ul li {width:50%; float:left;}
#technology ul li.text {padding:120px 0 80px 0; float:right;}
#technology ul li.text img {height:auto; width:70%; margin:0 auto;}
#technology ul li.image {padding:60px 0 60px 0; float:right; text-align:center;}
#technology ul li.image img {height:auto; width:60%;}
#technology ul li ul {list-style-type:disc; list-style-position:inside;}

#applications {background:#201b51; overflow:initial; padding:100px 0 100px 0; color:#ffc60b; text-align:center; scroll-margin-top:60px;}
#applications h2 {color:#ffc60b; padding:0 25% 20px 25%; text-align:center;}
.appsSlider {padding:20px 0 0 0;}
.appsSlider div p {padding:10px; text-align:center;}
.appsSlider img {width:80px; height:80px; margin:0 auto 6px auto; }

#cleanlabel {background:#ffc60b; overflow:initial; padding:100px 0; scroll-margin-top:60px;}

#industry {background:#eaebe2; overflow:initial; scroll-margin-top:60px;}
#industry h2 {padding:0 0 20px 0;}
#industry ul {display:flex; flex-flow:row wrap;}
#industry ul li {width:50%; float:left;}
#industry ul li.text {padding:100px 0 120px 0; float:right;}
#industry ul li.image {padding:60px 0 60px 0; float:right; text-align:center;}
#industry ul li.image img {height:auto; width:60%;}
#industry ul li ul {list-style-type:disc; list-style-position:inside;}

#team {background:#ffc60b; padding:100px 0; text-align:center; scroll-margin-top:60px;}
#team .text {padding:0 20%;}
#team h2 {text-align:center; padding:0 0 20px 0;}

#goldeneggs {font-family:'Courage Road',sans-serif; background:#201b51; padding:100px 0 120px 0; color:#ffc60b; font-size:28px; line-height:44px; scroll-margin-top:60px;}
#goldeneggs h2 {color:#ffc60b; padding:0 0 20px 0;}
#goldeneggs .text {padding:0 20%;}

#market {background:#ffc60b; overflow:auto; position:relative; scroll-margin-top:60px;}
#market .text {position:relative; width:calc(50% - 100px); padding:100px 0 100px 0; float:left;}
#market .image {position:absolute; top:0; right:0; width:50%; height:calc(100% - 0px);}

#news {background:#e9ebe2 url(../images/pixel-yellow.gif) top left repeat-x; background-size:100% 320px; padding:60px 0; text-align: center;}
.newsSlider .slick-list {margin:20px 40px 0 40px;}
.newsSlider .slick-prev {background:url(../images/arrow-right2.webp) no-repeat;}
.newsSlider .slick-prev:hover {background:url(../images/arrow-right2.webp) no-repeat;}
.newsSlider .slick-next {background:url(../images/arrow-left2.webp) no-repeat;}
.newsSlider .slick-next:hover {background:url(../images/arrow-left2.webp) no-repeat;}
.newsSlide {position:relative; width:calc(33.3% - 30px); padding:0 0 ; margin:20px; cursor:pointer;  background:#ffffff;
  box-shadow: 6px 10px 10px #00000029; border-radius:15px; transition:all 0.2s ease 0s; font-size:16px; line-height:22px;
}
.newsSlide h3 {margin:0 0 0 0; text-align:left; font-size:16px; line-height:24px;}
.newsSlide h3 a {color:#0f023a; text-decoration:none; text-transform:none; text-align:left; font-size:16px; line-height:24px; font-weight:500;}
.newsSlide .newsImage {position:relative; padding-top:60%; transition:all 0.4s ease 0s; border-top-right-radius:15px; border-top-left-radius:15px;}
.newsSlide:hover .newsImage {opacity:0.9;}
.newsSlide .newsText {position:relative; padding:30px 24px 70px 24px;  text-align:left;}
.newsSlide .date {color:#808080; margin:10px 0 16px 0; font-size:16px; font-weight:600;}
.newsSlide .more {position:absolute; bottom:30px; right:20px; padding:0 0 0 0; transition:all 0.2s ease 0s;}
.newsSlide .more a {font-weight:600; color:#18a0db; text-decoration:none;} 
.newsSlide .more a i {font-size:16px; transform:translateY(1px); transition:all 0.2s ease 0s;}
.newsSlide .more:hover a i {padding:0 0 0 6px ;}

.homeDefaultSection {background:#eaebe2; padding: 80px 0; overflow:initial; scroll-margin-top:60px;}
.homeDefaultSection .text { float:left; width:auto; padding:100px 0 100px 0;}
.homeDefaultSection .image {float:right; width:auto; padding:50px 0 50px 0;}
.homeDefaultSection .image img {max-width:100%; height:auto; text-align:center;}

footer {padding:80px 0 70px 0; font-size:15px; line-height:25px;}
footer a {color:#201b51; text-decoration:none;}
footer a:hover {color:#efb700; text-decoration:none;}
footer p {margin:0 0 12px 0;}

.footerLogo {float:left;}
.footerContact {float:left; margin:0 0 0 100px;}
.footerMenu {float:left; margin:0 0 0 100px;}
.footerMenu ul li {margin:0 0 0 0;}

@media only screen and (max-width :1400px) and (min-width :1100px)
{
  h2 {font-size:30px; line-height:44px;}
	.mainDiv {width:1090px;}
 .halfDiv {width:540px;}
 .homeMain {background-size: 100% 410px;}
 .homeMain h1 {font-size:26px; line-height:42px;}
 .homeMain ul li.image img {width: calc(100% - 120px);}
 .homeBenefits ul li {width:150px; height:150px; font-size:15px; line-height:20px;}
 .homeBenefits ul li div {font-size:26px; padding:48px 0 8px 0;} 
 #technology ul li.image img {width: calc(100% - 120px);}
 #industry ul li.image img {width: calc(100% - 120px);}
}

@media only screen and (max-width :1099px) and (min-width :900px)
{
  h2 {font-size:28px; line-height:44px;}
	.mainDiv {width:860px;}
 .halfDiv {width:430px;}
 .menu-main ul li {margin:0 0 0 0; padding: 12px 14px 6px 14px;}
 .menu-main.active ul li {padding: 12px 14px 6px 14px;}
 .homeMain {background-size: 100% 395px;}
 .homeMain h1 {font-size:20px; line-height:36px;}
 .homeMain ul li.image img {width: calc(100% - 60px);}
 .homeBenefits ul li {width:120px; height:120px; font-size:12px; line-height:18px;}
 .homeBenefits ul li div {font-size:22px; padding:36px 0 6px 0;} 
 #about {padding:80px 0 20px 0;}
 #technology ul li.image img {width: calc(100% - 60px);}
 #industry ul li.image img {width: calc(100% - 60px);}
}

@media only screen and (max-width :899px) and (min-width :0px)
{
 body {margin:80px 0 0 0; font-size:16px; line-height:25px;}
 h1 {font-size:20px; line-height:32px; padding:20px 0 10px 0;}
 .h1looklike {font-size:26px; line-height:32px; padding:40px 0 10px 0;} 
 h2 {font-size:14px; line-height:28px;}
 h3 {font-size:14px; line-height:28px;}
 button {padding:20px 16px 20px 16px; margin:0 10px 10px 0; font-size:16px; line-height:16px;}

 .mainDiv {width:auto;}
 .halfDiv {width:auto;}
 .headerDiv {padding:0 0 0 0; width:100%;}
 .headerDiv.active {padding:0 0 0 0;}

 .logoDiv {margin:16px 0 8px 16px;}
 .logoDiv.active {margin:16px 0 8px 16px;}
 .logoDiv img {width:70px}
 .logoDiv.active img {width:70px}
 
 .mobileMenuButton {display:block; float:right; margin:16px 16px 0 0; transition:all 0.4s ease 0s;}
 .mobileMenuButton a {color:#ffffff; font-size:20px;}
 .menu-main {display:none;}

 .mobileMenu {display:none; position:fixed; z-index:99999; top:0; left:0; background:rgba(32,27,81,0.97); width:100%;}
 .mobileMenu ul {list-style:none; list-style-image:none; padding:0; margin:0 16px 10px 16px; width:calc(100% - 40px);}
 .mobileMenu ul li {padding:8px 0; margin:0 0 8px 0; clear:both; float:none; width:100%;}
 .mobileMenu ul li a {color:#ffffff; font-size:18px; font-weight:700;}
 .mobileMenu ul li ul {display:none;}
 .mobileMenu ul li:first-of-type {border-top:0px;}
 .mobileMenu ul li ul li {padding:6px 0; margin:0 0 0 0;}
 .mobileMenu ul li ul li a {color:#ffffff; font-size:16px; font-weight:500;}
 .mobileMenu ul li ul li:first-of-type {margin-top:10px;}

 .mobileMenu ul li a {text-decoration:none; width:100%; cursor:pointer; display:block; text-decoration:none;}
 .closeMenu {float:right; margin:16px 18px 10px 16px; color:#ffffff; font-size:20px;}

 .innerImage {padding:10px 16px 20px 16px;}
 .pageContent {padding:30px 16px; min-height:auto;}
 .textualPage {padding-right:16px;}
 .halfLeft {float:none; clear:both; width:auto;}
 .halfRight {float:none; clear:both; width:auto;}

 .homePurpleFiller {height:100px;}
 .homeMain {background-size:100% 240px; position:relative;}
 .homeMain ul {display:block;}
 .homeMain ul li {float:none; width:auto;}
 .homeMain ul li.image {position:absolute; top:0; right:0; width:150px; padding:0 0 0 0;}
 .homeMain ul li.image img {width:80%;}
 .homeMain ul li.text {padding:20px 16px 30px 16px;}
 .homeMain h1 {padding:0 40% 0 0; font-size:12px; line-height:24px;}
 .homeBenefits {padding:80px 0 0 0;}
 .homeBenefits ul li {width:90px; height:90px; max-width:calc(33.3% - 10px); font-size:9px; line-height:12px; float:left; margin:0 10px 0 0;}
 .homeBenefits ul li div {font-size:16px; padding:28px 0 6px 0;} 

 #about {padding:20px 0 20px 0;}

 #technology {background-size: 100% 0; position:relative;}
 #technology ul li {float:none; width:auto;}
 #technology ul li.image {position:absolute; top:24px; left:16px; width:100px; padding:0 0 0 0;}
 #technology ul li.image img {width:100%;}
 #technology ul li.text {padding:30px 16px 30px 16px;}
 #technology ul li.text img {height:auto; width:85%;}
 #technology ul li h2 {padding:0 0 0 120px; margin:0 0 20px 0; min-height:100px;}

 #industry {background-size: 100% 0; position:relative;}
 #industry ul li {float:none; width:auto;}
 #industry ul li.image {position:absolute; top:24px; left:16px; width:100px; padding:0 0 0 0;}
 #industry ul li.image img {width:100%;}
 #industry ul li.text {padding:30px 16px 30px 16px;}
 #industry ul li h2 {padding:0 0 0 120px; margin:0 0 20px 0; min-height:100px;}

 #market {overflow:initial; position:relative;}
 #market .text {float:none; clear:both; width:auto; padding:30px 16px 30px 16px;}
 #market .image {position:relative; float:none; clear:both; width:auto; height:200px;}

 #team {padding:30px 0;}
 #team .text {padding: 0 32px;}
 #team h2 {padding: 0 0 10px 0;}

 #goldeneggs {padding:10px 0 30px 0; font-size:20px; line-height:28px;}
 #goldeneggs .text {padding: 0 32px;}

 #applications {padding:30px 16px 20px 16px;}
 #applications h2 {padding:0 0 0 0; margin-bottom:0;}
 .appsSlider {font-size:14px; line-height:18px;}
 .appsSlider div p {padding:0 10px;}
 .appsSlider img {width:50px; height:50px; }

 #news {padding:30px 16px;}
 .newsSlider .slick-list {margin:20px 20px 0 20px;}
 .newsSlider .slick-prev,.slick-next {width:12px; height:20px}
 .newsSlider .slick-prev {background-size:100% auto}
 .newsSlider.slick-prev:hover {background-size:100% auto}
 .newsSlider .slick-next {background-size:100% auto}
 .newsSlider .slick-next:hover {background-size:100% auto}
 .newsSlide {margin:10px;}
 .newsSlide .newsText {padding:20px 16px 70px 16px;}

 .homeDefaultSection {padding:40px 16px; overflow:initial;}

 footer {padding:30px 16px 30px 16px;}
 .footerLogo {float:none; clear:both; padding:0 0 0 0;}
 .footerLogo img {width:70px}
 .footerContact {float:none; clear:both; margin:16px 0 0 0;}
 .footerMenu {float:none; clear:both; margin:20px 0 0 0;}




}