body {font-family: "Open sans", "Montserrat", Arial;}
::-webkit-scrollbar {width: 0px; height: 0px;}
.row {margin-left: auto !important; margin-right: auto !important;}
.container-fluid {padding-left:0px; padding-right:0px;}
h1 {font-family: "Montserrat"; font-weight:bold; font-size:40px; text-align:center; color:#263461; letter-spacing: -1px;}
h2 {font-family: "Montserrat"; font-weight:bold; text-align:center; color:#263461; font-size:1.6em;}
h3 {font-family: "Open sans"; font-weight: 100; font-size: 15px; color:#263461}
h4 {color:  #7f859a; text-align: center; line-height: 21px; font-size:15px; font-weight: 100;}
ul {padding:0;}
ul li {display:inline-block; text-decoration:none;}
a {color: #15d2cc;}
a:hover {color: #15d2cc; text-decoration: underline;}
a:focus {color: #15d2cc; text-decoration: none;}
nav {height:60px;}
nav .row {margin-top: 25px; margin-bottom: 10px;}
nav div ul {float:right;}
nav div ul li{margin:0 15px;}
nav div ul li a {color: #7f859a; padding:10px 0; font-weight: 100;}
nav div ul li a:hover {text-decoration:none;}
.atv {color:#15d2cc; font-weight:bold; border-bottom: 2px solid #15d2cc; padding-bottom: 20px;}
.atv:hover {color:#15d2cc; font-weight:bold; text-decoration:none;}
/*--- PRIMARY BUTTON ---*/
.prim-bttn {width: 460px; margin: auto;}
.prim-bttn div input[type="submit"]{transition: all 0.3s; font-size: 15px; display: inline-block; font-family: "Open sans"; font-weight:bold; background:#15d2cc; color:#fff; border:none; height: 50px; width: 160px; border-radius:3px;  padding: 16px 32px; margin-left: -30px;}
.prim-bttn div input[type="submit"]:hover {color:#fff; text-decoration:none; transition: all 0.3s; box-shadow:0px 0px 20px #206c86;}
.prim-bttn div input[type="submit"]:active {background:#1c2953; box-shadow: 0px 0px 15px #667bb7; border:none;}
.prim-bttn div input[type="submit"]:focus {border:none;}
.prim-bttn-single {width: 100%; margin: initial; margin-top: -20px; margin-bottom: 50px; }
.prim-bttn-single div a {font-size:15px; font-family: "Open sans"; font-weight:bold; background:#15d2cc; color:#fff; border:none; height: 50px; width: 160px; border-radius:3px;  padding: 15px 29px ;margin:0 auto; display:block;}
.prim-bttn-single div a:hover {color:#fff; text-decoration:none; transition: all 0.3s;}
.prim-bttn-single div a:active {background:#1c2953; box-shadow: 0px 0px 15px #667bb7; border:none;}
.prim-bttn-single div a:focus {border:none;}
/*--- PRIMARY END ---*/
/*--- LEAD INPUT ---*/
input[type=text], input[type=email] {transition: 0.4s all; font-size: 15px; background:#3f507f; height:50px; font-family: "Open sans"; border:none; border-radius:3px; margin-right: -15px; padding-left:15px;color:#fff;}
input[type=text]::-webkit-input-placeholder {color: #687397;}
input[type=text]:-moz-placeholder { color: #687397;}
input[type=text]::-moz-placeholder {color: #687397;}
input[type=text]:-ms-input-placeholder {color: #687397;}
input[type=text]:focus, input[type=email]:focus {outline:none; background:#17244e;}
input[type=text]:focus::-webkit-input-placeholder {color: #3f4e7a;}
input[type=text]:focus:-moz-placeholder { color: #3f4e7a;}
input[type=text]:focus::-moz-placeholder {color: #3f4e7a;}
input[type=text]:focus:-ms-input-placeholder {color: #3f4e7a;}
/*--- LEAD END ---*/
.section-one {height:440px; padding-top: 90px;}
.section-one h1 {text-align:center;}
.section-one h3 {text-align:center; color:#7f859a; margin-top: 17px; margin-bottom: 47px; line-height:21px;}
.section-two h1 {margin: 75px 0 75px 0;}
.section-two {background:#f6f7f9; padding-bottom: 70px;}
.icos ul {margin: 0; padding:initial;}
.icos ul li h4:first-child { margin-top: 25px;}
.icos ul li {padding: 0; width:20%; margin: 0px 0 10px -6px;}
.icos ul li span {background: #fff; position: relative; top: 8px; margin: auto; height: 14px; width: 14px; display: block; border-radius: 15px; border:1px solid #BDC2CF; z-index:99;}
.icos ul li div {padding: 0;}
.icos ul li div div:first-child {background-image: url('http://salesact.com/img/Line-pattern.svg'); padding: 0; background-repeat: repeat-x; background-position-y: 108px; background-size:10px;}
.icos ul li div div.left-grad {background-image: url('http://salesact.com/img/Line-left.svg'); background-position-y: 108px; background-position-x: -65px; background-size: 371px;}
.icos ul li div div.right-grad {background-image: url('http://salesact.com/img/Line-right.svg'); background-position-y: 108px; background-position-x: -65px; background-size: 371px; background-repeat: repeat-x;}
.icos ul li img {margin: auto; display:block; width: 75px; height: 75px; margin-bottom: 20px;}
.icos ul li h4.strong {font-family: "Montserrat"; font-weight: bold; font-size: 15px; text-align: center; color:#263560}
.box-people {height:305px; margin: 20px; width: 290px;}
.box-people:hover a {text-decoration:none;}
.box-people>p {transition:all 0.3s; font-family:"Montserrat"; font-weight:bold; font-size:80px; color:#eef0f4; z-index:100; left:50px; position:absolute; }
.box-people p.mouseout {top:40px;}
.box-people p.mouseover {top: -65px;}
.box-people div {z-index:1000; height:305px; transition: all 0.4s; position: relative; margin-top: -20px;}
.box-people div:hover {height:305px; box-shadow: 0px 0px 30px #b3b9ce;}
.box-people div h2 {position: relative; top: 228px;}
.box-people div:hover h2 {color:#15d2cc; text-decoration:none;}
.box-people div span {background: url('/img/in2.jpg'); height:14px; width:16px; display:block; position: absolute; bottom: 20px; left: 135px; transition: all 0.5s;}
.box-people div:hover span {background: url('/img/in2a.jpg');}
.box-people:last-child.jobs div:hover h2 {color:#fff;}
.box-people:last-child.jobs div {box-shadow:none; border-radius: 3px;}
.box-people:last-child.jobs div h2{position: relative; top: 100px;}
.box-people:last-child.jobs a:hover {text-decoration:none;}
.box-people:last-child.jobs a div:hover h5 {color:#15d2cc; background: #fff; box-shadow:0px 0px 0px 15px rgba(255,255,255, 0.3);}
.box-people:last-child.jobs a div h5 {position: relative;	background: #15d2cc; color:#ffffff; text-align: center; font-size: 45px; font-weight: 100; top: 120px; left: 125px; height: 50px; width: 50px; border-radius: 25px; box-shadow:0px 0px 15px #b3b9ce;transition: all 0.5s;}
.work {position:fixed; z-index: 9999; top:0px;}
.work2 {top:-200px; width: 100%; left: 0px; transition:0.2s all;}
.work2-active {top:0px; width: 100%; left: 0px; transition:0.2s all;}
.work-start {position:absolute; top:initial;}
.swipe {display:none; transition:0.2s all;}
.swiped {opacity:0 !important; }
/*--- SECONDARY BUTTON ---*/
.button-sec {height:50px; width:140px; margin: 75px auto;}
.button-sec a, .button-sec span {color:#263560; font-size:15px; font-family: "Open sans"; font-weight:bold; height:50px; width:140px; padding: 15px 25px; border:1px solid #263560; border-radius: 3px; text-align:center;}
.button-sec a:hover, .button-sec span:hover {transition: all 0.3s; background: #727b98; text-decoration: none; color: #fff; border:1px solid #727b98;}
.button-sec a:active, .button-sec span:active {background: #1c2953; text-decoration: none; color: #fff; border:1px solid #1c2953; box-shadow:0px 0px 10px #3b4f74;}
/*--- SECONDARY END ---*/
footer>.container {padding:20px 0 20px 0;}
footer .container-fluid .container {padding:0;}
footer ul li a {color: #7f859a; font-size:14px; font-weight: 100;}
footer ul li a:hover {color: #15d2cc; text-decoration: none;}
footer ul:first-child {display: inline;}
footer ul:first-child li {margin:0 15px;}
footer ul:first-child li:first-child{margin-left:0px;}
footer .social {display: inline; float:right;}
footer .social span {display: inline-block; float: right; color:#7f859a;  font-weight: 100;}
footer .social a img {margin-left: 15px; height: 13px; width: 13px;}
footer ul li a.atv {padding-bottom: 21px;}
footer div.color {background:#f1f2f4; padding:20px 0 10px 0;}
footer div p {display:inline; color:#7f859a; font-weight: 100; font-size: 12px;}
footer > div > div > div:last-child p:last-child{float:right;}
footer ul:first-child li.priv {display: inline;}
footer .priv-mob {display:none;}

/*---COMMUNICATION---*/
.modal-com {position:fixed; bottom:0px; height:60px; width: 100%; background:#fff; z-index: 9999; border-radius:3px;}
.modal-com p {display:inline;  padding-top: 17px;}
.modal-com p:first-child {text-align: center; width: 100%; float: left; }
.modal-com .col-lg-12 {padding-right: 0px; padding-left: 0px;}
.modal-com.cookies {background: #f6f7f9; color: #263560; z-index: 9998;}
.modal-com.cookies img{height: 30px; margin-right: 13px; margin-top: 11px;}
.modal-com.cookies p {text-align:left;}
.modal-com p span.cookies-font {font-weight:bold;}
.modal-com.cookies .agree-cookies {width: initial; display: inline-block; font-family: "Open sans"; font-weight: bold; background: #15d2cc; color: #fff; border: none; border-radius: 3px; float: right;  margin-top: 9px;  padding: 9px 25px; cursor:pointer;}
.modal-com.cookies .agree-cookies:active {width: initial; background: #1c2953; box-shadow: 0px 0px 15px #667bb7; border: none;}


#success, #error {position: fixed; bottom: 20%; right: 80px; z-index:9999; }
#success p, #error p {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: 20px; }
#success > span {padding:28px 18px; box-shadow: 0px 0px 10px #cbcbda; background:#ffffff; display: block;}
#error ul li > span {padding:18px; background:#ffffff; display: block;}
#error ul {padding: 10px 0px !important; box-shadow: 0px 0px 10px #cbcbda; display: block; background: #fff; margin-bottom:0;}
#success .success {color:#36e58c; font-weight:bold;}
#error .error {color:#f54680; font-weight:bold;}
#success p:hover, #error p:hover{color:#fff; background:#15d2cc; transition:.3s all; box-shadow: 0px 0px 0px 15px rgba(255,255,255, 0.3);}
#error ul li {display: block; margin-bottom: 15px;}
#error ul li:last-child {margin-bottom: 0px;}
@keyframes comm {
    0%   {right:-145px}
    100% {right:-45px}
}
.err-bord {border:1px solid #f54680 !important;}
@media (min-width:768px) {
#os-line {background-image: url(http://salesact.com/img/Line-pattern.svg); padding: 0;  background-repeat: repeat-x;  background-position-y: 108px;    background-size: 10px;}
#os-line:after {content:none;}
}
.slide-container {display: block; margin: 0 auto; float: none; width: 90%;}
@media (max-width:1366px) {#menu > #fixed > .container, #cookie-policy .container, footer>.container, footer .container-fluid.color > .container {width: initial; padding-right: 20px; padding-left: 20px;}}
@media (max-width:1200px) {
.box-people p.mouseout {left: 5px;}
.box-people p.mouseover {left: 5px;}
.modal-nav img {margin-right: 0px;}
.box-people div {width: 275px; background-position-x: -15px !important;}
.section-two .slide-container div .box-people {width: 275px; margin-right: 25px;}
.section-two .slide-container div .box-people.mt{margin-right:0;}
.section-two .container {padding-left:0; padding-right:0;}
.section-two .slide-container {width: 100%;}
.section-two .slide-container .col-lg-12 {margin: 0; padding: 0;}
.section-two .slide-container div .box-people>div {width: 275px; background-position: -15px 0px !important;}
.section-two .box-people {margin-bottom: 20px;}
.section-two .box-people:last-child.jobs a div {width: 275px;}
.section-two .box-people div {width: 275px;}
.section-two .box-people div:hover {width: 275px;}
.section-two .box-people>p {left: 45px; font-size:75px;}
.section-two .box-people p.mouseover {top: -65px;}
.modal-com.cookies p {padding-top: 8px; }
}

/*---MOBILE---*/
@media (max-width:992px) {
	.icos ul li div div.left-grad {background-position-y: 108.5px; margin-bottom: 0.5px;}
.icos ul li div div.right-grad {background-position-y: 108.5px; margin-bottom: 0.5px;}
.section-two .box-people {margin-top:0px;}
.section-two .box-people {display: inline-block;width: 305px; margin-right: -20px;}
.section-two .box-people>p {left: 65px;font-size: 60px;}
.section-two .box-people:last-child.jobs a div h5 {left: 110px;}
.section-two .box-people p.mouseover {top: -50px;}
.section-two .box-people:last-child.jobs a div {background-position: 110px 80px!important}
.swipe {margin-top: -10px; display: block; opacity:1; transition: opacity 0.3s;}
.swipe h5 {font-family:"Montserrat"; font-weight:bold; text-align:center; color:#263461; font-size:14px;}
.swipe img {margin: 0 auto; display: block;}
.modal-com.cookies img { margin-left: -15px;}
}
@media (max-width:991px) and (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.right-grad:after {content: " "; background-image: url('http://salesact.com/img/Line-right.svg'); height: 1px; width: 175px; background-size: 340px; background-position-x: 182px; position: absolute; display: block;  bottom: 0px;}
.icos ul li div div.left-grad:after {content: " "; background-image: url('http://salesact.com/img/Line-left.svg'); height: 1px; width: 175px; background-size: 340px; background-position-x: -22px; position: absolute; display: block; left:-27px; bottom: 0px;}
}
@media (min-width:769px) {footer > div:last-child > div > div:first-child {padding-left: 0px;} nav div ul li:last-child {margin-right:0px;}}
@media (max-width:769px) {
nav .row {margin-bottom: 0px;}
.home-nav .col-sm-9 {width:100%}
.home-nav .col-sm-3 {width:100%}
.work2-active {transition:0.5s all;}
.prim-bttn #newsletter div.col-xs-12 {padding:0;}
.contact h4:last-child {padding-top: 0px;}
h1 {margin-top:0px;}
nav {height: 100px;}
nav #menu .container {padding-right: 0px; padding-left: 0px;}
nav img {margin: 0 auto 15px; display: block;}
nav .col-xs-12 {margin: 0; padding: 0;}
nav div ul {float:left; width:100%; display:inline-flex;}
nav div ul li {width:25%; display: inline; margin: 10px 8px; text-align:center;}
nav div ul li a {font-size:11px;}
/*--- PRIMARY BUTTON ---*/
.prim-bttn {width: 300px;}
/*--- PRIMARY END ---*/
footer>.container {padding: 10px 0 20px 0;}
footer>div>div>div {padding-left:0 !important; padding-right: 0 !important;}
footer ul {margin: 10px 0px;}
footer ul li a, .priv-mob a {font-size: 11px;}
footer .social {border-top:1px solid #e1e3ea; margin-top:15px; padding-top:20px !important;}
footer .social span a {padding:0 10px;}
footer ul:first-child li {margin: 0; width: 25%; text-align:center;}
footer ul:first-child li:first-child {margin-left: 0px;}
footer ul:first-child li.priv {display: none;}
footer ul li a.atv {padding-bottom: 25px;}
footer .priv-mob {display:inline-block; border-top:1px solid #e1e3ea; margin-top: 15px; padding-top: 20px;}
footer ul:first-child {float: left; width: 100%; display: inline-flex;}
footer .color p { padding-right:15px; font-size:10px;}
footer .color .col-xs-8 {padding-left: 15px !important;}
footer .color .col-xs-4 p {text-align:right;}
.modal-com.cookies {height:110px;} 
.modal-com.cookies .container {padding-right: initial; padding-left: initial;}
.modal-com.cookies p{ font-size: 12px; color: #052641;  font-family: "Open sans"; font-weight: 100; text-align: left; margin-bottom: 0px;}
.modal-com.cookies .agree-cookies {margin-top:0px;}
#success, #error {right: 0px; display: block; width: 100%; top: 30px; bottom: initial; margin-bottom: 0px;}
#success p, #error p {left: -22px;  float: right;  top: initial;  bottom: -20px; position: relative;}
#success > span, #error ul li > span {width:100%; display:block; padding: 30px 18px;}
#success > span {margin: 0 20px;}
#error ul li {width: 100%;}
#error ul {padding: 0px 0px !important; margin: 0 0 0 20px;}
@keyframes comm {
    0%   {left:145px}
    100% {left:-22px}
}
@keyframes comm2 {
    0%   {right:-145px}
    100% {right:50px}
}
}
@media (max-width:767px) {
#menu > #fixed > .container, #cookie-policy .container, footer>.container, footer .container-fluid.color > .container {padding-right: 0px; padding-left: 0px;}
.push {left: 50%;}
.pull {right: 50%;}
.section-one {padding-top: 20px; height: 490px;}
.icos ul li img {margin-bottom: initial;}
.icos ul li {width: 100%;}
.icos ul li:nth-child(1n) img {float:right;margin-right: 25px; margin-top: 15px;}
.icos ul li:nth-child(2n) img {float:left;margin-left: 25px;}
.icos ul li span {display:none;}
.icos ul li div div {min-height:140px; margin-bottom: -6px;}
.icos ul li:nth-child(2n) div div.no-dot h4 {text-align:right; margin-right: 15px; margin-top: 15px;}
.icos ul li:nth-child(1n) div div h4 {text-align:left;  margin-left: 15px;}
.icos ul li:nth-child(2n) div div h4:last-child {margin-top:0px;}
.icos ul li img {height:70px; width: 70px;}
.icos ul li div div:first-child {background-position-y: initial; background-repeat:repeat-y;}
.icos ul li div div.no-border, .icos ul li div div.no-dot{background: none !important;}
.icos ul li div div.rht-dot {background-repeat-y: initial;background-repeat: repeat-y; background-size: 5px;}
.icos ul li div div.rht-dot:before {z-index: 99; content: " "; background: #fff; position: relative; display: block; top: 50px; right: 8px; height: 15px; width: 15px; border-radius: 15px; border: 1px solid #BDC2CF;}
.icos ul li div div:nth-child(1n) {background-image: url('http://salesact.com/img/Line-pattern(vertical).svg'); padding: 0; margin-bottom: -15px; background-size:1px; background-repeat:repeat-y;}
.icos ul li div div:nth-child(2n):after {content: " "; background: #fff; position: relative; display: block; top: -60px; right: 8px; height: 15px; width: 15px; border-radius: 15px; border: 1px solid #BDC2CF;}
.icos ul li div div.no-dot:after,.icos ul li div div.rht-dot:after {display:none}
.icos ul li div div.right-grad, .icos ul li div div.left-grad {background:none;}
.prim-bttn div input[type="submit"]{display: block; margin: 20px auto auto auto; }
.prim-bttn div input[type="submit"] {width:100%;}
}
@media (max-width: 420px){.modal-com{height:80px;}.modal-com.cookies img {display:none;} .modal-com.cookies .col-xs-11{width:100%; padding: 0;}}
@media (max-width: 370px){.prim-bttn {width: 250px;}}