@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');







/* 1a. Containers */



/* 1b. Colors */




/* 1d. Buttons */






/* 1d.1. Buttons2 */






/* 1e. Forms */








/* 1f. Tables */








/* 1g. Site header */

















/* 1h. Site footer */



/* 1c. Typography */











/* Banner Overlay */



/* reset */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
option,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
}

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

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

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: none
}

q:before,
q:after {
  content: '';
  content: none
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.55em
}

strong {
  font-weight: 500;
}

.header-container-wrapper ul,
.footer-container-wrapper ul,
.header-container-wrapper ol,
.footer-container-wrapper ol {
  list-style: none;
  list-style-image: none;
}


/*********************************************** remember to define focus styles! **********************************************/

:focus {
  outline: 0;
}


/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

table {
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

img {
  border: 0 none;
  max-width: 100%;
  vertical-align: middle;
  height: auto
}

a {
  outline: none;
  cursor: pointer;
  transition: all 0.5s ease;
}


/**************************************** End hide from IE Mac ***************************************************************/

*:before,
*:after {
  box-sizing: border-box;
}


/************************************************** End Clearfix *************************************************/

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

.clear {
  clear: both;
}


/************************************************** For modern browsers ******************************************/

.cf:before,
.cf:after {
  content: "";
  display: table
}

.cf:after {
  clear: both;
}

li {
  list-style: inherit;
}

::selection {
  background: #227f7f;
  color: #fff;
}

::-moz-selection {
  background: #227f7f;
  color: #fff;
}


/*************************************** display table and table cell ***************************************************/

.tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.tbl-cell {
  display: table-cell;
  vertical-align: middle;
}

.dis-flex {
  display: flex !important;
  flex-wrap: wrap;
}


/*********************************************************body  ********************************************************/

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body:not(.custom-background-image)::before,
body:not(.custom-background-image)::after {
  display: none !important;
}

a {
  text-decoration: none;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

a:hover {
  text-decoration: none;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

a:focus {
  outline: none;
  text-decoration: none;
}





.content-wrapper {
  max-width: 1170px;
}

.dnd-section {
  padding: 100px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1170px;
}




div#header-group-id.sticky-nav{box-shadow:-1px 1px 7px rgba(0,0,0,0.2);}
.overlaybg, .overlay, .image:before, .home-two-section:before { 
  background-color:rgba(57, 95, 97,calc(80/100))
}




h1 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 100;
  color: #494a52;
  font-size: 84px;
  letter-spacing: 1px;
  text-decoration: none
}

h2 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 100;
  color: #494a52;
  font-size: 42px;
  letter-spacing: .8px;
  text-decoration: none
}

h3 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #494a52;
  font-size: 34px;
  text-decoration: none
}

h4 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #494a52;
  font-size: 28px;
  text-decoration: none
}

h5 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #000;
  font-size: 20px;
  text-decoration: none
}

h6 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #494a52;
  font-size: 14px;
  text-decoration: none
}

a {
  color: #1c2d47
}

.container {
  max-width: 1170px;
  margin: 0px auto;
  padding: 0px 15px;
}

.section-padding {
  padding: 100px 20px;
}

html {
  font-size: 18px;
}

body { 
  font-family: Source Sans Pro, sans-serif;; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333;
}

/* Paragraphs */
p ,li { 
  font-family: Source Sans Pro, sans-serif;; font-style: normal; font-weight: normal; text-decoration: none;
   font-size: 18px;
  line-height:1.4;
}



/* Anchors */
a {
  color: #62ad80;
}

a:hover,a:focus {
  color: #3a8558;
}

a:active {
  color: #8ad5a8;
}

/* Headings */
h1 { 
  font-weight: 100; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #333; 
  font-size: 84px; 
  letter-spacing: 1px; 
}

h2 { 
  font-weight: 100; text-decoration: none; font-family: Poppins; font-style: normal; 
  color: #333;
  font-size: 42px;
  letter-spacing: 0.8px; 
}

h3 { 
  font-weight: 100; text-decoration: none; font-family: Poppins; font-style: normal; 
  color: #333; 
  font-size: 30px;
}

h4 { 
  font-weight: 600; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #333;
  font-size: 20px;
}

h5 { 
  font-weight: 600; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #000000;
  font-size: 18px;
}

h6 { 
  font-weight: 600; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #333;
  font-size: 16px
}

blockquote {
  border-left-color: #fff;
}




button,.button, .hs-button, a.btn-1  { 
  display: inline-block;
  margin:0 0 20px;
  background-color: 

  
  
    
  


  rgba(57, 95, 97, 1.0)

;
  border: px solid #395f61;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 14px 35px; 
  font-size: 16px;
  line-height: normal; 
  font-weight: 600; 
  letter-spacing: 1px;
}

a.btn-2,a.cta_button.agency-slider-btn.border  { 
  display: inline-block;
  margin:0 0 20px;
  background-color: 

  
  
    
  


  rgba(#, 1.0)

;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 14px 35px;
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  letter-spacing: 1px;
}

.b2b-cta-theme {
  margin-top:30px;
}

.b2b-cta-theme:first-child {
  margin-right: 30px;
}

@media(max-width: 480px) {
  .b2b-cta-theme {
    width: 100%;
    margin-top: 20px;
  }

  .b2b-cta-theme:last-child {
    margin-left: 0;
    margin-top: 0;
  }

  .b2b-cta-theme:last-child {
    margin-left: 0;
    margin-top: 0;
  }

  .b2b-cta-theme:first-child {
    margin-right: 0px;
  }
}

.cta_button ,.custom-cta a { 
  display: inline-block;
  margin:20px 0;
  border: px solid #395f61;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 14px 35px; 
  padding: 14px 35px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  background-color: 

  
  
    
  


  rgba(57, 95, 97, 1.0)

;
}

.cta_button:hover, .cta_button:focus {
  background-color: transparent;
  color: #fff;
} 

button:hover,button:focus,.button:hover,.button:focus {
  background-color: rgba(17, 55, 57, 1.0);
  border-color: #113739;
  color: #FFFFFF;
}

button:active,.button:active {
  background-color: rgba(97, 135, 137, 1.0);
  border-color: #618789;
  color: #FFFFFF;
}





form,
.submitted-message {
  font-family: Source Sans Pro, sans-serif;; font-style: normal; font-weight: normal; text-decoration: none;
}


/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1)

;
  color: #fff;
}


/* Form label */

form label {
  color: #000000;
  font-size:16px;
  font-weight:700;
}


/* Form help text */

form legend {
  color: #395f61;
}


/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
input[type=submit],
select,
textarea {
  border-color: #D1D6DC;
  color: #333;
  border-radius:50px !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: #395f61;
}


/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #333;
}


/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #333;
}

.fn-date-picker td .pika-button:hover {
  background-color: #333!important;
}

.fn-date-picker td.is-today .pika-button {
  color: #333;
}


/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(57, 95, 97, 1.0)

;
  border: px solid #395f61;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 14px 35px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba( 17, 55, 57, 1.0);
  border-color: #113739;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba( 97, 135, 137, 1.0);
  border-color: #618789;
  color: #FFFFFF;
}


/******************************************** Check Box CSS*******************************************************/
.hs-page form .input ul.inputs-list li {margin-left:0!important;}
.hs-page form .input ul.inputs-list li span { margin-left: 28px !important; font-weight:400; }
.hs-page form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #fff url('https://4684864.fs1.hubspotusercontent-na1.net/hubfs/4684864/B2B%20Theme/tick.png');background-size: 14px; background-position: center center;background-repeat:no-repeat;}
.hs-page form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
.hs-page form .input ul.inputs-list li label input[type="checkbox"] + span::before { margin-top:0; content: ""; background: rgb(255, 255, 255); display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; text-align: center; border: 1px solid rgb(133, 133, 133); position: absolute; left: 0px; top: 2px; }
/******************************************** Button CSS*******************************************************/
/* 6. Tables
*/

table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #333;
}

th,
td {
  border-color: #333;
  color: #333;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1)

;
  border-bottom-color: #333;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #333;
}

tbody+tbody {
  border-top-color: #333;
}

/* 7. Site header  */

.header {
  background-color: ;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: Source Sans Pro, sans-serif;;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: ;
}

body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: ;
}

body .navigation-primary .submenu.level-1>li>a.active-item:after {
  background-color: #333;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: ;
  border-color: #e7e7e7;
}

body .triangle.level-2 {
  border-color: #e7e7e7;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: ;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Source Sans Pro, sans-serif;;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: ;
  }
  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}

/* 8. Site footer 
*/


.footer {
  background-color: rgb(28, 45, 71);
  padding: 25px 0px;
}

.footer h6 {
  color: rgb(255, 255, 255);
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 .footer p,
.footer a,
.footer div,
.footer span {
  color: #fff;
}

.footer {
  background-color: 

  
  
    
  


  rgba(57, 95, 97, 1.0)

;
  padding: 25px 0;
}


/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 .footer p,
.footer a,
.footer div,
.footer span {
  color: #FFFFFF;
  font-weight:400;
  text-align: left;
}

.bh-icon svg{
  color: #FFFFFF;
}
  
.footer h6 {
  font-size: 17px;
  font-weight: 400;
}

/* 9. Blog */

.blog-post__date {
  border-color: #333;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #333;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #0b0b0b;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #5b5b5b;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #333;
}

.blog-pagination__link {
  color: #333;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #333;
}

.blog-post__title {
  font-weight: 100; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #333;
  font-size: 42px;
}

.blog-post__author {
  background-color: #fff;
}

#comments-listing .comment-reply-to {
  color: #62ad80;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #3a8558;
}

#comments-listing .comment-reply-to:active {
  color: #8ad5a8;
}

/* 11. Modules  */

body .icon svg {
  fill: #333
}

body .tns-nav button.tns-nav-active {
  background-color: #333
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #333
}

body .team-member__description {
  background-color: 
}

ul.no-list.hs-error-msgs li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider button {
  cursor: pointer;
  outline: none;
  border: none;
  top: 50%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  width: 45px;
  height: 45px;
  font-size: 20px;
}

.slick-slider .slick-next {
  right: 0;
}

.slick-slider .slick-prev {
  left: 0;
}

.slick-dots {
  text-align: center;
  margin-top: -45px;
}

.slick-dots li {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}

.slick-dots li:before {
  display: none;
}

.slick-dots li button {
  margin: 0px;
  border-radius: 50%;
  background: #cfcfcf;
  width: 10px;
  height: 10px;
  display: block;
  font-size: 0;
  position: static;
  padding: 0;
}

.slick-dots li.slick-active button,
.row-fluid .hero-slider .slick-dots li button:hover {
  background: #333	;
}

.slick-slide {
  outline: 0;
  float: left
}

.slick-slider button {
  width: 70px;
  height: 70px;
  font-size: 0;
  background: transparent;
}

.slick-slider .slick-prev {
  left: -100px;
  background: url(https://cdn2.hubspot.net/hubfs/2571256/Oosha%20Jan%202017/images/left.png) no-repeat center;
}

.slick-slider .slick-next {
  right: -100px;
  background: url(https://cdn2.hubspot.net/hubfs/2571256/Oosha%20Jan%202017/images/right.png) no-repeat center;
}

.slick-dots {
  bottom: -90px !important;
}

/* b2b-style */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 15px;
}

h5,
h6 {
  margin-bottom: 5px;
}

p {
  margin-bottom: 15px;
}

ul {
  padding-left: 0;
  list-style-type: none;
}

.hiden {
  display: none !important;
}

.container {
  max-width: 1170px;
  margin:0 auto;
  padding:0 15px;
}


/* button-style */

.seq-button1 a {
  font-size: 14px;
  line-height: 18px;
  padding: 10px 35px;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none;
  border: 2px solid #4b6464;
  color: #4b6464
}

.seq-button a {
  font-size: 14px;
  line-height: 18px;
  padding: 16px 35px;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none;
  border: 2px solid #fff;
  color: #fff
}

.round-button a {
  font-size: 14px;
  line-height: 18px;
  padding: 16px 35px;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 50%;
  text-decoration: none;
  border: 2px solid #fff;
  color: #fff
}

/************************ Header Css Here ******************************/

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}

.hs-menu-wrapper ul {
  padding: 0;
}

.span1.min-height {
  min-height: 0px !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 180px;
  top: 0;
}

.mobile-trigger,
.child-trigger {
  display: none;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  border-radius: 3%;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  background: #3d4757!important;
  color: #fff !important;
}

.top-menu .hs-menu-wrapper>ul>li>ul>li:first-child:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  left: 20px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.top-menu .hs-menu-wrapper ul ul li:first-child>a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-menu .hs-menu-wrapper>ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.mega-menuized .downarrow {
  position: absolute;
  color: #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  display: none;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 1px;
  z-index: 9999;
}

#megaMenuContainer .menu-main-content {
  max-width: 980px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 30px 0;
  margin: 0 auto;
}

#megaMenuContainer .menu-main-content .row-fluid,
#megaMenuContainer .menu-main-content .divider {
  display: flex;
  height: 100%;
}

.mega-menu-branch {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 80px;
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1, .8);
  transform: scale(1, .8);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  pointer-events: none;
  background: #fff;
  padding: 20px 10% 142px;
  min-height: 535px !important;
}

#megaMenuContainer .mega-menu-branch {
  background: transparent;
  top: 58px;
  min-height: initial !important;
  position: fixed !important;
  padding-bottom: 0;
}

.mega-menu-branch.active {
  opacity: 1;
  visibility: visible;
  transition: .3s ease;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  pointer-events: auto;
}

body .container-fluid .row-fluid .header-wrapper {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 15px;
  padding-right: 15px;
}

#megaMenuContainer .mega-menu-branch {
  background: transparent;
  top: 58px;
  min-height: initial !important;
  position: fixed !important;
  padding-bottom: 0;
}

.top .header-group {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100% !important;
  z-index: 10;
}

.span12.megamenu-close {
  display: none;
  cursor: pointer;
  font-size: 20px;
  color: #5b6a81;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 22px;
  font-weight: 700;
}

.mega-menu-branch ul li a {
  padding: 5px 10px;
  font-size: 14px;
}

.logo img {
  max-width: 250px !important;
  width: auto;
  display: block
}

.sticky-nav .logo img {
  max-width: 200px!important;
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
  color: #fff;
}

.mega-menu-branch h4 {
  padding: 0px 5px;
}

/************************************************** Apply The Variables For The Header Menu  ****************************************************/

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.control-button .fa,
.control-button .fa {
  color: #ffffff!important;
}

.top .header-right-cta .cta_button.agency-btn {
  color: #ffffff!important;
  border-color: #ffffff	!important;
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after {
  color: #ffffff;
}

body .sticky-nav .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.sticky-nav .control-button .fa {
  color: #65ac81!important;
}

body .sticky-nav .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after {
  color: #65ac81!important;
}

body .sticky-nav .header-right-cta .cta_button.agency-btn {
  color: #65ac81!important;
  border-color: #65ac81!important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
  color: #000000!important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover>a {
  color: #fff!important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover>a:after {
  color: #fff!important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  background-color: #395f61!important;
  color: #fff;
}

.top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:hover:after {
  color: #fff!important;
}

.hs-menu-wrapper ul ul li:first-child:hover:before {
  background-color: #395f61!important;
}

.hs-menu-wrapper ul ul li:hover>a,
.menu-bar .hs-menu-wrapper ul ul li.active>a,
.menu-bar .hs-menu-wrapper ul ul li.active-branch>a {
  background-color: #395f61!important;
  color: #fff!important;
}

.hs-menu-children-wrapper li:hover a,
.top-menu .hs-menu-wrapper ul>li.hs-item-has-children:hover a:after {
  color: #fff!important;
}

.top .header-group {
  background-color: 	;
}

.top .header-group.sticky-nav {
  background-color: #fff;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  border-bottom:1px solid #e7e7e7
}


/******* Mega Menu Variables Apply Here *******/

.mega-menu-branch h4 {
  color: #65ac81	;
}

.mega-menu-branch ul li a {
  color: #65ac81;
}


/********* PopUp Search Variables Apply Here **********/

.header-search-form .search-button {
  background: #65ac81	;
}

.header-search-form .search-button .fa {
  color: #F8FAFC;
}

@media (min-width: 768px) {
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    background: #fff;
    border-bottom: 0;
    transition: 0.5s all ease;
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    line-height: 0;
  }
  .top-menu .hs-menu-wrapper {
    line-height: 0;
    text-align: center;
    float: right;
    position: relative;
    right: -15px;
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    color: #000;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 1;
    letter-spacing: .8px;
    font-weight: 400;
    text-align: left;
    min-width: 180px;
    text-indent: 0;
  }
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>a:after,
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
    font-family: FontAwesome;
    content: "\f067";
    font-weight: 300;
    font-size: 10px;
    padding-left: 8px;
    position: relative;
    top: -2px;
  }
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
    color: #000;
    position: absolute;
    right: 18px;
    top: 13px;
  }
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children:hover>a:after,
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children:hover>a:after {
    content: "\f068"
  }
  #megaMenuContainer .mega-menu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 15px;
  }
  #megaMenuContainer .mega-menu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 15px;
  }
  .span12.widget-span.widget-type-cell.mega-menu-items>.row-fluid-wrapper.row-depth-2:first-child {
    border-left: 0;
  }
  
  .col.span12 {
    flex: 1 1 0;
    border-left: 1px solid #eee;
    padding: 0 10px;
  }
  .col.span12:first-child {
    border-left: 0px;
  }
/*   .top-menu.js-enabled.span6 {
    width: calc(100% - 325px);
    margin-left: 0;
  } */
  div#header-group-id.sticky-nav .cta_button,div#header-group-id.sticky-nav .custom-cta a,.system-page a.cta_button{
    border-color:#65ac81 !important;
    background:transparent !important;
    color:#65ac81 !important;
  }
  .control-button {
    position: absolute;
    top: 35% !important;
    right: 7%;
}
  
 body .header-container-wrapper .span12 .row-fluid { display: flex; align-items: center; flex-wrap: wrap; }
  
  .header-right-cta.span2 {
    text-align: right;
    width: 170px !important;
    margin-left: 10px;
  }
/*   .logo.span3 {
    width: 100px;
  } */
  .system-page .logos.span3.system {
    width: 70px;
  }
  .span1.min-height {
    width: 40px!important;
    margin-left: 0;
    text-align: right;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper ul {
    left: 129px;
    top: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 181px;
    top: 0;
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li li a,
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li li li a {
    min-width: 120px;
  }
}

@media(max-width:1250px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper ul li a {
    width: 100px !important;
    display: inline-block;
    word-break: break-all;
    white-space: pre-wrap;
    font-size: 14px !important;
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    color: #000;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 1;
    letter-spacing: .8px;
    font-weight: 400;
    text-align: left;
    min-width: 120px;
    text-indent: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 120px;
    top: 0;
  }
}

@media(max-width:767px) {
  .span12.megamenu-close {
    display: block;
  }
  #megaMenuContainer .mega-menu-branch {
    background: #fff;
    height: calc(100vh - 80px);
    overflow-y: scroll;
  }
  #megaMenuContainer .menu-main-content {
    padding: 30px;
  }
  .top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    color: #5b6a81 !important
  }
  .top-menu.js-enabled .hs-menu-wrapper {
    height: calc(100vh - 66px);
    overflow-y: scroll;
  }
  .control-button{
    right:12%;
  }
}


/************** B2B header CTA ***********************/

.header-right-cta.span2 {
  text-align: right;
}



.header-right-cta.span2 a#cta_button_4130406_3e555282-1d19-4016-8a1c-cb6b3589a024 {
  left: 0 !important;
}

.span1.min-height {
  width: 0;
}

@media(max-width:1199px) {
  .header-right-cta.span2 {
    margin-left: 0;
    text-align: right;
  }
}

@media(max-width:991px) {
  .header-right-cta.span2 {
    margin-left: 0 !important;
    text-align: right;
  }
}

@media(max-width:767px) {
  .new-headers .control-button {
    position: absolute;
    right:12%;
  }
}


/* banner-section */

.overlay {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.banner-text {
  text-align: center;
  position: relative;
  z-index: 1;
}

.banner-section {
  padding: 210px 0px 100px;
  position: relative;
  overflow-x: hidden;
}

.inner-banner-text {
  margin-bottom: 40px;
}

.banner-button {
  display: inline;
}

.second-cta {
  margin-left: 35px;
}

.video-bg .video-object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.video-bg .video-object video {
  width: auto;
  height: auto;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.outter-banner-button {
  margin-top: 40px;
}

.banner-section .slick-dots {
  bottom: 15px;
}

.banner-slider.slick-slider .slick-prev {
  left: 0px;
  transition: 0.5s all ease;
}

.banner-slider.slick-slider .slick-next {
  right: 0px;
  transition: 0.5s all ease;
}

.banner-slider.slick-slider .slick-next,
.banner-slider.slick-slider .slick-prev {
  display: none !important;
}

.banner-slider:hover .slick-next,
.banner-slider:hover .slick-prev {
  display: block !important;
}

.banner-slider.slick-slider:hover .slick-next {
  right: 20px !important;
}

.banner-slider.slick-slider:hover .slick-prev {
  left: 20px !important;
}

.banner-slider .slick-dots {
  bottom: 30px !important;
}

.banner-slider .second-cta {
  margin-left: 0px;
}

.banner-slider .seq-button a {
  padding: 15px 60px;
}

.banner-slider .slick-next {
  background: url(https://cdn2.hubspot.net/hubfs/4130406/Assets-2018/Right-1.png) no-repeat center;
}

.banner-slider .slick-prev {
  background: url(https://cdn2.hubspot.net/hubfs/4130406/Assets-2018/Left-1.png) no-repeat center;
}

.banner-slider.slick-slider .slick-next,
.banner-slider.slick-slider .slick-prev {
  width: 115px;
  height: 105px;
}

.banner-slider .banner-section {
  padding: 210px 20px 30px;
  height:550px;
}

.inner-banner-text h1 {
  color: #fff;
}

.outter-banner-button {
  margin-top: 40px;
  margin: 40px auto 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.banner-button.seq-button {
  margin-right: 40px;
}

.banner-button.seq-button:last-child {
  margin-right: 0px;
}


/* product-section */

.product-section {
  position: relative;
  padding: 110px 0px 70px;
  z-index: 1;
}

.product-section * {
  color: #fff;
}

.outter-pro {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}

.product-img {
  width: 43%;
  text-align: right;
}

.left-product {
  width: 57%;
}

.product-icone img {
  max-width: 103px !important;
}

.product-icone-box {
  width: 50%;
  padding: 0 17px 30px 0;
  display: flex;
  flex-wrap: wrap;
}

.inner-pro-icone {
  display: flex;
  flex-wrap: wrap;
}

.product-icone-text {
  width: 60%;
}

.product-icone {
  width: 40%;
}

.left-product-text {
  padding-bottom: 40px;
}


/* testimonial-section */


/* .testimonial-text p { font-size: 18px; }  */

.testimonial-box:hover .testimonial-slider-text {
  background-color: #333;
  color: #fff;
}

.testimonial-section {
  padding: 60px 0 120px 0;
}

.testimonial-title {
  text-align: center;
  margin-bottom: 90px;
}

.testimonial-box {
  width: 33.33%;
  float: left;
  padding: 0 15px;
}

.testimonial-icone-text {
  display: flex;
  flex-wrap: wrap;
}

.testimonial-icone {
  width: 10%;
}

.testimonial-slider-text {
  padding: 25px 25px 50px 25px;
  border: 1px solid;
  border-top: none;
}

.testimonial-text-icone {
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 10px;
}

.testimonial-text {
  margin-top: 10px;
  margin-bottom: 25px;
}

.testimonial-slider.slick-slider .slick-prev,
.testimonial-slider.slick-slider .slick-next {
  display: none !important;
}

.testimonial-text h4 {
  color: #333;
  font-weight:500;
}

.testimonial-button a:after {
  position: absolute;
  content: "\f178";
  right: auto;
  margin-left: 10px;
  top: 10px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.testimonial-button a {
  position: relative;
  font-weight: normal;
  padding: 10px 50px 10px 35px;
}

.testimonial-cta {
  text-align: center;
  margin-left: 0;
  margin-top: 100px;
}


/* fullwidth */

.fullwidth-text {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.fullwidth-btn a {
  background: #333;
  padding: 14px 69px;
  border: 2px solid #333;
  font-size: 16px;
  letter-spacing: 1px;
}

.second-cta.fullwidth-btn a {
  background: transparent;
  color: #333;
}


/* coding */


/* .coding-section { padding: 45px 0; }  */

.left-coding {
  width: 50%;
}

.right-coding {
  width: 50%;
}

.outter-coding {
  display: flex;
  flex-wrap: wrap;
}

.coding-title {
  border-bottom: 2px solid #3d4757;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.coding-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 50px;
}

.coding-icone {
  width: 30%;
  text-align: center;
}

.coding-box-content {
  width: 70%;
}

.coding-box-content h6 {
  color: #333;
  font-weight: 200;
}

.coding-box-content h5 {
  font-weight: 100;
}


/* new-website */

.website-section {
  text-align: center;
}

.website-title {
  padding-bottom: 55px;
}

.inner-website {
  display: flex;
  flex-wrap: wrap;
  
}

.website-box {
  padding: 30px 25px 87px;
  border-right: 1px solid #ccc;
  width: 33.33%;
  position: relative;
}

.website-cta {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 15px;
}

.website-box-content h4 {
  color: #333
}

.new-site-4col .website-icone {
  margin-bottom: 25px;
  transition: all ease-in-out .2s;
}

.new-site-4col .website-icone:hover {
  transform: scale(1.1);
}
.inner-website{
 border:1px solid rgba(0,0,0,0.2);
}
.new-site-4col .website-box {
  width: 25%;
  padding:30px 25px 130px 25px;
}

.why-us .left-product-text h6:after {
  content: '';
  position: absolute;
  width: 214px;
  height: 2px;
  background: #fff;
  margin-top: 13px;
  margin-left: 22px;
}

.why-us .left-product-text h6,
.website-title h6 {
  position: relative;
}

.website-title h6:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  background: #333;
  margin-top: 13px;
  margin-left: 15px;
}

.website-title h6:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  background: #333;
  margin-top: 13px;
  margin-left: -64px;
}


/* about-page */

.about-us .hs-button {
  background: #333;
  margin: 15px 0 20px;
}

.about-us ul {
  padding-left: 30px;
  list-style-type: disc;
}

.about-us h5 {
  border-bottom: 2px solid #333	;
  margin: 0px 0px 20px;
  padding-bottom: 25px;
}


/* logo-section */

.outter-client {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ebebeb;
}

.client-logo-box {
  width: 33.33%;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 40px 0px;
}

.client-logo-box img {
  height: 78px !important;
  width: 100%;
  object-fit: contain;
}

.client-logo-box:nth-child(3n) {
  border-right: none;
}


/* pricing */

.outter-pricing {
  display: flex;
  flex-wrap: wrap;
}

.pricing-box {
  width: 25%;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
}

.pricing-header {
  color: #fff;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 20px;
}

.pricing-header h4 {
  margin: 0;
}

.price {
  padding: 30px 20px 20px
}

.price h3 {
  font-weight: bold
}

.pricing-list ul li {
  color: #a4abb5;
  border-top: 1px solid #f0f7f9;
  padding: 5px 0!important;
  font-weight: 500;
  font-size: 15px
}

.pricing-list ul {
  margin: 20px 0
}

.pricing-content {
  background: #f0f7f9;
  padding: 20px
}

.pricing-list {
  margin-top: 40px
}

.pricing-list ul li:first-child {
  border-top: 0
}

.pricing-button a {
  margin-top: 0;
  padding: 20px 70px;
  font-size: 16px
}

.pricing-box:nth-child(2) {
  margin-top: -45px
}

.pricing-section {
  padding-top: 50px
}

.pricing-3col .pricing-box {
  width: 33.33%
}

.pricing-header h3 {
  color: #fff;
  font-weight: 100
}

.pricing-list ul li {
  list-style-type: none
}


/* service */

.outter-service {
  display: flex;
  flex-wrap: wrap
}

.service-box:nth-child(2n) {
  border-right: 0
}

.service-box {
  width: 50%;
  padding: 50px 50px 40px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.service-btn a {
  background: #333;
  color:#fff
}

.image-content .outter-banner-button {
  margin-top: 0
}

.fullwidth-btn:first-child {
  margin-right: 30px
}


/* lp 3*2 Gride */

.grid .row-fluid .span6 {
  width: 50%;
}

.grid .row-fluid [class*="span"]:second-child {
  margin: 0;
}


/* footer-section */

.assessment-section {
  text-align: center;
  position: relative;
  z-index: 1;
  background-attachment: fixed !important;
}

.outter-assessment {
  position: relative;
  z-index: 1;
}

.inner-assessment {
  display: flex;
  flex-wrap: wrap;
}

.assessment-box {
  width: 33.33%;
  padding: 60px 25px;
}

.assessment-box h2 {
  font-weight: 500;
}

.assessment-box {
  color: #fff;
}


/* .footer-section { display: flex;  flex-wrap: wrap; } */

.footer-left {
  width: 35%;
}

.footer-right {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
}

.footer-link {
  width: 25%;
}

.footer a {
  font-size: 15px;
}

.outter-footer {
  display: flex;
  flex-wrap: wrap;
}

.footer-link ul li a {
  padding: 0;
  width: 100%;
  padding-right: 30px;
}

.footer-link ul {
  display: block;
}

.footer-link ul li {
  line-height: 28px;
}

.footer-left h5 {
  margin-bottom: 30px;
}

.footer-link h6 {
  margin-bottom: 15px;
}

.social-icone {
  margin-top: 45px;
}

.social-icone ul {
  display: inline-flex;
}

.social-icone ul li {
  margin-right: 26px;
}

.footer-link ul li a:hover {
  color: #fff;
}

.footer h6 {
  color: #FFFFFF;
}

.outter-assessment * {
  color: #ffffff;
}


/********************* System Pages Css Here ********************/

.system-page .top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.system-page .control-button .fa,
.system-page .control-button .fa {
  color: #65ac81!important;
}

.system-page .header-right-cta .cta_button.agency-btn {
  color: #65ac81!important;
  border-color: #65ac81!important;
}

body.system-page .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after {
  color: #65ac81	!important;
}

.error-page {
  padding: 14rem 20px;
}

.systems-page {
  padding: 10rem 20px;
  max-width: 850px;
  margin: 0 auto;
}

.b2b-system .systems-page {
  max-width: 850px;
  margin: 0 auto;
}

.po-relative {
  position: relative;
  z-index: 1;
}

.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span12,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span7,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span8,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span4 {
  float: none !important;
}

.all-text-white * {
  color: #fff !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.section-padding {
  padding: 100px 20px;
}

.txt-center {
  text-align: center;
}

.bg-fixed {
  background-attachment: fixed;
}

.banner-section .slick-dots li button {
  background-color: rgba(255, 255, 255, 0.5);
}

.banner-section .slick-dots li.slick-active button {
  background-color: rgba(255, 255, 255, 0.9);
}

.contentSliderContainer .slick-dots li.slick-active {
  background-color: #1C2D47;
}

.po-relative .actions {
  text-align: center;
}

form .input input,
form .input select,
form .input textarea,
form input[type=submit] {
  border-radius: 50px !important;
}

.website-box {
  padding: 30px 25px 10px;
  border-right: 1px solid #ccc;
  width: 33.33%;
  position: relative;
}

.website-cta {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 15px;
}


/*********************************** Contact Page Css Here ******************************************/

.agency-header {
  padding-bottom: 40px;
}

.body-container-wrapper li {
  list-style-type: disc;
  margin-left: 26px;
   font-size: 18px;
  color: #333
}

hr {
  margin: 15px 0;
  background-color: #62ad80;
  color: #62ad80;
  height:2px;
}

.body-container-wrapper .fl-wd ul li {
  list-style-type: circle;
}

.fe-hdr h6 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .1em;
  margin: 0px;
  line-height: 1.25;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  max-width: 625px;
  margin-bottom: 23px;
}

.fe-hdr h6:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-color: #fff;
  border-width: 1px 0;
  margin-left: 22px;
}


/************************** LP - Assessment 2 Page Css Here *******************************/

/* body .row-fluid .ui-section-two-col .left-col,
body .row-fluid .ui-section-two-col.reverted-position .right-col {
  width: 50%;
  margin: 0;
  box-sizing: border-box;
  padding: 100px 5% 80px 12%;
} */

/* body .row-fluid .ui-section-two-col .right-col,
body .row-fluid .ui-section-two-col.reverted-position .left-col {
  width: 50%;
  margin: 0;
  box-sizing: border-box;
  padding: 100px 12% 80px 5%;
} */

.ui-section-two-col.reverted-position .left-col {
  order: 2;
  -webkit-order: 2;
}

.ui-section-two-col.reverted-position .right-col {
  order: 1;
  -webkit-order: 1;
}
.reverted-position .left-col.span6 { 
  padding-left: 60px; 
}
.reverted-position .right-col.span6 {
    margin-left: 0 !important;
    margin-right: 2.564103% !important;
}
.equal-height-container>.row-fluid-wrapper>.row-fluid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}

body .row-fluid .vertical-center {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.span6.widget-span.widget-type-cell.dis-flex.text-col {
  display: flex !important;
  flex-wrap: wrap;
}

.span6.widget-span.widget-type-cell.dis-flex.text-col.wd-full:nth-child(odd) {
  margin-left: 0 !important;
}

.full-width-b2b .actions {
  text-align: left;
}

.full-width-b2b .input input {
  border-radius: 0px;
}

.full-width-b2b .actions input.hs-button.primary.large {
  border-radius: 0px;
}


/******************************** B2B - Service List 2 Column Page Css Here  ************************************/

.span6.widget-span.widget-type-cell.res-left {
  border-top: 1px solid #ccc;
  position: relative;
  padding: 50px 50px 95px;
  margin-left: 0 !important;
  border-right: 1px solid #ccc;
  width: 50%;
}

.span6.widget-span.widget-type-cell.res-left:nth-child(odd) {
  margin-left: 0 !important;
}

.span6.widget-span.widget-type-cell.res-left:nth-child(even) {
  border-right: 0px;
}

.res-main {
  border-bottom: 1px solid #ccc;
  border-top: 0px;
  margin: 40px 0px 130px;
}

.dragdropmain h2{
  margin-bottom:30px;
}
.dragdropmain h4{
  font-weight:400;
}
/**************************** B2B - Service List 3 Column Page Css Here ********************************/

.three-box {
  border-top: 1px solid #ccc;
  position: relative;
  padding: 50px 25px 95px;
  width: 33.33%;
  border-right: 1px solid #ccc;
}

.three-box:nth-child(3n) {
  border-right: 0px;
}

.cta-absolute {
  position: absolute;
  bottom: 15px;
  left: 9.062431%;
}

.span4.widget-span.widget-type-cell.res-left .cta-absolute {
  left: 9.062431%;
}

.agency-fea-3-col h4 {
  font-weight: 100;
}


/************************ B2B - Services Sticky Page Css Here *********************************/

.span12.tab-pane {
  display: none;
}

.span12.tab-pane.active {
  display: block;
}

.tab-nav-content .icon {
  width: 65px;
  padding-right: 40px;
}

.tab-nav-content .txt-content {
  width: calc(100% - 65px);
}

.tab-nav-content {
  padding: 30px 30px 60px;
  font-size: 20px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  border-radius: 6px;
  transition: .4s ease;
  margin-bottom: 30px;
}

.row-fluid.dis-flex .span6 {
  float: none !important;
  margin: 0 !important;
}

.tab-nav-content.active a {
  box-shadow: 0 0 0 3px #1c2d47 inset;
  opacity: 1;
  border-radius: 6px;
}

.tab-nav-content a {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  cursor: pointer;
}

.span12.tab-pane:first-child {
  margin-left: 2.762430939% !important;
}

.tab-nav-content:hover {
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
}

.dis-flex.tb-bg {
  justify-content: space-between;
  margin-bottom: 50px;
}

.tab-link a {
  background: #1c2d47;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  display: none;
  margin-bottom: 40px;
}

.tab-nav-content .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav-tabs {
  padding-right: 60px;
}


/**************************** B2B - Resources Page Css Here ***************************/

.listing-filter {
  text-align: center;
}

.listing-filter ul {
  margin: 50px 0px;
  text-align: center;
}

.listing-filter ul li {
  list-style: none;
  display: inline-block;
  margin-left: 0px;
}

.listing-filter ul li a {
  display: block;
  padding: 10px 20px;
  margin: 3px;
  background-color: #fff;
  /* box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.15); */
  border-radius: 6px;
  color: #333;
  border: 1px solid #ddd;
  font-size: 0.875rem;
  line-height: 1.2857;
  font-weight: 700;
  text-align: center;
}

.listing-item-col-3 {
  width: 100% !important;
  float: none !important;
  display: block !important;
}

.custom-cta {
  margin-top: auto;
}

.custom-cta a {
  width: 100%;
  text-align: center;
  background-color: #1c2d47;
  color: #fff;
}

.filter-inner hr {
  opacity: .7;
}

.listing-item-col-3 .item {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.filter-inner {
  width: 33.33%;
  margin: 0;
  padding: 0 15px;
  display: inline-block;
  float: left;
}

.filter-inner h5 {
  margin: 0px 0px 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #000000;
  opacity: .7;
  font-family: Source Sans Pro;
  letter-spacing: .25px;
}

.listing-item-col-3 .item {
  padding: 20px 30px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  transition: .4s ease;
  border-radius: 6px;
  margin-bottom: 40px;
}

.listing-item-col-3 {
  width: 100% !important;
  float: none !important;
  margin-left: -15px !important;
  margin-right: -15px;
  display: block !important;
}


/**************************** B2B - Case stuies Page Css Here ***************************/

.section-two-col.two-col-fontstyle.two-col-grid.border-btm {
  display: flex;
  border-bottom: 1px solid #ccc;
  flex-wrap: wrap;
}

.agency-box-left {
  padding: 100px;
  text-align: center;
  border-right: 1px solid #ccc;
  width: 50% !important;
}

.section-two-col.two-col-fontstyle.two-col-grid.border-btm .agency-box-left.span6 {
  margin-left: 0;
}

.section-two-col.two-col-fontstyle.two-col-grid.border-btm:last-child {
  border: 0px;
}

.agency-box-left:nth-child(even) {
  border-right: 0px;
}

.banner-cta.mt-50 {
  margin-top: 50px;
}

.hub-image.icons {
  margin-bottom: 25px;
}

.hub-image.icons img {
  height: 256px !important;
  object-fit: cover;
  object-position: center center;
}

.two-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}


/********************************** B2B - Case Studies Detail 1 Page Css Here *************************/

.dis-flex.ag-twocolumn-content .span6 {
  margin: 0 !important;
  float: none !important;
  width: 50% !important;
}

.content-section.item1 .case-study-txt {
  max-width: 50%;
  float: right;
  margin-right: 100px;
}

.ag-twocolumn-content .span6:nth-child(even) {
  padding-left: 100px !important;
  padding-right: 50px !important;
}

.content-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container.w-800 {
  max-width: 800px;
}

.banner-cta .dis-flex {
  justify-content: center;
  margin: 0 auto;
}

.featured-heading {
  padding-bottom: 60px;
}

.ag-twocolumn-content .content-section.item1:nth-child(even) .case-study-txt {
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.ag-twocolumn-content .span6:nth-child(even) {
  padding-left: 100px !important;
  padding-right: 50px !important;
}


/************************* Testimonial Page Css Here **********************************/

.dis-flex.testi-content .span9 {
  width: calc(100% - 200px) !important;
  padding-right: 150px;
}

.dis-flex.testi-content .span3 {
  width: 200px !important;
  margin-left: 0 !important;
}

.testi-content .span9,
.testi-content .span3 {
  float: none;
}

.testi-txt {
  margin-bottom: 50px;
}

.testi.dis-flex {
  align-items: center;
}

.testi.dis-flex .span2.testi-img {
  width: 80px;
}

.testi.dis-flex .span10 {
  width: calc(100% - 80px);
  padding-left: 20px;
  margin-left: 0 !important;
}

.section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span3 {
  order: 1;
  margin-left: 0 !important;
}

.section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span9 {
  order: 2;
  padding-right: 0;
  padding-left: 150px;
}

.span2.testi-img img {
  border-radius: 50%;
}


/******************************* B2B Video Thank You Page Css Here ********************************/

.banner-section.full-height.b2b-newbanner.Video.video-bg {
  position: relative;
  z-index: 1;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  height: 100vh;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-section.full-height.b2b-newbanner.Video.video-bg .outter-banner-button .cta_button.agency-btn {
  border-radius: 0px !important;
}


/********************************* B2B LP  Assessment1 Page Css Here ******************************/

.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white.bb-lp {
  overflow-x: hidden;
}

.hdr-bdr h4 {
  position: relative;
  display: flex;
  -webkit-align-items: baseline;
  max-width: 625px;
  margin-bottom: 23px;
  font-size: 20px;
}

.hdr-bdr h4:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-color: #fff;
  border-width: 1px 0;
  margin-left: 22px;
}


/************************* B2B Theme Banner Form With Backgrund Section Here ***********************************/

.b2b-new-frm {
  min-height: 100vh;
}

.b2b-new-frm h5 {
  position: relative;
}

.b2b-new-frm h5:after {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 159px;
  height: 2px;
  top: 50%;
  margin-left: 10px;
}

.bh-pad-top {
  padding-top: 40px;
}


/********************************** B2B Lp Split Screen Video Page Css Here ****************************/

.header-left {
  min-height: 100vh !important;
  position: relative;
}

.header-right-section {
  padding-left: 0px;
  position: relative;
  text-align: center;
}

.header-right.video-bg.hero-section {
  min-height: 100vh;
  margin-left: 0px;
}

.header-right-section img {
  vertical-align: middle;
  max-width: 550px !important;
  object-fit: cover;
  object-position: center center;
}

.span6.header-left,
.span6.header-right {
  width: 50%;
}

.header-left.dynamic-bg.left-screen.spna6 {
  min-height: 100vh !important;
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.spna6.hero-section.header-right.right-screen.video-bg {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-left-section {
  padding-right: 0 !important;
  position: unset !important;
  top: unset !important;
  left: unset;
  !important;
  height: unset !important;
  width: unset !important;
  margin: unset !important;
  padding: 0px 50px !important;
}

.left-cta.txt-right {
  text-align: right;
}

.left-cta.txt-right a {
  border-radius: 0px !important;
}


/*********************************** B2B Photo Split Screen Section Pge Css Here **********************************/

.spna6.video-bg.hero-section.header-right.right-screen {
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.photo-split-form span {
  color: #fff;
}

.photo-split-screen .header-left-section h1,
.photo-split-screen .header-left-section p {
  text-align: center;
}

.photo-split-form {
  max-width: 500px;
  margin: 0 auto;
}

.photo-split-form form input[type=submit],
form .hs-button {
  background: #3d4757;
  border-color: #3d4757;
}

.photo-split-form form .actions {
  text-align: center;
}

.photo-split-screen .header-left.dynamic-bg.left-screen.spna6 {
  justify-content: center;
}


/*********************************** B2B White LP Page Css Here **********************************/

.lead-main.dynamic-bg.bg-blue {
  padding: 100px 0px;
}

.span5.lead-form-main {
  width: 35%;
  float: left;
  margin-right: 35px;
}

.lead-form-main {
  border: 2px solid #fff!important;
  border-radius: 15px;
  padding: 34px 40px;
}

.lead-form-main form .actions {
  text-align: center;
}

.lead-main .span7 ul li {
  color: #fff;
}


/*******************************************Blog ***************************************/

body a.more-link,
body .blog-pagination a.all-posts-link,
.contentCarouselWrap.span4.blog-list-main .learn-more {
  color: #62ad80;
  border-color: #62ad80;
}

.contentCarouselWrap.span4.blog-list-main:hover .blog-list-inner.clearfix {
  background: #62ad80;
}

body .container-fluid .row-fluid .wrapper {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}


/************************************* Form New css ********************************************************/

.lp-ass-2 .hs_submit.hs-submit {
  text-align: center
}

.lp-ass-2 ul.no-list.hs-error-msgs.inputs-list li {
  margin-left: 0
}

.lp-ass-2 form .input input,
.lp-ass-2 form select {
  background-color: #fff;
  color: #000;
  border-color: #dedede!important
}

.lp-ass-2 form input,
.lp-ass-2 form select,
.lp-ass-2 form textarea {
  height: 46px;
  font-family: 'Source Sans Pro', sans-serif;
  border: 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0;
  margin-bottom: 10px;
  border-radius: 0;
  background: #f5f5f5;
  padding: 5px 10px;
  color: #000;
  font-weight: 400;
  background: #fff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
}

.lp-ass-2 form .input input,
.lp-ass-2 form select {
  background-color: #fff;
  color: #000;
  border-color: #dedede!important
}

body .lp-ass-2 select {
  background: #fff url(//cdn2.hubspot.net/hubfs/2558848/Product-3-Pack/Select%20Arrow%20Small.png) no-repeat;
  background-position: center right;
  -webkit-appearance: none
}

.lp-ass-2 .hs-form .field .input input[type="radio"] {
  border-radius: 50%
}

.lp-ass-2 li.hs-form-radio {
  margin-left: 0
}

.lp-ass-2 .hs-form .field .input input[type="checkbox"],
.lp-ass-2 .hs-form .field .input input[type="radio"] {
  padding: 0;
  border-radius: 4px;
  background: #fff;
  margin-left: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #cfd3d7;
  -webkit-appearance: none;
  border: 1px solid #989898;
  margin-right: 8px;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%
}

.lp-ass-2 .hs_submit input,
.lp-ass-2 .hs-form .field .input input[type="radio"]:checked:after {
  background-color: #3d4757!important;
  border-color: #3d4757!important;
  color: #fff!important
}

.lp-ass-2 .hs-form .field .input input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 4px;
  background: #1c2d47;
  left: 4px;
  border-top: 0;
  border-right: 0;
  border-radius: 50%
}

.lp-ass-2 .hs-form .field .input input[type=radio]:checked:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 4px;
  background: baseColor;
  left: 4px;
  border-top: 0;
  border-right: 0;
  border-radius: 50%
}

.lp-ass-2 .hs-button {
  background: #3d4757;
  border-color: #3d4757
}

.lp-ass-2 .hs-button {
  font-size: 16px;
  line-height: 18px;
  padding: 15px 30px;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  display: inline-block;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  transition: all .15s ease;
  top: 0;
  background: #1c2d47;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #1c2d47
}

.system-page .hs-input[type=checkbox],
.hs-input[type=radio] {
  float: left;
}

form .input textarea {
  height: 150px
}

.b2b-white-form .hs-form-field>label {
  color: #fff
    ;
}

.left-product h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1em;
    margin: 0px;
    line-height: 1.25;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    max-width: 625px;
    margin-bottom: 23px;
}

.left-product h6:after {
    content: '';
    clear: both;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-style: solid;
    border-width: 0;
    border-color: #fff;
    border-width: 1px 0;
    margin-left: 22px;
}
.product-icone-text h6:after{
  display:none;
}
.product-icone-text h6{
  margin-bottom:2px;
}
.span4.widget-span.widget-type-cell.mb-m40 h1 {
    margin-top: 25px;
}
.featured-heading h6:before, .featured-heading h6:after {
    content: '';
    clear: both;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-style: solid;
    border-width: 0;
    border-color: #fff;
    border-width: 1px 0;
    width: 3.5em;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}
.featured-heading h6 {
    
    letter-spacing: .1em;
    margin: 0px 0px 28px;
    line-height: 1.25;
    position: relative;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.about-us h5{
  border-bottom:0 !important;
}
.outter-assessment .b2b-cta-theme { 
  margin-top: 0; 
}
.home-two-section .span6.module-span.module-type-cell.right-col.vertical-center.wow.animated.slideInLeft{
  text-align:right;
}
.home-two-section.reverted-position .span6.module-span.module-type-cell.right-col.vertical-center.wow.animated.slideInLeft{
  text-align:left;
}


.contact2 .fa {
  color: #62ad80;
    font-size: 80px;
}

/***************************************** Responsive Start Here ************************************/
@media (max-width: 1400px) {
  .agency-box-left {
    padding: 50px 20px;
  }
}

@media(max-width: 1250px) {
  h1 {
    font-size: 55px;
  }
  
  .inner-assessment {
    padding: 50px 0;
  }
}

@media(max-width:1199px) {
  .content-section.item1 .case-study-txt {
    max-width: 70%;
    float: none;
    margin: 50px 30px;
  }
}

@media (max-width: 1150px) {
  .ag-twocolumn-content .span6:nth-child(even) {
    padding-left: 0px !important;
    padding-right: 30px !important;
  }
}

@media(max-width:1100px) {
  .header-right-section img {
    max-width: 100% !important;
  }
}

@media(max-width:1024px) {
  .header-right.video-bg.hero-section,
  .header-left.dynamic-bg.left-screen.spna6,
  .header-left.dynamic-bg.left-screen.spna6,
  .spna6.video-bg.hero-section.header-right.right-screen {
    padding: 130px 0px;
  }
}

@media(max-width: 992px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 40px;
  }

  button,
  .button,
  .hs-button {
    margin: 20px 0 20px;
  }
  .banner-section,
  .banner-slider .banner-section {
    padding: 120px 20px 120px;
  }
  .testimonial-slider-text {
    padding: 25px 15px 50px 15px;
  }
  .testimonial-title {
    margin-bottom: 45px;
  }
  .testimonial-section {
    padding: 60px 0 100px 0;
  }
  .product-section {
    padding: 70px 0;
  }
  .product-icone img {
    max-width: 78px !important;
  }
  .slick-dots {
    bottom: -65px !important;
  }
  /*   .coding-section { padding: 0; } */
  .coding-box {
    padding-bottom: 25px;
  }
  .website-box {
    padding: 25px;
  }
  .assessment-box {
    padding: 0 15px;
  }
  .inner-assessment {
    padding: 40px 0;
  }
  .new-site-4col .website-box {
    width: 50%;
    border-bottom: 1px solid #ccc;
  }
  .pricing-button a {
    padding: 15px 30px;
  }
  .service-box {
    padding: 40px;
  }

  .tab-nav-content {
    padding: 30px 20px;
  }
  .tab-nav-content .icon {
    padding-right: 20px;
  }
  .filter-inner {
    width: 100%;
  }
  .filter-inner:last-child {
    margin-bottom: 0px;
  }
 
  .listing-item-col-3 {
    margin-left: auto;
    margin-right: auto;
  }
  .bhwht-lp .span7.left-text-white-bg.all-text-white {
    width: 100%;
    order: 1;
    margin-bottom: 60px
  }
  .bhwht-lp .span5.lead-form-main.all-text-white {
    width: 100%;
    order: 2;
    max-width: 450px;
    margin: 0 auto;
  }
  .website-title h6:before,
  .website-title h6:after,
  .featured-heading h6:before, 
  .featured-heading h6:after{
  display:none !important;
  }
  
}

@media(max-width:767px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 25px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 10px;
  }
  .banner-slider:hover .slick-next,
  .banner-slider:hover .slick-prev {
    display: none !important;
  }
  .left-product,
  .product-img,
  .testimonial-image img,
  .left-coding,
  .right-coding,
  .assessment-box,
  .website-box,
  .product-icone-box,
  .footer-left,
  .footer-right {
    width: 100%;
  }
  .product-img {
    text-align: center;
    margin-top:40px;
  }
  .product-icone {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .product-icone img {
    max-width: 200px !important;
  }
  .product-icone-text {
    width: 100%;
    text-align: center;
  }
  .product-section {
    padding: 50px 0;
  }
  .left-product-text h6:after {
    display: none;
  }
  .testimonial-section {
    padding: 60px 0 80px 0;
  }
  .footer-right {
    margin-top: 30px;
  }
  .coding-icone {
    text-align: left;
  }
  .coding-box:last-child {
    padding: 0;
  }
  .inner-assessment {
    padding: 30px 0 0 0;
  }
  .website-icone img {
    max-width: 200px !important;
  }
  .website-box {
    border-bottom: 1px solid #ccc;
    border-right: none;
  }
  .website-icone {
    margin-bottom: 15px;
  }
  .assessment-box {
    margin-bottom: 20px;
  }
  .assessment-box:last-child {
    margin-bottom: 0;
  }
  .new-site-4col .website-box {
    border-right: 1px solid #ccc;
  }
  .client-logo-box {
    padding: 25px 0px;
  }
  .price {
    padding: 20px;
  }
  .pricing-box:nth-child(2) {
    margin-top: 0;
  }
  .pricing-box {
    margin-bottom: 40px;
  }
  .pricing-box:last-child {
    margin-bottom: 0px;
  }
  .pricing-section {
    padding-top: 0;
  }
  .pricing-3col .pricing-box,
  .service-box,
  .new-site-4col .website-box,
  .pricing-box {
    width: 100%;
  }
  .service-box {
    border-right: none;
  }
  .service-box:last-child {
    padding-bottom: 0;
  }
  .contact1-form form {
    max-width: 100%;
  }
  .dis-flex.contact-form1 .wow.slideInLeft.span6 {
    padding-right: 0px;
  }
  .contact-form1 .span6 {
    width: 100% !important;
    margin: 0 auto 40px !important;
  }
  .contact-form1 .span6:last-child {
    margin-bottom: 0px !important;
  }
  .span4.widget-span.widget-type-linked_image.icons {
    width: 100% !important;
    max-width: 200px;
    text-align: center;
    margin: 0 auto 20px;
  }
  .wd-full .span4,
  .wd-full .span8 {
    width: 100% !important;
  }
  .text-col.dis-flex {
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
  }
  body .row-fluid .ui-section-two-col .right-col {
    order: 1;
    width: 100%;
  }
  body .row-fluid .ui-section-two-col .left-col {
    order: 2;
    width: 100%;
  }
  body .row-fluid .ui-section-two-col .left-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    width: 100% !important;
  }

  .span5.wow.fadeInRight.full-width-b2b.animated {
    width: 100%;
  }
  .span7.widget-span.widget-type-cell.wow.bounceInRight.pr-ight.animated {
    width: 100%;
  }
  .span6.widget-span.widget-type-cell.res-left {
    border-right: 0px;
    padding: 50px 0px;
  }
  .span6.widget-span.widget-type-cell.res-left:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
  }
  .span6.widget-span.widget-type-cell.res-left:nth-child(odd) {
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
  }
  .res-main {
    margin-bottom: 0px;
  }
  .three-box {
    width: 100%;
    border-right: 0px;
    padding: 50px 0px;
  }
  .cta-absolute {
    left: 0;
    position: unset;
  }
  form {
    max-width: 100%;
    width: 100%;
  }
  .tab-pane .tab-content-inner {
    display: none;
  }
  .tab-link a {
    display: block;
  }
  .row-fluid.dis-flex .span6 {
    width: 100% !important;
    padding: 0px 0px !important;
  }
  .nav.nav-tabs.tabs-left {
    display: none;
  }
  .span12.tab-pane,
  .span12.tab-pane.active {
    display: block !important;
  }
  .span12.tab-pane:first-child {
    margin-left: 0 !important;
  }
  /*   .service-img.span6{margin-bottom:30px !important;} */
  .tab-content-inner {
    margin-bottom: 50px;
  }
  .section-padding {
    padding: 60px 10px;
  }
  .error-page,
  .systems-page {
    padding: 10rem 20px;
  }
  .section-two-col.two-col-fontstyle.two-col-grid.border-btm .agency-box-left.span6 {
    width: 100% !important;
  }
  .section-two-col.two-col-fontstyle.two-col-grid.border-btm {
    border-bottom: 0px;
  }
  .two-col-grid .agency-box-left {
    border-right: 0;
    border-bottom: 1px solid #ccc;
  }
  body .row-fluid .ui-section-two-col .right-col {
    order: 1;
  }
  body .row-fluid .ui-section-two-col .left-col {
    order: 2;
  }
  body .row-fluid .ui-section-two-col .right-col,
  body .row-fluid .ui-section-two-col.reverted-position .left-col {
    padding: 25px 0px;
  }
  .mb-m40 {
    margin-bottom: 40px;
  }
  .dis-flex.ag-twocolumn-content .span6 {
    width: 100% !important;
  }
  .dis-flex.testi-content .span3 {
    width: 100% !important;
    margin: 0 auto 40px !important;
    order: 1;
    max-width: 200px;
    text-align: center;
  }
  .dis-flex.testi-content .span9 {
    width: 100% !important;
    padding-right: 0px;
    order: 2;
  }
  .testi-img,
  .testi-txt {
    text-align: center;
  }
  .section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span9 {
    padding: 0px;
  }
  .section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span3 {
    margin: 0 auto 40px !important;
  }
  .testi.dis-flex .span10 {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .testi.dis-flex .span2.testi-img {
    text-align: center;
    margin: 0 auto 20px;
  }
  .banner-button {
    width: 100%;
  }
  .second-cta {
    margin-left: 0px;
  }
  .banner-button.seq-button {
    margin-right: 0px;
  }
  body .row-fluid .ui-section-two-col .right-col,
  
  .website-box {
    border: 1px solid #ccc;
    margin-bottom: 30px;
  }
  .website-box:last-child {
    margin-bottom: 0px;
  }
  .inner-website {
    border: 0px;
  }
  .banner-button.seq-button {
    text-align: center;
  }
  .banner-cta.mt-50 {
    margin-top: 0px;
  }
  .span6.widget-span.widget-type-cell.right-col.vertical-center.wow.animated.slideInRight.image.animated {
    padding: 100px 12% 215px 5%;
  }
  .tb-bg .service-img.span6.animated.bounceInDown:first-child {
    margin-bottom: 40px !important;
  }
  .hub-image.icons img {
    width: auto !important;
    height: auto !important;
  }
  .fullwidth-btn:first-child {
    margin-right: 0px;
  }
  .spna6.hero-section.header-right.right-screen.video-bg {
    width: 100%;
    order: 1;
  }
  .header-left.dynamic-bg.left-screen.spna6 {
    order: 2;
    width: 100%;
  }
  .header-right.video-bg.hero-section {
    min-height: auto !important;
    margin-left: 0px;
    height: 100% !important;
    padding: 20px 0px;
  }
  .header-right.video-bg.hero-section {
    line-height: 100vh;
  }
  .spna6.video-bg.hero-section.header-right.right-screen {
    position: relative;
    z-index: 1;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }
  .header-left.dynamic-bg.left-screen.spna6 {
    justify-content: center;
  }
  .header-left-section h1,
  .left-cta.txt-right,
  .header-left-section p {
    text-align: center !important;
  }
  .dis-flex wht-bh .span4 {
    order: 1;
    margin-bottom: 40px;
  }
  .dis-flex.wht-bh .span4 {
    order: 1;
    margin-bottom: 40px;
  }
  .dis-flex.wht-bh .span8 {
    order: 2;
  }
  .bhwht-lp .content-section {
    padding: 40px 20px;
  }
  .bhwht-lp h1 {
    text-align: center;
  }
  .website-cta.b2b-cta-theme {
    position: unset;
  }
  .reverted-position .left-col.span6 { 
  padding-left: 0px; 
}
  
  .left-product h6{
    margin:0 auto;
    justify-content:center;
  }
.home-two-section .span6.module-span.module-type-cell.right-col.vertical-center.wow.animated.slideInLeft,
  .home-two-section .span6.module-span.module-type-cell.left-col.vertical-center.wow.animated.slideInRight{
    border:0px;
}
  .product-icone-box {
    padding: 0;
    margin-bottom: 30px;
}
  .product-icone-box:last-child{
  margin-bottom:0px;
  }
  .home-two-section .span6.module-span.module-type-cell.right-col.vertical-center.wow.animated.slideInLeft{
  text-align:center;
  }
  .child-trigger i, .child-trigger i:after {
    width: 10px;
    height: 1px;
    background-color: #000;
    display: block;
        position: relative;
    top: 50%;
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

  
}
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
  .child-trigger.child-open i:after {
    /* -webkit-transform: rotate(-180deg); */
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
  
}
@media(max-width:640px) {
  .banner-cta .span6 {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
}

@media(max-width: 480px) {
  h1 {
    font-size: 35px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 25px;
  }
  h4 {
    font-size: 20px;
  }
  .pricing-section .container {
    padding: 0;
  }
  /*   .product-icone img { max-width: 80px !important; }  */
  .banner-slider .slick-dots {
    bottom: -5px !important;
  }
  .banner-button {
    display: block;
    margin-top: 0px;
  }
  .outter-banner-button {
    margin-top: 0px;
  }
  .seq-button a {
    padding: 10px 35px;
  }
  .testimonial-section {
    padding: 60px 0;
  }
  .footer-link {
    margin-bottom: 25px;
    width: 50%;
  }
  .footer {
    padding: 25px 0 0 0;
  }
  .website-box {
    padding: 20px 10px;
  }
  .testimonial-cta a {
    padding: 14px 40px;
  }
  .testimonial-cta {
    margin-top: 70px;
  }
  .client-logo-box:nth-child(3n) {
    border-right: 1px solid #ebebeb;
  }
  .client-logo-box {
    width: 100%;
    border-left: 1px solid #ebebeb;
  }
  .service-box {
    padding: 20px 0;
  }
  .banner-section.video-bg {
    padding: 120px 0px;
  }
  
}

.header-search-form form {
  position: unset;
  display: flex;
}

.header-search-form .search-button {
  position: unset;
}

.mfp-close-btn-in .mfp-close {
  top: -60px;
}

.pricing-list ul li {
  margin-left: 0px;
}

.pricing-3col .pricing-box,
.pricing-box {
  display: flex;
  flex-direction: column;
}

.pricing-button.custom-cta a {
  margin-bottom: 0;
}

@media only screen and (min-width:1024px) and (max-height:768px) {
  .header-right.video-bg.hero-section,
  .header-left.dynamic-bg.left-screen.spna6,
  .header-left.dynamic-bg.left-screen.spna6,
  .spna6.video-bg.hero-section.header-right.right-screen {
    min-height: auto !important;
    padding: 130px 0px;
  }
}
.top .header-group{
  right:0 !important;
}

/********************** new changes*****************/
.footer a { border-width: 0px;padding: 0px;margin: 0px;}
.header-search-form input[type=text],
.header-search-form input[type=email],
.header-search-form input[type=password],
.header-search-form input[type=tel],
.header-search-form input[type=number],
.header-search-form input[type=file],
.header-search-form input[type=submit],
.header-search-form select,
.header-search-form textarea{border-radius: 50px !important;    border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;}
body .cc-result-box.total, body .cc-result-box.total .cc-values{    border-color: rgba(57,95,97,1.0) !important;background: rgba(57,95,97,1.0) !important;}


.grecaptcha-badge {
    margin-right: auto !important;
}

.lp-ass-2 .hs_submit.hs-submit{
  text-align:left;
}
.contact-form1 .animated.wow.slideInLeft.span6 { padding-right: 80px; }
.bh-brd-none{border:0px;}
.my-agency-txt.wow.slideInLeft {
    max-width: 354px;
}
.two-flex {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
}
.agency-box-left.span6.two-flex:nth-child(even) .my-agency-txt.wow.slideInLeft {
    margin-left: 0;
    margin-right: auto;
}
.agency-box-left.span6.two-flex:nth-child(even) {
    align-items: flex-start;
}
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white.po-relative.b2b-new-frm {
    background-attachment: fixed;
}
.contact1-form input.hs-button.primary.large:hover {
    background-color: #62ad80 !important;
    border-color: #62ad80 !important;
}
.map-section .map-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://cdn2.hubspot.net/hub/273774/file-1146934634-png/mp/themes/Act-Theme/images/footer-pattern.png?t=1532002506488);
    opacity: .7;
    transition: .6s ease;
}
.map-section {
    position: relative;
}
.map-section iframe{
  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

@media(max-width:767px){
.contact-form1 .animated.wow.slideInLeft.span6 { padding-right: 0px; }
.my-agency-txt.wow.slideInLeft {
    max-width: 100%;
}

.agency-box-left.span6.two-flex {
    align-items: center !important;
}
  .footer-link {
        margin-bottom: 50px;
        width: 100%;
    }
}
/******************** Navigation changes ***********************/

@media(max-width:1250px){
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    
    padding: 18px 13px; !important;}
  .header-right-cta.span2 { margin-left: 0; text-align: right; width: 141px !important; margin-left: 20px; }
}
@media(max-width:1023px){
  .header-right-cta.span2 {
    text-align: right;
    margin-left: 20px !important;
    width: 84px !important;
}
  .control-button {right: 20px; top: 35% !important; }
  body .header-container-wrapper .logo {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 150px;
}
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    padding: 18px 9px;
  
}
  body .header-container-wrapper .logo img{width: 150px!important;}
}

@media(max-width:767px){
  .new-headers .control-button {
    position: absolute;
    right: 60px;
    top: 29px !important;
}
  .header-wrapper.page-center.span12 { width: 100%; max-width: 100%; padding: 0; }
}
  
  .footer .hs-menu-item.active a {
    color: inherit !important;
}
  
  
.system-page .logos.span3.system img.hs-image-widget{
  max-width:inherit !important;
}
  
.system-page .logos.span3.system{
  width:auto;
  margin-left:0 !important;
}
  .system-page a.cta_button{
    border-color:#65ac81 !important;
}
.system-page .top .mobile-trigger i,.system-page .top .mobile-trigger i:before,.system-page .top .mobile-trigger i:after{
  background-color:#65ac81 !important;
}
.system-page.mobile-open .mobile-trigger i{
 background: transparent !important;
}
.error-page,.systems-page { 
  min-height: 80vh;
}
.system-page .hs-input[type=checkbox], .hs-input[type=radio]{
float:unset !important;
}

.email-prefs .item .item-inner.selected { 
  background: rgba(193,189,231,0.2); 
  border: 1px solid #e0e7ec; 
}

form#email-prefs-form h1 { 
  font-size: 70px; 
}

@media(max-width:1023px){
  .system-page .logos.span3.system img.hs-image-widget{
    width:150px !important;
  }
  .system-page .logos.span3.system img.hs-image-widget {
    max-width: 200px !important;
}
  form#email-prefs-form h1 { 
  font-size: 50px; 
}

}
  
@media(max-width:767px){
  .b2b-system .systems-page.system-pad{
    padding:12rem 0px 5rem;
  }
  form#email-prefs-form h1{
    font-size:40px;
  }
  .left-product {
    text-align: center;
}
  .animation-3-column .span4.widget-span.widget-type-cell.mb-m40 {
    width: 100%;
}
  .reverted-position .right-col.span6,
  .reverted-position .left-col.span6{
    margin:0 !important;
  }
  .span6.module-span.module-type-cell.right-col.vertical-center.wow.animated.slideInLeft {
    text-align: center !important;
}
  .b2b-new-frm h5:after{
    display:none;
  }
 
}
.blog-listing-wrapper .post-listing .post-item-v4 {    padding: 0 0 60px;    position: relative;}
.blog-listing-wrapper .post-listing .post-item-v4 .btn {width:150px; position: absolute; bottom: 30px; left: 25px; }
.blog-listing-wrapper .post-listing .post-item-v4 a.anchor-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }