/* CSS Document */
body{
	font-family: 'Poppins', sans-serif !important;
	font-size: 20px !important;
	line-height: 30px !important;
}
h1{font-size: 50px; font-weight: 700;}
h2{font-size: 40px; font-weight: 500;}
h3{font-size: 33px; font-weight: 600;}
h4{font-size: 28px; font-weight: 600;}
h5{font-size: 25px; font-weight: 200;}
h6{font-size: 22px; font-weight: 600;}
.banner-section{
	background: url("../images/banner-bg.svg") no-repeat bottom left;
	background-size: cover;
}
header{
	padding: 20px 0;
}
h2{
	background: url("../images/Line.svg") no-repeat center bottom;
	padding: 0 0 20px 0;
	margin: 0 0 30px;
}
.background-left-align{
	background-position: left bottom !important;
}
.btn-restake{
	background: #09C8E9;
	min-width: 300px;
	padding: 25px 40px;
	color: #ffffff;
	font-size: 25px;
	margin: 20px 0;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.btn-restake:hover{
	background: #00ABC8;
	color: #ffffff;
}
.section-locations {
  background-color: #ffffff; padding: 70px 0; }
  
.card {
  perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  height: 60vh; }
  .card__side {
    height: 60vh;
    transition: all .8s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15); }
    .card__side--front {
      background-color: #fff; }
    .card__side--back {
      transform: rotateY(180deg); }
      .card__side--back-1 {
        background-image: linear-gradient(to right bottom, #ffb900, #ff7730); }
      .card__side--back-2 {
        background-image: linear-gradient(to right bottom, #000428, #004e92); }
      .card__side--back-3 {
        background-image: linear-gradient(to right bottom, #2998ff, #5643fa); }
  .card:hover .card__side--front {
    transform: rotateY(-180deg); }
  .card:hover .card__side--back {
    transform: rotateY(0); }
  .card__picture {
    background-size: cover;
    height: 60vh;
    background-blend-mode: screen;
    /*clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);*/ }
    .card__picture--1 {
      background-image: url("../images/Malta.png")}
    .card__picture--2 {
      background-image: url("../images/Florianopolis.png")}
    .card__picture--3 {
      background-image: url("../images/san-paulo.png")}
  .card__heading {
    font-size: 2rem;
    text-transform: capitalize;
    color: #fff;
    font-weight: 300;
    
	  position: absolute;
	  top: 0;
	  height: 60vh;
	  width: 100%;
	  text-align: center;
	  vertical-align: middle;

	}
  .card__heading-span {
    padding: 28vh 20px;
	  display: block;
	  text-align: center;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone; }
    .card__heading-span--1 {
      background-image: linear-gradient(to right bottom, rgba(255, 185, 0, 0.85), rgba(255, 119, 48, 0.85)); }
    .card__heading-span--2 {
      background-image: linear-gradient(to right bottom, rgba(0, 4, 40, 0.85), rgba(0, 78, 146, 0.85)); }
    .card__heading-span--3 {
      background-image: linear-gradient(to right bottom, rgba(41, 152, 255, 0.85), rgba(86, 67, 250, 0.85)); }
  .card__details {
    padding: 3rem; }
    .card__details ul {
      list-style: none;
      width: 80%;
      margin: 0 auto; }
      .card__details ul li {
        text-align: center;
        font-size: 1.5rem;
        padding: 1rem; }
        .card__details ul li:not(:last-child) {
          border-bottom: 1px solid #eee; }
  .card__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); width: 90%;}
  .card__price-box {
    color: #fff;
    text-align: center;
    margin-bottom: 8rem; }
  .card__price-only {
    font-size: 1.4rem;
    text-transform: uppercase; }
  .card__price-value {
    font-size: 6rem;
    font-weight: 100; }
.remote-first{
	padding: 150px 0;
}
.location-box{
	width: 30%;
	margin: 0 1.5%;
	float: left;
}
 .about{
	background: url("../images/about-section-bg.svg") no-repeat center top;
	background-size: cover;
	 padding: 160px 0 120px;
	 text-align: center;
}
.why-you-need{
	padding: 120px 0;
	 text-align: center;
}

.why-you-need .box{
	background: #fffffff;
	box-shadow: 3px 0 15px rgba(0,0,0,0.2);
	padding: 0;
	display: inline-block;
}

.what-is-in{
	padding: 120px 0;
	 text-align: center;
	background: rgb(229,237,240);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(229,237,240,1) 100%);
}
.jobs-bio{
	padding: 120px 0;
}
.inner-pages-header {
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.rooster-search {
	padding: 0.6rem 1rem;
	flex: 1;
}

.rooster-job {
	padding: 1.4rem 0rem;
}

	.rooster-job:not(:last-child) {
		border-bottom: 1px solid #EEEEEE;
	}

	.rooster-job a {
		color: rgb(10,10,10);
		text-decoration: none;
	}

	.rooster-job h3 {
		padding: 0;
		margin: 0 0 0.4rem 0;
		font-size: 1.2rem;
		font-weight: 600;
		text-decoration: none;
	}

	.rooster-job h4 {
		padding: 0;
		margin: 0;
		display: block;
		font-size: 0.9rem;
		font-weight: 600;
	}

.rooster-department-header {
	font-size: 1.4rem;
	margin: 0px;
	padding: 2rem 0rem 0rem;
	color: rgb(21, 178, 211);
}

	.rooster-department-header h3 {
		margin-bottom: 0px;
		font-weight: 700;
	}

.rooster-job .data-row {
	padding: 0rem 0rem 0.4rem 0rem;
	font-size: 0.924rem;
}

.rooster-job .inline-value {
	padding-right: 0.6rem;
	margin-right: 0.6rem;
	color: rgba(10,10,10,1);
}

	.rooster-job .inline-value:not(:last-child) {
		border-right: 1px solid rgba(10,10,10,0.1);
	}
footer{
	background: #19191C;
	padding: 100px 0 0;
	color: #aaaaaa;
}
.copyright-area{
	background: #000000;
	color: #777777;
}
.copyright-area a{
	color: #09C8E9;
	text-decoration: none;
}

/* ROOSTER */
.rooster-search {
    padding: 0.6rem 1rem;
    flex: 1;
}

.rooster-job {
    padding: 1.4rem 0rem;
}

    .rooster-job:not(:last-child) {
        border-bottom: 1px solid #EEEEEE;
    }

    .rooster-job a {
        color: rgb(10,10,10);
        text-decoration: none;
    }

    .rooster-job h3 {
        padding: 0;
        margin: 0 0 0.4rem 0;
        font-size: 1.2rem;
        font-weight: 600;
        text-decoration: none;
    }

    .rooster-job h4 {
        padding: 0;
        margin: 0;
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
    }

.rooster-department-header {
    font-size: 1.4rem;
    margin: 0px;
    padding: 2rem 0rem 0rem;
    color: rgb(21, 178, 211);
}

    .rooster-department-header h3 {
        margin-bottom: 0px;
        font-weight: 700;
    }

.rooster-job .data-row {
    padding: 0rem 0rem 0.4rem 0rem;
    font-size: 0.924rem;
}

.rooster-job .inline-value {
    padding-right: 0.6rem;
    margin-right: 0.6rem;
    color: rgba(10,10,10,1);
}

    .rooster-job .inline-value:not(:last-child) {
        border-right: 1px solid rgba(10,10,10,0.1);
    }

@media (min-width: 1700px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1620px;
}
}

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	 body{font-size: 18px !important; line-height: 30px !important;}
     h1{font-size: 42px; font-weight: 700;}
	 h2{font-size: 35px; font-weight: 500;}
	 h3{font-size: 30px; font-weight: 600;}
	 h4{font-size: 25px; font-weight: 600;}
	 h5{font-size: 22px; font-weight: 200;}
	 h6{font-size: 20px; font-weight: 600;}
	 .btn-restake{font-size:20px;}
	 .card__heading {font-size: 1.6rem;}
	 .card__cta{width: 80%}
	 .remote-first {
		padding: 100px 0;
	 }
	 .what-is-in{
		padding: 100px 0;
	 }
	 .why-you-need{
		padding: 100px 0;
	 }
	 .jobs-bio{
		padding: 100px 0;
	 }
	 footer{
			background: #19191C;
			padding: 70px 0 0;
	 }
	 .section-locations {
		background-color: #ffffff;
		padding: 40px 0;
	}

}
 @media only screen and (min-device-width: 320px) and (max-device-width: 767px){
	 body{font-size: 16px !important; line-height: 28px !important;}
     h1{font-size: 35px; font-weight: 700;}
	 h2{font-size: 28px; font-weight: 500;}
	 h3{font-size: 25px; font-weight: 600;}
	 h4{font-size: 20px; font-weight: 600;}
	 h5{font-size: 18px; font-weight: 200;}
	 h6{font-size: 16px; font-weight: 600;}
	 .btn-restake{font-size:18px;}
	 .card__heading {font-size: 1.5rem;}
	 .card__cta{width: 90%;}
	 .remote-first {
		padding:60px 0;
	 }
	 .what-is-in{
		padding: 60px 0;
	 }
	 .why-you-need{
		padding: 60px 0;
	 }
	 .jobs-bio{
		padding: 60px 0;
	 }
	 footer{
			background: #19191C;
			padding: 40px 0 0;
	 }
	 .section-locations {
		background-color: #ffffff;
		padding: 20px 0;
	}
	 .mob-hide{
		 display: none;
	 }
	 .banner-content{
		 padding: 20px 0 130px 0 !important;
	 }
	 .why-box-outer{width:50% !important}
	 .location-scroll-outer{width: 100%; overflow-x:auto; overflow-y: hidden; display: inline-block;}
	 .location-scroll{
		 width: 1000px;
		 display: inline-block;
	 }
	 .logo img{width: 200px;}
	 .mob-center{text-align: center;}
	 .background-left-align{    background-position: center bottom !important;}

}