@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');







/* 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 {
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  font-size:18px;
  line-height:1.4;
}  
ul{
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  font-size:18px;
  color: #444444;
  line-height:1.4;
}  
li{
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  font-size:18px;
  color: #444444;
  line-height:1.4;
}  
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
option {
  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: 70px 20px;
}

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





.overlaybg, .overlay, .image:before, .home-two-section:before { 
  background-color:rgba(28, 45, 71,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
}
h1 em {
    font-size: inherit;
    font-style: italic;
}
h1 strong {
    font-size: inherit;
    font-weight: 600;
}

h2 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 100;
  color: #494a52;
  font-size: 42px;
  letter-spacing: .8px;
  text-decoration: none
}
h2 em {
    font-size: inherit;
    font-style: bold;
}
h2 strong {
    font-size: inherit;
    font-weight: 600;
}
h3 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #494a52;
  font-size: 34px;
  text-decoration: none
}
h3 em {
    font-size: inherit;
    font-style: italic;
}
h3 strong {
    font-size: inherit;
    font-weight: 600;
}

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

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

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

a {
  color: #1c2d47;
  font-weight: inherit;
}
em {
    font-size: inherit;
    font-style: italic;
    font-weight: inherit;
}
strong {
    font-size: inherit;
    font-style: strong;
}

h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {
    font-size: inherit;
}

ol {
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  color: #444444;
  font-size:18px;
  line-height:1.4;
}  
ul{
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  font-size:18px;
  color: #444444;
  line-height:1.4;
}  
li{
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  font-size:18px;
  color: #444444;
  line-height:1.4;
}  

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

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

html {
  font-size: 18px;
}

body { 
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  color: #444444;
}

/* Paragraphs */
p { 
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  font-size:18px;
  line-height:1.4;
}

/* Anchors */
a {
  color: #f77f00;
}

a:hover,a:focus {
  color: #cf5700;
}

a:active {
  color: #ffa728;
}

/* Headings */
h1 { 
  font-weight: 600; text-decoration: none; font-family: Raleway; font-style: normal;
  color: #111D4A; 
  font-size: 42px; 
  letter-spacing: 1px; 
}

h2 { 
  font-weight: 600; text-decoration: none; font-family: Raleway; font-style: normal; 
  color: #111D4A;
  font-size: 38px;
  letter-spacing: 0.8px; 
}

h3 { 
  font-weight: 600; text-decoration: none; font-family: Raleway; font-style: normal; 
  color: #111D4A; 
  font-size: 30px;
}

h4 { 
  font-weight: 600; text-decoration: none; font-family: Raleway; font-style: normal;
  color: #111D4A;
  font-size: 22px;
}

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

h6 { 
  font-weight: 600; text-decoration: none; font-family: Raleway; font-style: normal;
  color: #111D4A;
  font-size: 14px
}

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




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

  
  
    
  


  rgba(247, 127, 0, 1.0)

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

a.btn-2  { 
  display: inline-block;
  margin:0 0 20px;
  background-color: 

  
  
    
  


  rgba(34, 116, 165, 1.0)

;
  border: 0px solid #2274A5;
  border-radius: 0px;
  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: none;
  border-radius: 0px;
  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(247, 127, 0, 1.0)

;
}

.cta_button:hover, .cta_button:focus {
  background-color: #111D4A;
  color: #f77f00;
} 

button:hover,button:focus,.button:hover,.button:focus {
  background-color: rgba(207, 87, 0, 1.0);
  border-color: #cf5700;
  color: #FFFFFF;
}

button:active,.button:active {
  background-color: rgba(255, 167, 40, 1.0);
  border-color: #ffa728;
  color: #FFFFFF;
}





form,
.submitted-message {
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
}


/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #111D4A;
}


/* Form label */

form label {
  color: #111D4A;
}


/* Form help text */

form legend {
  color: #111D4A;
}


/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
input[type=submit],
input[type=textarea],
input[type=radio],
input[type=dropdown],
input[type=checkbox],
select,
textarea {
  border-color: #D1D6DC;
  color: #444444;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=textarea]: focus,
input[type=radio]: focus,
input[type=checkbox]: focus,
input[type=dropdown]: focus,
select:focus,
textarea:focus {
  border-color: #111D4A;
}


/* Form placeholder text */

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


/* Date picker */

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

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

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


/* Submit button */

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

  
  
    
  


  rgba(247, 127, 0, 1.0)

;
  border: none;
  border-radius: 0px;
  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( 207, 87, 0, 1.0);
  border-color: none;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba( 255, 167, 40, 1.0);
  border-color: none;
  color: #FFFFFF;
}

/* 6. Tables
*/

table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #111D4A;
}

th,
td {
  border-color: #111D4A;
  color: #111D4A;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(17, 29, 74, 1.0)

;
  border-bottom-color: #111D4A;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #111D4A;
}

tbody+tbody {
  border-top-color: #111D4A;
}

/* 7. Site header  */

.header {
  background-color: #ffffff;
}

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: Montserrat;
}

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: #111D4A;
}

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

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

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: #ffffff;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Montserrat;
}

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

@media(max-width: 1024px) {
  .header__navigation {
    background-color: #ffffff;
  }
  .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 a:active,
.footer a:after,
.footer div,
.footer span {
  color: #fff!important;
}

.footer {
  background-color: 

  
  
    
  


  rgba(17, 29, 74, 1.0)

;
  padding: 25px 0;
}


/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6, 
.footer p,
.footer p:active,
.footer a,
.footer a:active,
.footer a:after,
.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;
}

.footer .copyright p{
  font-size: 14px;
  text-align: center!important;
}  

/* 9. Blog */

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

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

.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: #1c1c1c;
}

.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: #6c6c6c;
}

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

.blog-pagination__link {
  color: #444444;
}

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

.blog-post__title {
  font-weight: 600; text-decoration: none; font-family: Raleway; font-style: normal;
  color: #111D4A;
  font-size: 38px;
}

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

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

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

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

/* 11. Modules  */

body .icon svg {
  fill: #111D4A
}

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

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

body .team-member__description {
  background-color: #f77f00
}

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: #111D4A	;
}

.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://2571256.fs1.hubspotusercontent-na1.net/hubfs/2571256/Oosha%20Jan%202017/images/left.png) no-repeat center;
}

.slick-slider .slick-next {
  right: -100px;
  background: url(https://2571256.fs1.hubspotusercontent-na1.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;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none;
  border: none;
  color: #4b6464
}

.seq-button a {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none;
  border: none;
  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: 195px !important;
  width: auto;
  display: block
}

.sticky-nav .logo img {
  max-width: 195px!important;
}
div#header-group-id.sticky-nav { z-index: 999; box-shadow: 5px 2px 3px rgba(0,0,0,0.1); }
.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: #111D4A;
}

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

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

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: #111D4A!important;
}

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

body .sticky-nav .header-right-cta .cta_button.agency-btn {
  color: #111D4A!important;
  border-color: #111D4A!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: #444444!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: #444444!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: #444444!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: #FFFFFF!important;
  color: #444444;
}

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

.hs-menu-wrapper ul ul li:first-child:hover:before {
  background-color: #FFFFFF!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: #FFFFFF!important;
  color: #444444!important;
}

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

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

.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 #FFFFFF
}


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

.mega-menu-branch h4 {
  color: #111D4A;
}

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


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

.header-search-form .search-button {
  background: #111D4A	;
}

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

@media (min-width: 1025px) {
  .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: "\f0d7";
    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: "\f0d7"
  }
  #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% - 240px);
    margin-left: 0;
  }
  .header-right-cta.span2 {
    text-align: right;
    width: 125px !important;
    margin-left: 0;
  }
  .logo.span3 {
    width: 195px;
  }
  .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:1024px) {
  .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 - 80px);
    overflow-y: scroll;
  }
}


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

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

.control-button {
  position: relative;
  top: 25px;
  right: 0;
}

.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;
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a{font-size:13px; padding:18px 12px;}
}

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

@media(max-width:1024px) {
  .new-headers .control-button {
    position: absolute;
  }
  .header-group{padding:0px 20px;}
  .header-wrapper.page-center.span12{padding:0px}
}


/* 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: 15px !important;
}

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

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

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

.banner-slider .slick-prev {
  background: url(https://4130406.fs1.hubspotusercontent-na1.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 150px;
}

.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: #111D4A;
  color: #f77f00;
}

.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: #111D4A;
  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: #111D4A;
  padding: 14px 69px;
  border: 2px solid #111D4A;
  font-size: 16px;
  letter-spacing: 1px;
}

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


/* 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: #111D4A;
  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;
  border: 1px solid #ccc;
}

.new-site-3col .inner-website {
  display: flex;
  flex-wrap: wrap;
  border: none;
}

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

.new-site-3col .website-box {
  padding: 30px 25px 87px;
  border-right: none;
  width: 33.33%;
  position: relative;
}

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

.website-box-content h4 {
  color: #111D4A
}

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

.new-site-4col .website-icone:hover {
  transform: scale(1.1);
}

.new-site-4col .website-box {
  width: 25%;
}

.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: #111D4A;
  margin-top: 13px;
  margin-left: 15px;
}

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


/* about-page */

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

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

.about-us h5 {
  border-bottom: 2px solid #111D4A	;
  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: #111D4A;
  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;
}

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

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

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

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

.assessment-box {
  color: #f77f00;
}


/* .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: #f77f00;
}

.footer-link ul li a:active {
  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: #111D4A!important;
}

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

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

.error-page {
  padding: 7rem 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;
}

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

.section-padding {
  padding: 70px 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[type=submit] {
  border-radius: 0px !important;
}

.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;
}


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

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

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

hr {
  margin: 15px 0;
  background-color: #111D4A;
  color: #111D4A;
  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;
}

.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: center;
}

.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;
}


/**************************** 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: #111D4A;
  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: 60px;
}

.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: 60px;
}

.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: #f77f00;
  border-color: #f77f00;
}

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

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: 0!important
}

.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(//2558848.fs1.hubspotusercontent-na1.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
    ;
}

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

@media(max-width: 1250px) {
  h1 {
    font-size: 80px;
  }
  h2 {
    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: 70px;
  }
  h2 {
    font-size: 50px;
  }
  h3 {
    font-size: 35px;
  }
  h4 {
    font-size: 28px;
  }
  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;
  }
  body .row-fluid .ui-section-two-col .left-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    padding: 100px 5% 80px 5%;
  }
  .tab-nav-content {
    padding: 30px 20px;
  }
  .tab-nav-content .icon {
    padding-right: 20px;
  }
  .filter-inner {
    width: 100%;
  }
  .filter-inner:last-child {
    margin-bottom: 0px;
  }
  body .row-fluid .ui-section-two-col .left-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    padding: 100px 5% 80px 5%;
  }
  .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;
  }
}

@media(max-width:767px) {
  h1 {
    font-size: 65px;
  }
  h2 {
    font-size: 45px;
  }
  h3 {
    font-size: 30px;
  }
  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;
  }
  .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;
  }
  body .row-fluid .ui-section-two-col .right-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    padding: 100px 12% 215px 5%;
  }
  .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: 50px 30px;
  }
  .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,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    padding: 60px 12% 40px 5%;
  }
  .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;
  }
}

@media(max-width:640px) {
  .banner-cta .span6 {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
}

@media(max-width: 480px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 40px;
  }
  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;
}

.header-right-cta.span2 { display: none; }
.top .mobile-trigger i, .top .mobile-trigger i:before, .top .mobile-trigger i:after {  background-color: #000;  }
.mega-menu-branch ul li a { font-family: Montserrat !important;}

@media only screen and (max-width: 1024px){
  body .header-container-wrapper .logo img { max-width: 100px !important; }
  .mobile-trigger { top: 16px; right: 8px; }
  .top-menu.js-enabled .hs-menu-wrapper {top:60px;}
}