/*Computer Vision*/
.computer-vision{ background: #12131a; }

/*Hero Section*/
.computer-vision .hero{ width: 100%; height: 1000px; background: #000 url("../png/artboard.png"); background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; overflow: hidden; display: block; }
.computer-vision .hero:before{ content: ""; width: 1920px; height: 1000px; display: block; background: url("../svg/back-triangle.svg"); background-size: 1920px 1000px; background-repeat: no-repeat; position: absolute; top: 110px; z-index: 2; left: 50%; margin-left: -962px; }
.computer-vision .hero .mask{ width: 1920px; height: 1000px; position: absolute; top: 0; left: 50%; margin-left: -960px; background: #000; mix-blend-mode: darken; overflow: hidden; }
.computer-vision .hero .mask .shape{ width: 100%; height: 1000px; background: url("../svg/triangle-hero.svg") no-repeat; background-size: cover; position: absolute; top: 0; right: 0; -webkit-backface-visibility: hidden; }
.computer-vision .hero .hero-content{ width: 100%; text-align: center; padding-top: 250px; z-index: 20; }
.computer-vision .hero .hero-content .case_study_title{ color: #3eabfe; opacity: 0.7; font-size: 16px; }
.computer-vision .hero .hero-content .project_title{ color: #fff; font-size: 58px;font-weight: 400; padding-top: 15px; letter-spacing: -1px; }
.computer-vision .hero .hero-content .description{ color: #fff; font-size: 40px; font-weight: 200; padding-top: 15px; }
.computer-vision .hero .phone{ width: 300px; height: 650px; left: 50%; margin-left: -134px; bottom: -270px; position: absolute; z-index: 0; background: url("../png/phone-hero-2.png"); background-size: 300px 550px; background-repeat: no-repeat; }

/*Computer Vision Technology*/
.computer-vision .computer-vision-technology .content{ color: #a7abc9; line-height: 30px; }
.computer-vision .computer-vision-technology .content .right-content .line{ border: solid 1px #7453c1e1; }

/*Brands Section*/
.computer-vision .brands{ width: 100%; }
.computer-vision .brands .content{ width: 1160px; margin: 175px auto 0; position: relative; }
.computer-vision .brands .content figure{ width: 871px; margin: auto; }
.computer-vision .brands .content figure img{ width:100%; height: 100%; }

/*Computer Vision Technology*/
.computer-vision .computer-vision-technology{ width: 100%; background-color: #12131a; padding-top: 100px; }
.computer-vision .computer-vision-technology .content{ width: 1160px; margin: auto; }
.computer-vision .computer-vision-technology .content:after{ clear: both; content: ""; display: block; }
.computer-vision .computer-vision-technology .content .left-content{ width: 50%; float: left; }
.computer-vision .computer-vision-technology .content .left-content .description{ font-size: 16px; color: #a7abc9; }
.computer-vision .computer-vision-technology .content .left-content .description span{ font-weight: bold; }
.computer-vision .computer-vision-technology .content .right-content{ width: 50%; float: right; padding-top: 73px; padding-left: 12px; }
.computer-vision .computer-vision-technology .content .right-content .description{ font-size: 16px; color: #a7abc9; }
.computer-vision .computer-vision-technology .content .right-content .description span{ font-style: italic; font-weight: 600; }
.computer-vision .computer-vision-technology .content .right-content .line{ width: 50px; height: 1px; border: solid 2px #7453c1; float: left; margin-top: 20px }

/*Prepaid2Cash Section*/
.computer-vision .prepaid2cash{ width: 100%; }
.computer-vision .prepaid2cash .header-content{ width: 1160px; position: relative; left: 2px; margin: 10px auto 0; padding-top: 160px; }
.computer-vision .prepaid2cash .header-content .logo-content{ width: 174px; margin:0 auto 75px; }
.computer-vision .prepaid2cash .header-content .logo-content img{ width: 100%; height: 100%; }
.computer-vision .prepaid2cash .header-content .left-box{ width: 50%; height: 273px; float: left; left: -3px; }
.computer-vision .prepaid2cash .header-content .left-box ul{ display: inline-block; position: relative; left: 116px; top: 22px; }
.computer-vision .prepaid2cash .header-content .left-box ul:after{ content: ""; clear: both; display: block; }
.computer-vision .prepaid2cash .header-content .left-box ul li{ font-weight: normal; font-size: 14px; border: solid 1px transparent; margin-right: 5.5px; padding: 2px 9px; float: left; color: #3eabfe; background: rgba(116, 83, 193, 0.3); border-radius: 6px; }
.computer-vision .prepaid2cash .header-content .left-box ul .element-1{ background: transparent; border: solid 1px rgba(116, 83, 193, 0.3); }
.computer-vision .prepaid2cash .header-content .left-box ul .element-2{ padding: 2px 14px; background: transparent; border: solid 1px rgba(116, 83, 193, 0.3); }
.computer-vision .prepaid2cash .header-content .left-box p{ max-width: 400px; font-weight: 300; font-size: 40px; color: #fff; position: relative; top: 30px; left: 121px; }
.computer-vision .prepaid2cash .header-content .left-box p span{ font-style: italic; font-weight: 600; }
.computer-vision .prepaid2cash .header-content .right-box{ width: 50%; float: right; left: -3px; }
.computer-vision .prepaid2cash .header-content .right-box figure{ width: 415px; height: 273px; position: relative; left: 41px; margin: 0; }
.computer-vision .prepaid2cash .header-content .right-box figure img{ width: 100%; height: 100%; }
.computer-vision .prepaid2cash .header-content:after{ clear: both; content:""; display: block; }

.computer-vision .prepaid2cash .center-content{ width: 100%; padding: 50px 0 0 0; }
.computer-vision .prepaid2cash .center-content .content{ width: 1160px; margin: auto; }
.computer-vision .prepaid2cash .center-content .content:after{ clear: both; display: block; content: ""; }
.computer-vision .prepaid2cash .center-content .content .left-box{ width: 33.333%; float: left; }
.computer-vision .prepaid2cash .center-content .content .left-box .icon h3{ opacity: 0.3; font-size: 47px; font-weight: bold; color: #7453c1; }
.computer-vision .prepaid2cash .center-content .content .left-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -32px; left: 17px; }
.computer-vision .prepaid2cash .center-content .content .left-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -39px; left: 3px; }
.computer-vision .prepaid2cash .center-content .content .left-box p{ font-size: 16px; color: #6e7186; line-height: 25px; position: relative; top: -25px; }

.computer-vision .prepaid2cash .center-content .content .center-box{ max-width: 33.333%; float: left; padding: 0 30px 0 20px; }
.computer-vision .prepaid2cash .center-content .content .center-box .icon h3{ opacity: 0.3; font-size: 47px; font-weight: bold; color: #7453c1; }
.computer-vision .prepaid2cash .center-content .content .center-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -32px; left: 17px; }
.computer-vision .prepaid2cash .center-content .content .center-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -39px; left: 3px; }
.computer-vision .prepaid2cash .center-content .content .center-box p{ font-size: 16px; color: #6e7186; line-height: 25px; position: relative; top: -25px; }

.computer-vision .prepaid2cash .center-content .content .right-box{ width: 33.333%; float: left; }
.computer-vision .prepaid2cash .center-content .content .right-box .icon h3{ opacity: 0.3; font-size: 47px; font-weight: bold; color: #7453c1; }
.computer-vision .prepaid2cash .center-content .content .right-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -32px; left: 17px; }
.computer-vision .prepaid2cash .center-content .content .right-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -39px; left: 3px; }
.computer-vision .prepaid2cash .center-content .content .right-box p{font-size: 16px; color: #6e7186; line-height: 25px; position: relative; top: -25px; }
.computer-vision .prepaid2cash .center-content .content .right-box span{ font-weight: 600; font-style: italic; font-weight: bold; color: #a7abc9; }

.computer-vision .prepaid2cash .footer-content{ width: 1160px; margin: auto; padding: 27px 0 0 0; }
.computer-vision .prepaid2cash .footer-content .main-content{ width: 100%; margin: auto; max-width: 800px; }
.computer-vision .prepaid2cash .footer-content .main-content .buttons{ display: flex; flex-direction: row; justify-content: center; padding-top: 50px; }
.computer-vision .prepaid2cash .footer-content .main-content .buttons .apple{ margin-right: -43px; width: 144px; position: relative; top: 15px; right: 40px; }
.computer-vision .prepaid2cash .footer-content .main-content p{ text-align: center; font-size: 18px; color: #a7abc9; line-height: 1.4; }

.computer-vision .prepaid2cash .footer-content .main-content .button-apple{ width: 167px; height: 50px; background-color: black; position: relative; border-radius: 5px; box-shadow: 0 10px 30px 0 rgba(0, 102, 255, 0.2); margin: 0 10px; transition: all 0.5s; }
.computer-vision .prepaid2cash .footer-content .main-content .button-apple:hover{ box-shadow: 0 10px 40px 0 rgba(0, 102, 255, 0.5) }
.computer-vision .prepaid2cash .footer-content .main-content .button-apple figure{ width: 141px; position: relative; top: 1px; left: 12px; }
.computer-vision .prepaid2cash .footer-content .main-content .button-apple figure img{ width: 100%; height: 100%; }

.computer-vision .prepaid2cash .footer-content .main-content .button-google{ width: 167px; height: 50px; background-color: black; position: relative; border-radius: 5px; box-shadow: 0 10px 30px 0 rgba(130, 0, 252, 0.2); margin: 0 10px; transition: all 0.5s; }
.computer-vision .prepaid2cash .footer-content .main-content .button-google:hover{ box-shadow: 0 10px 40px 0 rgba(130, 0, 252, 0.5); }
.computer-vision .prepaid2cash .footer-content .main-content .button-google figure{ width: 150px; position: relative; top: -1px; height: 35px; left: 10px; }
.computer-vision .prepaid2cash .footer-content .main-content .button-google figure img{ width: 100%; }

/*Celbrea*/
.computer-vision .celbrea{ width: 1160px; margin: 0 auto; padding-top: 150px; padding-bottom: 100px; }
.computer-vision .celbrea:before{ content: ""; width: 450px; height: 571px; display: block; position: absolute; right: 50%; bottom: 50%; margin-right: -790px; margin-bottom: -765px; background: url("../svg/polygons2.svg"); background-size: 450px 571px; }
.computer-vision .celbrea .header-content{ width: 100%; }
.computer-vision .celbrea .header-content .logo-content{ width: 137px; height: 32px; margin:0 auto 78px; position: relative; left: 2px; }
.computer-vision .celbrea .header-content .logo-content img{ width: 100%; height: 100%; }
.computer-vision .celbrea .header-content .left-box{ width: 50%; float: left; }
.computer-vision .celbrea .header-content .left-box ul{ display: inline-block; position: relative; left: 123px; top: 22px; }
.computer-vision .celbrea .header-content .left-box ul:after{ content: ""; clear: both; display: block; }
.computer-vision .celbrea .header-content .left-box ul li{ font-weight: normal; font-size: 14px; border: solid 1px transparent; margin-right: 5px; padding: 2px 8px; float: left; color: #3eabfe; background: rgba(116, 83, 193, 0.3); border-radius: 6px; }
.computer-vision .celbrea .header-content .left-box ul .element-1{ padding: 2px 13px; margin-right: 5px; background: transparent; border: solid 1px rgba(116, 83, 193, 0.3); }
.computer-vision .celbrea .header-content .left-box ul .element-2{ padding: 2px 11px; margin-right: 5px; background: transparent; border: solid 1px rgba(116, 83, 193, 0.3); }
.computer-vision .celbrea .header-content .left-box ul .element-3{ margin-right: 5px; padding: 2px 8px; }
.computer-vision .celbrea .header-content .left-box ul .element-4{ margin-right: 5px; padding: 2px 9px; }
.computer-vision .celbrea .header-content .left-box p{ max-width: 365px; font-weight: 300; font-size: 40px; color: #fff; position: relative; top: 30px; left: 121px; }
.computer-vision .celbrea .header-content .left-box p span{ font-style: italic; font-weight: 600; }
.computer-vision .celbrea .header-content .right-box{ width: 50%; float: right; }
.computer-vision .celbrea .header-content .right-box figure{ width: 300px; height: 300px; position: relative; left: 168px; top: -28px; margin: 0; }
.computer-vision .celbrea .header-content .right-box figure img{ width: 100%; height: 100%; }
.computer-vision .celbrea .header-content:after{ clear: both; content:""; display: block; }

.computer-vision .celbrea .center-content{ width: 1160px; margin:auto; padding-top: 66px; }
.computer-vision .celbrea .center-content .content{ width: 100%; }
.computer-vision .celbrea .center-content .content:after{ clear: both; display: block; content: ""; }
.computer-vision .celbrea .center-content .content .left-box{ width: 370px; float: left; }
.computer-vision .celbrea .center-content .content .left-box .icon{ height: 67px; }
.computer-vision .celbrea .center-content .content .left-box .icon h3{ opacity: 0.3; font-size: 47px; font-weight: bold; color: #7453c1; }
.computer-vision .celbrea .center-content .content .left-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -36px; left: 17px; }
.computer-vision .celbrea .center-content .content .left-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -45px; left: 3px; }
.computer-vision .celbrea .center-content .content .left-box p{ font-size: 16px; color: #6e7186; padding-top: 5px; line-height: 25px; }

.computer-vision .celbrea .center-content .content .center-box{ width: 430px; float: left; padding: 0 20px; padding-right: 50px; }
.computer-vision .celbrea .center-content .content .center-box .icon{ height: 67px; }
.computer-vision .celbrea .center-content .content .center-box .icon h3{ opacity: 0.3; font-size: 47px; font-weight: bold; color: #7453c1; }
.computer-vision .celbrea .center-content .content .center-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -36px; left: 17px; }
.computer-vision .celbrea .center-content .content .center-box p span a{ font-weight: 600; color: #7453c1; text-decoration: underline; }
.computer-vision .celbrea .center-content .content .center-box p span a:hover{ text-decoration: none; }
.computer-vision .celbrea .center-content .content .center-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -45px; left: 3px; }
.computer-vision .celbrea .center-content .content .center-box p{ font-size: 16px; color: #6e7186; padding-top: 5px; line-height: 25px; }

.computer-vision .celbrea .center-content .content .right-box{ width: 350px; float: left; }
.computer-vision .celbrea .center-content .content .right-box .icon{ height: 67px; }
.computer-vision .celbrea .center-content .content .right-box .icon h3{ opacity: 0.3; font-size: 47px; font-weight: bold; color: #7453c1; }
.computer-vision .celbrea .center-content .content .right-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -36px; left: 17px; }
.computer-vision .celbrea .center-content .content .right-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -45px; left: 3px; }
.computer-vision .celbrea .center-content .content .right-box p{font-size: 16px; color: #6e7186; padding-top: 5px; line-height: 25px; }
.computer-vision .celbrea .center-content .content .right-box span{ font-weight: 600; font-style: italic; font-weight: bold; color: #a7abc9; }

.computer-vision .celbrea .footer-content{ width: 1160px; margin: auto; padding-top: 65px; margin-bottom: 60px; }
.computer-vision .celbrea .footer-content .main-content{ width: 70%; margin: auto; }
.computer-vision .celbrea .footer-content .main-content p{ font-size: 18px; color: #a7abc9; text-align: center; line-height: 1.4; }
.computer-vision .celbrea .footer-content .main-content .google{ width: 230px; }
.computer-vision .celbrea .footer-content .main-content{ display: flex; flex-direction: column; }

.computer-vision .celbrea .footer-content .main-content .buttons{ display: flex; flex-direction: row; justify-content: center; padding-top: 40px; }
.computer-vision .celbrea .footer-content .main-content .buttons .button-pulse{ width: 185px; height: 50px; background-color: black; position: relative; border-radius: 5px; box-shadow: 0 10px 30px 0 rgba(19, 71, 188, 0.4); margin: 0 10px; transition: all 0.5s; }
.computer-vision .celbrea .footer-content .main-content .buttons .button-pulse:hover{ box-shadow: 0 10px 30px 0 rgba(0, 102, 255, 0.5); }
.computer-vision .celbrea .footer-content .main-content .buttons .button-pulse figure{ float: left; width: 24px; position: relative; left: 19px; top: 14px; }
.computer-vision .celbrea .footer-content .main-content .buttons .button-pulse p{ float: left; color: white; padding-left: 31px; padding-top: 13px; font-size: 17px; }

/*Interested Playing*/
.computer-vision .interested_playing .content{ width: 1160px; margin:auto; padding-top: 66px; margin-bottom: 100px; }
.computer-vision .interested_playing .content .box{ width: 684px; margin: auto; height: 109px; border-radius: 10px; background-image: linear-gradient(257deg, #3eabfe45, #7453c157);}
.computer-vision .interested_playing .content .box .text{ position: relative; }
.computer-vision .interested_playing .content .box .text p{ font-size: 16px; color: #fff; margin: auto; text-align: center; margin-bottom: 5px; }
.computer-vision .interested_playing .content .box .text p a{ color: #fff; text-decoration: underline; }
.computer-vision .interested_playing .content .box{ width: 684px; margin: auto; height: auto; border-radius: 10px; background-image: linear-gradient(257deg, #3eabfe45, #7453c157); padding: 20px 0; line-height: 1.4; }
.computer-vision .interested_playing .content .box .text p{ font-size: 18px; color: #ffffff; padding: 8px; max-width: 500px;text-align: center; margin: auto }
.computer-vision .interested_playing .content .box .text p a{ font-size: 18px; color: #ffffff; }
.computer-vision .interested_playing .content .box .text p span{ font-weight: 600; text-decoration: underline; color: #ffffff }
.computer-vision .interested_playing .content .box .text p span:hover,
.computer-vision .interested_playing .content .box .text p a:hover{ text-decoration: none; }

/*Pulse Cam*/
.computer-vision .pulse-cam{ width: 100%; }
.computer-vision .pulse-cam:before{ content: ""; width: 451px; height: 410px; display: block; position: absolute; left: 50%; bottom: 50%; margin-left: -770px; margin-bottom: -645px; background: url("../svg/polygons1.svg"); background-size: 451px 410px; }
.computer-vision .pulse-cam .header-content{ width: 100%; }
.computer-vision .pulse-cam .main-content{ width: 100%; }
.computer-vision .pulse-cam .header-content .logo-content{ width: 190px; margin: auto; padding-top: 155px; }
.computer-vision .pulse-cam .main-content{ width: 1160px; margin: auto; }
.computer-vision .pulse-cam .main-content:after{ clear: both; display: block; content: ""; }

.computer-vision .pulse-cam .main-content .box-left{ float: left; width: 370px; padding-top: 50px }
.computer-vision .pulse-cam .main-content .box-left .first-box ul{ display: inline-block; }
.computer-vision .pulse-cam .main-content .box-left .first-box ul .element-1{ line-height: 22px; color: #3eabfe; width: 66px; height: 22px; font-size: 13px; text-align: center; background: transparent; border: solid 1px rgba(116, 83, 193, 0.3); border-radius: 5px; float: left; margin-left: 5px; }
.computer-vision .pulse-cam .main-content .box-left .first-box ul .element-2{ line-height: 22px; color: #3eabfe; width: 46px; height: 22px; font-size: 13px; text-align: center; background: transparent; border: solid 1px rgba(116, 83, 193, 0.3); border-radius: 5px; float: left; margin-left: 5px; }
.computer-vision .pulse-cam .main-content .box-left .first-box ul .element-3{ line-height: 22px; color: #3eabfe; width: 54px; height: 22px; font-size: 13px; text-align: center; background-color: rgba(116, 83, 193, 0.3); border-radius: 5px; float: left; margin-left: 5px; }
.computer-vision .pulse-cam .main-content .box-left .first-box ul .element-4{ line-height: 22px; color: #3eabfe; width: 46px; height: 22px; font-size: 13px; text-align: center; background-color: rgba(116, 83, 193, 0.3); border-radius: 5px; float: left; margin-left: 5px; }
.computer-vision .pulse-cam .main-content .box-left .first-box p{position: relative; top: 4px; color: white; font-size: 36px; font-weight: 300; color: #ffffff; max-width: 900px }
.computer-vision .pulse-cam .main-content .box-left .first-box figure{ display: none; }

.computer-vision .pulse-cam .main-content .box-left .second-box{ padding-top: 0px; }
.computer-vision .pulse-cam .main-content .box-left .second-box .icon{ position: relative; top: 40px; }
.computer-vision .pulse-cam .main-content .box-left .second-box .icon h3{ font-size: 47px; font-weight: bold; color: #7453c1; opacity: 0.3; }
.computer-vision .pulse-cam .main-content .box-left .second-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -30px; left: 16px; }
.computer-vision .pulse-cam .main-content .box-left .second-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -39px; left: 3px; }
.computer-vision .pulse-cam .main-content .box-left .second-box p{ font-size: 16px; color: #6e7186; line-height: 1.5; position: relative; top: 20px }

.computer-vision .pulse-cam .main-content .box-left .third-box{ padding-top: 60px; }
.computer-vision .pulse-cam .main-content .box-left .third-box .icon{ position: relative; top: 0px; }
.computer-vision .pulse-cam .main-content .box-left .third-box .icon h3{ font-size: 47px; font-weight: bold; color: #7453c1; opacity: 0.3; }
.computer-vision .pulse-cam .main-content .box-left .third-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -30px; left: 16px; }
.computer-vision .pulse-cam .main-content .box-left .third-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -39px; left: 3px; }
.computer-vision .pulse-cam .main-content .box-left .third-box p{ font-size: 16px; color: #6e7186; line-height: 1.5; position: relative; top: -17px }
.computer-vision .pulse-cam .main-content .box-left .third-box p span a{ color: #ac8afb; text-decoration: underline; }
.computer-vision .pulse-cam .main-content .box-left .third-box p span a:hover{ text-decoration: none; }

.computer-vision .pulse-cam .main-content .box-center{ float: left; width: 290px; padding-top: 20px; padding-right: 20px; padding: 0; }
.computer-vision .pulse-cam .main-content .box-center figure{ width: 426px; padding-top: 120px; position: relative; left: 40px; }

.computer-vision .pulse-cam .main-content .box-right{ float: left; width: 500px; padding-top: 160px; padding-left: 160px }
.computer-vision .pulse-cam .main-content .box-right .first-box .icon h3{ font-size: 47px; font-weight: bold; color: #7453c1; opacity: 0.3; }
.computer-vision .pulse-cam .main-content .box-right .first-box .icon p{ font-size: 17px; color: #3eabfe; position: relative; top: -32px; left: 17px; }
.computer-vision .pulse-cam .main-content .box-right .first-box .icon .line{ width: 10px; height: 1px; border: solid 1px #7453c1; position: relative; top: -40px; left: 3px; }
.computer-vision .pulse-cam .main-content .box-right .first-box p{ font-size: 16px; color: #6e7186; line-height: 1.5; position: relative; top: -20px; }

.computer-vision .pulse-cam .main-content .box-right .second-box p{ font-size: 18px; color: #a7abc9; padding-top: 6px; line-height: 1.4; }

.computer-vision .pulse-cam .main-content .box-right .third-box{ padding-top: 9px; }
.computer-vision .pulse-cam .main-content .box-right .third-box .buttons{ display: flex; flex-direction: row; justify-content: center; padding-top: 21px; position: relative; right: 70px; }
.computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse{ width: 170px; height: 50px; background-color: black; position: relative; border-radius: 5px; box-shadow: 0 10px 30px 0 rgba(19, 71, 188, 0.4); margin: 0 10px; transition: all 0.5s; margin-left: -32px; }
.computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse:hover{ box-shadow: 0 10px 30px 0 rgba(0, 102, 255, 0.5); }
.computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse figure{ float: left; width: 24px; position: relative; left: 24px; top: 13px; }
.computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse p{ float: left; color: white; padding-left: 33px; padding-top: 11px; font-size: 17px; }

/*More Cases WWU*/
.computer-vision.cases .content_more_cases h3{ color: #FFF; font-weight: normal; }
.computer-vision.cases .content_wwu{ background: #ac8afb; padding: 90px 30px 100px; }
.computer-vision.cases .content_wwu .button{ color: #ac8afb; padding: 13px 50px; }
.computer-vision.cases .content_more_cases{ background: #12131a; }
.computer-vision.cases .navigation_bar .content_navigation li .btn_start_project{ color: #000; }

.computer-vision .brand-desktop .brand_logo{ width: 150px; display: block; position: absolute; top: 0; left: 0; transition: all 0.1 ease; }
.computer-vision .brand-desktop .brand_logo.pulsecam_logo{ top: 77px; left: 50%; margin-left: -414px; width: 170px; }
.computer-vision .brand-desktop .brand_logo.p2c_logo{ left: 50%; top: 271px; margin-left: -84px; width: 170px; }
.computer-vision .brand-desktop .brand_logo.celbrea_logo{ top: 73px; left: 50%; margin-left: 267px; width: 130px; }

.computer-vision .brand-desktop .brand_logo.pulsecam_logo:hover,
.computer-vision .brand-desktop .brand_logo.p2c_logo:hover,
.computer-vision .brand-desktop .brand_logo.celbrea_logo:hover{ transform: scale(1.05,1.05); }

.computer-vision .brand-mobile .brand_logo{ position: absolute; width: 20%; left: 0; top: 0; }
.computer-vision .brand-mobile .brand_logo.pulsecam_logo{ position: absolute; width: 27%; left: 9.5%; top: 45%; }

.computer-vision .brand-mobile .brand_logo.p2c_logo{ position: absolute; width: 24%; left: 65%; top: 45%; }
.computer-vision .brand-mobile .brand_logo.celbrea_logo{ position: absolute; width: 28%; left: 37%; top: 68%; }

.computer-vision .brands .content .brand-desktop{ display: block; }
.computer-vision .brands .content .brand-mobile{ display: none; }

/*Case Studys*/
.computer-vision .case-study .computer-vision{ background: none; }
.computer-vision .case-study .celbrea{ padding: 0; }


@media (max-width: 1280px) {

  .computer-vision .computer-vision-technology .content .left-content,
  .computer-vision .computer-vision-technology .content .right-content{ width: 90%; margin: 0 auto; float: none; padding: 20px 0; }
  .computer-vision .celbrea .center-content{ min-width: 1024px; }
  .computer-vision .brands .content{ width: 90%; }

  .computer-vision .prepaid2cash .header-content,
  .computer-vision .prepaid2cash .center-content .content{ width: 90%; padding: 0; }

  .computer-vision .celbrea .header-content,
  .computer-vision .celbrea .center-content .content{ width: 90%; margin: 0 auto; padding: 0; }

  .computer-vision .prepaid2cash .footer-content{ width: 90%; }
  .computer-vision .celbrea{ width: 100%; margin: 0 auto; padding-top: 150px; }

  .computer-vision .celbrea .center-content .content .left-box,
  .computer-vision .celbrea .center-content .content .center-box,
  .computer-vision .celbrea .center-content .content .right-box{ width: 33%; }
  .computer-vision .celbrea .center-content{ width: 100%; }

  .computer-vision .pulse-cam .main-content{ width: 90%; }
  .computer-vision .pulse-cam .main-content .box-left,
  .computer-vision .pulse-cam .main-content .box-center,
  .computer-vision .pulse-cam .main-content .box-right{ width: 33.33%; }

  .computer-vision .pulse-cam .main-content .box-left .first-box p{ font-size: 32px; }

  .computer-vision .pulse-cam .main-content .box-center{ padding-right: 0; padding-top: 0; }
  .computer-vision .pulse-cam .main-content .box-center figure{ width: 100%; }

  .computer-vision .pulse-cam .main-content .box-right{ padding-left: 0; padding-top: 115px; }
  .computer-vision .pulse-cam .main-content .box-center figure{ width: 100%; left: 0; }

  .computer-vision .hero{ height: 667px; min-height: 667px; }
  .computer-vision .hero .mask{ width: 1280px; height: 667px; margin-left: -640px; }
  .computer-vision .hero .mask .shape{ width: 1280px; height: 667px; background-image: url("../svg/triangle-hero-tablet.svg"); }

  .computer-vision .hero .hero-content{ padding-top: 100px; }
  .computer-vision .hero .hero-content .project_title{ font-size: 58px; }
  .computer-vision .hero .hero-content .description{ max-width: 700px; margin: 0 auto; font-size: 29px; padding: 15px 20px; }

  .computer-vision .hero .phone{ width: 230px; height: 430px; left: 50%; margin-left: -100px; bottom: -150px; position: absolute; z-index: 0; background: url("../png/phone-hero-2.png"); background-size: 230px 430px; background-repeat: no-repeat; }
  .computer-vision .hero:before{ width: 1280px; height: 667px; background-size: 1280px 667px; margin-left: -640px; top: 73px; }
  .computer-vision .computer-vision-technology{ padding-top: 40px; }

}

@media (max-width: 1100px) {

  .computer-vision .computer-vision-technology .content{ width: 100%; }
  .computer-vision .computer-vision-technology .content .left-content{ width: 80%; margin: auto; float: none; }
  .computer-vision .computer-vision-technology .content .right-content{ width: 80%; margin: auto; float: none; padding-left: 0; }

  .computer-vision .prepaid2cash .center-content .content .left-box,
  .computer-vision .prepaid2cash .center-content .content .center-box,
  .computer-vision .prepaid2cash .center-content .content .right-box{ width: 100%; }
  .computer-vision .prepaid2cash .center-content .content .center-box{ max-width: 100%; padding: 0; }
  .computer-vision .prepaid2cash .header-content .left-box{ width: 100%; text-align: center; }
  .computer-vision .prepaid2cash .header-content .left-box p{ max-width: 100%; left: 0; max-width: 660px; margin: 0 auto; margin-top: 60px; top: 0; }
  .computer-vision .prepaid2cash .header-content .left-box ul{ width: auto; left: 0; }
  .computer-vision .prepaid2cash .header-content .logo-content{ margin-bottom: 0; }
  .computer-vision .prepaid2cash .header-content .right-box{ width: 100%; text-align: center; }
  .computer-vision .prepaid2cash .header-content .right-box figure{ left: 0; text-align: center; margin: 0 auto; }

  .computer-vision .pulse-cam:before{ display: none; }
  .computer-vision .pulse-cam .main-content{ width: 90%; margin: 0 auto; }
  .computer-vision .pulse-cam .main-content .box-left{ width: 100%; padding: 40px 0 0; }
  .computer-vision .pulse-cam .main-content .box-left .first-box{ text-align: center; }
  .computer-vision .pulse-cam .main-content .box-left .first-box p{ max-width: 550px; margin: 0 auto; padding-top: 50px; }
  .computer-vision .pulse-cam .main-content .box-left .first-box figure{ display: inline-block; width: 50%; padding-top: 20px; }
  .computer-vision .pulse-cam .main-content .box-center{ display: none; }
  .computer-vision .pulse-cam .main-content .box-right{ padding: 30px 0 0; width: 100%; }
  .computer-vision .pulse-cam .main-content .box-right .third-box .buttons{ left: 0; }
  .computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse{ margin-left: 5px; }

  .computer-vision .celbrea:before{ display: none; }
  .computer-vision .celbrea .header-content .logo-content{ margin: 0 auto 50px; }
  .computer-vision .celbrea .header-content .left-box{ width: 100%; }
  .computer-vision .celbrea .header-content .left-box p{ top: 0; left: 0; text-align: center; max-width: 100%; margin: 0 auto; margin-top: 50px; max-width: 550px; }
  .computer-vision .celbrea .header-content .right-box{ width: 100%; }
  .computer-vision .celbrea .header-content .right-box figure{ top: 0; left: 0; text-align: center; float: none; margin: 50px auto  ; }
  .computer-vision .celbrea .header-content .left-box ul{ left: 0; margin: 0 auto; text-align: center; width: 322px; display: block; }

  .computer-vision .celbrea .center-content .content .left-box,
  .computer-vision .celbrea .center-content .content .center-box,
  .computer-vision .celbrea .center-content .content .right-box{ width: 100%; }
  .computer-vision .celbrea .center-content .content .center-box{ padding: 30px 0; }

  .computer-vision .celbrea .footer-content{ width: 100%; }
  .computer-vision .celbrea .center-content{ min-width: 100%; }
  .computer-vision .celbrea .center-content{ padding-top: 20px; }

  .computer-vision .interested_playing .content{ width: 90%; }
  .computer-vision .interested_playing .content .box{ width: 100%; height: auto; padding: 20px; }
  .computer-vision .interested_playing .content .box .text{ top: 0; }
	
  .computer-vision .pulse-cam .main-content .box-left .first-box figure{ padding-top: 70px; }
  .computer-vision .pulse-cam .main-content .box-left{ padding: 30px 0 0; }
  .computer-vision .celbrea .header-content .logo-content{ margin: 0 auto 40px; }
  .computer-vision .celbrea .header-content .right-box figure{ margin: 50px auto 10px; }

}

@media (max-width: 1100px) {

	.computer-vision .brands .content figure{ width: 100%; }
	.computer-vision .brands .content figure img{ width: 100%; }

	.computer-vision .brand-desktop .brand_logo.pulsecam_logo{ top: 17%; left: 2.5%; margin-left: 39px; width: 17%; }
	.computer-vision .brand-desktop .brand_logo.p2c_logo{ left: 40%; top: 57%; margin-left: 0; width: 20%; }
	.computer-vision .brand-desktop .brand_logo.celbrea_logo{ top: 15%; left: 80%; margin-left: -30px; width: 16%; }

}

@media (max-width: 900px) {

	.computer-vision .prepaid2cash .header-content,
	.computer-vision .celbrea,
	.computer-vision .pulse-cam .header-content{ padding-top: 50px !important; }
	.computer-vision .hero .hero-content .description{ margin: 0 auto; max-width: 500px; }

	.computer-vision .brands .content .brand-desktop{ display: none; }
	.computer-vision .brands .content .brand-mobile{ display: block; }

}

@media (max-width: 500px) {

  /**Hero**/
  .computer-vision .hero .hero-content{ padding-top: 130px; }
  .computer-vision .hero .hero-content .case_study_title{ font-size: 19px; }
  .computer-vision .hero .hero-content .project_title{ font-size: 37px; padding-top: 25px; }
  .computer-vision .hero .hero-content .description{ font-size: 27px; font-weight: lighter; padding: 15px 35px 0; }

  /**Computer Vision Technology**/
  .computer-vision .computer-vision-technology{ width: 100% }
  .computer-vision .computer-vision-technology .content{ margin: auto; width: 80%; max-width: 100%; }
  .computer-vision .computer-vision-technology .content{ color: #a7abc9; line-height: 25px; }
  .computer-vision .computer-vision-technology .content .left-content{ width: 100%; padding: 0; }
  .computer-vision .computer-vision-technology .content .left-content p{ font-size: 14.5px!important; }
  .computer-vision .computer-vision-technology .content .right-content{ width: 100%; padding: 0; margin-top: 30px; }
  .computer-vision .computer-vision-technology .content .right-content p{ font-size: 14.7px!important; }
  .computer-vision .computer-vision-technology .content .right-content .line{ width: 45px; border: solid 1px #7453c1e1; }

  /**Brands**/
  .computer-vision .brands{ margin: 0; width: 100%; }
  .computer-vision .brands .content{ width: 90%; max-width: 100%; margin: 80px auto; }

  /**Prepaid2Cash**/
  .computer-vision .prepaid2cash{ width: 100%; }
  .computer-vision .prepaid2cash .header-content{ margin: auto; max-width: 100%; width: 90%; padding: 0; }
  .computer-vision .prepaid2cash .header-content .logo-content{ width: 130px; margin: 0 auto; }
  .computer-vision .prepaid2cash .header-content .left-box{ float: none; width: 100%; height: 200px; }
  .computer-vision .prepaid2cash .header-content .left-box ul{ text-align: center; display: block; left: 0; }
  .computer-vision .prepaid2cash .header-content .left-box ul li{ float: none; display: inline-block; width: auto; margin: 0; font-size: 11px; padding: 3px 7px; }
  .computer-vision .prepaid2cash .header-content .left-box p{ left: 0; max-width: 90%; font-size: 24px; margin: auto; text-align: center; padding-top: 50px; }
  .computer-vision .prepaid2cash .header-content .right-box{ float: none; width: 100%; }
  .computer-vision .prepaid2cash .header-content .right-box figure{ left: 0; width: 80%; height: 100%; margin: auto; }

  .computer-vision .prepaid2cash .center-content{ max-width: 100%; width: 90%; margin: auto; }
  .computer-vision .prepaid2cash .center-content .content{ width: 100%; padding: 0; }
  .computer-vision .prepaid2cash .center-content .content .left-box{ width: 100%; }
  .computer-vision .prepaid2cash .center-content .content .left-box .icon{ height: 50px; }
  .computer-vision .prepaid2cash .center-content .content .left-box .icon h3{ font-size: 40px; }
  .computer-vision .prepaid2cash .center-content .content .left-box .icon p{ font-size: 15px; top: -25px; left: 17px; }
  .computer-vision .prepaid2cash .center-content .content .left-box .icon .line{ top: -32px; left: 0; }
  .computer-vision .prepaid2cash .center-content .content .left-box p{ top: 0; line-height: 20px; font-size: 15px; }
  .computer-vision .prepaid2cash .center-content .content .center-box{ max-width: 100%; padding: 0; }
  .computer-vision .prepaid2cash .center-content .content .center-box .icon{ height: 50px; margin-top: 20px; }
  .computer-vision .prepaid2cash .center-content .content .center-box .icon h3{ font-size: 40px; }
  .computer-vision .prepaid2cash .center-content .content .center-box .icon p{ font-size: 15px; top: -26px; left: 13px; }
  .computer-vision .prepaid2cash .center-content .content .center-box .icon .line{ top: -32px; left: -2px }
  .computer-vision .prepaid2cash .center-content .content .center-box p{ top: 0; line-height: 20px; font-size: 15px; }
  .computer-vision .prepaid2cash .center-content .content .right-box{ width: 100%; }
  .computer-vision .prepaid2cash .center-content .content .right-box .icon{ height: 50px; margin-top: 20px; }
  .computer-vision .prepaid2cash .center-content .content .right-box .icon h3{ font-size: 40px; }
  .computer-vision .prepaid2cash .center-content .content .right-box .icon p{ font-size: 15px; top: -25px; left: 15px; }
  .computer-vision .prepaid2cash .center-content .content .right-box .icon .line{ top: -32px; left: -2px }
  .computer-vision .prepaid2cash .center-content .content .right-box p{ top: 0; line-height: 20px; font-size: 15px; }
  .computer-vision .prepaid2cash .center-content .content .right-box p span{ color: rgba(255, 255, 255, 0.5); }

  .computer-vision .prepaid2cash .footer-content{ max-width: 100%; width: 90%; margin: auto; padding: 20px 0 0 0; }
  .computer-vision .prepaid2cash .footer-content .main-content{ margin: 0; width: 100%; }
  .computer-vision .prepaid2cash .footer-content .main-content p{ width: 100%; padding: 0; text-align: left; font-size: 17px; }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons{ padding-top: 30px; width: 100% }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons .button-apple{ position: relative; left: -8px; margin: 0; width: 150px; height: 40px; }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons .button-apple figure{ margin: auto; height: 100%; width: 90%; top: 0; left: 0; }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons .button-apple figure img{ height: 100%; width: 100%; }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons .button-google{ position: relative; left: 8px; margin: 0; width: 150px; height: 40px; }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons .button-google figure{ margin: auto; height: 100%; width: 90%; top: 0; left: 0; }
  .computer-vision .prepaid2cash .footer-content .main-content .buttons .button-google figure img{ height: 100%; width: 100%; }

  /**PulseCam**/
  .computer-vision .pulse-cam{ width: 100%; }
  .computer-vision .pulse-cam .header-content{ padding-top: 120px; width: 90%; max-width: 100%; margin: auto; }
  .computer-vision .pulse-cam .header-content .logo-content{ padding: 0; width: 150px; height: 30px; }
  .computer-vision .pulse-cam .header-content .logo-content img{ width: 100%; height: 100%; }

  .computer-vision .pulse-cam .main-content{ max-width: 100%; width: 90%; margin: auto; }
  .computer-vision .pulse-cam .main-content .box-left{ width: 100%; padding-top: 30px; }
  .computer-vision .pulse-cam .main-content .box-left .first-box{ width: 100%; padding: 0px; }
  .computer-vision .pulse-cam .main-content .box-left .first-box ul{ width: 100%; text-align: center; }
  .computer-vision .pulse-cam .main-content .box-left .first-box ul::after{ clear: both; display: block; content: ""; }
  .computer-vision .pulse-cam .main-content .box-left .first-box ul li{ line-height: 20px!important; height: 20px!important; margin: 0!important; float: none!important; display: inline-block; width: auto!important; padding: 0 10px; font-size: 11px!important; }
  .computer-vision .pulse-cam .main-content .box-left .first-box p{ font-size: 25px; left: 0; top: 0; text-align: center; color: #ffffffcf; margin: 70px 0 30px; padding: 0; }
  .computer-vision .pulse-cam .main-content .box-left .first-box figure{ display: inline-block; width: 100%; }

  .computer-vision .pulse-cam .main-content .box-left .second-box{ width: 100%; padding: 0px; }
  .computer-vision .pulse-cam .main-content .box-left .second-box p{ font-size: 15px; font-weight: 400; top: 0px; line-height: 1.5; }
  .computer-vision .pulse-cam .main-content .box-left .second-box .icon{ top: 0; height: 60px; }
  .computer-vision .pulse-cam .main-content .box-left .second-box .icon h3{ font-size: 40px; }
  .computer-vision .pulse-cam .main-content .box-left .second-box .icon p{ font-size: 15px; top: -25px; }
  .computer-vision .pulse-cam .main-content .box-left .second-box .icon .line{ top: -32px; border: solid 1px #7453c1; }

  .computer-vision .pulse-cam .main-content .box-left .third-box{ width: 100%; padding: 20px 0 0; }
  .computer-vision .pulse-cam .main-content .box-left .third-box p{ font-size: 15px; font-weight: 400; top: 0px; line-height: 1.5; }
  .computer-vision .pulse-cam .main-content .box-left .third-box .icon{ top: 0; height: 60px; }
  .computer-vision .pulse-cam .main-content .box-left .third-box .icon h3{ font-size: 40px; }
  .computer-vision .pulse-cam .main-content .box-left .third-box .icon p{ font-size: 15px; top: -25px; }
  .computer-vision .pulse-cam .main-content .box-left .third-box .icon .line{ top: -32px; border: solid 1px #7453c1; }

  .computer-vision .pulse-cam .main-content .box-center{ display: none; }

  .computer-vision .pulse-cam .main-content .box-right{ width: 100%; padding: 0px; }
  .computer-vision .pulse-cam .main-content .box-right .first-box{ width: 100%; padding: 15px 0 0; }
  .computer-vision .pulse-cam .main-content .box-right .first-box p{ font-size: 15px; font-weight: 400; top: 0px; line-height: 1.5; }
  .computer-vision .pulse-cam .main-content .box-right .first-box .icon{ top: 0; height: 60px; }
  .computer-vision .pulse-cam .main-content .box-right .first-box .icon h3{ left: 0; font-size: 40px; }
  .computer-vision .pulse-cam .main-content .box-right .first-box .icon p{ left: 15px; font-size: 15px; top: -25px; }
  .computer-vision .pulse-cam .main-content .box-right .first-box .icon .line{ left: 0; top: -32px; border: solid 1px #7453c1; }

  .computer-vision .pulse-cam .main-content .box-right .second-box{ width: 100%; padding: 40px 0 0 0; }
  .computer-vision .pulse-cam .main-content .box-right .second-box p{ top: 0; left: 0; font-size: 17px; padding: 0; }

  .computer-vision .pulse-cam .main-content .box-right .third-box{ width: 100%; padding: 30px 0 0 0; }
  .computer-vision .pulse-cam .main-content .box-right .third-box .buttons{ width: 175px; padding: 0; margin: 0 auto; }
  .computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse{ height: auto; margin: 0; padding: 7px 0; }
  .computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse figure{ width: 30px; top: 2px }
  .computer-vision .pulse-cam .main-content .box-right .third-box .buttons .button-pulse p{ padding-top: 2px; }

  /**Celbrea**/
  .computer-vision .celbrea{ width: 100%; margin-top: 40px; }
  .computer-vision .celbrea .header-content .logo-content{ margin: 0 auto 40px; }
  .computer-vision .celbrea .header-content .left-box{ text-align: center; }
  .computer-vision .celbrea .header-content .left-box ul{ text-align: center; display: block; left: 0; width: auto; }
  .computer-vision .celbrea .header-content .left-box ul li{ float: none; display: inline-block; width: auto; margin: 0!important; font-size: 13px; padding: 3px 8px!important; }
  .computer-vision .celbrea .header-content .left-box p{ font-size: 30px; }
  .computer-vision .celbrea .header-content .right-box figure{ width: 90%; height: auto; }

  .computer-vision .celbrea .center-content .content .left-box p,
  .computer-vision .celbrea .center-content .content .center-box p,
  .computer-vision .celbrea .center-content .content .right-box p{ font-size: 15px; }

  .computer-vision .celbrea .footer-content{ padding-top: 25px; margin-bottom: 20px; }
  .computer-vision .celbrea .footer-content .main-content{ width: 90%; }
  .computer-vision .celbrea .footer-content .main-content p{ text-align: left; font-size: 19px; }

  /**Interested Playing**/
  .computer-vision .interested_playing .content{ width: 100%; margin-bottom: 0; }
  .computer-vision .interested_playing .content .box{ border-radius: 0px; }
  .computer-vision .interested_playing .content .box .text p{ font-weight: 300; line-height: 1.5; }

  /**Footer**/
  .computer-vision.cases .content_wwu h3 { font-size: 27px; }

  .computer-vision .pulse-cam .main-content .box-left .first-box figure { display: inline-block; width: 50%; padding: 0 0 30px; }

  .computer-vision .hero:before{ margin-left: -640px; }
  .computer-vision .hero .phone{ margin-left: -99px; }
	
}