body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url('http://salesact.com/img/checkbox.png');
	content:url('http://salesact.com/img/checkbox-checked.png');
	content:url('http://salesact.com/img/arrow-career-off.png');
	content:url('http://salesact.com/img/arrow-career-on.png');
	content:url('http://salesact.com/img/Gradient.png');
}
body, .section-two {position:relative; z-index:10;}
.section-one {height:initial; padding-top: 60px;}
.icos ul li div div.right-grad {background-position-x: -40px;}
.icos ul li div div.left-grad {background-position-x: -40px;}
.prim-bttn-single div a {width: 171px;}
.box-people a:hover {text-decoration:none;}
#section-two h1 {margin-bottom:25px;}
#section-two form ul {display: inline;}
#section-two div {margin-bottom:120px; text-align: center;}
#section-two div h2 {font-size:15px; color:#79829e; display:inline;}
#section-two div form {display:inline;}
#section-two input[type="checkbox"] {margin-left:20px; margin-right:5px; position: relative; bottom: -2px; cursor:pointer; display:none;}
#section-two form span {height: 16px; width: 16px; background: url('http://salesact.com/img/checkbox.png'); display: inline-block; position:absolute; transition:0.2s all}
#section-two label {font-weight:100; color:#8a91aa; cursor:pointer; margin-right: 40px;}
#section-two label[for=Warsaw] {margin-left:40px;}
#section-two input + label > span.warsaw {margin-left: -70px; margin-top: 2px;}
#section-two input:checked + label > span.warsaw {margin-left: -82px; margin-top: -8px;}
#section-two input + label > span.sanfrancisco{margin-left: -107px; margin-top: 2px;}
#section-two input:checked + label > span.sanfrancisco {margin-left: -120px; margin-top: -8px;}
#section-two input + label > span.washington {margin-left: -95px; margin-top: 2px;}
#section-two input:checked + label > span.washington {margin-left: -108px; margin-top: -8px;}
#section-two input:checked + label {color:#32416b; font-weight:normal; margin-right: 37px;}
#section-two input:checked + label > span {background: url('http://salesact.com/img/checkbox-checked.png'); height: 36px; width: 36px;}
.box-people > a > p {transition: top 0.4s; font-family: "Montserrat"; font-weight: bold; font-size: 80px; color: #eef0f4; z-index: 100; left: 7px; position: absolute;}
[data-job-index] a p.details {top:40px; opacity:0; z-index:0000}
[data-job-index] a:hover p.details {top: -75px; left: 10px; opacity:1; /*--TEMP--*/display:none;}
[data-job-index] a:hover h2, .box-people[data-job-index] > a:hover h3,.box-people[data-job-index] > a:hover h4 {color:#fff;}
[data-job-index] a > p.details:hover + div.job {box-shadow: 0px 0px 30px #b3b9ce;}
[data-job-index] .job {background: #fff; transition: 0.5s background; }
[data-job-index] a:hover .job {background:#15d2cc;}
[data-job-index] a p.apply {margin-left:25px;position: absolute;top: 180px;}
[data-job-index] a .apply {color:transparent; background: url('http://salesact.com/img/arrow-career-off.png') #15d2cc; height:40px; width:40px; background-repeat:no-repeat; background-position: 7px; border-radius: 30px; transition: all 0.5s;}
[data-job-index] a:hover .apply {background-image: url('http://salesact.com/img/arrow-career-on.png'); background-color:#fff; box-shadow: 0px 0px 0px 15px rgba(255,255,255, 0.3);}
.box-people.meet-team .job {background: #e9ebf0; border-top:1px solid #15d2cc; margin-top: 0px;}
.box-people.meet-team .job:hover {background:#15d2cc;}
.box-people.meet-team .job p {transition: all 0.3s; padding: 12px 25px; color: #434f76; font-weight: bold; display: inline-block; border: 1px solid #434f76; position: absolute; left: 20px; bottom: 15px; border-radius: 3px;}
.box-people.meet-team .job:hover p {background:#fff; border:1px solid #15d2cc; color:#15d2cc;}
.box-people.meet-team .job:hover h2 {color:#fff;}
.box-people.meet-team .job h2{top: 4px;}
.box-people {height: 252px; margin:0px;}
.box-people div {height: 250px; width: 250px; }
.box-people div:hover {height: 250px; width: 250px; z-index: 9999;}
.box-people div h2 {top: 25px; text-align: left; padding-left: 25px;}
.box-people div h3 {text-align: left; padding-left: 25px; padding-top:20px; font-weight:bold; color:#bdc2cf; font-size:18px; margin-bottom:0;}
.box-people div h4 {text-align: left; font-size:15px; padding-left: 25px; color:#bdc2cf; margin-top: 1px;}
#no-positions {min-height:210px; display: -webkit-inline-box;}
#no-positions .drop {transition: all 0.4s; font-family: "Montserrat"; font-weight: bold; font-size: 90px; color: #eef0f4; position: absolute; width: 95%; text-align: center; bottom: 100px;}
#no-positions > div {background:#fff; display: block; margin: auto; float: none; padding: initial; margin-top: -35px; min-height: 288px; }
#no-positions h2 {padding-top: 25px; font-weight: bold;}
#no-positions h3 {text-align:center; color:#7e849a; font-weight: 100; margin-top: 5px;}
#no-positions:hover .drop {transition: all 0.4s; bottom: 210px;}
#no-positions > div p {text-align: center; color: #8e96ad; font-size:15px; font-weight: 100; padding-bottom: 50px;}
#no-positions #my_file {display: none;}
#no-positions #get_file {background: #ffffff; border: 1px solid #878fa7; padding: 15px 30px; border-radius: 3px; margin: 10px auto; cursor: pointer; font-weight:bold; color:#5c6787; display: inline;}
#no-positions #cv_success {padding-bottom: 65px;}
#no-positions #cv_success span {animation-name: checked; animation-duration: 1s; box-shadow: 0px 0px 0px 15px #aee5e6; background: url(http://salesact.com/img/check-career.png) #15d2cc; margin: 0 auto; display: block; height: 40px; width: 40px; background-repeat: no-repeat; background-position: 12px; border-radius: 30px; transition: all 0.5s;}
#no-positions > div > div {margin: 50px auto 0 auto; float: none;}
.section-three {background:#263560; padding-top:75px; }
.section-three h1 {color:#ffffff; padding-bottom:75px;}
.section-three .benefits div.col-lg-4 img {height: 82px; width: 82px;}
.section-three .benefits h4, .section-three .benefits-mobile h4 {color:#fff; text-align: left; font-weight:100;}
.section-three .benefits h4.strong, .section-three .benefits-mobile h4.strong {font-weight:bold;}
.menu-modal {box-shadow: 0px 0px 10px #cbcbda;}
#drop-files-bg {height:100%; width:100%; position:fixed; background:rgba(255,255,255, 0.9); top:0; left:0; z-index:9999;}
#drop-files-bg h1, #drop-files-bg p {text-align:center; color:#fff;}
#drop-files-bg > div {top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: table;}
#drop-files-bg > div > div {display: table-cell;  vertical-align: middle;}
#drop-files-bg > div > div > div {background:#15d2cc; height: 80%;display: table;}
#drop-files-bg > div > div > div > div {display: table-cell;  vertical-align: middle; margin: 0 auto; float: none;}
#job-details {height:100%; width:100%; position:fixed; top:0; left:0; background: #f6f7f9; z-index: 9999;}
#job-details p.close-job {animation-name: comm; animation-duration: 0.5s; display:inline; position: absolute; background: #ffffff; padding: 4px 11px; box-shadow: 0px 0px 10px #cbcbda; border-radius: 30px; font-family: "Open sans"; font-weight: 100; font-size: 17px; cursor:pointer; margin-right: -30px; right: -45px; top: 30px;}
#job-details p.close-job:hover{color:#fff; background:#15d2cc; transition:.3s all; box-shadow: 0px 0px 0px 15px rgba(255,255,255, 0.3);}
#job-details > div {top: 0; left: 0; width: 100%; position: absolute;}
#job-details > div > div > div > div {margin: 0 auto; float: none; z-index: 9990;}
#job-details > div > div > div > div > div > div {position: absolute; box-shadow: 0px 0px 15px #cbcbda; margin: 30px 0px; padding-top:15px; background:#fff;}
#job-details .right-details {padding: 10px 20px;}
#job-details .right-details h2 {text-align:left; margin-top: 0;}
#job-details .right-details h3 {text-align: left; font-weight: bold; color: #9196a9; font-size: 18px; margin: 10px 0;}
#job-details .right-details h4 {text-align: left; font-size: 15px; color: #bdc2cf; margin-top: 1px;}
#job-details .right-details a:hover {text-decoration:none;}
#job-details .right-details a p {width: 100%; background: #15d2cc; color: #fff; text-align: center; padding: 15px 0; float:right; border-radius:3px; font-weight:bold; float:right;}
#job-details .right-details > div {margin:0; padding:0;}
#job-details .right-details > div:last-child {float: right;}
#job-details .left-details {margin-top: 30px; margin-bottom: 30px; padding-left: 20px; background: #fff;}
#job-details .left-details .headline {color:#263461; font-weight:bold;}
#job-details .resize-2 {max-height:550px;}
#job-details .resize, #job-details .resize-2 {overflow: scroll;}
.col-xs-12.apply {background: #f6f7f9;}
.button-sec { position: relative; display:inline-block; bottom: 60px; margin: 0 auto; background: url('http://salesact.com/img/Gradient.png');  width: 100%; height:100px; background-position: 0 150px; margin-top: -140px; padding-top: 30px;}
.button-sec span {color:#fff; border: 1px solid #fff; margin: 0 auto; display: block; cursor: pointer; width:150px;}
.icos {margin:25px 0;}
.icos ul li {width: 25%;}
.more-benefits {margin-bottom: 50px; display: block;}
.contact-me {margin-bottom: 20px; margin-top: 20px; box-shadow: 0px 0px 10px #cbcbda; position: fixed; right: 80px; background: #fff;  bottom: 20%; width:350px; height:144px; z-index:999; border-radius:3px;}
.contact-me .close-contact {animation-name: comm; animation-duration: 0.5s; display: inline; position: absolute;  background: #ffffff; padding: 4px 11px; box-shadow: 0px 0px 10px #cbcbda;  border-radius: 30px; font-family: "Open sans"; font-weight: 100; font-size: 17px; cursor: pointer; right: -45px; top: 10px;}
.contact-me .close-contact:hover {color: #fff; background: #15d2cc; transition: .3s all;  box-shadow: 0px 0px 0px 15px rgba(255,255,255, 0.3);}
.contact-me img {position:relative; left: -15px; top: 10px;}
.contact-me .col-lg-10 {padding-right:0;}
.contact-me h3{COLOR:#15d2cc;font-weight:bold; margin-top: 15px;text-align:center;}
.contact-me .col-lg-10 h3 {color:#263560;  margin-top: 10px;text-align:left;}
.contact-me h4 {text-align:left; color: #a8aebf; display: inline;}
.contact-me a {text-decoration:underline; color: #a8aebf;}
.contact-me .mail {margin-top: 2px; margin-bottom: -5px; margin-right:8px; background: url('/img/contact-me-mail.png') no-repeat; height:19px; width: 19px; display:inline-block;}
.contact-me .tel {margin-top: 10px; margin-bottom: -5px; margin-right:8px; background: url('/img/contact-me-tel.png') no-repeat; height:19px; width: 19px; display:inline-block;}
.slide-container {width: 100%;}
@keyframes checked {
    0%   {background-size:0; opacity:0;}
	75%  {opacity:1;}
	80%  {box-shadow: 0px 0px 0px 0px #aee5e6; background-size:0; }
    100% {box-shadow: 0px 0px 0px 15px #aee5e6; background-size:17px; }
}
#present-positions-desktop div.col-lg-11 {float: none; margin: 0 auto; top: -35px; }
/*---PROCES---*/
@media (min-width:1200px) {.col-lg-3 {width: 25%;}}
@media (max-width:1200px) {
.button-sec {padding-top: 70px; height: 125px;}
.box-people div {width: 275px; background-position-x: -15px;}
.section-two .slide-container div .box-people {width: 275px; margin-right: 18px;}
.section-two .slide-container div .box-people.mt{margin-right:0;}
.section-two .box-people div {width: 290px;}
.section-two .box-people div:hover {width: 290px;}
.section-two .box-people {margin-bottom: 0px;}
}
@media (max-width: 768px) {
.button-sec {bottom: 20px;}
.icos ul li div div { margin-top: -6px;}
.icos ul li div div.right-grad {background-position-x: 0px; background-size: 1px; background-image: url('http://salesact.com/img/Line-pattern(vertical).svg'); padding: 0; background-repeat: repeat-y;}
}
@media (min-width: 993px) {.swipe {visibility:hidden;}}
@media (max-width: 992px) {
#job-details .right-details h3 { margin-bottom: 10px;  margin-top: 10px;}
#job-details > div > div > div > div > div {display: inline-block;}
#job-details .right-details {margin-top: 0px; margin-left: -20px; margin-right: -20px;}
#job-details .right-details a p {}
#job-details .left-details {margin-top: 10px; margin-bottom: initial; padding-left: 0px;}
#section-two div {margin-bottom:initial;}
#section-two label[for=Warsaw] {margin-left: 60px;}
#section-two div form {display:block; margin-top:25px;}
#section-two input[type="checkbox"]:first-child {margin-left:0px;}

.section-two .box-people {margin-bottom: 30px;}
.swipe {visibility:visible;}
}
@media (max-width: 992px) and (min-width:768px) {#job-details > div > div > div > div > div > div {margin: 10px 0px;}}
@media (max-width: 991px) and (min-width: 768px) {.no-js .owl-carousel, .owl-carousel.owl-loaded {margin-top: 150px;} #no-positions {margin-top: 40px;}}
@media (min-width: 1200px) {
.section-three .benefits > div.col-lg-4, .section-three .benefits > span > div.col-lg-4, .section-three .benefits-mobile > div.col-lg-4, .section-three .benefits-mobile > span > div.col-lg-4 {display: inline-block; float: none; width: 33%; margin: 20px 0;}
.section-three .benefits > div.col-lg-4 img, .section-three .benefits > span> div.col-lg-4 img, .section-three .benefits-mobile > div.col-lg-4 img, .section-three .benefits-mobile > span> div.col-lg-4 img {margin-top: 10px;}
}
@media (min-width: 768px){
	.icos ul li div div.right-grad, .icos ul li div div.left-grad {background: none; margin-bottom: 0;}
	.icos ul li div div.left-grad:after {
    content: " ";
    background-image: url(http://salesact.com/img/Line-right.svg);
    height: 1px;
    width: 275px;
    background-size: 340px;
    background-position-x: 79px;
    position: absolute;
    display: block;
    bottom: 0px;
}
	.icos ul li div div.right-grad:after {
    content: " ";
    background-image: url(http://salesact.com/img/Line-right.svg);
    height: 1px;
    width: 275px;
    background-size: 340px;
    background-position-x: 265px;
    position: absolute;
    display: block;
    bottom: 0px;
}}
@media (max-height: 650px) {#job-details > div {margin:0;}}
@media (max-width: 992px) {#job-details p.close-job {top: 45px;}}
@media (max-width: 1199px) and (min-width: 992px) {.icos ul li div div.left-grad:after {left: -50px; }}
@media (max-width: 991px) and (min-width: 768px) {.icos ul li div div.left-grad:after {left: -58px;}.icos ul li div div.left-grad:after,.icos ul li div div.right-grad:after {width: 225px;}}
@media (max-width:767px) and (max-height:550px) {#job-details > div > div > div > div > div > div {max-height: 250px;}}
@media only screen and (min-width: 768px) and (max-width: 1200px) {.benefits {display:none !important;}}
@media only screen and (min-width: 1199px) {.benefits-mobile {display:none !important;}}
@media only screen and (max-width: 769px) {.benefits-mobile {display:none !important;}#job-details > div > div > div > div > div > div {max-height:initial; }}
@media (min-width: 768px) {
.col-sm-6 {width: 49%;} 
.section-three .benefits > div.col-lg-4, 
.section-three .benefits > span > div.col-lg-4,
.section-three .benefits-mobile > div.col-lg-4,
.section-three .benefits-mobile > span > div.col-lg-4 {display: inline-block; float: none; margin: 20px 0;} 
.section-three .benefits > div.col-lg-4 img,
.section-three .benefits > span> div.col-lg-4 img {margin-top: 10px;}}
@media (max-width: 768px) {
#no-positions > div {margin-top:0px;}
#present-positions-mobile {margin-top: 30px;}
.contact-me {display:none !important; visibility:none;}
.icos ul li div div:nth-child(2n):after {top: -27px;}
.icos ul li h4:first-child {margin-top: 45px;}
.col-xs-12.apply {padding: 0;}
#job-details {background: #f6f7f9;}
#job-details > div {margin:0;}
#job-details .resize {padding: 0 20px;  margin-bottom: 20px;}
#job-details p.close-job {top: 30px; right: 50px; animation-name: comm2; animation-duration: 0.5s;}
#job-details > div > div > div > div {padding:0;}
#job-details > div > div > div > div > div {margin:initial;}
#job-details > div > div > div > div > div > div {box-shadow: initial; padding: 0; width: initial; margin:initial;}
#job-details > div > div > div {height: 66%; display: block; padding: 0;}
#job-details .right-details {margin: 0; width: 100%;}
#job-details .right-details > div {padding: 0 15px 10px 15px;}
#job-details .right-details a p {margin-left:initial; margin-right:initial;}
#section-two form ul {display:block;}
#section-two form ul li {margin-bottom: 30px;} 
#section-two form ul li:last-child {margin-bottom: 0px;}
.section-three h1 {padding-bottom: 35px;}
.section-three .benefits > div.col-lg-4 img, .section-three .benefits > span> div.col-lg-4 img, .section-three .benefits-mobile > div.col-lg-4 img, .section-three .benefits-mobile > span> div.col-lg-4 img {float: none; margin: auto; display: block; margin-top: 10px; height: 60px;}
#no-positions { min-height: 275px;}
#no-positions .drop {display:none!important;}
#no-positions h3,#no-positions h2 {margin:5px 20px;}
.fixed-bar-modal {width:100%;}
.section-three {padding-top: 50px; padding-bottom: 50px;}
}

@media (max-width:767px) {.section-one ul li, .icos ul li  {width: 100% !important;}.icos ul li:nth-child(2n) div div h4:last-child {margin-top: 45px;}}
/*-------LOADER--------*/
#loader {margin-top:-17px!important;}
.blobs {
	-webkit-filter: url("#goo");
	filter: url("#goo");
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}
.blob {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #15d2cc;
}
.blob:nth-child(1) {
	animation: blob-left-anim cubic-bezier(0.770, 0.000, 0.175, 1.000) 2s infinite;
}
.blob:nth-child(2) {
	animation: blob-right-anim cubic-bezier(0.770, 0.000, 0.175, 1.000) 2s infinite;
}

@keyframes blob-left-anim {
  0% {transform:scale(1.0) translate(0, 0);}
  33% {transform:scale(0.5) translate(80px, 0);}
  66% {transform:scale(0.8) translate(0, 0);}
  100% {transform:scale(1.0) translate(0, 0);}
}

@keyframes blob-right-anim {
  0% {transform:scale(1.0) translate(0, 0);}
  33% {transform:scale(0.5) translate(-80px, 0);}
  66% {transform:scale(0.8) translate(0, 0);}
  100% {transform:scale(1.0) translate(0, 0);}
}