/*************************************************
 COMMON STYLES
*************************************************/
html {scroll-behavior: smooth;}

body {position: relative; background: url(../img/bg1.png) center top repeat;}
body, html {width: 100%; height: 100%; font-family: 'Roboto', sans-serif; color:#666; font-weight:400; color:#000;}

.primaryc {color:#1cb1af;}
.secondaryc {color:#008ed0;}
.bluel{color:#d9e7f2;}
.gray {background:#f2f1f6;}
.green {color:#1cb1af;}
section {padding:60px 0; margin:0 auto; display:block;}
.container {max-width:1180px;}

.clearfix {clear:both;}
.flex {display: flex; justify-content:center; flex-direction: column;}

a:hover, a:focus{ text-decoration:none; color: #0c94fc;}

p{font-size:15px; line-height:170%; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; color:#000; font-weight:400;}
h1{font-size:36px;}
h2{font-size:30px; font-weight:700;}
h3{font-size:24px;}
h4{font-size:18px;}

h2.title{font-size:40px; font-weight:700; color: #1cb1af;}

p.large {font-size: 20px; font-weight: 500;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.right-border {border-right:#b7b7b7 1px solid;}
.top50 {margin-top: 50px;}
.top20{margin-top: 20px;}
.top150 {margin-top: 180px;}
.box img {display: inline;}
.shaddow {border-radius: 10px; box-shadow: 0px 0px 15px #e7e7e7;}
.pad30 {padding:30px 0;}
.bot60 {padding-bottom: 60px;}
.bot0{padding-bottom: 0;}

.demo-link.blue {background: #008ed0; font-size: 16px; padding: 10px 15px; border-radius:4px; color:#fff; margin-top: 25px; width: max-content;}
.demo-link.blue i {font-size: 150%; padding-left: 10px;}


/*** COMMON HEADER - ALL ***/
.topbar {background:#1cb1af; padding:6px 0; font-size:14px; color:#fff; text-align:center;}
.topbar .call,
.topbar .mail {margin:0; font-size: 16px; display: inline-block; margin-right: 35px;}
.topbar li {display: inline-block; list-style: none; min-width: 25px;}
.topbar ul {margin: 0 auto;}
.topbar i {font-size: 16px; color: #fff;}

nav.navbar {background:#fff; padding:10px;}
.navbar-brand {height:auto; padding:0;}
.navbar-nav {text-transform:uppercase;}
.navbar-nav > li > a {color:#000; padding:10px; margin:0 4px; font-size: 17px; display: block;}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {color:#1cb1af; background: transparent; text-decoration: none;}
.navbar-nav > li > a.active {color:#0099cc; background-color: #fff;}
.navbar-nav > li > a.register {color:#000; border:#0c94fc 1px solid;}
.nav {margin-top: 6px; font-size: 17px;}
.navbar-nav > li .account {border:#ddd 1px solid; border-radius:25px; padding:6px 5px; color:#ddd}


/*** Home Hero ***/
.home-background {background:url(../img/group_4431.png) center top no-repeat; background-size:cover;}

.hero {padding:70px 0;}
.hero .hero-title {font-size:55px; color:#fff; font-weight:700;}
.hero .logo-img {padding: 15px 0;}
.hero .logo-img img {margin:auto;}
.hero .hero-subtitle {font-size:24px; line-height:120%; color:#fff; font-weight: 600; line-height: 140%;}
.hero .demo-link {display: inline-block; background: #fff; font-size: 17px; padding: 8px 10px; border-radius:4px; margin-top: 61px;}

.modern-workforce {background:url(../img/bg1.png) top left repeat;}
.modern-workforce .box {min-height: 350px; display: block; padding: 20px; margin: 25px 0; background:#fff url(../img/bg-workforce.png) bottom no-repeat; border-radius: 10px; text-align: left; box-shadow: 0px 0px 15px #e7e7e7;}
.modern-workforce .box h3 {font-weight: 700; padding: 10px 0;}
.modern-workforce .box p {font-weight: 500;}
.modern-workforce .box .more-btn {background: #008ed0; font-size: 13px; padding: 8px 10px; border-radius:4px; color:#fff; margin-top: 15px; display: inline-block;}
.modern-workforce .flex img {width: max-content; margin: 0 auto;}
.modern-workforce .btn {background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; width: max-content;}
.modern-workforce .btn:hover {background:#008ed0; color:#fff;}

.prepare-workforce {background: #f2f2f5 url(../img/bg2.png) bottom right no-repeat;}
.prepare-workforce .btn {background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; width: max-content;}
.prepare-workforce .btn:hover {background:#008ed0; color:#fff;}

/*
.future-work {text-align: center;}
.future-work p.large {padding:30px 0;}
.future-work .oval-box {box-shadow: 0px 0px 15px #e7e7e7; border:#1cb1af 4px solid; border-radius: 50%; display: block; padding: 50px 200px; text-align: center; background:url(../img/bg-oval.png) bottom right no-repeat; margin-bottom: 15px; margin-top: 25px;}
.future-work .oval-box img {display: inline;}
.future-work .oval-box h3,
.future-work .box h3{font-weight: 700; font-size: 22px;}
.future-work .box {display: block; padding: 20px; margin: 15px; background:#fff url(../img/bg-work.png) right top no-repeat; border-radius: 10px; text-align: left; box-shadow: 0px 0px 15px #e7e7e7; text-align: center;}
*/

.home-teamview {padding-top: 90px;}

.testimonials {background: #f2f2f5 url(../img/bg3.png) top left no-repeat;}
.testimonials .list-item {padding:25px; border-radius:10px; margin-top:100px; margin-bottom: 15px; background: #fff; text-align: center; box-shadow: 0px 0px 15px #e7e7e7; min-height: 450px;}
.testimonials .list-item .pic{margin-top: -80px;}
.testimonials .list-item .pic img{border-radius:150px; overflow: hidden; border:6px #fff solid;}
.testimonials .list-item .name {font-size:34px; color:#1cb1af; padding:5px 0; font-weight: 700;}
.testimonials .list-item .title {font-size:22px; color:#666; padding-bottom:20px;}
.testimonials .slideNav {position: relative; width: 60px; margin-left: auto; margin-top: 25px;}
.testimonials .slideNav .carousel-control-prev {margin-left:0; float:right;}
.testimonials .slideNav .carousel-control-next {margin-right:20px!important; float:right;}

.testimonials .btn.case-study {margin: 30px auto; padding:12px 15px; border:#007bff 1px solid;}


.clients {border-bottom: #f2f2f5 5px solid; background: #fff;}
.clients .carousel-item .col-lg-2 {text-align: center;}

.partners {background: #fff;}
.partners.top {border-bottom: #f2f2f5 40px solid;}
.partners .pimg {float: left;}
.partners p {padding: 5px 20px; font-size: 24px; font-weight: 600; line-height: 120%; display: inline-block;}


/*** About Us ***/
.hero.about {background:url(../img/group_4431.png) center top no-repeat; background-size:cover; padding:101px 25px;}
.about-title {background: #F2F2F5 url(../img/bg1.png);}
.exec-team {text-align: center;}
.exec-team h2 {padding-bottom: 20px;}
.exec-team .item a {margin:20px 40px; display: block;}
.exec-team .item a:hover {text-decoration: none;}
.exec-team .pic img {width:100%;}
.exec-team .item .name {font-size:34px; color:#3D3D3D; padding:20px 0 5px; font-weight: 700;}
.exec-team .item .title {font-size:22px; color:#A7A7A7; padding-bottom:20px;}


/*** Healthview ***/
.healthview {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.healthview .row {background:url(../img/healthview-1.png) bottom right no-repeat; padding:128px 0;}
.healthview h2,
.healthview h4 {text-align: left !important; color: #3D3D3D !important;}

.healthview-feature .bg{background:url(../img/healthview-2-big.png) top right no-repeat;}
ul.features {padding: 0; margin-left:25px;}
ul.features li {font-size: 24px; font-weight: 500; color: #3D3D3D; padding: 15px 0; line-height: 170%;}

.pea h4 {padding: 30px 0;}

.we-different .box {padding: 30px 50px; text-align: center; background: #fff; margin-top: 100px;}
.we-different .box img {margin-top: -90px;}
.we-different .box h3 {font-weight: 700; color: #1cb1af; padding: 15px 0;}
.we-different .box ul {list-style: none; padding: 0;}
.we-different .box ul li {padding: 20px 0; border-bottom: #ccc 2px solid; font-size: 20px; font-weight: 500;}

.primary-care {background: #f2f1f6 url(../img/bg1.png) center top repeat; padding: 80px 0;}
.primary-care h2 {padding-bottom: 60px;}


.healthview-feature h4.title {font-size: 22px; font-weight: 700; color: #1cb1af;}

.healthview-try {padding-top: 0;}
.healthview-try .row {background:url(../img/healthview-3.png) top right no-repeat; padding: 40px 0 120px;}
.healthview-try h2 {font-size: 50px;}
.healthview-try h4 {font-size: 24px; font-weight: 600; color: #3D3D3D; padding: 10px 0 25px;}

/*** Employee Experience ***/
.employee-experience {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.employee-experience .row {background:url(../img/ee-1.png) bottom right no-repeat; padding:161px 0;}
.employee-experience h2,
.employee-experience h4 {text-align: left !important; color: #3D3D3D !important;}
.top10p {padding-top: 10%;}
.top5p {padding-top: 5%;}

 .btn {background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; width: max-content;}
 .btn:hover {background:#008ed0; color:#fff;}


/*** Emergent Sub Page ***/
.emergent {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.emergent .row {background:url(../img/emergent-img1.png) bottom right no-repeat; padding:1px 0;}
.emergent h2,
.emergent h4 {text-align: left !important; color: #3D3D3D !important;}

.emergent-features .box {padding: 30px; text-align: center; background: #fff; margin-top: 100px;}
.emergent-features .box img {margin-top: -90px;}
.emergent-features .box h3 {font-weight: 700; color: #1cb1af; padding: 15px 0; min-height:96px}
.emergent-features .box ul {list-style: none; padding: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: 310px;}
.emergent-features .box ul li {padding: 20px 0; border-bottom: #ccc 2px solid; font-size: 20px; font-weight: 500;}
.emergent-features .box ul li:last-child {border-bottom:0; padding-bottom: 0;}


/*** Career ***/
.careers {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.careers .row {background:url(../img/career-img1.png) bottom right no-repeat; padding:48px 0;}
.careers h2,
.careers h4 {text-align: left !important; color: #3D3D3D !important;}
.careers .demo-link {margin-top: 25px;}

.join-org h2 {padding-bottom: 40px;}
.join-org .box {padding:10px; text-align: center;}
.join-org .box h3 {color:#1CB0AE; padding: 15px 0;}
.join-org .box p { font-size: 18px;}
.perks-benefits {background: #f2f1f6 url(../img/bg1.png) center top repeat;
    padding: 80px 0;}
.perks-benefits h2 {padding-bottom: 20px;}


/*** Lab ***/
.lab {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.lab .row {background:url(../img/lab-img1.png) bottom right no-repeat; padding:213px 0;}
.lab h2,
.lab h4 {text-align: left !important; color: #3D3D3D !important;}

.lab-features h4.title {font-size: 22px; font-weight: 700; color: #1cb1af; padding-top: 15px;}
.lab-features ul {padding: 0; margin-left:25px;}
.lab-features li {font-size: 20px; font-weight: 500; color: #3D3D3D; padding: 5px 0; line-height: 150%;}

.lab-org {background: #f2f2f5 url(../img/bg2.png) bottom right no-repeat;}
.lab-org h4 {padding:25px 0 50px; font-weight: 400;}
.lab-org .box {min-height: 315px; display: block; padding: 30px; margin: 15px 0; background:#fff url(../img/lab-box-bg.png) bottom right no-repeat; border-radius: 10px; text-align: left; box-shadow: 0px 0px 15px #e7e7e7;}
.lab-org .box h3 {font-weight: 700; padding: 10px 0;}
.lab-org .box p {font-weight: 500;}



/*** Emergent Training ***/
.emergent-training {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.emergent-training .row {background:url(../img/et-1.png) bottom right no-repeat; padding:128px 0;}

.emergent-training h2,
.emergent-training h4 {text-align: left !important; color: #3D3D3D !important;}

/*** Employee Inside ***/
.employee-in {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.employee-in .row {background:url(../img/employeei-header.png) bottom right no-repeat; padding:108px 0;}
.employee-in h2,
.employee-in h4 {text-align: left !important; color: #3D3D3D !important;}

.employee-fetures .col-md-3 {padding-left:10px; padding-right:10px;}
.employee-fetures .box {padding: 30px 20px; text-align: center; background: #fff; margin-top: 60px; min-height: 350px;}
.employee-fetures .box img {margin-top: -90px;}
.employee-fetures .box h3 {font-weight: 700; color: #1cb1af; padding: 15px 0; margin:0; font-size: 1.5em;}

.employee-fetures .box p {padding: 10px 0 0; font-size: 16px; font-weight: 600; margin:0; line-height: 150%;}

.easy-efficient {background: #f2f1f6 url(../img/bg1.png) center top repeat; padding: 80px 0;}
.easy-efficient h2.title.black {color: #000; padding-top:30px; padding-bottom: 0; margin-bottom: 0;}



/*** TeamView Page ***/
.teamview {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.teamview .row {background:url(../img/teamview-1.png) bottom right no-repeat; padding:180px 0;}

.teamview h2,
.teamview h4 {text-align: left !important; color: #3D3D3D !important;}
.teamview-features ul {padding: 0; margin-left:25px;}
.teamview-features li {font-size: 24px; font-weight: 500; color: #3D3D3D; padding: 15px 0; line-height: 170%;}
.teamview-features h4.title {font-size: 22px; font-weight: 700; color: #1cb1af;}


/*** Future Work Page ***/
.future-work {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.future-work .row {background:url(../img/fw-01.png) bottom right no-repeat; padding:180px 0;}

.future-work h2,
.future-work h4 {text-align: left !important; color: #3D3D3D !important;}

.future-work {padding-bottom: 0;}
.future-work ul {padding: 0; margin-left:25px;}
.future-work li {font-size: 24px; font-weight: 500; color: #3D3D3D; padding: 15px 0; line-height: 170%;}
.future-work h4.title {font-size: 22px; font-weight: 700; color: #1cb1af;}


/*** Contact Page ***/
.contact-us {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.contact-us .row {background:url(../img/cu-1.png) bottom right no-repeat; padding:233px 0;}

.contact-us h2,
.contact-us h4 {color: #3D3D3D !important;}
.contact-info {padding: 0 10px;}
.contact-info .column {text-align: left; padding-bottom: 10px;}
.contact-info .column h3 {font-size: 35px; font-weight: 700; padding-top: 15px;}
.contact-info a.link-in {background: url('../img/icon-linkedin.png') top left no-repeat; padding-left:36px; color: #212529; margin-top: 10px; display: inline-block;}
.contact-info .link-in:hover {color:#007bff;}

.contact-form {display: block; border-radius: 10px; background: #f2f2f5; padding:35px;}
h2.green {font-size: 40px; color: #1cb1af; font-weight: 700; padding-bottom: 25px;}

.contact-form input.txt {padding: 10px 15px; min-height: 50px; font-size: 18px;}
/*.contact-form .btn {padding: 10px 25px; margin-top: 15px; font-size: 18px; font-weight: 500;}*/
.contact-form .btn { background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; width: max-content;}
.contact-form .btn:hover {background:#008ed0; color:#fff;}

section.contact-up-map {padding: 0;}
section.contact-up-map img {width: 100%;}


/*** Case Study ***/
.case-study {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.case-study .row {background:url(../img/case-study-img1.png) center right no-repeat; padding:135px 0;}
.case-study h2,
.case-study h4 {text-align: left !important; color: #3D3D3D !important;}

.more-testimoni {padding-bottom: 100px;}
.more-testimoni .quotes {margin-top: 30px; margin-left: 20px;}
.more-testimoni .items {padding:40px; margin-top: -15px; text-align: center; background: #fff url(../img/testimoni-items.png) bottom right no-repeat; display:grid;}
.more-testimoni .items .logo {margin-bottom: 50px;}
.more-testimoni .items .logo img {height: 100px;}
.more-testimoni .items .large {font-weight: 600;}
.more-testimoni .items a.more {margin-left: auto; padding-top: 15px;}

.no-pad {padding:0;}

.cs-popup.modal .modal-content {background:#fff url(../img/cs-popup.png) bottom right no-repeat; background-size: cover;}
.cs-popup.modal .modal-header {position: relative; padding:20px 40px; right:0; border-bottom: 1px solid #e9ecef;}
.cs-popup.modal .modal-body {padding:20px 40px;}
.cs-popup.modal h3 {font-size: 30px; font-weight: 700; color: #1cb1af;}
.cs-popup.modal li {padding:10px 0; font-size: 18px; font-weight: 500;}


/*** Course ***/
.course-page {background:#F2F2F5 url(../img/bg4.png) bottom left no-repeat; background-size:cover; padding:0; min-height: auto;}
.course-page .row {background:url(../img/course-img1.png) bottom right no-repeat; padding:106px 0;}
.course-page h2,
.course-page h4 {text-align: left !important; color: #3D3D3D !important;}


/*** Book Demo ***/
.book-demo {background: #f2f1f6 url(../img/bg2.png) bottom right no-repeat;}
.book-demo h3 {font-size: 30px; font-weight: 700; padding: 15px 0 20px;}
.book-demo .chk {padding-right:20px; font-size: 26px;}
.book-demo .chk input {min-width: 40px;}
.book-demo input.txt {padding:15px 20px; min-height: 56px; font-size: 18px;}
/*.book-demo .btn {padding:12px 20px; font-size: 18px; font-weight: 500; text-transform:capitalize;}*/

.book-demo .btn {background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; width: max-content;}
.book-demo .btn:hover {background:#008ed0; color:#fff;}

footer {padding: 80px 0 40px; font-size: 18px; background:#fff;}
footer .title {font-size: 24px; color:#1cb1af; font-weight: 600; text-transform: uppercase; border-bottom:#a4a4a4 2px solid; margin-bottom: 20px;}
footer ul{list-style:none; margin:0; padding:0 0 30px;}
footer li{line-height:24px; padding: 3px 0;}
footer li a,
footer .address {color:#000; font-size: 16px;}
footer .social li {display: inline-block;}
footer .social li i {width:45px; padding-right:25px;}
footer .social .fa{color:#a4a4a4; font-size:30px;}
footer .social .fa:hover {color:#000; }


.more-details .btn {background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; width: max-content;}
.more-details .btn:hover {background:#008ed0; color:#fff;}


/*** Home Carousel Nav ***/
.carousel.slide .carousel-control-next,
.carousel.slide .carousel-control-prev {width:30px}
.carousel.slide .carousel-control-prev {left: -30px;}
.carousel.slide .carousel-control-next {right: -30px;}



/*** Pandemic Readiness ***/
.pandemicr-features ul {padding-left: 20px; margin-top: 25px;}
.pandemicr-features li .title {font-size: 24px; font-weight: 700; color:#1CB0AE;}
.pandemicr-features li p {font-size: 20px; font-weight: 500;}

.pandemicr-package h3 {font-weight: 700; color: #1cb1af; padding: 15px 0;}
.pandemicr-package .box {padding: 30px; min-height:170px; text-align: center; background: #fff url(../img/pandemicr-box.png) top right no-repeat; margin-top: 100px;}
.pandemicr-package .box img {margin-top: -90px;}
.pandemicr-package .box p {font-size: 20px; font-weight: 700;}

/*** Modal Login Form ***/
.navbar-nav .nav-item .solid {background: #008ed0; color: #fff; border-radius: 30px; padding: 10px 20px;}

.modal.LoginForm .modal-header {position: relative;padding: 30px; right: 0;}
.modal.LoginForm .modal-content {background:#fff url(../img/login-bg.png) left top no-repeat;}
.modal.LoginForm .modal-body {padding: 30px; margin-bottom: 10px; font-size: 18px;}
.modal.LoginForm .form-control {padding:15px; height: auto;}
.modal.LoginForm .modal-body .btn {background:#008ED1; color:#fff; margin: 20px 0; padding: 12px; font-size: 18px; font-weight: 600;}
.modal.LoginForm .modal-body .btn:hover {background:#d9e7f2; color:#008ED1;}
.modal.LoginForm .modal-body .terms {font-size: 17px;}
.modal.LoginForm .modal-body .terms input[type=checkbox] {display: inline-block; margin-right: 10px;}



/*** What We Deliver Modal Popup ***/
.column {flex: 50%; text-align: center; padding:30px 10px;}
#wwd-modal .modal-body img {width:auto; height: 50px;}
#wwd-modal .modal-body h2 {padding: 15px 0 5px; font-size: 20px; font-weight: 600;}
#wwd-modal .modal-body h5 {font-size: 16px; font-weight: 400; margin-bottom: 20px;}
#wwd-modal .demo-link.blue {padding:6px 15px; color:#fff; font-size:14px}

.column.one {border-bottom:#707070 1px solid; border-right:#707070 1px solid;}
.column.two {border-bottom:#707070 1px solid;}
.column.three {border-right:#707070 1px solid;}

.btn {background:#d9e7f2; padding:12px 15px; color:#008ed0; margin-top: 25px; display: inline-block;}
.btn:hover {background:#008ed0; color:#fff;}


/*** SalesBeam ***/
.salesbeam nav.navbar {background: #f3f9fe;}
.salesbeam h2.title {font-size: 34px; color: #000;}
p.subtitle {font-size: 20px; padding: 20px 0; font-weight: 600;}
.salesbeam ul.thumbs-up,
.salesbeam ul.thumbs-down {padding: 20px 0; margin: 0; list-style: none; font-size: 20px; font-weight: 600;}
.salesbeam ul.thumbs-up li {padding: 0px 0 20px 40px; background: url(../img/thumbs-up.png) left 4px no-repeat;}
.salesbeam ul.thumbs-down li {padding: 0px 0 20px 40px; background: url(../img/thumbs-down.png) left 8px no-repeat;}

.salesbeam-header {background-image: linear-gradient(#f2f8fe, #ddeffe); padding-bottom: 0;}
.salesbeam-header .wrapper {background: url(../img/sb-header.png) bottom right no-repeat; background-size: contain; padding: 140px 0 100px;}

.sb-engagement {background-image: linear-gradient(#ddeffe, #cfe9fe); padding:0;}
.sb-customers {padding-bottom:0px;}
.sb-relationships {background: #F9F9FC;}
.sb-relationships .chat {border-radius:8px; border:#1CB0AE 2px solid; margin-bottom: 30px; padding: 20px 24px; background: #F3FEFE; position: relative; max-width: 450px;}
.sb-relationships .chat.team {background: #F3F9FE; border-color: #008ED1;}
.sb-relationships .chat p strong {display: block;}
.sb-relationships .chat p {font-weight: 500;}
.sb-relationships .chat::after {position: absolute; width: 27px; height: 20px; bottom: -20px; right: 60px;}
.sb-relationships .chat.prospect::after {content: url('../img/green-co.png');}
.sb-relationships .chat.team::after {content: url('../img/blue-co.png');}
.sb-relationships .btn-blue {background:#008ED1; padding: 14px; width: 100%; max-width: 450px; color:#fff; font-weight: 600; text-align: center; border-radius:6px; font-size: 20px;}

.sb-industries .title img{display: inline; margin-top: -10px;}
.sb-industries ul {list-style: none; padding: 20px; width:100%;}
.sb-industries ul li {display: inline-block; width: 45%; padding: 10px 40px; vertical-align: top;}
.sb-industries p {font-size: 18px;}
.sb-industries ul li strong {display: block; padding: 6px 0; font-size: 20px;}

.sb-pricing {background: #F9F9FC;}
.sb-pricing .box {background: #F3F9FE; border: #008ED1 2px solid; border-radius: 10px; margin: 0; padding: 22px; margin-top: 20px;}
.sb-pricing .box.grn {background: #F3FEFE; border-color: #1CB0AE;}
.sb-pricing .box p {font-size: 13px; min-height: 120px;}
.sb-pricing h3 {font-weight: 700; font-size: 24px; color:#008ED1;}
.sb-pricing .grn h3 {color:#1CB0AE;}
.sb-pricing h4 {font-weight: 700; font-size: 22px; color: #000; margin-bottom: 0;}
.sb-pricing h4 span {font-size: 16px;}
.sb-pricing .btn {width: 100%; background: #008ED1; color:#fff; font-weight: 600; font-size: 14px;}
.sb-pricing .btn:hover {background: #000;}
.sb-pricing .btn.btn-blue {}
.sb-pricing .btn.btn-green {}

.mobileapp {background: #F9F9FC; padding-top: 30px;}
.mobileapp hr {max-width: 800px; padding-bottom:60px; border-color:#a4a4a4;}
.mobileapp h2.title img {margin-top: -10px;}
.mobileapp ul {list-style: none; padding: 0;}
.mobileapp ul li {display: inline-block; padding: 50px 30px;}

/*** Salesbeam form ***/
.salesbeam-form {background: #F9F9FC;}
.salesbeam-form h2.title {color:#000;}
.salesbeam-form form .form-control {padding: 12px; height: 50px; margin: 6px 0; max-width: 650px; display: inline-block;}
.salesbeam-form form .privacy {font-size: 16px; font-weight: 600; padding-top: 20px;}
.salesbeam-form form .privacy a {color:#000; text-decoration: underline;}
.salesbeam-form form .privacy a:hover {text-decoration: none;}
.salesbeam-form form .btn.blue {background:#008ED1; padding: 10px 50px; color:#fff; font-weight: 600; font-size: 18px; margin-top: 12px;}
.salesbeam-form form .btn.blue:hover {background: #000;}
#Verification-code.modal .modal-body {padding:40px 30px;}
#Verification-code.modal h2 {text-align: center; font-weight: 700; padding: 30px 0;}
#Verification-code.modal p {font-size: 16px; font-weight: 600; text-align: center;}

@media only screen and (max-width:768px) {
  .hidden-mb {display:none;}
  .mtop20 {padding-top: 20px;}
  .mbot20 {padding-bottom: 20px;}
  .no-pad {padding:40px 0;}

	h1{font-size:30px;}
	h2{font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:16px;}
    h2.title {font-size: 30px;}

    .reverse-col {display: flex; flex-direction: column-reverse;}

    .hero .hero-title {font-size: 30px;}
    .hero .hero-subtitle {font-size: 18px;;}

    .navbar-toggle .icon-bar {background:#000;}
    .navbar-nav > li .account {display: block; margin-top: 20px; width: fit-content;}
    .navbar-nav > li {padding:8px 0;}



    section {padding: 30px 0;}
    section.clients,
    section.partners {padding: 30px;}
    section.experience img {margin-bottom: 40px;}
    section.testimonials {padding-bottom: 80px;}

    .topbar .call, .topbar .mail {margin: 10px;}
    .topbar .social {display: none;}

    .top150 {margin-top: 20px;}

    .prepare-workforce img,
    .planning img ,
    .skills img {margin-top: 50px;}

    .future-work .oval-box {padding:25px; border-radius:10px;}

    .modern-workforce .box h3 {max-width: 100%;}

    .partners .pimg {float:none;}
    .partners p {padding: 10px; font-size: 20px; display: block;}

    .book-demo .chk {margin-left: 0;}

    footer .social {margin-top: 30px;}

    .healthview .row {padding:60px 0 400px; background-size: contain;}
    .healthview .hero-title {font-size: 40px;}
    .healthview .hero-subtitle {font-size: 20px;}

    .we-different .box {margin-top: 70px;}
    .we-different .box ul li {font-size: 17px;}

    .healthview-feature .bg,
    .healthview-try .row {background: none;}
    ul.features li {font-size: 17px; padding: 12px 0;}

    .emergent .row {padding:80px 0 360px; background-size:contain;}
    .emergent-features .box h3,
    .emergent-features .box ul {min-height: auto;}

    .employee-experience .row {padding:80px 0 400px; background-size:contain;}
    .emergent-training .row {padding:80px 0 360px; background-size:contain;}

    .employee-in .row {padding:80px 0 360px; background-size:contain;}
    .employee-fetures .box {padding: 30px; min-height: auto;}

    .teamview .row {padding:80px 0 400px; background-size:contain;}
    .teamview-features li {font-size: 20px; line-height: 120%; padding: 12px 0;}

    .careers .row {padding:60px 0 320px; background-size:contain;}
    .lab .row {padding:60px 0 280px; background-size:contain;}

    .contact-us .row {padding:30px 0 170px; background-size:contain;}
    .contact-info .column {flex: 100%;}

    .future-work .row {padding:60px 0 300px; background-size:contain;}

    .testimoni-page .row {padding:60px 0 300px; background-size:contain;}
    .course-page .row {padding:60px 0 280px; background-size:contain;}

    .case-study .row {padding:60px 0 380px; background-size:contain; background-position:bottom;}
    .cs-popup.modal .modal-header {padding:20px;}
    .cs-popup.modal .modal-body {padding:20px;}
    .cs-popup.modal h3 {font-size: 24px;}
    .cs-popup.modal li {font-size: 15px;}


    .modal .carousel-item .pic,
    .modal .carousel-item .info {width:100%; float: none; margin:0 auto; padding: 0;}
    .modal .carousel-item .info {margin-top: 20px;}
    .modal .carousel-item .info p {font-size: 16px;}
    .modal .carousel-item .name {font-size:26px;}
    .modal .carousel-item .title {font-size:20px;}

    .modal .modal-body {padding: 30px;}
    .modal .carousel.slide  .carousel-control-prev {left: -35px;}
    .modal .carousel.slide  .carousel-control-next {right: -35px;}

    .column.one,
    .column.two,
    .column.three {border-bottom:#707070 1px solid; border-right:0;}
    #wwd-modal .modal-body .column {flex: 100%;}

  /*** SalesBeam ***/
  .salesbeam h2.title {font-size: 28px;}
  p.subtitle {font-size: 16px;}
  .salesbeam-header .wrapper {padding: 20px 0 300px;}
  .sb-engagement {padding: 60px 0 30px;}
  .sb-engagement h2 {padding-top: 50px;}
  .sb-customers {padding-top: 60px;}
  .sb-relationships {padding: 60px 0;}
  .sb-relationships img{padding-top: 50px;}
  .sb-industries .title img {margin-top: 0;}
  .sb-industries ul li {width: 100%; padding: 10px 0;}
  .sb-pricing .box p {min-height: auto; padding-bottom: 30px;}
  .mobileapp hr {padding-bottom: 30px;}
  .mobileapp ul {padding-top: 30px;}
  .mobileapp ul li {padding: 10px;}
}

.wizard > .content {
	overflow-x: scroll !important;
    overflow-y: scroll !important;
}