/**/



































/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
body{font-family:Poppins; font-weight:400; color:#000000; font-size:22px; line-height:30px;}
@media (max-width:767px){
	body{font-size:17px; line-height:30px;}
}

/* Paragraphs */
strong{font-weight:700;}
a{ transition:400ms; text-decoration:none; color:#95c93d;}
a:hover, a:focus{text-decoration:none; color:#95c93d; }

p{margin:0 0 15px 0;}
p:last-child{margin:0;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-uppercase{text-transform:uppercase;}

.ul-style ul{list-style:none; padding:0; margin:0;}
.ul-style li{padding-left:20px;position:relative; margin-bottom:20px;list-style:none;}
.ul-style li:after{background-color:#95c93d;border-radius:100%;content:'';height:8px;left:0;position:absolute;top:11px;width:8px;}

.ul-check ul{list-style:none; padding:0; margin:0;font-size:19px;}
.ul-check li{padding-left:40px;position:relative; margin-bottom:28px;}
.ul-check li:after{background:url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px;content:'';height:21px;left:0;position:absolute;top:4px;width:26px;}

h1,h2,h3,h4,h5,h6{margin-top:0px; font-weight:400; margin-bottom:15px; }
h1 span,h2 span,.h2 span,h3 span,h4 span,h5 span,h6 span{color:#95c93d;}
h1.red-span span,h2.red-span span,h3.red-span span{color:#F03C2E;}
h1 { font-family: Poppins; font-style: normal; font-weight: 800; text-decoration: none; font-size:60px; color:#FFFFFF; line-height:62px; }
h2, .h2 { font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none; font-size:42px; color:#FFFFFF; line-height:54px; }
h3 { font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none; font-size:24px; color:#FFFFFF; line-height:33px; }
h4 { font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none; font-size:22px; color:#FFFFFF; line-height:44px; }
h5 { font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none; font-size:20px; color:#FFFFFF; line-height:36px; }
h6 { font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none; font-size:20px; color:#FFFFFF; line-height:30px; }

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text .h2{color:#fff;}

.gradient-text,
.gradient-span span{background:-webkit-linear-gradient(left,#95c93d,#666666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

@media (max-width:1629px){}
@media (max-width:1429px){}
@media (max-width:1199px){}
@media (max-width:991px){
    h1{font-size:50px;}
}
@media (max-width:767px){
    h1{font-size: 36px;line-height: 45px;}
    h2,
    .h2{font-size: 30px;line-height: 39px;}
}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{max-width: none; white-space: inherit; overflow: visible;}


header.header{background-color:
    
    
        
    
    rgba(#null, 1)
; position:absolute; top:0; left:0; width:100%; z-index:9; transition:400ms;}
header.header ul{list-style:none; margin:0; padding:0;}
header.header .logo{max-width:160px;}
header.header .logo img{display:block;}
header.header .inner{padding-left:30px; padding-right:30px; display:flex;}
header.header .top-header{position:relative; transition:400ms; padding:17px 0;box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.2);}
header.header .top-header .hs-menu-wrapper ul{display:flex; align-items:center;}
header.header .top-header .hs-menu-wrapper ul li{}
header.header .top-header .hs-menu-wrapper ul li + li{margin-left:35px;}
header.header .top-header .hs-menu-wrapper ul li a{font-size:15px; display:block;}
header.header .top-header .search{margin: 0 30px 0 0;}
header.header .top-header .search input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){max-width:225px;background:rgba(0,0,0,0.1) url(https://497316.fs1.hubspotusercontent-na1.net/hubfs/497316/theme-ritter-communication/search_icon.png) no-repeat left 16px center;border:medium none;border-radius:0;color:#fff;font-size:15px;margin:0;padding:10px 15px 10px 45px;text-transform:none;}
header.header .top-header .search input::-webkit-input-placeholder{opacity:1; color:#fff;}
header.header .top-header .search input::-moz-placeholder{opacity:1; color:#fff;}
header.header .top-header .search input:-ms-input-placeholder{opacity:1; color:#fff;}
header.header .top-header .search input:-moz-placeholder{opacity:1; color:#fff;}

/* header.header.headerfixed:not(.mobile){transform:translateY(-44px);}
header.header.headerfixed:not(.mobile) .main-header{padding:15px 0;} */


.nav-toggle{background-color:transparent;border:none;cursor:pointer;padding:10px 0;position:absolute;right:13px;top:15px;width:43px;}
.nav-toggle .icon-bar{margin:auto;background-color:#231f20;border-radius:1px;display:block;height:3px;position:relative;width:28px;transition:400ms;}
.nav-toggle .icon-bar + .icon-bar{margin-top:8px;}
.nav-toggle .icon-bar:nth-child(1),.nav-toggle .icon-bar:nth-child(3){top:0;transform:rotate(0deg);}
.nav-toggle.nav-menuopen .icon-bar:nth-child(1){top:11px;transform:rotate(45deg);}
.nav-toggle.nav-menuopen .icon-bar:nth-child(2){opacity:0;}
.nav-toggle.nav-menuopen .icon-bar:nth-child(3){top:-11px;transform:rotate(-45deg);}
.mainmenu .mobile-menu span.mobile-toggle{cursor:pointer; width:56px;height:36px;position:absolute;right:0px;top:3px; background:url(https://497316.fs1.hubspotusercontent-na1.net/hubfs/497316/theme-ritter-communication/arrow-down.png) no-repeat center; transition:400ms;}
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen{transform:scale(-1);}
.mainmenu .hs-menu-wrapper ul{padding:0;margin:0;list-style:none;}
.mainmenu .hs-menu-wrapper ul li a{padding:10px 0;display:block;color:; font-size:18px; font-weight:700;}
.mainmenu .hs-menu-wrapper > ul{padding:0 25px 0 0;}
.mainmenu .hs-menu-wrapper > ul > li{display:inline-block;vertical-align:middle;}
.mainmenu .hs-menu-wrapper > ul > li > a{max-width:none;width:auto;position: relative;}
.mainmenu .hs-menu-wrapper > ul > li > a:after{content:'';height:44px;left:0;position:absolute;top:35px;width:100%;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children{position:relative;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{background-color:#95c93d;overflow:hidden;min-width:290px;left:-30px;top:75px;opacity:0;position:absolute;visibility:hidden;padding:18px 0;z-index:10;transform:translateY(20px);border-radius:0 0 10px 10px;transition:400ms;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{color:#FFF; font-size:18px; padding:6px 30px;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2{position:relative;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 ul.hs-menu-children-wrapper{position:static; transform:none; display:none;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 span.mobile-toggle{display: block;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 > ul.hs-menu-children-wrapper{transition:none; padding:0;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li > a{font-size:16px; font-weight:400; line-height:normal;}

header.header.header-lp{padding:28px 0;background-color:#000;position:fixed;}
header.header.header-lp:after{content:'';background:linear-gradient(90deg,rgba(106,108,174,0.00) 0%,rgba(106,108,174,0.20) 23.99%,rgba(106,108,174,0.20) 75.87%,rgba(106,108,174,0.00) 99.65%);position:absolute;left:0;bottom:0;width:100%;height:1px;}
header.header.header-lp .r-access a{color:#FFF;font-size:18px;line-height:normal;}
header.header.header-lp .r-access a:hover{color:#a4a5de;}

@media (min-width:768px){
    .mainmenu .hs-menu-wrapper ul li:hover > a,
    .mainmenu .hs-menu-wrapper ul li.active > a,
    .mainmenu .hs-menu-wrapper ul li.active-branch > a{color:;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper{opacity:1;visibility:visible;transform:translateY(0);}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle{display:none;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{color:#95c93d;}
}

@media (max-width:767px){
    .mainmenu .hs-menu-wrapper ul li a{padding:10px 15px;}
    .mainmenu .hs-menu-wrapper > ul{background-color:#fff;display:none;left:0;margin:0;position:absolute;text-align:left;top:70px;width:100%;padding:10px 0 0;}
    .mainmenu .hs-menu-wrapper > ul > li{display:block;}
    .mainmenu .hs-menu-wrapper > ul > li:not(:first-child){margin-left:0;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{background-color: rgba(65, 206, 239, 0.1); position:static;opacity:1;visibility:visible;display:none;width:100%;transform:translateY(0); transition:none !important;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:6px 15px 6px 30px;}
    
    header.header.header-lp{padding:20px 0;}
    header.header .inner{padding-left:15px;padding-right:15px;justify-content:space-between;align-items:center;}
    header.header.header-lp .r-access a{font-size:15px;}
    
}
a.cta_button{box-sizing: border-box !important;}

.btn-group{}
.btn-group > div{display:inline-block;margin:0 6px;vertical-align:middle;}
.btn-group > div:first-child{margin-left:0; margin-bottom:5px;}
.btn-group > div:last-child{margin-right:0; margin-bottom:5px;}

[class*="button-"] a{padding:12px 15px; display:inline-block;font-size:18px;font-weight:800;min-width:140px;text-align:center;border-radius:8px;} 

.button-1 a{background-color:#95c93d;color:#FFFFFF;}
.button-1 a:hover{background-color:#000000;color:#FFFFFF;}

[class*="button-"].gradient-btn a{background:linear-gradient(to right,#95c93d, #666666, #666666, #95c93d); background-size: 300% 100%;}
[class*="button-"].gradient-btn a:hover{background-position: right center;}

/* .link-text a{color:#95c93d; text-transform:uppercase; font-weight:700; font-size:18px;position:relative;padding: 0 23px 0 0;display:inline-block;}
.link-text a:hover{color:#95c93d;}
.link-text a:after{background:url(https://497316.fs1.hubspotusercontent-na1.net/hubfs/497316/theme-ritter-communication/side_arrow-blue.png) no-repeat center;content:'';position:absolute;right:0;top:8px;width:9px;height:14px;transition:400ms;}
.link-text a:hover:after{right: -8px;} */

@media (max-width:1199px){
    [class*="button-"] a{padding:8px 15px;}
}

@media (max-width:991px){
    .btn-group > div{display:block; margin:0 0 8px;}
}

@media (max-width:767px){
    [class*="button-"] a{font-size: 14px; min-width: auto;padding: 8px 30px;}
}
input{font-family:Poppins;}

::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{opacity:1;color:#c2c2c2;}
::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#c2c2c2;}
:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:#c2c2c2;}
:-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder{opacity:1;color:#c2c2c2;}

.hs-error-msgs label{display:block; font-size:13px; transform:translate(2px, -11px); -webkit-transform:translate(2px, -11px); -moz-transform:translate(2px, -11px);}

textarea, select, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])
{font-family:Poppins; border-radius:4px; color:#000000; background-color:#fbfbfd; border:none; padding:12px 15px; margin:0 0 15px 0; font-size:14px; font-weight:400; width:100%;}
fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1, select.hs-input, fieldset.form-columns-1 input[type="text"].hs-input,  fieldset.form-columns-1 input[type="password"].hs-input,  fieldset.form-columns-1 input[type="datetime"].hs-input,  fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input{width:100%;}
input[type="radio"], input[type="checkbox"]{margin-right: 10px;}
input[type="file"]{background-color:#fff; color:#000;}
.inputs-list{margin:0 0 15px;}
select {cursor:pointer; font-size:14px; padding:11px 15px; color:#c2c2c2; background:#fff url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/Hippo%20Master%20Folder/theme-hippo/images/select-chevron.svg) no-repeat right 29px center / 27px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{display:none;}
fieldset .hs-form-field > label span.hs-form-required{display:none;}
fieldset .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
textarea{resize:none;}

input[type="submit"]{background-color:#95c93d;border:solid 2px ;border-radius:8px 0;color:#FFFFFF;transition:400ms; display:inline-block;font-size:18px;font-family:Poppins;font-weight:700;min-width:212px;padding:7px 15px;-webkit-appearance: none;text-align:center; cursor:pointer;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:#000000;border-color:;color:#FFFFFF;}

/* Default Form Code */
.default-form .hs-form .hs-form-field > label span.hs-form-required{display:none;}
.default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inline-block;}
.default-form .hs-form .hs-form-field .input{margin:0;}
.default-form .hs-form label{display:block;padding:0 0 15px;}
.default-form .hs-form fieldset{border:none;margin:0;max-width:none;padding:0;}
.default-form .hs-form fieldset.form-columns-2{margin:0 -14px;}
.default-form .hs-form fieldset.form-columns-2 .hs-form-field{width:calc(50% - 28px); margin:0 14px; float:left;}
.default-form .hs-form fieldset.form-columns-3{margin:0 -14px;}
.default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:calc(33.33% - 28px); margin:0 14px; float:left;}
.default-form .hs-form .hs_submit{padding:25px 0 0;}
.default-form .hs-form .legal-consent-container{font-size:13px;padding:17px 0 0;}
.default-form .hs-form .inputs-list{list-style:none;margin:0; padding:0;}
.default-form .hs-form .inputs-list input[type="checkbox"]{opacity:0;position:absolute;}
.default-form .hs-form .inputs-list span{margin:0;padding:2px 0 0 40px;position:relative; cursor:pointer;display: inline-block;}
.default-form .hs-form .inputs-list span:after{background-color:#FFF; border:solid 2px #bfc6d8; content:'';height:20px;left:0;position:absolute;top:5px;width:20px;border-radius: 6px;}
.default-form .hs-form .inputs-list span:before{border-bottom:2px solid #175ca4;border-left:2px solid #175ca4;content:'';height:4px;left:6px;position:absolute;top:13px;transform:rotate(-41deg);width:10px;z-index:1;}
.default-form .hs-form .inputs-list span:before{border-bottom-width:0; border-left-width:0;}
.default-form .hs-form .inputs-list input[type="checkbox"]:checked + span:before{border-bottom-width:2px; border-left-width:2px;}
.default-form .hs-form .inputs-list span span{display:none;}
.default-form .hs-form fieldset[class*="form-columns-"] select{width:100% !important;}
.default-form div.hs_error_rollup{display: none;}
@media (max-width:767px){
    .default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3{margin:0;}
    .default-form .hs-form fieldset.form-columns-2 .hs-form-field, .default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:100%; margin:0; float:none;}
    .default-form .hs-form fieldset .input .hs-input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
    .default-form .hs-form fieldset.form-columns-2 .input .hs-input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
    .default-form .hs-form fieldset.form-columns-3 .input .hs-input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){width:100%;}
    .default-form .hs-form label{padding:0;}
}

body #main-content .widget-type-form [id*=hs_cos_wrapper_widget_] .submitted-message{color:#000!important;font-size:20px!important;text-align:left!important;}
body #main-content .widget-type-form [id*=hs_cos_wrapper_widget_] .submitted-message p{margin::}

.submitted-message{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;}
@media (max-width:767px){
    input[type="submit"]{min-width:0 0 40px;}
}
footer.footer{background-color:
    
    
        
    
    rgba(0, 0, 0, 1.0)
; color:#FFFFFF; padding:40px 0 55px;position: relative;margin:10vw 0 0;}
footer.footer:after{clear:both;content:"";display:table;}
footer.footer ul{list-style:none;margin:0;padding:0;}
footer.footer a{color:#95c93d;}
footer.footer a:hover{color:#ffffff;}

footer.footer-lp{background:#000;position: relative;z-index:2;padding:3vw 0 0;overflow: hidden;}
/* footer.footer-lp .ocean{width:100%;position:absolute;overflow:hidden;left:0;top:-60px;height:210px;}
footer.footer-lp .wave{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/footer-wave1.svg) repeat-x;position:absolute;top:0;width:6400px;height:198px;animation:wave 7s cubic-bezier(0.36,0.45,0.63,0.53) infinite;transform:translate3d(0,0,0);}
footer.footer-lp .wave:nth-of-type(2){top:40px;animation:wave 7s cubic-bezier(0.36,0.45,0.63,0.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1;background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/footer-wave2.svg) repeat-x;} */
footer.footer-lp .container{position:relative;z-index:1;max-width:750px;}
footer.footer-lp .footer-logo{margin:0 0 40px;}
footer.footer-lp .content{color:#95c93d;padding:30px 80px 0;}
footer.footer-lp .list-wrapper{margin:55px 0 0;}
footer.footer-lp .list{background:#0C0F30 url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/blue-check.svg) no-repeat left 17px center;border:1px solid #05071e;border-radius:10px;color:#fff;font-size:18px;font-weight:700;position:relative;display:inline-block;padding:14px 40px 14px 50px;margin:0 4px 15px;}
footer.footer-lp [class*="button-"]{padding:53px 0 0;}
footer.footer-lp [class*="button-"] a{position:relative;}
/*footer.footer-lp [class*="button-"] a:after{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/white-arrow.svg) no-repeat center;content:"";position:absolute;width:58px;height:86px;right:-80px;top:-60px;}*/

footer.footer-lp .copy-bottom{position:relative;font-size: 12px;line-height: 54px;color: #FFFFFF;padding: 0 25px;background: #000000;margin: 70px 0 0;}
footer.footer-lp .copy-bottom:after{content:'';background:linear-gradient(90deg,rgba(106,108,174,0.00) 0%,rgba(106,108,174,0.20) 23.99%,rgba(106,108,174,0.20) 75.87%,rgba(106,108,174,0.00) 99.65%);position:absolute;left:0;top:0;width:100%;height:1px;}
footer.footer-lp .copy-bottom a{color:#CCD1E0;text-decoration:underline;}
footer.footer-lp .copy-bottom a + a{margin:0 0 0 23px;}

footer.footer-lp .footer-Seaweed-1{position:absolute;left:120px;bottom:47px;}
footer.footer-lp .footer-Plant{position:absolute;left:294px;bottom:47px;}
footer.footer-lp .footer-Seaweed-2{position:absolute;right:230px;bottom:47px;}
footer.footer-lp .footer-Seaweed-3{position:absolute;right:60px;bottom:47px;}

footer.footer-lp .footer-Octopus-left{position:absolute;left:0;top:35px;}
footer.footer-lp .footer-Octopus-right{position:absolute;right:0;top:60px;}

@media (max-width:1629px){}
@media (max-width:1429px){
    footer.footer-lp{background-size:100% 100%;}
    footer.footer-lp .footer-Octopus-left {top: 14px;}
    footer.footer-lp .footer-Octopus-right {top: 40px;}
}
@media (max-width:1199px){}
@media (max-width:991px){
    footer.footer-lp{background-size:cover;}
    footer.footer-lp .footer-Octopus-left{top:34px;width:150px;}
    footer.footer-lp .footer-Octopus-right{top:62px;width:150px;}
    footer.footer-lp .footer-Seaweed-1{width:50px;left:40px;bottom:52px;}
    footer.footer-lp .footer-Seaweed-2{width:81px;right:130px;bottom:50px;}
    footer.footer-lp .footer-Seaweed-3{width:63px;right:40px;bottom:51px;}
    footer.footer-lp .footer-Plant{width:40px;left:140px;bottom:52px;}
}
@media (max-width:767px){
    footer.footer-lp{/*background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/footer-bg-blue-mobile.jpg) no-repeat center / cover;*/background:#000;padding:70px 0 0;}
    footer.footer-lp .footer-Octopus-left,
    footer.footer-lp .footer-Octopus-right,
    footer.footer-lp .footer-Seaweed-1,
    footer.footer-lp .footer-Plant,
    footer.footer-lp .footer-Seaweed-2,
    footer.footer-lp .footer-Seaweed-3,
    footer.footer-lp [class*=button-] a:after{display:none;}
    footer.footer-lp .footer-logo{max-width:160px;margin:0 auto 40px;}
    footer.footer-lp .content{color:#95c93d;padding:30px 0 0;}
    footer.footer-lp .list{font-size:16px;line-height:22px;text-align:left;}
    footer.footer-lp .copy-bottom{line-height: 24px;text-align: center;padding: 10px 25px 30px }
    
    
    
}

/* Slick - 1.8.1 */
.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:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{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}

*{box-sizing: border-box;}
*:focus{outline:none;}
::-moz-focus-inner{border:0;}
body{margin:0px; background:#F3F4F7;}

.row-fluid [class*="span"]{min-height:auto;}
.container{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;}
.container:after{clear:both; content: ""; display:table;}

/* data-small-btn="true" */
.fancybox-slide .fancybox-content{overflow:visible !important;}
.fancybox-slide .fancybox-close-small{background:#fff;border-radius:100%;height:30px;opacity:1;padding:2px;right:0;top:-38px;width:30px;}
.fancybox-slide .fancybox-close-small svg{color:#000;}

/* Slick css */
.slick-slider .slick-arrow{background:url(https://497316.fs1.hubspotusercontent-na1.net/hubfs/497316/theme-ritter-communication/side_arrow.png) no-repeat center; border:none; z-index:5; position:absolute; top:50%; left:0; width:67px; height:67px; font-size:0px; color:#fff; transition:400ms; cursor:pointer;}
.slick-slider .slick-arrow.slick-next{left:auto; right:0;transform:scale(-1) translateY(50%);}

.slick-slider .slick-dots{text-align:center; padding:0; margin:20px 0 0 0;}
.slick-slider .slick-dots li{display:inline-block; margin:0 10px;}
.slick-slider .slick-dots li button{width:16px; height:16px; border-radius:100%; background-color:transparent; border: 2px solid #dadada; padding:0; text-indent:-9999px; cursor:pointer; transition:400ms;} 
.slick-slider .slick-dots li.slick-active button{background-color:#dadada;}

.padding-topbottom{padding-top:60px; padding-bottom:60px;}
.padding-top{padding-top:60px;}
.padding-bottom{padding-bottom:60px;}

img{height:auto; max-width:100%;}

.bg-dark{background:#111321;}
.bg-dark-blue{background:#000000;}
.bg-gray{background:#F3F4F7;}

/* CSS start from here */
.title-part{margin:0 auto; max-width:665px}
.title-part .content{font-size: 20px;line-height: 28px; color:#fff;}
.title-part .content.max{font-size:34px;line-height:140%;}

.banner{background:#000;padding:175px 0 25px;position: relative;}
/*.banner:after{content:'';background:linear-gradient(180deg,rgba(24,28,106,0.00) 0%,#111321 67.36%);height:615px;width:100%;position:absolute;left:0;bottom:0;z-index:5;}*/
.banner .container{position:relative;z-index:2;}
.banner .pre-title{}
.banner .pre-title > div{border-radius:50px;/*border:1px solid #363865;background:#0A0B2F;*/display:inline-block;line-height:normal;padding:9px 15px;}
.banner .pre-title span{font-size:12px;font-weight:800;letter-spacing:1.2px;display:block;/*background:-webkit-linear-gradient(left,#95c93d,#666666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;*/color:#95c93d;}
.banner h1{margin-top:24px;} 
.banner .content{color:#95c93d;margin-top: 40px;}
.banner [class*="button-"]{margin-top: 45px;}
.banner [class*="button-"] a{position:relative; }
/*.banner [class*="button-"] a:after{content:'';background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/btn-arrow.svg) no-repeat center;width:80px;height:65px;position:absolute;left:-97px;top:-20px; animation: shake-tl 1.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;}*/
.banner .link-center{margin-top:35px;}
.banner .link-center a{color: #FFF;font-size: 18px;text-decoration-line: underline;}
.banner .link-center a:hover{color:#95c93d;}
.banner .image{position:relative;max-width:966px;margin:70px auto 0;}
.banner .image img.octopus{position:absolute;left:-66px;top:160px; animation: octopus-banner 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;}
.banner .fish1,
.banner .fish2{position:absolute; left:0; top:250px;pointer-events: none; width:100%; height:auto;}
.banner .fish2{top:450px;pointer-events: none;}
.banner .image .star{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/star-shape.svg) no-repeat center; width:30px; height:30px;position:absolute;right:-50px;top:150px; animation-name:blink;animation-duration:2s;animation-iteration-count:infinite;}
.banner .image .star.star-2{right:-160px;top:278px;}
.banner .image .star.star-3{right:-80px;top:378px;}
.banner .image .star.star-4{right:auto;left:-120px;top:328px;}
.banner .image .star.star-5{right:auto;left:-230px;top:auto;bottom:210px;}

.two-cards{margin:-110px 0 0;position:relative;z-index:5;padding: 0 0 50px; background:#111321 url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/two-cards-bg.png) no-repeat center;}
/* .two-cards .title-part{max-width:615px;margin:0 auto;} */
.two-cards .title-part .content{margin-top:46px;}
.two-cards .list-wrapper{max-width:800px;margin:52px auto 60px;}
.two-cards .list{width:calc(50% - 34px);margin:0 17px;border-radius:10px;box-shadow:0px 45px 29px -30px rgba(0,0,0,0.66);min-height:260px;position:relative;z-index:1;padding:35px;text-align:left;font-size:20px;line-height:28px;}
.two-cards .list:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.76) 100%);opacity:0.85;}
.two-cards .list .image{width:105px;}
.two-cards .list .image img{display:block;}
.two-cards .list .text{width:calc(100% - 105px);padding:0 0 0 25px;}
.two-cards .bottom-text{font-style:italic;font-size:20px;}
.two-cards .bottom-text span{position:relative;display:inline-block;}
.two-cards .bottom-text span:after,
.two-cards .bottom-text span:before{content:'';background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/arrow-numbers-up.svg) no-repeat center;width:48px;height:73px;position:absolute;left:-56px;bottom:9px;}
.two-cards .bottom-text span:before{left:auto;right:-56px;transform:scaleX(-1);}

.three-cards{position:relative;z-index:5;padding:0 0 100px;}
.three-cards h2{font-size:34px;line-height: 28px;}
.three-cards .container{position:relative;z-index:2;}
/* .three-cards .title-part{max-width:615px;margin:0 auto;} */
.three-cards .title-part .content{margin-top:46px;}
.three-cards .list-wrapper{max-width:950px;margin:52px auto 60px;}
.three-cards .list{width:calc(33.33% - 50px);margin:0 25px;border-radius:10px;box-shadow:0px 45px 29px -30px rgba(0,0,0,0.66); position:relative;z-index:1;padding:45px 35px; font-size:20px;line-height:28px;}
.three-cards .list:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.76) 100%);opacity:0.85;}
.three-cards .list .text{width:calc(100% - 105px);padding:0 0 0 25px;}
.three-cards .fish3{position:absolute; left:0; bottom:250px;pointer-events: none;width:100%; height:auto;}
.three-cards .seaweed-1{position:absolute;left:90px;bottom:20px;transform:rotate(0deg);transform-origin:center bottom;animation:seaweed-1 8s cubic-bezier(0.455,0.030,0.515,0.955) infinite both;}
.three-cards .shell{position:absolute;left:120px;bottom:20px;animation:shell 1200s linear infinite both;}
.three-cards .plant{position:absolute;right:320px;bottom:20px;}
.three-cards .seaweed-2{position:absolute;right:70px;bottom:0px;}

.browser-screen-with-content{position: relative; z-index: 5;padding: 80px 0 0;}
.browser-screen-with-content .container{position:relative;z-index:2;}
.browser-screen-with-content .title-part .content {padding: 28px 0 0;}
.browser-screen-with-content .title-part .content span{color:#95c93d;}
.browser-screen-with-content .browser_image{margin:45px 0 0;position:relative;}
.browser-screen-with-content .ocean{width:100%;position:absolute;overflow:hidden;left:0;top:-60px;height:210px;}
.browser-screen-with-content .wave{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/wave-back.svg) repeat-x;position:absolute;top:0;width:6400px;height:198px;animation:wave 7s cubic-bezier(0.36,0.45,0.63,0.53) infinite;transform:translate3d(0,0,0);}
.browser-screen-with-content .wave:nth-of-type(2){top:40px;animation:wave 7s cubic-bezier(0.36,0.45,0.63,0.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1;background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/wave-front.svg) repeat-x;}
.browser-screen-with-content .black-box{position:absolute;right:-70px;top:50%;transform:translateY(-50%);font-size:18px;line-height:160%;width:540px;border-radius:20px;box-shadow:0px 21px 35px 0px rgba(26,32,50,0.30);padding:80px 70px 60px 70px;color:#CCD1E0;}
.browser-screen-with-content .black-box h3{font-size:24px;font-weight:400;line-height:160%;color:#fff;}
.browser-screen-with-content [class*="button-"]{padding:40px 0 0;}
.browser-screen-with-content [class*="button-"] a{min-width:auto;display:block;}

.icon-title{padding:50px 0;}
.icon-title .list-wrapper{margin:40px 0 0;}
.icon-title .list .image{min-height:140px;display:flex;align-items:center;justify-content:center;}
.icon-title .list .text{font-size:20px;font-weight:700;}

.metrics{padding:200px 0 160px;}
.metrics .inner-box{background:#fff;max-width:780px;margin:0 auto;position:relative;padding:135px 100px 40px;}
.metrics .pre-title{font-size:16px;font-weight:700;line-height:18px;letter-spacing:1.6px;margin:0 0 20px;}
.metrics .title-part .content{margin:20px 0 20px;}
.metrics .table-data table{border:none!important;border-collapse:unset!important;border-spacing:0;}
.metrics .table-data table tr td,
.metrics .table-data table tr th{border-bottom:solid 2px #000;border-left:solid 2px #000;font-size:20px;font-weight:400;padding:9px 20px!important;}
.metrics .table-data table tr td img,
.metrics .table-data table tr th img{margin:0 5px 0 0;}
.metrics .table-data table tr:first-child td{border-top:solid 2px #000;}
.metrics .table-data table tr td:last-child{border-right:solid 2px #000;}
.metrics .table-data table tr:first-child td:first-child{border-radius:10px 0 0 0;}
.metrics .table-data table tr:first-child td:last-child{border-radius:0 10px 0 0;}
.metrics .table-data table tr:last-child td{border-radius:0 0 10px 10px;}
.metrics .red-txt{color:#FF6565;font-size:20px;font-style:italic;font-weight:700;padding:20px 40px 0;position:relative;}
.metrics .red-txt:after{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/arrow-black.svg) no-repeat center;content:"";width:73px;height:172px;position:absolute;left:-60px;bottom:40px;}
.metrics .gray_box_content{border-radius:10px;padding:60px 45px 35px;position:relative;margin:120px 0 0;font-size:20px;line-height:180%;}
.metrics .gray_box_content:after{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/hunker-hat.svg) no-repeat center;content:"";width:104px;height:131px;position:absolute;left:50%;top:-86px;transform:translateX(-50%);}
.metrics .gray_box_content h2{font-size:30px;line-height:140%;}
.metrics [class*="button-"]{padding:30px 0 0;}
.metrics [class*="octopus-"]{position:absolute;}
.metrics .octopus-1{left:-69px;top:-135px;}
.metrics .octopus-2{top:-174px;right:140px;}
.metrics .octopus-3{top:100px;right:-268px;}
.metrics .octopus-4{left:-200px;top:290px;overflow:hidden;width:200px;height:638px;}
.metrics .octopus-4 img{max-width:none;display:block;}
.metrics .octopus-5{right:-157px;top:40%;}
.metrics .octopus-6{left:10px;bottom:-107px;}

.icon-title-content{padding: 56px 0; background:#000;}
.icon-title-content .list-wrapper{padding:30px 210px 0 0;position: relative;z-index: 1;}
/*.icon-title-content .list-wrapper:before{content:'';position:absolute;right:100px;top:70px;z-index:-1;width:213px;height:71px;background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/cloud-1.svg) no-repeat center;}
.icon-title-content .list-wrapper:after{content:'';position:absolute;left:50px;bottom:160px;z-index:-1;width:213px;height:71px;background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/cloud-2.svg) no-repeat center;}*/
.icon-title-content .list{border-radius:10px;box-shadow:0px 27px 34px -17px rgba(61,68,90,0.39);width:calc(33.33% - 36px);margin:0 18px 34px;position:relative;z-index:1;padding:30px 40px 34px;font-size:16px;line-height:25px;}
/*.icon-title-content .list:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.76) 100%);opacity:0.6;border-radius: 10px}*/
.icon-title-content .list .image{min-height:80px;display:flex;justify-content:center;align-items:center;}
.icon-title-content .list .image img{display:block;margin:0 auto;}
.icon-title-content .list:nth-child(4){margin-left:170px;}
.icon-title-content .list:nth-child(6){margin-right:-134px;}
.icon-title-content .arrow-black-2{position:absolute;z-index:-1;bottom:220px;right:-30px; display:none;}

.hover-cards{position:relative; z-index:1;padding:0 0 40px 0; background:#000;}
/*.hover-cards:before{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/background-hover-cards.jpg) no-repeat top center / 100% 100%;opacity: 0.5;}*/
.hover-cards .list-wrapper{padding:0 56px;margin:60px 0 60px;}
.hover-cards .list{width:calc(33.33% - 30px);margin:0 15px;}
.hover-cards .list h3{margin: 20px 0 30px; flex-grow: 1; color:#000;}
.hover-cards .flip-card{background-color:transparent;width:100%;height:385px;perspective:1000px;}
.hover-cards .flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d;}
.hover-cards .flip-card:hover .flip-card-inner{transform:rotateY(180deg);}
.hover-cards .flip-card-front,
.hover-cards .flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border-radius:20px;padding:50px 40px 40px;}

.hover-cards .flip-card-front{display: flex; flex-direction: column;}
.hover-cards .flip-card-back{transform:rotateY(180deg); font-size: 18px;font-weight: 700;line-height: 160%; display:flex;flex-direction:column;justify-content:center;}
.hover-cards .flip-card-front [class*="button-"] a{min-width:auto;display:block;}

.testimonial{position:relative;padding: 60px 0;}
.testimonial .container{position:relative;z-index:2;}
.testimonial .testimonial-box{position:relative;border-radius:20px;max-width:900px;margin:0 auto;padding:35px 30px 30px;font-size:18px;line-height:172.5%;}
.testimonial .testimonial-box .ttl{font-size:28px;font-weight:700;line-height:145%;padding:17px 0 20px;}
.testimonial .testimonial-box .name_name{font-size:16px;line-height:145%;padding:15px 0 32px;}
.testimonial .testimonial-box .content{max-width:650px;margin:0 auto;}
.testimonial .testimonial-box .user_image img{display:block;margin:0 auto;border-radius:100%;width:61px;height:61px;}
.testimonial .testimonial-box .cloud-1{position:absolute;right:-110px;top:70px;}
.testimonial .testimonial-box .cloud-2{position:absolute;left:-100px;bottom:73px;}
.testimonial .fish2{position:absolute; left:0; top:0;pointer-events: none;width:100%; height:auto;}

.tabs{padding:30px 0 0;position:relative;z-index:2;}
.tabs .tabing-title{display:flex;font-size:19px;font-weight:700;color:#6271A0;margin:75px -12px 50px;text-align:center;}
.tabs .tabing-title .tabs-title{flex:1 1 33.33%;margin:0 12px;border-bottom:solid 3px #D6DBE9;padding:0 0 16px;cursor:pointer;transition:400ms;}
.tabs .tabing-title .tabs-title.current,
.tabs .tabing-title .tabs-title:hover{border-color:#95c93d;color:#95c93d;}
.tabs .tab-content{position: relative;}
.tabs .tab-content .box{position:absolute;right:0;bottom:105px;padding:10px 10px 10px 90px;border-radius:20px;font-size:20px;font-weight:700;line-height:140%;max-width:362px;min-height:120px;display:flex;align-items:center;box-shadow:0px 17px 34px 0px rgba(98,113,160,0.40);}
.tabs .tab-content .box img{position:absolute;left:42px;top:35px;max-height:30px;}

.integration-with{position:relative;z-index:1;position: relative;padding: 0 0 160px;}
.integration-with:after{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/dots-bg.png) repeat-y center;content:"";position:absolute;left:0;top:0;width:100%;height:750px;z-index:-1;}
.integration-with .container{max-width:860px;}
.integration-with .icons{width:50%;padding-right:50px;position:relative;z-index:1;}
.integration-with .icons:after{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/integration-with-bg.svg) no-repeat center;content:"";width:426px;height:331px;position:absolute;z-index:-1;left:-51px;top:-50px;}
.integration-with .icons [class*=icon]{align-items:center;background:#fff;border:1px solid #dbe1ee;border-radius:20px;box-shadow:0 14px 29px 0 rgba(61,68,90,.09);display:flex;height:123px;justify-content:center;width:123px;}
.integration-with .icons > div + div{margin:113px 0 0 99px;position:relative;z-index:1;}
.integration-with .icons > div + div:after{background:url(//2956241.fs1.hubspotusercontent-na1.net/hubfs/2956241/raw_assets/public/dark-lp-theme/images/border-black.svg) no-repeat center;content:"";height:134px;left:-101px;position:absolute;top:-60px;width:101px;z-index:-1;}
.integration-with .content{font-size:16px;line-height:28px;width:50%;padding-left:50px;}
.integration-with .title-part{margin-bottom:110px;}










/* CSS end  here */

@keyframes shake-tl{
    0%,100%{transform:rotate(0deg);transform-origin:0 0;}
    10%{transform:rotate(1deg);}
    20%,40%,60%{transform:rotate(-2deg);}
    30%,50%,70%{transform:rotate(2deg);}
    80%{transform:rotate(-1deg);}
    90%{transform:rotate(1deg);}
}

@keyframes octopus-banner{
    0%,85%,100%{transform:translateY(0px);}
    50%,60%{transform: translateY(40px);}
}
@keyframes blink{
    from{opacity:0;}
    to{opacity:1;}
}
@keyframes wave{
    0%{margin-left:0;}
    100%{margin-left:-1440px;}
}
@keyframes swell{
    0%,100%{transform:translate3d(0,-25px,0);}
    50%{transform:translate3d(0,5px,0);}
}
@keyframes seaweed-1{
    0%{transform: rotate(0deg);}
    30%,40%{transform: rotate(7deg);}
    60%{transform: rotate(0deg);}
    80%{transform: rotate(-3deg);}
    100%{transform: rotate(0deg);}
}
@keyframes shell{
    0%, 100%{left:230px;}
    50%{left:80vw;}
}

@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1170px;} }
/* @media (min-width:1430px) { .container, .row-fluid .container[class*="span"]{width:1400px;} }
@media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} } */
.hubspot-disable-focus-styles .fadeInUpShort.go, 
.hubspot-disable-focus-styles .fadeInUpShort, 
.hubspot-disable-focus-styles [class*="delay-"],
.hubspot-enable-focus-styles .fadeInUpShort.go, 
.hubspot-enable-focus-styles .fadeInUpShort, 
.hubspot-enable-focus-styles [class*="delay-"]{opacity: 1 !important; animation: none !important; transform: none !important;}


@media (min-width:768px) {
    .flex{display:flex}
    .flex-reverse{flex-flow:row-reverse;}
    .align-center{align-items:center;}
    .align-top{align-items:flex-start;}
    .align-bottom{align-items:flex-end;}
    .space-between{justify-content:space-between;}
    .justify-center{justify-content:center;}
    .justify-right{justify-content:flex-end;}
    .justify-left{justify-content:flex-start;}
    .row-wrap{flex-flow:row wrap;}
    .mobile-show{display:none;}
    
    
}

@media (max-width:1629px){}
@media (max-width:1429px){
    .banner .image .star.star-2{right: -50px}
    .browser-screen-with-content .black-box{right:0;}
    .metrics{overflow:hidden;}
}
@media (max-width:1199px){
    .banner:after{height:445px;}
    .banner .image{max-width:700px;}
    .banner .image img.octopus{width:229px;left:-49px;top:40px;}
    .browser-screen-with-content .black-box{padding:40px 30px 40px;max-width:380px;}
    .icon-title-content .list{padding:30px 20px 34px;margin:0 12px 34px;width:calc(33.33% - 24px);}
    .icon-title-content .list:nth-child(4){margin-left:157px;}
    .icon-title-content .arrow-black-2{right:10px;}
    .hover-cards .flip-card-back{font-size:16px;padding:50px 20px 40px;}
    .testimonial{overflow:hidden;}
}
@media (max-width:991px){
    .title-part .content.max{font-size: 28px; line-height: 130%;}
    .banner{overflow:hidden;}
    .banner .fish1, 
    .banner .fish2{width:2500px;}
    .two-cards .list{padding:15px;}
    .three-cards .list{font-size:16px;line-height:25px;margin:0 10px;padding:35px 15px;width:calc(33.33% - 20px);}
    .three-cards .seaweed-1{width:70px;height:auto;left:40px;}
    .three-cards .seaweed-2{width:97px;bottom:10px;}
    .three-cards .plant{right:230px;bottom:25px;}
    .icon-title .list-wrapper .list{padding: 0 15px; width: 33.33%;}
    .metrics .table-data table tr td, 
    .metrics .table-data table tr th{font-size: 16px;}
    
    .metrics .octopus-1{width:198px;left:-44px;top:-87px;}
    .metrics .octopus-2{width:180px;top:-116px;}
    .metrics .octopus-3{right:-183px;top:100px;width:237px;}
    
    .icon-title-content .list-wrapper{padding: 30px 0 0 0;}
    .icon-title-content .list:nth-child(4){margin-left:12px;}
    .icon-title-content .list:nth-child(6){margin-right:12px;}
    .icon-title-content .arrow-black-2{display:none;}
    
    .hover-cards .list-wrapper {padding: 0;}
    .hover-cards .flip-card-front{padding: 50px 20px 40px;}
    
    .tabs .tab-content .box{bottom:50px;font-size:16px;max-width:272px;min-height:90px;border-radius:10px;padding:10px 10px 10px 60px;}
    .tabs .tab-content .box img{left:16px;top:28px;}
    
    .integration-with .icons {padding-right:0px;}
    
}
@media (max-width:767px){
    .title-part .content{font-size: 16px;line-height: 25px;}
    .title-part .content.max{font-size: 22px;line-height: 130%;}
    
    .banner{padding: 150px 0 25px;}
    .banner:after{background: linear-gradient(180deg,rgba(24,28,106,0),#111321 47%);height: 60vw;bottom: 10px }
    .banner .content br,
    .banner .fish1, .banner .fish2{display:none;}
    
    .two-cards{margin:-50px 0 0;}
    .two-cards .list-wrapper{margin:52px auto 20px;max-width:none;}
    .two-cards .list{padding:15px;width:auto;margin:0 0 30px;}
    .two-cards .list .image{width:65px;margin:0 auto;}
    .two-cards .list .text{padding:30px 0 0;width:auto;text-align:center;}
    .two-cards .bottom-text{max-width:160px;margin:0 auto;}
    
    .three-cards h2{font-size:30px;line-height:39px;}
    
    .three-cards .list-wrapper{max-width:none;}
    .three-cards .list{width:auto;margin:0 0 20px;}
    .three-cards .fish3,
    .three-cards .seaweed-1,
    .three-cards .shell,
    .three-cards .plant,
    .three-cards .seaweed-2{display:none;}
    
    .browser-screen-with-content .black-box{position:static;width:auto;transform:none;max-width: none;}
    
    .icon-title .list-wrapper .list{padding:0 0 40px;width:auto;}

    .metrics{padding:60px 0 70px;}
    .metrics .inner-box{max-width:none;padding:35px 20px 40px;}
    .metrics .inner-box > img,
    .metrics .octopus-4,
    .metrics .red-txt:after{display:none;}
    .metrics .red-txt{padding:20px 0 0}
    
    .metrics .table-data table, 
    .metrics .table-data table tr, 
    .metrics .table-data table tbody,
    .metrics .table-data table td{display:block;width:100%;}
    .metrics .table-data table tr:first-child td:first-child{border-right: 2px solid #000;border-radius: 10px 10px 0 0;}
    .metrics .table-data table tr:first-child td:last-child{border-radius: 0;border-top: none;}
    .metrics .table-data table tr td, .metrics .table-data table tr th{border-right: 2px solid #000;}
    .metrics .gray_box_content h2{font-size:24px;line-height:130%;}
    .metrics .gray_box_content{font-size:16px;line-height:170%;padding:60px 20px 35px;}
    
    .icon-title-content .list{width:auto;}
    
    .hover-cards:before{background-size:cover;}
    .hover-cards .list-wrapper{max-width: 330px;margin: 60px auto;}
    .hover-cards .list{margin:0 0 30px;width:auto;}
    .hover-cards .flip-card-front{padding: 50px 20px 25px;}
    
    .testimonial .testimonial-box .cloud-1 {right: -150px;top: 30px;}
    .testimonial .testimonial-box .cloud-2 { bottom: 13px;}
    .testimonial .fish2{display:none;}
    
    .tabs .tabing-title,
    .tabs .tab-content{display:none;}
    .tabs .tab-content-wrapper{margin:40px 0 60px;}
    .tabs .tab-content .box{left:0;position:relative;right:auto;top:0;max-width:none;min-height:auto;padding: 10px 10px 10px 50px;margin: 0 0 30px; box-shadow: none;}
    .tabs .tab-content .box img{left: 16px;top: 12px;width: 20px;}
    .tabs .tab-content .image{padding:20px 0 0;}
    .tabs .tabs-title{font-weight:700;position:relative;padding:10px 30px 10px 0;line-height:normal;}
    .tabs .tabs-title:after,
    .tabs .tabs-title:before{content:'';position:absolute;right:0;top:20px;width:16px;height:2px;background:#000000; transition:400ms;}
    .tabs .tabs-title:not(.active):before{transform: rotate(90deg);}
    
    .integration-with{padding: 0 0 70px }
    .integration-with .icons{width:auto;display:flex;justify-content: center;}
    .integration-with .icons:after{width: 100%; left: 0;}
    .integration-with .title-part{margin-bottom:40px;}
    .integration-with .icons > div + div{margin:113px 0 0 19px;}
    .integration-with .icons > div + div:after{display:none;}
    .integration-with .content{font-size:17px;line-height:30px;width:auto;padding:40px 0 0;text-align: center;}
    

}