/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/* START Header 2019 */
/* ANIMATION */
.js-animation-1, .js-animation-2, .js-animation-3{
    opacity: 0;
    transform: translateY(-600px);
    transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.animation-header{
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: .2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* ANIMATION */

.sidebar-menu.mobile .hs-menu-children-wrapper{
  display: none;
  padding: 0 15px;
  margin-top: 10px !important;
  list-style: none;
  position: relative !important;
  left: 0 !important;
}

.header-hidden-top,
.header-hidden-top-company,
.header-hidden-top-resources{
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: .3s cubic-bezier(0.22, 0.61, 0.36, 1);
  left: 0;
}
.header-hidden-top .span6,.header-hidden-top-company .span6,.header-hidden-top-resources .span6{
  top: -100px;
  position:relative;
}
.mt-23{
  margin-top: 23px !important; 
}
.mb-76{
  margin-bottom: 76px !important;
}
.p-0{
  padding: 0px !important
}
.pt-10{
  padding-top: 10px !important;
}
.pt-30{
  padding-top: 30px !important;
}
.pb-50{
  padding-bottom: 50px !important;
}
.p-lr-60{
   padding: 0 60px !important;
}

.kpis .kpis-main-title{
  font-size: 45px;
  text-align: center;
  margin-bottom: 65px;
}
.kpis .kpis-title h2{
  font-size: 30px !important;
  font-weight: 600;
  margin-bottom: 15px;
}
.kpis .kpis-text span, .kpis .kpis-text p{
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 60px;
  display: block;
}

.hedline-text-menu h2{
  font-size: 30px !important;
  max-width: 405px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.hedline-text-menu p {
  font-size: 16px !important;
  margin-top: 15px;
  line-height: 25px;
  max-width: 435px;
}
.box-hedline p, .box-hedline span {
  font-size: 15px;
  color: #286efa !important;
}
.header-box{
  margin-top: 20px;
/*   padding: 20px 30px 20px 26px; */
/*   border: 1px solid #eeeeee; */
  border-radius: 5px;
  margin-bottom: 1.564103vh;
}

.header-box-text h2,
.header-box-text-higher h2 {
  font-size: 16px !important;
  font-weight: 700;
  color: #212224;
  margin: 0;
  font-family: 'Gilroy Bold';
}

.header-box-text p {
  color: #212224;
  font-size: 13px;
  line-height: 19px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.header-box-text-higher p{
  color: #212224;
  font-size: 13px;
  line-height: 19px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  min-height: 57px;
}
.header-box-text a, .header-box-text-higher a{
  text-decoration:none;
}
.header-box .learn_more_integrations_btn{
  display: none !important;
}

.right-side .flex-box {
  align-items: flex-start; 
}

/* STOP Header 2019 */

.btn-shadow-hover{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 44px;
    transition: all 0.25s ease-out 0s;
}
.btn-shadow-hover:hover{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px !important;
    background: rgb(37, 98, 206) !important;
}

.f-s45 h2{
	font-size:45px !important;
}

a{
	text-decoration:none !important;
  color: inherit;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.row-fluid-wrapper:last-child .right-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    float: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.row-fluid-wrapper:last-child .right-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
   float: none;
}

.row-fluid-wrapper:last-child .right-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type {
    border: 1px solid #212224;
    border-radius: 3px;
    margin-left: 28px;
  transition: all .5s;
}

.row-fluid-wrapper:last-child .right-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type:hover {
  background-color: #212224 !important;
  transition: all .5s;
}

.row-fluid-wrapper:last-child .right-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type:hover a {
  color: #fff !important;
}

.row-fluid-wrapper:last-child .right-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type a {
    padding: 9px 23px;
}

.header-container-wrapper {
	max-width: 1350px;
  display: block;
  margin: auto;
}

.container-fluid .row-fluid .page-center{
  max-width: 1350px;
  margin: 0 auto;
  width: 100%;
  display: block;
  float: none;
}

.headline-text-blue{
  margin-top: 125px;  /*150 + 59px nav_menu*/
  color: #286EFA;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 22px;
}

.headline-text{
	margin-top: 15px; 
}

.headline-text h1 {
  font-size: 50px !important;
  font-family: 'Gilroy' !important;
  word-wrap: normal;
  max-width: 1000px
}
.headline-text p{
  font-size: 19px;
  max-width: 710px;
  margin: 0 auto;
}

.homepage-artboard img{
  width: 100% !important;
	max-width: 100%;
  margin-top: 65px;
}

.horizontal-logos-bw.top img{
	margin-top: 75px;
  margin-bottom: 0px;
}

.body-container-wrapper .row-fluid .span6:last-child{
  width: 610px !important;
  margin-left: 0;
}

.customer-stories-facts p:first-of-type{
  font-size: 45px;
  max-width: 610px;
  margin-bottom: 6px;
}
.customer-stories-facts p:last-of-type{
  max-width: 610px;
  font-size: 19px;
}

.mb-0_last p:last-child{
  margin-bottom: 0;
}

.body-container-wrapper .row-fluid .span6:first-child{
  width: 610px !important;
  margin-right: 65px !important;
}

.customer-stories-facts p:first-of-type{
  font-size: 45px;
  max-width: 610px;
  margin-bottom: 25px;
}
.customer-stories-facts p:last-of-type{
  margin-bottom: 25px;
}

.atm-stories-facts p:first-of-type{
  font-size: 45px;
  max-width: 500px;
}

.atm-stories-facts p:last-of-type{
  margin-top: 20px;
  font-size:22px;
  line-height: 30px;
}

.body-container-wrapper .row-fluid .span6 img{
  width: 610px !important;
}

.customer-stories-title{
  font-size: 45px;
  max-width: 610px;
  margin-bottom: 25px;
}

.customer-stories-paragraph p{
  max-width: 610px;
  font-size: 19px;
  line-height: 2;
  margin-bottom: 25px;
  font-style: italic;
}
.atm-stories-paragraph p{
  max-width: 610px;
  font-size: 19px;
  line-height: 1.8;
  margin-bottom: 14px;
  font-style: italic;
}

.customer-stories-bold{ 
  max-width: 610px;
  font-size: 19px;
  line-height: 2;
  margin-bottom: 0;
  font-weight: 700;
  font-family: 'Gilroy bold' !important;
}

.customer-stories-bold-post{
  max-width: 610px;
  font-size: 19px;
  line-height: 2;
  margin-bottom: 0;
  font-weight: normal;
}

.dw-eBook{
  color: #286efa;
}
.dw-eBook::after{
  content: " ";
  background: url(https://cdn2.hubspot.net/hubfs/4665808/Images/right-arrow.svg) 15px 5px no-repeat;
  background-size: 16px;
  display: inline-block;
  width: 36px;
  background-repeat: no-repeat;
  height: 18px;
}

.footer-containerw-1320,
.get-demo-content {
  max-width: 1320px;
  margin: 0 auto !important;
  float: none !important;
}

.footer-container{
  max-width: 100%;
  margin: 0 auto;
}
.footer-text-box{
  border-bottom: 2px solid #151b23;
  height: 590px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.footer-text-title span, .footer-text-title p{
  font-size: 50px !important;
  font-family: 'Gilroy' !important;
  word-wrap: normal !important;
  max-width: 1000px !important;
  display: block !important;
  margin: auto !important;
}

.request-demo-btn{
	background-color:#286efa !important;
  color:#fff !important;
  border: 1px solid #286efa !important;
  border-radius:30px !important;
  padding: 15px 60px !important;
  outline:none;
  font-size:13px !important;
  margin: 30px 0 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 44px;
  transition: all 0.25s ease-out 0s;
  
}
.request-demo-btn:hover{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px !important;
  background: rgb(37, 98, 206) !important;
}

.sign-up-academy{
  background-color:#286efa !important;
  color:#fff !important;
  border: 1px solid #286efa !important;
  border-radius:30px !important;
  padding: 18px 60px !important; 
  outline:none;
  font-size:13px !important;
  margin-top: 30px !important;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 44px;
  transition: all 0.25s ease-out 0s;  
}
.sign-up-academy:hover{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px !important;
  background: rgb(37, 98, 206) !important;
  transition: 0.3s all;
  border-color: #0f5df9 !important;
  background: #0f5df9 !important;
}
  

.skill-1-img,.skill-2-img,.skill-3-img,.skill-4-img{
	  position: relative;
    top: 0;
    right: 0;
    height: calc(100vh - 73px);
    display: flex !important;
    align-items: center !important;
}
.img-box{
  float: right !important;
}
.fixed-box{
  position: absolute !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  height: calc(100vh - 73px);
  margin-top: 73px !important;
}
.sticky{
  position: fixed !important;
  top: 0;
  height: calc(100vh - 73px);
  margin-top: 73px !important;
  display: flex !important;
  justify-content: center;
/*   align-items: center; */
  flex-direction: column;
  transition: .3s linear;
}
.img-box-sticky{
  float: right !important;
}
.home-page-box{}

.span6.widget-span.widget-type-custom_widget.home-page-box-img{
  max-width: 300px;
}

.body-container-wrapper .home-page-box .home-page-box-img img{
/*   width: 220px !important; */
  width: 300px !important;
  float: right;
}
.home-page-box-text{
/*   max-width: 215px !important; */
  max-width: 50% !important;
  min-width: 200px !important;
  margin-right: 55px !important;
}
.home-page-box-text h2{
  font-size: 22px !important;
  font-weight: 600;
  color: #1A3349;
  margin: 0;
}
.home-page-box-text p{
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
}
.span6.widget-span.widget-type-cell.left-side-boxs{
  width: 45% !important;
  margin-right: 5% !important;
}
.span6.widget-span.widget-type-cell.right-side-boxs{
  width: 45% !important;
  margin-left: 5% !important;
}

.footer-container-wrapper{
  background-color: #fff !important;
}

.academy-page .row-fluid .sd-header.page-center{ max-width: 1350px !important; }

.academy-page.box h2 { font-size: 24px !important; }

.academy-page.box .headline-box-text h2 { font-size: 48px !important; }

.academy-page.box p { 
  font-size: 15px;
  margin-top: 11px; 
  height: auto;
}

.academy-page-headline .cta_button.sign-up-academy,
.academy-see-all .sd-button {
  border-radius: 25px !important;
  background-color: #212224 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-color: #212224 !important;
  text-transform: capitalize !important;
  padding: 17px 61px !important;
  transition: all .5s;
}

.academy-page-headline .cta_button.sign-up-academy:hover,
.academy-see-all .sd-button:hover { 
  background-color: #000205 !important;
  border-color: #000205 !important;
}

@media only screen and (max-width: 1367px) {
/*   .sd-skills p:first-of-type{
    font-size: 35px !important;
    line-height: 30px;
  }
  .sd-skills p:last-of-type{
     margin-bottom: 25px !important;
  } */
  .row-fluid-wrapper .span12 .row-fluid-wrapper .fixed-box{
    width: 40% !important;
    margin-right: 65px !important;
  }
  .row-fluid-wrapper .span12 .row-fluid-wrapper .img-box{
    width: 50% !important;
    margin-left: 0 !important;
  }
  .row-fluid-wrapper .row-fluid .skill-set img{
    width: 80% !important;
  }
}
@media only screen and (max-width: 768px) {
  .home-page-box-img{
    text-align: center !important;
  }
  .body-container-wrapper .home-page-box .home-page-box-img img{
    float: none !important;
    margin-top: 25px;
  }
  .p-lr-60{
    padding: 0 0px !important;
  }
  .img-box {
    display: none !important;
  }
  .body-container-wrapper .row-fluid .span6:last-child{
    width: 100% !important;
    margin-left: 0 auto;
  }
  .body-container-wrapper .row-fluid .span6:first-child{
    width: 100% !important;
    margin-right: 0 auto !important;
    margin: 0 !important
  }
  .customer-stories-facts p:first-of-type{
    margin: 0 auto 0 auto;
  }
  .customer-stories-facts p:last-of-type{
    margin: 0 auto 0 auto;
  }
  .customer-stories-title{
    max-width: 100% !important;
  }
  .customer-stories-facts p:first-of-type, .customer-stories-facts p:last-of-type, .customer-stories-paragraph p ,.customer-stories-bold, .customer-stories-bold-post{
    max-width: 100% !important;
  }
  .fixed-box{
    position: relative !important;
  }
  .mt-260{
    margin-top: 130px !important;
  }
  .customer-story{
    padding: 0 30px; 
  }
}




/* START Discover2019                    */
.book-container{
  margin-top: 150px;
  max-width:420px;
}
.book-cover{
	max-width:420px !important;
  width:100% !important; 
  cursor: pointer;
}
.book-container.left-margin{
	margin-left:22.222px;
}
.book-container.right-margin{
	margin-right:22.222px;
}
.book-brief{
  margin-top: 10px;
  margin-bottom: 30px;
  max-height: 105px;
  display:block;
  display:-webkit-box !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.book-brief p,.book-brief span{
	font-size: 14px;
  margin-bottom: 10px;
  line-height: 25px !important;
}
.book-title p, .book-title span{
  font-size: 19px;
  font-weight: 900;
  margin-top: 26px;
  line-height: 25px;
  max-height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 52px;
  margin-bottom: 15px;
  color: #1b324a;
  font-family: 'Gilroy Bold';
  cursor:pointer;
}
.headline_give_mail h2{
  font-size: 30px !important;
  font-family: 'Gilroy' !important;
  word-wrap: normal;
  max-width: 1000px
}
.request-book-form form{
  position: relative;
  margin-top: 20px;
}
.request-book-form form .hs_email {
  margin: 0 !important;
}
.request-book-form form .hs-input{
  border-radius: 26px;
  padding-left: 26px;
  margin: 0 !important;
}
.request-book-form form .hs-button {
  position: relative;
  top: 20px;
  right: 0;
  height: 47px !important;
  margin: 2px 27px !important;
}
/* STOP Discover2019                     */
/* START EBookLandingPage2019                     */
.book-cover-photo img {
    max-width: 100% !important;
    float: left !important;
    width: 100% !important;
}
.headline-text-EBook{
  margin: 0;
}
.headline-text-EBook h1 { 
  margin: auto !important;
  margin-bottom: 20px !important;
}
/* STOP EBookLandingPage2019                     */
/* START Careers 2019 */

.job-openings a{
  color: unset !important;
}

.black-background{
  min-height: 300px !important;
}
.headline-text{
  margin: 0;
}
.headline-text h2{
  text-align: center !important;
  margin: auto !important;
  margin-bottom: 20px !important;
  font-weight: 900;
}
.width-1350{
  max-width:1350px !important;
  float: unset !important;
  margin: auto !important;
}
.pb-65{
  padding-bottom: 65px !important;
}
.pb-70{
  padding-bottom: 70px !important;
}
.pb-85{
  padding-bottom: 85px !important;
}
.career-page-content h4{
  font-family: 'Gilroy bold' !important;
  margin-bottom: 5px;
}
.headline-holder{
  margin-bottom: 0 !important;
}
.career-page-content {
    max-width: 700px;
    display: block;
    margin: 150px auto 150px !important;
    float: none !important;
}
.content_img img{
  width: 100% !important;
}
.job-title-location-holder{
	padding: 28px;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  margin-top: 11px;
  transition: .3s linear;
  cursor: pointer;
}
.job-title-location-holder:hover{
  box-shadow: 0 5px 20px 0 rgba(12,16,20,.1);
  transition: .15s ease-in-out;
  cursor: pointer;
}
.job-title{
  font-size: 17px;
  font-weight: 600;
  min-height: 10px !important;
}
.job-location{
  padding-bottom: 0px;
  padding-top: 0px;
  border-bottom: 0px solid #bfc7d2;
  color: #bfc7d2;
  font-size: 17px;
  line-height: 28px;
  font-weight: 600;
}
.job-apply{
  font-size: 17px;
  font-weight: 600;
  min-height: 10px !important;
}
.current-openings{
  margin-bottom: 20px !important;
}
.job-openings{
  margin-bottom: 270px !important;
}
/* STOP Careers 2019 */
/* START Case Studies 2019 */
.flex-start{
  display: flex !important;
  justify-content: flex-start;
}
.flex-center{
  display: flex !important;
  justify-content: center;
}
.flex-end{
  display: flex !important;
  justify-content: flex-end;
}
.mw-1000{
  max-width: 1000px !important;
  float: unset !important;
  margin: auto !important;
}
.company-name{
  margin-top:0px;
  line-height:1.3 !important;
  font-size: 40px !important;
  font-family: 'Gilroy' !important;
  margin-bottom: 10px;
  word-wrap: normal;
  text-align: center;
  font-weight: 600;
  max-width: 980px;
  margin: auto !important;
  float: none !important;
}
.case-study-enum{
	max-width:720px;
  width:100%;
  margin:0 auto !important;
  float: none !important;
  display:block;
/*   padding-left: 40px; */
}
.case-study-enum p, .case-study-enum span{ 
  font-size: 19px;
  line-height: 1.43;
}
.case-study-img-text{
  text-align: center;
  font-size: 22px;
  line-height: 38px;
}
.case-study-img-text p:nth-child(2), .case-study-img-text p:nth-child(3){
  font-size: 19px;
  line-height: 25px;
}
.card_head{
  max-width: 300px;
  min-height: 100px;
}
.card_head h2{
  font-weight: 600 !important;
  font-size: 19px !important;
  margin-bottom: 12px;
}
.card_head p{
  font-size: 13px;
  line-height: 19px;
}
.cta_learn_more{
  margin-top: 8px;
}
.case_card_img{
  margin-top: 20px;
}
/* STOP Case Studies 2019 */

/* START Customers 2019 */
.customers-photo img{
  width: 100% !important;
}
.customer-story{
  margin-top: 270px;
}
.customer-company-industry, .blue-company-name{
  color: #0146fb;
  font-size: 17px;
  font-weight: 600;
}
.customer-company-name h2 {
  font-size: 36px !important;
  font-family: 'Gilroy' !important;
  margin-top: 8px;
}
.customer-company-description{
  font-size: 22px;
  line-height: 34px;
  margin-top: 15px;
}
.customer-story .customer-company-btn a{
  font-size: 17px !important;
  margin-top: 27px;
}

.gdpr-title h1 {
  max-width: max-content;
  margin: 0 auto;
}

@media only screen and (max-width: 1400px) {
  .customer-story{
    padding: 0 60px; 
  }
}
.headline-holder-pink{
  background-color: #e9b7b6 !important;
}
/* STOP Customers 2019 */

/* START Integration 2019*/
.headline-text-integrations h2{
	margin-top: 0;
  line-height: 60px !important;
  font-size: 50px !important;
  font-family: 'Gilroy' !important;
  margin-bottom: 0;
  color: #212224;
  font-weight: 900;
  max-width: 390px;
}

.headline-text-integrations p{
	line-height: 34px;
  font-size: 19px;
  margin-top: 15px;
  max-width: 520px;
}

.headline-platforms{
  font-size: 17px;
  font-weight: 600;
}
.platform-box{
  margin-top: 14px;
  padding: 30px 50px 30px 30px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  margin-bottom: 1.564103vh;
  transition: .15s ease-in-out;
  min-height:220px !important;
  position: relative;
}
.platform-box:hover{
  box-shadow: 0 20px 50px 0 rgba(12,16,20,.1);
  transition: .15s ease-in-out;
  cursor: pointer;
}

.platform-box .learn_more_integrations_btn { margin-bottom: 20px; }

.platfrom-box-title h2{
  font-size: 22px !important;
  font-weight: 600;
  color: #1A3349;
  margin: 0;
}
.platfrom-box-text p {
  font-size: 13px;
  line-height: 19px;
  margin-top: 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.learn_more_integrations_btn{
  position: absolute;
  bottom: 10px;
}
.learn_more_integrations_btn.mt-10{
  bottom: 0px;
}
.learn_more_integrations_btn a{
  color: #0C0F14;
  font-size: 14px;
}

.learn_more_integrations_btn span::after{
  content: " ";
  background: url(https://www.smartdreamers.com/hubfs/right-arrow-black.png) 15px 5px no-repeat;
  background-size: 16px;
  display: inline-block;
  width: 36px;
  background-repeat: no-repeat;
  height: 18px;
  margin-left: 0px;
  background-size: 12px 12px;
  background-position: 15px 3px;
  position: absolute;
}

.one-platform .learn_more_integrations_btn span::before {
  content: " ";
  width: 75px;
  height: 1px;
  margin-left: 0px;
  display: block;
  background-color: #212224;
  position: absolute;
  bottom: 0;
}
/* STOP Integration 2019*/

/* START Features 2019 */
.features-artboard img {
    width: 100% !important;
    max-width: 100%;
    margin-top: 90px;
}
.request-live-demo-btn {
  background-color: #286efa !important;
  color: #fff !important;
  border: 1px solid #286efa !important;
  border-radius: 30px !important;
  padding: 15px 34px !important;
  outline: 0;
  font-size: 13px !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 44px;
  transition: all 0.25s ease-out 0s;  
  margin: 30px 0 10px;
}
.request-live-demo-btn:hover{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px !important;
  background: rgb(37, 98, 206) !important;
  color: #fff !important;
  transition: 0.3s all;
  border-color: #0f5df9 !important;
  background: #0f5df9 !important;
}
.feature-stories-facts h2{
    font-size: 30px !important;
    font-weight: 500;
    color: #212224;
}
.feature-stories-facts-text{
  position: relative;
  z-index: 10;
}
.feature-stories-facts-text p{
  font-size: 19px !important;
  margin-top: 10px;
  line-height: 30px;
  color: #212224;
}
.negative-mt{
  margin-top: -140px;
  position: relative;
}
.negative-mt img{
    z-index: -1;
    position: relative;
}
.negative-mt-50{
  margin-top: -50px;
  position: relative;
}
.features_box{
  min-height:125px !important;
  margin-bottom: 25px;
}
.features_box h2 a {
  font-size: 19px;
  font-weight: 700;
  line-height: 35px;
}
.features_box p{
  font-size: 16px;
  margin-bottom: 25px;
  line-height: 25px;
  height: 75px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.academy_testimonials_box h2{
  margin-top: 20px;
  font-size: 24px !important;
}

.academy_testimonials_box p{
    font-size: 15px;
    margin-top: 11px;
    margin-bottom: 32px;
}
.headline-box-text{
  font-size: 46px !important;
}
.feature-box{
  width: 28% !important;
}
.feature-box img{
  width: 100% !important;
}
.feature-box:nth-child(2), .feature-box:nth-child(3){
  margin-left: 8% !important;
}
.feature-stories-paragraph p{
  max-width: 610px;
  font-size: 19px;
  line-height: 2;
  margin-bottom: 25px;
}
.request-demo .submitted-message{
    line-height: 40px;
}
/* STOP Features 2019 */
/* START Integration-ecosystem 2019 */
.headline-text-ecosystem h2{
  font-size: 50px !important;
  font-family: 'Gilroy' !important;
  word-wrap: normal;
  max-width: 900px;
  line-height: 57px;
  margin: auto;
}
.headline-text-ecosystem p{
  font-size: 19px;
  max-width: 710px;
  margin: 0 auto;
  margin-top: 20px;
  line-height: 33px;
}
.ecosystem-artboard img{
  width: 100% !important;
	max-width: 100%;
}
.opportunities-text h2{
  max-width: 352px;
  font-size: 40px !important;
  line-height: 52px;
}
.opportunities-text p{
  max-width: 570px;
  margin-top: 25px;
  line-height: 30px;
  font-size: 22px;
}
.opportunities-box{
}
.opportunities-box-text h2{
  font-size: 22px !important;
  font-weight: 600;
  color: #1A3349;
  margin: 0;
}
.opportunities-box-text p{
  font-size: 17px;
  line-height: 25px;
  margin-top: 19px;
}
.opportunities-box-text-nr h2{
  font-size: 70px !important;
  color: #1A3349;
  margin: 0;
}
.opportunities-box-text-nr p{
  font-size: 17px;
  line-height: 25px;
  margin-top: 19px;
}
.opportunities-img img{
  margin-top: 26px;
  width: 100% !important;
}
.customer-stories-bold-post-eco{
    max-width: 610px;
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: normal;
}
.integration-LP-content{
	max-width:700px;
  display: block;
  margin:auto !important;
	float: none !important;
}
.integration-LP-content p, .integration-LP-content span {
    text-align: justify;
    font-size: 19px;
    line-height: 1.8;
}
.integration-LP-img img{
  max-width: 1000px; 
  width: 1000px !important;
}

.blue-subtitle{
  font-size: 16px;
  color: #296EFA;
  text-transform: uppercase;
  display: block;
  font-weight:600;
  margin: 0 auto 7px;
  text-align: center;
}
.grey-bg{
  background-color: #F1F2F6;
  min-height:230px !important;
  padding: 0 20px;
  margin-left: 10px !important;
}
.body-container-wrapper .row-fluid .grey-bg.two-column{
  width: calc(50% - 10px) !important;
  margin: 0 !important;
  &:hover{
    box-shadow: 0 20px 50px 0 rgba(12,16,20,.1);
    transition: .15s ease-in-out;
    cursor: pointer;
  }
}
.body-container-wrapper .row-fluid .grey-bg.four-column{
  width: calc(25% - 10px) !important;
  margin: 0 !important;
}
.body-container-wrapper .row-fluid .grey-bg.four-column:hover,.body-container-wrapper .row-fluid .grey-bg.two-column:hover{
  box-shadow: 0 20px 50px 0 rgba(12,16,20,.1);
  transition: .15s ease-in-out;
  cursor: pointer;
}

.grey-bg:first-child{
  margin-left: 0px !important;
}
.df-jsb{
    display: flex;
    justify-content: space-between;
}
.centered-content{
  display: flex !important;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.grey-content-title{
  margin-bottom: 20px;
}
.grey-content-title h1, .grey-content-title h2, .grey-content-title h3, .grey-content-title h4, .grey-content-title h5, .grey-content-title p, .grey-content-title span{
  font-size: 28px;
}
.grey-content-text h1, .grey-content-text h2, .grey-content-text h3, .grey-content-text h4, .grey-content-text h5, .grey-content-text p, .grey-content-text span{
  font-size: 15px;
  color: #ADB9C5;
}


.homepage-stories-facts h2{
    font-size: 30px !important;
    color: #1a3349;
}
.homepage-stories-facts-text{
  position: relative;
  z-index: 10;
}
.homepage-stories-facts-text p{
    font-size: 17px !important;
    margin-top: 10px;
    line-height: 28px;
}


@media only screen and (max-width: 1500px){
  .width-1350{
      padding: 0 60px;
  }
}

@media only screen and (max-width: 1180px){
  .request-book-form form .hs-button{
    position: relative !important;
    margin-top: 25px !important;
  }
}

@media only screen and (max-width: 980px){
  .mobile-marginT-80{
      margin-top: 80px !important;
  }
}

@media only screen and (max-width: 768px){
  .headline-text h2{
    font-size: 34px !important;
    margin-top: 20px !important;
  }
  .headline-text-blue{
    margin-top: 60px;
  }
  .mt-250{
    margin-top:100px !important;
  }
  .body-container-wrapper .row-fluid .grey-bg.two-column, .body-container-wrapper .row-fluid .grey-bg.four-column{
    width: 250px !important;
    margin: 0 auto 20px !important;
  }
  .body-container-wrapper .row-fluid ..platform-box:hovern{
    width:250px !important;
    margin: 0 auto 20px !important;
  }
  .f-s45{
    font-size: 36px !important;
  }
  .blue-subtitle{
    margin: 0 auto !important;
  }
  .mt-270{
    margin-top:100px !important;
  }
  .mt-150{
    margin-top:70px !important;
  }
  .df-jsb{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .mobile-order-2{
    max-width: 50%;
    width:100%;
    order:2;
    padding-top:20px;
  }
  .feature-box{
    margin: 100px auto !important;
    width: 80% !important;
  }
  .flex-start{
    display: block !important;
    justify-content: unset;
  }
  .flex-center{
    display: block !important;
    justify-content: unset;
  }
  .flex-end{
    display: block !important;
    justify-content: unset;
  }
  
  .customer-story img{
     margin-top: 50px;
  }
    .mobile-ord-1{
    order: 1;
  }
  .mobile-ord-2{
    order: 2;
  }
  .footer-text-title span, .footer-text-title p{
    font-size: 28px !important;
  }
  .job-apply{
    margin-top: 25px !important;
  }
  .card_head{
    margin: auto !important;
  }
  .mobile-margin{
    margin: 100px 0;
  }
  .features_box{
    min-height:100px !important;
  }
  .footer-bottom-text .span2 {
      width: 100% !important;
  }
  .request-book-form form .hs-button{
    padding: 18px 65px !important;
  }
  .book-cover{
    margin: auto !important;
  }
  .book-description{
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .headline_give_mail h2{
    text-align: center;
    margin-bottom: 50px;
  }
  .display-flex-valign{
    justify-content: center;
  }
  .display-flex-valign-end{
    justify-content: center !important;
  }
  .span6.widget-span.widget-type-cell.right-side-boxs{
    margin-left: 0 !important;
    margin-top: 60px !important;
  }
}

.display-flex-simple{
  display: flex !important;
}
.display-flex-valign{
  display: flex !important;
  align-items: center;
}
.display-flex-valign-end{
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}





/***** ADD STYLE FOR VIDEO MODAL *****/
.modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  outline: 0;
  z-index: 12;
}
.modal.bootstrap {
  z-index: 1050;
}

/***** GENERAL STYLE *****/
.secondary-headline .title-section,
.global-enterprises .title-section,
.get-demo-content .title-section,
.segments-wrapper .title-section,
.about .title-section,
.what-is-inside .title-section,
.get-book-section .title-section,
.title-section,
.title-section h2 {
  font-size: 40px !important;
  line-height: 60px !important;
  color: #212224 !important;
  text-align: center;
}

.horizontal-logos-bw,
.sub-partners-text,
.secondary-headline .sub-title,
.sd-skills,
.homepage-artboard,
.global-enterprises,
.segments-wrapper,
.book-headline-section .display_flex_simple,
.books-wrapper,
.contributors,
.about,
.what-is-inside,
.get-book-section .wrapper,
.mw-1350 {
  max-width: 1350px;
  margin: 0 auto !important;
  float: none !important;
}

.secondary-headline .sub-title h2,
.form-get-demo .sub-title h2,
.global-enterprises .sub-title h2,
.segments-wrapper .sub-title h2,
.sub-title h2,
.sub-title p {
  font-size: 19px !important;
  line-height: 34px !important;
  color: #212224;
  text-align: center;
  margin: 0 auto;
  max-width: 730px;
  margin-top: 5px;
}

.blue-bg {
  background-color: #F1F2F6;
}

.get-demo form {
  display: flex;
  justify-content: center;
}

.get-demo .hs-error-msg {
  color: #212224;
}

.get-demo .hs-email input:placeholder { color: #0C0F14; }

.get-demo .hs-email input:hover ,
.get-demo .hs-email input:focus { 
  border: 1px solid #3B6EF1 !important; 
}

.get-demo .hs-submit {
  margin: 0 15px;
}

.get-demo .hs-form-field,
.get-demo .hs-submit {
  height: 86px;
}

.get-demo .hs-form-field input {
  width: 325px !important;
  height: 55px !important;
  background: #FFFFFF !important;
  border-radius: 3px !important;
  color: #0C0F14 !important;
  font-size: 13px !important;
  border: 1px solid #fff !important;
  padding: 22px 0 20px 18px !important;
}

.get-demo .hs-submit input {
  top: auto !important;
  right: auto !important;
  color: #fff !important;
  background-color: #0C0F14 !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  line-height: 25px !important;
  box-shadow: none !important;
  border: 1px solid #0C0F14 !important;
  height: 55px !important;
  width: 175px !important;
  padding: 15px 45px !important;
  margin: 0 !important;
  text-transform: inherit;
}

.mw-715 {
  max-width: 715px !important;
  margin: 0 auto !important;
  float: none !important;
}

.hs-error-msg {
  font-size: 12px !important;
}

.homepage-accelerate-talent .headline-text h1 {
  font-family: 'Gilroy Extra Bold' !important;
  font-weight: normal !important;
}

/***** ADD STYLE FOR HOMEPAGE ACCELERATE TALENT *****/
.homepage-accelerate-talent {
  background-color: #F1F2F6;
}

.homepage h2 {
  font-weight: 900;
}

.homepage.get-started {
  padding-top: 130px;
}

.body-container-wrapper .row-fluid .homepage .play-video {
  margin-right: 25px !important;
  width: auto !important;
}

.body-container-wrapper .row-fluid .homepage .get-a-demo {
  margin-right: 0 !important;
  width: auto !important;
}

.homepage .play-video .play-video-btn,
.academy-page-headline .video-wrapper .play-video-btn {
  border-radius: 25px !important;
  border: 1px solid #212224 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: #212224 !important;
  margin-bottom: 10px !important;
  padding: 0px 57px !important;
  height: 48px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.homepage .play-video .play-video-btn:hover,
.academy-page-headline .play-video-btn:hover {
  background-color: #212224 !important;
  color: #fff !important;
}

.homepage .play-video .play-video-btn:hover span:before,
.academy-page-headline .play-video-btn:hover span:before {
  background-image: url(https://www.smartdreamers.com/hubfs/play-arrow.white.png);
}

.homepage .play-video .play-video-btn span,
.academy-page-headline .play-video-btn span {
  display: inline-flex;
  margin-top: 4px;
}

.homepage .play-video .play-video-btn span:before,
.academy-page-headline .play-video-btn span:before {
  content: "";
  display: block;
  background-image: url(https://www.smartdreamers.com/hubfs/play-arrow.black.png);
  background-size: 12px;
  width: 12px;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.homepage .play-video .play-video-btn img,
.academy-page-headline .play-video-btn {
  width: auto !important;
  height: 12px !important;
}

.homepage .request-demo-btn {
  border-radius: 25px !important;
  background-color: #212224 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-color: #212224 !important;
  text-transform: capitalize !important;
  padding: 14.5px 61px !important;
  transition: all .5s;
}

.homepage .request-demo-btn:hover {
  background-color: #000205 !important;
  transition: all .5s;
}

.partners { background-color: #F1F2F6; }

.sub-partners-text {
  color: #19324B;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.88px;
  padding-bottom: 60px;
  padding-top: 50px;
  text-align: center;
  font-weight: 500;
}

.case-study-img-right { margin-left: 60px !important; }


/***** ADD STYLE FOR SECONDARY HEADLINE *****/ 

.sd-skills-content .flex-box { justify-content: flex-start; }

.sd-skills p:first-of-type{
	font-size: 19px;
  max-width: 370px;
  font-family: 'Gilroy';
  margin-bottom: 0;
  line-height: 35px;
  color: #212224;
/*   font-family: 'Gilroy Bold'; */
}

.sd-skills .active p:first-of-type{
/*   color: #3F79FA; */
  font-weight: 700;
}

.sd-skills .active p:first-of-type:after{
	content: "";
  width: 185px;
  height: 1px;
  background-color: #212224; 
  display: block;
} 

.sd-skills .active p:last-of-type{
	display: block;
}

.sd-skills p:last-of-type{
	font-size: 16px;
  max-width: 370px;
  line-height: 25px;
  margin-bottom: 25px;
  display: none;
  cursor: pointer;
}







.sd-skills .update-skills p:first-of-type{
	font-size: 19px;
  max-width: 370px;
  font-family: 'Gilroy';
  margin-bottom: 0;
  line-height: 35px;
  color: #212224;
  font-family: 'Gilroy Bold';
}

.sd-skills .update-skills .active p:first-of-type{
  color: #3F79FA;
/*   font-weight: 700; */
}

.sd-skills .update-skills .active p:first-of-type:after{
	content: "";
  width: 185px;
  height: 1px;
  background-color: #212224; 
  display: none;
} 

.sd-skills .update-skills .active p:last-of-type{
	display: block;
}

.sd-skills .update-skills p:last-of-type{
	font-size: 16px;
  max-width: 370px;
  line-height: 25px;
  margin-bottom: 25px;
  display: block;
  cursor: pointer;
}








.sd-skills .skill { cursor:pointer; }

.sd-skills .fixed-box { margin-top: 0; }

.skill-images img {
  float:right;
	width: 780px !important; 
}

.fixed-box.hide,
.img-box.hide {
  display: none !important; 
}

.skill-item { display: none !important; }

.skill-item.active { 
  display: block !important; 
}

 .skill-item.active .flex-box {
   height: 610px;
   overflow: hidden; 
}

.sd-skills-content .skill-title { 
  cursor: pointer;
}

.sd-skill-content .flex-box { justify-content: unset; }


/*****  ADD STYLE FOR GLOBAL ENTERPRISE SECTION *****/
.global-enterprises .txt-content p:first-of-type {
  padding: 0 100px;
  margin-bottom: 25px;
}

.global-enterprises .item {
  cursor: pointer;
}


/*****  ADD STYLE FOR SEGMENTS WRAPEPR SECTION  *****/
.segments-wrapper { position: relative; }

.segments-wrapper .nav-tabs {
  display: flex;
}

.segments-wrapper .nav-tabs a {
  flex-basis: 25%;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  color: #212224;
}

.segments-wrapper .nav-tabs a:hover {
  cursor: pointer;
}

.segments-wrapper .nav-tabs a:after {
  content: "";
  height: 1px;
  background-color: #DDDDDD;
  display: block;
}

.segments-wrapper .nav-tabs a.active { font-weight: 700; }

.segments-wrapper .nav-tabs a.active:after { background-color: #212224; }

.segments-wrapper .wrapper-items { 
  position: relative; 
  min-height: 400px;
}

.segments-wrapper .segment-item {
  visibility: hidden;
  position: absolute;
  left: 0;
  transition: 0.2s all;
  opacity: 0;
}

.segments-wrapper .segment-item .content {
  display: flex;
  margin-bottom: 45px;
  justify-content: space-between;
}

.segments-wrapper .segment-item .content:last-of-type { margin-bottom: 0; }

.segments-wrapper .segment-item .content p:first-of-type {
  flex-basis: 40%;
  font-size: 60px;
  text-align: center;
  line-height: 65px;
}

.segments-wrapper .segment-item .content p:last-of-type {
  flex-basis: 60%;
  font-size: 16px;
  color: #212224;
  line-height: 27px;
}

.segments-wrapper .segment-item img {
  height: auto !important; 
}

.segments-wrapper .segment-item.active {
  visibility: visible;
  transition: 0.3s all;
  opacity: 1;
}


/*****  ADD STYLE FOR GET A DEMO SECTION  *****/
.form-get-demo {
  background: #F1F2F6;
  padding: 150px 0 165px;
  margin-bottom: 100px;
}

.form-get-demo .title {
  text-align: center;
  font-size: 40px;
  line-height: 55px;
  color: #212224;
  margin-bottom: 25px;
} 

.form-get-demo .sub-title { margin-bottom: 40px; }

.form-get-demo form {
  display: flex !important;
  align-items: flex-start;
}

.form-get-demo .hs-form-required { display: none; }

.form-get-demo .hs_firstname,
.form-get-demo .hs_email,
.form-get-demo .hs_phone {
  margin-right: 13px;
}


.form-get-demo .hs_firstname .input,
.form-get-demo .hs_email .input,
.form-get-demo .hs_phone .input {
  margin-bottom: 15px;
}

.form-get-demo .hs_firstname .hs-error-msgs,
.form-get-demo .hs_email .hs-error-msgs,
.form-get-demo .hs_phone .hs-error-msgs {
  font-size: 12px;
}

.form-get-demo .hs_firstname input,
.form-get-demo .hs_email input,
.form-get-demo .hs_phone input {
  width: 275px;
  height: 55px;
  background: #FFFFFF;
  border-radius: 3px;
  color: #0C0F14;
  font-size: 13px;
  border: 1px solid #fff;
  padding: 22px 0 20px 18px;
}

.form-get-demo .hs_firstname input:hover,
.form-get-demo .hs_email input:hover,
.form-get-demo .hs_phone input:hover {
  border: 1px solid #3B6EF1;
}

.form-get-demo .hs_firstname input:focus,
.form-get-demo .hs_email input:focus,
.form-get-demo .hs_phone input:focus {
  border: 1px solid #3B6EF1;
  outline: none;
}

.form-get-demo .hs_submit input {
  background-color: #0C0F14;
  width: 175px;
  height: 55px;
  border-radius: 3px;
  border: 1px solid #0C0F14;
  color: #fff;
  transition: all .5s;
  line-height: 4.45;
  text-transform: inherit;
}

.form-get-demo .hs_submit input:hover,
.form-get-demo .hs_submit input:focus,
.get-demo .hs-submit input:hover {
  cursor: pointer;
  background-color: #000205;
  transition: all .5s;
}

.form-get-demo .hs_submit input:focus,
.get-book-section form .hs-submit input:focus,
.get-demo .hs-submit input:focus {
  outline: none;
}

.hs_error_rollup {
  display: none;
}

.get-demo .submitted-message { margin-top: 53px; }


/***** ADD STYLE FOR BOOKS PAGE *****/
.books-intro-section {
  background-color: #F1F2F6;
}

.body-container-wrapper .books-intro-section .row-fluid img {
  width: 425px !important;
}

.books-intro-section h1 {
  font-size: 50px !important;
  line-height: 65px;
}

.books-intro-section p { 
  max-width: 525px;
  font-size: 19px;
  line-height: 34px !important;
}

.books-wrapper .book-description { margin-bottom: 25px; }

.books-wrapper .book-title { margin-bottom: 5px; }

.books-wrapper .book-title p,
.books-wrapper .book-title span {
  font-size: 17px;
  font-weight: 700;
  line-height: 26px !important;
  margin-bottom: 0;
}

.books-wrapper .book-description .get-the-book {
  font-size: 16px;
  line-height: 30px;
  color: #212224;
}

.books-wrapper .book-title span { color: #212224; }

.books-wrapper .book-description .get-the-book:before { background-color: #212224; }

.books-wrapper.mb-110 { margin-bottom: 220px !important; }

.books-wrapper.mb-270 { margin-bottom: 260px !important; }

/***** ADD STYLE FOR BOOK PAGE *****/
.book-headline-section { background-color: #F1F2F6; }

.book-headline-section .display-flex-simple { align-items: center; }

.book-headline-section img { width: 425px !important; }

.book-headline-section h1 {
  font-size: 50px !important;
  line-height: 60px !important;
  color: #212224;
  font-weight: 900;
  max-width: 485px;
  margin-left: 0 !important;
}

.book-headline-section p {
  font-size: 17px;
  line-height: 34px;
  color: #212224;
  max-width: 535px;
}

.book-headline-section .request-book-form form {
  display: flex;
  align-items: center;
}

.book-headline-section .request-book-form .hs-email,
.book-headline-section .request-book-form .hs-submit {
  height: 86px;
}

.book-headline-section .request-book-form .hs-email input {
  background-color: #fff;
  border-radius: 3px;
  color: #0C0F14;
  font-size: 13px;
  line-height: 25px;
  height: 55px;
  width: 355px;
  border: 1px solid #fff !important;
  margin-bottom: 15px !important;
}

.book-headline-section .request-book-form .hs-error-msg {
  color: #212224;
}

.book-headline-section .request-book-form .hs-email input:placeholder { color: #0C0F14; }

.book-headline-section .request-book-form .hs-email input:hover ,
.book-headline-section .request-book-form .hs-email input:focus { 
  border: 1px solid #3B6EF1 !important; 
}

.book-headline-section .request-book-form .hs-submit {
  margin: 0 15px;
}

.book-headline-section .request-book-form .hs-submit input {
  top: auto;
  right: auto;
  color: #fff !important;
  background-color: #0C0F14 !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  line-height: 25px;
  box-shadow: none;
  border: 1px solid #0C0F14 !important;
  height: 55px !important;
  width: 175px !important;
  padding: 15px 31px !important;
  margin: 0 !important;
  transition: all .5s;
}

.book-headline-section .request-book-form .hs-submit input:hover,
.get-book-section form .hs-submit input:hover {
  transition: all .5s;
  cursor: pointer;
  background-color: #000205 !important;
}

.body-container-wrapper .book-headline-section .book-cover-photo {
  display: flex;
  justify-content: flex-end;
}

.body-container-wrapper .book-headline-section .book-cover-photo img {
  width: 425px !important;
}

.contributors {
  margin-top: 160px !important;
  margin-bottom: 125px !important;
}
  
.contributors .title-section { margin-bottom: 35px; }

.contributors .title-section h2 {
  font-size: 17px !important;
  color: #0C0F14 !important;
  line-height: 26px !important;
  text-align: center;
} 

.contributors .image-item {
  width: auto;
}

.contributors img {
  width: 62px;
  height: 62px;
  margin-right: 25px;
}

.about .title-section { margin-bottom: 45px; }

.about-description {
  font-size: 17px;
  color: #0C0F14;
  max-width: 700px;
  line-height: 32px;
  margin: 0 auto !important;
  float: none !important;
}

.what-is-inside {
  margin-top: 120px !important;
}

.what-is-inside .display-flex-simple {
  align-items: center;
}

.what-is-inside .title-section h2 {
  font-size: 40px !important;
  text-align: left;
}

.body-container-wrapper .what-is-inside .row-fluid img {
  width: 425px !important;
}

.what-is-inside .li_text_padding {
  font-size: 19px;
  line-height: 30px;
}

.what-is-inside .li_text_padding:nth-child(1)::before {
  border-radius: 0;
  height: 1px;
  width: 22px;
  background-color: #212224;
}

.get-book-section {
  background-color: #F1F2F6;
  padding: 135px 0 55px;
  margin-bottom: 100px;
}

.get-book-section.ebook-page {
  margin-bottom: 0;
}

.get-book-section .title-section {
  letter-spacing: 0.2px;
  margin-bottom: 55px;
}

.get-book-section form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 140px;
}

.get-book-section form .hs-form-required {
  display: none;
}

.get-book-section form .hs-email {
  height: 86px;
}

.get-book-section form .hs-email input {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  height: 55px;
  width: 355px;
  padding: 20px 22px;
  margin-bottom: 15px;
}

.get-book-section form .hs-email input:hover {
  border: 1px solid #3B6EF1;
} 

.get-book-section form .hs-submit {
  height: 86px;
  margin-left: 15px;
}

.get-book-section form .hs-submit input {
  background-color: #0C0F14;
  width: 175px;
  height: 55px;
  border-radius: 3px;
  border: 1px solid #0C0F14;
  color: #fff;
  transition: all .5s;
  text-transform: inherit;
}

.get-book-section .logo {
  text-align: center;
}

.get-book-section .logo svg {
  width: 35px;
}

.inside-headline .display-flex-simple {
  align-items: center;
}

.one-platform {
  margin-top: 180px !important;
  margin-bottom: 310px !important;
}

.your-software {
  margin-top: 230px;
}

.feature-benefits {
  margin-left: 130px !important;
}

.feature-benefits p {
  font-size: 18px;
  line-height: 29px;
  max-width: 480px;
  color: #0C0F14;
  margin-bottom: 25px;
  position: relative;
}

.feature-benefits p:before {
  content: "";
  position: absolute;
  background: url(https://www.smartdreamers.com/hubfs/bifa.png);
  width: 28px;
  height: 28px;
  top: 0;
  background-size: 28px;
  left: -50px;
}

.industry .headline-text h1 {
  font-size: 50px;
  font-weight: normal;
  line-height: 65px !important;
  color: #212224;
  margin-top: 10px !important;
  max-width: 1000px !important;
  font-family: 'Gilroy Extra Bold' !important;
  margin: 0 auto;
  max-width: 1000px !important;
  margin-bottom: 20px;
}

.industry .headline-text p {
  max-width: 715px;
}

.industry .content {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
}

.industry .content p:first-of-type {
  font-size: 60px;
  line-height: 65px;
  color: #212224;
  flex-basis: 44%;
}

.industry .content p:last-of-type {
  font-size: 16px;
  line-height: 27px;
  color: #212224;
  flex-basis: 56%;
  text-align: left;
}

.industry .form-get-demo {
  margin-bottom: 0 !important;
  padding-bottom: 60px !important;
  padding-top: 100px !important;
}

.industry .form-get-demo form {
  justify-content: center;  
}

.challenge-item p:first-of-type {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 22px;
  color: #0C0F14;
}

.challenge-item p:last-of-type {
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  color: #0C0F14;
}

.challenge-item img {
  width: 30px;
  height: 20px;
}

.step-item img {
  width: 125px;
  height: 125px;
  margin-bottom: 20px;
}

.step-item h6 {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  margin: 0 !important;
}

.step-item p:last-of-type{
  font-size: 17px;
  line-height: 27px;
  max-width: 295px;
  text-align: center;
  display: block;
  color: #212224;
  margin-top: 35px !important;
  margin: 0 auto;
}

.integration-cta .connect-facebook {
  margin: 0 auto !important;
  margin-top: 75px !important;
}

.body-container-wrapper .case-headline-wrapper .row-fluid img {
  width: 540px !important; 
}

.case-headline-wrapper .flex-box {
  align-items: initial;  
}

.case-headline-wrapper .title {
  max-width: 535px;
  text-align: left;
  font-size: 50px;
  line-height: 65px;
  font-weight: 900;
  margin-bottom: 25px;
  margin-top: 20px;
}

.case-headline-wrapper .sub-title p {
  text-align: left;
  max-width: 525px;
  margin: initial;
}

.cta-black-circle {
  display: flex !important;
  justify-content: center;
}

.cta-black-circle a, .cta-black-circle .btn {
  background-color: #0C0F14 !important;
  color: #fff !important;
  border-radius: 27.5px !important; 
  font-size: 13px !important;
  line-height: 25px !important;
  height: 55px !important;
  width: 175px !important;
  margin-top: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.companies .flex-box { align-items: initial; }

.companies .cta-black-circle { justify-content: flex-start; }

.platforms.mt-150 { margin-top: 150px !important; }

.platforms.mt-85 { margin-top: 85px !important; }

.platforms.mb-260 { margin-bottom: 260px !important; }

.platforms .learn_more_integrations_btn {
  left: 0;
  padding-left: 30px;
}

.footer-containerw-1320 .flex-box {
  align-items: flex-start;
}

.resources-links p:first-of-type,
.product-links p:first-of-type,
.company-links p:first-of-type,
.segments-links p:first-of-type,
.offices-links p:first-of-type {
  font-family: 'Gilroy Extra Bold' !important;
  font-weight: normal !important;
}

.industry-headline .display-flex-simple {
  align-items: center;
  justify-content: space-between;
}

.mobile-footer { display: none !important; }

.general-footer { display: block; }

.mobile-footer svg { 
  max-width: 45px; 
  margin-bottom: 50px;
}

.mobile-footer .footer-row p:first-of-type {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto !important;
}

.product-links ul, 
.company-links ul,
.resources-links ul,
.segments-links ul,
.offices-links ul {
  list-style-type: none !important;
  padding: 0 10px;
  margin: 0;
  display: none;
}

.mobile-footer .footer-row p:first-of-type:after {
  content: "";
  display: block;
  background-image: url(https://cdn2.hubspot.net/hubfs/4665808/down-arrow.svg);
  width: 10px;
  height: 10px;
  transition: all .8s;
}

.mobile-footer .footer-row p.open:after {
  transform: rotate(180deg);
}

.mobile-footer .footer-row li { line-height: 36px; }

.mobile-footer .footer-row li span { font-size: 13px; }

.footer-container-wrapper .mobile-footer a,
.mobile-footer .name-company span {
  font-size: 13px !important; 
}

.mobile-footer .offices-links li { font-size: 13px; }


/***** ADD STYLE FOR CONTACT PAGE *****/

.contact-wrapper .contact-form-side-title h1 {
  font-size: 28px !important;
  line-height: 35px;
  letter-spacing: 0.14px;
  color: #212224;
  font-weight: 500;
  font-family: 'Gilroy' !important;
}

.contact-wrapper .contact-form-side-subtitle p {
  font-size: 16px;
  line-height: 25px !important;
  color: #212224;
}

.contact-wrapper .contact-form input,
.contact-wrapper .contact-form textarea {
  background: transparent;
  border: .5px solid #ddd;
  box-shadow: none;
  border-radius: 3px;
  padding: 14.5px 15px 10.5px 15px;
  margin-bottom: 5px;
  margin-top: 15px;
  font-size: 13px !important;
  font-family: 'Gilroy' !important;
}

.contact-wrapper .contact-form input:hover,
.contact-wrapper .contact-form textarea:hover,
.contact-wrapper .contact-form input:focus,
.contact-wrapper .contact-form textarea:focus { 
  border-color: #0f5df9;
}

.contact-wrapper .contact-form .field { margin-bottom: 0; }

.contact-wrapper .contact-form .hs-submit input {
  background-color: #212224 !important;
  color: #fff !important;
  border: 1px solid #212224 !important;
  border-radius: 30px !important;
  padding: 18px 70px !important;
  outline: none !important;
  cursor: pointer;
  height: 55px;
  font-size: 13px !important;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  transition: .3s all;
  -webkit-appearance: none;
}

.contact-wrapper .contact-form .hs-submit input:hover {
  background-color: #000205 !important;
  border-color: #000205 !important;
}

.homepage-artboard.about-us { padding: 0; }

.academy-item p { margin-bottom: 85px; }

.contributors img { margin-right: 0; }

.get-a-demo-homepage-button a {
  background-color: #212224 !important;
  color: #fff !important;
  border: 1px solid #212224 !important;
  border-radius: 30px !important;
/*   padding: 18px 60px !important; */
  outline: none !important;
  cursor: pointer;
  height: 48px;
  font-size: 13px !important;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  transition: .3s all;
  -webkit-appearance: none;
  line-height: 51px;
  width: 193px !important;
  display: block;
}

.get-a-demo-homepage-button a:hover {
  background-color: #000205 !important;
  border-color: #000205 !important;
  transition: .3s all;
}

.segment-item .box-left { 
  text-align: center;
  background-color: #f1f2f6;
  color: #212224;
  padding: 55px 90px;
  border-radius: 8px;
}

.segment-item .box-left.not-visible { display: none !important; }

.segment-item .box-left p:nth-child(4) { margin-bottom: 8px; }

.segments-wrapper .wrapper-items .segment-item .box-left img { width: 125px !important; }

.segment-item .box-left p:last-of-type a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.segments-wrapper .wrapper-items .segment-item .box-left p a img {   
  width: 15px !important;
  margin-left: 10px; 
}

.case-study .title h1 { font-size: 50px !important; }

.form-get-demo .hs_email .hs-error-msgs  { width: 275px; }

@media only screen and (max-width: 767px) {
  
  .segment-item .box-left { 
    padding: 30px; 
    margin-bottom: 30px;
  }
  
  .form-get-demo { padding-top: 60px; }
  
  .form-get-demo h2 { padding-bottom: 20px; }
  
  .form-get-demo .hs_submit input { line-height: 0; }
  
  .case-study-img-right { margin-top: 50px !important; }
  
  .book-headline-section .request-book-form .hs-email input { width: 100%; }
  
  .book-headline-section .request-book-form form { 
    display: block;
    padding: 0 30px !important;
  }
  
  .integration-LP-content h2 { text-align: center; }
  
  .headline-text.careers-page p { padding: 0; }
  
  .contact-page.navigation-white { padding: 0 30px 20px !important; }
  
  .contact-wrapper .contact-form-side-title { text-align: center; }
  
  .contact-wrapper .contact-form { padding: 0 30px; }
  
  .skill-item,
  .skill-item.active {
    display: none !important; 
  }
  
  .segments-wrapper .mb-100.p-lr-30 { margin-bottom: 50px !important; }
  
  .segments-wrapper .segment-item .content {
    flex-direction: column;
    text-align: center;
  }
  
  .mobile-footer { display: block !important; }
  
  .open-icon { right: 30px !important; }
  
  .general-footer { display: none !important; }
  
  .segments-wrapper .segment-item img,
  .content-image-animation {
    display: none; 
  }
  
  .get-demo-content form,
  .get-book-section form,
  .form-get-demo form,
  .segments-wrapper .nav-tabs {
    flex-direction: column; 
  }
  
  .headline-text p,
  .sub-title h2,
  .sub-title p,
  .books-wrapper,
  .book-headline-section h2,
  .book-headline-section p,
  .about-description p,
  .what-is-inside .inside-book,
  .get-book-section .title-section,
  .headline-text-integrations p,
  .platforms,
  .headline-text-blue,
  .case-headline-wrapper .title,
  .customer-story,
  .image-section,
  .get-started,
  .description-wrapper,
  .case-study-enum,
  .industry .headline-text h2,
  .padding-image,
  .title-section,
  .challenge-item,
  .feature-stories-facts,
  .career-wrapper,
  .about-us-content,
  .sd-skills .nav-tabs {
    padding: 0 30px;
  }
  
  .body-container-wrapper .row-fluid .homepage .play-video { margin-right: 0 !important; }
  
  .wrapper-terms .flex-box,
  .media-links .flex-box,
  .contributors .flex-box {
    flex-direction: row; 
  }
  
  .wrapper-terms .terms { margin-left: 20px; }
  
  .footer-bottom-text { margin-top: 40px; }
  
  .global-enterprises .txt-content p:first-of-type { padding: 0 30px; }
  
  .global-enterprises .item {  margin-bottom: 65px !important; }
  
  .global-enterprises .item:last-of-type { margin-bottom: 0 !important; }
  
  .global-enterprises .img { margin-bottom: 25px !important; }
  
  .request-book-form form,
  .form-get-demo form {
    padding-left: 30px;
  }
  
  .industry .form-get-demo{ padding-top: 0 !important; }
  
  .request-book-form form,
  .get-demo form {  
    flex-direction: column;
    align-items: flex-start !important;
  }
  
  .request-book-form form .hs-submit { margin: 0 !important; }
  
  .what-is-inside .title-section h2 { text-align: center; }
  
  .headline-image,
  .headline-description,
  .one-platform .learn_more_integrations_btn span::before {
    display: none !important; 
  }
  .headline-image.employer-brand-builder {
    display: block !important;
  }
  .headline-image.employer-brand-builder .widget-type-custom_widget {
    display: none;
  }
  .headline-image.employer-brand-builder .widget-type-custom_widget.feature-benefits {
    display: block;
    margin-top: 50px;
    margin-left: 50px !important;
  }
  
  .company-story-button { margin-left: 30px !important;  }
  
  .headline-text-integrations h2,
  .headline-text h2,
  .books-intro-section h1,
  .books-intro-section p,
  .book-headline-section h2,
  .book-headline-section p,
  .features_box h2,
  .features_box p,
  .challenge-item,
  .headline-text-blue,
  .case-study .title p,
  .case-study .sub-title p,
  .integrations-list-page .headline-text-integrations p,
  .integrations-page .integrations-page p,
  .companies .title p,
  .companies .sub-title p,
  .customer-story-text {
    text-align: center !important; 
  }
  
  .integrations-page .get-started .cta_button.connect-facebook { margin: 20px auto; }
  
  .integrations-list-page .headline-text-integrations p { padding: 0 !important; }
  
  .learn_more_integrations_btn {
    left: 0;
    right: 0;
  }
  
  .companies .cta-black-circle { justify-content: center !important; }
  
  .companies .cta-black-circle a.cta_button.company-story-button { margin-left: 0 !important; }
  
  .learn_more_integrations_btn .widget-type-rich_text { text-align: center !important; }
  
  .book-headline-section .request-book-form form,
  .features .get-demo form,
  .industry .form-get-demo form {
    align-items: center !important; 
  }
  
  .headline-text-integrations.integrations-page p,
  .global-enterprises .title-section,
  .segments-wrapper .title-section,
  .segments-wrapper .sub-title h2,
  .about-us p,
  .companies .title,
  .companies .sub-title p {
    padding: 0; 
  }
  
  .challenge-item,
  .step-item {
    margin-bottom: 50px; 
  } 
  
  .challenge-item.last { margin-bottom: 0px; }
  
  .challenge-item img { margin: 25px 0; }
  
  .get-started .headline-text p {
    padding: 0;
    text-align: center !important;
  }
  
  .get-demo .hs-submit { margin: 0; }
  
  .sd-skills .active p:first-of-type { 
    margin-bottom: 7px; 
    font-weight: normal;
    user-select: none;
  }
  
  .sd-skills .active p:first-of-type:after { display: none; }
  
  .sd-skills .nav-link p:first-of-type,
  .sd-skills .active p:last-of-type { 
    user-select: none; 
    -webkit-tap-highlight-color: transparent;
    color: initial;
  }
  
  .sd-skills p:last-of-type { display: block; }
  
  .skill,
  .segment-item img {
    margin-bottom: 35px; 
  }
  
  .segments-wrapper {
    padding: 0 30px;
  }
  
  .segments-wrapper .wrapper-items {
    min-height: 970px;
  }
  
  .footer-container .items { margin-top: 60px; }
  
  .footer-container .items .flex-box {
    flex-direction: row;
    justify-content: space-between;
  }
  
  .product-links, 
  .company-links, 
  .media-links {
    margin-top: 0;
  }
  
  .product-links p:first-of-type,
  .company-links p:first-of-type,
  .resources-links p:first-of-type,
  .segments-links p:first-of-type,
  .offices-links p:first-of-type {
    font-size: 13px;
    font-weight: 700;
  }
  
  .footer-text p,
  .product-links p,
  .company-links p,
  .media-links p {
    font-size: 13px;
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
  .segment-item img { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 1500px) {
  .homepage-artboard,
  .homepage.get-started,
  .about-us-content {
    padding: 0 30px; 
  }
  
  .academy-page.navigation-white { padding: 0 30px !important; }
  
  .homepage.get-started { padding-top: 130px; }
  
  .case-study-img-right { margin-top: 50px !important; }
  
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  
  .get-demo-content form,
  .get-book-section form,
  .form-get-demo form,
  .book-headline-section .request-book-form form {
    flex-direction: column; 
  }
  
  .book-headline-section .request-book-form form { align-items: flex-start; }
  
  .book-headline-section .request-book-form form .hs-submit { margin-left: 0; }
  
  .nav-tabs { padding-left: 0 !important; }
  
  .p-lr-30,
  .sd-skills,
  .row-items,
  .nav-tabs,
  .platforms,
  .image-section,
  .description-wrapper .widget-type-linked_image,
  .global-enterprises,
  .row-items,
  .challenge-item,
  .padding-image,
  .feature-item,
  .one-platform,
  .footer-container,
  .books-wrapper,
  .what-is-inside,
  .book-headline-section {
    padding: 0 30px;
  }

  .global-enterprises .txt-content p:first-of-type { padding: 0 10px; }
  
  .body-container-wrapper,
  .global-enterprises .row-items {
    padding: 0 !important;
  }
  
  .get-started,
  .content-headline {
    padding-left: 30px; 
  }
  
  .headline-image,
  .p-r-30 {
    padding-right: 30px; 
  }
  
  .companies .flex-box,
  .case-headline-wrapper .flex-box {
    align-items: center; 
  }
  
  .companies .headline-text-blue,
  .case-headline-wrapper .headline-text-blue {
    margin-top: 0; 
  }
  
  .industry .form-get-demo { padding-top: 0 !important; }
  
  .industry .form-get-demo form { flex-direction: row; }
  
  .industry .headline-description,
  .product-page.headline-image {
    display: none; 
  }
  
  .inside-book { margin-left: 40px !important; }
} 


@media only screen and (min-width: 1200px) and (max-width: 1501px) {
  .platforms,
  .p-lr-30,
  .customer-story,
  .headline-holder .width-1350,
  .about-us-content.width-1350,
  .industry .headline-description,
  .challenge-item,
  .product-page .inside-headline,
  .feature-item,
  .one-platform,
  .footer-container.container-fluid,
  .what-is-inside,
  .books-wrapper,
  .sd-skills,
  .segments-wrapper .segment-item {   
    padding: 0 30px !important; 
  }
  
  .integrations-list-page .get-started,
  .integrations-page .get-started,
  .case-study .content-headline,
  .p-l-30 {
    padding-left: 30px;
  }
  
  .integrations-list-page .headline-image,
  .integrations-page .headline-image,
  .case-study .headline-image {
    padding-right: 30px;
  }
  
  .book-headline-section,
  .books-intro-section {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .body-container-wrapper { padding: 0 !important; }
  
  .body-container-wrapper .about-us-content .row-fluid .case-study-img,
  .body-container-wrapper .about-us-content .row-fluid .case-study-img-right { 
    margin-right: auto !important;
    margin-left: auto !important;
    margin: 0 auto;
    float: none;
  }
  
  .row-item.p-lr-30 .ml-65 {margin-left: 14.5641% !important; }
}

@media only screen and (min-width: 768px) and (max-width: 1349px) {
  .contact-wrapper,
  .contact-page .sd-header {
    padding: 0 30px; 
  }
}

@media only screen and (min-width: 1350px) and (max-width: 1501px) {
  .row-item.p-lr-30 { padding: 0 !important; }
}

@media only screen and (min-width: 1349px) and (max-width: 1400px) {
  .p-lr-30.academy-content ,
  .global-enterprises .row-items {
    padding: 0 20px !important; 
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .global-enterprises .row-items { padding: 0 30px; }
}

@media only screen and (min-width: 1349px) and (max-width: 1360px) {
  .sd-skills { padding: 0 25px !important; }
}

@media only screen and (min-width: 1360px) and (max-width: 1380px) {
  .sd-skills { padding: 0 15px !important; }
}

@media only screen and (min-width: 1380px) and (max-width: 1390px) {
  .sd-skills { padding: 0 10px !important; }
}

@media only screen and (min-width: 1390px) and (max-width: 1400px) {
  .sd-skills { padding: 0 7px !important; }
}

@media only screen and (min-width: 1400px) and (max-width: 1410px) {
  .sd-skills { padding: 0 5px !important; }
}

@media only screen and (min-width: 1410px) {
  .sd-skills { padding: 0 !important; }
}


/***** ADD STYLE FOR FIREFOX BROWSER *****/
@-moz-document url-prefix() { 
  .get-a-demo-homepage-button { 
    padding: 14px 60px !important; 
    line-height: 0;
  }
  
  .homepage .play-video .play-video-btn span, 
  .academy-page-headline .play-video-btn span {
    margin-top: 0;
  }
  
  .segments-wrapper .segment-item .content p:first-of-type,
  .segments-wrapper .segment-item .content p:last-of-type,
  .segments-wrapper .box-left p {
    margin: 0;
  }  
}

/***** ADD STYLE FOR NEW ACADEMY PAGE *****/
.body-container-wrapper .academy-page-headline .row-fluid-wrapper .flex-box .span6 { width: auto !important; }

.academy-page .left-menu .cls-1 {
  fill: #212224;
}

.academy-page-headline .headline-text h1:first-of-type {
    color: #286EFA;
    line-height: 60px !important;
    margin-bottom: 0;
}

.academy-page-headline .headline-text p { padding-right: 60px; }

.academy-page-headline .get-started-button a.cta_button {
  border-radius: 5px !important;
  padding: 16px 50px !important;
}

.academy-page-headline .free-text p {
  margin-top: 20px;
  font-size: 17px;
  line-height: 20px;
  font-style: italic;
  color: #286EFA;
  font-family: 'Gilroy Medium';
}

.academy-page-headline .second-section p {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 1.07px;
    color: #0C0F14;
    font-family: 'Gilroy Medium';
    margin-bottom: 25px;
}

.academy-page-headline .second-headline .item {
  background-color: #fff;
  padding: 30px 25px;
  border-radius: 15px;
}

.academy-page-headline .second-headline .item .first-image img {
  width: 115px !important;
  border-radius: 50%;
  object-fit: cover;
  height: 115px !important;
  margin-bottom: 15px;
}

.academy-page-headline .second-headline .item .item-description p:first-of-type {
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 15px;
}

.academy-page-headline .second-headline .item .item-description p:last-of-type {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.13px;
  padding-bottom: 30px;
  min-height: 88px;
}

.benefits-academy .flex-box { justify-content: space-between; }

.benefits-academy .title-section h2 {
  letter-spacing: -0.76px;
}

.benefits-academy .benefit-video { text-align: right; }

.benefits-academy .benefit-video,
.benefits-academy .benefits-text {
  width: auto !important;
  flex-basis: 50%;
}

.body-container-wrapper .benefits-academy .benefit-item img {
  width: 34px !important;
  height: 42px !important;
}

.benefits-academy .benefit-item { margin-bottom: 50px; }

.benefits-academy .benefit-item h2 {
  font-size: 19px !important;
  line-height: 23px;
  color: #212224;
  font-family: 'Gilroy Bold';
  padding-bottom: 10px;
  padding-left: 15px;
}

.benefits-academy .benefit-item p {
  font-size: 15px;
  letter-spacing: -0.3px;
  line-height: 18px;
  max-width: 320px;
  padding-left: 15px;
}

.academy-certifications .title-section h2 {
  letter-spacing: -0.36px;
}

.academy-certifications .title-section p {
  font-size: 19px;
  line-height: 32px;
  max-width: 620px;
  margin: 0 auto;
}

.academy-certifications .certification-box img {
  max-width: 193px;
}

.academy-certifications .certification-box h2 {
  font-family: "Gilroy Medium";
  font-size: 16px !important;
  line-height: 19px;
  letter-spacing: -0.06px;
  max-width: 220px;
  margin: 0 auto;
  margin-top: 15px;
}

.academy-certifications .all-certifications a#cta_button_4665808_c9eefea7-d164-41a1-b25a-81ae9d1bc9dd {
  border-radius: 25px !important;
  background-color: #212224 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-color: #212224 !important;
  text-transform: capitalize !important;
  padding: 17px 61px !important;
  transition: all .5s easy-in-out !important;
  font-size: 13px !important;
  letter-spacing: -0.25px;
}

.academy-certifications .all-certifications a#cta_button_4665808_c9eefea7-d164-41a1-b25a-81ae9d1bc9dd:hover {
  background-color: #000205 !important;
  border-color: #000205 !important;
  transition: all .5s easy-in-out !important;
}

.popular-content .item img {
  height: 240px !important;
  border-radius: 20px;
  object-fit: cover;
}

.popular-content .arrow-right img {
  height: 10px !important;
}

.popular-content .item:hover {
  cursor: pointer;
}

.popular-content a#cta_button_4665808_da1ab30e-e35f-412b-ae3a-27560ff76f63:hover {
  background-color: #000205 !important;
  border-color: #000205 !important;
  transition: all .5s easy-in-out !important;
}

.popular-content .item a {
  font-size: 16px;
  font-family: "Gilroy Medium"; 
  line-height: 19px; 
  letter-spacing: -0.06px; 
  max-width: 220px; 
  margin: 0 auto; 
  margin-top: 30px; 
  margin-bottom: 25px;
  display: block;
}

.black-footer {
  background-color: #0C0F14;
  padding: 140px 0 60px;
}

.black-footer .logo {
  text-align: center; 
}

.black-footer .logo svg {
  width: 35px;
}

.black-footer h2 {
  color: #FFFFFF;
  font-size: 40px !important;
  line-height: 48px;
  letter-spacing: 0.2px;
  padding-bottom: 30px;
}

.black-footer p {
  color: #fff;
  font-size: 19px;
  line-height: 32px;
  max-width: 615px;
  margin: 0 auto;
  padding-bottom: 10px;
}

.black-footer .form-academy {
  margin-bottom: 130px;
  margin-top: 20px;
}

.black-footer .form-academy form {
  display: flex;
  max-width: 550px;
  justify-content: center;
  margin: 0 auto;
}

.black-footer .form-academy span.hs-form-required {
  display: none;
}

.black-footer .form-academy .hs_email input {
  height: 55px;
  width: 355px;
  border-radius: 3px;
  border: none;
  padding: 20px 25px;
  margin-right: 15px;
}

.black-footer .form-academy .hs_submit input {
  width: 175px;
  height: 55px;
  border: none;
  color: #fff;
  border-radius: 3px;
  background: #286EFA;
  font-size: 13px;
  text-transform: capitalize;
  line-height: 16px;
}

.black-footer .form-academy .hs-error-msgs {
  margin-top: 5px;
}

.black-footer .form-academy .hs-error-msg {
  color: #fff;
}

.all-certifications { margin-top: 80px; }

.second-headline .item .item-description p {
  line-height: 22px !important;
  font-size: 15px !important;
  color: #0C0F14 !importan;
}

.second-headline .item .flex-box .first-image {
  flex-basis: 40%;
  margin: 0 !important;
  text-align: center;
}

.second-headline .item .flex-box .second-image {
  margin-left: 0;
  flex-basis: 60%;
  margin-left: 30px !important;
}

.second-headline .item .flex-box .second-image h2 {
  font-size: 13px !important;
  line-height: 15px;
  margin-bottom: 5px;
}

.second-headline .item .flex-box .second-image p {
  font-size: 13px;
  color: #286EFA;
  margin-bottom: 5px;
}

.second-headline .item .flex-box .second-image img {
  width: 87px !important;
  height: 31px !important;
}

@media only screen and (max-width: 768px) {
  .black-footer .form-academy form {
    flex-direction: column;
    align-items: center;
  }
  
  .black-footer .form-academy .hs_email input {
    margin-right: 0;
    margin-bottom: 20px;
  }
  
  .academy-page-headline .headline-text p { padding: 0; }
  
  .free-text ,
  .academy-headline-button,
  .benefit-item {
    text-align: center; 
  }
  
  .academy-page-headline .second-headline .item { margin-bottom: 25px; }
  
  .benefits-academy { margin-top: 80px !important; } 
  
  .benefits-academy .title-section { padding: 0 !important; }
  
  .body-container-wrapper .benefits-academy .benefit-item img { margin-bottom: 25px; }
  
  .body-container-wrapper .academy-certifications {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  
  .academy-certifications .title-section { padding: 0 !important; }
  
  .academy-certifications .certification-box { 
    margin-top: 0 !important; 
    margin-bottom: 25px;
  }
  
  .second-image { text-align: center; }
  
  .academy-page-headline .headline-text h1:first-of-type { line-height: 44px !important; }
  
  .black-footer .form-academy .hs_email input { width: 275px !important; }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .academy-page-headline.pb-150 { padding-bottom: 80px !important;  }
  
  .academy-certifications {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
} 


@media only screen and (min-width: 1350px) and (max-width: 1500px) {

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .academy-page-headline.pt-150 {
    padding-top: 0 !important;
  }
}

/* --------------------- 2020 New Homepage --------------------- */
.has-bg-color 
{
  background-color: #F1F2F6;
}
.has-bg-lines 
{
  position: relative;
  overflow: hidden;
}
.has-bg-lines .background-image-lines img 
{
  height: 100% !important;
  min-height: 100% !important;
  width: inherit;
  display: block;
  
  position: absolute;
  top: 0;
  right: 10%;
  left: 0;
  bottom: 0;
  z-index: 1;
  object-fit: cover;
}
.has-bg-lines.reversed-position .background-image-lines img 
{
  left: auto;
  right: 0;
}
.has-bg-lines .mw-1350
{
  position: relative;
  z-index: 3;
}
.has-quote 
{
  padding-left: 4rem;
  padding-right: 14rem;
  position: relative;
  padding-bottom: 1rem;
}
.has-quote:before
{
  content: ' " ';
  display: inline-block;
  color: #3F79FA;
  font-size: 5rem;
  font-style: italic;
  position: absolute;
  top: -5px;
  left: -15px;
}
.secondary-headline .sub-title.has-quote
{
  margin-top: 100px !important;
}
.rounded-7 
{
  border-radius: 7px;
}
.img-w-100
{
  width: 100%;
}
.img-w-100 *
{
  width: 100%;
}
.card-box
{
  background-color: #ffffff;
  color: #979ca5;
  line-height: 19px;
  padding: 3rem 1.5rem;
  margin: 2rem auto;
}
.card-box img 
{
  display: block;
  margin: auto;
  height: 85px;
  width: 69.136px;
}
.card-box h3 
{
  color: #212224;
  margin: 1.5rem auto;
  font-family: 'Gilroy Bold' !important;
}
.card-box .has-quote
{
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 2rem;
  margin-top: 1.5rem;
}
.card-box .has-quote:before
{
  top: 30px;
}
.card-box .profile-circle 
{
  position: relative;
  margin: -80px;
  margin-left: 0;
  display: block;
  text-align: left;
  width: 65px;
  border-radius: 100px;
}
.p-lr-30-new
{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 1350px) and (min-width: 768px) {
  .p-lr-30-new
  {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .mw-1350
  {
    padding-left: 30px;
    padding-right: 30px;
    transition: all 0.2s ease-in-out;
  }
  .has-quote
  {
    padding-left: 2rem;
    padding-right: 1rem;
  }
  .secondary-headline .sub-title.has-quote
  {
    margin-top: 50px !important;
  }
}
@media (max-width: 767px) {
  .mobile-mb-to-items .item 
  {
    margin-bottom: 65px !important;
  }
  .p-lr-30-new
  {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .mw-1350
  {
    padding-left: 30px;
    padding-right: 30px;
    transition: all 0.2s ease-in-out;
  }
  .card-box .profile-circle
  {
    margin-top: -70px;
  }
  .has-quote
  {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 10px;
  }
  .secondary-headline .sub-title.has-quote
  {
    margin-top: 10px !important;
  }
}
/* --------------------- 2020 New Homepage Version B --------------------- */
.has-padding-top-bottom-200
{
  padding-top: 200px;
  padding-bottom: 200px;
}
.pt-200 
{
  padding-top: 200px;
}
.pb-200 
{
  padding-bottom: 200px;
}
.new-banner 
{
  min-height: calc(100vh - 82px) !important;
  padding-top: 6rem;
}
.new-banner h1 
{
  font-family: 'Gilroy Extra Bold' !important;
  font-weight: normal !important;
  max-width: 99%;
  margin-top: 5rem;
  margin-bottom: 2rem;
}
.has-hover 
{
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
}
.has-hover:hover
{
  border-color: #286EFA;
}
.has-hover .in-box-link a
{
  color: #fff !important;
  transition: all 0.2s ease-in-out;
}
.has-hover:hover .in-box-link a
{
  color: #286EFA !important;
}
.section-border-bottom
{
  border-bottom: 1px solid #ececec;
}
.new-form-style.form-width-400 form
{
  max-width: 400px;
  margin: 30px auto;
}
.new-form-style.form-width-440 form
{
  max-width: 440px;
  margin: 0 auto;
}
.new-form-style label 
{
  display: none;
}  
.new-form-style textarea, 
.new-form-style input[type="text"],
.new-form-style input[type="password"],
.new-form-style input[type="datetime"], 
.new-form-style input[type="datetime-local"], 
.new-form-style input[type="date"],
.new-form-style input[type="month"],
.new-form-style input[type="time"], 
.new-form-style input[type="week"], 
.new-form-style input[type="number"], 
.new-form-style input[type="email"], 
.new-form-style input[type="url"], 
.new-form-style input[type="search"], 
.new-form-style input[type="tel"], 
.new-form-style input[type="color"], 
.new-form-style select
{
  border-radius: 4px;
  border: 1px solid #212224;
  outline: none !important;
  box-shadow: none !important;
  min-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  margin: 0 0 10px 0;
  transition: all 0.2s ease-in-out;
}
.new-form-style textarea:hover,.new-form-style textarea:focus, 
.new-form-style input[type="text"]:hover,.new-form-style input[type="text"]:focus,
.new-form-style input[type="password"]:hover,.new-form-style input[type="password"]:focus,
.new-form-style input[type="datetime"]:hover,.new-form-style input[type="datetime"]:focus, 
.new-form-style input[type="datetime-local"]:hover,.new-form-style input[type="datetime-local"]:focus, 
.new-form-style input[type="date"]:hover,.new-form-style input[type="date"]:focus,
.new-form-style input[type="month"]:hover,.new-form-style input[type="month"]:focus,
.new-form-style input[type="time"]:hover,.new-form-style input[type="time"]:focus,
.new-form-style input[type="week"]:hover,.new-form-style input[type="week"]:focus,
.new-form-style input[type="number"]:hover,.new-form-style input[type="number"]:focus, 
.new-form-style input[type="email"]:hover,.new-form-style input[type="email"]:focus, 
.new-form-style input[type="url"]:hover,.new-form-style input[type="url"]:focus, 
.new-form-style input[type="search"]:hover,.new-form-style input[type="search"]:focus, 
.new-form-style input[type="tel"]:hover,.new-form-style input[type="tel"]:focus, 
.new-form-style input[type="color"]:hover,.new-form-style input[type="color"]:focus, 
.new-form-style select:hover,.new-form-style select:focus
{
  border-color: #286EFA;
}
.new-form-style input[type="submit"]
{
  min-height: 50px;
  border-radius: 90px;
  background: #212224;
  border: 0 none;
  outline: none !important;
  text-align: center;
  margin: 30px auto 10px auto;
  color: #fff;
  font-size: 13px;
  padding: 0 50px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.new-form-style input[type="submit"]:hover 
{
  background: #286EFA;
}
.boxed-form form
{
  position: relative;
}
.boxed-form input[type="submit"]
{
  border-radius: 2px;
  position: absolute;
  top: 3px;
  right: 3px;
  margin: 0;
  min-height: 44px;
}
.image-avatar > div > span
{
  border-radius: 900px;
  display: block;
  margin: 30px auto;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.image-avatar > div > span img 
{
  display: block;
  width: 100%;
}