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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* RESET CSS  */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; font-size: 15px; }

/* BASE TYPOGRAPHY */
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
body { background-color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; color: #707070; font-weight: 400; line-height: 1.75; }
p { margin-bottom: 1.25em; }
h1, h2, h3, h4, h5 { margin: 0 0 1rem; font-family: 'Source Sans Pro', sans-serif;; font-weight: 600; line-height: 1.21; color: initial; }
h1 { margin-top: 0; font-size: 3.052em; }
h2 { font-size: 2.441em; }
h3 { font-size: 1.953em; }
h4 { font-size: 1.563em; }
h5 { font-size: 1.25em; }
small, .text_small { font-size: 0.8em; }
strong, b { font-weight: 500; font-family: 'Source Sans Pro', sans-serif;; }
a { color: #60BBEA; }

/* PRE DEFINE CLASS CSS */
.ptb-100 { padding: 100px 0; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.mt--120 { margin-top: -120px; }
.gray-light-bg { background: #e7e8ef; }
.primary-bg { background: #60BBEA; }
.secondary-bg { background: #F8B018; }
.color-primary { color: #60BBEA; }
.color-secondary { color: #F8B018 }
.white-bg { background: #ffffff; }
.bg-color-1 { background: #399fb6; }
.bg-color-2 { background: #0ba077; }
.bg-color-3 { background: #6582ed; }
.bg-color-4 { background: #399fb6; }
.icon-color-1 { background: #efdff7; color: #b17cc6; }
.icon-color-2 { background-color: #c6e6fd; color: #63b0e3; }
.icon-color-3 { background-color: #efe3e3; color: #ed7265; }
.icon-color-4 { background-color: #ddedea; color: #45d7ba; }
.icon-color-5 { background-color: #ffe0e3; color: #bd2130; }
.icon-color-6 { background-color: #e2e8ff; color: #6582ed; }
.outline-btn, .hs-button, .primary-solid-btn { padding: .75rem 1.85rem; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.primary-solid-btn { border-color: #60BBEA; background: #60BBEA; color: #ffffff; }
.primary-solid-btn:hover { background: transparent; color: #081d43; border-color: #081d43; }
.hs-button {     background: #F8B018;
    color: #ffffff;
    border-color: #F8B018;
    display: block;
    cursor: pointer;
    margin-top: 20px;
    width: 98%;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.hs-button:hover { background: #dd9700; border-color: #dd9700; color: #ffffff; }
.outline-btn { border-color: #0062cc; color: #fff; background: rgba(0, 98, 204, 0.51); }
.outline-btn:hover { background: #ffffff; color: #60BBEA; border-color: #ffffff; }
.primary-bg h1, .primary-bg p { color: #fff; }
.form-columns-1 .hs-input {
    width: 100% !important;
}
/*form field css*/
.hs-input { border-color: #ebebeb; padding: 10px; }
.hs-input :focus { outline: none; box-shadow: none; }
input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, select.hs-input .has-value { color: #9a9a9a !important; font-size: 14px; }
input[type]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, select.hs-input .has-value {    /* Firefox 18- */
color: #9a9a9a; font-size: 14px; }
input[type]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, select.hs-input .has-value {    /* Firefox 19+ */
color: #9a9a9a; font-size: 14px; }
input[type]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, select.hs-input .has-value { color: #9a9a9a; font-size: 14px; }
.hs-input {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hs-error-msg {
    font-size: 13px !important;
    line-height: 14px;
    margin-top: 7px;
    color: #ff3737 !important;
}
.hs-form-field label {
    font-size: 16px;
    color: #757575;
}
legend.hs-field-desc {
    font-size: 16px;
    color: black;
    margin-top: 12px;
      line-height: 22px;
    margin-bottom: 13px;
}
.main-menu { position: inherit; top: inherit; left: inherit; right: inherit; width: auto; height: auto; transition: all .3s ease-in-out; }
.main-menu ul { text-align: left; padding: 0; margin: 0; }
.main-menu ul li { padding: 15px 0; }
.main-menu ul>li a { margin: 0 0 0 20px; font-size: 15px; color: #363232; display: block; font-weight: 400; background-color: transparent; border-radius: 0; padding: 0; }
.main-menu ul>li .submenu { width: 250px; background-color: #f4f7fa; border: 1px solid #ebebeb; border-radius: 4px; position: absolute; top: 55px; left: -4.2em; right: 0; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; transform: rotateX(-90deg) rotateY(0); transform-origin: 0 0; }
.main-menu ul>li .submenu.dropdown-menu { margin: 0; padding: 0; }
.main-menu ul>li:hover .submenu { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); }
.dropdown:hover>.dropdown-menu { display: block; }
.dropdown>.dropdown-toggle:active { pointer-events: none; }
.main-menu ul>li .submenu>a { padding: 0; display: block; }
.main-menu ul>li .submenu> a { padding: 10px 15px; margin: 0; color: #363232; }
.main-menu ul>li .submenu> a:hover { background: #ebebeb; }
.main-menu ul>li .submenu> a:active { background: inherit; }
.main-menu ul>li .submenu:before, .main-menu ul>li .submenu:after { content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border: 12px solid transparent; border-bottom: 12px solid #f4f7fa; top: -25px; left: calc(50% - 12px); }
.main-menu ul li.dropdown .dropdown-toggle::after { position: relative; top: 2px; }
.navbar-brand { font-size: inherit; height: auto; padding: 0; margin-bottom: -8px; }
.navbar-toggler { background: transparent; padding: .5rem .75rem; font-size: inherit; transition: all .3s ease-in-out; }
.navbar-toggler span { color: #ffffff; opacity: 0.8; font-size: 17px; }
.navbar-toggler:focus, .navbar-toggler:hover { outline: none; opacity: 1; }
.custom-nav ul li a { color: #fafafa; }
.affix { background-color: #60BBEA; -webkit-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; -o-transition: padding 0.2s ease-out; transition: padding 0.2s ease-out; }
.white-bg.affix, .custom-nav.affix { background: #ffffff; border-bottom: 1px solid #ebebeb; }
.white-bg.custom-nav ul li a, .custom-nav ul li a { color: #081d43 !important; }
.white-bg.custom-nav ul li a:hover, .custom-nav ul li a:hover { color: #60BBEA !important; }
.bg-transparent ul li a { color: #ffffff; opacity: 0.8; }
.bg-transparent ul li a:hover { opacity: 1; }
.bg-transparent.affix { background: #4C4E60 !important; }
.navbar { padding: 0.8rem 1rem; transition: all .3s ease-in-out; }
.hs-image-widget {
    max-width: 100%;
}
@media (min-width:320px) and (max-width:992px) {
    .navbar { background: #4c4e60 ; padding: 1.95rem 3rem; }
    .white-bg.affix, .custom-nav.affix, .navbar.white-bg { background: #ffffff !important; border-bottom: 1px solid #ebebeb; }
    .white-bg.custom-nav ul li a, .custom-nav ul li a { color: #081d43 !important; }
    .white-bg.navbar .navbar-toggler span { color: #60BBEA; }
    .main-menu ul>li .submenu { left: 0; top: 10px; position: relative; }
    .main-menu ul li { padding: 15px 0 0; }
    .main-menu ul>li a { margin: 0; }
    .main-menu ul>li .submenu:before, .main-menu ul>li .submenu:after { left: 15px; }
    .ptb-100 { padding: 55px 0; }
    .pt-100 { padding-top: 55px; }
    .pb-100 { padding-bottom: 55px; }
  .client-section-wrap ul li {
    padding-right: 25px !important;
    margin: 10px 0;
}
}
@media  (max-width:575px) {
  .navbar { padding: 20px 1rem !important; }
  .hero-content-left { margin-top: 70px !important; }
  .client-testimonial {
    margin: 0px 20px;
  }
  .sign-up-form-wrap {
    padding: 20px !important;
}
  .form-columns-2 .hs-input {
    width: 100% !important;
}
  .media-body span:last-child {
    font-size: 15px;
    line-height: 0.55 !important;
}
} 
@media (min-width:992px) {
    .navbar { border-bottom: 1px solid rgba(0, 0, 0, 0); background: transparent; -o-transition: border-bottom .3s ease-in-out, background .3s ease-in-out, padding .3s ease-in-out; -webkit-transition: border-bottom .3s ease-in-out, background .3s ease-in-out, padding .3s ease-in-out; -moz-transition: border-bottom .3s ease-in-out, background .3s ease-in-out, padding .3s ease-in-out; transition: border-bottom .3s ease-in-out, background .3s ease-in-out, padding .3s ease-in-out; -webkit-backface-visibility: hidden; }
}

/* HERO SECTION CSS */
@media (min-width:992px) {
    .hero-animation-img { position: relative; display: block; width: 100%; }
    .animation-one { -webkit-animation: move-one 7s ease-in-out infinite; animation: move-one 7s ease-in-out infinite; }
    @keyframes move-one {
        0% { -webkit-transform: translateX(0) translateY(5px); transform: translateX(0) translateY(5px) }
        50% { -webkit-transform: translateX(0) translateY(-5px); transform: translateX(0) translateY(-5px) }
        100% { -webkit-transform: translateX(0) translateY(5px); transform: translateX(0) translateY(5px) }
    }
    @-webkit-keyframes move-one {
        0% { -webkit-transform: translateX(0) translateY(5px); transform: translateX(0) translateY(5px) }
        50% { -webkit-transform: translateX(0) translateY(-5px); transform: translateX(0) translateY(-5px) }
        100% { -webkit-transform: translateX(0) translateY(5px); transform: translateX(0) translateY(5px) }
    }
    .animation-two { position: absolute; bottom: -10px; -webkit-animation: move-two 8s ease-in-out infinite; animation: move-two 8s ease-in-out infinite; }
    @-webkit-keyframes move-two {
        0% { -webkit-transform: translateX(-25px) translateY(-225px); transform: translateX(-25px) translateY(-225px) }
        50% { -webkit-transform: translateX(-25px) translateY(-205px); transform: translateX(-25px) translateY(-205px) }
        100% { -webkit-transform: translateX(-25px) translateY(-225px); transform: translateX(-25px) translateY(-225px) }
    }
    @keyframes move-two {
        0% { -webkit-transform: translateX(-25px) translateY(-225px); transform: translateX(-25px) translateY(-225px) }
        50% { -webkit-transform: translateX(-25px) translateY(-205px); transform: translateX(-25px) translateY(-205px) }
        100% { -webkit-transform: translateX(-25px) translateY(-225px); transform: translateX(-25px) translateY(-225px) }
    }
    .animation-three { position: absolute; -webkit-animation: move-three 9s ease-in-out infinite; animation: move-three 9s ease-in-out infinite }
    @-webkit-keyframes move-three {
        0% { -webkit-transform: translateX(-45px) translateY(-225px); transform: translateX(-45px) translateY(-225px) }
        50% { -webkit-transform: translateX(-45px) translateY(-205px); transform: translateX(-45px) translateY(-205px) }
        100% { -webkit-transform: translateX(-45px) translateY(-225px); transform: translateX(-45px) translateY(-225px) }
    }
    @keyframes move-three {
        0% { -webkit-transform: translateX(-45px) translateY(-225px); transform: translateX(-45px) translateY(-225px) }
        50% { -webkit-transform: translateX(-45px) translateY(-205px); transform: translateX(-45px) translateY(-205px) }
        100% { -webkit-transform: translateX(-45px) translateY(-225px); transform: translateX(-45px) translateY(-225px) }
    }
    .animation-four { position: absolute; -webkit-animation: move-four 6s ease-in-out infinite; animation: move-four 6s ease-in-out infinite }
    .animation-new { position: absolute; bottom: 10px; }
    @-webkit-keyframes move-four {
        0% { -webkit-transform: translateX(330px) translateY(-215px); transform: translateX(330px) translateY(-215px) }
        50% { -webkit-transform: translateX(330px) translateY(-240px); transform: translateX(330px) translateY(-240px) }
        100% { -webkit-transform: translateX(330px) translateY(-215px); transform: translateX(330px) translateY(-215px) }
    }
    @keyframes move-four {
        0% { -webkit-transform: translateX(330px) translateY(-215px); transform: translateX(330px) translateY(-215px) }
        50% { -webkit-transform: translateX(330px) translateY(-240px); transform: translateX(330px) translateY(-240px) }
        100% { -webkit-transform: translateX(330px) translateY(-215px); transform: translateX(330px) translateY(-215px) }
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .animation-four, .animation-new { display: none !important; }
}
.hero-content-left, .sign-up-form-wrap { z-index: 2; }
.bottom-img { position: relative; bottom: -10px; width: 100%; }
.bottom-img img { width: 100%; }
.shape-bg { bottom: -8px; }
.section-shape { bottom: -8px; left: 0; right: 0; }
.section-shape img { width: 100%; }
.hero-7 { width: 100%; position: relative; }
.hero-7:after { content: ' '; background-image: url("https://5862065.fs1.hubspotusercontent-na1.net/hubfs/5862065/Ebook%20Landing%20Page/hero.jpeg"); background-size: cover; background-position: center center; position: absolute; width: 100%; border-radius: 0; transform: skewY(-5deg); top: -180px; right: 0; bottom: 140px; z-index: -1; }
.hero-7:before { position: absolute; content: ''; background: rgba(44, 46, 62, 0.85); width: 100%; height: 100%; left: 0; transform: skewY(-5deg); top: -140px; right: 0; bottom: -50px; }


.single-promo span { font-size: 70px; line-height: inherit; margin-bottom: 20px; }
.single-promo-1 { box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12); border-radius: 1.5rem !important; }
.single-promo-1 span { font-size: 35px; background: #60BBEA; padding: 20px; border-radius: 50%; }
.single-promo img { width: 70px; height: 70px; margin-bottom: 20px; }
.single-promo .img-full-box { width: auto !important; height: auto !important; }
.single-promo-hover { transition: all .2s ease-out; will-change: transform; }
.single-promo-hover:hover { transform: translateY(-3px); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; }

/*client section css*/
.client-section-wrap ul { display: block; margin: 0 auto; }
.client-section-wrap ul li { padding-right: 60px; margin: 10px 0; }
.client-section-wrap ul li img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease-in; }
.client-section-wrap ul li img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); filter: none; -webkit-filter: grayscale(0%); }
.client-section-wrap ul li:last-child { padding-right: 0; }
.single-client { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-column-align: center; justify-items: center; width: 60%; height: auto; -webkit-transition: -webkit-transform .5s ease-in; transition: -webkit-transform .5s ease-in; transition: transform .5s ease-in; transition: transform .5s ease-in, -webkit-transform .5s ease-in; margin: 8px auto; }
.single-client img { max-width: 100%; max-height: 100%; -webkit-filter: opacity(50%);    /* Safari 6.0 - 9.0 */ filter: opacity(90%); width: 100%; }
.single-client:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.single-client:hover .client-img { -webkit-filter: none; filter: none; opacity: 1; }


.switchable { position: relative; }
.imageblock-section { position: relative; padding: 0; }
.imageblock-section .imageblock-section-img { position: absolute; height: 100%; top: 0; z-index: 2; padding: 0; }
.switchable.switchable-content div[class*='col-']:first-child { float: right; right: 0; left: auto; }
.switchable > div[class*='col-'] { padding: 0; }
.background-image-holder { position: absolute; height: 100%; top: 0; left: 0; background-size: cover !important; background-position: 50% 50% !important; z-index: 0; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 0; background: #252525; }
.background-image-holder:not([class*='col-']) { width: 100%; }
.switchable div[class*='col-']:first-child { float: left; right: auto; }
@media (max-width:767px) {
    .switchable .imageblock-section-img[class*='col-'] { float: none !important; }
}
.switchable > div[class*='col-'] { padding: 0; }
@media (max-width:767px) {
    .imageblock-section .imageblock-section-img { position: relative; min-height: 18.57142857em; }
}
@media (min-width:768px) {
    .switchable .container > .row { flex-flow: row-reverse; }
    .switchable.switchable-content .container > .row { flex-flow: row; }
}
.single-card { width: calc(50% - 25px); margin-left: 25px; margin-bottom: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: box-shadow .3s ease-in-out 0s; box-sizing: border-box; box-shadow: 0 8px 20px 0 rgba(16, 66, 97, .07); padding: 35px 15px; border-radius: 10px; float: left; text-align: center; }
.single-card:nth-child(2n) { position: relative; top: 40px; }
.single-card h3 { font-size: 34px; color: inherit !important; margin: 0; line-height: 34px; font-weight: 700; position: relative; }
.single-card span { font-size: 2.95714286em; line-height: 1.75125468em; }
.counter-card { float: none; display: block; overflow: hidden; width: auto; margin: auto; }
.box-animation-1 { animation: animation-1 5s ease-out infinite; }
.box-animation-2 { animation: animation-2 4s ease-out infinite; }
.box-animation-3 { animation: animation-3 5s ease-out infinite; }
.box-animation-4 { animation: animation-4 4s ease-out infinite; }
@keyframes animation-1 {
    50% { transform: translate(0, 20px); }
}
@keyframes animation-2 {
    50% { transform: translate(0, 35px); }
}
@keyframes animation-3 {
    50% { transform: translate(0, 25px); }
}
@keyframes animation-4 {
    50% { transform: translate(0, 40px); }
}
@keyframes shrink {
    0% { width: 90%; margin: 0 5%; }
    50% { width: 60%; margin: 0 18%; }
    100% { width: 90%; margin: 0 5%; }
}


.icon-md { font-size: 32px; line-height: 35px; }
.icon-lg { font-size: 70px; line-height: 75px; }
.single-feature .icon { font-size: 22px; line-height: 22px; display: inline-flex; align-items: center; justify-content: center; padding: 10px; }
.single-feature-hover { z-index: 0; position: relative; background: #ffffff; box-shadow: 0 0 0 1px #ebebeb; padding: 10px; box-sizing: border-box; -webkit-transition: box-shadow 0.3s ease, z-index 0s 0.3s ease, -webkit-transform 0.3s ease; transition: box-shadow 0.3s ease, z-index 0s 0.3s ease, -webkit-transform 0.3s ease; transition: box-shadow 0.3s ease, transform 0.3s ease, z-index 0s 0.3s ease; transition: box-shadow 0.3s ease, transform 0.3s ease, z-index 0s 0.3s ease, -webkit-transform 0.3s ease; }
.single-feature-hover:hover { z-index: 1; box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.05); transform: scale(1.05); border-radius: 4px; -webkit-transition: box-shadow 0.1s ease, z-index 0s 0.1s ease, -webkit-transform 0.1s ease; transition: box-shadow 0.1s ease, z-index 0s 0.1s ease, -webkit-transform 0.1s ease; transition: box-shadow 0.1s ease, transform 0.1s ease, z-index 0s 0.1s ease; transition: box-shadow 0.1s ease, transform 0.1s ease, z-index 0s 0.1s ease, -webkit-transform 0.3s ease; }
.border { border-color: #ebebeb; }
.single-services span { margin-bottom: 15px; display: block; }
.feature-list li { position: relative; padding:0 0 15px 30px; margin:0 0 14px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.feature-list li:before { content: "\f061"; position: absolute; top: 1px; left: 0; font-family: 'FontAwesome'; font-weight: 400; color: #F8B018; }

/*  VIDEO PROMO CSS */
.background-img { position: relative; width: 100%; display: block; }
.background-img:before { position: absolute; content: ''; background: rgba(44, 46, 62, 0.85); width: 100%; height: 100%; top: 0; left: 0; }
.video-promo-content { transition: all 800ms ease-in-out; }
.video-promo-content a img { transition: all 800ms ease-in-out; }
.video-promo-content a img:hover { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); }
.video-promo-content h5 { color: #ffffff; }
.video-play-icon { width: 50px; height: 50px; border-radius: 50%; position: relative; z-index: 4; display: inline-block; border: 2px solid #ffffff; cursor: pointer; background: #ffffff; }
.video-play-icon:before { position: absolute; top: 50%; margin-top: -5px; left: 50%; margin-left: -4px; content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #ffffff; border-color: transparent transparent transparent #F8B018; }
.video-promo-content a:hover { border-width: 22px; border-color: #F8B018; }
.video-promo-content a.video-play-icon { border-radius: 50%; display: block; -webkit-animation: ripple-white 1s linear infinite; animation: ripple-white 1s linear infinite; -webkit-transition: .5s }
@-webkit-keyframes ripple-white {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1) }
    100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0) }
}
@keyframes ripple-white {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1) }
    100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0) }
}



/* TESTIMONIAL CSS */
.testimonial-wrap { border: 1px solid #ebebeb; border-radius: 4px; padding: 40px; margin-bottom: 25px; }
.testimonial-wrap span.icon { font-size: 35px; color: #60BBEA; }
.testimonial-wrap blockquote { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 6; -webkit-box-orient: vertical; margin-bottom: 0; }
.author-info h5 { color: #60BBEA; }
.author-img img { width: 3.425rem; height: 3.425rem; }
.dot-indicator.owl-theme button.owl-dot span { display: inline-block; width: 12px; height: 12px; box-sizing: border-box; background: #d8d8d8; border-radius: 50%; -webkit-transform: scale(0.8); transform: scale(0.8); transition: 0.3s; }
.dot-indicator.owl-theme button.owl-dot:focus { border: none; outline: none; }
.dot-indicator.owl-theme button.owl-dot.active span { background: #F8B018; border: 2px solid transparent; -webkit-transform: scale(0.8); transform: scale(0.8); }
blockquote:before { content: '\201C'; position: absolute; top: 22px; left: 60px; transform: translate(-50%, -50%); width: 3rem; height: 2rem; font: 6em/1.08em sans-serif; color: #d8d8d8; }

/* CONTACT FORM CSS */
.sign-up-form-wrap { display: block; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; }
.list-creative>li+li { border-top: 1px solid #ebebeb; }
@media (min-width:992px) {
    .list-creative>li { padding: 30px 0; }
}
.list-terms-medium { position: relative; padding-left: 30px; }
.list-terms-medium::before { content: ''; position: absolute; top: 2px; left: 0; bottom: 2px; width: 4px; }
.list-terms-medium dt { letter-spacing: .1em; font-weight: 700; text-transform: uppercase; font-size: 14px; color: #565656; }
.list-creative .address::before { background: #F8B018; }
.list-creative .phone::before { background: #60BBEA; }
.list-creative .email::before { background: #007bff; }
.list-terms-medium a, .list-terms-medium p, .list-terms-medium a:active, .list-terms-medium a:focus { color: #9b9b9b; text-decoration: none; }
.list-terms-medium a:hover { color: #F8B018; }
.google-map { height: 100%; margin-bottom: -8px; }
.google-map iframe { width: 100%; border: 0; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden;  /* Fix for transition flickering */ }

/*our team css*/
.single-team-member .team-info { background-color: rgba(0, 67, 139, 0.85); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }
.team-image img { display: block; height: 100%; width: 100%; overflow: hidden; }
.team-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.team-info h5 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; color: inherit; }
.team-info h6 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.team-info h5, .team-info h6, .team-info .team-social { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0; -webkit-transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1); }
.single-team-member:hover .team-info { opacity: 1; visibility: visible; }
.single-team-member:hover .team-info h6 { opacity: 1; }
.single-team-member:hover .team-info h5, .single-team-member:hover .team-info h6, .single-team-member:hover .team-info .team-social { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.team-social li a { text-decoration: none; color: inherit; opacity: 0.8; }
.team-social li a:hover { opacity: 1; }
.team-social li a span { padding: 6px; }

/* FOOTER CSS */
.page-footer { background: #fff; padding: 50px 0 20px; }
.footer-nav-wrap ul li span { font-size: 15px; line-height: inherit; vertical-align: middle; }
.footer-nav-wrap ul li strong { font-size: 14px; line-height: 19px; font-weight: bold; }
.footer-nav-wrap ul li a { font-size: 14px; line-height: 19px; color: inherit; opacity: 0.8; }
.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover { opacity: 1; text-decoration: none; }
.copyright-text { font-size: 14px; }
.social-list li span { padding: 6px; }
.social-list li a, .copyright-text a { color: #F8B018; opacity: 0.8; }
.img-third img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-content-left h1 {
    color: #FFF;
}
select#does_your_company_sell_any_of_the_following_services_-4ec6b53b-4600-4ee6-8339-bd17b72a1376_6485 {
    height: 40px;
    margin-bottom: 20px;
}
.page-header-content h1 {color: #FFF;}

.application-lp-hero-banner .sign-up-form-wrap li.hs-form-radio label {
    font-weight: 500;
    font-size: 14px;
    display: flex;
    line-height: 1.4;
}

.application-lp-hero-banner .sign-up-form-wrap label input[type=radio] {
    display: inline-block;
    width: auto !important;
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 1;
}

.application-lp-hero-banner .sign-up-form-wrap  li.hs-form-radio {position: relative;margin-top: 8px;}

.application-lp-hero-banner.hero-section .sign-up-form-wrap {
    padding: 30px 20px !important;
}

.application-lp-hero-banner.hero-section .sign-up-form-wrap .hs-form-field label {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #000;
    padding-right: 5px;
}

.application-lp-hero-banner.hero-section .sign-up-form-wrap .hs-form-field label span.hs-form-required {
    color: red;
}

.application-lp-hero-banner.hero-section .sign-up-form-wrap fieldset {
    margin-bottom: 8px;
}

body.custom-plan-template  {
      font-family: Montserrat, Helvetica, sans-serif;
}
nav.navbar.dark-navbar {
    background: #000;
}
.custom-plan-template .main {
    padding-top: 60px;
}
.custom-plan-template section.hero-section {
    padding:30px 0 40px 0;
}
.custom-plan-template .hero-content-outer {
    text-align: center;
    max-width: 980px;
    margin: auto;
}

.custom-plan-template .hero-content-outer h1 {
    font-family: Oswald, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: -1px;
  color:rgb(76, 78, 96);
  line-height:1.4;
  font-size:44px;
}
.custom-plan-template .hero-content-outer p {
    color: rgb(248, 176, 24);
    font-weight: 900;
    font-size: 18px;
    line-height: 1.5;
}
.custom-plan-template .hero-section .sign-up-form-wrap fieldset {
    max-width: 100%;
    font-family: Montserrat, Helvetica, sans-serif;
}
.custom-plan-template img {
  max-width:100%; 
}
.custom-plan-template .hero-section h4 {
    font-family: Oswald, Helvetica, sans-serif;
    font-weight: 900;
    color: rgb(76, 78, 96);
    line-height: 1.4;
    font-size: 34px;
}
.custom-plan-template .application-lp-hero-banner.hero-section .sign-up-form-wrap {
    box-shadow: none;
    padding: 30px 0 0 0 !important;
    margin-top: 40px;
    border-top: 1px solid #ddd;
}

.custom-plan-template .application-lp-hero-banner.hero-section .sign-up-form-wrap .hs-form-field label {
    font-size: 14px;
    font-weight: 600;
}
.custom-plan-template .sign-up-form-wrap .hs-input {
    border-radius: 0;
    border: 1px solid #ddd;
}
.custom-plan-template .hero-section .sign-up-form-wrap fieldset {
    margin-bottom: 20px;
}
.custom-plan-template .hero-section .sign-up-form-wrap fieldset .input {
    margin: 0;
}
.custom-plan-template .hero-section .sign-up-form-wrap .field {
    padding: 0 10px;
}
.custom-plan-template .hero-section .sign-up-form-wrap fieldset {
    margin-left: -10px;
    margin-right: -10px;
}
.custom-plan-template .hero-section .sign-up-form-wrap fieldset .hs-form-booleancheckbox label input {
    width: auto !important;
    margin-right: 10px;
}

.custom-plan-template .hero-section .sign-up-form-wrap fieldset .hs-form-booleancheckbox-display {
    display: flex;
    width: 100%;
}
.custom-plan-template .hero-section .sign-up-form-wrap .actions {
  text-align:center 
}
.custom-plan-template .hero-section .sign-up-form-wrap .actions .hs-button.primary.large {
    width: auto;
    color: rgb(255, 255, 255);
    background: rgb(96, 187, 234);
    font-size: 20px;
    font-family: Montserrat, Helvetica, sans-serif;
    border-radius: 0;
    font-weight: bold;
    padding: 12px 40px;
    border-color: rgb(96, 187, 234);
}
.custom-plan-template .hero-section .sign-up-form-wrap .actions .hs-button.primary.large:hover {
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset;
}
.custom-plan-template .as-seen-wrapper {
    padding-top: 10px;
    padding-bottom: 50px;
}
.custom-plan-template  .as-seen-wrapper h5{
    font-family: Montserrat, Helvetica, sans-serif;
    margin-bottom:20px;
    font-weight: bold;
}
.custom-plan-template  .footer-bottom {
    background: rgb(60, 60, 60);
    border-top: 5px solid rgb(96, 187, 234);
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.custom-plan-template  .copyright-text {
    color: #fff;
    margin-bottom: 15px !important;
}
.custom-plan-template .social-list li a {
    color: #fff;
    opacity: 1;
    margin: 0 5px;
}
@media(max-width:1023px)
.custom-plan-template .container {
    max-width: 100% !important;
}
}