body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url(http://salesact.com/img/prod/Social-Media-hover.png) 
	url(http://salesact.com/img/prod/E-Mail-Marketing-hover.png) 
	url(http://salesact.com/img/prod/Web&Mobile-hover.png) 
	url(http://salesact.com/img/prod/Brand-Advocacy&Referral-hover.png) 
	url(http://salesact.com/img/prod/Sales-hover.png)
	url(http://salesact.com/img/prod/CRM-hover.png)
	url(http://salesact.com/img/prod/Analitycs-hover.png)
	url(http://salesact.com/img/prod/Marketing-Automation-hover.png)
	url(http://salesact.com/img/prod/Marketplace-hover.png);
}
body, .section-two {position:relative; z-index:10;}
.section-one {height:initial; padding-top: 60px;}
.box-people {padding: 0;}
.box-people>p {left: -12px;}
.box-people a:hover {text-decoration:none;}
.box-people p.mouseout {top:40px; opacity:0;}
.box-people p.mouseover {top: -68px; opacity:1;}
.box-people .person {border-radius: 3px;}
.box-people.social div {background: url('http://salesact.com/img/prod/Social-Media-normal.png') #fff; background-repeat:no-repeat;}
.box-people.social div:hover {background: url('http://salesact.com/img/prod/Social-Media-hover.png')#fff; background-repeat:no-repeat;}
.box-people.email div {background: url('http://salesact.com/img/prod/E-Mail-Marketing-normal.png') #fff; background-repeat:no-repeat;}
.box-people.email div:hover {background: url('http://salesact.com/img/prod/E-Mail-Marketing-hover.png')#fff; background-repeat:no-repeat;}
.box-people.web div {background: url('http://salesact.com/img/prod/Web&Mobile-normal.png') #fff; background-repeat:no-repeat;}
.box-people.web div:hover {background: url('http://salesact.com/img/prod/Web&Mobile-hover.png')#fff; background-repeat:no-repeat;}
.box-people.brand div {background: url('http://salesact.com/img/prod/Brand-Advocacy&Referral-normal.png') #fff; background-repeat:no-repeat;}
.box-people.brand div:hover {background: url('http://salesact.com/img/prod/Brand-Advocacy&Referral-hover.png')#fff; background-repeat:no-repeat;}
.box-people.sales div {background: url('http://salesact.com/img/prod/Sales-normal.png') #fff; background-repeat:no-repeat;}
.box-people.sales div:hover {background: url('http://salesact.com/img/prod/Sales-hover.png')#fff; background-repeat:no-repeat;}
.box-people.crm div {background: url('http://salesact.com/img/prod/CRM-normal.png') #fff; background-repeat:no-repeat;}
.box-people.crm div:hover {background: url('http://salesact.com/img/prod/CRM-hover.png')#fff; background-repeat:no-repeat;}
.box-people.ana div {background: url('http://salesact.com/img/prod/Analitycs-normal.png') #fff; background-repeat:no-repeat;}
.box-people.ana div:hover {background: url('http://salesact.com/img/prod/Analitycs-hover.png')#fff; background-repeat:no-repeat;}
.box-people.ma div {background: url('http://salesact.com/img/prod/Marketing-Automation-normal.png') #fff; background-repeat:no-repeat;}
.box-people.ma div:hover {background: url('http://salesact.com/img/prod/Marketing-Automation-hover.png')#fff; background-repeat:no-repeat;}
.box-people.mt div {background: url('http://salesact.com/img/prod/Marketplace-normal.png') #fff; background-repeat:no-repeat;}
.box-people.mt div:hover {background: url('http://salesact.com/img/prod/Marketplace-hover.png')#fff; background-repeat:no-repeat;}
.section-three {height: 400px; background:#263560; padding-top:100px; }
.section-three h1 {color:#ffffff; padding-bottom:35px;}
.menu-modal {box-shadow: 0px 0px 10px #cbcbda;}
.modal-prod {position: absolute; background: #fff; height: 100%; top: 0; width: 100%; z-index: 999;}
.modal-prod .container:first-child {height:65px; background: #f6f7f9;}
.modal-prod .container:last-child {background: #f6f7f9; padding: 0 30px; overflow: overlay;}
.modal-prod .container:last-child .row {height: 2000px;position: relative; z-index: 9999;}
.modal-prod .container:last-child .row {height: 2000px;position: relative; z-index: 9997;}
.modal-prod .container .row > .col-lg-12 {margin-top: 50px; background: #ffffff; border-top:1px solid #15d2cc; box-shadow: 0px 0px 30px #cbcbda; display: inline-block;}
.modal-prod .container .row > .col-lg-12:first-child {margin-top: 15px; background: #ffffff;}
.modal-prod .container .row > .col-lg-12, .modal-prod .container .row > .col-lg-12 > .col-lg-6 {padding-left:0px; padding-right:0px;}
.modal-prod .container .row > .col-lg-12 > .col-lg-6 h3 {font-size:22px; font-family: "Montserrat"; font-weight:bold; text-align:left;}
.modal-prod .container .row > .col-lg-12 > .col-lg-6 p {color:#052641; font-family: "Open sans"; font-weight: 100;}
.modal-prod .container .row > .col-lg-12 > .col-lg-6:last-child {padding: 50px; margin-top: 100px;}
.modal-prod .container:last-child .row#sm .col-lg-12 .col-xs-12 {overflow:hidden;}
.modal-prod .container:last-child .row#sm .col-lg-12.contact {height:465px; background:#263461; padding-top: 100px; margin-bottom:40px;}
.modal-prod .container:last-child .row#sm .col-lg-12.contact h1, .modal-prod .container:last-child .row#sm .col-lg-12.contact h4 {color:#ffffff;}
.modal-prod .container:last-child .row#sm .col-lg-12.contact h4:last-child {color:#8594c5;padding-bottom: 35px;}
.modal-nav {top: 0px; height: 45px;  float: right;  z-index: 9998;}
.modal-nav > p {background:#ffffff; display:inline; top: 8px; left: 140px; position: relative; float:right; padding: 10px 18px; box-shadow: 0px 0px 10px #cbcbda; border-radius: 30px; font-family: "Open sans"; font-weight: 100; font-size: 20px;}
.modal-nav .open-menu-modal {padding:15px;}
.modal-nav .close-menu-modal {margin: 3px -70px 0px 0px; }
.modal-nav img {position: relative; top: 5px; float:right; }
.modal-nav ul li {display:block; padding:10px 10px 10px 30px;}
.modal-nav ul li:first-child {padding-top: 60px;}
.modal-nav .menu-modal {z-index: 9999; position: relative; background: #fff; height: 510px; margin-right: -30px;}
.modal-nav .menu-modal img {position: relative; right: 250px; top: 5px; padding: 15px;}
.fixed-bar-modal {position: fixed;  background: #f6f7f9; width: inherit; display: block; z-index: 9998; margin-left: -15px; height: 60px;}
.close-menu-modal, .open-menu-modal, .close-modal {cursor:pointer;}
.bg-blur {height: 100%; width: 100%; position: fixed; background: rgba(255,255,255,0.6); top: 0px; left:0; z-index: 12;}
.bg-modal {height: 100%; width: 100%; position: fixed; background: #fff; top: 0px; left:0; z-index: 12;}
h4.strong {font-family:"Montserrat"; font-weight:bold;}
.icos {margin: 25px 0;}
.box-people div h2.center-title {top: 240px;}
@media (min-width: 1200px){.modal-prod .container {width: 990px;}}
@media (max-width: 1200px){.icos ul li div div.right-grad {background-position-x: -77px;} .icos ul li div div.right-grad, .icos ul li div div.left-grad {background-size: 280px;}}
@media (max-width: 991px) and (min-width: 768px){.icos ul li div div.left-grad:after {left:-41px;}}
@media (max-width: 992px){.slide-container>div {width: 2910px;}.box-people p.mouseout {left: 35px; }.box-people p.mouseover {left: 35px; }}




@media (max-width:767px) {
.fixed-bar-modal {width:100%;}
.section-one ul li {width: 100%;}
.section-three {padding-top: 50px;}
.modal-nav > p {left: 120px;}
.modal-nav img {margin-right: 60px;}
.modal-nav .menu-modal {height: 545px; float: right; position: absolute; right: 0px; width: 300px;}
.modal-nav .menu-modal img {right: 310px;}
.modal-prod {overflow-y: overlay;}
.modal-prod .container:first-child {width: 2850px;}
.modal-prod .container .row > .col-lg-12 {margin-top: 0px;}
.modal-prod .container:last-child .row#sm .col-lg-12.contact {top: -224px; height:inherit; padding-top:0px; margin-bottom:0px}
.modal-prod .container:last-child {width: 2850px; padding-left: 15px;}
.modal-prod .container:last-child .row .col-lg-12 {width:280px; height:450px;}
.modal-prod .container:last-child .row .form.col-lg-12 {height: 260px;}
.modal-prod .container:last-child .row {width: 2850px; height:480px;}
.modal-prod .container:last-child .row#sm .col-lg-12.contact {padding-top: 0px; height: 450px;}
.modal-prod .container .row > .col-lg-12 > .col-lg-6:last-child {padding: 20px; margin-top: 0;}
#sm .col-xs-12 img {display:none;}
}