body{
	font-family: 'proximanovalight';
}
.background-video{
	background: linear-gradient(90deg,#023f6fa3,#023f6fb0,#023f6f6b,#023f6f00);
}
.logo-text{
	margin-top: 15px;
    margin-left: 5px;
    color: #fff;
    font-size: 35px;
	float: left;
	font-weight: 600;
}
.page-intro-title{
	margin:0px;
}
@media (max-width: 769px) {
	.page-header-logo img{
		max-height:60px;
	}
	.logo-text{
		font-size: 25px;
	}
	.background-video{
		background: linear-gradient(90deg,#023f6fcf,#023f6fcf,#023f6fba,#023f6f4d);
	}
}
@media (max-width: 320px) {
	.logo-text{
		font-size: 22px;
	}
}
.section-about .section-title {
    font-size: 34px;
}
.about-desc{
	text-align: center;
}
.slick-slide img {
    border: 1px solid #dad8d8;
    border-radius: 6px;
}
.page-footer-logo .text{
	color: #000;
    font-weight: 600;
    margin-top: 18px;
    margin-left: 5px;
    float: left;
    font-size: 23px;
}
.page-footer-logo img{
	float: left;
}
#contact-form .button {
	outline: none;
}
.error-message{
	color: red;
    margin-top: 10px;
}
.success-message{
	color: #72d283;
    font-weight: 600;
    margin-top: 10px;
}
.section {
    padding-top: 40px;
    padding-bottom: 40px;
}
.statistics-1{
	margin-top:50px;
}
.comingSoonModal .content{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    text-align: center;
    padding: 20px;
    max-width: 550px;
    margin: 0 auto;
	margin-top: 30px;
	z-index: 9999;
    border-radius: 3px;
}
.comingSoonModal h2{
	margin-bottom: 10px;
	font-weight: 600;
}
.comingSoonModal .close{
    float: right;
    color: #949494;
    font-size: 20px;
    font-weight: 600;
}
.comingSoonModal .backdrop{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 1040;
}
.section-jobs{
	margin-top: 50px;
}
.contact-intro{
	max-height: 550px;
    min-height: 580px;
}
.products-intro{
	background-position: 75%;
}
.resumator-job-title{
	font-weight: 600;
}
.page-footer-links>li{
	font-weight: 600;
}
#color-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg,#023f6fa3,#023f6fb0,#023f6f6b,#023f6f00);
}
.contact-intro .container {
    z-index: 99;
}
.section-jobs .center-ver{
	z-index: 9999;
}
#resumator-job-application .required{
	color: red;
    font-weight: 600;
}
#resumator-jobboard-screen strong{
	color: #000;
}
#resumator-jobboard-screen ul{
    list-style-type: disc;
    margin: 0 0 8px 50px;
    text-align: left;
}
.product-video{
	width:94%;
	margin:auto;
}
.product-video:focus{
	outline:none;
}
.market{
	width:25%!important;
}

/* Device Frame CSS */
.macbook {
 padding: 0% 2%;
  margin: 0 auto;
  max-width: 800px;
}
.screen {
  background: #000;
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  margin: 0 auto;
  /* for aspect ratio */
  position: relative;
  width: 80%;
}
.screen:before {
  border: 2px solid #cacacc;
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  content: "";
  display: block;
  /* for aspect ratio ~67:100 */
  padding-top: 61%;
}
.screen:after {
  content: "";
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  position: absolute;
  bottom: 0.75%;
  left: 0.5%;
  padding-top: 1%;
  width: 99%;
}
.viewport {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 4.3% 3.2%;
  background: #333;
}
.base {
  /* for aspect ratio */
  position: relative;
  width: 100%;
}
.base:before {
  content: "";
  display: block;
  /* for aspect ratio ~33:1000*/
  padding-top: 3.3%;
  /* stylin */
  background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
  border-radius: 0 0 10% 10%/ 0 0 50% 50%;
}
.base::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  height: 53%;
  position: absolute;
  top: 0;
  width: 100%;
}
.notch {
  background: #ddd;
  border-radius: 0 0 7% 7% / 0 0 95% 95%;
  box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.5%;
  z-index: 2;
  /* for aspect ratio */
  position: relative;
  width: 14%;
}
.notch:before {
  content: "";
  display: block;
  /* for aspect ratio ~1:10 */
  padding-top: 10%;
}

 

/* Screenshot Hover Scroll Additions
-------------------------------------------------------------- */

 

.macbook .viewport {
  transition: background-position 3s ease;
  background-position: 0 0;
  background-size: 100% auto;
  overflow: hidden;
  cursor: pointer;
}
.macbook:hover .viewport {
  background-position: 0 100%;
}
.macbook .viewport:after {
  background: radial-gradient(circle at right bottom, transparent 75%, rgba(255, 255, 255, 0.05) 75%, transparent);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}