/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.flight_home_hero{
	background-color: #8bc9ea;
}

.workstation_are_you_a_knowledge_worker{
	background-color: #eff5fa;
	padding: 50px 10px 50px 10px;
}

.workstation_are_you_a_knowledge_worker_mobile{
	background-color: #eff5fa;
	padding: 20px 0px 20px 0px;
}

.workstation_are_you_a_knowledge_worker_booking_mobile{
	background-color: #eff5fa;
/*	padding: 20px 0px 20px 0px; */
}

.workstation_are_you_a_knowledge_worker_mobile_narrow{
	background-color: #eff5fa;
	padding: 30px 0px 30px 0px;
}

.workstation_are_you_a_knowledge_worker_mobile_narrow2{
	background-color: #eff5fa;
	padding: 30px 10px 30px 10px;
}

.workstation_15_years_of_technology {
	background-color: rgba(51, 113, 164, 0.87);
}

.workstation_top_5_of_entrepreneurs {
	background-color: rgba(223, 223, 223, 0.17);
}

.workstation_cut_your_workday_in_half {
/*	background-color: #dfd5f8; dbd1f3 */
/*	background-color: rgba(230, 221, 252, 0.6); /* original violet */
	background-color: rgba(230, 221, 252, 0.5);
/*	padding: 50px 0px 50px 10px; */
	
}

.workstation_what_you_get {
	background-color:  rgba(255, 102, 0, 0.08);
/*	padding: 50px 50px 50px 10px; */
	
}

.workstation_what_you_get_15_years {
	background-color:  rgba(255, 102, 0, 0.08);
/*	padding: 50px 50px 50px 10px; */
	
}

.workstation_what_you_get_15_years .uk-grid > .uk-first-column > div > div > div:nth-of-type(1) .uk-card-default {
    /*border: 2px solid #33b249;*/
	border: 2px solid #4b91d2;
   /* background: red;*/
	
}

.workstation_what_you_get_15_years_mobile {
	background-color:  rgba(255, 102, 0, 0.08);
/*	padding: 50px 50px 50px 10px; */
	
}

.workstation_what_you_get_15_years_mobile .uk-grid > .uk-first-column > div > div > div:nth-of-type(1) .uk-card-default {
    /* border: 2px solid #33b249; */
 	border: 2px solid #4b91d2;
	
}

.workstation_join_our_community {
	background-color:  rgba(255, 102, 0, 0.08);
	padding: 30px 15px 30px 15px; 
	
}
/*
.workstation_how_it_works_grid {
	background-color:  rgba(255, 102, 0, 0.08);
	padding: 50px 50px 50px 10px;
	
}
*/
.workstation_how_it_works_1 {
	background-color:  rgba(211, 250, 226, 0.2); /* green */
/*	background-color:  rgba(255, 102, 0, 0.08);*/  /* orange */
/*	background-color: rgba(230, 221, 252, 0.4);*/ /* violet */
/*	background-color:  #d3fae2; */
/*	padding: 50px 10px 50px 10px; */
	
}

.workstation_how_it_works_2_3 {
/*	background-color:  rgba(211, 250, 226, 0.5);*/
/*	background-color:  rgba(255, 102, 0, 0.04);*/ /* orange */
/*	background-color: rgba(230, 221, 252, 0.2);*/ /* violet */
	padding: 50px 50px 116px 50px;
}

.ceo_sig a {
	color: #444649;
	text-decoration: none;
}

.ceo_sig a:hover {
	color: black;
	text-decoration: none;
}

.uk-decoration-title::before {
        width: 1.5em;
        height: 1.5em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23343434%22%20width%3D%2219%22%20height%3D%221.5%22%20x%3D%220%22%20y%3D%229%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23343434%22%20width%3D%221.5%22%20height%3D%2219%22%20x%3D%229%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.subtitle {
	background-color: rgba(0,0,0,.21);
	padding: .7em 1.3em;
	border-radius: 50em;
	display: inline-block;
}

.client_slider .el-item [class*="uk-overlay"] {
    border-radius: 6px;
}

.client_slider .el-image {
    border-radius: 6px;
}

/* Scroll Arrow Sections */

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
/* smooth scroll behavior on site */
/*html {
  scroll-behavior: smooth;
}*/

section {
  position: relative;
  width: 100%;
  height: 100%;
}
section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
 /* background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%); */
}
section h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font : normal 300 64px/1 'Josefin Sans', sans-serif;
  text-align: center;
  white-space: nowrap;
}


#section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


/* Animated MULTI ARROW Scroll Icon */

body {
  background:#fff;
}

.arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}

.arrows path {
  stroke: #fff;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}

/* Wistia Controls */

.wistiabox 
{
   width: 100%;
   max-width:854px; /* or whatever width you want. */
   display: block;
   margin: 0 auto; /* center alignment */
}


/* Slideshow rounded corners - not working */
.uk-slideshow .caption, .uk-slideshow .caption a {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.uk-slideshow, .uk-slideshow .slides {
    border-radius:10px;
}

/* BUTTONS */


/*
.top_button .uk-button-custom {
	    -webkit-appearance: none;
	    margin: 0;
	    border: none;
	    overflow: visible;
	    font: inherit;
	    font-family: inherit;
	    font-weight: inherit;
	    font-size: inherit;
	    line-height: inherit;
	    color: #000;
	    display: inline-block;
	    box-sizing: border-box;
	    background: #f20000;
	    background-image: none;
	    background-origin: padding-box;
	    vertical-align: middle;
	    line-height: 44px;
	    min-height: 44px;
	    text-decoration: none;
	    text-align: center;
	    padding: 0 33px;
	    border-radius: 6px;
	    background-image: -webkit-linear-gradient(top, #222222, #222222);
	    background-image: linear-gradient(to bottom, #f3f3f3, #d2cece);
	    background-origin: border-box;
	    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0), 1px 1px 1px rgba(0, 0, 0, 0);
	    font-family: 'Roboto', Helvetica, Arial, sans-serif;
	    font-size: 14px;
	    font-weight: 300;
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	    text-transform: none;
	    letter-spacing: 1px;
	    -webkit-transition: all 0.1s ease-in-out;
	    transition: all 0.2s ease-in-out;
	    box-shadow: 3px 5px 5px 0px #e9e9e9;
	}*/
/*
.book_the_experience .uk-button-primary {
		max-width: 680px;
		line-height: 32px;
		padding: 19px 120px;
		border-radius: 6px;
		font-size: 20px;
		font-weight: 300;
		background-color: #177dcf !important;
		box-shadow: 3px 6px 5px 0px #333370;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
		transition: 0.2s;
}

.book_the_experience .uk-button:hover, 
		        .uk-button:focus {
		  background-color: #177dcf;
		  color: #ffffff;
}

*/


/*
ul {
  line-height: 1.5;
}

.waiting {
  list-style-image: url(/images/Workstation/icons/loading_smaller.png);
}

.dislike {
  list-style-image: url(/images/Workstation/icons/dislike_web.png);
}

.dislike2 {
  list-style-image: url(/images/Workstation/icons/dislike_web_export.png); 
}
*/