@charset "utf-8";

@font-face {
    font-family: 'OpenSans';
    src: url(/fonts/OpenSans-Regular.eot);
    src: url(/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/OpenSans-Regular.woff) format("woff"), url(/fonts/OpenSans-Regular.ttf) format("truetype"), url(/fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'OpenSansLight';
    src: url(/fonts/OpenSans-Light.eot);
    src: url(/fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(/fonts/OpenSans-Light.woff) format("woff"), url(/fonts/OpenSans-Light.ttf) format("truetype"), url(/fonts/OpenSans-Light.svg#OpenSans-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face{font-family:"Open Sans Medium";src:url(/fonts/OpenSans-Medium.eot?) format("eot"),url(/fonts/OpenSans-Medium.woff) format("woff"),url(/fonts/OpenSans-Medium.ttf) format("truetype"),url(/fonts/OpenSans-Medium.svg#OpenSans-Medium) format("svg");font-weight:500;font-style:normal;font-display: swap;}

@font-face {
    font-family: "Open Sans Semibold";
    src: url(/fonts/OpenSans-Semibold.eot?) format("eot"), url(/fonts/OpenSans-Semibold.woff) format("woff"), url(/fonts/OpenSans-Semibold.ttf) format("truetype"), url(/fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans Bold";
    src: url(/fonts/OpenSans-Bold.eot?) format("eot"), url(/fonts/OpenSans-Bold.woff) format("woff"), url(/fonts/OpenSans-Bold.ttf) format("truetype"), url(/fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans ExtraBold";
    src: url(/fonts/OpenSans-ExtraBold.eot?) format("eot"), url(/fonts/OpenSans-ExtraBold.woff) format("woff"), url(/fonts/OpenSans-ExtraBold.ttf) format("truetype"), url(/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Merriweather-BoldItalic';
    font-display: auto;
    src: url(/fonts/Merriweather-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Merriweather-BoldItalic.woff) format("woff"), url(/fonts/Merriweather-BoldItalic.ttf) format("truetype"), url(/fonts/Merriweather-BoldItalic.svg#Merriweather-BoldItalic) format("svg");
    font-weight: normal;
    font-style: normal
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

body {
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    color: #7B8794;
    position: relative;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

.container-fluid {
    width: 100%
}

a {
    color: #F35627;
    line-height: inherit;
    outline: none;
    border: none;
    text-decoration: none
}

a:hover {
    color: #da4d23
}

a:focus {
    color: #da4d23;
    outline: none
}

a.color-accent-orange-1:hover {
    color: #F35627
}

a.orange-4 {
    color: #ffaf66
}

a.orange-2 {
    color: #ff7900
}

a img {
    outline: none;
    border: none
}

strong,
b {
    font-family: "Open Sans Bold"
}

iframe,
embed,
object {
    bottom: 0;
    float: left;
    width: 100%
}

img {
    max-width: 100%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.hide,
.d-none {
    display: none
}

.highlight {
    background: #ff6b00;
    color: #fff
}

.position-relative {
    position: relative !important
}

#googlemap img,
object,
embed {
    max-width: none
}

#map_canvas embed {
    max-width: none
}

#map_canvas img {
    max-width: none
}

#map_canvas object {
    max-width: none
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 14px
}

.marginnone {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px;
    font-weight: 400
}

h1 {
    font-size: 44px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 26px;
    color: #1f2933
}

h4 {
    font-size: 23px
}

h5 {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 20px
}

h6 {
    font-size: 14px
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: 700;
    line-height: inherit
}

code {
    font-weight: 700;
    background: #ff9
}

.link-primary {
    font-family: "Open Sans Bold";
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #F35627
}

.link-primary:hover {
    color: #F9703E
}

.full-width-elm {
    width: 100% !important
}

.text-shadow-none {
    text-shadow: none !important
}

body,
.price-box span {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.top-main-nav ul li.free-trial a.btn-new {
    padding: 0 10px;
    margin-left: 0;
}

.nav-bar {
    width: auto
}

a#webgility_logo img {
    width: 180px;
    max-width: none
}

.flyout {
    display: none;
    box-shadow:0 0 6px rgb(2 7 46 / 20%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    right: auto;
    padding: 0;
    top: 105%;
    min-width: 210px;
    border-radius: 10px
}

.flyout:before {
    content: '';
    position: absolute;
    background: #fff;
    top: -9px;
    left: 50%;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    box-shadow: -2px -2px 2px rgba(2, 7, 46, 0.08);
    transform: rotate(45deg);
    z-index: 50;
    opacity: 1
}

.flyout ul {
    padding: 0;
    position: relative;
    z-index: 2;
    margin: 0
}

.solution .flyout,
.solution .flyout ul {
    width: 360px
}

.flyout.three-blocks {
    width: 725px
}

.flyout.three-blocks ul {
    width: 37%
}

.flyout ul:last-child {
    border-right: 0
}

.flyout ul li {
    color: #1f2933;
    line-height: normal !important;
    display: block;
    position: relative
}

.top-banner-wrapper {
    background: #ffffff;
    padding: 0 0 5px;
}

ul.flyout li a,
.nav-bar li ul li a {
    position: relative;
    padding: 0;
    display: block;
    text-decoration: none !important;
    white-space: normal !important;
    line-height: normal !important
}

.flyout ul li a.businesses:hover {
    color: #f35627
}

.flyout li a .nav-icon {
    width: 50px;
    height: 60px;
    float: left;
    text-align: center;
    margin-right: 18px;
    line-height: 5.8
}

.flyout li a .nav-icon img {
    max-width: 100%;
    max-height: 40px
}

.flyout .nav-title b {
    font-family: "Open Sans Bold";
    font-weight: normal;
    font-size: 16px
}

.flyout .nav-title p,
.flyout .nav-title p a {
    color: #6a6e74;
    font-size: 14px !important;
    line-height: normal;
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.flyout .nav-title p {
    margin-bottom: 17px
}

.flyout .nav-title p a {
    margin-top: 5px;
    line-height: normal !important;
    padding-left: 10px !important
}

.flyout .nav-title p a.see-all-link {
    color: #334ceb;
    position: absolute;
    bottom: 0;
    left: 25px;
    font-family: "Open Sans Bold"
}

.flyout .nav-title p a.see-all-link i {
    left: 4px
}

.flyout .nav-title p a.see-all-link:hover {
    color: #001d75
}

.flyout .nav-title p a.see-all-link:hover i {
    left: 10px
}

.flyout li i {
    position: relative;
    top: -1px
}

.flyout .nav-title p a i:before {
    font-size: 12px;
    font-weight: bold
}

.top-header .nav-bar>li>a {
    font-size: 16px
}

.top-header nav ul span.flyout {
    min-width: 260px
}

.top-header nav ul .solutions span.flyout {
    width: 520px
}

.top-header nav ul li.has-flyout ul.flyout a {
    position: relative;
    font-family: 'Open Sans Semibold';
    padding: 3px 0 4px 50px !important;
    margin-bottom: 20px
}

.top-header nav ul li.has-flyout ul.flyout a img {
    position: absolute;
    left: 0;
    top: 0
}

.top-header nav ul li.has-flyout ul.flyout .new-tag-item a {
    padding-right: 30px !important
}

.new-tag {
    position: absolute;
    color: #F35627;
    font-size: 12px;
    right: -14px;
    top: 6px;
    letter-spacing: .05em
}

.top-header nav ul li.has-flyout span.flyout {
    padding: 32px !important
}

.top-header nav ul li.has-flyout span.flyout:before {
    content: '';
    width: 0;
    height: 99%;
    position: absolute;
    border: 2px solid #f35627;
    top: 0;
    left: -1px
}

.top-header nav ul li.has-flyout .flaticon-down-arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #3E3F42;
    position: relative;
    top: -3px
}

.top-header nav ul li.has-flyout:hover .flaticon-down-arrow:before {
    border-bottom: 6px solid #001d75;
    top: -9px;
    border-top: 0
}

.top-header nav ul li.has-flyout span.flyout ul {
    margin: 0
}

.top-header nav ul li.has-flyout span.flyout ul li {
    font-size: 16px
}

.top-header nav ul li.has-flyout span.flyout ul li a {
    color: #3E3F42;
    font-family: OpenSans, sans-serif
}

.top-header nav ul li.has-flyout span.flyout ul li a:hover {
    color: #F35627;
    text-decoration: underline
}

.phone-number-nav .nav-bar>li.free-trial {
    padding: 3px 0 0
}

.top-header .top-main-nav ul li.login-wrapper a {
    font-size: 14px;
    left: -1px
}

.top-header .top-main-nav ul li.certified-partners a {
    color: #7B8794
}

.sub-nav-list {
    vertical-align: top
}

.sub-nav-list:nth-of-type(2) {
    margin-left: 70px !important
}

.phone-number-nav .nav-bar>li {
    padding: 13px 10px 0
}

.flyout.one-cols {
    width: 220px;
    left: 87%
}

.flyout.one-cols .link-col {
    width: 100%
}

.flyout.two-cols {
    width: 560px;
    left: 160%
}

.flyout.two-cols:before {
    left: 34%
}

.p-0 {
    padding: 0 !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.h-100 {
    height: 100% !important;
}

.flyout.three-cols-v1 {
    width: 800px
}

.link-col .link-accounting:hover,
.link-col .link-accounting.active {
    color: #001d75 !important
}

.link-col .link-inventory:hover,
.link-col .link-inventory.active {
    color: #df7a13 !important
}

.link-col .link-shipping:hover,
.link-col .link-shipping.active {
    color: #2d9f9f !important
}

.link-col .link-intelligence:hover,
.link-col .link-intelligence.active {
    color: #5e91ff !important
}

.nav-link-resources .link-detail-col {
    min-height: 295px;
    height: 100%;
    padding: 20px 10px 20px 20px;
    background: #1f2933;
    background-image: url(/assets/img/ebook/eBook-whats-next-banner-square.jpg);
    background-size: cover;
    background-position: center
}

.flyout .link-col ul li a,
.flyout .link-col-no-border ul li a {
    padding: 7px 10px;
    color:#181E28;
}

.navbar-nav>li .top-nav-link:not(.btn) {
    padding: 4px 10px;
    height: 25px
}

.flyout .link-col li a {
    padding: 7px 10px;
    font-family: "Open Sans Medium";
}

.flyout .link-col li a:hover,
.flyout .link-col li a.active,
.link-col-no-border ul li a:hover,
.link-col-no-border ul li a.active {
    /* font-family: "Open Sans Bold"; */
    background: #f6f7fe;
    color: #334ceb !important;
    border-radius: 8px
}

.flyout .link-col li a.link-webgility-desktop:hover,
.flyout .link-col li a.link-webgility-desktop.active {
    color: #334ceb !important;
    background: rgb(51 76 235 / 10%);
}

.link-col {
    padding-top: 17px;
    padding-bottom: 20px
}

.subnav-foot-link {
    margin-top: 20px !important
}

.subnav-foot-link{background: #f6f7fe;border-radius: 0 0 10px 10px;}
.subnav-foot-link a {color: #334ceb; font-size: 15px;padding: 16px !important;font-family: "Open Sans Semibold";}
.subnav-foot-link a:hover {color: #001d75 !important;}

.subnav-foot-link a .arrow-right {
-webkit-transition: all .3s ease;
    transition: all .3s ease;
    right: 0;
}
.subnav-foot-link a:hover .arrow-right {
    right: -10px;
}

.link-col ul li {
    margin-bottom: 10px
}

.flyout p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 10px !important
}

.subnav-heading {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: normal;
    /* border-bottom: solid 1px rgba(152, 152, 152, 0.4);
    margin-bottom: 10px */
}

.phone-number-nav .nav-bar>li>a:not(.btn-new):first-child {
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: 'Open Sans Bold';
    font-size: 14px;
    border:none;
    border-radius: 0;
    padding: 0;
}

.link-col-no-border ul li {
    border: 0;
    padding: 0
}

.link-detail-col {
    background: #f8f8f8;
    border-radius: 0 10px 10px 0;
    padding: 20px 25px;
    min-height: 225px;
}

.nav-bar .link-detail-col ul li {
    padding-left: 25px;
    margin: 10px 0 0;
}

.link-detail-col ul li:before {
    content: '';
    background: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.nav-bar .link-detail-col ul li:first-child {
    margin-top: 14px
}

.link-detail-col ul li a.link-white {
    background: transparent;
}

.link-white {
    color: #fff !important;
}

.link-white:focus,
.link-white:hover {
    color: #d9d9d9 !important;
}

.link-detail-col-wrap {
    padding: 0
}

.link-col a sup {
    font-size: 8px;
    letter-spacing: 1.5px;
    top: -5px;
    left: 1px
}

.fs-18 {
    font-size: 18px;
    line-height: normal
}

.mt-20 {
    margin-top: 20px
}

.top-nav-link.active {
    color: #334ceb !important
}

.subnav-foot-link a {
    text-decoration: none
}

.fs-14 {
    font-size: 14px !important;
    line-height: normal !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.integrations .flyout.three-cols {
    padding: 0 10px
}

.mt-40 {
    margin-top: 40px
}

.fs-12 {
    font-size: 12px
}

.link-badge {
    font-size: 8px;
    letter-spacing: 1.5px;
    top: -5px;
    left: 1px
}

.date-box .date,
.price-box,
.fees-box span,
.price-title,
.fees-title {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

ul.flyout li a,
#sub_navigation a,
.testimonial-block p,
.platform-list li a,
#client_testimonials blockquote,
.pager ul li a {
    font-family: OpenSans, Georgia, "Times New Roman", Times, serif
}

.nav-bar>li.myaccount_link a {
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
    color: #5c5c5b
}

.myaccount_link_mob {
    display: none
}

.block {
    overflow: hidden
}

.displayInlineblock {
    display: inline-block !important
}

.displayBlock {
    display: block
}

.display-table {
    display: table !important
}

hr {
    margin: 10px 0;
    font-size: 0;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    border-left: 0;
    border-top: 1px solid #CCC;
    overflow: hidden;
    clear: both
}

ul,
ol {
    margin-bottom: 17px;
    margin-left: 30px
}

p,
ul li,
ol li {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 7px
}

p {
    margin-bottom: 17px
}

ul.content,
ol.content {
    margin-left: 45px
}

ul.no-list,
ol.no-list {
    list-style: none
}

ul.no-margin,
ol.no-margin {
    margin-left: 0
}

.orange {
    color: #ff6b00 !important
}

.red {
    color: red !important
}

.dark-orange {
    color: #ff6b00
}

.blue {
    color: #96D6F1
}

.light-blue {
    color: #001acb !important
}

a.light-blue:hover {
    color: #ff6b00 !important
}

.darkblue {
    color: #29ACE2
}

.gray {
    color: #636363
}

.light-gray {
    color: #c3c3c3
}

.dark-gray {
    color: #1f2933
}

.yellow {
    color: #ffc000
}

.color-orange {
    color: #F8B412 !important
}

.color-blue-black {
    color: #1F2933 !important
}

.color-blue {
    color: #001acb !important
}

.color-blue-bg {
    background: #00c9ff !important
}

.color-dark-blue {
    color: #001d75 !important
}

.color-dark-blue1 {
    color: #112153 !important
}

.color-darkblue-light {
    color: rgba(38, 58, 96, 0.7) !important
}

.color-smoke-gray {
    color: #a3aab0 !important
}

.color-accent-gray {
    color: #00c9ff !important
}

.color-unified-charcoal {
    color: #21242a !important
}

.color-blue-gray {
    color: #858585 !important
}

.color-gray-a0a0a0 {
    color: #aeaeae !important
}

.color-gray-e5e8f1 {
    background: #E5E8F1 !important
}

.color-9DA1B0 {
    color: #9DA1B0 !important
}

.navyblue-shade-1 {
    background: #001d75
}

.navyblue-shade-2 {
    background: #334291
}

.navyblue-shade-3 {
    background: #6677ac
}

.navyblue-shade-4 {
    background: #99a5c8
}

.accent-orange-1 {
    background: #ff6b00
}

.accent-orange-2 {
    background: #ff7900 !important
}

.accent-orange-3 {
    background: #ff9433
}

.accent-orange-4 {
    background: #ffaf66
}

.color-accent-orange-1 {
    color: #F35627 !important
}

.color-accent-orange-2 {
    color: #ff7900
}

.color-accent-orange-3 {
    color: #ff9433
}

.color-accent-orange-4 {
    color: #ffaf66
}

.deep-blue-1 {
    background: #001acb
}

.deep-blue-2 {
    background: #007fe6
}

.deep-blue-3 {
    background: #334ceb
}

.deep-blue-4 {
    background: #6679f0
}

.color-deep-blue-1 {
    color: #001d75
}

.color-deep-blue-2 {
    color: #007fe6
}

.color-deep-blue-3 {
    color: #334ceb
}

.color-deep-blue-4 {
    color: #6679f0
}

.color-navyblue-shade-1 {
    color: #001d75
}

.color-navyblue-shade-2 {
    color: #334291
}

.color-navyblue-shade-3 {
    color: #6677ac
}

.color-navyblue-shade-4 {
    color: #99a5c8
}

.pdb1 {
    color: #001d75
}

.pdb2 {
    color: #001d75
}

.pdb3 {
    color: #001d75
}

.pdb4 {
    color: #1D3DBF
}

.pdb5 {
    color: #2251CC
}

.plb1 {
    color: #3A66DB
}

.plb2 {
    color: #5E8AEE
}

.plb3 {
    color: #88B1FC
}

.plb4 {
    color: #B0D0FF
}

.plb5 {
    color: #D9E8FF
}

.pdo1 {
    color: #841003
}

.pdo2 {
    color: #AD1D07
}

.pdo3 {
    color: #C52707
}

.pdo4 {
    color: #DE3A11
}

.pdo5 {
    color: #F35627
}

.plo1 {
    color: #F9703E
}

.plo2 {
    color: #FF9466
}

.plo3 {
    color: #FFB088
}

.plo4 {
    color: #FFD0B5
}

.plo5 {
    color: #FFE8D9
}

.cgd1 {
    color: #1f2933
}

.cgd2 {
    color: #323F4B
}

.cgd3 {
    color: #3E4C59
}

.cgd4 {
    color: #52606D
}

.cgd5 {
    color: #616E7C
}

.cgl1 {
    color: #7B8794
}

.cgl2 {
    color: #9AA5B1
}

.cgl3 {
    color: #CBD2D9
}

.cgl4 {
    color: #E4E7EB
}

.cgl5 {
    color: #F5F7FA
}

.wg-orange {
    color: #F35627
}

.wg-blue {
    color: #334ceb
}

.wg-black {
    color: #00071d
}
.wg-black-273446{color: #273446}
.wg-black-374151{color: #374151}
.dark-grey-4C545C {
    color: #4C545C
}

.bg-wg-orange {
    background: #F35627
}

.bg-wg-blue {
    background: #334ceb
}

.bg-pdb2 {
    background: #001d75
}

.bg-plo1 {
    background: #F9703E
}

.bg-cgl5 {
    background: #F5F7FA
}

.transparent-darkblue-bg {
    background: rgba(0, 29, 117, 0.5803921568627451)
}

.gradient-gray-color {
    background-image: -ms-linear-gradient(bottom right, #F6F8F9 0%, #DEE7F0 100%);
    background-image: -moz-linear-gradient(bottom right, #F6F8F9 0%, #DEE7F0 100%);
    background-image: -o-linear-gradient(bottom right, #F6F8F9 0%, #DEE7F0 100%);
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #F6F8F9), color-stop(100, #DEE7F0));
    background-image: -webkit-linear-gradient(bottom right, #F6F8F9 0%, #DEE7F0 100%);
    background-image: linear-gradient(to top left, #F6F8F9 0%, #DEE7F0 100%)
}

.orange-bg {
    background: #F8B412
}

.green-bg {
    background: #95BF47
}

.purple-bg {
    background: #9B5C8F
}

.white-bg {
    background: #fff !important
}

.br-5 {
    border-radius: 5px
}

.br-2 {
    border-radius: 2px
}

.bs {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.13)
}

.bs-full {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.25)
}

.bs-light-full {
    box-shadow: 0 0 20px #d4d4d4;
    -webkit-box-shadow: 0 0 20px #e7e7e7
}

.bs-light-full1 {
    box-shadow: 2px 4px 20px #eaeaea;
    -webkit-box-shadow: 2px 4px 20px #eaeaea
}

.bs-light-full2 {
    box-shadow: 2px 4px 20px #eaeaea;
    -webkit-box-shadow: 2px 4px 20px #eaeaea
}

.bg-color-unified-charcoal {
    background-color: #21242a
}

.opensans-regular {
    font-family: 'OpenSans' !important
}

.semi-bold,
.fw-sb {
    font-family: 'Open Sans Semibold' !important
}

.opensans-bold,
.fw-b {
    font-family: "Open Sans Bold" !important
}

.h-00 {
    font-size: 11px;
    line-height: 11px
}

.h--0 {
    font-size: 12px;
    line-height: 14px
}

.h-0 {
    font-size: 13px
}

.h-0x {
    font-size: 14px;
    line-height: 20px
}

.h-0xx {
    font-size: 15px;
    line-height: 22px
}

.h-1x {
    font-size: 16px;
    line-height: 24px
}

.h-17 {
    font-size: 17px;
    line-height: 25px
}

.h-1xx {
    font-size: 18px !important;
    line-height: 26px !important
}

.h-2x-1 {
    font-size: 18px;
    line-height: 1.94
}

.h-1xxx {
    font-size: 19px;
    line-height: 26px
}

.h-2x {
    font-size: 20px;
    line-height: 28px
}

.h-2xx {
    font-size: 22px;
    line-height: 28px
}

.h-3x {
    font-size: 24px;
    line-height: 32px
}

.h-3xa {
    font-size: 24px;
    line-height: 34px
}

.h-3xx {
    font-size: 26px;
    line-height: 32px
}

.h-3x-1 {
    font-size: 23px;
    line-height: 32px
}

.h-4x {
    font-size: 28px;
    line-height: 36px
}

.h-4xx {
    font-size: 30px;
    line-height: 36px
}

.h-5x {
    font-size: 32px;
    line-height: 40px
}

.h-5xx {
    font-size: 34px;
    line-height: 45px
}

.h-6x {
    font-size: 36px;
    line-height: 46px
}

.h-6xx {
    font-size: 37px;
    line-height: 44px
}

.h-7x {
    font-size: 40px;
    line-height: 46px
}

.h-7xx {
    font-size: 44px;
    line-height: 60px
}

.h-8x {
    font-size: 48px;
    line-height: normal
}

.h-9x {
    font-size: 50px;
    line-height: normal
}

.h-62x {
    font-size: 62px;
    line-height: normal
}

.h-55x {
    font-size: 55px;
    line-height: normal
}

.h-58x {
    font-size: 58px;
    line-height: normal
}

.h-72x {
    font-size: 72px;
    line-height: normal
}

.fs-72 {
    font-size: 72px;
    line-height: normal
}

.h-73x {
    font-size: 73px;
    line-height: normal
}

.h-74x {
    font-size: 74px;
    line-height: normal
}

.h-83x {
    font-size: 83px;
    line-height: normal
}

.fs-36 {
    font-size: 36px
}

.fs-30 {
    font-size: 30px
}

.fs-16 {
    font-size: 16px
}

.ic-fs-18:before {
    font-size: 18px !important
}

.p-mini,
.p-mini p {
    font-size: 11px;
    line-height: 16px
}

.p-small,
.p-small p {
    font-size: 12px;
    line-height: 18px
}

.p-medium,
.p-medium p {
    font-size: 14px;
    line-height: 20px
}

.p-regular,
.p-regular p {
    font-size: 16px;
    line-height: 22px
}

.img-left {
    float: left;
    margin: 0 15px 15px 0
}

.img-right {
    float: right;
    margin: 0 0 15px 15px
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.clearfix {
    clear: both
}

.m-lrauto {
    margin-left: auto;
    margin-right: auto
}

.m-lr30 {
    margin-left: 30px;
    margin-right: 30px
}

.mar-0 {
    margin: 0 !important
}

.m-l0 {
    margin-left: 0 !important
}

.m-l5 {
    margin-left: 5px
}

.m-l10 {
    margin-left: 10px
}

.m-l15 {
    margin-left: 15px
}

.m-l20 {
    margin-left: 20px
}

.m-l30 {
    margin-left: 30px
}

.m-l60 {
    margin-left: 60px
}

.m-l40 {
    margin-left: 40px
}

.m-l50 {
    margin-left: 50px
}

.m-tb0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-tb5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.m-tb10 {
    margin: 10px auto
}

.m-tb15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.m-tb20 {
    margin: 20px auto
}

.m-tb25 {
    margin: 25px auto
}

.m-tb30 {
    margin: 30px auto
}

.m-tb40 {
    margin: 40px auto
}

.m-tb50 {
    margin: 50px auto
}

.m-tb60 {
    margin: 60px auto
}

.m-tb80 {
    margin: 80px auto
}

.m-tb100 {
    margin: 100px auto
}

.m-tb120 {
    margin: 120px auto
}

.m-t0 {
    margin-top: 0 !important
}

.m-t1 {
    margin-top: 1px
}

.m-t2 {
    margin-top: 2px
}

.m-t3 {
    margin-top: 3px !important
}

.m-t4 {
    margin-top: 4px
}

.m-t5 {
    margin-top: 5px !important
}

.m-t15 {
    margin-top: 15px !important
}

.m-t20 {
    margin-top: 20px !important
}

.m-t25 {
    margin-top: 25px !important
}

.m-t10 {
    margin-top: 10px !important
}

.m-t30 {
    margin-top: 30px !important
}

.m-t40 {
    margin-top: 40px !important
}

.m-t50 {
    margin-top: 50px !important
}

.m-t60 {
    margin-top: 60px !important
}

.m-t70 {
    margin-top: 70px !important
}

.m-t80 {
    margin-top: 80px !important
}

.m-t90 {
    margin-top: 90px !important
}

.m-t100 {
    margin-top: 100px !important
}

.m-t110 {
    margin-top: 110px !important
}

.m-t120 {
    margin-top: 120px !important
}

.m-t130 {
    margin-top: 130px !important
}

.m-t140 {
    margin-top: 140px !important
}

.m-t150 {
    margin-top: 150px !important
}

.m-t160 {
    margin-top: 160px !important
}

.m-t170 {
    margin-top: 170px !important
}

.m-t180 {
    margin-top: 180px !important
}

.m-b0 {
    margin-bottom: 0 !important
}

.m-b5 {
    margin-bottom: 5px !important
}

.m-b10 {
    margin-bottom: 10px !important
}

.m-b15 {
    margin-bottom: 15px !important
}

.m-b20 {
    margin-bottom: 20px !important
}

.m-b25 {
    margin-bottom: 25px
}

.m-b30 {
    margin-bottom: 30px !important
}

.m-b35 {
    margin-bottom: 35px !important
}

.m-b40 {
    margin-bottom: 40px !important
}

.m-b50 {
    margin-bottom: 50px !important
}

.m-b60 {
    margin-bottom: 60px !important
}

.m-b70 {
    margin-bottom: 70px !important
}

.m-b80 {
    margin-bottom: 80px !important
}

.m-b90 {
    margin-bottom: 90px !important
}

.m-b100 {
    margin-bottom: 100px !important
}

.m-b110 {
    margin-bottom: 110px !important
}

.m-b120 {
    margin-bottom: 120px !important
}

.m-b130 {
    margin-bottom: 130px !important
}

.m-b140 {
    margin-bottom: 140px !important
}

.m-b150 {
    margin-bottom: 150px !important
}

.m-r0 {
    margin-right: 0 !important
}

.m-r5 {
    margin-right: 5px !important
}

.m-r10 {
    margin-right: 10px !important
}

.m-r15 {
    margin-right: 15px !important
}

.m-r20 {
    margin-right: 20px !important
}

.m-r30 {
    margin-right: 30px
}

.m-r35 {
    margin-right: 35px !important
}

.m-r40 {
    margin-right: 40px !important
}

.m-r50 {
    margin-right: 50px
}

.m-r60 {
    margin-right: 60px
}

.m-r110 {
    margin-right: 110px
}

.m-all30 {
    margin: 30px !important
}

.pad-t20 {
    padding: 20px 0 0
}

.pad-t50 {
    padding-top: 50px !important
}

.pad-t80 {
    padding-top: 80px !important
}

.pad-t100 {
    padding-top: 100px !important
}

.pad-t110 {
    padding-top: 110px !important
}

.pad-t120 {
    padding-top: 120px !important
}

.pad-t150 {
    padding-top: 150px !important
}

.pad-tb5 {
    padding: 5px 0
}

.pad-b5 {
    padding-bottom: 5px
}

.pad-tb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pad-tb15 {
    padding: 15px 0
}

.pad-t60 {
    padding-top: 60px !important
}

.pad-t70 {
    padding-top: 70px !important
}

.pad-tb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pad-tb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pad-t30 {
    padding-top: 30px !important
}

.pad-t40 {
    padding-top: 40px !important
}

.pad-tb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pad-tb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.pad-tb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.pad-tb70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.pad-tb80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pad-tb90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.pad-tb100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.pad-tb110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important
}

.pad-tb120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.pad-tb150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important
}

.p-l5 {
    padding-left: 5px
}

.p-l15 {
    padding-left: 15px !important
}

.p-l25 {
    padding-left: 25px !important
}

.p-l30 {
    padding-left: 30px !important
}

.pad-l15 {
    padding-left: 15px !important
}

.pad-l20 {
    padding-left: 20px !important
}

.pad-l30 {
    padding-left: 30px !important
}

.pad-l50 {
    padding-left: 50px !important
}

.pad-l60 {
    padding-left: 60px !important
}

.p-r5 {
    padding-right: 5px
}

.p-r15 {
    padding-right: 15px !important
}

.p-r30 {
    padding-right: 30px !important
}

.p-r40 {
    padding-right: 40px !important
}

.p-r50 {
    padding-right: 50px !important
}

.p-r60 {
    padding-right: 60px !important
}

.p-r70 {
    padding-right: 70px !important
}

.p-r80 {
    padding-right: 80px !important
}

.pad-l70 {
    padding-left: 70px !important
}

.pad-l80 {
    padding-left: 80px !important
}

.pad-l90 {
    padding-left: 90px !important
}

.pad-l100 {
    padding-left: 100px !important
}

.pad-lr5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pad-lr10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pad-lr15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pad-lr20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pad-lr30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pad-lr40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.pad-lr50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.pad-lr60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.pad-all15 {
    padding: 15px !important
}

.pad-all20 {
    padding: 20px !important
}

.pad-all25 {
    padding: 25px !important
}

.pad-all30 {
    padding: 30px !important
}

.pad-all40 {
    padding: 40px !important
}

.pad-all55 {
    padding: 55px !important
}

.pad-t0 {
    padding-top: 0 !important
}

.pad-b0 {
    padding-bottom: 0 !important
}

.pad-b10 {
    padding-bottom: 10px !important
}

.pad-b15 {
    padding-bottom: 15px !important
}

.pad-b20 {
    padding-bottom: 20px !important
}

.pad-b30 {
    padding-bottom: 30px !important
}

.pad-b40 {
    padding-bottom: 40px !important
}

.pad-b50 {
    padding-bottom: 50px !important
}

.pad-b60 {
    padding-bottom: 60px !important
}

.pad-b70 {
    padding-bottom: 70px !important
}

.pad-b80 {
    padding-bottom: 80px !important
}

.pad-b90 {
    padding-bottom: 90px !important
}

.pad-b100 {
    padding-bottom: 100px !important
}

.pad-b120 {
    padding-bottom: 120px !important
}

.pad-b130 {
    padding-bottom: 130px !important
}

.pad-b140 {
    padding-bottom: 140px !important
}

.pad-b150 {
    padding-bottom: 150px !important
}

.p-t10 {
    padding-top: 10px !important
}

.p-t15 {
    padding-top: 15px !important
}

.p-t20 {
    padding-top: 20px !important
}

.p-t30 {
    padding-top: 30px !important
}

.p-t70 {
    padding-top: 70px !important
}

.p-t100 {
    padding-top: 100px !important
}

.pad-l0 {
    padding-left: 0 !important
}

.pad-r0 {
    padding-right: 0 !important
}

.pad-r10 {
    padding-right: 10px !important
}

.pad-r15 {
    padding-right: 15px !important
}

.pad-r60 {
    padding-right: 60px !important
}

.pad-r70 {
    padding-right: 70px !important
}

.pad-r90 {
    padding-right: 90px !important
}

.pad-r100 {
    padding-right: 100px !important
}

.pad0 {
    padding: 0 !important
}

.mgn0 {
    margin: 0 !important
}

a.grey {
    color: #636363 !important
}

a.grey:hover {
    color: #ff6b00 !important
}

.line-height-35 {
    line-height: 35px
}

.line-height-60 {
    line-height: 60px !important
}

.line-height-nm {
    line-height: normal !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-light {
    font-family: 'OpenSansLight' !important
}

.fw-semibold {
    font-family: 'Open Sans Semibold' !important
}

.fw-bold {
    font-family: 'Open Sans Bold' !important
}

.fw-extrabold {
    font-family: 'Open Sans ExtraBold' !important
}

.section-header {
    background: #ff6b00;
    width: 100%;
    font-size: 32px;
    line-height: 80px;
    text-align: center;
    color: #FFF;
    text-shadow: none
}

.vline-right {
    border-right: 1px solid #898989
}

.vline-left {
    border-left: 1px solid #898989
}

.hlinebottom {
    border-bottom: solid 3px #666
}

.underline {
    text-decoration: underline !important
}

img.border {
    border: 3px solid #fff
}

#scrollUp {
    bottom: 95px;
    right: 36px;
    width: 30px;
    height: 30px;
    z-index: 2 !important;
    background: #000;
    opacity: .4;
    color: #fff;
    text-align: center;
    line-height: 30px;
    transform: rotate(180deg);
    border-radius: 100%;
    font-weight: 700;
    text-decoration: none !important
}

#scrollUp:before {
    content: "\f113";
    font-family: Flaticon;
    font-size: 16px;
    font-style: normal
}

a#scrollUp:nth-of-type(2) {
    display: none
}

.circle {
    display: block;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 5px solid #eee;
    box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.6)
}

.circle_150 {
    width: 150px;
    height: 150px
}

.circle_200 {
    width: 200px;
    height: 200px
}

.circle_300 {
    width: 300px;
    height: 300px
}

.elilipsis-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.blue-checkmark {
    list-style-image: url(/images/webgility-new-design/vector-icon/blue-tick-thick.svg)
}

.round {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff !important;
    padding: 10px;
    margin: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
}

.circle-tile {
    width: 50px;
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: 45px
}

.OpenSans {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.font-25px {
    font-size: 25px
}

.font-18px {
    font-size: 18px;
    line-height: 32px
}

.myriad {
    font-family: Opensans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.white {
    color: #fff !important
}

.museo300 {
    font-family: 'OpenSans', Helvetica, Arial, "Lucida Grande", sans-serif
}

.museo500 {
    font-family: 'OpenSans', Helvetica, Arial, "Lucida Grande", sans-serif
}

.openSansLight {
    font-family: 'OpenSansLight', san-serif !important
}

.bg-gray {
    background-color: #E1E1E1
}

.bg-light-gray {
    background: #F5F6F8
}

.bg-dark-gray {
    background-color: #1f2933
}

.bg-super-dark-gray {
    background-color: #1f2933
}

.bg-orange {
    background-color: #ff6b00
}

.bg-orange-new {
    background-color: #ff8d03
}

.bg-blue {
    background-color: #4FC2F0
}

.bg-cloud {
    background: #55bbf7
}

.bg-grey {
    background: #f9f9fa
}

.bg-white {
    background: #fff
}

.blue-bg {
    background: #79d1ff !important
}

.light-gray-bg {
    background: #1f2933
}

.dark-gray-bg {
    background: #1f2933
}

.cursor-pointer {
    cursor: pointer !important
}

.form {
    margin: 0;
    padding: 0
}

.form p input[type='text'],
.form p input[type='password'],
.form p input[type='email'],
.form p input[type='tel'] {
    padding: 7px 10px;
    color: #636363;
    border: 1px solid #ccc;
    background: #FFF;
    width: 60%
}

.form textarea {
    width: 60%;
    height: 200px;
    border: 1px solid #ccc
}

.form p.error {
    background-color: #FFDFDF;
    padding: 5px
}

.btn-new,
.btn {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    min-width: 100px;
    max-width: 100%;
    font-size: 14px !important;
    cursor: pointer;
    color: #ffffff;
    background: #616E7C;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase !important;
    margin: 5px;
    white-space: nowrap;
    text-shadow: none;
    border: 1px solid #E4E7EB !important;
    border-radius: 5px !important;
    letter-spacing: 1px;
    font-family: "Open Sans Bold" !important;
    outline: none
}

.btn-primary-blue,
.btn-new-blue-bg,
.btn-new-blue {
    background: #334ceb;
    border-color: #334ceb !important;
    color: #fff !important
}

.btn-primary-blue:hover,
.btn-new-blue-bg:hover,
.btn-new-blue:hover {
    background: #2b41c7;
    border-color: #2b41c7 !important
}

.btn-secondary-blue {
    background: #D9E8FF;
    border-color: #D9E8FF !important;
    color: #3A66DB !important
}

.btn-secondary-blue:hover {
    background: #334ceb;
    border-color: #334ceb !important;
    color: #fff !important
}

.btn-primary-blue:focus,
.btn-secondary-blue:focus,
.btn-new-blue-bg:focus,
.btn-new-blue:focus {
    background: #001d75;
    border-color: #001d75 !important;
    color: #fff !important
}

.btn-tertiary-blue {
    color: #334ceb !important;
    letter-spacing: 1px;
    font-family: "Open Sans Bold" !important
}

.btn-tertiary-blue:hover,
.btn-tertiary-blue:focus {
    text-decoration: underline
}

.btn-tertiary-blue:focus {
    color: #334ceb !important
}

.btn-primary-darkblue {
    background: #001D75;
    border-color: #001D75 !important;
    color: #fff !important
}

.btn-primary-darkblue:hover {
    background: #334291;
    border-color: #334291 !important
}

.btn-primary-darkblue:focus {
    background: #001d75;
    border-color: #001d75 !important;
    color: #fff !important
}

.btn-primary-orange,
.btn-new-orange-bg,
.btn-new-orange,
.btn-orange-bg {
    background: #F35627;
    border-color: #F35627 !important;
    color: #ffffff !important
}

.btn-primary-orange:hover,
.btn-new-orange-bg:hover,
.btn-new-orange:hover,
.btn-orange-bg:hover {
    background: #da4d23;
    border-color: #da4d23 !important;
    color: #ffffff !important
}

.btn-secondary-orange {
    background: #FFF0E6;
    border-color: #FFF0E6 !important;
    color: #C52707 !important
}

.btn-secondary-orange:hover {
    background: #F35627;
    border-color: #F35627 !important;
    color: #fff !important
}

.btn-primary-orange:focus,
.btn-secondary-orange:focus,
.btn-new-orange-bg:focus,
.btn-new-orange:focus,
.btn-orange-bg:focus {
    background: #841003;
    border-color: #841003 !important;
    color: #fff !important
}

.btn-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 7px;
    text-align: center;
    border: 1px solid;
    border-radius: 50%
}

.btn-icon:before {
    content: '';
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid;
    height: 0;
    width: 0;
    display: block;
    margin: 4px 6px
}

.btn-new-width-250 {
    width: 250px
}

.btn-secondary-orange-bordered {
    background-color: transparent;
    border: solid 2px #F35627 !important;
    color: #F35627;
    line-height: 38px
}

.btn-secondary-orange-bordered:hover {
    background-color: #F35627;
    color: #fff
}

.btn-secondary-orange-bordered:focus {
    background: #841003;
    border-color: #841003 !important;
    color: #fff
}

.btn-primary-white,
.btn-white-bg {
    background-color: #ffffff;
    border: solid 2px #ffffff !important;
    color: #F35627;
    line-height: 38px
}

.btn-primary-white:hover,
.btn-white-bg:hover {
    background-color: #F35627;
    border-color: #F35627 !important;
    color: #ffffff
}

.btn-primary-white:focus,
.btn-white-bg:focus {
    background: #841003;
    border-color: #841003 !important;
    color: #ffffff
}

.btn-secondary-white-bordered {
    background-color: transparent;
    border: solid 2px #ffffff !important;
    color: #ffffff;
    line-height: 38px
}

.btn-secondary-white-bordered:hover {
    background-color: #ffffff;
    color: #001d75
}

.btn-secondary-white-bordered:focus {
    background: #ffffff;
    border-color: #ffffff !important;
    color: #001d75
}

.disabled {
    pointer-events: none;
    opacity: .5
}

.btn-new-lg {
    font-size: 18px !important;
    width: 100%;
    max-width: 369px;
    height: 56px;
    line-height: 54px
}

.btn-new-sm {
    padding: 0 18px;
    height: 30px;
    line-height: 28px;
    font-size: 11px !important
}

.watch-video-link {
    text-decoration: none !important;
    display: inline-block
}

.watch-video-link:hover,
.watch-video-link:focus {
    color: #F9703E
}

.watch-video-link .btn-icon {
    border-width: 2px;
    width: 16px;
    height: 16px
}

.watch-video-link .btn-icon:before {
    margin: 3px 4px;
    border-width: 3px 5px
}

.well {
    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 14px 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 14px 0 inset;
    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 14px 0 inset;
    background: #585858;
    border-bottom: 1px solid #a0a0a0;
    padding: 22px;
    margin: 15px 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    color: #FFF
}

.well-light {
    background-color: #fff;
    -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #e7e7e7;
    border-bottom: 3px solid #ccc;
    padding: 22px;
    margin: 15px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.well img {
    display: block;
    margin: 0 auto
}

.large {
    padding: 0 25px 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 25px
}

.large:hover,
.large:focus {
    padding: 0 25px 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    background-position: 0 -60px
}

.large span {
    height: 60px
}

.lp_logo {
    z-index: 1
}

#header {
    background: #fff;
    border-bottom: solid 1px #eee
}

#header .logo {
    display: block;
    margin: -10px 0 10px;
    float: left
}

#header .user-links {
    padding: 0;
    margin: 5px 0;
    text-align: right;
    font-family: 'Open Sans Semibold'
}

#header .user-links li {
    list-style-type: none;
    display: inline-block;
    margin: 0 0 0 15px;
    color: #1f2933;
    position: relative
}

#header .user-links li.head-search {
    margin: 0
}

#header .user-links li a {
    color: #1f2933
}

#header .user-links li a:hover {
    color: #ff6b00
}

#header .header-top {
    height: 32px
}

#header .header-top .search-icon {
    float: right;
    height: 12px;
    width: 12px;
    background: url(../images/search-icon.png) center center no-repeat;
    cursor: pointer;
    margin-left: 10px
}

#header .header-top .search-wrapper {
    display: none;
    float: right;
    width: 170px;
    position: absolute;
    margin-top: -13px
}

.utility-wrapper {
    float: right
}

.utility-wrapper .phone {
    float: left;
    font-size: 20px;
    margin: 10px 15px 10px 0
}

.utility-wrapper .utility-links {
    float: right;
    padding: 12px 20px;
    font-size: 14px;
    background-color: #FF9300;
    -moz-box-shadow: inset 0 0 10px 2px #FF7300;
    -webkit-box-shadow: inset 0 0 10px 2px #FF7300;
    box-shadow: inset 0 0 10px 2px #FF7300;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-transform: lowercase;
    border-bottom: 1px solid #ffbf00
}

.utility-wrapper .utility-links a {
    color: #636363
}

#sub_navigation {
    padding: 0 0 5px;
    width: 100%;
    z-index: 9999;
    min-height: 45px;
    background-color: rgba(34, 34, 34, 0.8)
}

#sub_navigation a.logo_product {
    float: left;
    display: none;
    margin-top: 5px
}

#sub_navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 7px
}

#sub_navigation ul li {
    display: inline-block;
    margin: 0 10px
}

#sub_navigation ul li:last-child {
    margin-right: 0
}

#sub_navigation ul li a {
    text-transform: lowercase;
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    padding: 3px 20px;
    line-height: 26px;
    border-radius: 100px;
    display: block;
    text-align: center
}

#sub_navigation ul li a.active,
#sub_navigation ul li a:hover {
    background-color: rgba(68, 68, 68, 0.5);
    border-bottom: 1px solid #555;
    box-shadow: 0 2px 4px 0 #060606 inset
}

#sub_navigation ul li a.subnav-button {
    display: inline-block;
    padding: 3px 15px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #ff7c02;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    text-transform: lowercase;
    color: #fff
}

#sub_navigation ul li a.subnav-button:hover {
    background-color: #ff6e00;
    box-shadow: none
}

#sub_navigation ul li a.subnav-button span {
    display: none !important
}

.testimonial-block {
    text-align: center;
    padding: 40px 0
}

.testimonial-block strong {
    font-weight: 400
}

.testimonial-block p {
    font-size: 19px;
    margin: 0 auto;
    margin-top: 10px;
    width: 80%;
    color: #979797;
    line-height: 27px
}

.bg-dark-gray .testimonial-block strong,
.bg-dark-gray .testimonial-block p {
    color: #FFF !important
}

.testimonial-block p span {
    font-style: normal;
    font-size: 22px
}

.testimonial-block a {
    text-decoration: none
}

.testimonial-block a.read_more {
    display: block;
    float: right
}

.well-light .testimonial-block {
    padding: 20px 0
}

#news-updates ul {
    margin-left: 0;
    margin-top: 15px
}

#news-updates ul,
#news-updates ul li {
    list-style: none
}

#news-updates .row {
    margin: 15px 0
}

#news-updates a {
    color: #636363;
    font-size: 18px;
    display: block;
    line-height: 60px;
    background: url(/images/bullet.png) no-repeat 0 center;
    padding-left: 30px
}

.date-box {
    background: url(/images/date-bg.png) 0 0 repeat;
    width: 55px;
    height: 53px;
    display: inline-block;
    text-align: center
}

.date-box .day {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    height: 22px;
    line-height: 22px
}

.date-box .date {
    font-size: 24px;
    line-height: 29px
}

.social li {
    margin: 15px 0
}

.social li small {
    display: block;
    text-align: center
}

.social a {
    display: block;
    text-align: center
}

input.newsletter-input {
    background: url(/images/newsletter-bg.png) 0 0 repeat;
    display: block;
    width: 100%;
    height: 36px;
    border: none;
    margin: 20px 0 10px;
    border-right: 1px solid #e1e1e1;
    padding-left: 45px
}

.iosSlider {
    width: 100%
}

.iosSlider .wg_slider {
    width: 100%;
    height: 100%
}

.iosSlider .wg_slider .wg_slide {
    width: 100%;
    text-align: center;
    margin: 6px
}

.iosSlider .carousel_prev,
.iosSlider .carousel_next {
    position: absolute;
    width: 36px;
    height: 59px;
    z-index: 10;
    top: 40%;
    text-indent: -9999px
}

.iosSlider .carousel_prev {
    left: 0;
    background: url(/images/arrow-prev.png) no-repeat;
    margin-left: 10px
}

.iosSlider .carousel_next {
    right: 0;
    background: url(/images/arrow-next.png) no-repeat;
    margin-right: 10px
}

.iosSlider .wg_selectorsBlock {
    position: absolute;
    bottom: 10px;
    width: 100%
}

.iosSlider .wg_selectorsBlock .wg_selectors {
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.iosSlider .wg_selectorsBlock .wg_selectors .wg_circle {
    width: 25px;
    height: 25px;
    margin: 0 5px;
    text-decoration: none;
    background: url(/images/pager_orange.png) left top no-repeat;
    display: inline-block
}

.iosSlider .wg_selectorsBlock .wg_selectors .selected {
    background: url(/images/pager_orange.png) right top no-repeat
}

.iosSlider .wg_selectorsBlock .wg_selectors .first {
    margin-left: 0
}

.toggleVideo {
    cursor: pointer
}

#carts_qb_integration_slider {
    height: 500px
}

#carts_order_fulfillment_slider {
    height: 580px
}

#carts_product_mgmt_slider,
#shipping_ship_faster_slider,
#shipping_order_mgmt_slider {
    height: 560px
}

#carts_multi_channel_slider {
    height: 450px
}

#inner-banner {
    padding: 40px 0 15px;
    color: #FFF
}

#inner-banner article {
    text-align: right
}

#inner-banner p {
    text-shadow: none
}

#pt-bc {
    padding-top: 20px;
    clear: both
}

.page-title {
    color: #1f2933;
    font-size: 32px;
    line-height: 40px;
    margin: 25px 0;
    border-bottom: 1px solid #CCC;
    padding-bottom: 22px
}

#content-wrapper h2 {
    margin: 0;
    margin-bottom: 20px
}

.breadcrumb {
    text-transform: uppercase;
    line-height: 16px;
    font-family: 'Open Sans Semibold';
    font-size: 12px;
    float: right;
    margin: 20px 0
}

.sidebar-links {
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar-links li {
    display: block;
    padding: 10px 0 8px;
    border-bottom: 1px solid #e7e7e7
}

.sidebar-links li:last-child {
    border-bottom: none
}

.sidebar-links li a {
    text-decoration: none;
    font-size: 22px;
    display: block;
    font-weight: 400
}

.sidebar-links li a.current {
    color: #ff6b00
}

.circle_30 {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 99;
    line-height: 40px;
    font-size: 16px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff
}

.bordersteps {
    height: 2px;
    position: absolute;
    width: 272px;
    margin-top: 20px;
    margin-left: 50px;
    z-index: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fff
}

#client_testimonials article {
    margin-bottom: 40px
}

#client_testimonials blockquote {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif;
    margin: 0 0 10px 20px;
    padding: 10px 0 10px 20px;
    border-left: 2px solid #ff6b00;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    line-height: 26px
}

#client_testimonials p {
    font-size: 16px
}

.stories-tiles article {
    position: relative;
    float: left;
    margin: 10px 0 40px;
    padding: 20px 20px 90px;
    text-align: center;
    width: 100%;
    min-height: 315px;
    box-shadow: 0 0 12px #e7e7e7;
    -webkit-box-shadow: 0 0 12px #e7e7e7;
    transition: all ease .3s;
    -webkit-transition: all ease .3s
}

.stories-tiles article:hover {
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.20);
    -webkit-box-shadow: 0 3px 10px rgba(2, 7, 46, 0.20)
}

.stories-tiles article h3 {
    margin-bottom: 0 !important
}

.stories-tiles article .hot-tile {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.stories-tiles .col {
    min-height: 500px;
    position: relative
}

.stories-tiles .col .continue-content {
    position: absolute;
    bottom: 45px;
    width: 100%;
    left: 0;
    padding: 0 20px
}

.stories-tiles .col .continue-content a.btn-new {
    width: 100%;
    max-width: 260px;
    margin: 0
}

.stories-tiles article>a {
    display: block;
    overflow: hidden;
    height: 150px;
    position: relative
}

.stories-tiles article a>img {
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.stories-tiles article p {
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 20px;
    min-height: 88px
}

.customer-name {
    font-size: 16px;
    font-family: 'Open Sans Bold' !important;
    margin-bottom: 10px
}

.customer-title {
    font-size: 12px;
    font-family: 'Open Sans Semibold' !important;
    margin-bottom: 20px
}

.go-back .button {
    border-radius: 2px;
    color: #5b5b5b;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 10px;
    margin: 14px 0 0;
    display: inline-block;
    border: solid 1px #ff991d;
    font-family: 'Open Sans Semibold' !important
}

#pricing_special_offer_tag {
    background: url(/images/tag_special_offer.png) no-repeat;
    width: 120px;
    height: 38px;
    position: absolute;
    margin-top: -40px;
    margin-left: 70px
}

#enterprise_edition {
    position: absolute;
    right: 125px;
    width: 363px;
    height: 31px;
    background: url(/images/webgility/label-enterprise-edition.png) no-repeat bottom
}

.tb-col-5 td {
    width: 20%
}

div#annualecc {
    background: url(../images/ecc/annualecc.png) no-repeat;
    position: absolute;
    width: 234px;
    height: 167px;
    margin: -167px 0 0 8px
}

.list-style {
    margin-left: 20px
}

.list-style li {
    background: url(../images/bullet.png) 0 0 no-repeat;
    padding-left: 25px;
    list-style: none;
    font-size: 15px;
    line-height: 22px
}

.static-table td {
    padding: 7px 15px;
    border: #cfcfcf 1px solid;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    vertical-align: top
}

.static-table td:first-child {
    background: #ffcf87;
    font-size: 15px;
    font-weight: 400;
    text-align: left
}

.static-table tr.heading td {
    background: #FFF;
    font-size: 18px;
    font-weight: 700;
    border: none
}

.small-sign-up-btn {
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    margin: 0 auto 10px;
    max-width: 140px;
    display: block
}

.small-sign-up-btn span {
    height: 30px
}

.large-link {
    font-size: 18px
}

.comparison-chart {
    line-height: 20px;
    margin-bottom: 1px
}

.comparison-chart td {
    border: #FFF 1px solid;
    padding: 9px 15px;
    font-size: 11px;
    vertical-align: top;
    text-align: center
}

.comparison-chart td.featurename,
.comparison-chart tr.feature-heading td {
    text-align: left
}

.comparison-chart tr:nth-child(2n+1) {
    background: #f4f5f7
}

.comparison-chart tr td {
    width: 15%
}

.comparison-chart tr.feature-heading td:first-child {
    width: 55%
}

.comparison-chart tr.feature-heading {
    background: #646464;
    cursor: pointer
}

.comparison-chart tr.feature-heading td span {
    background: url(../images/accordian_arrow.png) 0 -39px no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
    margin-left: 10px
}

.comparison-chart tr.feature-heading.active td span {
    background-position: 0 0
}

.comparison-chart tr.feature-heading td {
    border: none;
    font-size: 18px;
    color: #ff7900;
    padding: 7px 15px
}

.comparison-chart tr.first-row,
.comparison-chart tr.first-row:hover {
    background: #FFF;
    cursor: auto !important
}

.comparison-chart .select-cart {
    background: #646464;
    cursor: auto !important
}

.comparison-chart .select-cart td {
    border: none;
    border-bottom: 1px solid #FFF;
    color: #FFF !important;
    padding: 12px 15px !important
}

.comparison-chart tbody tr:hover {
    background: #ffcf89
}

.comparison-chart tbody tr.feature-heading:hover {
    background: #646464
}

.comparison-chart tbody td.featurename {
    font-size: 15px
}

.comparison-chart tbody td img {
    display: block;
    margin: 0 auto
}

.comparison-data {
    display: none
}

table#ecc-cloudAddonLayout {
    border: medium none;
    width: 420px;
    padding: 0
}

table#ecc-cloudAddonLayout td.headerRowTag {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    width: 200px;
    padding: 10px
}

table#ecc-cloudAddonLayout td.ButtonRowTag {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 5px 0 5px 5px
}

table#ecc-cloudAddonLayout td.AddonPriceTag {
    background: none repeat scroll 0 0 #FFF;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0 5px 5px
}

table#ecc-cloudAddonLayout td.AddonRowTag {
    background: none repeat scroll 0 0 #E0E0E0;
    border-right: 1px solid #CCC;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    width: 180px;
    padding: 5px 0 5px 15px
}

table#ecc-cloudAddonLayout td.rowSeparator1 {
    height: 2px;
    margin: 0;
    padding: 0
}

.saving {
    color: #CCC;
    text-decoration: line-through
}

.ManageYourBusiness p {
    font-size: 14px;
    width: 95%
}

.center {
    text-align: center
}

.overview-main .playvideo {
    padding-top: 50px
}

.under-banner-nav {
    width: 100%;
    background: rgba(34, 34, 34, 0.8)
}

.under-banner-nav.overview_landing_page.ecc-cloud,
.under-banner-nav.ecc-cloud {
    background: rgba(34, 34, 34, 0.8)
}

.under-banner-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.under-banner-nav ul li {
    display: inline-block;
    margin: 0;
    float: left;
    line-height: 26px
}

.under-banner-nav ul li a {
    text-decoration: none;
    color: #FFF;
    padding: 3px 15px;
    margin: 6px 0 0;
    display: block;
    font-size: 14px
}

.under-banner-nav ul li a.current,
a.nav-highlight,
.under-banner-nav li a:hover {
    border-radius: 100px;
    display: block;
    box-shadow: 0 2px 4px 0 #060606 inset;
    border-bottom: 1px solid #555;
    background-color: rgba(68, 68, 68, 0.5)
}

.under-banner-nav.ecc-cloud li a.current,
.under-banner-nav.ecc-cloud li a.nav-highlight,
#sub_navigation #ecc-cloud_nav ul li a.active,
.under-banner-nav.ecc-cloud li a:hover {
    background-color: rgba(68, 68, 68, 0.5);
    border-bottom: 1px solid #555;
    box-shadow: 0 2px 4px 0 #060606 inset
}

#sub_navigation #ecc-cloud_nav ul li a.subnav-button {
    border-bottom: 0;
    color: #fff
}

.under-banner-nav.overview_landing_page li a {
    padding: 3px 10px;
    margin: 6px 0;
    text-transform: inherit
}

.under-banner-nav .ecc-destop-logo {
    background: none;
    background-repeat: no-repeat;
    background-position: center right;
    left: 0;
    padding: 0;
    color: #a1a1a1;
    font-size: 14px
}

.under-banner-nav .ecc-destop-logo .navbar-caption {
    display: inline-block;
    line-height: 45px;
    font-size: 16px;
    color: #ff6b00
}

.under-banner-nav.ecc-cloud .navbar-caption {
    color: #29ace2
}

.under-banner-nav .ecc-destop-logo .product-logo,
.under-banner-nav .ecc-destop-logo-inner .product-logo {
    height: 45px;
    display: block;
    color: #fff
}

.ecc-cloud .ecc-destop-logo .product-logo,
.ecc-cloud .ecc-destop-logo-inner .product-logo {
    background-repeat: no-repeat;
    background-position: left center
}

.under-banner-nav .ecc-destop-logo-inner {
    background: #4c4c4c;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0
}

.dark-bg {
    background: #424242;
    padding: 14px 5px 14px 0
}

.under-banner-nav ul li a.subnav-button {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #00cafc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 33px;
    margin-top: 6px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Semibold';
    white-space: nowrap
}

.under-banner-nav ul li a.subnav-button:hover {
    background-color: #30ccff;
    color: #fff
}

.under-banner-nav ul li a.subnav-button:hover,
.under-banner-nav ul li a.subnav-button.current {
    box-shadow: none
}

#compatibility_col p,
#compatibility_col2 p {
    margin-bottom: 0
}

.breadcrumbs {
    float: left;
    text-transform: uppercase;
    line-height: 16px;
    font-family: 'Open Sans Semibold';
    font-size: 12px
}

.compatibility_links a {
    color: #636363
}

.compatibility_links a:hover {
    color: #ff6b00
}

.lp_select {
    border: solid 1px #C6C6C6;
    border-radius: 2px;
    height: 45px;
    line-height: 1.42857;
    padding: 7px 15px
}

.lp_select.error {
    border: solid 2px #fc6363
}

#footer_compatibility {
    padding: 45px 0
}

#carts_tagcloud {
    width: 100%;
    height: 290px;
    position: relative;
    text-align: center
}

#carts_tagcloud a {
    color: #676767;
    text-decoration: none;
    position: absolute
}

#carts_tagcloud a:hover {
    color: #ff6b00
}

#shipping_processors .row {
    margin: 25px 0
}

section#over_view {
    padding-top: 50px
}

#howitworks_list span {
    background: #ddd;
    width: 41px;
    height: 38px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin: 0 0 15px;
    border-radius: 100px
}

.roi-box {
    max-width: 250px;
    display: inline;
    text-transform: uppercase
}

#howitworks_list p {
    font-size: 16px
}

#howitworks_list .one {
    width: 7%
}

#howitworks_list .eleven {
    float: left !important
}

#rev_views {
    padding-bottom: 50px
}

footer {
    padding: 35px 0 45px;
    color: #fff;
    text-align: center
}

footer .row .two {
    width: 13.1%
}

footer .row .three {
    width: 25%;
    z-index: 1
}

footer a {
    color: #ffffff;
    text-decoration: none;
    padding: 0;
    line-height: normal;
    font-size: 12px
}

footer a:hover,
footer a:focus {
    color: #a9afb9 !important;
    text-decoration: none
}

footer .logo {
    display: inline-block;
    height: 39px;
    width: 200px;
    background: url(/images/webgility-new-design/webgility-logo-ow.svg?ver=1.1);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: auto
}

.footer-column ul {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px !important;
    min-height: 100px;
    margin-bottom: 10px
}

.footer-column ul ul {
    margin-left: 30px
}

.footer-column ul li {
    list-style-type: none;
    text-align: left;
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 27px
}

.footer-column ul ul li {
    margin: 0;
    line-height: 13px;
    list-style-type: disc
}

.footer-column ul li a {
    text-align: left;
    padding: 0;
    font-size: 12px
}

.footer-bottom-section {
    margin-top: 0
}

.social-links {
    margin: 0
}

.social-links li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0
}

.social-links li a {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.social-links li a:hover {
    opacity: .8
}

.social-links li#webgility_facebook a {
    background: url(/assets/img/icon/svg/social/facebook-white.svg?ver=1)
}

.social-links li#webgility_twitter a {
    background: url(/assets/img/icon/svg/social/twitter-white.svg?ver=2)
}

.social-links li#webgility_linkedin a {
    background: url(/assets/img/icon/svg/social/linkedin-white.svg?ver=1)
}

.social-links li#webgility_instagram a {
    background: url(../images/webgility-new-design/social-icon/ic-instagram.svg)
}

.social-links li#webgility_youtube a {
    background: url(/assets/img/icon/svg/social/youtube-white.svg?ver=1)
}

.footer-nav li:last-child {
    margin-right: 0
}

.copyright {
    margin-top: 50px;
    margin-bottom: 20px;
    color: #FF5B00;
    text-shadow: 0 1px 0 #FC0
}

footer.bg-cloud .copyright {
    margin-top: 50px;
    margin-bottom: 20px;
    color: #0a6ade;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
}

.to-top {
    margin: 15px 0
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 5px
}

.popover.top {
    margin-top: -5px
}

.popover.right {
    margin-left: 5px
}

.popover.bottom {
    margin-top: 5px
}

.popover.left {
    margin-left: -5px
}

.popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.popover.bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000
}

.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

.popover .arrow {
    position: absolute;
    width: 0;
    height: 0
}

.popover-inner {
    padding: 3px;
    width: 300px;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3)
}

.popover-title {
    padding: 10px;
    line-height: 1;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400
}

.popover-content {
    padding: 14px;
    background-color: #fff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.popover-content p,
.popover-content ul,
.popover-content ol {
    margin: 0
}

.tooltip {
    position: absolute;
    z-index: 3;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px
}

.tooltip.top {
    margin-top: -2px
}

.tooltip.right {
    margin-left: 2px
}

.tooltip.bottom {
    margin-top: 2px
}

.tooltip.left {
    margin-left: -2px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #001d75
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #1f2933
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1f2933
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #1f2933
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    background-color: #001d75;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: normal;
    font-size: 14px;
    border: solid 1px #001d75;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1)
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.pager {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.pager div.short {
    float: right;
    margin: 0;
    padding: 0;
    display: none
}

.pager div.short input {
    width: 30px;
    height: 28px;
    margin-left: 8px;
    padding: 0 5px
}

.pager ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 4px
}

.pager ul li {
    display: inline-block
}

.pager ul li a {
    text-decoration: none;
    display: inline-table;
    text-align: center;
    border-radius: 4px;
    width: 40px;
    font-size: 20px
}

.pager span {
    margin-left: 4px;
    color: #FFF;
    float: left
}

.pager>.pager-btn {
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #CCC;
    width: 50px;
    float: left;
    display: none
}

.pager .disabled {
    color: #A0A0A0 !important;
    text-shadow: 1px 1px 1px #FFF
}

.pager ul li a.active {
    color: #ff6b00;
    font-weight: 700
}

#comparison-chart {
    width: 100%;
    overflow-x: auto
}

.ecc-dsktop-nav {
    padding: 0;
    text-align: center
}

.ecc-dsktop-nav li {
    padding: 0 5px
}

#fix_this,
#fix_this2 {
    z-index: 9999 !important
}

.lightbulb {
    background: url(/images/lightbulb.png) no-repeat center 0;
    display: inline-block
}

.like {
    background: url(/images/like.png) no-repeat center 0;
    display: inline-block
}

.eye {
    background: url(/images/eye.png) no-repeat center 0;
    display: inline-block
}

#thankyou-page-content {
    clear: both;
    min-height: 400px;
    margin-left: 17px;
    width: 100%
}

#thankyou-page-content h1 {
    font-size: 30px;
    font-weight: 400;
    padding: 0 0 0 15px;
    color: #FE8C00
}

#thankyou-page-content .regulartext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1f2933;
    line-height: 1.5;
    padding: 4px 17px 20px;
    list-style: none;
    clear: both;
    margin-bottom: 15px
}

#thankyou-page-content h4 {
    font-size: 17px;
    font-weight: 400;
    color: #FE8C00;
    padding-left: 15px
}

#thankyou-page-content div#download_ecc_free_trial {
    margin: 50px 0 40px;
    display: table
}

#thankyou-page-content div#download_ecc_free_trial div {
    width: 300px;
    float: left
}

#locate_exe,
#run_exe {
    margin-right: 0
}

.clear {
    clear: both
}

span.num {
    background: url(/images/ic_num.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px
}

.move_left {
    padding-left: 47px;
    display: block;
    font-size: 15px;
    width: 245px;
    line-height: 20px
}

#header.free_trial .logo {
    margin: 10px 0;
    width: auto
}

#header.free_trial .utility-wrapper .utility-links {
    padding: 8px 30px 13px;
    font-size: 17px;
    text-transform: capitalize
}

#header.free_trial .utility-wrapper .utility-links a {
    color: #5b5b5b;
    text-decoration: none
}

#sub_navigation.free_trial {
    min-height: 45px;
    color: #fff;
    font-size: 24px;
    padding-top: 10px
}

#sub_navigation.free_trial div {
    font-size: 24px
}

#free_trial_form_content label.error a {
    color: #058AD3
}

#free_trial_form_content label[for=company_name] {
    margin-left: 0;
    display: inline-block
}

.trial-search-input {
    float: right;
    margin: 12px 0 0 15px
}

.intl-tel-input #phone {
    padding-left: 45px !important
}

#phone_placeholder.phone_code_international {
    display: block !important
}

.InputPlaceholder {
    left: 230px !important;
    top: 7px !important
}

p span.displayinline.fr {
    display: none
}

.varificationInputWidth {
    width: 58% !important
}

.form #free_trial_form_content input#areyouhuman_cloud,
.form #free_trial_form_content input#areyouhuman,
.form #free_trial_form_content input#areyouhuman_default {
    border-radius: 0 15px 15px 0
}

a#trial_submit,
a#trial_submit_cloud {
    margin: 15px 0
}

.form #free_trial_form_content select {
    border-radius: 6px
}

#show_password_wrap,
#show_password_wrap_default {
    float: right;
    margin: 0 10px 10px 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.form #free_trial_form_content #show_password_wrap input,
.form #free_trial_form_content #show_password_wrap_default input {
    float: left;
    width: 14px !important;
    border-radius: 0;
    padding: 0;
    height: 14px;
    margin-right: 2px
}

#using_qb {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

label.error {
    width: 100% !important;
    text-align: left !important;
    font-size: 11px;
    color: #058AD3
}

.div_email_exists {
    float: left;
    padding-right: 20px;
    text-align: right;
    margin-bottom: 5px
}

.email_exist {
    clear: both;
    color: red;
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin-left: 45px;
    padding-top: 0;
    text-align: left !important;
    width: 278px !important
}

label.error[for=areyouhuman] {
    padding-left: 10px;
    padding-top: 5px
}

div#change_plan_wrapper {
    font-size: 20px;
    line-height: 50px;
    clear: both;
    min-height: 700px;
    margin-left: 17px;
    width: 100%;
    max-width: 1170px
}

div#change_plan_wrapper div#change_plan {
    display: table
}

div#change_plan_wrapper div.column_one {
    width: 350px;
    float: left;
    padding-left: 30px
}

div#change_plan_wrapper div.column_two {
    width: 320px;
    float: left;
    padding-left: 10px
}

div#change_plan_wrapper div.column_three {
    width: 260px;
    float: left;
    padding-left: 10px
}

div#change_plan_wrapper div.column_four {
    width: 240px;
    float: left;
    padding-left: 10px
}

div#change_plan_wrapper div.column_five {
    width: 610px;
    float: left;
    padding-left: 30px
}

div#change_plan_wrapper div#change_plan_header {
    background: #646464;
    height: 50px;
    color: #FFF;
    line-height: 50px
}

div#change_plan_wrapper div.change_plan_row_light {
    height: 50px
}

div#change_plan_wrapper div.change_plan_row_dark {
    background: #f4f5f7;
    height: 50px
}

div#change_plan_wrapper div#clarification {
    background: #ffcf89;
    padding-left: 30px;
    margin: 20px 0 60px
}

div#change_plan_wrapper div#total_payment {
    border-top: solid 5px #eb9f00;
    border-bottom: solid 5px #eb9f00;
    text-align: right;
    padding: 5px 0
}

div#change_plan_wrapper div#total_payment span {
    padding-right: 20px
}

div#change_plan_wrapper div#button_panel {
    text-align: right;
    margin: 30px 0 50px
}

.placeholder_color,
.placeholder {
    color: #c1c1c1
}

.ecccloud_jainrain_form_wrapper #free_trial_form_content {
    margin-left: 0;
    padding: 17px 20px 5px
}

div.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -231px 0 0 -255px;
    border: 14px solid #656565;
    display: none;
    background: #eee;
    z-index: 999;
    padding: 20px
}

div.popup#pop1 {
    width: 385px
}

div.popup div.close {
    height: 38px;
    width: 38px;
    position: absolute;
    right: -8px;
    top: -45px
}

div.popup div.close a {
    cursor: pointer
}

div.black_overlay {
    background: url(/images/transparent.png) repeat;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none
}

.popup .form p input[type='text'],
.popup .form p input[type='password'] {
    width: 100%
}

#cancel_query_form {
    background: #F4F5F7;
    padding: 10px 22px;
    margin: 20px
}

.form #cancel_query_form textarea {
    width: 100%;
    height: 92px;
    border: 1px solid #ccc
}

.form #cancel_query_form select {
    width: 100% !important;
    border-radius: 15px 0 0 15px;
    line-height: 20px;
    font-size: 15px;
    padding: 7px 10px;
    color: #636363;
    border: 1px solid #b6b6b6;
    background: #FFF
}

.form #free_trial_form_content textarea {
    width: 100% !important;
    line-height: 20px;
    font-size: 15px;
    padding: 7px 10px;
    color: #636363;
    border: 1px solid #b6b6b6;
    background: #FFF;
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif;
    height: 125px
}

.form #free_trial_form_content p.infobox {
    font-size: 12px;
    margin: 0 !important
}

.form #free_trial_form_content p.infobox input {
    float: left;
    width: 14px !important;
    border-radius: 0;
    padding: 0;
    height: 14px;
    margin-right: 2px
}

#free_trial_form_content #website_c {
    background: url(/images/ic_website.png) no-repeat 10px 0 #fff;
    padding-left: 50px
}

#free_trial_form_content #company_name_c {
    background: url(/images/ic_company.png) no-repeat 10px 0 #fff;
    padding-left: 50px
}

.form #free_trial_form_content input.placeholder,
.form #free_trial_form_content textarea.placeholder,
.form #free_trial_form_content input.placeholder_color,
.form #free_trial_form_content textarea.placeholder_color {
    color: #c1c1c1
}

.form #free_trial_form_content input.valid.placeholder_color,
.form #free_trial_form_content textarea.valid.placeholder_color {
    color: #636363
}

.form #free_trial_form_content p {
    position: relative;
    clear: both;
    text-align: left;
    margin-bottom: 10px
}

#message_placeholder,
#company_placeholder,
#website_placeholder {
    position: absolute;
    color: #c1c1c1;
    font-size: 15px;
    left: 50px;
    top: 9px
}

html>body #message_placeholder,
#company_placeholder,
#website_placeholder,
x:-moz-any-link,
x:default {
    top: 5px
}

#message_placeholder {
    left: 10px
}

#pricing_details {
    clear: both
}

#pricing_details_header {
    text-align: center
}

#pricing_details_header div {
    font-size: 17px;
    color: #a8a8a8;
    text-transform: uppercase;
    line-height: 35px;
    padding: 12px 0
}

#pricing_details_header div.smalltext {
    font-size: 15px;
    text-transform: lowercase
}

#pricing_details_content {
    color: #666;
    text-align: center;
    min-height: 140px;
    background: #fff
}

#pricing_details_content span {
    font-size: 18px;
    color: #666
}

.pricing_details_content div {
    margin: 3px 0 0;
    font-size: 21px;
    padding: 12px 0
}

.pricing_details_content em {
    font-size: 16px
}

.pricing_details_content {
    min-height: 52px
}

.plusicon {
    padding: 0 !important;
    margin: 0 !important
}

#pricing_accounting_software {
    display: inline-block;
    padding: 5px 10px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    color: #636363;
    border: 1px solid #bbb;
    border-radius: 5px
}

.implementation_services {
    margin: 80px 0 80px 30%
}

.implementation_services p {
    font-size: 18px;
    margin-bottom: 12px
}

.implementation_services p span {
    font-size: 28px
}

.implementation_services p.head {
    font-size: 22px
}

#plan_includes div {
    font-size: 18px
}

#plan_includes p.orange {
    font-size: 24px;
    clear: both;
    margin: 10px 0
}

#plan_includes div.twelve div {
    float: left;
    width: 20%;
    padding: 0 15px
}

#plan_includes.onlyfour div.twelve div {
    width: 25%
}

.pricing_enterprise #plan_includes div.twelve div {
    width: 24%
}

.pricing_enterprise #plan_includes div.eleven div {
    width: 30%;
    float: left;
    padding: 0 15px
}

#pricing_faq p.h-3x {
    margin-bottom: 0
}

#tab_qb_version span {
    display: inline-block;
    font-size: 18px;
    height: 37px;
    width: 145px;
    line-height: 33px;
    color: #666;
    text-align: center;
    margin: 0 8px;
    cursor: pointer;
    border-radius: 100px;
    background-color: #e2e2e2;
    border-top: solid 1px #999
}

#tab_qb_version span:hover,
#tab_qb_version span.active {
    color: #fff;
    cursor: pointer;
    background-color: #ff7900;
    border-top: solid 1px #ee5807
}

#forqbint {
    position: absolute;
    text-align: right;
    margin: -35px 0 0 765px;
    font-size: 11px
}

.pricing_learn_more,
.pricing_learn_more2 {
    background: url(/images/pricing_learn_more_bg.png) no-repeat !important;
    width: 252px !important;
    height: 119px !important;
    position: absolute !important;
    padding: 18px 15px 0 !important;
    left: 105px !important;
    margin-top: 62px !important;
    z-index: 999;
    text-transform: inherit !important
}

.showmonthly,
.showannual {
    cursor: pointer
}

.pricing_learn_more p,
.pricing_learn_more2 p {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #a8a8a8 !important
}

div.pricing_cloud h3 span,
div.pricing_pro_premiere h3 span,
div.pricing_pos h3 span,
div.pricing_enterprise h3 span,
div.pricing_international h3 span {
    color: #636363
}

.pad-lft-50 {
    padding-left: 50px
}

.services-list li {
    padding-left: 80px;
    min-height: 50px;
    list-style: none
}

li.ic_installation_sp {
    background: url(/images/ic_installation_sp.png) no-repeat
}

li.ic_training_sp {
    background: url(/images/ic_training_sp.png) no-repeat
}

li.ic_setup_sp {
    background: url(/images/ic_setup_sp.png) no-repeat
}

li.ic_consultation_sp {
    background: url(/images/ic_consultation_sp.png) no-repeat
}

li.ic_clock_sp {
    background: url(/images/ic_clock_sp.png) no-repeat
}

.install {
    height: 194px;
    background: #f3f3f3
}

.ic_plus_pricing {
    padding-top: 90px
}

.pricing_detail_head {
    margin-bottom: 0;
    min-height: 35px
}

#showmonthly,
#showannual {
    cursor: pointer
}

.small_busi_content {
    padding-top: 55px
}

#tab_sb_qb_version span,
#tab_sb_qb_version a {
    display: inline-block;
    font-size: 16px;
    background: url(/images/small_business_tab_inactive.png) no-repeat;
    height: 38px;
    width: 270px;
    line-height: 38px;
    color: #666;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

#tab_sb_qb_version span:hover,
#tab_sb_qb_version span.active,
#tab_sb_qb_version a:hover,
#tab_sb_qb_version a.active {
    background: url(/images/small_business_tab_active.png) no-repeat;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.smallbusinesshead {
    font-size: 30px;
    color: #fff;
    text-align: left;
    margin: 132px 0 0;
    position: absolute;
    width: 561px;
    line-height: 43px
}

#tab_homepage span {
    display: inline-block;
    font-size: 18px;
    background: url(/images/tab_inactive_sb.png) no-repeat;
    height: 37px;
    width: 176px;
    line-height: 39px;
    color: #666;
    text-align: center;
    cursor: pointer;
    margin: 30px 10px 40px
}

#tab_homepage span:hover,
#tab_homepage span.active {
    background: url(/images/tab_active_sb.png) no-repeat;
    color: #fff;
    cursor: pointer
}

#banners .text-shadow {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8)
}

.hero {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 40px 0;
    overflow: hidden
}

.v-full .hero {
    padding: 0;
    text-shadow: none;
    color: #1f2933;
    height: auto
}

.hero .content-wrapper {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.v-full .hero .content-wrapper {
    padding: 180px 0 40px
}

.hero h2,
.hero h1 {
    margin-top: 0
}

.homepage-banner-img,
.wbg-banner-img,
.qb-w-bundle-banner-img {
    background: url(/images/webgility-new-design/banner/Reskin-BG.jpg) no-repeat center
}

.bookkeeper-bannner-img {
    background: url(/images/webgility-new-design/bookkeeper-Banner.svg) no-repeat left bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #f1f5f8
}

.bookkeeper-bannner-img .scroll-down-arrow {
    position: absolute;
    bottom: -30px;
    width: 100% !important
}

.scroll-down-arrow a,
.scrollbottom {
    text-decoration: none !important
}

.inventory-forecasting-banner-img {
    background: url(/images/webgility-new-design/banner/inventory-forecasting-banner.jpg) no-repeat center
}

.hero.factory-guy {
    background-image: url(/images/banner_enterprise.jpg)
}

.hero.factory-guy-dark {
    background-image: url(/images/banner_enterprise_home.jpg)
}

.hero.laptop-guy-dark {
    background-image: url(/images/banner_qbo.jpg)
}

.hero.quickbooks-sync {
    background-image: url(/images/webgility/banners/quickbooks-sync.jpg?ver=v1)
}

.hero.shopify {
    background-image: url(/images/webgility/banners/shopify.jpg)
}

.intPartner-Bannerimg {
    background-image: url(/images/webgility-new-design/intPartner-bannerBG.svg);
    background-position: bottom
}

.hero.inventory {
    background-image: url(/images/webgility/banners/inventory.jpg)
}

.hero.order-management,
.order-management {
    background-image: url(/images/webgility-new-design/3-Pillars-bg-blue-v1.jpg)
}

.hero.shipping-fulfilment {
    background-image: url(/images/webgility/banners/shipping-fulfilment.jpg)
}

.hero.crm {
    background-image: url(/images/webgility/banners/CRM.jpg)
}

.hero.businessanalytics {
    background-image: url(/images/webgility/banners/businessanalytics.jpg)
}

.hero.integrations {
    background-image: url(/images/webgility-new-design/integrations/worldMap-banner-v1.svg);
    text-shadow: none;
    padding: 130px 0 20px
}

.hero.features {
    background-image: url(/images/webgility/banners/features.jpg)
}

.hero.shopkeeper-dark {
    background-image: url(/images/banner_retailer_home.jpg)
}

.hero.general {
    background-image: url(/images/webgility/general-page-banner.jpg)
}

.hero.cloud {
    background-image: url(/images/banner_small_business_home.jpg)
}

.hero.cloud.qbo {
    background-image: url(/images/banner_qbo.jpg)
}

.hero.cloud.ecccloud {
    background-image: url(/images/banner_small_business_home.jpg)
}

.hero.cloud.xero {
    background-image: url(/images/banner_qbo.jpg)
}

.hero.desktop {
    background-image: url(/images/ecc-desktop-main.jpg)
}

.hero.desktop.pro-permier {
    background-image: url(/images/banner-pro-premier.jpg)
}

.hero.desktop.netsuite {
    background-image: url(/images/banner_retailer_home.jpg)
}

.hero.desktop.ecchosted {
    background-image: url(/images/ecc-desktop-main.jpg)
}

.hero.desktop.enterprise {
    background-image: url(/images/banner_enterprise_home.jpg)
}

.hero.desktop.pos {
    background-image: url(/images/banner_retailer_home.jpg)
}

.hero.desktop.international {
    background-image: url(/images/banner-qbonline-qbinternational-solution.jpg)
}

.hero.ecchosted,
.hero.eccpro {
    background-image: url(/images/banner_qbo.jpg)
}

.hero.factory-old-man {
    background-image: url(/images/webgility/banners/factory-old-man.jpg)
}

.hero.factory-old-man2 {
    background-image: url(/images/webgility/banners/factory-old-man2.jpg)
}

.hero.factory-two-men {
    background-image: url(/images/webgility/banners/factory-two-men.jpg)
}

.hero.factory-two-men2 {
    background-image: url(/images/webgility/banners/factory-two-men2.jpg)
}

.hero.factory-couple {
    background-image: url(/images/webgility/banners/factory-couple.jpg)
}

.hero.cloth-shop-lady {
    background-image: url(/images/webgility/banners/cloth-shop-lady.jpg)
}

.hero.desktop-man {
    background-image: url(/images/webgility/banners/desktop-man.jpg)
}

.hero.factory-couple-young {
    background-image: url(/images/webgility/banners/factory-couple-young.jpg)
}

.hero.factory-lady-young {
    background-image: url(/images/webgility/banners/factory-lady-young.jpg)
}

.hero.factory-lady-young2 {
    background-image: url(/images/webgility/banners/factory-lady-young2.jpg)
}

.hero.cloth-shop-lady2 {
    background-image: url(/images/webgility/banners/cloth-shop-lady2.jpg)
}

.hero.fashion-retailer-grey {
    background-image: url(/images/webgility/banners/fashion-retailer-circle.png)
}

.hero.laptop-guy {
    background-image: url(/images/webgility/banners/laptop-guy.jpg)
}

.hero.laptop-lady {
    background-image: url(/images/webgility/banners/laptop-lady.jpg)
}

.hero.tablet-lady {
    background-image: url(/images/webgility/banners/tablet-lady.jpg)
}

.hero.tablet-lady2 {
    background-image: url(/images/webgility/banners/tablet-lady2.jpg)
}

.hero.guitar-old-man {
    background-image: url(/images/webgility/banners/guitar-old-man.jpg)
}

.hero.ue-email-marketing {
    background-image: url(/images/webgility/banners/email-marketing.jpg)
}

.hero.ue-analytics {
    background-image: url(/images/webgility/banners/ue-analytics.jpg)
}

.hero.ue-shipping {
    background-image: url(/images/webgility/banners/ue-shipping.jpg)
}

.hero.tablet-guy {
    background-image: url(/images/webgility/banners/tablet-guy.jpg)
}

.hero.accountant,
.accountant {
    background-image: url(/images/webgility/banners/accountants-new.jpg)
}

.hero.web-developers,
.web-developers {
    background-image: url(/images/webgility/banners/web-developers-new.jpg)
}

.hero.affiliate-group,
.affiliate-group {
    background-image: url(/images/webgility/banners/affiliate-group-new.jpg)
}

.hero.highlight-overview {
    background-image: url(/images/webgility/banners/highlight-overview.jpg)
}

.hero.highlight-inventory-performance {
    background-image: url(/images/webgility/banners/highlight-inventory-performance.jpg)
}

.hero.highlight-customer-analysis {
    background-image: url(/images/webgility/banners/highlight-customer-analysis.jpg)
}

.hero.highlight-actionable-insights {
    background-image: url(/images/webgility/banners/highlight-actionable-insights.jpg)
}

.hero.highlight-business-financial-kpi {
    background-image: url(/images/webgility/banners/highlight-business-financial-kpi.jpg)
}

.hero.int-amazon-banner {
    background-image: url(/images/webgility/banners/int-amazon-banner.jpg)
}

.hero.int-accounting-banner {
    background-image: url(/images/webgility/banners/int-accounting-banner.jpg)
}

.hero.int-banner-right-networks {
    background-image: url(/images/webgility/banners/int-banner-right-networks.jpg)
}

.hero .flow-img {
    margin: 60px 0
}

.hero .hero-content-wrapper {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

#banner_small_business {
    background: url(/images/banner_small_business_home.jpg) no-repeat top center;
    width: 100%
}

#banner_small_business1 {
    background: url(/images/banner-pro-premier.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    min-height: 535px;
    padding-bottom: 20px
}

#banner_retailer {
    background: url(/images/banner_retailer_home.jpg) no-repeat top center;
    width: 100%
}

#banner_enterprise {
    background: url(/images/banner_enterprise_home.jpg) no-repeat top center;
    width: 100%
}

#banner_enterprise_page {
    background: url(/images/ecc-desktop/enterprise_banner_img2.jpg) no-repeat top center;
    width: 100%;
    min-height: 557px
}

.qb-online-international-banner {
    background-image: url(/images/banner-qbonline-qbinternational.jpg) !important
}

.qb-online-international-banner-solution {
    background-image: url(/images/banner-qbonline-qbinternational.jpg) !important
}

#banner_contact_us {
    background: url(/images/webgility-contact-us.jpg) no-repeat 0 -60px;
    max-height: 485px
}

#banners div.h1-class {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5)
}

#banners .callout {
    clear: both;
    background: url(/images/banner_bg.png) repeat-x;
    height: 85px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0
}

#banners .callout_content {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 16px 0 0
}

#banners .callout p {
    font-size: 20px;
    color: #fff
}

.promo-banner-nav-links {
    margin: 0 0 0 auto;
    padding-top: 5px;
}

.promo-banner-nav-links li {
    height: auto;
    margin: 3px 0
}

.promo-banner-nav-links li a {
    color: #000000
}

.promo-banner-nav-links li a:hover {
    color: var(--WEBGILITY-BLUE)
}

.header-promo-banner .btn-new {
    letter-spacing: 2px !important;
    color: #AD2323 !important
}

.header-promo-banner a:hover .register-btn {
    color: #2B41C7 !important;
}

.mfp-content .promo-banner-bg-img {
    display: none
}

.header-promo-banner .btn-new {
    vertical-align: middle
}

.header-promo-banner .btn-new:hover {
    color: #f9703e
}

.header-promo-banner .btn-new:focus {
    color: #841003
}

.popup-style {
    border-radius: 0 !important
}

.cs-video-wrapper iframe {
    height: 472px
}

.header-promo-banner a#HowToBeMoreEfficientLearnNow {
    letter-spacing: 2px
}

.header-promo-banner i:before {
    font-size: 13px;
    font-weight: 700
}
.has-promo .promo-bar {
    text-align: center;
    background: #F3F6F8;
    padding: 12px 25px;
    border-bottom: 5px solid #FF6633;
}
.header-promo-banner a {
    display: inline-block;
    text-decoration: none !important;
}

.header-promo-banner a i {
    left: 0;
    position: relative;
    display: inline-block;
    transition: .5s all cubic-bezier(0.25, 0.99, 0.25, 1);
    -webkit-transition: .5s all cubic-bezier(0.25, 0.99, 0.25, 1);
    animation: shake-it 2s infinite;
}

.header-promo-banner a:hover i {
    left: 15px
}

.promo-banner~.hero-banner-wrapper {
    padding-top: 130px
}
.close.close-promo-banner {
    color: #9CA3AF;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 9px;
    font-size: 26px;
    line-height: 1;
    opacity: 1;
    cursor: pointer;
    width: auto;
    height: auto;
}

.close.close-promo-banner:before,.close.close-promo-banner:after {
    display: none;
}

@keyframes shake-it {
    0%,20%,50%,80%,100%{transform: translateX(0);}
    40%{transform: translateX(10px);}
    60%{transform: translateX(5px);}
}

.show-ebook {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.achieve-box {
    border-left: solid 7px #ff7900;
    padding-left: 17px;
    color: #fff;
    margin-top: 90px
}

.achieve-box .head {
    font-size: 75px;
    margin: 0;
    line-height: .8
}

.achieve-box p {
    font-size: 22px;
    margin: 15px 0 0
}

.popup-overlay-blur .header-promo-banner,
.popup-overlay-blur .lp-header,
.popup-overlay-blur #header.trial,
.popup-overlay-blur #notification-bar,
.popup-overlay-blur .top-header,
.popup-overlay-blur section,
.popup-overlay-blur footer {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px)
}

.popup-wrapper {
    background: rgba(10, 16, 70, 0.75);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    overflow-y: auto;
    padding: 30px
}

.popup-irce-bg-img {
    background: url(/images/webgility-new-design/irce-popup-bg-img.jpg) no-repeat center !important;
    background-size: cover !important
}

.popup-container {
    background: #F5F7FA;
    padding: 10px;
    height: auto;
    width: 100%;
    max-width: 500px;
    margin: 30px auto 40px;
    color: #fff;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 10px 24px rgba(2, 7, 46, 0.50);
    -webkit-box-shadow: 0 10px 24px rgba(2, 7, 46, 0.50);
    transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: 0
}

.anim-popup .popup-container {
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    opacity: 1;
    -webkit-transition: opacity 0.2s, transform .5s;
    -moz-transition: opacity 0.2s, transform .5s;
    transition: opacity 0.2s, transform .5s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.section-blur {
    filter: blur(4px);
    -webkit-filter: blur(4x)
}

.youtube-video {
    float: none
}

.close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.close-popup:hover img {
    opacity: 1
}

.close-popup img {
    opacity: .5
}

.close-popup:before {
    font-size: 16px !important
}

.popup-demo-form .mktoForm {
    padding: 0 45px
}

.popup-demo-form .mktoForm,
.popup-demo-form .mktoForm .mktoField,
.popup-demo-form .mktoForm .mktoFieldWrap {
    width: 100% !important
}

.popup-demo-form .mktoForm fieldset {
    border: 0;
    padding: 0 !important;
    margin-bottom: 0 !important
}

.popup-demo-form .mktoForm fieldset .mktoFormCol {
    padding: 0 !important;
    margin-bottom: 0 !important
}

.popup-demo-form .mktoForm .mktoLabel,
.popup-demo-form .mktoFormRow:nth-of-type(2) fieldset legend,
.popup-demo-form .mktoFormRow:nth-of-type(1) fieldset .mktoFormRow:nth-of-type(1),
.popup-demo-form .mktoFormRow:nth-of-type(3) fieldset {
    display: none !important
}

.popup-demo-form .mktoForm .mktoButtonRow {
    margin-top: 0 !important;
    padding: 0 !important
}

.popup-demo-form .mktoForm .mktoField {
    height: 50px !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-family: 'OpenSans' !important;
    border-radius: 1px !important;
    color: #001D75 !important;
    padding: 10px 25px !important
}

.popup-demo-form .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    width: 100% !important;
    margin: 5px 0 0 !important;
    background: #ff7900 !important;
    border: 1px solid #ff7900 !important;
    font-size: 18px !important;
    font-family: "Open Sans Bold" !important;
    height: 55px !important;
    line-height: normal;
    text-align: center
}

.popup-demo-form .mktoForm .mktoFieldWrap {
    padding: 0 !important
}

.popup-demo-form .mktoForm .mktoFormRow:first-of-type .mktoFormCol:nth-child(n+1) {
    width: 100% !important
}

.popup-head-row {
    padding: 35px 10px 20px
}

.leadership-section hr {
    max-width: 100px;
    border-top-width: 2px;
    margin: 10px auto;
    border-color: #001acb !important
}

.leader-img {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.leader-img img {
    display: block
}

.leader-img .leader-bio {
    position: absolute;
    opacity: .3;
    width: 100%;
    height: 100%;
    background: rgba(0, 29, 117, 0.9);
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 30px;
    left: 0;
    top: 100%;
    text-align: left;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    overflow-y: auto
}

.leader-img:hover .leader-bio {
    opacity: 1;
    top: 0
}

.leader-img .rest-bio {
    display: none
}

.leader-img .rest-bio.show {
    display: block
}

.board-members ul {
    padding: 0;
    margin: 0
}

.board-members ul li {
    margin: 50px -4px 0;
    list-style-type: none;
    display: inline-block;
    padding: 0 20px;
    width: 20%
}

.team-photo-slider .slick-slide {
    border-right: solid 1px #fff;
    border-left: solid 1px #fff
}

.team-photo-slider .slick-prev,
.team-photo-slider .slick-next {
    background: rgba(255, 255, 255, 0.8);
    width: 50px;
    height: 50px
}

.team-photo-slider .slick-next {
    right: 0
}

.team-photo-slider .slick-prev {
    left: 0
}

.team-photo-slider .slick-prev:before,
.team-photo-slider .slick-next:before {
    color: #001acb
}

.our-mission-wrap {
    background: url(/images/webgility-new-design/banner/us-map-banner.svg) no-repeat center center;
    background-size: cover;
    padding: 35px;
    min-height: 525px
}

.our-mission-wrap .inner-wrapper {
    background: rgba(51, 66, 145, 0.5);
    padding: 10px 30px;
    margin-top: 20px
}

.our-mission-wrap .inner-wrapper img {
    opacity: .5;
    margin-top: 20px
}

.our-mission-wrap .inner-wrapper p {
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px
}

.our-core-val-wrap {
    margin: 0;
    padding-left: 70px
}

.our-core-val-wrap li {
    list-style-type: none;
    position: relative;
    margin-bottom: 25px
}

.our-core-val-wrap li img {
    position: absolute;
    left: -45px;
    top: -3px
}

.our-core-val-wrap li .head {
    font-size: 16px;
    color: #112153;
    letter-spacing: .05em;
    margin: 0 0 5px;
    line-height: 1.1
}

.our-core-val-wrap li p {
    font-size: 16px;
    line-height: normal;
    letter-spacing: .02em
}

.india-office .resumator-job-description-text {
    margin-top: 0 !important
}

.banner-wrapper.career-banner {
    height: 500px;
    position: relative;
    background-position: center top;
    background-image: url(/images/webgility-new-design/banner/india-career-banner.jpg)
}

.banner-wrapper.team-banner-wrapper {
    min-height: 500px;
    position: relative;
    background-position: center top;
    background-image: url(/images/webgility-new-design/banner/career-page-our-team-banner.jpg)
}

.career-banner-text-wrapper {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: #fff
}

.career-banner-text-wrapper h2 {
    font-size: 56px
}

.banner-wrapper.team-banner-wrapper h1 a {
    color: #ff7900;
    text-decoration: underline;
    font-family: "Open Sans Semibold" !important
}

.career-image-slider div {
    position: relative
}

.career-image-slider img {
    width: 100%;
    display: none
}

.career-image-slider button {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7)
}

.career-image-slider button.slick-prev {
    left: 15px
}

.career-image-slider button.slick-next {
    right: 15px
}

.career-image-slider .slick-prev:before,
.career-image-slider .slick-next:before {
    font-size: 25px;
    color: #001acb
}

.career-image-slider .slick-slide {
    height: auto
}

.career-image-slider h4 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px
}

.career-slider-inner {
    width: 80%;
    display: block;
    margin: 0 auto
}

.career-slider-wrapper .company-description-block>div {
    display: inline-block;
    vertical-align: middle;
    background: #f7f8fb;
    padding: 20px 30px;
    margin-bottom: 15px
}

.career-slider-wrapper .company-description-block>div .head {
    font-size: 16px;
    color: #112153;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: normal
}

.career-slider-wrapper .company-description-block>div p {
    font-size: 15px;
    color: #858585;
    line-height: 20px;
    margin: 0;
    letter-spacing: .3px
}

.benefits-section {
    text-align: center
}

.benefits-section h2 {
    font-size: 34px;
    color: #1f2933;
    font-family: "Open Sans Bold";
    margin-bottom: 50px
}

.benefits-section ul {
    margin: 0
}

.benefits-section li {
    display: inline-block;
    margin: 20px 20px 0;
    width: 22%
}

.benefits-section li:first-child {
    margin-left: 0
}

.benefits-section li:last-child {
    margin-right: 0
}

.benefits-section img {
    width: 65px;
    margin: 0 auto 15px
}

.benefits-section p {
    font-size: 18px;
    color: #1f2933 !important;
    line-height: 22px
}

.job-location-tab-wrapper h3 {
    font-size: 34px;
    color: #1f2933;
    text-align: center;
    margin-bottom: 60px;
    font-family: "Open Sans Bold"
}

.job-location-tab {
    margin-bottom: 30px;
    text-align: left
}

.job-location-tab span {
    color: #858585;
    text-transform: uppercase;
    font-family: "Open Sans Bold";
    font-size: 22px;
    margin-right: 95px;
    cursor: pointer
}

.job-location-tab span:hover {
    color: #001acb
}

.job-location-tab span.active {
    color: #001acb;
    border-bottom: 3px solid #001acb;
    padding-bottom: 6px
}

.job-location-tab a {
    float: right;
    margin-top: -20px;
    width: 155px
}

.job-location-content {
    display: none
}

.job-location-content.active {
    display: block
}

.resumator-department-heading {
    display: none
}

.resumator-job.resumator-jobs-text,
.job-row.resumator-job {
    padding: 28px 0 !important
}

.resumator-job.resumator-jobs-text .resumator-job-title {
    width: 100%;
    font-size: 20px;
    color: #1f2933;
    font-family: "Open Sans Semibold";
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important
}

.resumator-job.resumator-jobs-text .resumator-job-info {
    width: 100%;
    font-size: 18px !important;
    color: #858585 !important;
    font-family: 'OpenSansLight';
    margin: 0 !important;
    padding: 0 !important
}

.resumator-job-info-details {
    margin-top: 15px !important
}

.quickbooks-pos-banner {
    background-image: url(/images/webgility-new-design/banner/pos-banner.jpg);
    padding: 40px 0
}

.pos-testimonial-section {
    background-color: #F5F7FA
}

.pos-casestudy-slider {
    max-width: 100%;
    margin: auto;
    max-width: 672px;
    padding: 20px 40px
}

.pos-casestudy-slider .slick-slide .quotes-customer {
    font-size: 70px;
    margin-bottom: 40px
}

.pos-casestudy-slider .slick-slide .quotes-customer img {
    width: auto;
    margin: 0 auto;
    position: relative;
    top: 6px
}

.pos-casestudy-slider .slick-slide .quotes-customer::after {
    height: 2px;
    display: block;
    width: 100%;
    background: #E4E7EB;
    border-right: 2px white;
    content: '';
    margin-top: -35px
}

.pos-casestudy-slider .sm-border {
    border-bottom: 2px solid #E4E7EB;
    max-width: 380px;
    margin: 20px auto 0
}

.pos-casestudy-slider p {
    font-size: 16px;
    color: #323F4B;
    line-height: 25px;
    font-family: 'Merriweather-BoldItalic'
}

.pos-casestudy-slider span span {
    font-family: "Open Sans Bold"
}

.pos-casestudy-slider span {
    font-size: 12px;
    line-height: 22px;
    color: #818C99;
    font-family: 'OpenSans'
}

.pos-casestudy-slider button {
    top: 45%;
    background: #CBD2D9;
    width: 40px;
    height: 40px
}

.pos-casestudy-slider button.slick-next {
    right: -25px
}

.pos-casestudy-slider button.slick-prev::before,
.pos-casestudy-slider button.slick-next::before {
    content: "\f10f";
    font-size: 14px
}

.pos-casestudy-slider button.slick-prev {
    left: -25px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pos-boxes-wrapper .pos-boxes {
    padding-left: 60px;
    position: relative
}

.pos-boxes-wrapper .pos-boxes img {
    position: absolute;
    top: 0;
    left: 0
}

.pos-boxes-wrapper .pos-boxes p {
    font-size: 16px;
    line-height: 24px
}

ul.colored-bullets-list {
    list-style: none;
    margin-left: 20px
}

ul.colored-bullets-list li::before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 20px;
    color: #fff
}

ul.colored-bullets-list.blue-bullets li::before {
    color: #001fe6
}

.module-social {
    margin: 0
}

.module-social .module_item {
    width: 50%;
    margin-bottom: 30px;
    display: inline-block;
    padding: 30px 30px 30px 90px;
    height: 100%;
    position: relative;
    vertical-align: top;
    cursor: default
}

.module-social .module_item:hover {
    box-shadow: 0 2px 16px 0 rgba(196, 196, 196, 0.5)
}

.module-social .module_date-time {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #8899a6;
    font-family: "Open Sans Bold"
}

.module-social .module_headline {
    margin: 0;
    line-height: 24px;
    font-size: 16px;
    color: #1F2933;
    font-family: 'OpenSans'
}

.module-social .module_headline a {
    color: #0197E6;
    font-weight: 500;
    font-family: "Open Sans semibold"
}

.module-social .twitter-bird-ico {
    font-size: 30px;
    position: absolute;
    left: 30px;
    top: 30px;
    color: #0097E6
}

.module-social .twitter-bird-ico:before {
    font-size: 30px
}

.module-social .slick-dots {
    margin-left: 20px
}

.section-wrapper .valign-m {
    height: 100%
}

.feature-banner-wrapper {
    background: url(/images/webgility-new-design/features/feature-banner-bg-img.jpg) no-repeat;
    background-position: center;
    overflow: unset !important
}

.feature-banner-wrapper .feature-banner-img-container {
    margin-bottom: -14%
}

.more-feature-wrapper .more-feature-inner .short-box .feature-boxes:nth-child(2) {
    margin-top: 30px
}

.more-feature-wrapper .more-feature-inner .feature-boxes {
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 25px;
    margin-bottom: 25px;
    min-height: 90px
}

.feature-boxes-head {
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 50px
}

.more-feature-wrapper .more-feature-inner .features-heading {
    width: 100%;
    line-height: normal;
    font-size: 18px;
    padding: 0 16px;
    position: relative
}

.features-heading:before,
.features-heading:after {
    content: '';
    transition: all .3s ease;
    position: absolute;
    width: 20px;
    height: 3px;
    background: #F35627;
    right: -8px;
    top: 47%
}

.features-heading:after {
    content: '';
    transform: rotate(-90deg)
}

.feature-boxes-head.active .features-heading:after {
    transform: rotate(0)
}

.more-feature-wrapper .more-feature-inner .feature-boxes>img {
    max-width: 35px
}

.more-feature-wrapper .more-feature-inner ul {
    padding: 30px 10px 0 53px;
    margin: 0
}

.more-feature-list {
    display: none
}

.more-feature-wrapper .more-feature-inner ul li {
    list-style: none !important;
    position: relative
}

.more-feature-wrapper .more-feature-inner ul li::before {
    content: '';
    left: -30px;
    top: 3px;
    position: absolute;
    background: url(/images/webgility-new-design/vector-icon/ic-check-circle-blue.svg);
    background-size: cover;
    width: 16px;
    height: 16px
}

.more-feature-wrapper .more-feature-inner ul li.before-none::before {
    display: none
}

.read-more-features {
    cursor: pointer;
    letter-spacing: .5px
}

.read-more-features a i {
    font-weight: bold;
    margin-left: 10px;
    display: inline-block
}

.read-more-features a i:before {
    font-size: 12px
}

.read-more-features img {
    position: relative;
    top: -3px
}

.more-display {
    display: none
}

.more-arrow-rotate {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.int-with-marketplace-img {
    background: url(/images/webgility-new-design/features/int-with-marketplace-bg-img.svg) center #f7f8fb no-repeat
}

.int-with-marketplace-wrapper .int-with-marketplace-text {
    padding: 80px 0
}

.section-scroll {
    position: fixed;
    top: 200px;
    right: 5px
}

.section-scroll img {
    position: absolute;
    top: -6px;
    right: 0
}

.section-scroll ul {
    position: relative;
    z-index: 9
}

.section-scroll ul li {
    list-style: none;
    padding-right: 5px
}

.home-blog-bg:before {
    content: '';
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.28) 28%, rgba(6, 17, 120, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.28) 28%, rgba(6, 17, 120, 1) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.28) 28%, rgba(6, 17, 120, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#001d75', GradientType=0);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-blue-gray-color {
    color: #7B8794 !important
}

.home-banner-graphic {
    width: 100%
}

.homepagenew-banner-wrapper h1 {
    font-size: 48px;
    line-height: 60px;
    width: 543px;
    z-index: 1;
    position: relative
}

.homepagenew-banner-wrapper h1:before {
    content: '';
    width: 95%;
    height: 150px;
    background: #fff;
    position: absolute;
    z-index: -1;
    left: 0;
    top: -13px
}

.homepagenew-banner-wrapper h2 {
    font-size: 20px;
    margin-bottom: 30px
}

.video-wrapper span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    height: 100%;
    transition: all .5s ease
}

.video-wrapper:hover span {
    background: rgba(4, 14, 78, 0);
    background: -moz-linear-gradient(top, rgba(4, 14, 78, 0) 0%, rgba(4, 14, 78, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4, 14, 78, 0)), color-stop(100%, rgba(4, 14, 78, 1)));
    background: -webkit-linear-gradient(top, rgba(4, 14, 78, 0) 0%, rgba(4, 14, 78, 1) 100%);
    background: -o-linear-gradient(top, rgba(4, 14, 78, 0) 0%, rgba(4, 14, 78, 1) 100%);
    background: -ms-linear-gradient(top, rgba(4, 14, 78, 0) 0%, rgba(4, 14, 78, 1) 100%);
    background: linear-gradient(to bottom, rgba(4, 14, 78, 0) 0%, rgba(2, 7, 39, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#040e4e', endColorstr='#040e4e', GradientType=0)
}

.video-wrapper span .icon {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 13%;
    position: absolute
}

.icon-holder {
    height: 35px;
    margin-bottom: 10px
}

.cs-img img {
    max-width: none;
    margin-bottom: -2px
}

.inner-benefits-card {
    padding: 35px 15px 25px;
    box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.benefits-card a:hover .inner-benefits-card {
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2);
    -webkit-box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2)
}

.inner-benefits-card .read-more-link:after {
    content: '»';
    font-size: 22px;
    margin-left: 10px;
    font-family: OpenSans, sans-serif
}

.home-top-ratings-inner .wg-ratings-right a img {
    max-height: 50px
}

.all-business-logo-wrapper a {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 32px 0 0
}

.all-business-logo-wrapper a:last-child {
    margin-right: 0
}

.check-list-wrapper {
    list-style-type: none;
    margin-left: 0;
    margin-top: 15px;
    padding-right: 25px
}

.check-list-wrapper li:before {
    content: url(/images/webgility-new-design/vector-icon/ic-check-mark-db.svg);
    position: absolute;
    left: 0
}

.check-list-wrapper li {
    position: relative;
    padding-left: 27px;
    color: #7B8794;
    font-size: 16px;
    line-height: normal
}

.case-study-slider .slick-dots li button,
.customer-service-slider .slick-dots li button {
    background: transparent;
    border: 1px solid #F3562C !important;
    border-radius: 0;
    width: 8px;
    height: 8px;
    box-shadow: none
}

.case-study-slider .slick-dots li,
.customer-service-slider .slick-dots li {
    width: auto;
    margin: 0;
    background: #fff;
    padding-right: 8px
}

.case-study-slider .slick-dots li.slick-active button,
.customer-service-slider .slick-dots li.slick-active button {
    background: #F35627
}

.case-study-slider .slick-dots,
.customer-service-slider .slick-dots {
    margin: 0;
    text-align: left;
    bottom: -2px
}

.video-wrapper img.cs-logo {
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 1
}

.case-study-slider .slick-arrow {
    margin-top: -30px !important
}

.case-study-slider .slick-arrow:before {
    color: #fff;
    font-size: 28px;
    font-weight: 100;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

.inner-all-business .img-holder {
    overflow: hidden
}

.img-holder img {
    margin-bottom: -2px;
    max-width: 100%;
    width: 100%
}

.card-content {
    padding: 15px 15px 25px;
    min-height: 165px;
    position: relative
}

.inner-all-business {
    box-shadow: 0 4px 6px rgba(2, 7, 46, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(2, 7, 46, 0.5)
}

.all-business-card a {
    text-decoration: none !important
}

.inner-all-business .read-more-link {
    left: 15px;
    bottom: 20px
}

.inner-all-business .read-more-link:after {
    content: '»';
    font-size: 22px;
    margin-left: 10px;
    font-family: OpenSans, sans-serif
}

.inner-all-business .read-more-link:after,
.benefits-card a .read-more-link:after {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    left: 0
}

.all-business-card a:hover .read-more-link:after,
.benefits-card a:hover .read-more-link:after {
    left: 10px
}

.customer-service-slider .slick-slide {
    padding: 15px
}

.customer-service-slider {
    overflow: hidden;
    width: 300%
}

.customer-service-slider .slick-list {
    overflow: visible;
    max-width: 400px;
    width: 100%
}

.customer-service-slide {
    box-shadow: 0 4px 6px rgba(2, 7, 46, 0.20);
    -webkit-box-shadow: 0 4px 6px rgba(2, 7, 46, 0.20);
    border-top: 6px solid #001d75;
    padding: 20px;
    min-height: 358px
}

.customer-service-slider .slick-dots li {
    background: transparent
}

.customer-service-slider .slick-dots {
    padding-left: 15px;
    bottom: -12px
}

.customer-service-slide p {
    font-size: 16px;
    line-height: 28px
}

.benefits-card a {
    text-decoration: none !important
}

#scrollUp {
    display: none !important
}

.back-to-top {
    font-size: 14px;
    position: absolute !important;
    right: 15px !important;
    bottom: -10px !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    opacity: 1 !important;
    color: #F35627 !important;
    line-height: normal !important;
    transform: rotate(0deg) !important;
    border-radius: 100%
}

.back-to-top:hover {
    color: #F9703E !important
}

.back-to-top:before {
    font-size: 0 !important
}

#scrollUp.back-to-top {
    display: inline-block !important
}

.home-no-more span,
.home-no-more p {
    color: #7B8794;
    margin: 0
}

.home-no-more p:before {
    content: '';
    padding: 0 30px 0 0;
    background: url(/images/webgility-new-design/homepage-graphics/caution-icon.svg) no-repeat;
    position: relative;
    top: 2px
}

.home-blue-bg {
    background: #001d75
}

.bg-pdb1 {
    background: #001d75
}

.customers--wrapper {
    position: relative;
    top: -60px
}

.customers--wrapper .customer-left-section {
    margin-top: 140px
}

.customers--wrapper .customer-left-section p {
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-size: 20px;
    position: relative;
    padding-left: 32px;
    margin-right: 50px;
    line-height: 29px
}

.customers--wrapper .Testimonial-slide .customer-dec-section img {
    width: 45px;
    position: absolute;
    z-index: -1;
    display: inline-block
}

.customers--wrapper .Testimonial-slide .customer-dec-section img:first-child {
    margin-left: -31px;
    margin-top: -20px
}

.customers--wrapper .customer-left-section .success-author {
    color: #88B1FC;
    font-family: "Open Sans Bold";
    line-height: 19px;
    font-size: 14px;
    font-style: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 34px
}

.customers--wrapper .customer-left-section .success-author img {
    width: 118px;
    max-height: 60px;
    float: right;
    margin-top: -20px
}

.customers--wrapper .customer-left-section .success-author span {
    font-family: 'OpenSans'
}

.customers--wrapper .customer-right-section {
    position: relative
}

.customers--wrapper .customer-right-section .testimonial-image-container {
    padding: 0 0 20px 20px;
    overflow: hidden;
    text-align: right
}

.customers--wrapper .customer-right-section img,
.customers--wrapper .customer-right-section .white-wrapper {
    box-shadow: -24px 48px 0 rgba(0, 0, 0, 0.2)
}

.testimonial-image-container {
    padding-top: 12px !important
}

.customers--wrapper button.slick-prev,
.customers--wrapper button.slick-next,
.wg-customer-says-slider .slick-prev,
.wg-customer-says-slider .slick-next {
    background: #F35627;
    width: 40px;
    height: 40px
}

.customers--wrapper button.slick-prev::before,
.customers--wrapper button.slick-next::before,
.wg-customer-says-slider .slick-prev:before,
.wg-customer-says-slider .slick-next:before {
    color: #ffffff;
    font-size: 16px
}

.wg-customer-says-slider .slick-prev,
.wg-customer-says-slider .slick-next {
    right: 0;
    left: auto;
    top: -15px
}

.wg-customer-says-slider .slick-prev {
    right: 50px
}

.customers--wrapper button.slick-prev {
    right: 56px;
    left: auto;
    top: auto;
    bottom: -36px
}

.customers--wrapper button.slick-next {
    right: 8px;
    left: auto;
    top: auto;
    bottom: -36px
}

.customers--wrapper ul.slick-dots {
    left: 0;
    right: auto;
    top: auto;
    bottom: -60px;
    text-align: left;
    margin-left: 32px;
    width: auto
}

.customers--wrapper ul.slick-dots li {
    height: 4px;
    width: 32px;
    margin: 0 8px 0 0
}

.customers--wrapper ul.slick-dots li button {
    border: none;
    background: #2251CC;
    height: 4px;
    border-radius: 0;
    width: 100%;
    box-shadow: none
}

.customers--wrapper ul.slick-dots li.slick-active button {
    background: #D9E8FF
}

.customers--wrapper .video-anchor {
    position: relative;
    display: inline-block;
    border: solid 1px rgba(255, 255, 255, 0.2);
    margin-right: 8px
}

.customers--wrapper .video-anchor:after {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/play-button-inside-a-circle.svg) no-repeat center;
    height: 82px;
    width: 82px;
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
    background-size: 100%;
    background-size: 100%;
    border-radius: 100%;
    overflow: hidden
}

.customers--wrapper .video-anchor:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1)
}

.customers--wrapper .video-anchor:hover:before {
    background: none
}

.customers--wrapper .white-wrapper {
    background: #fff;
    width: 100%;
    height: 287px;
    display: table;
    max-width: 426px;
    margin-left: auto;
    margin-right: 8px
}

.customers--wrapper .white-wrapper .inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: #1F2933;
    line-height: normal;
    box-shadow: 0 3px 7px rgba(2, 7, 46, 0.2);
    text-align: center
}

.customers--wrapper .white-wrapper .count {
    font-size: 96px;
    color: #F35627
}

.product-slider-slides-wrapper .slick-dots li button {
    background: #CBD2D9;
    width: 32px;
    height: 4px;
    margin-right: 8px;
    border-radius: 0;
    box-shadow: none;
    border: none !important
}

.product-slider-slides-wrapper .slick-dots li.slick-active button {
    background-color: #616E7C !important
}

.product-slider-tabs {
    z-index: 1
}

.product-slider-tabs>div {
    margin: 30px auto 16px;
    padding: 0 !important
}

.product-slider-tabs ul.slick-dots li button {
    background: transparent;
    border: 1px solid #CBD2D9;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    font-family: "Open Sans Bold";
    max-width: 170px;
    padding: 10px;
    text-align: center
}

.product-slider-tabs .item.slick-current {
    background: #F35627;
    border: 1px solid #CBD2D9;
    color: #ffffff
}

.product-slider-tabs .slick-list {
    margin: 0
}

.product-slider-tabs ul.slick-dots {
    top: 0
}

.product-slider-slides a {
    color: #F35627;
    font-family: "Open Sans Bold"
}

.product-slider-slides-wrapper .product-ratings {
    margin: 0
}

.product-slider-slides-wrapper .product-ratings li {
    display: inline-block;
    margin: 0 30px 20px
}

.product-slider-slides .robust-desc .home-common-heading {
    line-height: 33px
}

.product-slider-slides .robust-desc li {
    color: #7B8794;
    padding-left: 42px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    list-style: none
}

.product-slider-slides .robust-desc li::before {
    content: url(/images/webgility-new-design/homepage-graphics/checkmark-blue.svg);
    left: 0;
    position: absolute;
    top: 4px
}

.product-slider-tabs ul.slick-dots {
    margin: 0
}

.product-slider-slides ul.slick-dots {
    display: none !important
}

.product-slider-slides .item {
    position: relative
}

.product-slider-slides .item .slider-hover-text {
    position: absolute;
    left: 80px;
    width: 310px;
    padding: 19px 16px 21px 31px;
    background-color: rgba(217, 232, 255, 0.95);
    top: 30px;
    visibility: hidden;
    opacity: 0;
    transition: .6s;
    color: #001d75;
    font-size: 16px;
    font-family: "Open Sans Semibold";
    line-height: 22px
}

.product-slider-slides .item.automate .slider-hover-text {
    padding-left: 51px
}

.product-slider-slides .item.integrate .slider-hover-text {
    top: 25px
}

.product-slider-slides .badge-image {
    z-index: 2
}

.product-slider-slides .badge-image:hover+.slider-hover-text {
    visibility: visible;
    opacity: 1
}

.badge-image {
    position: absolute
}

.automate .badge-image {
    top: -20px
}

.integrate .badge-image {
    top: 25px;
    left: 77px
}

.product-slider-slides .automate .badge-image:hover+.slider-hover-text {
    left: 150px
}

.product-slider-slides .integrate .badge-image:hover+.slider-hover-text {
    left: 166px
}

.home-team-slider-wrapper ul li {
    display: inline-block;
    margin-right: 80px;
    border-left: 4px solid #001d75;
    padding-left: 24px;
    text-align: left;
    color: #1F2933;
    font-size: 18px;
    line-height: 24px
}

.wg-blog-wrapper {
    position: relative
}

.wg-blog-wrapper .home-blog-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1
}

.home-blog-rss ul,
.homepage-webinars ul {
    margin: 0
}

.home-blog-rss li,
.homepage-webinars li {
    list-style: none;
    margin: 0 0 20px
}

.home-blog-rss a,
.homepage-webinars a {
    padding: 20px 10px 20px 85px;
    min-height: 130px;
    text-align: left;
    color: #1F2933;
    text-decoration: none;
    display: block
}

.home-blog-rss a:hover,
.homepage-webinars a:hover {
    box-shadow: 0 4px 6px rgba(2, 7, 46, 0.1)
}

.home-blog-rss a:last-child,
.homepage-webinars a:last-child {
    margin: 0 !important
}

.home-blog-rss a p.block-title,
.homepage-webinars a p.block-title {
    margin: 0;
    font-size: 12px;
    color: #7B8794;
    text-align: left
}

.home-blog-rss a p,
.homepage-webinars a p {
    font-size: 16px;
    line-height: 24px;
    color: #1F2933
}

.home-blog-rss a p.block-title,
.homepage-webinars a p.block-title {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Open Sans Bold";
    color: #7B8794;
    position: relative
}

.home-blog-rss a p.block-title img,
.homepage-webinars a p.block-title img {
    position: absolute;
    left: -62px;
    top: 10px
}

.home-bundle-save.plan-pricing-banner {
    background: url(/images/webgility-new-design/banner/Increase-Profit-BG.jpg) no-repeat;
    padding: 54px 0
}

.see-more-links a {
    font-size: 14px;
    color: #F35627
}

.wg-blog-wrapper .slick-prev,
.wg-blog-wrapper .slick-next {
    bottom: 0;
    width: 40px;
    height: 40px;
    background: #F35627;
    top: auto
}

.wg-blog-wrapper .slick-prev:before,
.wg-blog-wrapper .slick-next:before {
    font-size: 16px;
    color: #ffffff;
    font-weight: 100
}

.wg-blog-wrapper .slick-prev {
    right: 48px;
    left: auto
}

.wg-blog-wrapper .slick-next {
    right: 0
}

.rotate-fw-arrow {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.homepage-webinars .category {
    border-radius: 10px;
    background: #FFF0E6;
    color: #C52707;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px 14px;
    font-family: "Open Sans Bold";
    margin-left: 12px
}

.homepage-webinars p {
    color: #7B8794;
    font-size: 16px
}

.homepage-webinars a {
    text-decoration: none
}

.home-bundle-save {
    background: url(/images/webgility-new-design/homepage-graphics/bundle-save.jpg) no-repeat;
    width: 100%;
    background-size: cover !important;
    padding: 30px 100px
}

.home-bundle-save a {
    text-decoration: none !important
}

.home-bundle-save .bundle-with-logos ul li {
    list-style: none;
    display: inline;
    margin-right: 35px
}

.home-bundle-save .bundle-with-logos ul li:last-child {
    margin: 0
}

.home-bundle-save .bundle-with-logos ul .multiply-icon img {
    position: relative;
    top: -6px
}

.home-bundle-save .home-common-subheading {
    color: #B0D0FF !important
}

.home-bundle-save a:hover {
    text-decoration: none
}

#slider .slick-dots li {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 0;
    width: 170px;
    height: 40px;
    margin: 0;
    background-color: transparent
}

#slider .slick-dots li button .slider-btn-text {
    text-transform: uppercase;
    vertical-align: super
}

#slider .slick-dots li button .slider-btn-icon {
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: cover;
    margin-right: 15px
}

#slider .slick-dots li button.automate-tab .slider-btn-icon {
    background-image: url(/images/webgility-new-design/homepage-graphics/automate-icon.svg)
}

#slider .slick-dots li button.integrate-tab .slider-btn-icon {
    background-image: url(/images/webgility-new-design/homepage-graphics/integrate-icon.svg)
}

#slider .slick-dots li button.analyze-tab .slider-btn-icon {
    background-image: url(/images/webgility-new-design/homepage-graphics/analyze-icon.svg)
}

#slider .slick-dots li.slick-active button.automate-tab .slider-btn-icon {
    background-position: -17px 0
}

#slider .slick-dots li.slick-active button.integrate-tab .slider-btn-icon {
    background-position: -17px 0
}

#slider .slick-dots li.slick-active button.analyze-tab .slider-btn-icon {
    background-position: -20px 0
}

#slider .slick-dots li button {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #CBD2D9 !important;
    background-color: transparent;
    font-size: 14px;
    color: #7B8794;
    margin: 0;
    text-align: center;
    outline: none;
    position: relative;
    box-shadow: none
}

#slider .slick-dots li.slick-active button {
    color: #ffffff;
    border-left: none !important;
    border-right: none !important;
    background-color: #F35627 !important
}

#slider .slick-dots li.slick-active:first-child button {
    border-left: 1px solid #CBD2D9 !important
}

#slider .slick-dots li.slick-active:last-child button {
    border-right: 1px solid #CBD2D9 !important
}

.home-footer-top .foot-top-head {
    margin: 0 auto
}

.home-footer-top p a {
    line-height: 36px;
    font-size: 26px;
    color: #B0D0FF;
    opacity: 1
}

.home-cs-block .cs-block-inner {
    box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
    width: 48%;
    margin-right: 4%;
    float: left;
    text-align: center;
    height: 230px
}

.home-cs-block .cs-block-inner:last-child {
    margin: 0
}

.home-cs-block .cs-block-inner .cs-name,
.home-cs-block .cs-block-inner .cs-desc {
    color: #1F2933;
    margin: 0;
    line-height: 22px;
    padding: 0 30px;
    font-size: 16px
}

.home-cs-block-wrapper .see-more-links {
    width: 100%;
    float: left
}

.home-cs-block .cs-block-inner .cs-desc {
    padding: 0 10px
}

.home-cs-block .cs-block-inner a:hover {
    text-decoration: none
}

.home-team-photo-slider img {
    height: 266px
}

.meet-our-customer {
    top: 0
}

.meet-our-customer .customer-left-section {
    margin-top: 0;
    padding-bottom: 30px
}

.meet-our-customer .customer-right-section .testimonial-image-container {
    padding: 0 0 30px 30px
}

.meet-our-customer .customer-right-section img,
.meet-our-customer .customer-right-section .white-wrapper {
    box-shadow: -30px 30px 0 rgba(0, 0, 0, 0.2);
    width: 100%
}

.meet-our-customer .video-anchor {
    border: 0;
    width: 100%
}

.meet-our-customer ul.slick-dots {
    left: auto;
    right: 0;
    top: auto;
    bottom: -7px;
    width: 50%;
    padding-left: 45px;
    text-align: center
}

.meet-our-customer ul.slick-dots li {
    height: 6px;
    width: 6px;
    margin: 0 8px 0 0
}

.meet-our-customer ul.slick-dots li button {
    height: 6px;
    border-radius: 50%
}

.meet-our-customer .customer-left-section p {
    margin-right: 20px
}

.meet-our-customer button.slick-prev,
.meet-our-customer button.slick-next {
    bottom: 33px;
    top: auto;
    right: auto;
    left: 43.7%
}

.quotes-icon {
    color: #2251CC;
    font-size: 50px;
    position: absolute
}

.quotes-icon:first-child {
    margin-left: -27px
}

.quotes-icon:last-child {
    bottom: -34px
}

.meet-our-customer .video-anchor:after {
    background: url(/images/webgility-new-design/vector-icon/ic-play.svg) no-repeat center;
    height: 100px;
    width: 100px;
    background-size: contain
}

.customers-logo-list {
    list-style-type: none
}

.customers-box {
    padding: 25px 15px;
    transition: all .5s ease
}

.customers-box img {
    transition: all .5s ease
}

.customers-box:hover img {
    transform: scale(1.05)
}

.customer-quotes-content {
    max-width: 650px;
    margin: auto;
    text-align: center;
    padding: 0 50px
}

.customer-quotes-slider .slick-dots,
.customer-quotes-slider2 .slick-dots {
    display: none !important
}

.customer-quotes-content,
.customer-quotes-slider2 {
    color: #000000;
    font-family: Helvetica
}

.customer-quotes-content a,
.customer-quotes-slider2 a {
    color: #0065F2;
    text-decoration: none;
    font-size: 16px
}

.customer-quotes-content a i:before,
.customer-quotes-content2 a i:before {
    font-size: 12px;
    font-weight: bold
}

.customer-quotes-content a:hover,
.customer-quotes-content2 a:hover {
    color: #FF9466 !important
}

.customer-quotes-slide {
    position: relative
}

.customer-quotes-slider2 .customer-quotes-slide:before {
    content: '';
    width: 2px;
    height: 60%;
    top: 35%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0.08)
}

.customer-quotes-slider2 .customer-quotes-content {
    max-width: 450px
}

.customer-quotes-slider2 .customer-quotes-slide:nth-child(even):before {
    background: transparent
}

.customer-quotes-slider2 .customer-quotes-content img {
    max-height: 114px
}

.customer-quotes-content a .btn-icon,
.customer-quotes-slider2 a .btn-icon {
    width: 16px;
    height: 16px
}

.customer-quotes-content a .btn-icon:before,
.customer-quotes-slider2 a .btn-icon:before {
    margin: 3px 5px
}

.work-with-stores b {
    color: #6677AC;
    font-size: 18px;
    margin-right: 20px
}

.work-with-stores div {
    color: #6677AC;
    font-size: 18px;
    font-weight: bold;
    margin: 0 20px;
    display: inline
}

.work-with-stores .pipe-list li:first-child {
    border-left: none
}

.work-with-stores .pipe-list li::before {
    content: " | ";
    white-space: nowrap;
    color: #6677AC;
    padding: 0 4px
}

.work-with-stores .pipe-list li:first-child:before {
    content: ""
}

.work-with-stores .pipe-list ul,
.work-with-stores .pipe-list li {
    display: inline
}

.work-with-stores .pipe-list ul {
    padding: 0
}

.work-with-stores .pipe-list li {
    color: #112153;
    font-size: 14px;
    font-weight: bold
}

.no-more-wrapper p {
    font-family: "Open Sans Semibold";
    color: #112153
}

.no-more-wrapper ul li {
    display: inline-block;
    float: left;
    width: 25%;
    opacity: 1
}

.help-shopify-sellers {
    background: url(/images/webgility-new-design/banner/help-shopify-seller.svg) no-repeat top center;
    background-size: cover
}

.help-shopify-sellers h2 {
    font-family: "Open Sans Semibold"
}

.automate-customer-slider {
    max-width: 768px;
    margin: 0 auto
}

.automate-customer-slider button.slick-prev {
    left: -70px
}

.automate-customer-slider button.slick-next {
    right: -70px
}

.automate-customer-slider button::before {
    color: #fff
}

.customers-love-slider button.slick-prev {
    left: -40px
}

.customers-love-slider button.slick-next {
    right: -40px
}

.customers-love-slider button::before {
    color: #112153
}

.automate-customer-slider {
    background: #fff;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
    padding: 50px;
    border-radius: 2px;
    margin-top: 50px
}

.automate-customer-slider .automate-wrapper img {
    height: 45px
}

.automate-customer-slider .automate-wrapper .feedbacker {
    color: #6677AC;
    font-size: 16px;
    margin: 0 0 30px
}

.ecommerce-app-for-qb h2,
.shopify-qb-int-feature h2,
.white-glove-wrapper h2,
.secure-data-wrapper h2,
.footer-top-section.webgility-cut-error-wrapper h2 {
    font-family: "Open Sans Semibold"
}

.ecommerce-app-for-qb h2 span,
.shopify-qb-int-feature a.read-more {
    font-family: "Open Sans Bold"
}

.ecommerce-app-for-qb ul li {
    opacity: 1
}

.shopify-qb-int-feature .more-features {
    display: none
}

.shopify-qb-int-feature a.read-more {
    font-size: 18px;
    color: #001FE6;
    display: block;
    text-align: center
}

.shopify-qb-int-feature a.read-more b::after {
    position: relative;
    top: -2px;
    margin-left: 5px;
    font-family: Flaticon;
    content: "\f11a";
    font-weight: bold;
    font-size: 9px;
    display: inline-block;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.shopify-qb-int-feature a.read-more b.rotate::after {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.shopify-qb-int-feature a.read-more i {
    margin-left: 10px
}

.secure-data-wrapper .secure-icons img {
    height: 89px
}

.customers-love-slider .slick-slide {
    background: #001d75;
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.20);
    padding: 20px 20px 80px;
    border-radius: 0;
    color: #fff;
    margin: 0 15px 20px;
    min-height: 385px;
    position: relative
}

.customers-love-slider .slick-slide .customer-info {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    padding: 0 20px
}

.automate-wrapper .quote {
    line-height: 33px;
    color: #112153;
    font-style: italic;
    font-size: 20px;
    text-align: left;
    margin-bottom: 30px
}

.automate-customer-slider .slick-dots {
    left: 0;
    bottom: -52px
}

.automate-customer-slider .slick-dots li {
    margin: 0
}

.automate-customer-slider .slick-dots li button {
    width: 7px;
    height: 7px;
    box-shadow: none;
    background-color: #fff
}

.automate-customer-slider .slick-dots li.slick-active button {
    box-shadow: none;
    border: solid 1px #fff
}

.customers-love-wrapper p span.semi-bold {
    text-transform: uppercase
}

.webgility-cut-error-wrapper small {
    opacity: .7
}

.footer-top-section.webgility-cut-error-wrapper {
    background: url(/images/webgility-new-design/banner/integration-qb-footer-BG.jpg) no-repeat;
    background-size: cover;
    background-color: #001d75
}

.footer-top-section.webgility-cut-error-wrapper h2 small {
    font-family: 'OpenSans'
}

.feature-video-thumb-wrapper a {
    display: block;
    position: relative
}

.feature-video-thumb-wrapper a:before {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/play-button-inside-a-circle.svg) no-repeat left bottom / 30px;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 28px;
    top: 0
}

.white-glove-wrapper a {
    position: relative;
    display: inline-block
}

.white-glove-wrapper a:before {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/play-button-inside-a-circle.svg) no-repeat left bottom / 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 999;
    width: 100px;
    height: 100px
}

.g2-wrapper {
    border-top: 1px solid #E4E7EB
}

.top-header .logo {
    display: block
}

.infographic-list img {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.mktoForm,
.mktoForm .mktoFormCol,
.mktoForm .mktoFieldWrap,
.mktoForm .mktoField,
.mktoButtonRow,
.mktoButtonWrap {
    width: 100% !important
}

.mktoButtonWrap {
    margin: 0 !important
}

.mktoForm .mktoLabel {
    display: none
}

.mktoForm .mktoButtonWrap .mktoButton {
    background: #001d75 !important;
    border: 2px solid #001d75 !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    width: 100%;
    margin: 0 0 25px !important;
    border-radius: 0 !important;
    font-weight: 600;
    text-align: center;
    height: 40px;
    line-height: 38px;
    padding: 0 18px !important;
    color: #fff !important;
    text-transform: uppercase;
    box-shadow: none !important
}

.mktoForm .mktoButtonWrap .mktoButton:hover {
    background: #2251CC !important;
    border: 2px solid #2251CC !important
}

.mktoForm .mktoButtonWrap .mktoButton:focus {
    background: #001d75 !important;
    border: 2px solid #001d75 !important
}

.qbpos-pricing-wrapper {
    width: 770px !important;
    max-width: 100%;
    display: inline-block;
    float: none
}

.qbpos-pricing-box {
    background: #fff;
    box-shadow: 0 1px 3px rgba(2, 7, 46, 0.20);
    padding: 25px 0;
    margin-bottom: 12px;
    border-left: 8px solid #E4E7EB;
    cursor: pointer
}

.qbpos-pricing-box:hover,
.qbpos-pricing-box.active {
    border-color: #F35627;
    box-shadow: 0 0 0 2px #F35627
}

.qbpos-pricing-box.qbd:hover,
.qbpos-pricing-box.qbd.active {
    border-color: #334ceb;
    box-shadow: 0 0 0 2px #334ceb
}

.qbpos-pricing-column {
    border-right: 1px solid #DDE2E6;
    min-height: 70px
}

.qbpos-pricing-column:last-child {
    border: 0
}

.qbpos-pricing-column .yearly-price,
.qbpos-pricing-column .monthly-price,
.qbpos-pricing-column .qtrly-price {
    font-size: 24px
}

.qbpos-pricing-column .price-container sub {
    line-height: .1;
    position: relative;
    top: -6px;
    font-size: 14px
}

.qbpos-pricing-column .price-container {
    margin-top: 23px
}

.qbpos-plan-include ul li {
    font-size: 14px;
    line-height: normal;
    list-style-type: none;
    margin-left: 15px
}

.qbpos-plan-include ul li img {
    margin-right: 25px
}
.base-price {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    font-family: "Open Sans ExtraBold";
    vertical-align: middle;
    margin-right: 10px;
}
.price-line-through {
    text-decoration: line-through;
    color: #DA4D23;
    font-family: 'OpenSans';
}
.pay-price {
    font-size: 24px
}

.back-btn {
    font-size: 16px;
    text-transform: uppercase;
    color: #7B8794;
    text-decoration: none !important;
    display: inline-block;
    letter-spacing: 1px
}

.back-btn img {
    margin-right: 15px;
    vertical-align: middle
}

.mov-wrapper img {
    vertical-align: top
}

.mov-wrapper {
    border-right: 1px solid #DDE2E6
}

.play-btn-accounting svg {
    float: right;
    max-width: 100%;
    height: auto
}

/*  */
.customer-login-parent span {
    border-right: none !important;
}

.customer-login-parent.nav-link-resources span.top-nav-link {
    padding-right: 0;
}

.customer-login-parent .flyout {
    right: -105px !important;
    left: auto !important;
}

.customer-login-parent .flyout:before {
    left: 75% !important;
}

@media (max-width: 767px) {
    .home-no-more .home-no-more-inner {
        width: 250px;
        margin: 0 auto
    }

    .home-no-more p {
        text-align: left;
        font-size: 14px;
        line-height: 32px
    }

    .hide-on-desktop {
        display: block
    }

    .hide-on-mobile {
        display: none
    }

    .product-slider-tabs {
        height: 40px
    }

    #slider .slick-dots li {
        width: 33%;
        max-width: 170px
    }

    #slider .slick-dots li button .slider-btn-text {
        font-size: 9px;
        top: -6px;
        vertical-align: middle
    }

    .home-top-ratings {
        margin-top: 72px !important
    }

    .product-slider-slides ul.slick-dots {
        display: none !important
    }

    .product-slider-slides-wrapper .product-ratings li {
        width: 25%;
        margin: 0;
        margin-right: 6%
    }

    .product-ratings li img {
        max-width: 70px !important;
        height: 60px
    }

    .home-webinars .home-common-heading {
        margin-top: 50px
    }

    .home-high-growth {
        padding-bottom: 110px !important
    }

    .home-team-slider-wrapper {
        padding-top: 60px !important
    }

    .home-team-slider-wrapper ul {
        text-align: left;
        margin: 50px auto 0;
        width: 220px;
        margin-bottom: 10px
    }

    .home-team-slider-wrapper ul li {
        margin-bottom: 24px;
        margin-right: 30px;
        line-height: 19px
    }

    .home-team-slider-wrapper ul li:last-child {
        margin: 0
    }

    .home-blog-rss {
        height: auto
    }

    .home-api-section {
        padding-top: 72px !important
    }

    .home-api-section .see-more-links {
        text-align: center
    }

    .wg-blog-wrapper .slick-prev {
        left: -15px;
        top: 70px
    }

    .wg-blog-wrapper .slick-next {
        top: 70px;
        right: -16px
    }

    .wg-blog-wrapper .home-blog-bg {
        height: 160px !important
    }

    .wg-blog-wrapper .home-blog-overlay {
        height: 100%
    }

    .twitter-wrapper {
        margin: 72px 0 0
    }

    .home-common-section {
        text-align: left
    }

    .home-common-section .home-common-heading,
    .home-common-section .home-common-subheading {
        text-align: center
    }

    .home-common-section .home-common-heading {
        font-size: 18px;
        line-height: 24px
    }

    .home-common-subheading {
        font-size: 14px;
        line-height: 19px
    }

    .bundle-save-wrapper {
        margin-top: 12px
    }

    .home-bundle-save {
        height: auto;
        background-size: cover;
        padding: 40px 0 30px
    }

    .home-bundle-save .bundle-with-logos ul li {
        width: 100%;
        margin: 0;
        display: block;
        text-align: center
    }

    .home-common-section {
        text-align: center
    }

    .bundle-with-laptop {
        margin-top: 30px;
        text-align: center
    }

    .homepagenew-banner-wrapper h1 {
        font-size: 30px !important;
        line-height: normal !important;
        width: auto !important
    }

    .all-business-section h3,
    .customer-service-wrapper h4 {
        font-size: 30px
    }

    .homepagenew-banner-wrapper h2 {
        font-size: 18px !important
    }

    .home-footer-top .foot-top-head {
        font-size: 24px;
        line-height: 30px
    }

    .home-footer-top p a {
        font-size: 18px;
        line-height: 24px
    }

    #slider .slick-dots li button .slider-btn-text {
        top: -3px
    }

    #slider .slick-dots li button .slider-btn-icon {
        height: 13px;
        margin-right: 5px
    }

    #slider .slick-dots li.slick-active button.automate-tab .slider-btn-icon {
        background-position: -12px 0
    }

    #slider .slick-dots li.slick-active button.integrate-tab .slider-btn-icon {
        background-position: -11px 0
    }

    #slider .slick-dots li.slick-active button.analyze-tab .slider-btn-icon {
        background-position: -13px 0
    }

    .customers--wrapper .customer-left-section {
        margin-top: 50px
    }

    .customers--wrapper .customer-left-section .customer-dec-section {
        font-size: 14px;
        margin: 0
    }

    .customers--wrapper .customer-left-section .success-author {
        font-size: 10px;
        margin-right: 20px
    }

    .testimonial-image-container {
        text-align: center !important
    }

    .testimonial-image-container .white-wrapper {
        margin: 0 auto !important
    }

    .home-high-growth .home-high-growth-head {
        margin-bottom: 24px !important
    }

    .home-high-growth .home-high-growth-head .home-more-highlights {
        margin-right: 0;
        margin-bottom: 15px;
        display: block
    }

    .home-high-growth .wg-statistics {
        padding-bottom: 16px !important;
        padding-top: 0 !important
    }

    .home-high-growth .wg-statistics p {
        font-size: 14px
    }

    .homepage-webinars .home-webinar-item {
        text-align: left
    }

    .homepagenew-banner-wrapper .feature-banner-img-container {
        min-height: 240px
    }

    .homepagenew-banner-wrapper .feature-banner-img-container img {
        margin-bottom: -20px;
        max-width: 140%;
        margin-left: -18%
    }

    .customers--wrapper button.slick-prev {
        left: 0;
        right: auto;
        top: 110px;
        bottom: auto
    }

    .customers--wrapper button.slick-next {
        top: 110px;
        bottom: auto;
        left: auto;
        right: -15px
    }

    .home-cs-block-wrapper .module-social .module_item {
        width: 100%;
        text-align: left
    }

    .popup-container {
        margin: 30px auto 40px
    }

    .header-promo-banner .h-1xx {
        font-size: 14px !important;
        line-height: 25px !important
    }

    .promo-banner~#banners .hero.integrations {
        padding: 130px 0 50px
    }

    .promo-banner~.contact-us-bgimg {
        padding-top: 100px !important
    }

    .has-promo .promo-banner~.contact-us-bgimg {
        padding-top: 190px !important
    }

    #header.trial {
        height: 68px !important
    }

    .promo-banner~#banners.v-full .hero .content-wrapper {
        padding-top: 150px !important
    }

    .has-promo .promo-banner~#banners.v-full .hero .content-wrapper {
        padding-top: 210px !important
    }

    .banner-wrapper-content h1 {
        font-size: 40px
    }

    .company-description-block {
        margin-top: 15px
    }

    .benefits-section li {
        width: 100%;
        margin: 0 0 40px
    }

    .benefits-section li img {
        margin-bottom: 0
    }

    .benefits-section li p {
        margin-bottom: 0
    }

    .banner-wrapper.team-banner-wrapper .banner-wrapper-content h1 {
        font-size: 34px;
        line-height: 44px
    }

    .job-location-tab a {
        width: 80px;
        margin-top: -5px
    }

    .job-location-tab span {
        font-size: 16px;
        margin-right: 20px
    }

    .resumator-job-title .appended-link {
        width: 38px;
        font-size: 20px !important;
        padding: 0
    }

    .resumator-job.resumator-jobs-text .resumator-job-title {
        padding-right: 80px !important
    }

    .work-with-stores>span {
        margin-top: 10px
    }

    .no-more-wrapper ul li {
        width: 100%
    }

    .secure-data-wrapper .secure-icons img {
        margin: 10px auto;
        padding: 0 !important;
        height: 50px;
        width: auto
    }

    .more-feature-wrapper .more-feature-inner {
        width: 100%
    }

    .pos-casestudy-slider {
        padding: 20px 60px
    }

    .pos-casestudy-slider button.slick-prev {
        left: 0
    }

    .pos-casestudy-slider button.slick-next {
        right: 0
    }

    .text-center-mobile {
        text-align: center !important
    }

    .leadership-inner {
        float: none !important
    }

    .form-tabs .tab {
        padding: 0 !important
    }

    .step-icons-wrapper .bar {
        max-width: 14% !important
    }

    .qbpos-pricing-box {
        padding: 20px
    }

    .qbpos-pricing-column {
        border-right: 0 !important;
        border-bottom: 1px solid #DDE2E6;
        max-width: 500px;
        margin: auto
    }

    .qbpos-plan-title {
        padding-bottom: 20px
    }

    .qbpos-plan-include,
    .qbpos-plan-include ul {
        text-align: center;
        padding-top: 7px;
        padding-bottom: 3px;
        margin-bottom: 20px
    }

    .qbpos-plan-include ul li img {
        margin-right: 15px !important
    }

    .mov-wrapper {
        border-right: 0 !important;
        border-bottom: 1px solid #DDE2E6;
        margin: 40px 0 25px !important;
        padding-bottom: 20px !important
    }

    .stories-tiles article p {
        min-height: auto
    }

    /* Font Size - MD */
    .fs-md-14 {
        font-size: 14px !important
    }

    .fs-md-16 {
        font-size: 16px
    }

    .fs-md-32 {
        font-size: 32px
    }

    .nav-features-col {
        border-radius: 0 0 10px 10px;
    }
}

.contact-us-bgimg {
    background-image: url(../images/webgility-new-design/Contact-Us-BG.jpg);
    background-repeat: no-repeat
}

.contact-bottom-blocks {
    background: #f6fafd
}

.form-section {
    padding: 35px 50% 18px 35px !important;
    min-height: 560px
}

.contact-info-wrapper,
.ppc-form-wrapper {
    position: absolute;
    right: 0;
    top: -12px;
    height: 100%
}

.contact-info {
    border-radius: 5px;
    min-height: 675px
}

.contact-social-links ul {
    list-style: none
}

.contact-social-links ul li a:before {
    font-size: 25px
}

.contact-info article p {
    padding-left: 25px;
    margin-bottom: 15px;
    line-height: 25px;
    font-size: 18px
}

.contact-info article p img {
    float: left;
    margin-left: -23px;
    position: relative;
    top: 8px
}

div.playvideo,
div.playvideo a {
    text-align: left;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    line-height: 45px;
    padding: 40px 0 0
}

div.playvideo img {
    vertical-align: bottom;
    margin-right: 10px;
    display: inline-block
}

div.homepageslider {
    margin-top: 110px
}

div.homepageslider a {
    display: inline-block;
    text-decoration: none;
    margin: 0 0 0 10px
}

#banner_bigcommerce {
    background: url(/images/banner_retailer_solutions.jpg) no-repeat center -1px;
    width: 100%;
    min-height: 470px;
    margin-top: 0
}

#banner_qb_integration_cart {
    width: 100%;
    min-height: 470px;
    margin-top: 0;
    background-size: cover
}

#banner_qb_integration_cart.qb-integration {
    background-image: url(/images/banner-qb-integration-cart.jpg)
}

#banner_qb_integration_cart.qb-online-integration {
    background-image: url(../images/banner-qb-online-integration-cart.jpg)
}

.full-banner-under {
    background: #f9f9fa;
    padding: 15px 0
}

.slideshow {
    height: auto;
    width: 100% !important
}

.nav {
    text-align: center
}

.nav#hp_content_slideshow a {
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 7.5px 0;
    text-decoration: none;
    border-radius: 100px
}

.nav#hp_content_slideshow a.activeSlide {
    cursor: pointer;
    background: none repeat scroll 0 0 #5f5f5f;
    border-bottom: 1px solid #8a8a8a;
    border-radius: 100px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 1) inset
}

.nav#bannernav {
    position: absolute;
    z-index: 99;
    margin: 420px auto 0;
    border: 0;
    text-align: center;
    width: 100%
}

.nav#bannernav a {
    background: url(/images/homepage_grey_nav.png) no-repeat;
    text-decoration: none;
    height: 25px;
    width: 26px;
    padding: 15px;
    font-size: 0
}

.nav#bannernav a.activeSlide {
    background: url(/images/homepage_orange_nav.png) no-repeat;
    text-decoration: none;
    height: 25px;
    width: 26px;
    font-size: 0
}

#banner_small_business,
#banner_retailer,
#banner_enterprise,
#hp_banner,
#banner_enterprise_page {
    width: 100%;
    min-height: 535px
}

.home-banners #banner_small_business,
.home-banners #banner_retailer,
.home-banners #banner_enterprise,
.home-banners #hp_banner,
.home-banners #banner_enterprise_page {
    width: 100% !important;
    min-height: 485px;
    z-index: 0 !important
}

#hpcontentslideshow .hp_retailer,
#hpcontentslideshow .hp_enterprise,
#hpcontentslideshow .hp_small_business {
    width: 100% !important
}

.solution-page .six.columns p {
    font-size: 18px
}

.solution-page .six.columns h3 {
    font-size: 25px;
    color: #636363
}

.all_forms input,
.all_forms select {
    width: 100% !important;
    border-radius: 6px;
    line-height: 20px;
    font-size: 15px;
    padding: 7px 10px;
    color: #636363;
    border: 1px solid #cdcdcd;
    background: #FFF
}

.janrain_box {
    padding: 10px 10px 0
}

#login_form_div,
#login_form_div_cloud {
    padding: 20px 15px 0 25px
}

#login_form_div_cloud p,
#login_form_div p {
    display: flex
}

select#freetrial_select {
    display: inline-block;
    padding: 5px 10px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    color: #636363;
    border: 1px solid #bbb;
    border-radius: 5px
}

.cl_terms {
    text-align: left;
    font-size: 12px;
    display: none !important
}

.cl_terms2 {
    color: #c9c9c9;
    margin-left: 30%;
    font-size: 11px
}

.cl_terms2 a {
    color: #fff
}

.cl_terms2 label.error {
    margin-left: 8px !important
}

#intuit {
    padding: 15px 32px 0 0;
    text-align: right;
    font-size: 0;
    width: 100%
}

#already_have_account_link_cloud,
#do_not_have_account_link_cloud {
    margin: 15px 0 0 50px
}

#do_not_have_account_link_cloud {
    margin: 5px 0 0 50px
}

.press-wrapper {
    padding-bottom: 80px
}

.press-wrapper .press-box {
    background: #ECF0F2;
    padding: 15px 20px;
    margin: 0 0 15px;
    overflow: hidden
}

.press-wrapper .press-head {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    line-height: normal
}

.press-wrapper .logo {
    margin-top: 20px;
    min-width: 150px;
    text-align: center
}

.press-wrapper .logo img {
    float: left
}

.press-wrapper .title-wrapper {
    margin-top: 15px;
    padding: 0
}

.press-wrapper .title-wrapper .published-date {
    font-family: 'OpenSans', san-serif;
    font-size: 13px;
    color: #bbb;
    text-transform: uppercase
}

.press-wrapper .title-wrapper .press-title {
    font-family: 'OpenSans', san-serif;
    font-size: 24px;
    color: #1f2933
}

.press-release-list {
    margin: 0;
    width: auto;
    overflow: hidden
}

.press-release-list li {
    list-style: none;
    overflow: hidden
}

.press-release ol,
.webinars ol {
    margin: 0;
    text-align: center
}

.press-release ol li,
.webinars ol li {
    list-style: none;
    cursor: pointer;
    display: inline-block;
    margin: 0 3px;
    background-color: #f1f1f1;
    padding: 0 10px;
    border-radius: 4px
}

.press-release ol li:hover,
.webinars ol li:hover {
    background-color: #ddd
}

.press-release ol li.current,
.webinars ol li.current {
    cursor: default;
    background: #ff6b00;
    color: #fff
}

.pricing-page-heading h2 {
    margin-top: 0
}

.pricing_online .install,
.pricing_xero .install {
    height: 305px
}

.pricing_online .ic_plus_pricing,
.pricing_xero .ic_plus_pricing {
    padding-top: 130px
}

.acc-form-wrapper {
    padding: 0 15px
}

.zig-zag-view h3,
#over_view h3 {
    color: #1f2933;
    margin-bottom: 0
}

.zig-zag-view h3+ul {
    margin-top: 20px
}

.zig-zag-view h4.h-3x,
#over_view h4.h-3x {
    margin-top: 0;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 22px
}

.main-headings {
    font-size: 28px;
    margin: 15px 0
}

.main-headings b {
    font-weight: 400
}

#banners select {
    border: 1px solid #c6c6c6;
    border-radius: 7px;
    padding: 7px 15px;
    height: 45px;
    line-height: 1.42857
}

#hp_select {
    border-radius: 22px !important;
    border-bottom: solid 3px #EE5807 !important;
    padding: 10px 22px !important;
    height: 50px !important
}

.hp-icon-holder {
    width: 126px;
    height: 126px;
    display: inline-block;
    border-radius: 125px;
    background-repeat: no-repeat;
    background-position: center center
}

.hp-icon-holder.partner {
    background-image: url(../images/pricing-icon/ic_partner.png)
}

.hp-icon-holder.integration {
    background-image: url(../images/pricing-icon/ic_integration.png)
}

.hp-icon-holder.solutions {
    background-image: url(../images/pricing-icon/ic_solutions.png)
}

.hp-icon-holder.experts {
    background-image: url(../images/pricing-icon/ic_experts.png)
}

#integrateonhome {
    background: url(/images/ic_integrate.png) no-repeat center 235px;
    min-height: 400px;
    width: 9% !important
}

.sticky-div .dark-grey-bar {
    position: absolute;
    height: 45px;
    right: 66.667%;
    background-color: #424242;
    width: 300%;
    display: none
}

.phone-no-wrapper {
    margin-top: 23px
}

.tick-bullets li {
    padding-left: 5px
}

.tick-bullets.orange-bullet li {
    list-style-image: url(../images/tick-bullet-orange.png);
    line-height: 25px
}

.white-bullet li {
    list-style-image: url(/images/webgility/white-tick.png);
    line-height: 25px
}

.three-colum-review-wrapper .reviewer {
    float: right;
    text-align: left;
    margin-left: 15px
}

.three-colum-review {
    color: #1f2933;
    font-style: italic;
    line-height: 34px;
    padding-left: 15px;
    background-image: url(../images/quote-left-grey.png);
    position: left top;
    background-repeat: no-repeat;
    min-height: 205px
}

.three-colum-review img {
    margin-left: 5px
}

#banner_enterprise,
#banner_retailer,
#banner_small_business1,
#banner_small_business {
    padding-top: 90px
}

.ecc-cloud h1.page-title {
    color: #29ace2
}

.three-colum-stories {
    margin-top: 60px
}

.three-colum-stories-wrapper .reviewer {
    float: right;
    text-align: right;
    margin-left: 15px
}

.three-colum-stories p.story {
    color: #6c6d70;
    font-style: italic;
    line-height: 34px;
    text-align: justify
}

.home-slider-nav {
    margin: 0 -250%;
    background-color: #646464
}

.home-banners a.play-video {
    background-image: url(../images/play-white-arrow.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 45px
}

.ecc-desktop-banner {
    background-image: url(../images/ecc-desktop-main.jpg) !important
}

.ecc-cloud-cart-lp .qb-online-integration h2 {
    padding-top: 50px
}

.upper-nav {
    margin: 0;
    text-align: right;
    color: #5c5c5b;
    margin-top: 15px
}

.upper-nav>li {
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    line-height: inherit;
    border-right: solid 1px #ff4901
}

.upper-nav>li:first-child {
    border-left: none
}

.upper-nav>li:last-child {
    border-right: none
}

.upper-nav>li>a {
    color: #5c5c5b
}

.upper-nav>li>a:hover {
    text-decoration: underline
}

.hosting-logo {
    padding-left: 0 !important;
    background-image: none !important
}

.trial_logo {
    margin: 13px 0
}

.trial-phone-no {
    float: right;
    text-align: right;
    margin-top: 15px;
    color: #001d75
}

.orange-select {
    background-color: #ff8d03;
    border: 0 !important
}

.blue-select {
    background-color: #3e9ef2;
    border: 0 !important
}

.ecc-cloud-cart-lp h1.page-title {
    color: #29ace2 !important
}

#pricing_qbd p {
    margin: 0;
    font-size: 14px;
    line-height: 27px
}

.flyout .mini {
    margin: 10px
}

#pricing_qbd p.mini,
.flyout .mini {
    color: #a5a5a5;
    font-size: 12px
}

#pricing_qbd a {
    color: #646464
}

#pricing_qbd a:hover {
    color: #ff6b00
}

#pricing_qbd {
    display: none;
    width: 200px;
    height: 150px;
    background: #fff;
    padding: 5px 10px 10px 20px;
    margin: 0;
    position: absolute;
    z-index: 40;
    border-radius: 17px;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    text-align: left;
    right: 27px
}

#pricing_qbd:after,
#pricing_qbd:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#pricing_qbd:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 0;
    right: 11px;
    top: -17px
}

.fixed-header-wrapper {
    width: 100%;
    display: block;
    height: 65px
}

.banner-down-navigate {
    text-align: center;
    width: 100%;
    height: 55px;
    bottom: 30px;
    overflow: visible
}

.banner-down-navigate>a {
    bottom: 10px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 999
}

#blackover {
    background: rgba(34, 34, 34, 0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0 5px;
    left: 0;
    text-align: center
}

input#number_of_orders {
    background: url(/images/ic_number_of_orders.png) no-repeat #fff 8px 9px;
    text-indent: 40px
}

.input_roi {
    border-bottom: solid 8px #ff6b00;
    font-size: 23px;
    color: #ff6b00;
    padding: 8px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    width: 100%
}

.input_roi.error {
    border-bottom: solid 8px #fc6363 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important
}

input#employee_salary {
    background: url(/images/ic_hourly_salary.png) no-repeat no-repeat #fff 8px 5px;
    text-indent: 40px
}

#banners {
    position: relative;
    clear: both
}

.pricing-faq {
    margin: 0;
    padding: 0
}

.pricing-faq li {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px
}

.pricing-faq li:last-child {
    margin-bottom: 0
}

.pricing-faq li .arrow {
    background: url(/images/webgility/common-sprite.png) 0 -5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px
}

.pricing-faq li .arrow.down {
    background-position: -10px -5px
}

.pricing-faq li span {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Open Sans Semibold';
    position: relative;
    padding-left: 20px
}

.pricing-faq li p {
    display: none;
    padding-left: 20px
}

.pricing-box-container {
    text-align: center
}

.pricing-box-container .pricing-box {
    text-align: center;
    width: 200px;
    display: inline-block;
    margin: 5px;
    vertical-align: top
}

.pricing-box-container .pricing-box p {
    margin-bottom: 0
}

.pricing-includes {
    margin: 0 auto;
    width: 100%
}

.pricing-box-container .pricing-box {
    margin: 5px 0 5px -4px
}

.price {
    border-top: solid 1px #ccc;
    background: #f3f3f3 !important;
    padding: 0 !important
}

.pricing-box-container .price.tline-top-none {
    border-top: solid 0 #f3f3f3
}

.pricing_pro_premiere .pricing-box,
.pricing_international .pricing-box,
.pricing_enterprise2 .pricing-box,
.pricing_pro_premiere2 .pricing-box {
    width: 220px
}

.pricing_online .pricing-box,
.pricing_xero .pricing-box {
    width: 220px
}

.pricing_netsuite .pricing-box {
    width: 218px
}

.pricing-box-container .price div {
    padding: 7px 0;
    background-color: #fff;
    margin: 0 5px
}

.pricing-box-container .pricing-box .plan {
    background-color: #f3f3f3;
    padding: 0
}

.pricing-box-container .pricing-box .plan div {
    background-color: #ddd;
    padding: 10px 0;
    margin: 0 5px
}

.pricing-box-container .pricing-box.last .plan div,
.pricing-box-container .pricing-box.last .price div {
    margin: 0 0 0 5px
}

.pricing-box-container .pricing-box.last .price div {
    margin: 0 0 0 5px
}

.feature-box-container {
    text-align: right;
    padding-top: 3px !important
}

.feature-box-container .pricing-box {
    text-align: right;
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    vertical-align: top
}

.feature-box-container .pricing-box .plan {
    background-color: #f3f3f3;
    padding: 10px 0
}

.feature-box-container .pricing-box .price {
    background-color: #f3f3f3;
    padding: 12px 0
}

.feature-box-container .pricing-box p {
    margin-bottom: 0;
    font-size: 16px
}

.feature-box-container .price.tline-top-none {
    border-top: solid 0 #f3f3f3
}

.feature-box-container .price div {
    padding: 7px 0;
    background-color: #f3f3f3;
    margin: 0 5px
}

.pricing-includes .white-box {
    background: url(../images/pricing/onboarding-plan-icon.png) no-repeat 160px center #fff;
    padding: 20px 20px 20px 220px
}

.pricing_netsuite .pricing-includes .white-box {
    background: url(../images/pricing/onboarding-plan-icon.png) no-repeat 25px center #fff;
    padding: 20px 20px 20px 90px
}

.switch {
    position: relative;
    margin: 20px auto;
    height: 40px;
    width: 280px;
    background: #f3f3f3;
    border-radius: 10px;
    border: solid 1px #666
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 138px;
    line-height: 38px;
    font-size: 20px;
    text-align: center;
    cursor: pointer
}

.switch-label:active {
    color: #fff
}

.switch-label-off {
    padding-left: 0
}

.switch-label-on {
    padding-right: 0
}

.switch-input {
    display: none
}

.switch-input:checked+.switch-label {
    color: #fff;
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out;
    cursor: pointer
}

.switch-input:checked+.switch-label-on~.switch-selection {
    right: 140px;
    border-radius: 8px 0 0 8px
}

.switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 140px;
    height: 38px;
    border-radius: 0 8px 8px 0;
    background: #75777a;
    -webkit-transition: left .1s ease-out;
    -moz-transition: left .1s ease-out;
    -o-transition: left .1s ease-out;
    transition: left .1s ease-out
}

.home-header {
    width: 100%;
    height: 78px;
    overflow: hidden
}

.home-header #header {
    position: fixed;
    width: 100%;
    z-index: 5
}

#boxes .window {
    position: fixed;
    right: 10px;
    bottom: 0;
    width: 320px;
    height: 400px;
    display: none;
    z-index: 9999;
    padding: 5px 20px;
    border-radius: 5px 5px 0 0
}

#boxes #dialog {
    width: 420px;
    height: 280px;
    padding: 5px 10px;
    background: -moz-linear-gradient(top, rgba(0, 202, 252, 1) 0%, rgba(0, 202, 252, 0.83) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 202, 252, 1) 0%, rgba(0, 202, 252, 0.83) 100%);
    background: linear-gradient(to bottom, rgba(0, 202, 252, 1) 0%, rgba(0, 202, 252, 0.83) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cafc', endColorstr='#d400cafc', GradientType=0)
}

.integrate-home .bg-white {
    padding: 30px 40px 30px 0
}

.connectdata-home .bg-white {
    padding: 30px 0 30px 40px
}

.integrate-home {
    width: 44.667% !important
}

.connectdata-home {
    width: 44.667% !important;
    float: left !important
}

.services-banners {
    width: 100%;
    background: url(/images/banner_retailer_home.jpg) no-repeat scroll center top rgba(0, 0, 0, 0);
    padding: 50px 0 55px
}

.services-banners .phone-no {
    background: url(../images/resources/service-phone-icon.png) no-repeat left center;
    padding-left: 30px;
    margin-right: 30px
}

.services-banners .email-add {
    background: url(../images/resources/service-email-icon.png) no-repeat left center;
    padding-left: 30px
}

.services-content .package-wrapper {
    width: 738px;
    margin: 35px auto 0
}

.services-content .head {
    border: solid 1px #e1e1e1;
    float: left;
    width: 100%
}

.services-content .head .plan {
    border-right: solid 1px #e1e1e1;
    padding-left: 140px;
    float: left
}

.services-content .head .rate {
    text-align: center;
    float: left
}

.services-content .onboarding .head .plan {
    width: 65%;
    background: url(../images/resources/onboarding-plan-icon.png) no-repeat 33px center
}

.services-content .onboarding .head .rate {
    width: 35%;
    padding-left: 45px
}

.services-content .accounting .head .plan {
    width: 82%;
    background: url(../images/resources/accounting-plan-icon.png) no-repeat 33px center
}

.services-content .accounting .head .rate {
    width: 18%;
    padding-left: 32px
}

.services-content .desc {
    float: left;
    width: 100%;
    padding: 0 30px;
    padding-bottom: 30px
}

.services-content .package-wrapper ul {
    padding: 0;
    margin: 0;
    text-align: justify
}

.services-content .package-wrapper ul li {
    margin-top: 30px;
    font-size: 16px;
    line-height: 37px;
    color: #717171;
    background: url(../images/tick-bullet-orange.png) no-repeat left 12px;
    padding-left: 35px;
    list-style-type: none
}

.service-team-wrapper {
    text-align: center;
    margin: 0 auto
}

.service-team-wrapper .team-box {
    width: 107px;
    display: inline-block;
    margin: 30px
}

.service-team-wrapper .team-box p {
    margin: 10px 0 0;
    font-size: 18px
}

.qb-consultation-list {
    margin-left: 15px
}

.qb-consultation .contact-form .form-container {
    background-color: #ecf0f2;
    padding: 0 10px
}

.vertical-middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

#features_tabs {
    border-radius: 100px
}

#features_tabs div {
    cursor: pointer
}

#features_tabs div.highlight {
    border-radius: 100px
}

input.error,
select.error {
    border: solid 1px #e24d4c !important
}

.error-msg {
    float: right;
    color: #e24d4c;
    font-weight: 600;
    position: relative;
    top: 2px
}

.input_labels {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    clear: both;
    display: inline-block;
    text-align: right;
    float: left;
    width: 31%;
    margin-right: 10px
}

.lefttextbox {
    width: 65%
}

p.hasinput {
    clear: both;
    position: relative
}

.error-icon {
    background: url(/images/ic_cross.png) no-repeat center bottom;
    width: 20px;
    height: 25px
}

.tick-icon {
    background: url(/images/ic_tick.png) no-repeat center bottom;
    width: 20px;
    height: 25px
}

.program-thumb {
    height: 145px;
    width: 145px;
    display: inline-block;
    border-radius: 100%;
    background: #ddd;
    border: solid 1px #9a9a9a
}

.tier-table {
    padding: 15px;
    max-width: 625px;
    margin-left: auto;
    margin-right: auto
}

.tier-table table td,
.tier-table table th {
    padding: 10px
}

.strike {
    position: relative;
    display: inline-block;
    min-width: 75px;
    color: #c1c1c1
}

.strike::before {
    content: '';
    border-bottom: 3px solid red;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
}

.line-height32 {
    line-height: 32px !important
}

.pricing-blocks {
    color: #1f2933
}

.pricing-blocks .plan-switcher,
.plan-switcher2,
.plan-switcher1 {
    font-size: 13px
}

.pricing-blocks .plan-switcher span,
.plan-switcher2 span,
.plan-switcher1 span {
    position: relative;
    top: -5px;
    font-size: 14px;
    width: 90px;
    display: inline-block
}

.plan-switcher1 span.active {
    color: #1D3DBF;
    font-family: "Open Sans Bold" !important
}

.pricing-blocks .plan-switcher .switcher,
.plan-switcher2 .switcher2,
.plan-switcher1 .switcher1 {
    display: inline-block;
    width: 38px;
    height: 20px;
    border-radius: 85px;
    background: #1D3DBF;
    border: solid 2px #1D3DBF;
    cursor: pointer;
    margin: 0 10px;
    position: relative;
    top: 0
}

.pricing-blocks .plan-switcher .switcher .button,
.plan-switcher2 .switcher2 .button,
.plan-switcher1 .switcher1 .button {
    background: #fff;
    width: 16px;
    height: 16px;
    top: 0;
    left: 18px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s
}

.pricing-blocks .plan-switcher .switcher.monthly .button,
.plan-switcher2 .switcher2.quarterly .button,
.plan-switcher1 .switcher1.monthly .button {
    left: 0
}

.pricing-column .feature-list {
    float: left;
    width: 22%
}

.unify-enterprise .pricing-column .feature-list {
    width: 16%
}

.pricing-column .price-list-col {
    float: left;
    width: 78%;
    margin: 0
}

.price-list-col.highlights {
    width: 40%
}

.unify-enterprise .pricing-column .price-list-col {
    width: 100%
}

.pricing-column .price-list-col li {
    list-style-type: none;
    margin: 0
}

.pricing-column .price-list-col li.two-columns {
    float: left;
    width: 50%
}

.pricing-column .price-list-col li.three-columns {
    float: left;
    width: 33.3333%
}

.pricing-column .price-list-col li.four-columns {
    float: left;
    width: 25%
}

.pricing-column .price-list-col li.five-columns {
    float: left;
    width: 20%
}

.price-list-col .plan-head {
    padding: 15px;
    background: #656565;
    position: relative;
    height: 230px;
    border-right: solid 1px #8a8a8a
}

.price-list-col .plan-head .plan-name {
    line-height: normal
}

.price-list-col .plan-head .plan-name-sum {
    line-height: normal;
    color: #dfdede
}

.unify-enterprise .price-list-col .plan-head .plan-name-sum {
    line-height: 15px;
    min-height: 35px
}

.price-list-col .plan-head .plan-price {
    line-height: normal;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.price-list-col .plan-head .plan-price.monthly,
.price-list-col .plan-head .plan-period.monthly,
.price-list-col .plan-head .plan-price.quaterly,
.price-list-col .plan-head .plan-period.quaterly {
    display: none
}

.price-list-col .plan-head .plan-period {
    color: #c1c1c1;
    line-height: normal
}

.price-list-col .feature-availability {
    margin: 0;
    padding: 0;
    border-left: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    border-bottom: solid 1px #ddd
}

.price-list-col .feature-availability li {
    height: 55px;
    line-height: 30px;
    padding: 10px;
    border-bottom: solid 1px #f4f4f4;
    border-top: solid 1px #dededf;
    font-size: 16px
}

.price-list-col .feature-availability li.sales-channel {
    height: auto;
    line-height: normal
}

.price-list-col .feature-availability li:nth-child(even) {
    background-color: #f2f2f5
}

.price-list-col .feature-availability .icon {
    display: inline-block;
    background-image: url(../images/webgility/pricing-sprite.png?ver=v1)
}

.price-list-col .feature-availability .icon.check {
    background-position: 0 0;
    width: 18px;
    height: 14px
}

.price-list-col .feature-availability .icon.cross {
    background-position: 0 -14px;
    width: 14px;
    height: 14px
}

.price-list-col .feature-availability .icon.mail {
    background-position: 0 -45px;
    width: 21px;
    height: 17px
}

.price-list-col .feature-availability .icon.call {
    background-position: 0 -62px;
    width: 16px;
    height: 16px
}

.price-list-col li.most-popular {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1
}

.price-list-col li.most-popular .plan-head {
    background-color: #3d3d3d
}

.price-list-col li .plan-head .popular-tag {
    position: absolute;
    width: 100%;
    background-color: #24a6de;
    height: 27px;
    line-height: 25px;
    color: #fff;
    left: 0;
    top: -15px
}

.price-list-col li.most-popular .sales-channel {
    padding-bottom: 25px
}

.pricing-blocks .feature-list .header {
    height: 235px;
    position: relative
}

.pricing-blocks .feature-list .header span {
    position: absolute;
    right: 20px;
    bottom: 0;
    color: #666;
    font-size: 13px
}

.pricing-blocks .feature-list ul {
    margin: 0
}

.pricing-blocks .feature-list ul li {
    list-style-type: none;
    margin: 0;
    text-align: right;
    height: 55px;
    line-height: 30px;
    padding: 10px 20px 10px 10px;
    position: relative
}

.pricing-blocks .tooltip-hover:hover {
    color: #00A2D7
}

.pricing-blocks.unify-enterprise .feature-list ul li {
    line-height: 13px;
    padding-top: 17px
}

.pricing-blocks .feature-list ul li .info-icon {
    position: absolute;
    background: url(../images/webgility/pricing-sprite.png) 0 -28px;
    width: 17px;
    height: 17px;
    right: 20px;
    top: 17px
}

.pricing-blocks .enterprise-feature-availability li .info-icon {
    background: url(../images/webgility/pricing-sprite.png) 0 -28px;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 3px
}

.plan-head .plan-price.quarterly,
.plan-head .plan-period.quarterly {
    display: none
}

.pricing-column .price-list-col li.col.monthly .plan-head .plan-price.annual,
.pricing-column .price-list-col li.col.monthly .plan-head .plan-period.annual {
    display: none
}

.pricing-column .price-list-col.uepricing li.col.monthly .plan-head .plan-price.annual,
.pricing-column .price-list-col.uepricing li.col.monthly .plan-head .plan-period.annual {
    display: block
}

.pricing-column .price-list-col.uepricing li.col.quarterly .plan-head .plan-price.annual,
.pricing-column .price-list-col.uepricing li.col.quarterly .plan-head .plan-period.annual {
    display: none
}

.pricing-column .price-list-col.uepricing li.col.quarterly .plan-head .plan-price.quarterly,
.pricing-column .price-list-col.uepricing li.col.quarterly .plan-head .plan-period.quarterly {
    display: block
}

.pricing-column .price-list-col li.col.monthly .plan-head .plan-price.quaterly,
.pricing-column .price-list-col li.col.monthly .plan-head .plan-period.quaterly {
    display: none
}

.pricing-column .price-list-col li.col.monthly .plan-head .plan-price.monthly,
.pricing-column .price-list-col li.col.monthly .plan-head .plan-period.monthly {
    display: block
}

.pricing-column .price-list-col li.col.quaterly .plan-head .plan-price.quaterly,
.pricing-column .price-list-col li.col.quaterly .plan-head .plan-period.quaterly {
    display: block
}

.pricing-column .price-list-col li.col.quaterly .plan-head .plan-price.monthly,
.pricing-column .price-list-col li.col.quaterly .plan-head .plan-period.monthly {
    display: none
}

.pricing-column .price-list-col li.col.quaterly .plan-head .plan-price.annual,
.pricing-column .price-list-col li.col.quaterly .plan-head .plan-period.annual {
    display: none
}

.pricing-column ul li.additional {
    height: 65px
}

.pricing-column ul li.additional .additional-vol {
    display: block;
    font-size: 12px;
    position: relative;
    top: -13px
}

.price-list-col li.most-popular .feature-availability li:last-child {
    height: 75px
}

.unify-enterprise .main-feature {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 1px #eaeaec;
    border-bottom: solid 1px #ddd;
    text-transform: uppercase;
    font-size: 15px;
    color: #1f2933;
    font-family: 'Open Sans Semibold';
    background-color: #f2f2f5;
    padding-left: 25px;
    height: 37px;
    line-height: 36px
}

.unify-enterprise .enterprise-feature-availability {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 1px #eaeaec;
    border-bottom: solid 1px #ddd;
    margin: 0;
    padding: 3px 0
}

.unify-enterprise .enterprise-feature-availability li {
    padding: 3px 0 5px 25px;
    font-size: 15px
}

.unify-enterprise .pricing-column .price-list-col li .enterprise-feature-availability:first-of-type {
    height: 370px
}

.main-feature.with-button {
    height: 60px;
    padding: 7px 0 0;
    background-color: #fff
}

#cssmenu,
#cssmenu ul,
#cssmenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-family: "Open Sans Semibold";
    position: relative
}

#cssmenu {
    border-right: solid 1px #898989;
    width: 265px
}

#cssmenu>ul>li:first-child {
    padding-top: 10px;
    padding-bottom: 0
}

#cssmenu>ul>li:first-child>a {
    font-weight: 700
}

#cssmenu>ul>li {
    color: #ff6e09;
    padding: 7.5px 20px
}

#cssmenu>ul>li:hover {
    color: #ff6e09
}

#cssmenu>ul>li>a {
    display: inline-block;
    color: #666
}

#cssmenu>ul>li>span {
    display: inline-block;
    cursor: pointer;
    float: right;
    height: 30px;
    width: 20px
}

#cssmenu>ul>li>a:hover {
    text-decoration: none;
    color: #ff6e09
}

#cssmenu>ul>li.active,
#cssmenu>ul>li.current {
    border-bottom: none;
    color: #ff6e09
}

#cssmenu>ul>li.active a {
    color: #ff6b00
}

#cssmenu>ul>li.active li a {
    color: #666
}

#cssmenu>ul>li.active li.active a,
#cssmenu>ul>li.active li a:hover {
    color: #ff6e09
}

#cssmenu>ul>li.has-sub>span {
    background: url(/images/webgility/icon_left_nav.png) 90% 6px no-repeat
}

#cssmenu>ul>li.has-sub.active>span {
    background: url(/images/webgility/icon_left_nav.png) 90% -40px no-repeat;
    color: #ff6e09
}

#cssmenu ul ul {
    display: none
}

#cssmenu ul ul li {
    padding: 0
}

#cssmenu ul ul li:last-child {
    border-bottom: none
}

#cssmenu ul ul a {
    padding: 10px 10px 10px 35px;
    display: block;
    color: #666
}

#cssmenu ul ul a:before {
    position: absolute;
    left: 20px;
    color: #ff6e09
}

#cssmenu ul ul a:hover {
    color: #ff6e09
}

#cssmenu>ul>li>a .icon {
    display: inline-block;
    width: 23px;
    height: 24px;
    background: url(../images/webgility/feature-left-nav-sprite2.png) no-repeat;
    position: relative;
    top: 6px;
    margin-right: 10px
}

#cssmenu>ul>li>a .icon.multi {
    background-position: 0 0
}

#cssmenu>ul>li.active>a .icon.multi,
#cssmenu>ul>li>a:hover .icon.multi,
#cssmenu>ul>li>a.nav-highlight .icon.multi {
    background-position: -23px 0
}

#cssmenu>ul>li>a .icon.order {
    background-position: 0 -24px
}

#cssmenu>ul>li.active>a .icon.order,
#cssmenu>ul>li>a:hover .icon.order {
    background-position: -23px -24px
}

#cssmenu>ul>li>a .icon.inventory {
    background-position: 0 -48px
}

#cssmenu>ul>li.active>a .icon.inventory,
#cssmenu>ul>li>a:hover .icon.inventory,
#cssmenu>ul>li>a.nav-highlight .icon.inventory {
    background-position: -23px -48px
}

#cssmenu>ul>li>a .icon.shipping {
    background-position: 0 -72px
}

#cssmenu>ul>li.active>a .icon.shipping,
#cssmenu>ul>li>a:hover .icon.shipping,
#cssmenu>ul>li>a.nav-highlight .icon.shipping {
    background-position: -23px -72px
}

#cssmenu>ul>li>a .icon.email {
    background-position: 0 -96px
}

#cssmenu>ul>li.active>a .icon.email,
#cssmenu>ul>li>a:hover .icon.email {
    background-position: -23px -96px
}

#cssmenu>ul>li>a .icon.accounting {
    background-position: 0 -120px
}

#cssmenu>ul>li.active>a .icon.accounting,
#cssmenu>ul>li>a:hover .icon.accounting,
#cssmenu>ul>li>a.nav-highlight .icon.accounting {
    background-position: -23px -120px
}

#cssmenu>ul>li>a .icon.tax {
    background-position: 0 -144px
}

#cssmenu>ul>li.active>a .icon.tax,
#cssmenu>ul>li>a:hover .icon.tax,
#cssmenu>ul>li>a.nav-highlight .icon.tax {
    background-position: -23px -144px
}

#cssmenu>ul>li>a .icon.reports {
    background-position: 0 -168px
}

#cssmenu>ul>li.active>a .icon.reports,
#cssmenu>ul>li>a:hover .icon.reports,
#cssmenu>ul>li>a.nav-highlight .icon.reports {
    background-position: -23px -168px
}

#cssmenu>ul>li>a .icon.collaboration {
    background-position: 0 -192px
}

#cssmenu>ul>li.active>a .icon.collaboration,
#cssmenu>ul>li>a:hover .icon.collaboration,
#cssmenu>ul>li>a.nav-highlight .icon.collaboration {
    background-position: -23px -192px
}

#cssmenu>ul>li>a .icon.automation {
    background-position: 0 -216px
}

#cssmenu>ul>li.active>a .icon.automation,
#cssmenu>ul>li>a:hover .icon.automation {
    background-position: -23px -216px
}

#cssmenu>ul>li>a .icon.integrations {
    background-position: 0 -240px
}

#cssmenu>ul>li.active>a .icon.integrations,
#cssmenu>ul>li>a:hover .icon.integrations {
    background-position: -23px -240px
}

#cssmenu>ul>li>a .icon.pricing {
    background-position: 0 -264px
}

#cssmenu>ul>li.active>a .icon.pricing,
#cssmenu>ul>li>a:hover .icon.pricing,
#cssmenu>ul>li>a.nav-highlight .icon.pricing {
    background-position: -23px -264px
}

.lappy-slider {
    background: url(../images/webgility/lappy-img-large.png) no-repeat;
    width: 945px;
    height: 467px;
    padding: 34px 137px 0 143px;
    margin: 0 auto;
    background-size: 100% auto
}

.lappy-slider .wg_slide {
    margin: 0 !important
}

.lappy-slider .wg_selectorsBlock {
    bottom: -3px
}

.general-page .block-img-wrapper {
    min-height: 140px
}

.home-corousel-slider {
    margin: 0;
    padding: 0
}

.home-corousel-slider li {
    margin: 0;
    padding: 0
}

.home-circle-wrapper {
    display: inline-block;
    width: 550px;
    height: 550px;
    border-radius: 100%;
    position: relative
}

.home-feature-circle {
    width: 525px;
    height: 525px;
    display: inline-block;
    background: url(/images/webgility/home-feature-circle.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-size: 100% auto
}

.features-area .feature-box:last-child {
    margin-top: 70px
}

.features-area .feature-box p {
    line-height: 23px
}

.clock-blue-lg {
    background-image: url(../images/webgility/clock-blue-lg.png);
    width: 43px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.dollar-blue-lg {
    background-image: url(../images/webgility/dollar-blue-lg.png);
    width: 27px;
    height: 51px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 5px
}

.order-blue-lg {
    background-image: url(../images/webgility/order-blue-lg.png);
    width: 38px;
    height: 38px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 8px
}

.partners-wrapper .partner-img-wrapper {
    text-align: center;
    background-color: #fff;
    height: 125px;
    display: table;
    width: 100%
}

.partners-wrapper .partner-img-wrapper a {
    display: table-cell;
    vertical-align: middle
}

.partners-wrapper .partner-img-wrapper img {
    display: inline-block
}

.support-wrapper .col {
    height: 500px;
    position: relative
}

.support-wrapper .col .continue-content {
    position: absolute;
    bottom: 30px;
    width: 100%;
    right: 30px
}

.professional-services-wrapper .col ul {
    margin: 0
}

.professional-services-wrapper .col ul li {
    list-style-type: none;
    margin-bottom: 20px
}

.contact-bottom-blocks .col {
    position: relative;
    border-top: 8px solid #001d75;
    min-height: 390px
}

.video-card .video-thumb-wrapper .product-features-video {
    position: relative;
    display: block
}

.video-card .video-thumb-wrapper .product-features-video:before {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/play-button-inside-a-circle.svg) no-repeat left bottom / 30px;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 28px;
    top: 0
}

.product-features-video-wrapper .bg-light-gray {
    min-height: 430px;
    position: relative;
    padding-bottom: 80px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12)
}

.webinars .webinars-list {
    margin-bottom: 50px
}

.webinars .webinars-list .col {
    min-height: 730px;
    position: relative
}

.webinars .webinars-list .col .continue-content,
.product-features-video-wrapper .col .continue-content {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%
}

.webinar_image {
    position: absolute
}

.bannerhgt {
    min-height: 250px
}

.demo-img-wrapper {
    min-height: 180px
}

.ue-demo-img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 750px
}

.customer-review-slider {
    margin: 0;
    padding: 0;
    height: 175px
}

.customer-review-slider li {
    margin: 0;
    padding: 0
}

.customer-says {
    position: relative;
    padding-left: 130px;
    display: table;
    width: 100%
}

.customer-says .photo {
    display: block;
    position: absolute;
    height: 97px;
    width: 97px;
    background-image: url(../images/melissa-honeybee-gardens.png);
    left: 0;
    top: 0;
    background-size: 100% auto
}

.customer-says .photo1 {
    display: block;
    position: absolute;
    height: 97px;
    width: 97px;
    background-image: url(../images/carla-wedding-collectibles.png);
    left: 0;
    top: 0;
    background-size: 100% auto
}

.customer-says .photo2 {
    display: block;
    position: absolute;
    height: 97px;
    width: 97px;
    background-image: url(../images/webgility/logos/metal-marvels.png);
    left: 0;
    top: 0;
    background-size: 100% auto
}

.customer-says .photo3 {
    display: block;
    position: absolute;
    height: 97px;
    width: 97px;
    background-image: url(../images/webgility/logos/great-lakes.png);
    left: 0;
    top: 0;
    background-size: 100% auto
}

.customer-says .says {
    display: block
}

.t5-img-wrapper {
    float: left;
    margin-right: 20px;
    margin-top: 10px
}

.t5-img-wrapper img {
    max-width: 160px
}

.ecommerce-resources-list {
    margin: 0;
    padding: 0;
    text-align: center
}

.ecommerce-resources-list li {
    display: inline-block;
    margin: 20px 60px 0;
    width: 160px;
    vertical-align: top
}

.ecommerce-resources-list li .caption {
    text-align: left;
    margin-top: 10px
}

.trial-flow .form-box {
    max-width: 465px;
    display: block;
    margin: 0 auto
}

.trial-flow .form-box select {
    font-size: 18px;
    padding: 8px
}

.trial-flow .form-box .validate-text {
    color: red;
    font-size: 13px
}

.trial-flow .form-box .features-list {
    margin-left: 0
}

.trial-flow .form-box .features-list li {
    list-style-type: none;
    margin-top: 10px
}

.enterprise-thanks-steps .steps-col {
    padding-left: 40px;
    padding-right: 40px
}

.enterprise-thanks-steps .steps-col p {
    line-height: 38px
}

.enterprise-thanks-steps .steps-col .steps-count {
    display: inline-block;
    border-radius: 100%;
    border: solid 1px #1f2933;
    height: 25px;
    width: 25px;
    line-height: 24px
}

.webinar-banner .banner-img {
    display: block;
    border-radius: 100%;
    overflow: hidden;
    background-color: #fff;
    border: solid 10px #FF8B02
}

.webinar-banner .banner-img img {
    display: inline-block
}

.top-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4
}

.top-notification-bar {
    text-align: center;
    position: relative;
    height: 53px;
    padding-top: 10px !important;
    font-size: 16px
}

.primary-bar {
    background-color: #21242a;
    color: #e5eef0;
    box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
    display: none
}

.secondary-bar {
    background: #f9f9fa;
    color: #666;
    border-bottom: solid 1px #dedede
}

.secondary-bar .notification-msg {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.top-notification-bar span a {
    color: #00c9ff;
    margin: 10px 0 !important;
    display: inline-block;
    border-bottom: 1px solid #00c9ff;
    padding-bottom: 4px;
    font-weight: 600;
    line-height: .88
}

.primary-bar .close {
    background: #1e343f
}

.primary-bar .close:before,
.primary-bar .close:after {
    background-color: #00c9ff
}

.secondary-bar .close {
    background: #e0f4fb
}

.secondary-bar .close:before,
.secondary-bar .close:after {
    background-color: #00c9ff
}

.close {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: .7;
    cursor: pointer
}

.close:hover {
    opacity: 1
}

.close:before,
.close:after {
    position: absolute;
    left: 14px;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #00c9ff;
    top: 8px
}

.close:before {
    transform: rotate(45deg)
}

.close:after {
    transform: rotate(-45deg)
}

.submenu-title {
    padding: 0
}

.submenu-title span {
    font-weight: 700;
    border-bottom: 1px dashed #858585;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 5px !important
}

.nav-bar>li.has-flyout>a {
    cursor: default
}

.subnav-dropdown {
    margin-left: -25px
}

.subnav-dropdown i:before {
    font-size: 13px !important
}

.new-top-header .has-flyout>a:before,
.new-top-header .has-flyout>a:after {
    background-color: #1f2933
}

.has-flyout a:before {
    right: 2px;
    transform: rotate(45deg)
}

.has-flyout a:after {
    transform: rotate(-45deg);
    right: 7px
}

ul.flyout li:hover a {
    color: #001d75 !important;
    text-decoration: underline
}

.top-header nav ul li>a:hover:before,
.top-header nav ul li>a:hover:after {
    background-color: #ff991d
}

.seach-box {
    position: absolute;
    right: 0;
    width: 410px;
    height: 35px;
    top: -4px;
    border-radius: 3px;
    border: 0;
    display: none
}

ul li.search a span.search-text {
    display: none
}

.inner-menu,
.relative-elm {
    position: relative
}

.display-ib {
    display: inline-block !important
}

.display-flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mac-os .flex-col-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 10%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mac-os .flex-col-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    width: 25%;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-center {
    align-items: center;
    -webkit-align-items: center
}

.flex-bottom {
    align-items: flex-end;
    -webkit-align-items: flex-end
}

.flex-reverse {
    flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important
}

.valign-t {
    vertical-align: top
}

.valign-m {
    vertical-align: middle
}

.valign-b {
    vertical-align: bottom
}

.tt-uppercase {
    text-transform: uppercase
}

.ls--01 {
    letter-spacing: -.01em
}

.ls--02 {
    letter-spacing: -.02em
}

.ls--03 {
    letter-spacing: -.03em
}

.ls-02 {
    letter-spacing: .02em
}

.ls-03 {
    letter-spacing: .03em
}

.ls-04 {
    letter-spacing: .04em
}

.ls-05 {
    letter-spacing: .05em
}

.ls-06 {
    letter-spacing: .06em
}

.ls-1 {
    letter-spacing: .1em
}

.ls-1-5 {
    letter-spacing: .15em
}

.ls-2 {
    letter-spacing: .2em
}

.lh-normal,
.list-lh-normal li {
    line-height: normal !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-1-1 {
    line-height: 1.1 !important
}

.lh-1-2 {
    line-height: 1.2 !important
}

.lh-1-3 {
    line-height: 1.3 !important
}

.lh-1-4 {
    line-height: 1.4 !important
}

.lh-1-5 {
    line-height: 1.5 !important
}

.lh-1-6 {
    line-height: 1.6 !important
}

.lh-1-7 {
    line-height: 1.7 !important
}

.lh-1-8 {
    line-height: 1.8 !important
}

.lh-1-9 {
    line-height: 1.9 !important
}

.lh-2 {
    line-height: 2 !important
}

.lst-none {
    list-style-type: none
}

.hw-100 {
    width: 100px;
    height: 100px
}

.hw-130 {
    width: 130px;
    height: 130px
}

.hw-150 {
    width: 150px;
    height: 150px
}

.hw-160 {
    width: 160px;
    height: 160px
}

.hw-180 {
    width: 180px;
    height: 180px
}

.hw-220 {
    width: 220px;
    height: 220px
}

.nav-bar>li.has-flyout>a:first-child i:before {
    font-size: 10px;
    margin-left: 2px;
    font-weight: bold;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
    color: #000
}

.top-header nav ul li i {
    position: relative;
    top: -1px;
    margin-left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a.top-nav-link i.flaticon-down-arrow {
    position: relative;
    top: -1px
}

.header-logo {
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 1
}

.top-header .row {
    position: relative
}

.inner-menu .has-flyout>a:before,
.inner-menu .has-flyout>a:after {
    background-color: #1f2933
}

.inner-menu .top-header.navbar-fixed {
    background: #fff
}

.inner-menu .top-header .top-main-nav .menu-btn-new {
    height: auto
}

.inventory-management-banner-img {
    background: url(/images/webgility-new-design/banner/inventory-management-v1.svg)
}

.multi-channel-selling-banner-img,
.shopify-quickBooks-integration-banner-img {
    background: url(/images/webgility-new-design/banner/multi-channel-selling-banner-img-v1.jpg)
}

.order-tracking-management-banner-img {
    background: url(/images/webgility-new-design/Order-tracking-banner-v1.svg)
}

.ecommerce-management-banner-img {
    background: url(/images/webgility-new-design/banner/ecommerce-management-banner-img-v1.jpg)
}

.webgility-mobile-banner-img {
    background: url(/images/webgility-new-design/banner/Financial-reports-banner-bg-v1.svg);
    padding-bottom: 0 !important
}

.banner-wrapper {
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    background-color: #6677ac
}

.homepagenew-banner-wrapper {
    background-color: transparent !important;
    margin-top: 40px
}

.banner-wrapper-content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

.banner-wrapper.team-banner {
    height: 500px;
    background-image: url(/images/webgility-new-design/banner/az-team-banner.jpg);
    position: relative;
    background-position: center top
}

.banner-wrapper.team-achievements-banner {
    background-image: url(/images/webgility-new-design/banner/multi-team-blue-banner.jpg)
}

.top-header {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    /* background: #fff;
    height: 60px */
}

.top-header:not(.new-top-header) {
    padding-top: 8px;
    padding-bottom: 4px;
}


.top-header .phone-number-nav ul li.search a {
    color: #7B8794
}

.header-wrapper {
    background: #fff;
}

.navbar-fixed {
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 4px 6px rgb(2 7 46 / 8%);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-50px);
    }

    100% {
        transform: translateY(0px);
    }
}

.darkblue-menu .top-header {
    background: #001d75;
    border-bottom: 0 !important
}

.darkblue-menu .top-header.navbar-fixed {
    background: #001d75
}

.darkblue-menu .top-main-nav ul li a {
    color: #fff
}

.darkblue-menu .has-flyout>a:before,
.darkblue-menu .has-flyout>a:after {
    background-color: #fff
}

.new-top-header.navbar-fixed {
    background: #fff
}

.top-header nav ul>li>a {
    color: #00071D;
    /* text-transform: capitalize; */
}

.new-top-header nav ul li a {
    color: #001d75;
    color: #263A60
}

.top-header nav ul li.search {
    color: #9ca4ab
}

.top-header nav ul li.search .search-icon {
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 3px;
    position: relative
}

.top-header nav ul li.search .search-icon:before {
    font-size: 17px;
    font-weight: bold
}

.promo-banner-nav-links li a:hover {
    color: #d9e8ff
}

.phone-number a img,
.login-wrapper a img,
.certified-partners a img,
.help-center a img {
    position: relative;
    top: 3px;
    margin-right: 8px
}

.top-header .phone-number-nav li.phone-number a {
    letter-spacing: .5px
}

.banner-top-content {
    padding-top: 60px
}

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

.banner-top-content h1 {
    margin: 190px 0 20px
}

.banner-top-content p,
.banner-top-content h2 {
    font-size: 22px;
    line-height: 40px
}

.banner-slide {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-bottom: 30px
}

.slide-bgimg-home {
    background: url(../images/webgility-new-design/Homepage-Main.jpg)
}

.slide-bgimg-ud {
    background: url(../images/webgility-new-design/unify-desktop/banner-img-v1.jpg)
}

.slide-bgimg-uo {
    background: url(../images/webgility-new-design/unify-desktop/banner-img-online-v1.jpg)
}

.slide-bgimg-feedback {
    background: url(../images/webgility-new-design/Customer-Quote.jpg);
    background-position: center
}

.slide-bgimg-irce {
    background: url(../images/webgility-new-design/IRCE-Banner-Image.jpg);
    background-position: center
}

.slide-bgimg-shipping {
    background: url(../images/webgility-new-design/shipping-fulfillment.jpg);
    background-position: center
}

.banner-right-img {
    max-width: none
}

.home-banner-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #fff
}

.home-banner-slider .slick-dots li.slick-active button {
    background-color: transparent;
    border: 1px solid #cbcbcb;
    box-shadow: none
}

.home-banner-slider .slick-dots li {
    width: 15px;
    margin: 1px
}

.home-banner-slider .slick-dots {
    margin-bottom: 10px
}

.store-list-section {
    background: #f9f9fa;
    height: 100px;
    position: relative;
    z-index: 1
}

.store-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow: hidden
}

.store-list-section .store-list li {
    display: inline-block;
    width: 14%;
    margin-left: -2px;
    text-align: center;
    margin-top: 7px;
    vertical-align: middle
}

.store-list-section .store-list.seven-logos li {
    width: 13%
}

.store-list-section .store-list li a {
    display: block;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 65px;
    position: relative
}

.grayscaled-store-logos .store-list li {
    width: 15%
}

.grayscaled-store-logos .store-list li a {
    width: 150px;
    margin: 0 auto
}

.store-list-section .store-list li.ebay a {
    background-image: url(../images/webgility-new-design/store-logo/ebay.png);
    background-size: 55% auto
}

.store-list-section .store-list li.ebay a:hover {
    background-image: url(../images/webgility-new-design/store-logo/ebay-colored.png)
}

.store-list-section .store-list li.amazon a {
    background-image: url(../images/webgility-new-design/store-logo/amazon.png);
    background-size: 60% auto;
    top: 3px
}

.store-list-section .store-list li.amazon a:hover {
    background-image: url(../images/webgility-new-design/store-logo/amazon-colored.png)
}

.store-list-section .store-list li.amazon-ohw a {
    background-image: url(../images/webgility-new-design/store-logo/amazon.png);
    background-size: 60% auto;
    top: 3px
}

.store-list-section .store-list li.amazon-ohw a:hover {
    background-image: url(../images/webgility-new-design/store-logo/amazon-white.png)
}

.store-list-section .store-list li.squre a {
    background-image: url(../images/webgility-new-design/store-logo/squre.png);
    background-size: 22% auto
}

.store-list-section .store-list li.squre a:hover {
    background-image: url(../images/webgility-new-design/store-logo/squre-colored.png)
}

.store-list-section .store-list li.bigcommerce a {
    background-image: url(../images/webgility-new-design/store-logo/bigcommerce.png);
    background-size: 84% auto
}

.store-list-section .store-list li.bigcommerce a:hover {
    background-image: url(../images/webgility-new-design/store-logo/bigcommerce-colored.png)
}

.store-list-section .store-list li.bigcommerce-mono a {
    background-image: url(../images/webgility-new-design/store-logo/bigcommerce-mono.png);
    background-size: 25% auto;
    top: -2px
}

.store-list-section .store-list li.bigcommerce-mono a:hover {
    background-image: url(../images/webgility-new-design/store-logo/bigcommerce-mono-white.png)
}

.store-list-section .store-list li.shopify a {
    background-image: url(../images/webgility-new-design/store-logo/shopify.png);
    background-size: 21% auto
}

.store-list-section .store-list li.shopify a:hover {
    background-image: url(../images/webgility-new-design/store-logo/shopify-colored.png)
}

.store-list-section .store-list li.shopify-ts a {
    background-image: url(../images/webgility-new-design/store-logo/shopify-ts.png);
    background-size: 21% auto
}

.store-list-section .store-list li.shopify-ts a:hover {
    background-image: url(../images/webgility-new-design/store-logo/shopify-white.png)
}

.store-list-section .store-list li.quickbooks a {
    background-image: url(../images/webgility-new-design/store-logo/qb_intuit.png);
    background-size: 60% auto
}

.store-list-section .store-list li.quickbooks a:hover {
    background-image: url(../images/webgility-new-design/store-logo/qb_intuit_colored.png)
}

.store-list-section .store-list li.quickbooks-tqb a {
    background-image: url(../images/webgility-new-design/store-logo/qb_intuit-tqb.png);
    background-size: 60% auto
}

.store-list-section .store-list li.quickbooks-tqb a:hover {
    background-image: url(../images/webgility-new-design/store-logo/qb_intuit-white.png)
}

.store-list-section .store-list li.xero a {
    background-image: url(../images/webgility-new-design/store-logo/xero.png);
    background-size: 33% auto
}

.store-list-section .store-list li.xero a:hover {
    background-image: url(../images/webgility-new-design/store-logo/xero-colored.png)
}

.store-list-section .store-list li.magento a {
    background-image: url(../images/webgility-new-design/store-logo/magento-logo.png);
    background-size: 25% auto
}

.store-list-section .store-list li.magento a:hover {
    background-image: url(../images/webgility-new-design/store-logo/magento-logo-colored.png)
}

.store-list-section .store-list li.magento-ohw a {
    background-image: url(../images/webgility-new-design/store-logo/magento-logo.png);
    background-size: 25% auto
}

.store-list-section .store-list li.magento-ohw a:hover {
    background-image: url(../images/webgility-new-design/store-logo/magento-logo-white.png)
}

.store-list-section .store-list li.magento-logo a {
    background-image: url(../images/webgility-new-design/store-logo/magento.png);
    background-size: 85% auto
}

.store-list-section .store-list li.magento-logo a:hover {
    background-image: url(../images/webgility-new-design/store-logo/magento-colored.png)
}

.store-list-section .store-list li.shippingeasy a {
    background-image: url(../images/webgility-new-design/store-logo/shippingeasy.svg);
    background-size: 70% auto
}

.store-list-section .store-list li.shippingeasy a:hover {
    background-image: url(../images/webgility-new-design/store-logo/shippingeasy-colored.svg)
}

.store-list-section .store-list li.shipstation a {
    background-image: url(../images/webgility-new-design/store-logo/shipstation.png);
    background-size: 95% auto
}

.store-list-section .store-list li.shipstation a:hover {
    background-image: url(../images/webgility-new-design/store-logo/shipstation-colored.png)
}

.store-list-section .store-list li.fedex a,
.store-integrate-box li.fedex a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/fedEX-logo-gray.svg);
    background-size: 50% auto
}

.store-list-section .store-list li.fedex a:hover,
.store-integrate-box li.fedex:hover a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/fedEX-logo.svg)
}

.store-list-section .store-list li.ups a,
.store-integrate-box li.ups a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/ups-logo-gray.svg);
    background-size: 100% 50px
}

.store-list-section .store-list li.ups a:hover,
.store-integrate-box li.ups:hover a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/ups-logo.svg)
}

.store-list-section .store-list li.endicia a,
.store-integrate-box li.endicia a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/endicia-full-logo-gray.svg);
    background-size: 100% 150px
}

.store-list-section .store-list li.endicia a:hover,
.store-integrate-box li.endicia:hover a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/endicia-full-logo.svg)
}

.store-list-section .store-list li.netsuite a {
    background-image: url(../images/webgility-new-design/store-logo/Oracle-NetSuite-gray.png);
    background-size: 75% auto
}

.store-list-section .store-list li.netsuite a:hover {
    background-image: url(../images/webgility-new-design/store-logo/Oracle-NetSuite.png)
}

.store-list-section .store-list li.avalara a {
    background-image: url(../images/webgility-new-design/store-logo/avalara-full.svg);
    background-size: 85% auto
}

.store-list-section .store-list li.avalara a:hover {
    background-image: url(../images/webgility-new-design/store-logo/avalara-full-colored.svg)
}

.store-list-section .store-list li.woocommerce a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce.png);
    background-size: 40% auto
}

.store-list-section .store-list li.woocommerce:hover a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce-colored.png)
}

.store-list-section .store-list li.stamps a,
.store-list-section .store-list li.stamps-ohw a,
.store-integrate-box li.stamps a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/stamps-logo-gray.svg);
    background-size: 63% auto
}

.store-list-section .store-list li.stamps:hover a,
.store-integrate-box li.stamps:hover a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/stamps-logo.svg)
}

.store-list-section .store-list li.stamps-ohw:hover a {
    background-image: url(../images/webgility-new-design/store-logo/stamps-white.png)
}

.store-list-section .store-list li.skuvault a {
    background-image: url(../images/webgility-new-design/store-logo/skuvault.svg);
    background-size: 80% auto
}

.store-list-section .store-list li.skuvault:hover a {
    background-image: url(../images/webgility-new-design/store-logo/skuvault-colored.svg)
}

.store-list-section .store-list li.skubana a {
    background-image: url(../images/webgility-new-design/store-logo/skubana.svg);
    background-size: 70% auto
}

.store-list-section .store-list li.skubana:hover a {
    background-image: url(../images/webgility-new-design/store-logo/skubana-colored.svg)
}

.store-list-section .store-list li.shopify-full a {
    background-image: url(../images/webgility-new-design/store-logo/shopify-full.svg);
    background-size: 100% 230px
}

.store-list-section .store-list li.shopify-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/shopify-full-colored.svg)
}

.store-list-section .store-list li.woocommerce-full a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce-full.png);
    background-size: 71% auto
}

.store-list-section .store-list li.woocommerce-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce-full-colored.png)
}

.store-list-section .store-list li.jet a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/jet-logo-gray.svg);
    background-size: 38% auto
}

.store-list-section .store-list li.jet:hover a {
    background-image: url(../images/webgility-new-design/store-logo/jet-logo.svg)
}

.store-list-section .store-list li.reverb a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/reverb-logo-gray.svg);
    background-size: 75% auto
}

.store-list-section .store-list li.reverb:hover a {
    background-image: url(../images/webgility-new-design/store-logo/Reverb-Logo.svg)
}

.banner-integration .store-list li.integration-title {
    color: #A6AAB9;
    text-align: left;
    width: 19%
}

.banner-integration .store-list li {
    width: 13%;
    vertical-align: middle
}

.banner-integration {
    background: transparent
}

.learn-more-link .flaticon-fw-arrow:before {
    font-size: 14px;
    font-weight: 700
}

.piller-content .icon,
.piller-content-b .icon {
    height: 75px;
    line-height: 88px
}

.how-it-works-list {
    margin: 80px 0 30px;
    padding-top: 10px
}

.how-it-works-list li {
    margin-bottom: 40px;
    text-align: center;
    position: relative
}

.hiw-figure {
    width: 180px;
    height: 180px;
    margin: 0 auto 65px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px 6px rgba(239, 239, 239, 0.5), 0 2px 4px 0 rgba(214, 214, 214, 0.35);
    padding: 20px;
    z-index: 1;
    position: relative
}

.how-it-works-section .hiw-center .hiw-figure {
    z-index: 2
}

.hiw-figure span {
    background: #f9f9fa;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 19px;
    text-align: center
}

.hiw-figure-unify span {
    background-image: url(../images/webgility-new-design/unify-logo-gu.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75% auto
}

.hiw-figure-webgility span {
    background-image: url(../images/webgility-new-design/webgility-logo-og.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% auto
}

.hiw-figure-caption {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.hiw-figure-caption h3 {
    font-size: 18px;
    margin-bottom: 3px;
    color: #1f2933
}

.hiw-figure-caption h4 {
    font-size: 18px;
    line-height: 26px;
    width: 89%;
    margin: 0 auto;
    color: #858585
}

.border-bottom-gray {
    border-bottom: 1px solid #ddd
}

.border-top-gray {
    border-top: solid 1px #d8d8d8
}

.bb-gray {
    border-bottom: 1px solid #DDE2E6
}

.bt-gray {
    border-top: 1px solid #DDE2E6
}

.tb-border-lightblue {
    border-top: 1px solid rgba(0, 26, 203, 0.20);
    border-bottom: 1px solid rgba(0, 26, 203, 0.20)
}

.rareform-img-large {
    background: url(/images/webgility-new-design/case-study/rareform-large.jpg) center no-repeat;
    background-size: cover
}

.rayzin-img-large {
    background: url(/images/webgility-new-design/case-study/Wine-Rayzyn-large.jpg) center no-repeat;
    background-size: cover
}

.qb-advanced-inventory-img {
    background: url(/images/webgility-new-design/quickbooks-advanced-inventory-overview.jpg) center no-repeat;
    background-size: cover
}

.track-inventory-img {
    background: url(/images/webgility-new-design/track-inventory.jpg) center no-repeat;
    background-size: cover
}

.scan-inventory-img {
    background: url(/images/webgility-new-design/scan-inventory.jpg) center no-repeat;
    background-size: cover
}

.advanced-pick-pack-and-ship-img {
    background: url(/images/webgility-new-design/Advanced-pick-pack-and-ship.png) center no-repeat;
    background-size: cover
}

.case-studies-img-1 {
    background: url(/images/webgility-new-design/case-study/rareform.jpg) center;
    background-size: cover
}

.case-studies-img-2 {
    background: url(/images/webgility-new-design/case-study/rayzyn.jpg) center;
    background-size: cover
}

.case-studies-img-3 {
    background: url(/images/webgility-new-design/case-study/Trollbeads-Studio.png) center;
    background-size: cover
}

.floating-integration .store-integrate-box {
    text-align: left;
    width: 746px
}

.zigzag-img-container {
    height: 700px;
    position: relative;
    width: 50vw
}

.zigzag-img-mask:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, .39);
    transition: all .5s ease
}

.play-icon:after {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/play-button-inside-a-circle.svg) no-repeat center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    position: absolute
}

.inventory-video-wrapper .play-icon:after {
    background-size: 50px
}

.career-slider-wrapper .play-icon:after {
    top: 40px
}

.case-studies-logo {
    margin-left: 15%;
    margin-top: 50px;
    position: relative;
    width: 200px
}

.zigzag-img-mask:hover:before {
    background: none
}

.case-studies-content {
    position: absolute;
    bottom: 40px;
    color: #fff;
    width: 70%;
    left: 15%
}

.zigzag-text-container {
    padding-left: 85px
}

.flex-reverse .zigzag-text-container {
    padding-left: 0;
    padding-right: 85px
}

.cs-rareform .cs-logo {
    position: absolute;
    bottom: 40px;
    right: 40px
}

.cs-rareform .cs-content,
.cs-content {
    position: absolute;
    bottom: 10px;
    color: #fff;
    width: 65%;
    left: 3%
}

.inventory-video-title {
    width: 94%
}

.chart-section .figure-caption .inner-figur-caption p {
    font-size: 18px
}

.chart-section .figure-caption .inner-figur-caption h1 {
    line-height: 1.33
}

.chart-section .figure-caption .inner-figur-caption p strong {
    color: #1f2933;
    font-weight: 400
}

.chart-section:nth-child(even) .pull-left.figure-caption {
    float: left
}

.store-integrate-box li.webgility a {
    background-image: url(/images/webgility-new-design/webgility-logo-white-footer.svg);
    background-size: 76% auto
}

.store-integrate-box {
    margin: 0 auto;
    text-align: center
}

.store-integrate-box li {
    display: inline-block;
    width: 220px;
    height: 100px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    line-height: normal;
    margin: 13px
}

.store-integrate-box li a {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%
}

.store-integrate-box li img {
    width: 100%;
    max-width: 120px;
    margin-top: 20px
}

.webgility-integrates-apps p {
    margin: 25px auto 45px;
    line-height: 25px;
    color: #1f2933;
    font-size: 18px;
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.webgility-integrates-apps p a {
    border-bottom: 1px solid;
    color: #1f2933
}

.preload-store-colored-logo {
    background-image: url(../images/webgility-new-design/store-logo/amazon-colored.png), url(../images/webgility-new-design/store-logo/opencart-colored.png), url(../images/webgility-new-design/store-logo/3dcart-colored.png), url(../images/webgility-new-design/store-logo/xcart-colored.png), url(../images/webgility-new-design/store-logo/volusion-colored.png), url(../images/webgility-new-design/store-logo/etsy-colored.png), url(../images/webgility-new-design/store-logo/squre-colored.png), url(../images/webgility-new-design/store-logo/woocommerce-colored.png), url(../images/webgility-new-design/store-logo/ebay-colored.png), url(../images/webgility-new-design/store-logo/shopify-colored.png), url(../images/webgility-new-design/store-logo/bigcommerce-colored.png), url(../images/webgility-new-design/store-logo/magento-colored.png), url(../images/webgility-new-design/store-logo/qb_intuit_colored.png), url(../images/webgility-new-design/store-logo/qb-colored.png), url(../images/webgility-new-design/store-logo/xero-colored.png), url(../images/webgility-new-design/store-logo/shipstation-colored.png), url(../images/webgility-new-design/store-logo/skubana-colored.png), url(../images/webgility-new-design/store-logo/magento-logo.png), url(../images/webgility-new-design/store-logo/magento-logo-colored.png), url(../images/webgility-new-design/store-logo/shippingeasy.svg), url(../images/webgility-new-design/store-logo/shippingeasy-colored.svg), url(../images/webgility-new-design/store-logo/stamps-colored.png), url(../images/webgility-new-design/store-logo/stamps-white-red.png), url(../images/webgility-new-design/store-logo/shopify-full-colored.png), url(../images/webgility-new-design/store-logo/squre-full-colored.png), url(../images/webgility-new-design/store-logo/stamps-full-colored.png), url(../images/webgility-new-design/store-logo/woocommerce-full-colored.png), url(../images/webgility-new-design/store-logo/volusion-full-colored.svg), url(../images/webgility-new-design/store-logo/shopify-full-colored.svg), url(../images/webgility-new-design/store-logo/netsuite-full-colored.svg), url(../images/webgility-new-design/store-logo/avalara-full-colored.svg), url(../images/webgility-new-design/store-logo/skubana-colored.svg), url(../images/webgility-new-design/store-logo/skuvault-colored.svg), url(../images/webgility-new-design/store-logo/fedex-colored.png), url(../images/webgility-new-design/store-logo/ups-colored.png), url(../images/webgility-new-design/store-logo/endicia-colored.png), url(../images/webgility-new-design/store-logo/Oracle-NetSuite.png), url(../images/webgility-new-design/store-logo/vector-logos/ups-logo.svg), url(../images/webgility-new-design/store-logo/vector-logos/fedEX-logo.svg), url(../images/webgility-new-design/store-logo/vector-logos/stamps-logo.svg), url(../images/webgility-new-design/store-logo/vector-logos/endicia-full-logo.svg), url(../images/webgility-new-design/store-logo/jet-logo.svg), url(../images/webgility-new-design/store-logo/Reverb-Logo.svg)
}

.store-integrate-box li.magento a {
    background-image: url(../images/webgility-new-design/store-logo/magento.png);
    background-size: 76% auto
}

.store-integrate-box li.magento:hover a {
    background-image: url(../images/webgility-new-design/store-logo/magento-colored.png);
    background-size: 76% auto
}

.store-integrate-box li.amazon a {
    background-image: url(../images/webgility-new-design/store-logo/amazon.png);
    background-size: 55% auto
}

.store-integrate-box li.amazon:hover a {
    background-image: url(../images/webgility-new-design/store-logo/amazon-colored.png);
    background-size: 55% auto
}

.store-integrate-box li.bigcommerce a {
    background-image: url(../images/webgility-new-design/store-logo/bigcommerce.png);
    background-size: 76% auto
}

.store-integrate-box li.bigcommerce:hover a {
    background-image: url(../images/webgility-new-design/store-logo/bigcommerce-colored.png);
    background-size: 76% auto
}

.store-integrate-box li.shopify a {
    background-image: url(../images/webgility-new-design/store-logo/shopify.png);
    background-size: 25% auto
}

.store-integrate-box li.shopify:hover a {
    background-image: url(../images/webgility-new-design/store-logo/shopify-colored.png);
    background-size: 25% auto
}

.store-integrate-box li.netsuite a {
    background-image: url(../images/webgility-new-design/store-logo/Oracle-NetSuite-gray.png);
    background-size: 70% auto
}

.store-integrate-box li.netsuite:hover a {
    background-image: url(../images/webgility-new-design/store-logo/Oracle-NetSuite.png)
}

.store-integrate-box li.shopify-full a {
    background-image: url(../images/webgility-new-design/store-logo/shopify-full.svg);
    background-size: 100% 230px
}

.store-integrate-box li.shopify-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/shopify-full-colored.svg)
}

.store-integrate-box li.squre-full a {
    background-image: url(../images/webgility-new-design/store-logo/squre-full.png);
    background-size: 71% auto
}

.store-integrate-box li.squre-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/squre-full-colored.png)
}

.store-integrate-box li.stamps-full a {
    background-image: url(../images/webgility-new-design/store-logo/stamps-full.png);
    background-size: 67% auto
}

.store-integrate-box li.stamps-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/stamps-full-colored.png)
}

.store-integrate-box li.woocommerce-full a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce-full.png);
    background-size: 71% auto
}

.store-integrate-box li.woocommerce-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce-full-colored.png)
}

.store-integrate-box li.volusion-full a {
    background-image: url(../images/webgility-new-design/store-logo/volusion-full.svg);
    background-size: 100% 210px
}

.store-integrate-box li.volusion-full:hover a {
    background-image: url(../images/webgility-new-design/store-logo/volusion-full-colored.svg)
}

.store-integrate-box li.ebay a {
    background-image: url(../images/webgility-new-design/store-logo/ebay.png);
    background-size: 55% auto
}

.store-integrate-box li.ebay:hover a {
    background-image: url(../images/webgility-new-design/store-logo/ebay-colored.png);
    background-size: 55% auto
}

.store-integrate-box li.woocommerce a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce.png);
    background-size: 40% auto
}

.store-integrate-box li.woocommerce:hover a {
    background-image: url(../images/webgility-new-design/store-logo/woocommerce-colored.png);
    background-size: 40% auto
}

.store-integrate-box li.squre a {
    background-image: url(../images/webgility-new-design/store-logo/squre.png);
    background-size: 25% auto
}

.store-integrate-box li.squre:hover a {
    background-image: url(../images/webgility-new-design/store-logo/squre-colored.png);
    background-size: 25% auto
}

.store-integrate-box li.etsy a {
    background-image: url(../images/webgility-new-design/store-logo/etsy.png);
    background-size: 50% auto
}

.store-integrate-box li.etsy:hover a {
    background-image: url(../images/webgility-new-design/store-logo/etsy-colored.png);
    background-size: 50% auto
}

.store-integrate-box li.volusion a {
    background-image: url(../images/webgility-new-design/store-logo/volusion.png);
    background-size: 25% auto
}

.store-integrate-box li.volusion:hover a {
    background-image: url(../images/webgility-new-design/store-logo/volusion-colored.png);
    background-size: 25% auto
}

.store-integrate-box li.xcart a {
    background-image: url(../images/webgility-new-design/store-logo/xcart.png);
    background-size: 60% auto
}

.store-integrate-box li.xcart:hover a {
    background-image: url(../images/webgility-new-design/store-logo/xcart-colored.png);
    background-size: 60% auto
}

.store-integrate-box li.cart3d a {
    background-image: url(../images/webgility-new-design/store-logo/3dcart.png);
    background-size: 65% auto
}

.store-integrate-box li.cart3d:hover a {
    background-image: url(../images/webgility-new-design/store-logo/3dcart-colored.png);
    background-size: 65% auto
}

.store-integrate-box li.shift4shop a {
    background-image: url(../images/webgility-new-design/store-logo/shift4shop-logo-grey.png);
    background-size: 65% auto
}

.store-integrate-box li.shift4shop:hover a {
    background-image: url(../images/webgility-new-design/store-logo/vector-logos/shift4shop-logo.png);
    background-size: 65% auto
}

.store-integrate-box li.opencart a {
    background-image: url(../images/webgility-new-design/store-logo/opencart.png);
    background-size: 76% auto
}

.store-integrate-box li.opencart:hover a {
    background-image: url(../images/webgility-new-design/store-logo/opencart-colored.png);
    background-size: 76% auto
}

.store-integrate-box li.qb a {
    background-image: url(../images/webgility-new-design/store-logo/qb.png);
    background-size: 60% auto
}

.store-integrate-box li.qb:hover a {
    background-image: url(../images/webgility-new-design/store-logo/qb-colored.png);
    background-size: 60% auto
}

.store-integrate-box li.xero a {
    background-image: url(../images/webgility-new-design/store-logo/xero.png);
    background-size: 25% auto
}

.store-integrate-box li.xero:hover a {
    background-image: url(../images/webgility-new-design/store-logo/xero-colored.png);
    background-size: 25% auto
}

.store-integrate-box li.shipstation a {
    background-image: url(../images/webgility-new-design/store-logo/shipstation.png);
    background-size: 76% auto
}

.store-integrate-box li.shipstation:hover a {
    background-image: url(../images/webgility-new-design/store-logo/shipstation-colored.png);
    background-size: 76% auto
}

.store-integrate-box li.skubana a {
    background-image: url(../images/webgility-new-design/store-logo/skubana.png);
    background-size: 25% auto
}

.store-integrate-box li.skubana:hover a {
    background-image: url(../images/webgility-new-design/store-logo/skubana-colored.png);
    background-size: 25% auto
}

ul.case-study-box,
ul.how-it-works-list {
    list-style: none
}

.case-study-box li {
    float: left;
    width: 30%;
    margin: 0 5% 0 0
}

.case-study-box li:nth-child(n+3) {
    margin-right: 0
}

.case-study-box li img {
    width: 100%
}

.case-study-box li span {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 30px;
    display: block;
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #1f2933;
    letter-spacing: 1px
}

.case-study-box li span strong {
    display: block
}

.case-study-box li p {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44;
    color: #1f2933;
    margin-bottom: 50px
}

.orange-arrow-link {
    color: #ff6b00;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif
}

.orange-arrow-link:after {
    content: '';
    background: url(../images/webgility-new-design/orange-arrow-right.png);
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    right: -35px;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.orange-arrow-link:hover:after {
    content: '';
    right: -45px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.footer-top-section form input {
    background: transparent;
    color: #fff;
    width: 100%;
    height: 45px;
    border: 2px solid #fff;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 0 15px
}

.footer-top-section form input::-webkit-input-placeholder {
    color: #fff
}

.footer-top-section form input::-moz-placeholder {
    color: #fff
}

.footer-top-section form input:-ms-input-placeholder {
    color: #fff
}

.footer-top-section form input:-moz-placeholder {
    color: #fff
}

.footer-top-section a,
.footer-lp a {
    text-decoration: none
}

.footer-section {
    background: #1f2933;
    padding-top: 70px !important;
    padding-bottom: 90px !important
}

.footer-nav {
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    border-bottom: solid 1px rgba(255, 255, 255, 0.3)
}

.footer-nav li {
    display: inline-block;
    margin-right: 4.9%
}

.footer-column h5,
.footer-column h5 a {
    color: #8B9196;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: normal
}

.footer-nav li a:first-child {
    padding: 0;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: .5px
}

.footer-column {
    font-size: 14px;
    text-align: left
}

.text-uppercase {
    text-transform: uppercase
}

.copyright-bottom {
    line-height: 25px;
    color: #ffffff
}

.copyright-bottom a {
    font-family: "Open Sans Bold"
}

.copyright-bottom span {
    font-size: 12px
}

.footer-subscribe-form {
    position: relative
}

.footer-subscribe-form .form-field {
    position: relative;
    margin-bottom: 15px
}

.footer-subscribe-form .submit {
    position: absolute;
    right: 0;
    top: 4px
}

.footer-subscribe-form .submit input {
    font-size: 0;
    min-width: auto !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0;
    background-image: url(/images/webgility-new-design/vector-icon/ic-next.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent;
    border: none;
    background-size: 25%;
    cursor: pointer
}

.footer-subscribe-form input[type="email"]::-webkit-input-placeholder {
    color: #D1D1D1;
    text-transform: uppercase
}

.footer-subscribe-form input[type="email"]::-moz-placeholder {
    color: #D1D1D1;
    text-transform: uppercase
}

.footer-subscribe-form input[type="email"]:-ms-input-placeholder {
    color: #D1D1D1;
    text-transform: uppercase
}

.footer-subscribe-form input[type="email"]:-moz-placeholder {
    color: #D1D1D1;
    text-transform: uppercase
}

.footer-subscribe-form input[type="email"] {
    width: 100%;
    background-color: transparent !important;
    color: var(--white) !important;
    border: none !important;
    padding: 5px 55px 5px 0 !important;
    font-size: 14px !important;
    float: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 45px !important;
    border-bottom: 2px solid #ffffff !important
}

.footer-subscribe-form .form-field .field-error {
    color: red;
    position: absolute;
    width: 100%;
    z-index: 10;
    padding: 15px
}

.footer-subscribe-form .form-field .field-error .field-error-message {
    display: block;
    overflow: hidden;
    font-size: 13px;
    line-height: normal;
    color: #fff;
    height: 0
}

.footer-subscribe-form .form-field .field-error .field-error-message:before {
    top: -34px !important;
    right: 30px !important
}

.footer-subscribe-form .form-field:not(.static-label)>label {
    padding-left: 0 !important
}

.footer-subscribe-form .form-field {
    margin-bottom: 0 !important
}

.newsletter-form-message {
    position: absolute;
    top: 55px
}

.video-viewport {
    position: absolute;
    top: 0;
    left: 0;
    height: 750px;
    overflow: hidden;
    z-index: -1;
    width: 100%
}

.video-viewport video {
    max-width: none;
    position: absolute;
    bottom: 0;
    min-width: 100%
}

.video-viewport:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #16222A;
    background: -webkit-linear-gradient(to left, #3A6073, #16222A);
    background: linear-gradient(to left, #3A6073, #16222A);
    opacity: .7;
    z-index: 9
}

.qb-color {
    color: #089e00
}

.xero-color {
    color: #0eb0d4
}

.xero-rating-wrapper,
.qb-rating-wrapper {
    text-align: center;
    display: block;
    width: 225px;
    margin: auto;
    text-decoration: none !important
}

.xero-rating-wrapper,
.xero-rating-wrapper:hover {
    color: #1eb5e9
}

.star-ratings {
    color: #1D3DBF
}

.mono-background {
    height: 235px;
    background: url(/images/webgility-new-design/mono-banner.png) no-repeat center center;
    background-size: cover;
    position: relative
}

.star-ratings i:before {
    font-size: 14px
}

.laptop-frame {
    width: 600px;
    height: 352px;
    background: url(/images/webgility-new-design/laptop-blank.png) no-repeat center center;
    background-size: 100% auto;
    padding: 21px 74px 47px;
    margin: -55px 0 0;
    display: block
}

.laptop-frame .youtube-video {
    width: 100%;
    height: 100%
}

.mono-background .side-title {
    display: inline-block;
    position: absolute;
    left: 590px;
    top: 35px;
    padding-right: 210px;
    color: #fff
}

.casestudies-wrapper {
    max-width: 600px;
    margin: auto
}

.slick-slide .casestudies-wrapper img {
    display: inline-block
}

.casestudies-wrapper .quote {
    color: gray;
    font-size: 18px;
    line-height: normal;
    font-family: 'OpenSansLight';
    margin-top: 20px
}

.casestudies-wrapper .feedbacker {
    font-size: 13px;
    color: #1f2933;
    font-weight: 700;
    margin-top: 25px
}

.thank-you-msg {
    text-align: center
}

.cs-video-wrapper,
.quotes-wrapper {
    margin: auto;
    max-width: 854px
}

.quotes-wrapper {
    text-align: center;
    margin-top: 30px
}

.chart-section .figure-caption .inner-figur-caption h1 img {
    width: 30px;
    max-height: 30px;
    display: none
}

.white-boxs {
    background: #fff;
    padding: 15px;
    text-align: center;
    box-shadow: 0 0 20px #d4d4d4;
    -webkit-box-shadow: 0 0 20px #e7e7e7;
    margin: 0 auto 50px;
    border-radius: 5px
}

.white-boxs img.icon {
    margin-top: -45px
}

.white-boxs span {
    color: #858585
}

.white-boxs p {
    color: #858585;
    font-size: 16px;
    line-height: normal;
    width: 95%;
    margin: 0 auto 20px
}

.white-boxs.blue-boxes {
    min-height: 340px;
    color: #fff;
    background-color: #001d75 !important;
    background: url(/images/webgility-new-design/quotes.svg) no-repeat;
    background-position: bottom right;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    padding-bottom: 70px
}

.info-section .white-boxs {
    box-shadow: 0 8px 20px -5px #e7e7e7;
    -webkit-box-shadow: 0 8px 20px -5px #e7e7e7
}

.three-pillers-wrapper {
    background: url(/images/webgility-new-design/3-Pillars-bg-blue-v1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #001d75
}

.three-pillers-wrapper .icon {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.white-boxs a i:before {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 10px
}

.we-process:after {
    border-right: 1px solid #D5D5D5;
    content: '';
    position: absolute;
    right: 0;
    height: 69%;
    width: 1px;
    top: 22px
}

.we-process:last-child:after {
    border-right: 0;
    border-bottom: 0
}

.content-list,
.blue-check-box,
.blue-tick {
    list-style-type: none;
    margin-left: 0;
    position: relative
}

.content-list li {
    position: relative;
    padding-left: 23px;
    font-size: 18px;
    margin-bottom: 10px
}

.content-list li:before {
    content: '';
    width: 2px;
    height: 2px;
    border: 2px solid #001acb;
    background: #001acb;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
    z-index: 1
}

.white-bullets li:before {
    background: #fff;
    border-color: #fff
}

.tab-content .content-list li {
    font-size: 14px;
    padding-left: 0;
    color: #1f2933
}

.tab-content .content-list li:before {
    left: -23px;
    border-radius: 0
}

.content-list li:last-child:after {
    border-left: 0
}

.blue-check-box li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px
}

.blue-tick li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px
}

.blue-check-box li:before {
    content: url(/images/webgility-new-design/vector-icon/check-box-blue.svg);
    position: absolute;
    left: 0;
    top: 4px
}

.blue-tick li:before {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/blue-tick-thick.svg) no-repeat;
    background-size: 18px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 4px
}

.list-color-blue-black li {
    color: #1F2933
}

.gray-bg-skew {
    position: relative
}

.gray-bg-skew:before {
    content: '';
    background: #F5F6F8;
    position: absolute;
    height: 80%;
    width: 100%;
    top: 0;
    -webkit-transform: skewY(-15deg);
    -ms-transform: skewY(-15deg);
    transform: skewY(-15deg)
}

.gray-bg-skew.skew-even:before {
    -webkit-transform: skewY(15deg);
    -ms-transform: skewY(15deg);
    transform: skewY(15deg)
}

.gray-bg {
    background: #F7F8FB
}

.sky-blue-bg {
    background: #00C9FF
}

.dark-blue-bg {
    background: #001d75
}

.recommended-content-bg-img {
    background: #99A5C8
}

.recommended-content-slider h2 {
    width: 90%;
    margin: 0 auto
}

.recommended-content-slider img {
    max-width: 95%
}

.recommended-content-slider .slick-prev,
.recommended-content-slider .slick-next {
    top: 28%
}

.case-study-section {
    background-image: url(/images/webgility-new-design/Footer-BG.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom
}

.help-business-grow-section {
    background: url(/images/webgility-new-design/Webgility-Helps-Accounting.jpg) no-repeat left bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    background-color: #001d75
}

.offer-high-value-section {
    background: url(/images/webgility-new-design/w-blue-grad.svg) no-repeat right -50px top;
    background-color: #fff;
    box-shadow: 0 3px 6px #f3f4fb
}

.home-casestudy-slider .slick-prev:before,
.home-casestudy-slider .slick-next:before {
    color: #1f2933
}

.home-casestudy-slider .slick-slide,
.customers-slider .slick-slide {
    padding: 15px;
    width: 380px
}

.home-casestudy-slider .slick-slide .white-boxs,
.customers-slider .slick-slide .white-boxs {
    min-height: 380px
}

.bookkeeper-slider .slick-slide .white-boxs {
    min-height: 340px;
    color: #fff;
    background-color: #001d75 !important;
    background: url(/images/webgility-new-design/quotes.svg) no-repeat;
    background-position: bottom right;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4)
}

.bookkeeper-slider .slick-slide .white-boxs h6 span {
    color: #fff !important
}

.bookkeeper-slider .slick-slide .white-boxs:hover {
    background-color: #fff !important;
    color: #636363
}

.bookkeeper-slider .slick-slide .white-boxs:hover h6 span {
    color: #636363 !important
}

.home-casestudy-slider .slick-list,
.customers-slider .slick-list {
    max-width: 1200px;
    margin: 0 auto
}

.orange-stars {
    color: #FFCE00
}

.recommended-content-slider .slick-list {
    width: 90%;
    margin: 0 auto
}

hr.blue-border {
    border-color: #001acb;
    border-bottom-width: 3px;
    width: 100px;
    margin: 20px auto
}

hr.deep-blue-border {
    border-top-color: #001acb
}

hr.orange-border {
    border-color: #ff6b00;
    border-bottom-width: 3px;
    width: 100px;
    margin: 20px auto
}

hr.blue-border-sm {
    border-color: #001acb;
    width: 40px;
    border-width: 2px;
    margin: 0 auto;
    border-left: none;
    border-right: none
}

hr.deepblue-border {
    border-color: #001d75;
    border-bottom-width: 10px;
    width: 100px;
    margin: 20px auto
}

hr.border-light-gray {
    border-top: 2px solid rgba(123, 135, 148, 0.14)
}

.home-casestudy-slider .slick-dots li,
.customers-slider .slick-dots li,
.gray-bullets .slick-dots li {
    width: 10px;
    margin: 4px
}

.home-casestudy-slider .slick-dots li button,
.customers-slider .slick-dots li button,
.gray-bullets .slick-dots li button {
    border: 3px solid #858585;
    box-shadow: none;
    width: 12px;
    height: 12px
}

.home-casestudy-slider .slick-dots li.slick-active button,
.customers-slider .slick-dots li.slick-active button,
.gray-bullets .slick-dots li.slick-active button {
    background: #858585;
    border-color: #858585
}

.home-casestudy-slider .slick-dots,
.customers-slider .slick-dots,
.gray-bullets .slick-dots {
    bottom: -70px
}

.top-rated-logo .rating-logos a {
    display: inline-block;
    padding: 10px 20px;
    width: 170px
}

.top-rated-logo .rating-logos a:nth-child(1) img {
    max-width: 85px
}

.top-rated-logo .rating-logos a:nth-child(2) img {
    max-width: 130px
}

.top-rated-logo .rating-logos a:nth-child(3) img {
    max-width: 83px
}

.top-rated-logo .rating-logos a:nth-child(4) img {
    max-width: 140px
}

.top-rated-logo .rating-logos a:nth-child(5) img {
    max-width: 110px
}

.top-rated-logo .rating-logos a:nth-child(6) img {
    max-width: 90px
}

.better-bookkeeping-row .better-bookkeeping-content {
    max-width: 920px
}

.better-bookkeeping-row .gif-section .gif-qbo-rating-wrapper {
    position: absolute;
    bottom: 200px;
    left: 30px
}

.better-bookkeeping-row .gif-section .gif-xero-rating-wrapper {
    position: absolute;
    bottom: 210px;
    right: 45px
}

.piller-column .block-desc {
    max-width: 325px;
    margin: 0 auto
}

.three-pillers-wrapper .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #001d75;
    border: 1px solid #fff;
    border-radius: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    line-height: 138px;
    z-index: 1;
    position: relative
}

.three-pillers-wrapper .icon img {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    max-height: 50px
}

.three-pillers-wrapper .piller-column:after {
    content: '';
    border-top: 1px dashed #cacaca;
    width: 80%;
    position: absolute;
    top: 49px;
    left: 60%;
    z-index: 0;
    opacity: 1
}

.three-pillers-wrapper .piller-column:last-child:after {
    display: none
}

.piller-column hr {
    width: 40px;
    margin: 17px auto 13px
}

.we-process-wrapper {
    background: url(/images/webgility-new-design/Contact-Us-BG.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.integrate-partners-list {
    margin: 0;
    list-style-type: none;
    list-style-type: none;
    width: 770px
}

.home-integrate-partners {
    background: transparent;
    width: 770px
}

.home-integrate-partners.store-list-section .store-list li {
    width: 14%
}

.integrate-partners-list li {
    width: 15%;
    display: inline-block;
    padding: 10px 15px 10px 5px;
    text-align: center;
    vertical-align: middle
}

.multi-channel-wrapper .content-list li {
    color: #858585
}

.multi-channel-wrapper section .title {
    line-height: 49px
}

.multi-channel-selling .slick-slide {
    padding: 0
}

.streamlined-workflows img,
.streamlined-workflows .figure-wrapper {
    padding: 0 !important
}

.we-process-wrapper.trusted-business {
    background: url(/images/webgility-new-design/integrations/Trusted-Business-BG-v1.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.we-process-wrapper.inventory-management {
    background: url(/images/webgility-new-design/integrations/Inventory-Management.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    top: -75px;
    position: relative
}

.we-process-wrapper.tax-compliance {
    background: url(/images/webgility-new-design/integrations/Tax-Compliance-BG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.order-tracking,
.financial-report {
    top: -84px !important;
    position: relative
}

.we-process-wrapper.inventory-management .we-process:after {
    border: none
}

.we-process-wrapper.inventory-management .we-process {
    padding: 0 40px !important
}

.we-process-wrapper.inventory-management .we-process img,
.we-process-wrapper.tax-compliance img {
    max-width: 250px;
    width: 100%
}

.we-process-wrapper.inventory-management .we-process p {
    width: 100%;
    float: left
}

.we-process-wrapper.inventory-management .blue-border {
    margin: 20px auto 5px
}

.flipster__nav {
    display: none !important
}

.flipster__button {
    top: 46% !important;
    color: #1f2933;
    outline: none
}

.ecom-app {
    position: absolute;
    right: 40px;
    bottom: 200px
}

.accounting-fees-expenses .ecom-app {
    right: 80px;
    bottom: 140px
}

.homebanner-uod-ancher {
    position: absolute;
    top: 36%;
    right: -130px;
    display: inline-block;
    z-index: 1
}

.unify-desktop-banner-img .homebanner-uod-ancher {
    right: 190px
}

.flipster {
    padding: 25px
}

.slide-column-wrapper {
    width: 700px;
    height: 287px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 5px 25px #0d2146;
    -webkit-box-shadow: 0 5px 25px #0d2146
}

.slide-columns-1,
.slide-columns-2,
.slide-columns-3 {
    float: left
}

.slide-columns-1 .box {
    padding: 11px 10px;
    min-height: 144px
}

.slide-columns-1 {
    width: 25%;
    background: #001d75
}

.slide-columns-2 {
    width: 40%;
    padding: 20px
}

.slide-columns-2 p {
    font-size: 20px;
    line-height: 25px
}

.slide-columns-3 {
    width: 35%;
    position: relative
}

.slide-columns-3 a {
    position: absolute;
    width: 100%;
    background: rgba(38, 58, 96, 0.49);
    left: 0;
    bottom: 7px;
    padding: 15px 10px 8px;
    color: #fff
}

.scrollbottom {
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #1f2933;
    font-weight: 700;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25)
}

.overlap-down-arrow {
    top: 26px;
    z-index: 1
}

.increase-your-profits {
    height: 700px
}

.appDetail-listTitle {
    width: 80px
}

.appDetail-listDetail {
    padding-left: 110px
}

.gray-borderBot {
    border-bottom: 1px solid #A0A0A0
}

.st-none {
    list-style-type: none
}

.list-fs-14 li {
    font-size: 14px !important
}

.list-fs-16 li {
    font-size: 16px !important;
    line-height: normal
}

.list-fs-18 li {
    font-size: 18px
}

.int-tab-list-wrapper {
    padding: 40px 0 0
}

.int-tab-icon {
    width: 100px;
    height: 100px;
    margin: auto;
    position: relative
}

.int-tab-icon:before {
    content: '';
    background: url(/images/webgility-new-design/sprite-int-tab-icon.png) no-repeat;
    position: absolute;
    width: 70px;
    height: 60px;
    transform: translate(-50%, 33%);
    -webkit-transform: translate(-50%, 33%);
    -ms-transform: translate(20%, 40%)
}

.scale-profitably:before {
    background-position: 10px 6px
}

.int-tab-list {
    width: 20%;
    cursor: pointer
}

.int-tab-list:hover .scale-profitably:before {
    background-position: -70px 6px
}

.int-tab-list:hover h4,
.int-tab-list.active .h-1xx {
    color: #112153
}

.int-tab-list.active .scale-profitably:before {
    background-position: -160px 6px
}

.int-tab-list.active .int-tab-icon {
    background: #001FE6;
    box-shadow: 2px 2px 8px rgba(0, 31, 230, 0.5);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 31, 230, 0.5)
}

.int-tab-icon.automate:before {
    background-position: 13px -68px
}

.int-tab-list:hover .int-tab-icon.automate:before {
    background-position: -69px -68px
}

.int-tab-list.active .int-tab-icon.automate:before {
    background-position: -162px -68px
}

.int-tab-icon.speed-up:before {
    background-position: 8px -143px
}

.int-tab-list:hover .int-tab-icon.speed-up:before {
    background-position: -75px -143px
}

.int-tab-list.active .int-tab-icon.speed-up:before {
    background-position: -165px -143px
}

.int-tab-icon.features:before {
    background-position: 10px -206px
}

.int-tab-list:hover .int-tab-icon.features:before {
    background-position: -73px -206px
}

.int-tab-list.active .int-tab-icon.features:before {
    background-position: -160px -206px
}

.int-tab-icon.accuracy:before {
    background-position: 10px -288px
}

.int-tab-list:hover .int-tab-icon.accuracy:before {
    background-position: -72px -288px
}

.int-tab-list.active .int-tab-icon.accuracy:before {
    background-position: -160px -288px
}

.int-content-list {
    margin-left: 0
}

.int-content-list li {
    font-size: 18px;
    line-height: normal;
    position: relative;
    padding-left: 25px
}

.list-m-b5>li {
    margin-bottom: 5px
}

.list-m-b10>li {
    margin-bottom: 10px
}

.list-m-b15>li {
    margin-bottom: 15px
}

.list-m-b30>li {
    margin-bottom: 30px
}

.bullet-blue li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #001FE6;
    border: 1px solid #001FE6;
    left: 0;
    top: 10px
}

.no-bullet:before {
    display: none
}

.circle-blue li:before {
    background: transparent
}

.int-tab-content .icon {
    height: 70px
}

.ol-list {
    counter-reset: li;
    list-style-type: none
}

.ol-list li {
    position: relative;
    padding-left: 28px
}

.ol-list li:before {
    counter-increment: li;
    content: ""counter(li)".";
    color: #001d75;
    font-size: 16px;
    font-family: "Open Sans Bold" !important;
    position: absolute;
    left: -10px;
    top: 0;
    width: 25px;
    text-align: right
}

.int-content-list.ol-list li:before {
    position: absolute;
    left: 0
}

.int-tab-content-wrapper ul li,
.int-tab-content-wrapper ol li {
    opacity: .8
}

.tab-wrapper {
    z-index: 1;
    position: relative
}

.tab-list li {
    margin-bottom: 0;
    cursor: pointer;
    color: #1f2933;
    text-transform: uppercase;
    font-size: 14px !important;
    background: #F3F4F6;
    padding: 10px !important;
    margin-right: 0 !important;
    position: relative;
    letter-spacing: 1px;
    display: inline-block;
    min-width: 120px
}

.tab-list li.active {
    color: #fff;
    background: #001d75
}

.tab-list li.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 10px solid #001d75;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.tab-list li:last-child {
    margin-right: 0 !important
}

.tab-link a,
.tab-inner a {
    text-decoration: none !important
}

.tab-content {
    background: #f3f4f6;
    margin-top: 3px;
    padding: 30px 65px 15px;
    overflow: hidden
}

.int-case-study {
    border-left: solid 2px #00C9FF;
    padding-left: 15px;
    margin-left: -20px
}

.reviewer-name {
    position: relative;
    top: -13px;
    margin-left: 15px
}

.banner-int-logo-wrapper .AppLogo {
    position: relative
}

.banner-int-logo-wrapper .AppLogo.double {
    height: 100px;
    width: 200px
}

.banner-int-logo-wrapper .AppLogo img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-height: 60px
}

.banner-int-logo-wrapper .AppLogo.double img {
    position: relative;
    left: 0;
    transform: none;
    margin-top: -10px;
    float: left
}

.banner-int-logo-wrapper .AppLogo.double .separator {
    height: 50px;
    width: 1px;
    background: rgba(0, 29, 117, 0.5);
    margin: 5px 9px 0;
    float: left
}

.banner-int-logo-wrapper .AppLogo .more-channel {
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 10px -15px;
    color: rgba(38, 58, 96, 0.7);
    line-height: 24px
}

.app-slider-wrapper {
    padding: 5px 0;
    float: left
}

.app-slider-wrapper img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.int-app-slider .slick-prev:before,
.int-app-slider .slick-next:before {
    color: #001d75
}

.int-app-slider .slick-prev,
.int-app-slider .slick-next {
    height: 40px
}

.int-app-slider-wrapper {
    margin: 47px 0
}

.int-app-slider .slick-list {
    width: 100%;
    margin: 0
}

.review-text {
    font-style: italic;
    border-left: 5px solid #ff6b00;
    padding: 3px 0 6px 25px
}

.reviewer-detail {
    padding-left: 30px
}

.homepage-banner-img .top-banner-inner {
    height: 500px
}

.wg-ratings-wrapper:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 60%;
    left: 0;
    top: 20%;
    box-shadow: inset 0 0 0 200px rgba(66, 86, 165, 0.4);
    opacity: .8
}

.wg-ratings-left,
.wg-ratings-right {
    width: 37.5%;
    padding: 0
}

.wg-ratings-center {
    width: 25%
}

.wg-ratings-left a,
.wg-ratings-right a {
    padding: 20px;
    display: inline-block;
    vertical-align: middle
}

.if-third-party-ratings .wg-ratings-wrapper:before {
    box-shadow: inset 0 0 0 200px rgba(153, 165, 200, 0.2) !important
}

.transparent-bg:before {
    box-shadow: none !important
}

.floating-integration-bg {
    background: url(/images/webgility-new-design/mask-integration-bg.png) no-repeat right bottom
}

.order-tracking {
    height: 620px
}

.order-tracking .figure-wrapper img {
    margin-top: -18%;
    max-width: 950px
}

.financial-report .figure-wrapper img {
    margin-top: -140px
}

.video-page-container .cs-video-wrapper {
    margin: 0;
    width: 100%
}

.video-page-container .cs-video-wrapper iframe {
    float: none
}

.video-page-container .quotes-wrapper {
    margin: 0
}

.video-page-container .quotes-wrapper .one {
    width: auto
}

.video-page-container .quotes-wrapper .video-desc {
    font-size: 18px
}

.video-trans-wrapper ul li {
    font-size: 15px
}

.customers-grid>div a img {
    width: 100%
}

.customers-grid>div {
    padding: 0
}

.customers-grid>div a {
    padding: 0 15px 0 0;
    float: left;
    text-decoration: none
}

.video-page-container h1,
.video-trans-wrapper h4 {
    color: #1f2933 !important
}

.customers-grid a>p {
    color: #858585 !important
}

.top-section .top-notification-bar {
    display: none
}

.edi-banner-img h1 {
    width: 100%;
    max-width: 100% !important;
    color: #fff !important;
    margin: 0 0 30px;
    margin: 0 auto 30px;
    font-family: "Open Sans Semibold" !important
}

.edi-banner-wrapper {
    background: url(../images/webgility-new-design/edi-banner.jpg) right center;
    background-size: cover;
    padding-bottom: 140px
}

.edi-boxes-wrapper {
    position: relative;
    top: -90px;
    width: 70%;
    margin: 0 auto
}

.edi-banner-wrapper .edi-small-boxes {
    background: #001d75;
    padding: 20px;
    margin: 0
}

.edi-banner-wrapper.light .edi-small-boxes {
    border: solid 1px #6677ac
}

.edi-banner-wrapper .edi-small-boxes img {
    width: 33px
}

.edi-banner-wrapper .edi-small-boxes h4 {
    font-size: 22px;
    color: #fff
}

.edi-banner-wrapper .edi-small-boxes p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    line-height: 22px
}

.edi-tab-wrapper .tab-inner {
    margin: 0 auto;
    width: 844px
}

.edi-tab-wrapper ul {
    width: auto;
    display: block;
    margin: 0 auto;
    text-align: center
}

.edi-tab-wrapper ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    float: left
}

.edi-tab-wrapper ul li a {
    color: #1f2933;
    background: #F5F6F8;
    padding: 27px 89px;
    font-size: 16px;
    letter-spacing: 3px
}

.edi-tab-wrapper ul li.active a {
    background: #001d75;
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
    position: relative
}

.vertical-tab-divider {
    position: absolute;
    width: 1px;
    top: 3px;
    bottom: 50%;
    left: 0;
    background-color: #001d75;
    height: 20px;
    overflow: hidden
}

.edi-tab-content-wrapper h3 {
    text-align: center;
    font-size: 26px;
    color: #1f2933
}

.edi-tab-half-content-wrapper h3 {
    text-align: left;
    font-size: 34px;
    color: #1f2933;
    line-height: 42px;
    padding-left: 40px;
    padding-top: 40px
}

.edi-tab-half-content-wrapper hr {
    margin-left: 40px !important;
    border-width: 1px
}

.edi-tab-content-wrapper .content-box-wrapper .content-box-inner {
    float: left;
    padding: 30px 20px 10px;
    min-height: 190px;
    width: 100%
}

.edi-tab-content-wrapper .content-box-wrapper .content-box-inner img {
    margin: 0 auto;
    display: block
}

.edi-tab-content-wrapper .content-box-wrapper .box-head {
    font-size: 18px;
    color: #aeaeae;
    text-align: center;
    margin: 30px 0 16px
}

.edi-tab-content-wrapper .content-box-wrapper>.box-head {
    position: absolute;
    top: -30px;
    left: 0;
    margin: 0 auto
}

.edi-tab-content-wrapper .content-box-wrapper .content-box-inner .box-head {
    position: absolute;
    bottom: 20px;
    left: 0
}

.edi-gray-full {
    background: #F5F6F8
}

.edi-tab-half-content-wrapper .content-box-wrapper .white-box-wrapper {
    background: #fff;
    float: left;
    text-align: center;
    padding: 30px
}

.edi-automate-wrapper h3,
.edi-automate-wrapper p {
    text-align: left;
    max-width: 460px
}

.edi-automate-wrapper h3 {
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 24px
}

.edi-automate-wrapper p {
    color: #858585;
    line-height: 24px
}

.edi-tab-content-wrapper {
    display: none
}

.edi-sps-wrapper {
    background: rgba(58, 137, 177, 1);
    background: -moz-linear-gradient(top, rgba(58, 137, 177, 1) 0%, rgba(37, 95, 136, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58, 137, 177, 1)), color-stop(100%, rgba(37, 95, 136, 1)));
    background: -webkit-linear-gradient(top, rgba(58, 137, 177, 1) 0%, rgba(37, 95, 136, 1) 100%);
    background: -o-linear-gradient(top, rgba(58, 137, 177, 1) 0%, rgba(37, 95, 136, 1) 100%);
    background: -ms-linear-gradient(top, rgba(58, 137, 177, 1) 0%, rgba(37, 95, 136, 1) 100%);
    background: linear-gradient(to bottom, rgba(58, 137, 177, 1) 0%, rgba(37, 95, 136, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a89b1', endColorstr='#255f88', GradientType=0)
}

.edi-partens-info {
    width: 46% !important
}

.partners-into {
    background: #fff;
    float: left;
    text-align: center;
    padding: 30px;
    width: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    border-radius: 2px
}

.edi-tab-content-wrapper ul li span {
    float: left;
    height: 40px;
    width: 35px;
    margin: 0
}

.edi-tab-content-wrapper ul li p {
    margin: 5px 0 0 55px;
    font-size: 18px
}

.edi-automate-wrapper ul li {
    display: block;
    float: left;
    width: 100%
}

.edi-marketo-form-wrapper {
    max-width: 580px;
    margin: 0 auto;
    padding: 40px;
    background: #fff
}

.edi-marketo-form-wrapper>form {
    width: 100% !important
}

.edi-marketo-form-wrapper>form .mktoFieldWrap input {
    width: 100% !important;
    background-color: #F6FAFD !important;
    border: none !important;
    padding: 5px 15px !important;
    margin: 0 !important;
    color: #1f2933 !important;
    font-size: 18px !important;
    float: none !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    height: 50px !important;
    font-family: 'OpenSans' !important
}

.edi-marketo-form-wrapper {
    position: relative
}

.edi-marketo-form-wrapper>form .mktoFieldWrap label,
.edi-marketo-form-wrapper>form .mktoGutter {
    display: none
}

.edi-marketo-form-wrapper>form .mktoFormRow .mktoFormCol,
.edi-marketo-form-wrapper>form .mktoFormRow .mktoFieldWrap {
    width: 100% !important
}

.edi-marketo-form-wrapper>form .mktoFormRow>div {
    width: 100% !important;
    padding: 0 10px
}

.edi-marketo-form-wrapper>form .mktoButtonRow {
    width: 100% !important;
    margin-top: 10px;
    padding: 0 10px
}

.edi-marketo-form-wrapper>form .mktoButtonRow span {
    margin: 0 !important
}

.edi-marketo-form-wrapper>form .mktoButtonRow .mktoButton {
    background: #00C9FF !important;
    border: 2px solid #00C9FF !important;
    box-shadow: 2px 2px 20px #c7c7c7 !important;
    -webkit-box-shadow: 2px 2px 20px #c7c7c7 !important;
    outline: none;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    width: 100%;
    border-radius: 5px !important;
    color: #fff !important;
    padding: 15px !important;
    text-transform: uppercase
}

.edi-marketo-form-wrapper>form .mktoFormRow .mktoFormCol .mktoOffset {
    display: none
}

.edi-marketo-form-wrapper>form .mktoFormRow:nth-of-type(1),
.edi-marketo-form-wrapper>form .mktoFormRow:nth-of-type(2) {
    width: 50%;
    display: inline-block
}

.unify-online-banner .nm-container {
    position: relative;
    border-radius: 5px;
    padding: 0 10px;
    overflow: hidden
}

.unify-online-banner .nm-right {
    background: #eef0f1;
    padding: 40px 30px;
    border-radius: 4px 0 0 4px;
    color: #1f2933
}

.unify-online-banner .nm-left {
    background-image: url(../images/webgility-new-design/unify-online-pricing-banner.png);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    border-radius: 0 4px 4px 0;
    background-size: contain
}

.tab-content-video iframe {
    max-width: 100%;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.netsuite-banner-img {
    background: url(/images/webgility-new-design/integrations/netsuite-banner-img.jpg)
}

.blue-banner-img {
    background: url(/images/webgility-new-design/integrations/blue-banner-img.png) no-repeat;
    background-size: cover
}

.netsuite-footer-bg-img {
    background: url(/images/webgility-new-design/integrations/integrations-footer-section-bg-img.jpg)
}

.footer-top-section,
.footer-lp {
    background: url(/images/webgility-new-design/banner/Increase-Profit-BG.jpg) no-repeat;
    background-size: cover;
    background-color: #001d75
}

.trial-demo-cards-section {
    position: relative;
    background: url(/images/webgility-new-design/left-top-bg-pattern-img.svg) top left, url(/images/webgility-new-design/left-bottom-bg-pattern-img.svg) bottom left, url(/images/webgility-new-design/right-top-bg-pattern-img.svg) top right, url(/images/webgility-new-design/right-bottom-bg-pattern-img.svg) bottom right !important;
    background-repeat: no-repeat !important;
    background-color: #001d75 !important;
    padding-top: 10px;
    padding-bottom: 10px
}

.overflow-hidden {
    overflow: hidden
}

.trial-demo-cards-section .inner-card-body {
    padding: 40px 0 30px
}

.trial-demo-cards-section .col-lg-6 {
    margin: 15px 0
}

.trial-demo-cards-section .icon-holder {
    width: 90px;
    height: 90px;
    background: #f35627;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.trial-demo-cards-section .icon-holder img {
    flex-shrink: 0;
    height: inherit
}

.trial-demo-cards-section .fs-32 {
    font-size: 32px;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: "Open Sans ExtraBold"
}

.trial-demo-cards-section.footer-top-section p {
    margin-bottom: 40px;
    line-height: 24px;
    font-size: 16px !important
}

.graphic-bg {
    background: url(/images/webgility-new-design/banner/Increase-Profit-BG.jpg) no-repeat;
    background-size: cover;
    background-color: #001d75
}

.e-gray-img {
    background-image: url(/images/webgility-new-design/w-gray-large.svg);
    background-repeat: no-repeat;
    background-position: 4% 180px;
    background-size: 560px
}

.customer-case-study img {
    position: absolute;
    left: 0;
    top: -30px
}

.customer-feedback {
    padding: 30px 30px 30px 155px;
    margin-left: 100px
}

.input-btn-group {
    position: relative;
    width: 475px;
    float: none
}

.input-btn-group.above-footer {
    margin: 0 auto
}

.input-btn-group .mktoForm {
    width: 100% !important
}

.input-btn-group input[type="email"].mktoField {
    height: 50px !important;
    border: 0 !important;
    background: #fff;
    float: left;
    width: 275px !important;
    font-size: 14px
}

.input-btn-group input[type="email"]::-webkit-input-placeholder {
    color: #939db0 !important
}

.input-btn-group input[type="email"]::-moz-placeholder {
    color: #939db0 !important
}

.input-btn-group .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    margin: 0 !important;
    position: absolute;
    left: 275px;
    top: -65px;
    height: 50px !important;
    border: solid 2px #00C9FF !important;
    background: #00C9FF !important;
    font-family: OpenSans;
    color: #fff !important;
    border-radius: 0 !important;
    line-height: 1;
    text-align: center
}

.input-btn-group .mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
    background-color: transparent !important;
    color: #00C9FF !important
}

.sky-blue-bg .input-btn-group .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    background: #001d75 !important;
    border: solid 2px #001d75 !important
}

.sky-blue-bg .input-btn-group .mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
    background-color: transparent !important;
    color: #001d75 !important
}

.input-btn-group fieldset {
    display: none
}

.input-btn-group .mktoLabel,
.input-btn-group .mktoGutter,
.input-btn-group .mktoOffset {
    display: none
}

.input-btn-group .mktoForm .mktoFormCol {
    padding: 0 !important
}

.second-step-form-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    z-index: 999;
    overflow-y: auto
}

.second-step-form-wrapper .iframe-container {
    width: 550px;
    height: 350px;
    position: absolute;
    margin: 50px auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.second-step-form {
    padding: 50px
}

.second-step-form .mktoForm {
    margin-top: 30px
}

.second-step-form .mktoForm .mktoFormRow {
    margin: 15px 0 !important
}

.second-step-form .mktoForm .mktoFormCol {
    margin-bottom: 0 !important
}

.second-step-form .mktoLabel,
.mktoOffset,
.mktoGutter {
    display: none
}

.second-step-form .mktoForm,
.second-step-form .mktoFieldWrap {
    width: 100% !important
}

.second-step-form .mktoFormRow:nth-of-type(1) .mktoFormCol {
    width: 50% !important
}

.second-step-form .mktoForm input[type=text],
.second-step-form .mktoForm input[type=email] {
    width: 100% !important
}

.second-step-form .mktoButtonRow {
    padding: 0 7px
}

.second-step-form .mktoButton {
    background: #00C9FF !important;
    border: 2px solid #00C9FF !important;
    font-size: 18px !important;
    width: 100%;
    margin: 0 !important
}

.second-step-form .second-form-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 22px;
    height: 22px;
    line-height: 1;
    color: #ccc;
    cursor: pointer
}

.second-step-form .second-form-close:hover {
    color: #666
}

.second-step-form h1 {
    font-size: 32px
}

.home-ub {
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.home-ub a {
    font-weight: 600
}

.home-ub a i:before {
    font-size: 13px;
    margin-left: 3px
}

.home-pillars .icon {
    height: 160px;
    margin-top: -20px
}

.home-pillars .icon img {
    width: 200px;
    height: auto
}

.home-pillars h2 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: #1f2933
}

.home-pillars h2 span {
    font-size: 14px;
    color: #00C9FF
}

.home-pillars p {
    font-size: 14px;
    line-height: normal;
    max-width: 270px;
    margin: 0 auto;
    color: rgba(67, 72, 76, .5)
}

.home-laptop {
    max-width: 910px
}

.home-new {
    background: url(/images/webgility-new-design/banner/home-banner.png)
}

.home-new .homepage-banner-img {
    background: none
}

.home-new .homebanner-text {
    width: 100% !important
}

.home-new .homebanner-uod-img {
    display: none
}

.home-new .banner-top-content h1 {
    max-width: 100%;
    margin-top: 25px;
    color: #fff !important;
    font-size: 48px !important;
    width: 100%
}

.home-new .banner-top-content h2 {
    color: #fff !important
}

.home-new .top-rated-logo .rating-logos {
    margin: 60px 0 20px
}

.home-new .top-rated-logo .rating-logos a:nth-child(7) img {
    max-width: 75px !important
}

.home-new .top-rated-logo .rating-logos a:nth-child(4) img {
    max-width: 100px !important
}

.rating-logos.new,
.home-new .rating-logos {
    display: none
}

.home-new .rating-logos.new {
    display: block
}

.home-new .top-rated-logo h3 {
    display: none
}

.amazon-shipping-three-features .we-process:after {
    top: 0;
    height: 100%
}

.amazon-shipping-three-features .we-process img {
    height: 28px
}

.amazon-shipping-three-features .we-process {
    padding: 20px 60px
}

.amazon-shipping-banner-img {
    background-image: url(/images/webgility-new-design/banner/shipping-banner-img-v1.jpg)
}

.form-wrapper .mktoForm .mktoFormCol {
    padding: 0 !important
}

.form-wrapper .mktoForm .mktoFormRow {
    margin: 5px 0 !important
}

.career-wrapper {
    font-family: 'OpenSans'
}

.resumator-job-description.resumator-jobs-text {
    clear: both
}

.tabs-blue-wrapper .tab-wrapper ul li p {
    font-family: "Open Sans";
    letter-spacing: normal
}

.tabs-blue-wrapper .tab-content {
    min-height: auto
}

.tabs-blue-wrapper .tab-content p {
    font-size: 14px
}

.resumator-job.resumator-jobs-text {
    margin: 0;
    position: relative;
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #f7f7f7 !important
}

.resumator-job.resumator-jobs-text:last-child {
    border: none !important
}

.resumator-department-heading {
    padding-top: 15px !important;
    margin: 5px 0 0 !important;
    float: left;
    width: 100%
}

.resumator-department-heading:first-child {
    border: none
}

.resumator-department-heading .resumator-department-name {
    color: #001d75;
    font-size: 20px;
    font-family: "Open Sans Semibold"
}

.resumator-job.resumator-jobs-text .resumator-job-title {
    border: none;
    position: relative
}

.resumator-job .resumator-job-link,
.custom-pluslink {
    position: absolute;
    top: 3px;
    width: 13px;
    overflow: hidden;
    height: 13px;
    text-align: center;
    left: 40%;
    margin: 0;
    font-size: 18px;
    color: #00C9FF;
    visibility: hidden
}

.resumator-job-info {
    color: rgba(38, 58, 96, 0.6) !important;
    font-size: 16px !important
}

.resumator-job-info span {
    color: rgba(38, 58, 96, 0.5) !important;
    font-size: 15px !important
}

.resumator-job-info-details.resumator-jobs-text {
    width: 100%
}

.resumator-job-title .appended-link {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1
}

.resumator-job-location {
    display: none
}

#resumator-logo {
    margin: 20px 0 10px !important
}

.career-details {
    font-family: 'OpenSans';
    margin: 0 auto;
    opacity: .6
}

.resumator-job .resumator-job-info-details,
.resumator-job .resumator-job-description .resumator-job-description-text p,
.resumator-job .resumator-job-description .resumator-job-description-text ul li,
.resumator-job-heading,
.resumator-job .resumator-job-description .resumator-job-description-text p strong {
    font-size: 14px;
    color: #1f2933 !important
}

.resumator-job .resumator-job-description .resumator-job-description-text p span,
.resumator-job-description ul li span,
.resumator-job-description ol li span {
    font-size: 14px !important;
    color: #1f2933 !important;
    font-family: Arial, Verdana, sans-serif !important
}

.india-office .resumator-job-info-details {
    display: inline !important
}

.job-location-content:not(.us-jobs) .resumator-job-title {
    cursor: pointer
}

.resumator-job-view-details {
    display: none
}

.resumator-department-heading,
#resumator-logo {
    opacity: 0;
    height: 0;
    margin: 0 !important
}

.banner-career {
    width: 100%
}

.mfp-container .header-promo-banner .h-1x {
    font-size: 13px
}

.mfp-container .header-promo-banner span.h-0x {
    margin-left: 5px;
    font-size: 12px
}

.mfp-container .header-promo-banner a i {
    margin-left: 5px
}

.sticky-menu {
    border-right: 1px solid #EEF0F1;
    width: 260px
}

.sticky-menu ul {
    list-style-type: none
}

.logo-box {
    height: 200px;
    line-height: 190px
}

.logo-box.border-gray {
    border: 1px solid #d6d6d6
}

.logo-text {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%
}

.cross-icon-r {
    position: relative
}

.cross-icon-r:before {
    content: '';
    background: url(/images/webgility-new-design/cross-icon-red.svg) no-repeat;
    position: absolute;
    right: 15px;
    top: 40%;
    width: 20px;
    height: 20px;
    background-size: cover
}

.unacceptable-usage {
    margin-bottom: 50px
}

.ppc-short-content {
    padding: 20px 50% 30px 110px;
    min-height: 520px
}

.ppc-form-wrapper .mktoForm,
.ppc-form-wrapper .mktoForm .mktoFieldWrap,
.ppc-form-wrapper .mktoForm .mktoField {
    width: 100% !important
}

.ppc-form-wrapper .mktoForm label.mktoLabel {
    display: none
}

.ppc-form-wrapper .mktoForm fieldset {
    border: 0
}

.ppc-form-wrapper .mktoForm .mktoButtonRow button.mktoButton {
    margin: 0 !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: 2px solid #F35627 !important;
    padding: .4em 1em;
    font-family: "Open Sans Bold" !important;
    font-size: 14px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    background-color: #F35627 !important;
    background: #F35627 !important;
    background-image: none !important;
    height: 50px;
    width: 100%;
    text-align: center;
    letter-spacing: 2px !important;
    line-height: 0
}

.ppc-form-wrapper .mktoForm .mktoButtonRow button.mktoButton:hover {
    background: #F9703E !important;
    border-color: #F9703E !important;
    color: #ffffff !important
}

.ppc-form-wrapper .mktoForm .mktoButtonRow button.mktoButton:focus {
    background: #841003 !important;
    border-color: #841003 !important;
    color: #ffffff !important
}

.ppc-form-wrapper .mktoForm .mktoButtonRow {
    margin-top: 0 !important
}

.ppc-form-wrapper .mktoForm .mktoFormRow {
    margin: 0 !important
}

.ppc-form-wrapper .mktoForm .mktoFormRow .mktoFormCol {
    margin-bottom: 7px !important
}

.ppc-form-wrapper .mktoForm button.mktoButton:before {
    font-size: 12px;
    position: absolute;
    right: 15px;
    font-weight: 700
}

.medal-wrapper {
    position: absolute;
    right: -25px;
    top: -33px
}

.ppc-form-wrapper .mktoForm .mktoField {
    font-family: OpenSans, Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 14px !important
}

.ppc-form-wrapper .mktoForm {
    margin-top: 20px
}

.ppc-form-container {
    display: table;
    width: 100%;
    height: 106%
}

.form-center {
    display: table-cell;
    height: auto;
    vertical-align: middle
}

.trial-mfp-popup {
    background: #0A1046 !important
}

.trial-mfp-popup .mfp-iframe {
    box-shadow: none !important;
    background: transparent !important
}

.mfp-iframe-holder .mfp-content.trial-form-wrapper {
    height: 826px;
    max-width: 621px
}

.trial-mfp-popup .mfp-content .mfp-close {
    color: #ffffff;
    top: 5px;
    right: 5px;
    font-size: 35px;
    width: 40px;
    text-align: center;
    padding: 0
}

.trial-mfp-popup .mfp-content {
    height: 730px;
    max-width: 621px;
    margin-top: 0;
    vertical-align: top
}

.trial-mfp-popup .mfp-iframe-holder {
    padding-top: 0
}

.tt-u {
    text-transform: uppercase
}

.blue-bg-img {
    background: url(/images/webgility-new-design/banner/blue-banner-emblem.png) no-repeat;
    background-size: cover;
    min-height: 100%
}

.bg-gray1 {
    background: #F5F7FA
}

.card-signup {
    max-width: 970px;
    margin: 0 auto 100px;
    border-radius: 2px
}

.form-group {
    margin-bottom: 12px;
    padding: 0 5px;
    position: relative
}

.form-group .form-input {
    color: #3E3F42;
    border: 1px solid #E4E7EB;
    padding: 8px 16px;
    height: 48px;
    width: 100%;
    font-size: 14px;
    outline: none
}

.form-group .floating-label {
    font-size: 16px;
    position: absolute;
    transition: all .1s ease;
    margin: 16px;
    cursor: auto
}

.form-group .floating-label.active {
    font-size: 10px;
    color: #616E7C !important;
    margin: 9px 16px;
    font-family: 'Open Sans Semibold' !important
}

.form-group .floating-label.active+.form-input {
    padding-top: 20px !important;
    font-size: 14px !important
}

.btn-new-height-48 {
    height: 48px;
    line-height: 48px
}

.form-group .form-textarea {
    min-height: 100px;
    padding: 12px 16px
}

.form-tabs .tab:last-child,
.form-tabs .tab:nth-of-type(2) {
    padding-left: 6px
}

.form-tabs .tab:first-child,
.form-tabs .tab:nth-of-type(1) {
    padding-right: 6px
}

.form-container {
    max-width: 600px;
    margin: 40px auto 0;
    border-top: 1px solid #DDE2E6
}

.form-tabs .tab:first-child {
    padding-right: 6px
}

.form-tabs .tab {
    color: #616E7C;
    cursor: pointer
}

.form-tabs .tab img,
.form-tabs .tab span {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px
}

.inner-tab {
    border: 1px solid #E4E7EB;
    height: 72px;
    position: relative
}

.inner-tab:hover {
    box-shadow: 0 0 0 2px #F35627
}

.tab.active .inner-tab,
.form-radio-group input[type=radio]:checked+.tab .inner-tab {
    box-shadow: 0 0 0 2px #F35627
}

.form-radio-group input[type=radio]:checked+.tab .inner-tab span {
    opacity: 1
}

.tab.active .inner-tab:after,
.qbpos-pricing-box.active:before,
.form-radio-group input[type=radio]:checked+.tab .inner-tab:after {
    content: url(/images/webgility-new-design/vector-icon/ic-orange-checkbox.svg);
    position: absolute;
    right: 8px;
    top: 8px
}

.qbpos-pricing-box.qbd.active:before{
    content: url(/images/webgility-new-design/vector-icon/ic-blue-checkbox.svg);
}

.form-tabs label:before {
    display: none !important
}

.form-radio-group .inner-tab {
    padding: 16px 30px !important;
    height: auto;
    text-align: left
}

.form-radio-group .inner-tab span {
    font-size: 14px;
    opacity: .5
}

.opacity-0-5 img,
.opacity-0-5 span {
    opacity: .5
}

.form-radio-group label {
    cursor: pointer;
    display: block
}

.form-radio-group input[type=radio]+label:before {
    width: 16px !important;
    height: 16px !important;
    background: #fff;
    border: 1px solid #E4E7EB;
    top: 4px;
    content: '';
    display: inline-block;
    position: relative;
    margin-right: 16px;
    border-radius: 100%;
    box-sizing: border-box
}

.form-radio-group input[type=radio]:checked+label:before {
    border: 5px solid #F35727 !important
}

.form-radio-group input[type=radio]+label:hover:before {
    border: 5px solid #FF9466
}

.form-radio-group input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0
}

.notes-implementation {
    border-top: 1px solid #DDE2E6
}

.done {
    cursor: pointer
}

.step-icons-wrapper {
    text-align: center;
    margin: 75px auto 0;
    position: relative;
    max-width: 900px
}

.step-icons-wrapper .step-wrapper {
    display: inline-block;
    position: relative;
    z-index: 3
}

.step-icons-wrapper .step {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #919CAB;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: background .2s, color .2s, transform 0.2s, box-shadow 0.2s, border .2s;
    -moz-transition: background .2s, color .2s, transform 0.2s, box-shadow 0.2s, border .2s;
    transition: background .2s, color .2s, transform 0.2s, box-shadow 0.2s, border .2s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.start-progress .current .step,
.step-one.current .step {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 2;
    border: 1px solid #F35627;
    background: #fff !important;
    box-shadow: 0 3px 6px rgba(2, 7, 46, 0.15)
}

.step-icons-wrapper .step:before {
    content: '';
    opacity: 0
}

.start-progress .current .step:before {
    content: '';
    background: #F35627;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    display: inline-block;
    border-radius: 50%;
    -ms-transform: scale(0.711);
    -webkit-transform: scale(0.711);
    transform: scale(0.711);
    opacity: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.start-progress .current .step {
    background: #F35627
}

.step-icons-wrapper .done .step {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    transition: none
}

.step-icons-wrapper .step-icon {
    position: absolute;
    font-size: 17px;
    width: 17px;
    height: 17px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    color: #fff;
    line-height: 1
}

.step-icons-wrapper .current .step-icon,
.step-icons-wrapper .done .step-icon {
    animation: animatezoom .6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.step-icons-wrapper .step-name {
    top: -30px;
    position: absolute;
    white-space: nowrap;
    left: 0;
    width: 120px;
    text-align: center;
    margin-left: -50px;
    font-size: 12px;
    line-height: normal;
    color: #7B8794;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    z-index: 1
}

.start-progress .current .step-name,
.step-one.current .step-name {
    color: #F35627;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1
}

.step-icons-wrapper .bar {
    display: inline-block;
    width: 200px;
    max-width: 17%;
    height: 1px;
    background-color: #919CAB;
    position: relative;
    z-index: 1;
    margin: 0 -5px;
    top: -7px;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ff6b00 50%, #ff6b00);
    background-position: 100% 0;
    background-size: 200% 100%
}

.animate-fill {
    transition: all .5s ease-in
}

.certified-badge-img-container {
    height: 550px
}

.certified-partner-steps {
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.20);
    padding: 60px 20px;
    height: 270px
}

.certified-partner-step-wrapper:before {
    content: '';
    height: 420px;
    width: 100%;
    display: block;
    background: #F9703E;
    position: absolute;
    top: 0
}

.step-count {
    position: absolute;
    left: 37px;
    top: 10px
}

.wg-emblem-img {
    position: absolute;
    top: -155px;
    left: -30px;
    max-width: none
}

.wg-customer-says-slide {
    max-width: 685px;
    padding: 20px 50px 30px;
    margin: 40px 30px 30px 0;
    height: 250px !important;
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.20);
    -webkit-box-shadow: 0 5px 15px rgba(2, 7, 46, 0.20)
}

.wg-customer-says-slide p {
    font-family: 'Merriweather', serif
}

.wg-customer-says-slider .slick-list {
    max-width: 685px;
    overflow: visible
}

.why-wg-slider-slide {
    position: relative;
    width: 100% !important;
    max-width: 880px !important;
    padding-right: 50px;
    float: none !important;
    margin: 0 auto 60px
}

.why-wg-slide-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    text-align: center;
    justify-content: center
}

.why-wg-slide-img img {
    display: inline-block
}

.why-wg-content {
    padding-left: 120px
}

.why-wg-slider .slick-prev,
.why-wg-slider .slick-next {
    background: #F35627;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    left: auto
}

.why-wg-slider .slick-next {
    top: 46px;
    transform: rotate(90deg)
}

.why-wg-slider .slick-prev {
    transform: rotate(-90deg)
}

.why-wg-slider .slick-prev:before,
.why-wg-slider .slick-next:before {
    color: #fff;
    font-size: 16px
}

.blue-checkmark-circle li {
    position: relative;
    padding-left: 40px
}

.blue-checkmark-circle li:before {
    content: url(/images/webgility-new-design/homepage-graphics/checkmark-blue.svg);
    position: absolute;
    left: 0;
    top: 3px
}

.blue-checkmark-circle li {
    position: relative;
    padding-left: 40px;
    display: inline-block;
    width: 100%;
    max-width: 440px;
    vertical-align: top;
    text-align: left
}

.bullet-blue li {
    position: relative;
    padding-left: 30px
}

.why-wg-img-container img {
    max-width: none;
    margin-top: -170px;
    margin-bottom: -147px;
    margin-right: -250px;
    float: right
}

.mfp-content .header-promo-banner {
    display: none
}

.beat-it-promo-card {
    background: #fff;
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2);
    padding: 15px;
    display: inline-block;
    width: 480px;
    max-width: 100%;
    text-decoration: none !important;
    margin-top: 70px;
    margin-bottom: 50px;
    transition: .5s all cubic-bezier(0.25, 0.99, 0.25, 1);
    -webkit-transition: .5s all cubic-bezier(0.25, 0.99, 0.25, 1)
}

.beat-it-promo-card:hover {
    box-shadow: 0 8px 20px rgba(2, 7, 46, 0.2)
}

.beat-it-promo-card img {
    width: 108px;
    display: inline-block;
    vertical-align: middle
}

.beat-it-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: 72%
}

.beat-it-text i {
    transition: .5s all cubic-bezier(0.25, 0.99, 0.25, 1);
    -webkit-transition: .5s all cubic-bezier(0.25, 0.99, 0.25, 1)
}

.beat-it-text i:before {
    font-size: 11px
}

.beat-it-promo-card:hover .beat-it-text i {
    margin-left: 13px
}

.banner-right-img-wrapper img {
    margin-top: -90px;
    margin-left: -150px;
    margin-bottom: 100px
}

.bk-acc-badge-container img {
    max-width: none;
    margin-top: -70px;
    float: right;
    margin-right: -130px
}

.no-1-ecom-app .star-ratings i:before {
    font-size: 10px
}

.no-1-ecom-app .star-ratings {
    margin: 15px 18px 0
}

.no-1-ecom-app img {
    margin: 15px 0 0
}

.bk-acc-tab-section .int-tab-icon {
    width: 50px;
    height: 40px
}

.bk-acc-tab-section .int-tab-icon:before {
    background: url(/images/webgility-new-design/vector-icon/bk-acc-tab-icons-sprite.svg?ver=3) no-repeat;
    width: 35px;
    height: 35px
}

.bk-acc-tab-section .int-tab-list.active .int-tab-icon {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-chart:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-chart:before {
    background-position: 0 -39px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-list:before {
    background-position: -56px 0
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-list:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-list:before {
    background-position: -56px -39px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-hand:before {
    background-position: -118px 0
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-hand:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-hand:before {
    background-position: -118px -39px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-sales-tax:before {
    background-position: -162px 0
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-sales-tax:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-sales-tax:before {
    background-position: -162px -39px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-dollar-cal:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-dollar-cal:before {
    background-position: 3px -126px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-dollar-cal:before {
    background-position: 3px -86px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-file-data:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-file-data:before {
    background-position: -59px -127px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-file-data:before {
    background-position: -59px -87px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-refund:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-refund:before {
    background-position: -112px -127px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-refund:before {
    background-position: -112px -87px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-chart-scale:before {
    background-position: 4px -175px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-chart-scale:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-chart-scale:before {
    background-position: 4px -215px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-settings:before {
    background-position: -55px -175px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-settings:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-settings:before {
    background-position: -55px -215px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-gauge:before {
    background-position: -113px -176px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-gauge:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-gauge:before {
    background-position: -113px -216px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-snipper:before {
    background-position: -164px -176px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-snipper:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-snipper:before {
    background-position: -164px -216px
}

.bk-acc-tab-section .int-tab-list .int-tab-icon.ic-star-circle:before {
    background-position: -211px -176px
}

.bk-acc-tab-section .int-tab-list:hover .int-tab-icon.ic-star-circle:before,
.bk-acc-tab-section .int-tab-list.active .int-tab-icon.ic-star-circle:before {
    background-position: -211px -216px
}

.bk-acc-tab-wrap {
    box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
    background: #fff
}

.bk-acc-tab-wrap .int-tab-list {
    border: 2px solid transparent;
    border-right: 1px solid #CBD2D9;
    border-left: 1px solid transparent;
    padding: 15px 15px 10px;
    background: #fff;
    height: 100%;
    min-height: 150px
}

.bk-acc-tab-wrap .int-tab-list.active,
.bk-acc-tab-wrap .int-tab-list:hover {
    color: #001d75
}

.bk-acc-tab-wrap .int-tab-list.active {
    background: #E2ECFF;
    border: 2px solid #001d75;
    box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2);
    -webkit-box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2);
    z-index: 1
}

.bk-acc-tab-section {
    display: inline-block;
    width: 100%
}

.bk-acc-tab-section>.row {
    margin-top: -74px
}

.border-left-wrap {
    border-left: 2px solid #001d75;
    padding-left: 25px
}

.cust-img {
    background: #ffffff;
    width: 39px;
    height: 39px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0
}

.cust-img img {
    border-radius: 100%
}

.cust-info {
    position: relative;
    padding-left: 53px;
    min-height: 40px;
    line-height: 40px;
    margin-top: 12px
}

.bk-acc-tab-content p,
.customer-quotes-wrap {
    padding-right: 100px
}

.bk-acc-steps-wrap .row {
    background-image: url(/images/webgility-new-design/pattern-dot-img.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto
}

.bk-acc-steps-wrap .certified-partner-steps {
    position: relative;
    padding: 60px 20px 25px;
    min-height: 275px;
    height: auto
}

.bk-acc-steps-wrap .step-count {
    left: 14px;
    top: 14px;
    color: #AD1D07;
    background: #FFE8D9;
    width: 50px;
    height: 50px;
    padding: 4px;
    font-size: 32px;
    line-height: 40px
}

.accounting-banner-img img {
    margin-top: -100px;
    margin-left: -165px
}

.amazon-banner-img svg {
    margin-top: -110px;
    margin-left: -95px
}

.five-tabs .int-tab-list {
    width: 20%
}

.blue-tick-sm {
    list-style: none
}

.blue-tick-sm li {
    position: relative;
    padding-left: 28px
}

.blue-tick-sm li:before {
    content: '';
    background: url(/images/webgility-new-design/vector-icon/ic-blue-tick.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px
}

hr.divider-gray {
    border-top: 2px solid #CBD2D9
}

.partner-education-series-wrap {
    background: url(/images/webgility-new-design/Partner-Education-Series-banner-img.png) no-repeat;
    background-size: cover;
    max-width: 962px;
    margin: 0 auto -48px;
    padding: 20px 40px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2)
}

.hero-banner-case-study {
    background: url(/images/webgility/banners/email-marketing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .footer-nav li {
        margin-right: 4.86%
    }
}

@media screen and (min-width:0\0) {
    .footer-nav li {
        margin-right: 4.86%
    }
}

@media only screen and (min-width:1481px) {
    .order-tracking {
        height: 550px !important;
        padding-top: 30px !important
    }

    .accounting-sync-section {
        height: 600px
    }

    .section-parent-wrapper section .content-list {
        max-width: 525px
    }

    .section-parent-wrapper .img-left-container .img-container img {
        margin-left: -25px
    }

    .summary-posting-wrapper .img-container img {
        margin-top: -10px
    }
    
.has-flyout.flyout-product .flyout:before{
    left: 184px !important;
  }
  
  .has-flyout.flyout-solutions .flyout:before{
    left: 159px;
  }
  
  .has-flyout.integrations .flyout:before{
    left: 467px;
  }
  .has-flyout.flyout-accountants .flyout:before {
    left: 172px !important;
  }
  .has-flyout.flyout-discover .flyout:before {
    left: 153px;
  }
}

@media only screen and (max-width:1480px) {
    .order-tracking {
        height: auto !important;
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .accounting-sync-section {
        height: auto
    }

    .we-process-wrapper.inventory-management {
        top: 0
    }

    .int-box-size li {
        width: 170px;
        height: 73px
    }

    .floating-integration .store-integrate-box {
        width: 596px
    }

    .zigzag-img-container {
        height: 550px
    }
}

@media only screen and (min-width:768px) and (max-width:1280px) {
    .tab-list li {
        font-size: 12px !important;
        letter-spacing: 0;
        padding: 5px 10px !important
    }

    .home-bundle-save {
        padding: 30px 50px
    }

    .home-bundle-save .bundle-with-logos ul li img {
        height: 22px !important
    }

    .home-bundle-save .bundle-with-logos ul li.multiply-icon img {
        height: 11px !important
    }

    .home-bundle-save .bundle-with-logos ul li {
        margin-right: 10px
    }

    .home-top-ratings-inner .wg-ratings-right br.desktop--hide {
        display: none
    }

    .feature-first-section {
        margin: 0
    }

    .customers--wrapper:not(.meet-our-customer) .customer-left-section .success-author {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .customers-love-slider button.slick-prev {
        left: -12px
    }

    .customers-love-slider button.slick-next {
        right: -12px
    }

    .home-top-ratings-inner .wg-ratings-right {
        float: none;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:849px) {
    .button-group .compare-rate-btn {
        margin-left: 10px
    }

    .button-group .get-a-demo {
        max-width: 210px
    }

    .career-image-slider {
        width: 100% !important
    }

    .company-description-block {
        margin-top: 15px;
        width: 100% !important
    }

    .benefits-section li {
        width: 50%;
        margin: 0 0 40px;
        float: left
    }

    .benefits-section li img {
        margin-bottom: 0
    }

    .benefits-section li p {
        margin-bottom: 0
    }

    .banner-wrapper.team-banner-wrapper .banner-wrapper-content h1 {
        font-size: 40px;
        line-height: 55px
    }

    .no-more-wrapper ul li {
        width: 50%
    }
}

@media only screen and (min-width:1180px) {
    .nowrap-head {
        white-space: nowrap
    }

    .quickly-process-img-sec .img-container img {
        max-width: 600px !important;
        margin-right: 50px
    }

    .inventory-management-banner-img .inventory-text-wrapper {
        margin-left: 0
    }

    .inventory-management-banner-img .inventory-text-wrapper h1 {
        white-space: nowrap
    }

    .edi-tab-half-content-wrapper .content-box-wrapper {
        padding: 0 !important
    }

    .desktop--hide {
        display: none !important
    }

    .home-top-ratings-inner .wg-ratings-right {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 772px) {
    .arrow-steps .step {
        width: 96% !important;
        margin: 40px 2% !important;
        padding: 10px !important;
        min-height: initial !important
    }

    .arrow-steps .step>div {
        width: 100% !important;
        text-align: center;
        left: 0;
        padding-top: 0 !important
    }

    .arrow-steps .step:before,
    .arrow-steps .step:after {
        border: 0 !important
    }

    .arrow-steps .step .content-box-inner {
        margin: 20px 0
    }
}

@media screen and (max-width: 767px) {
    .banner-right-img-wrapper img {
        margin-top: -70px !important
    }

    .beat-it-promo-card {
        margin-top: 30px
    }

    .title-top-text {
        margin-top: 20px !important
    }

    .top-header nav ul li.has-flyout ul.flyout a img {
        max-width: 17px
    }

    a.top-nav-link i.flaticon-down-arrow {
        right: -15px
    }

    .top-main-nav.menu-open .menu-btn-new {
        position: fixed;
        right: 10px;
        top: 10px
    }

    .h-55x {
        font-size: 40px
    }

    .h-8x {
        font-size: 30px
    }

    .m-b150 {
        margin-bottom: 50px !important
    }

    .edi-tab-content-wrapper ul li p {
        font-size: 15px
    }

    .banner-int-logo-wrapper .AppLogo {
        width: 60px;
        height: 60px;
        padding: 13px !important
    }

    .banner-int-logo-wrapper .AppLogo.double {
        height: 60px;
        width: 120px;
        padding: 7px 13px !important
    }

    .banner-int-logo-wrapper .AppLogo.double img {
        float: none;
        margin-top: 0;
        top: 0
    }

    .banner-int-logo-wrapper .AppLogo .more-channel {
        font-size: 11px;
        line-height: normal
    }

    .banner-int-logo-wrapper .AppLogo.double .separator {
        height: 1px;
        float: none;
        margin: 5px 0;
        width: 100%;
        height: 1px;
        display: block
    }

    .banner-int-logo-wrapper .plus-icon {
        padding: 15px !important
    }

    .plus-icon img {
        width: 20px
    }

    .tab-list {
        border-bottom: 0;
        margin-bottom: 5px !important
    }

    .tab-list li {
        width: 100%;
        margin: 0 !important;
        border-bottom: 0 !important;
        border-left: 0;
        padding: 5px 15px !important;
        height: 50px;
        line-height: 41px !important
    }

    .tab-list li.active {
        border-color: #00C9FF
    }

    .unify-online-banner .nm-container {
        padding: 0
    }

    .unify-online-banner .nm-left {
        position: relative;
        height: 150px;
        width: 100%;
        background-size: cover;
        border-radius: 0;
        right: 0 !important
    }

    .unify-online-banner .nm-right {
        border-radius: 0;
        padding: 20px
    }

    .ediboxes-inner {
        padding: 10px 10px 0
    }

    .arrow-steps .step {
        width: 96% !important;
        margin: 40px 2% !important;
        padding: 10px !important
    }

    .arrow-steps .step>div {
        width: 100% !important;
        text-align: center;
        left: 0;
        padding-top: 0 !important
    }

    .arrow-steps .step:before,
    .arrow-steps .step:after {
        border: 0 !important
    }

    .edi-boxes-wrapper {
        position: static;
        width: 100%;
        margin-top: 10px
    }

    .edi-tab-content-wrapper .content-box-wrapper .content-box-inner .box-head {
        position: static
    }

    .edi-tab-content-wrapper .pad-b100 {
        padding-bottom: 0 !important
    }

    .edi-gray-full .content-box-wrapper {
        width: 100% !important
    }

    .edi-tab-half-content-wrapper .content-box-wrapper>div {
        margin: 20px 0;
        width: 100% !important;
        float: left
    }

    .edi-tab-half-content-wrapper .content-box-wrapper>div h3,
    .edi-tab-half-content-wrapper .content-box-wrapper>div hr {
        text-align: center;
        margin: 20px auto !important
    }

    .partners-into {
        width: 100%
    }

    .edi-sps-wrapper {
        padding-top: 0 !important
    }

    .edi-gray-full {
        padding-left: 15px;
        padding-right: 15px
    }

    .home-ub {
        height: auto;
        padding: 10px 0;
        line-height: 25px
    }

    .amazon-shipping-banner-img {
        padding: 0 !important
    }

    .amazon-shipping-three-features .we-process:after {
        bottom: 0;
        top: auto
    }

    .tabs-blue-wrapper ul li {
        margin-bottom: 5px !important
    }

    .tabs-blue-wrapper ul {
        border: none
    }

    .resumator-job-title .appended-link {
        float: none;
        min-width: 70px;
        margin: 0
    }

    .tabs-blue-wrapper .tab-list li {
        padding: 5px 0 !important;
        text-indent: 15px;
        margin: 5px 0 0 !important
    }

    .tabs-blue-wrapper .tab-list li p {
        background: #F2F3F5;
        color: #636363;
        text-indent: 0;
        padding: 5px 15px 35px;
        font-size: 14px;
        margin-top: 8px
    }

    .tabs-blue-wrapper .tab-wrapper ul li.next-tab {
        margin-top: 48px !important
    }

    .banner-career {
        margin-left: -20px;
        max-width: 900px !important
    }

    .tab-content {
        margin-bottom: 5px;
        min-height: auto
    }

    .header-promo-banner {
        letter-spacing: 1px;
        text-align: center
    }

    .h-74x {
        font-size: 48px
    }

    .sticky-menu {
        width: 100% !important;
        position: relative !important;
        top: auto !important;
        border-right: 0;
        border-left: 1px solid #EEF0F1;
        padding-left: 15px
    }

    .wg-ratings-wrapper:before {
        height: 100%;
        top: 0;
        box-shadow: inset 0 0 0 300px rgba(66, 86, 165, 0.4);
        opacity: .8
    }

    .qb-w-bundle-banner {
        text-align: center
    }

    .footer-lp .columns {
        text-align: center
    }

    .piller-features {
        min-height: auto !important;
        margin-bottom: 20px !important
    }

    .cs-rareform .cs-logo {
        bottom: auto;
        top: 20px
    }

    .cs-rareform .cs-content {
        width: 92%;
        padding: 0 15px
    }

    .cs-rareform.play-icon:after {
        background-size: 50px
    }

    .qb-webgility-bundle-boxs .ic-plus {
        margin: 50px auto
    }

    .sm-text-center {
        text-align: center
    }

    .board-members ul li {
        width: 100%
    }

    .achieve-box {
        margin-left: 10px
    }

    .banner-wrapper.team-banner {
        min-height: auto;
        padding: 40px 0
    }

    .our-core-val-wrap {
        padding-left: 45px
    }

    .our-mission-wrap {
        padding: 20px;
        min-height: auto;
        margin-bottom: 80px
    }

    .our-mission-wrap .inner-wrapper {
        margin-top: 10px;
        padding: 20px
    }

    .our-mission-wrap .inner-wrapper p {
        font-size: 16px
    }

    .our-mission-wrap .inner-wrapper img {
        margin-top: 0;
        width: 60px
    }

    .ppc-form-wrapper {
        position: relative;
        top: 0;
        padding: 0;
        height: auto
    }

    .ppc-form-wrapper .columns {
        padding: 0
    }

    .medal-wrapper {
        right: 0;
        left: 0
    }

    .ppc-form-wrapper .form-center {
        padding-top: 50px
    }

    .ppc-short-content {
        padding: 20px 30px 50px !important;
        min-height: unset !important
    }

    .ppc-form-container {
        height: auto !important
    }

    .if-third-party-ratings .wg-ratings-wrapper {
        margin-bottom: 20px
    }

    .h-17 {
        font-size: 12px;
        line-height: 16px
    }

    .career-slider-wrapper .company-description-block>div {
        height: auto !important
    }

    .career-image-slider h4 {
        font-size: 20px;
        top: 10px
    }

    .career-image-slider .play-icon:after {
        background-position: center 55%
    }

    .process-card {
        max-width: 400px
    }

    .qai-content-wrapper {
        padding: 0 !important
    }

    .inventory-video-wrapper .play-icon:after {
        background-size: 50px;
        background-position: center
    }

    .video-card {
        max-width: 400px;
        margin: auto
    }

    .product-features-video-wrapper .bg-light-gray {
        min-height: unset
    }

    .feature-first-section {
        margin: 0
    }

    footer a {
        padding: 0
    }

    .t5-img-wrapper img {
        max-width: 100%
    }

    .grow-your-business-wrapper .display-ib {
        display: block !important;
        margin: 80px auto;
        width: 190px
    }

    .grow-your-business-wrapper {
        padding-bottom: 0 !important
    }

    .certified-partners-banner-wrapper h1 {
        width: auto !important;
        font-size: 30px
    }

    div.certified-badge-img-container img {
        max-width: 440px !important;
        width: 100%;
        margin-left: -30px;
        margin-top: -80px !important
    }

    .top-header nav ul li.has-flyout span.flyout {
        box-shadow: none;
        background: none;
        border: none;
        padding: 0 !important
    }

    .top-header nav ul li.has-flyout span.flyout:before {
        display: none
    }

    .flyout .heading {
        padding: 0
    }

    .top-header nav ul li.has-flyout span.flyout ul:last-child {
        margin-left: 0 !important
    }
}

@media screen and (max-width: 1680px) {

    .chart-left .figure-wrapper img,
    .chart-right .figure-wrapper img {
        max-width: 770px !important
    }

    .homebanner-uod-img .laptop-uod {
        max-width: 1000px !important;
        margin-left: -258px !important
    }

    .homebanner-uod-ancher {
        right: 0
    }

    .unify-desktop-banner-img .homebanner-uod-ancher {
        right: 280px
    }

    .ecom-app {
        bottom: 0
    }
}

@media only screen and (max-width: 1600px) {
    .img-text-wrapper .img-container img {
        max-width: 100% !important;
        width: auto !important;
        margin: 0 auto !important;
        display: block
    }

    .img-text-wrapper .text-container {
        margin-top: 0 !important
    }

    .grayscaled-store-logos {
        height: auto
    }

    .certified-badge-img-container {
        height: auto
    }

    .certified-badge-img-container img {
        max-width: 100% !important;
        margin-top: -130px !important;
        margin-bottom: -30px
    }
}

@media screen and (max-width: 1580px) {

    .chart-left .figure-wrapper img,
    .chart-right .figure-wrapper img {
        max-width: 700px !important
    }
}

@media screen and (max-width: 1480px) {

    .chart-left .figure-wrapper img,
    .chart-right .figure-wrapper img {
        max-width: 100% !important;
        margin: 0 !important;
        padding-right: 20px
    }
}

@media screen and (max-width: 1520px) {
    .banner-right-img {
        width: 580px !important
    }
}

@media screen and (max-width: 1380px) {
    .homebanner-uod-ancher {
        right: 110px
    }

    .homebanner-uod-img .laptop-uod {
        margin-left: -300px !important
    }

    .text-container h2 {
        width: auto !important;
        margin-top: 0 !important
    }

    .unify-online-banner .nm-left {
        background-size: cover;
        right: 10px
    }

    .certified-partners-banner-wrapper h1 {
        width: auto !important
    }

    .wg-emblem-img {
        left: 0;
        max-width: 100%
    }

    .why-wg-img-container img {
        max-width: 900px;
        margin-top: -140px;
        margin-bottom: -121px;
        margin-right: -50px
    }
}

@media screen and (max-width: 1280px) {
    .homebanner-uod-ancher {
        right: 64px
    }

    .unify-desktop-banner-img .homebanner-uod-ancher {
        right: 230px
    }

    .tab-content h2 {
        margin-top: 0
    }

    .multichannel-selling {
        padding: 70px 0 !important
    }

    .partners-into {
        margin-left: 20px
    }
}

@media screen and (max-width: 1220px) {
    .footer-nav li {
        margin-right: 3.4%
    }
}

@media screen and (max-width: 1450px) and (min-width: 1201px) {
    .banner-right-img-wrapper img {
        margin-top: -40px;
        margin-left: -180px;
        max-width: 800px !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .bk-acc-banner-cont {
        padding-right: 140px
    }

    .four-tabs.bk-acc-tab-wrap .int-tab-list .h-1x,
    .five-tabs.bk-acc-tab-wrap .int-tab-list .h-1x {
        font-size: 13px
    }
}

@media screen and (max-width: 1200px) {
    .bk-acc-badge-container img {
        margin-right: -110px
    }

    .bk-acc-tab-cont-img img {
        width: 100%
    }

    .bk-acc-tab-cont-wrap .row {
        padding-top: 50px !important
    }

    .amazon-cont-img-wrap {
        text-align: center
    }

    .amazon-cont-img-wrap img {
        width: 100%;
        margin-top: 30px
    }

    .banner-right-img {
        max-width: 100% !important
    }

    .homebanner-uod-img .laptop-uod {
        max-width: 823px !important;
        margin-left: -258px !important;
        margin-top: 30px
    }

    .contact-info article {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .croping-img-container img {
        width: auto !important;
        margin-left: 0;
        max-width: 100% !important
    }

    .img-container.croping-img-container {
        height: auto
    }

    .edi-tab-half-content-wrapper .six:first-child {
        padding-left: 15px
    }

    .edi-tab-half-content-wrapper .six:last-child {
        padding-right: 15px
    }

    .zigzag-text-container {
        padding-left: 50px
    }

    .flex-reverse .zigzag-text-container {
        padding-right: 50px
    }

    .case-studies-content {
        bottom: 25px;
        width: 86%;
        left: 7%
    }

    .case-studies-logo {
        margin-left: 7%;
        margin-top: 25px
    }

    .floating-integration .store-integrate-box {
        width: 386px
    }

    .floating-integration .int-box-size li {
        width: 100px;
        height: 50px
    }

    .sticky-menu {
        width: 200px
    }

    .piller-content-b {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media screen and (min-width:1370px) {
    .gain-deeper-insights .inner-figur-caption {
        margin-top: 50px !important;
        max-width: 550px
    }
}

@media screen and (max-width:1420px) {
    .certified-partners a img {
        width: 18px;
        top: 2px;
        margin-right: 4px
    }
}

@media screen and (max-width: 1080px) and (min-width: 768px) {
    .edi-tab-half-content-wrapper .content-box-wrapper {
        min-height: 430px
    }

    .gain-deeper-insights .twelve-rewrite {
        padding: 50px 0 !important
    }

    .inventory-management-banner-img .inventory-text-wrapper h1 {
        margin-top: 70px !important
    }

    .edi-banner-img h1 {
        margin: 0 auto 40px !important;
        max-width: 640px
    }

    .edi-top-content .banner-left-section,
    .edi-top-content .banner-right-section {
        width: 100%
    }

    .edi-top-content .banner-left-section .edi-small-boxes {
        width: calc(100% - 67.8%);
        float: left;
        min-height: 210px;
        margin: 0 10px 10px 0
    }

    .edi-top-content .banner-left-section .edi-small-boxes:last-child {
        margin-right: 0
    }

    .arrow-steps {
        margin: 0 auto;
        width: 95%
    }

    .edi-tab-content-wrapper .content-box-wrapper>.box-head {
        left: 0
    }

    .content-box-inner .six {
        width: 100%
    }

    .content-box-inner .four {
        width: 50%
    }

    .edi-tab-content-wrapper .content-box-wrapper .content-box-inner .box-head {
        position: static;
        font-size: 14px !important
    }

    .arrow-steps .step:after,
    .arrow-steps .step:before {
        border-bottom-width: 134px !important;
        border-top-width: 131px !important
    }

    .arrow-steps .step {
        min-height: 270px
    }

    .arrow-steps .step img {
        margin: 0 auto !important
    }

    .edi-tab-content-wrapper .step-process-wrapper {
        padding-bottom: 40px !important
    }

    .edi-boxes-wrapper {
        width: 84%
    }

    .edi-gray-full .content-box-wrapper {
        padding-bottom: 30px !important;
        min-height: initial !important
    }

    .edi-sps-wrapper .sps-left,
    .edi-sps-wrapper .sps-right {
        width: 100%;
        padding: 0 50px;
        text-align: center !important;
        margin-top: 10px !important
    }

    .edi-sps-wrapper .sps-left h3,
    .edi-sps-wrapper .sps-left p {
        text-align: center !important;
        padding-top: 0 !important;
        margin-top: 0 !important
    }

    .edi-sps-wrapper .sps-left a {
        margin: 10px auto !important;
        float: none !important
    }

    .partners-into {
        width: 50%
    }

    .edi-automate-wrapper,
    .edi-automate-img-wrapper {
        margin-top: 20px !important
    }

    .edi-automate-img-wrapper img {
        margin-top: 50px !important;
        margin-left: 20px
    }

    .tabs-blue-wrapper .tab-wrapper ul li {
        margin: 0 !important;
        padding: 0 22px
    }

    .product-slider-slides-wrapper .product-ratings li {
        width: 33%;
        margin-left: 0;
        margin-right: 0
    }

    .home-team-slider-wrapper ul li {
        width: 35%;
        margin: 0 0 20px;
        line-height: 24px
    }

    .footer-nav li {
        margin-right: 2%
    }
}

@media only screen and (min-width:1379px) and (max-width:1400px),
only screen and (min-height:767px) and (max-height:768px) {
    .video-viewport video {
        max-width: 100%
    }
}

@media only screen and (min-width:1279px) and (max-width:1280px),
only screen and (min-height:767px) and (max-height:768px) {
    .video-viewport video {
        max-width: 100%
    }
}

@media only screen and (min-width:799px) and (max-width:800px),
only screen and (min-height:1279px) and (max-height:1280px) {
    .video-viewport video {
        height: 100%
    }
}

@media only screen and (min-width:959px) and (max-width:960px),
only screen and (min-height:599px) and (max-height:600px) {
    .video-viewport video {
        max-width: 100%
    }
}

@media only screen and (min-width:1023px) and (max-width:1024px),
only screen and (min-height:767px) and (max-height:768px) {
    .video-viewport video {
        height: 100%;
        max-width: none
    }
}

@media screen and (min-width:768px) and (max-width:1400px) {
    .process-card>.cgd1 {
        min-height: 55px
    }
}

@media screen and (min-width: 1300px) {
    .img-mx-w-none {
        max-width: none
    }

    .play-btn-accounting svg {
        max-width: none
    }
}

@media screen and (max-width: 1300px) {
    .accounting-banner-img img {
        margin-top: -100px;
        margin-left: -145px;
        max-width: 710px
    }

    .amazon-banner-img svg {
        max-width: 710px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .contact-info article {
        padding: 50px 10px 15px !important
    }

    .sm-12 {
        width: 100% !important
    }

    .int-app-slider-wrapper {
        width: 100% !important
    }

    .banner-top-content h1 {
        margin: 120px 0 20px
    }

    .piller-content-b .gray-bg {
        padding: 30px 10px !important
    }

    .wg-ratings-left a img,
    .wg-ratings-right a img {
        height: 40px
    }

    .more-feature-inner {
        width: 100% !important
    }

    .home-no-more {
        width: 64%;
        margin-left: auto;
        margin-right: auto
    }

    .home-no-more .no-more-list {
        width: 50%;
        text-align: left
    }

    .footer-nav li a {
        font-size: 10px
    }

    .certified-partner-steps {
        padding: 30px 0
    }

    .bk-acc-steps-wrap .certified-partner-steps {
        padding: 30px 15px
    }

    .social-links li a {
        width: 38px;
        height: 38px
    }

    .social-links li {
        margin-left: 2px;
        margin-right: 2px
    }

    .no-1-ecom-app {
        padding-left: 15px
    }

    .no-1-ecom-app img {
        max-width: 32%
    }

    .no-1-ecom-app .star-ratings {
        margin: 15px 10px 0
    }

    .bk-acc-steps-wrap .certified-partner-steps .h-2xx {
        font-size: 18px
    }

    .accounting-banner-img img {
        margin-top: -70px;
        margin-left: -115px;
        max-width: 580px
    }

    .amazon-banner-img svg {
        margin-top: -70px;
        max-width: 580px
    }

    .flyout.three-cols {
        left: 1%
    }

    .flyout.three-cols:before {
        left: 458px !important
    }

    .flyout.three-cols-v1 {
        width: 680px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .grayscaled-store-logos .store-list li {
        padding: 0;
        width: 20%
    }   

    .footer-links {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-evenly !important
    }
}

@media screen and (max-width: 992px) {
    .homepagenew-banner-wrapper h1 {
        font-size: 40px;
        line-height: 50px;
        width: 450px
    }

    .homepagenew-banner-wrapper h1:before {
        height: 110px;
        top: 1px
    }

    .homepagenew-banner-wrapper h2 {
        margin-bottom: 10px
    }

    .beat-it-promo-card {
        padding: 10px
    }

    .beat-it-text {
        padding-left: 10px;
        width: 60%
    }

    .beat-it-text p {
        line-height: normal !important
    }

    .customer-service-slider {
        overflow: visible;
        width: auto
    }

    .customer-service-slider .slick-list {
        overflow: hidden;
        margin: auto
    }

    .h-74x {
        font-size: 50px
    }

    .homebanner-uod-img .laptop-uod {
        max-width: 650px !important;
        margin-left: -207px !important;
        margin-top: 88px
    }

    .homebanner-uod-ancher {
        right: 73px;
        top: 45%
    }

    .unify-desktop-banner-img .homebanner-uod-ancher {
        right: 150px
    }

    .ecom-app {
        bottom: -80px
    }

    .slide-column-wrapper {
        width: 660px
    }

    .slide-columns-3 img {
        height: 288px
    }

    .home-integrate-partners {
        width: 600px
    }

    .contact-social-links ul {
        margin: 0
    }

    .animate-gif>div {
        position: relative !important;
        right: 0;
        top: 0;
        left: 0 !important
    }

    .animate-gif>div:last-child {
        position: absolute !important;
        top: 200px;
        right: 0 !important
    }

    .animate-gif>div img {
        display: block;
        max-width: 100px;
        margin: 0 auto
    }

    .animate-gif>img {
        margin-top: 150px
    }

    .bookkeeper-bannner-img .scroll-down-arrow {
        margin-bottom: -93px !important;
        margin-top: 0 !important;
        bottom: 0 !important
    }

    .bookkeeper-slider .slick-slide .white-boxs {
        min-height: 380px
    }

    .edi-tab-half-content-wrapper .content-box-wrapper {
        min-height: 475px
    }

    .appDetail-wrapper {
        margin-top: 10px !important
    }

    .partner-left-section,
    .partner-right-section {
        width: 100% !important
    }

    .int-partner-content {
        margin-bottom: 0 !important
    }

    .zigzag-text-container {
        padding-left: 15px
    }

    .flex-reverse .zigzag-text-container {
        padding-right: 15px
    }

    .wg-statistics {
        padding: 30px 15px !important
    }

    .wg-statistics span {
        font-size: 30px
    }

    .customers--wrapper .customer-left-section .success-author img {
        max-width: 80px
    }

    .product-slider-slides {
        text-align: left
    }

    .product-slider-slides .robust-desc .cgd1 {
        text-align: left;
        padding: 0;
        line-height: 24px
    }

    .product-slider-slides .robust-desc li {
        line-height: 19px
    }

    .home-team-slider-wrapper h4 {
        margin-bottom: 10px !important
    }

    .home-team-slider-wrapper h6 {
        margin-bottom: 26px !important
    }

    .home-team-slider-wrapper ul {
        margin-top: 0
    }

    .home-team-slider-wrapper ul li {
        font-size: 14px
    }

    .automate .badge-image {
        width: 130px
    }

    .integrate .badge-image {
        left: 43px;
        width: 50px
    }

    .floating-integration .int-box-size li {
        margin: 6px
    }

    .floating-integration .store-integrate-box {
        width: 344px
    }

    .sticky-menu {
        width: 175px
    }

    .ppc-short-content {
        padding: 20px 50% 30px 25px
    }

    .int-with-marketplace-img {
        background: url(/images/webgility-new-design/features/int-with-marketplace-bg-img-left.svg) top left, url(/images/webgility-new-design/features/int-with-marketplace-bg-img-right.svg) bottom right;
        background-repeat: no-repeat !important;
        background-color: #f7f8fb
    }

    .int-with-marketplace-wrapper .int-with-marketplace-text {
        padding: 240px 0
    }

    .footer-nav li {
        margin-right: 1.5%
    }

    .footer-nav li a:first-child {
        letter-spacing: normal
    }

    .certified-badge-img-container img {
        max-width: 100% !important
    }

    .why-wg-img-container img {
        max-width: 580px;
        margin-top: -90px;
        margin-bottom: -78px;
        margin-right: -50px
    }

    .four-tabs.bk-acc-tab-wrap .int-tab-list {
        padding: 15px 5px 10px
    }

    .four-tabs.bk-acc-tab-wrap .int-tab-list .h-1x {
        font-size: 11px;
        line-height: normal
    }

    .step-icons-wrapper .bar {
        max-width: 15%
    }
}

@media only screen and (min-width:768px) and (max-width:1380px) {
    .banner-right-img {
        width: 530px !important
    }

    .h-72x {
        font-size: 50px
    }

    .h-62x {
        font-size: 40px
    }

    .quote img {
        margin: 50px 0 20px
    }

    .quote h2 {
        font-size: 24px;
        line-height: normal
    }

    .edi-tab-wrapper .tab-inner {
        width: 715px
    }

    .edi-tab-wrapper ul li a {
        padding: 27px 65px
    }

    .home-high-growth .wg-statistics {
        padding: 0 15px 16px !important;
        margin-top: 30px
    }

    .home-high-growth .wg-statistics>div {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

@media only screen and (min-width:768px) and (max-width:800px) {
    .bookkeeper-bannner-img .scroll-down-arrow {
        bottom: 20px !important
    }

    .bookkeeper-slider .slick-slide {
        width: 100% !important;
        height: auto !important
    }

    .bookkeeper-slider .slick-slide .white-boxs {
        min-height: 250px
    }

    .edi-tab-content-wrapper .content-box-wrapper .box-head {
        white-space: nowrap
    }

    .edi-top-content .banner-left-section .edi-small-boxes {
        width: calc(100% - 67.8%)
    }
}

@media screen and (max-width:767px) {
    /* .header-wrapper.navbar-fixed .header-logo {
        top: -9px !important
    } */
    /* .inner-menu .top-header .top-main-nav .menu-btn-new{
        top: -3px !important;
    } */
    .mobile-phone-no img {
        position: relative;
        top: 2px
    }

    .top-main-nav .mobile-phone-no a,
    .inner-menu.darkblue-menu .top-main-nav .mobile-phone-no a {
        color: #7B8794
    }

    .top-main-nav.menu-open .mobile-phone-no {
        display: none !important
    }

    .full-column-img-section .img-container,
    .full-column-img-section .text-container {
        width: 100%
    }

    .full-column-img-section .text-container {
        padding: 15px !important
    }

    .video-viewport {
        height: 540px !important
    }

    .cloud-desktop-btn-wrapper .video-viewport {
        height: 780px !important
    }

    .video-viewport video {
        height: 600px
    }

    .cloud-desktop-btn-wrapper .video-viewport video {
        height: 785px
    }

    .secondary-bar {
        background: #fff;
        box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1)
    }

    .top-notification-bar .notification-msg {
        display: none
    }

    #banners.v-full .hero .content-wrapper {
        padding-top: 150px !important;
        padding-bottom: 30px
    }

    .hero .content-wrapper .banner-img-section {
        margin-top: 30px
    }

    .hero.integrations {
        padding: 80px 0 50px
    }

    .we-process:after {
        border-bottom: 1px solid #D5D5D5;
        height: 1px;
        width: 60%;
        bottom: -25px;
        left: 20%;
        top: auto
    }

    .home-casestudy-slider .slick-slide {
        width: 350px
    }

    .ecom-app {
        bottom: 0;
        right: 64px
    }

    .homebanner-uod-img {
        float: none !important
    }

    .homebanner-text {
        text-align: center
    }

    .slide-column-wrapper {
        width: 305px;
        height: auto
    }

    .slide-columns-1,
    .slide-columns-2,
    .slide-columns-3 {
        width: 100% !important;
        float: left !important
    }

    .slide-columns-1 .box {
        width: 50%;
        float: left
    }

    .slide-columns-3 img {
        height: auto
    }

    .slide-columns-3 a {
        bottom: 0
    }

    .slide-columns-3 {
        height: 358px
    }

    .slide-column-wrapper {
        transform: scale(0.6) !important
    }

    .contact-info-wrapper {
        position: relative
    }

    .form-section {
        padding: 25px !important
    }

    .contact-info-wrapper {
        padding: 0
    }

    .contact-info-wrapper .columns {
        padding: 0
    }

    .contact-social-links {
        text-align: center;
        margin-top: 50px !important
    }

    .contact-social-links ul li {
        display: inline-block;
        margin: 0 13px
    }

    .contact-bottom-blocks {
        padding-top: 0 !important
    }

    .form-wrapper {
        margin-top: 15px !important;
        margin-bottom: 0 !important
    }

    .contact-info article p {
        font-size: 16px
    }

    .contact-info article {
        padding-left: 28px !important;
        padding-right: 25px !important
    }

    .bookkeeper-slider .slick-slide .white-boxs {
        background-size: 30%
    }

    .grayscaled-store-logos {
        height: auto !important
    }

    .grayscaled-store-logos ul {
        width: 100% !important
    }

    .grayscaled-store-logos .store-list li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 20px
    }

    .edi-top-content.banner-top-content h1 {
        font-size: 26px !important;
        line-height: 30px
    }

    .tab-inner {
        width: 100% !important
    }

    .edi-banner-wrapper {
        padding-bottom: 0
    }

    .edi-tab-wrapper {
        margin: 30px 0 0 !important
    }

    .edi-tab-wrapper ul li {
        width: 33%;
        margin: 0
    }

    .edi-tab-wrapper ul li a {
        padding: 15px 10px;
        width: 100%;
        display: block;
        letter-spacing: 1px;
        font-size: 15px
    }

    .vertical-tab-divider {
        top: 18px
    }

    .edi-tab-content-wrapper {
        padding-top: 30px !important
    }

    .content-box-wrapper .fl {
        float: none !important
    }

    .edi-tab-content-wrapper img {
        margin: 20px auto 0 !important
    }

    .edi-tab-content-wrapper .customer-case-study img {
        margin-top: 0 !important;
        width: 100px;
        top: -20px
    }

    .customer-feedback {
        padding: 15px 15px 20px 66px;
        margin-left: 50px
    }

    .edi-tab-content-wrapper ul li img {
        margin: 0 !important
    }

    .partners-into {
        margin-left: 0
    }

    .summary-posting-module ul {
        margin-left: 45px;
        padding: 10px !important
    }

    .summary-posting-module ul li {
        padding: 0 !important
    }

    .m-t80 {
        margin-top: 30px !important
    }

    .p-r60 {
        padding-right: 15px !important
    }

    .m-tb60 {
        margin: 20px auto
    }

    .croping-img-wrapper .text-container h2 {
        margin-top: 40px !important
    }

    .display-flex {
        display: block
    }

    .input-btn-group.hide {
        display: none !important
    }

    .input-btn-group input[type="email"].mktoField {
        width: 100% !important
    }

    .input-btn-group .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
        position: static;
        width: 100%
    }

    .input-btn-group .mktoButtonRow {
        margin-top: 0 !important
    }

    .input-btn-group .mktoForm {
        margin: 10px 0 50px
    }

    .input-btn-group .mktoFieldWrap {
        width: 100%
    }

    .input-btn-group {
        width: auto;
        display: block;
        float: none
    }

    .banner-int-logo-wrapper .AppLogo img {
        max-height: 35px
    }

    .zigzag-text-container {
        padding-left: 0
    }

    .flex-reverse .zigzag-text-container {
        padding-right: 0
    }

    .zigzag-img-container {
        width: 100% !important
    }

    .zigzag-only-img img {
        max-width: 100% !important;
        margin: 0 !important
    }

    .piller-content p {
        margin: 0 auto
    }

    .inventory-forecasting-banner-img {
        text-align: center
    }

    .banner-wrapper .hero .content-wrapper {
        width: 100%;
        display: block;
        height: auto
    }

    .automate-customer-slider button.slick-prev {
        left: -35px
    }

    .automate-customer-slider button.slick-next {
        right: -35px
    }

    .automate-customer-slider {
        max-width: 85%
    }

    .work-with-stores img {
        height: 25px !important
    }

    .int-with-marketplace-wrapper .int-with-marketplace-text {
        padding: 280px 0
    }

    .footer-nav li {
        margin-right: 0
    }

    .certified-partner-steps {
        width: 270px
    }

    .certified-partner-step-wrapper .three {
        vertical-align: text-bottom
    }

    .wg-emblem-img {
        top: -133px
    }

    .wg-customer-says-slider .slick-prev,
    .wg-customer-says-slider .slick-next {
        top: 0
    }

    .wg-customer-says-slide {
        padding: 20px 10px 30px;
        margin: 40px 15px 30px 0;
        height: 270px !important
    }

    .why-wg-img-container img {
        max-width: 580px;
        float: none;
        margin: -110px -100px -79px -140px
    }

    .why-wg-slide-img img {
        width: 30px !important
    }

    .why-wg-content {
        padding-left: 40px
    }

    .partner-logos .m-all30 {
        margin: 15px !important
    }

    .no-1-ecom-app {
        padding-left: 10px
    }

    .no-1-ecom-app .star-ratings {
        margin: 15px 10px 0
    }
}

@media screen and (max-width:650px) {
    .video-viewport {
        height: 490px !important
    }

    .video-viewport video {
        height: 500px
    }

    .ecom-app {
        width: 100px
    }

    .banner-top-content h1 {
        font-size: 28px !important;
        margin-bottom: 20px !important
    }

    .banner-top-content a {
        margin: 0 auto 20px !important;
        display: block
    }

    .homebanner-text {
        margin: 0 !important
    }

    .bookkeeper-bannner-img .scroll-down-arrow {
        margin-bottom: -52px !important
    }

    .figure-wrapper {
        padding: 0 15px !important
    }

    .figure-wrapper img.aos-item {
        margin: 0 auto !important;
        display: block
    }

    .increase-your-profits .figure-wrapper img.aos-item {
        margin: 20px auto 0 !important
    }

    .chart-section .inner-figur-caption {
        padding-left: 0
    }

    .demo-btn {
        text-align: center
    }

    .home-cs-block .cs-block-inner {
        width: 100%;
        margin: 0 0 20px
    }

    .home-cs-block .cs-block-inner img {
        width: 100%
    }

    .home-cs-block .cs-block-inner .cs-desc {
        width: 60%;
        margin: 0 auto
    }

    .home-cs-block .cs-block-inner {
        height: auto
    }

    .certified-badge-img-container img {
        max-width: 360px !important;
        margin-left: -60px;
        margin-top: -90px !important
    }
}

@media screen and (max-width:480px) {
    .video-viewport {
        height: 530px !important
    }

    .video-viewport video {
        height: 580px
    }

    .int-with-marketplace-img {
        background: url(/images/webgility-new-design/features/int-with-marketplace-bg-img-left.svg) top center, url(/images/webgility-new-design/features/int-with-marketplace-bg-img-right.svg) bottom center !important;
        background-repeat: no-repeat !important;
        background-color: #f7f8fb !important
    }

    .cust-info {
        line-height: normal
    }

    .border-left-wrap {
        padding-left: 15px
    }
}

@media screen and (max-width:380px) {
    .video-viewport {
        height: 590px !important
    }

    .cloud-desktop-btn-wrapper .video-viewport {
        height: 870px !important
    }

    .video-viewport video {
        height: 630px
    }

    .cloud-desktop-btn-wrapper .video-viewport video {
        height: 875px
    }

    .floating-integration .text-right {
        text-align: left
    }

    .lp_logo a img {
        width: 139px
    }

    .header-pn a {
        font-size: 14px
    }

    .header-pn a img {
        width: 15px;
        margin-right: 5px !important
    }
}

@-moz-keyframes fadeEffect {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0;
        -moz-transform: translateY(0px)
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0px)
    }

    50% {
        opacity: 1;
        -moz-transform: translateY(0px)
    }

    60% {
        opacity: 0;
        -moz-transform: translateY(0px)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeEffect {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0;
        -webkit-transform: translateY(0px)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0px)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(0px)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes fadeEffect {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0;
        -ms-transform: translateY(0px)
    }

    20% {
        opacity: 1;
        -ms-transform: translateY(0px)
    }

    50% {
        opacity: 1;
        -ms-transform: translateY(0px)
    }

    60% {
        opacity: 0;
        -ms-transform: translateY(0px)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.banner-top-content h1 .verticalFlip {
    display: inline-block;
    width: 100%;
    position: relative;
    top: -68px
}

.banner-top-content h1 .verticalFlip span {
    animation: fadeEffect 10s linear infinite 0;
    -ms-animation: fadeEffect 10s linear infinite 0;
    -webkit-animation: fadeEffect 10s linear infinite 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%
}

.banner-top-content h1 .verticalFlip span:nth-child(2) {
    animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s
}

.how-it-works-section .hiw-figure {
    -webkit-transition: transform .3s .3s;
    -moz-transition: transform .3s .3s;
    transition: transform .3s .3s
}

.how-it-works-section .hiw-left .hiw-figure {
    -webkit-transform: translate3d(216%, 0, 0);
    -moz-transform: translate3d(216%, 0, 0);
    transform: translate3d(216%, 0, 0);
    opacity: 0
}

.how-it-works-section .hiw-right .hiw-figure {
    -webkit-transform: translate3d(-216%, 0, 0);
    -moz-transform: translate3d(-216%, 0, 0);
    transform: translate3d(-216%, 0, 0);
    position: relative;
    opacity: 0
}

.chart-left .figure-wrapper img,
.chart-right .figure-wrapper img {
    max-width: none
}

.animated {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(120deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-40deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(40deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(120deg);
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-40deg)
    }

    70% {
        -moz-transform: perspective(400px) rotateX(40deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(120deg);
        opacity: 0
    }

    40% {
        -o-transform: perspective(400px) rotateX(-40deg)
    }

    70% {
        -o-transform: perspective(400px) rotateX(40deg)
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(120deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-40deg)
    }

    70% {
        transform: perspective(400px) rotateX(40deg)
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes float {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0px)
    }
}

@-webkit-keyframes float {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0px)
    }
}

.animated.float {
    opacity: 1;
    -webkit-animation-name: float;
    -moz-animation-name: float;
    -o-animation-name: float;
    animation-name: float;
    -webkit-animation: float 3.5s ease-in-out infinite;
    animation: float 3.5s ease-in-out infinite
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

#designstudio-button {
    width: 35px !important
}

.input-box,
input[type="text"].mktoField,
input[type="email"].mktoField,
select.mktoField {
    width: 100%;
    height: 42px !important;
    border-radius: 1px;
    background-color: #fbfbfb !important;
    border: solid 1px #d8d8d8 !important;
    padding: 5px 15px !important;
    margin: 8px 0 3px;
    color: #1f2933;
    font-size: 14px;
    box-shadow: none !important
}

.marketo-demo-form {
    position: relative;
    min-height: 370px
}

.marketo-demo-form .mktoFormCol {
    padding: 0 5px
}

.marketo-demo-form .mktoForm,
.marketo-demo-form .mktoFormCol,
.marketo-demo-form .mktoFieldWrap,
.marketo-demo-form .mktoLabel,
.marketo-demo-form .mktoField,
.marketo-demo-form .mktoButtonRow {
    width: 100% !important
}

.marketo-demo-form .mktoButtonRow {
    margin-top: 40px
}

.marketo-demo-form .mktoButtonWrap {
    display: block;
    margin-left: 0 !important;
    text-align: right
}

.marketo-demo-form .mktoFormRow:first-of-type .mktoFormCol {
    width: 50% !important
}

.marketo-demo-form .mktoFormCol {
    margin-bottom: 30px !important
}

.marketo-demo-form .mktoGutter,
.marketo-demo-form .mktoAsterix,
.marketo-demo-form .mktoOffset,
.marketo-demo-form .mktoLabel {
    display: none !important
}

.marketo-demo-form .agree-tos-pp {
    position: absolute;
    left: 0;
    bottom: 50px
}

.marketo-demo-form .mktoButton {
    display: inline-block;
    height: 28px;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    margin: 5px;
    white-space: nowrap;
    text-shadow: none;
    border: 2px solid #fb8403 !important;
    border-radius: 3px !important;
    letter-spacing: 1px;
    font-family: OpenSans !important;
    outline: none;
    height: 42px;
    font-size: 14px !important;
    line-height: 1;
    padding: 0 13px;
    background: #fb8403 !important;
    box-shadow: none !important
}

@media screen and (min-width:1050px) {
    .store-integrate-box {
        width: 1020px
    }

    .bundle-with-laptop img {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .tab-content {
        min-height: 505px
    }

    .features-listing .feature-lst {
        width: 48%;
        padding: 0 1%;
        display: inline-block;
        vertical-align: top
    }

    .homepagenew-banner-wrapper h1 {
        height: 90px;
        margin-bottom: 40px !important;
        overflow: visible
    }

    .stories-tiles .columns {
        padding: 0 25px
    }

    /* body.has-promo .top-banner-wrapper.navbar-fixed, .top-banner-wrapper.navbar-fixed{z-index: 9;    box-shadow: none;} */
    .navbar.navbar-fixed {
        top: 33px !important;
    }

    .top-section .navbar.navbar-fixed {
        z-index: 2;
    }

    .top-banner-wrapper.navbar-fixed {
        z-index: 8;
        box-shadow: none;
    }

    .top-banner-wrapper.navbar-fixed a,
    .top-banner-wrapper.navbar-fixed .promo-nav-link {
        color: var(--WEBGILITY-BLACK) !important;
    }

    .top-banner-wrapper.navbar-fixed .promo-banner-nav-links li {
        border-color: var(--WEBGILITY-BLACK) !important;
    }

    body.has-promo .top-banner-wrapper.navbar-fixed .promo-banner-nav-links li {
        border-color: white !important;
    }

    .nav-white .top-banner-wrapper.navbar-fixed .promo-banner-nav-links .nav-link-resources {
        border-color: var(--WEBGILITY-BLACK) !important;
    }

    .top-header.navbar-fixed {
        top: 51px;
        z-index: 7;
    }

    body.has-promo .top-banner-wrapper.navbar-fixed .promo-banner-nav-links>li>.top-nav-link {
        color: #fff !important;
    }

    .top-banner-wrapper.navbar-fixed .promo-banner-nav-links>li>a:hover,
    .top-banner-wrapper.navbar-fixed .promo-banner-nav-links>li span:hover,
    .customer-login-parent .promo-nav-link:hover {
        color: #334ceb !important;
    }

    .navbar-fixed {
        animation: smoothScroll 1s forwards;
    }
}

@media screen and (max-width:768px) {
    #boxes {
        display: none !important
    }

    p,
    ul.content li,
    ol.content li {
        font-weight: 400
    }

    ul li,
    ol li,
    p,
    ul.content li,
    ol.content li {
        font-size: 13px
    }

    .h-2x {
        font-size: 16px;
        line-height: 24px
    }

    .h-2xx {
        font-size: 16px
    }

    .h-3x {
        font-size: 20px;
        line-height: 28px
    }

    .h-3xx {
        font-size: 18px;
        line-height: normal
    }

    .h-3x-1 {
        font-size: 19px;
        line-height: 28px
    }

    .h-4x {
        font-size: 24px;
        line-height: 32px
    }

    .h-4xx {
        font-size: 20px;
        line-height: 32px
    }

    .h-5x {
        font-size: 24px;
        line-height: normal
    }

    .h-6x {
        font-size: 22px;
        line-height: normal
    }

    .h-6xx {
        font-size: 33px;
        line-height: 40px
    }

    .h-7x {
        font-size: 17px;
        line-height: 20px
    }

    .p-mini,
    .p-mini p,
    .p-small,
    .p-small p,
    .p-medium,
    .p-medium p,
    .p-regular,
    .p-regular p {
        font-size: 14px;
        line-height: 20px
    }

    .vline-right {
        border-right: none
    }

    .vline-left {
        border-left: none
    }

    .utility-links,
    #footer_compatibility,
    .breadcrumb,
    .breadcrumbs {
        display: none !important
    }

    #scrollUp {
        opacity: .4
    }

    .iosSlider .carousel_prev,
    .iosSlider .carousel_next {
        display: none !important
    }

    #keystats_carousel {
        height: 120px
    }

    #news-updates {
        border-right: none
    }

    #news-updates a {
        font-size: 14px;
        line-height: 22px
    }

    .testimonial-block {
        padding: 20px 0
    }

    .testimonial-block .one.column {
        display: none
    }

    .testimonial-block p,
    .testimonial-block p span {
        font-size: 16px;
        margin-top: 0;
        width: 100%;
        line-height: 22px
    }

    .testimonial-block a.read_more {
        display: block;
        float: none;
        text-align: center;
        margin-top: 10px
    }

    .trial-phone-no {
        line-height: 50px !important
    }

    .cl_terms2 {
        margin-left: 0
    }

    .h-7xx {
        font-size: 28px;
        line-height: 35px
    }
}

@media only screen and (max-width:767px) {
    .new-tag {
        top: 1px
    }

    .homebanner-uod-img .laptop-uod {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-top: 31px
    }

    .homebanner-uod-ancher {
        right: 29%;
        top: 43%
    }

    .homebanner-uod-ancher img {
        width: 65px
    }

    .unify-desktop-banner-img .homebanner-uod-ancher {
        right: 50% !important
    }

    .top-rated-logo .rating-logos a {
        margin-bottom: 5px !important
    }

    .three-pillers-wrapper .piller-column:after {
        display: none
    }

    .we-process {
        width: 100% !important
    }

    .pad-l60 {
        padding-left: 15px
    }

    .btn-new.icon-btn-new {
        width: auto !important;
        padding: 0 10px !important
    }

    .banner-wrapper {
        height: auto !important
    }

    .banner-wrapper.team-banner,
    .banner-wrapper.career-banner {
        height: 500px !important
    }

    .cloud-desktop-wrapper .hiw-figure {
        margin: 0 auto 20px
    }

    .cloud-desktop-btn-wrapper .fl {
        float: none !important
    }

    .banner-top-content a {
        margin-bottom: 60px
    }

    .banner-top-content h1 {
        margin: 25px auto 20px
    }

    .top-header nav ul li.search .seach-box {
        color: #a3aab0;
        display: block;
        position: relative;
        width: 90%;
        margin: 0 0 25px 21px;
        padding: 0 7px;
        outline: none;
        font-size: 16px;
        border: 2px solid transparent
    }

    .top-header nav ul li.search .seach-box:focus {
        border: 2px solid #ddd
    }

    .seach-box::-webkit-input-placeholder {
        color: #a3aab0
    }

    .seach-box::-moz-placeholder {
        color: #a3aab0
    }

    .seach-box:-ms-input-placeholder {
        color: #a3aab0
    }

    .seach-box:-moz-placeholder {
        color: #a3aab0
    }

    .top-header nav ul li.search .search-icon {
        display: none
    }

    ul li.search a span.search-text {
        display: block
    }

    

    .darkblue-menu .top-main-nav nav .menu-btn-new .icon-bar {
        background-color: #fff
    }

    .top-header {
        padding-top: 7px;
        padding-bottom: 9px;
        height: 43px
    }

    .top-header .header-logo img {
        width: 120px
    } 

    .header-promo-banner:empty {
        display: none
    }

    .top-main-nav ul li.free-trial a.btn-new {
        width: 100%;
        height: auto;
        line-height: normal;
        margin: 20px 0 0;
        padding: 14px 18px !important
    }
    .phone-number a img,
    .login-wrapper a img,
    .certified-partners a img,
    .help-center a img {
        top: 0;
        margin-right: 7px;
        width: 11px
    }

    .phone-number-nav .nav-bar>li {
        padding: 5px 0
    }


    .darkblue-menu .has-flyout>a:before,
    .darkblue-menu .has-flyout>a:after {
        background-color: #a3aab0
    }

    .has-flyout a:before,
    .has-flyout a:after {
        background-color: #a3aab0
    }

    .h-1xx {
        font-size: 14px;
        line-height: 25px
    }

    .h-9x {
        font-size: 25px;
        line-height: normal
    }

    .h-73x,
    .h-72x {
        font-size: 40px
    }

    .h-62x {
        font-size: 30px
    }

    .under-banner-nav {
        position: static !important
    }

    .under-banner-nav ul {
        text-align: center
    }

    .nav#hp_content_slideshow {
        margin: 0 -15px 10px;
        padding: 10px 15px 20px
    }

    .nav#hp_content_slideshow a {
        padding: 0;
        width: 100% !important
    }

    select#small_business_software_select {
        font-size: 15px !important
    }

    #inner-banner article {
        text-align: left !important
    }

    .press-wrapper .title-wrapper .press-title {
        font-size: 18px
    }

    .zig-zag-view .right {
        float: none !important
    }

    .ecc-dsktop-nav {
        padding: 0 !important
    }

    .ecc-dsktop-nav li {
        width: 100%;
        margin-top: 10px
    }

    .ecc-dsktop-nav li a {
        font-size: 16px;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .under-banner-nav .ecc-destop-logo {
        display: none
    }

    .eccdesktop-link:hover .eccdesktop-dropdown {
        display: block !important
    }

    .nav {
        text-align: left
    }

    .under-banner-nav ul li a.subnav-button,
    .under-banner-nav ul li a.subnav-button:hover {
        text-align: center;
        line-height: 20px;
        padding: 5px 14px !important;
        border-radius: 100px;
        font-family: 'Open Sans Semibold'
    }

    .overview_landing_page.ecc-cloud ul li {
        width: auto !important
    }

    .overview_landing_page.ecc-cloud .ecc-destop-logo {
        background: url(/images/ecc-cloud/ecc-cloud-logo-horizontal.png) #424242 no-repeat center center;
        background-size: auto 22px
    }

    .overview_landing_page .ecc-destop-logo {
        background: url(/images/ecc-desktop-logo-gray-orange-shadow.png) #424242 no-repeat center center;
        background-size: auto 22px
    }

    .freetrialsubnav {
        padding: 0 15px !important
    }

    .annual_pricing .title,
    .monthly_pricing .title {
        text-align: center;
        margin-bottom: 15px;
        width: 100% !important
    }

    .annual_pricing .switch,
    .monthly_pricing .switch {
        text-align: center
    }

    .annual_pricing .pricing-mobile-blocks,
    .monthly_pricing .pricing-mobile-blocks {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px
    }

    .annual_pricing .pricing-mobile-blocks div,
    .monthly_pricing .pricing-mobile-blocks div {
        width: 100% !important;
        text-align: center
    }

    #pricing_details_header {
        width: 100%
    }

    #pricing_details_header div {
        width: 50% !important;
        text-align: center !important
    }

    #pricing_details_header .second_table_head {
        width: 100% !important
    }

    #tab_qb_version span {
        width: 100%;
        margin: 6px 0 !important
    }

    .stories-tiles .three.columns {
        padding: 0 15px !important;
        width: 100% !important
    }

    .ic_plus_pricing {
        padding-top: 0 !important
    }

    .pricing_online .install,
    .pricing_xero .install {
        height: 200px !important
    }

    #team-advisors img,
    #team-quality-assurance img,
    #team-management img,
    #team-sales img,
    #team-customer-service img,
    #team-marketing img,
    #team-hr img {
        width: 100% !important
    }

    #fix_this,
    #fix_this2,
    #fix_validation {
        position: static !important
    }

    .select-dropdown-title {
        text-align: center
    }

    .select-dropdown {
        text-align: center
    }

    #intuit {
        text-align: center
    }

    #free_trial_form_content .h-1xxx a {
        text-align: center !important;
        width: 100%;
        display: block
    }

    .overview_landing_page ecc-cloud,
    .overview_landing_page {
        display: none !important
    }

    .sidebar-links {
        position: static !important
    }

    .top-logo {
        float: left
    }

    .under-banner-nav .subnav-button {
        margin: 3px 0 10px 5px !important
    }

    .free-trial-btn {
        font-size: 18px;
        padding: 0 25px;
        margin: 0 !important
    }

    .under-banner-nav ul li {
        float: none !important;
        line-height: 20px
    }

    .ecc-dsktop-nav li {
        padding: 0 !important
    }

    .main-headings {
        font-size: 24px
    }

    #sub_navigation.free_trial {
        position: static !important
    }

    #sub_navigation.free_trial div {
        font-size: 18px
    }

    .mb-font-17 {
        font-size: 17px !important
    }

    .phone-header {
        margin-top: -50px !important;
        text-align: center
    }

    .phone-logo {
        width: 100%
    }

    .header-text {
        width: 100%
    }

    .phone-no-wrapper {
        margin-bottom: 15px;
        margin-top: 0
    }

    .mb-m-t40 {
        margin-top: 40px !important
    }

    #banner_enterprise,
    #banner_retailer,
    #banner_small_business1,
    #banner_small_business {
        padding-top: 40px;
        padding-bottom: 20px
    }

    #banner_enterprise h1,
    #banner_retailer h1,
    #banner_small_business1 h1,
    #banner_small_business h1 {
        font-size: 36px;
        line-height: 45px
    }

    .three-colum-stories-wrapper .reviewer {
        margin-left: 0;
        width: 100%;
        text-align: left
    }

    .nav#hp_content_slideshow a {
        margin: 10px 0 0
    }

    #banner_qb_integration_cart.qb-online-integration {
        padding: 30px 0
    }

    .circle-icon-wrapper .icon {
        text-align: center
    }

    .h-7xx {
        font-size: 36px;
        line-height: 44px
    }

    .mobile-hide {
        display: none !important
    }

    #banners select,
    .lp_select {
        width: 100% !important
    }

    .trial-phone-no {
        padding-right: 10px !important;
        margin-top: 0
    }

    .fixed-header-wrapper {
        height: 0
    }

    #pricing_accounting_software {
        margin-top: 20px
    }

    .services-list {
        margin: 0
    }

    .services-list li {
        padding: 50px 0 0 !important;
        background-position: center top;
        text-align: center
    }

    .home-header {
        height: 50px
    }

    .home-header #header {
        width: inherit !important;
        z-index: 1000 !important
    }

    .trial-phone-no {
        line-height: 50px !important
    }

    .integrate-home {
        width: 100% !important
    }

    .connectdata-home {
        width: 100% !important
    }

    #integrateonhome {
        min-height: 70px;
        background-position: center center;
        width: 100% !important;
        margin: 40px 0 20px
    }

    .integrate-home h2,
    .integrate-home p,
    .connectdata-home h2,
    .connectdata-home p {
        text-align: center !important
    }

    .integrate-home .bg-white {
        padding-right: 0
    }

    .connectdata-home .bg-white {
        padding-left: 0
    }

    .services-content .package-wrapper {
        width: 100%
    }

    .services-content .head .plan {
        padding-top: 90px;
        padding-left: 0;
        background-position: center 15px !important;
        border: 0;
        width: 100% !important
    }

    .services-content .head .text {
        float: left;
        display: block;
        text-align: center
    }

    .services-content .head .rate {
        padding: 0 15px !important;
        border-top: solid 1px #e1e1e1;
        width: 100% !important
    }

    .services-content .desc {
        padding-left: 20px;
        padding-right: 20px
    }

    .services-content .package-wrapper ul li {
        font-size: 14px;
        line-height: 25px
    }

    .service-team-wrapper {
        width: 100%
    }

    .service-team-wrapper .team-box {
        margin: 18px
    }

    .pricing-includes {
        width: 100%
    }

    .pricing-includes .white-box {
        background-position: center 20px;
        padding: 80px 20px 20px;
        text-align: center
    }

    .pricing_pos .pricing-includes .white-box,
    .pricing_enterprise .pricing-includes .white-box {
        background-position: center 20px !important;
        padding: 80px 20px 20px !important
    }

    .qb-consultation .contact-form .form-container {
        padding: 0
    }

    .pricing-column .price-list-col li.three-columns,
    .pricing-column .price-list-col li.four-columns,
    .pricing-column .price-list-col li.five-columns {
        width: 100%
    }

    #header .user-links {
        display: none
    }

    .unify-enterprise .pricing-column .price-list-col li .enterprise-feature-availability:first-of-type {
        height: auto
    }

    #carts_qb_integration_slider {
        height: 600px !important
    }

    .pricing-blocks .enterprise-feature-availability li .info-icon {
        display: none
    }

    .lappy-slider {
        padding: 9px 36px 0 38px;
        width: 250px;
        height: 155px
    }

    .lappy-slider .wg_selectorsBlock {
        bottom: 0
    }

    .stories-tiles .col {
        min-height: inherit
    }

    .support-wrapper .col .continue-content {
        position: static
    }

    .support-wrapper .col {
        height: auto
    }

    .contact-bottom-blocks .col {
        min-height: inherit;
        width: 100%
    }

    #cssmenu {
        position: static !important;
        border-right: none;
        width: inherit
    }

    .ue-demo-img {
        position: static;
        margin-top: -150px;
        float: left;
        width: 100%;
        text-align: center
    }

    .ue-demo-img img {
        width: 280px
    }

    .customer-says {
        padding-left: 85px
    }

    .customer-says .photo {
        width: 70px;
        height: 70px
    }

    .customer-slider-wrapper .columns {
        width: 100% !important
    }

    .customer-slider-wrapper {
        margin-top: 150px
    }

    .trial-phone-no {
        float: right !important;
        margin: 0 !important
    }

    .t5-img-wrapper {
        float: none;
        display: block
    }

    .trial-search-input {
        display: none
    }

    .trial-flow .form-box {
        width: 100% !important
    }

    #header .header-top {
        display: none
    }

    .home-header #header {
        height: 50px
    }

    #free_trial_column {
        margin-top: 50px;
        height: auto
    }

    #header.trial {
        height: 50px
    }

    .template2 {
        padding-top: 50px
    }

    .casestudies-wrapper {
        padding: 0 15px
    }

    .full-banner-under .proadvisor-recommended {
        margin-top: 30px
    }

    .laptop-frame {
        width: 300px;
        height: 176px;
        padding: 12px 37px 24px
    }

    .mono-background .side-title {
        font-size: 20px;
        line-height: normal;
        margin-top: 15px
    }

    .casestudies-slider .slick-next {
        right: -25px
    }

    .casestudies-slider .slick-prev {
        left: -25px
    }

    .banner-integration {
        margin-top: 30px !important;
        height: auto !important
    }

    .banner-integration .store-list li.integration-title {
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: normal
    }

    .banner-integration .store-list li {
        width: 25%
    }

    .store-list-section.banner-integration .store-list li a {
        margin-bottom: 0;
        background-position: center !important
    }

    .banner-integration .store-list-inner ul.store-list {
        width: auto
    }

    .info-section .white-boxs img.icon {
        margin-top: -58px;
        width: 100px
    }

    .footer-nav li {
        width: 100%
    }

    .increase-your-profits {
        padding: 0 !important
    }

    .gain-deeper-insights {
        padding-bottom: 20px
    }

    .app-slider-wrapper {
        width: 100%
    }

    .tabs-blue-wrapper .tab-content {
        display: none !important
    }

    .banner-btn-wrapper .btn-new.m-r20 {
        margin-right: 5px !important
    }

    .tab-content {
        padding: 20px 35px
    }

    .webgility-mobile-wrapper .six.columns {
        padding-left: 15px !important
    }

    .all-business-section {
        text-align: center;
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .all-business-card {
        max-width: 450px
    }

    .video-wrapper {
        width: 100%
    }

    .four-pilers-section {
        text-align: center;
        margin-top: 20px !important
    }

    .four-pilers-section .three.columns {
        max-width: 450px;
        margin: 50px auto 0
    }

    .img-holder img {
        margin-bottom: -3px
    }

    .home-top-ratings-inner .wg-ratings-right {
        margin-top: 0 !important
    }

    .home-top-ratings-inner .wg-ratings-right a {
        width: 30%;
        margin-top: 30px
    }

    .video-wrapper>img {
        width: 100%
    }

    .check-list-wrapper {
        list-style-type: none;
        max-width: 300px;
        margin: 15px auto 40px;
        text-align: left
    }

    .customer-service-wrapper {
        text-align: center;
        padding: 0 0 20px !important
    }

    .step-icons-wrapper .step-name {
        font-size: 10px;
        top: -35px;
        margin-left: -27px;
        font-size: 11px;
        width: 70px;
        height: 25px;
        white-space: break-spaces;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 13px
    }

    .step-icons-wrapper {
        margin: 75px auto 30px
    }
}

@media only screen and (max-width:550px) {
    .banner-top-content p {
        width: 100%
    }

    .top-notification-bar span a {
        line-height: 15px;
        font-size: 12px
    }
}

@media only screen and (min-width:320px) and (max-width:568px) {
    .five.offset-by-one.columns.greycol {
        margin-top: 0;
        padding-top: 30px;
        z-index: 1
    }

    #pricing_details_header div {
        padding: 0 52px !important;
        float: left
    }

    .pricing_details_content div {
        padding: 10px 20px;
        float: left;
        position: inherit;
        min-width: 155px !important;
        text-align: right
    }

    .pricing_learn_more,
    .pricing_learn_more2,
    img.learnmore,
    img.learnmore2 {
        display: none !important
    }

    .InputPlaceholder {
        left: 14px !important;
        top: 73px !important
    }

    .varificationInputWidth {
        margin: 10px 0 0 !important;
        width: 100% !important
    }

    #rev_views #slider {
        width: 100% !important;
        height: auto !important
    }

    a.control_prev,
    a.control_next {
        z-index: 99 !important
    }

    #rev_views #slider .twelve .h-3x {
        width: 212px;
        font-size: 16px
    }

    #rev_views #slider .twelve .h-1x {
        width: 212px;
        font-size: 14px
    }

    #banner_bigcommerce .five img {
        display: none
    }

    #approx_orders_per_month_placeholder,
    #company_name_placeholder,
    #first_name_placeholder,
    #password_placeholder,
    #password_placeholder_default,
    #phone_placeholder,
    #email_placeholder,
    #no_of_online_store_placeholder,
    #qb_types_placeholder,
    #quickbooks_version_placeholder,
    #captcha_placeholder,
    #product_selectbox_placeholder,
    .input_labels {
        font-size: 14px;
        text-align: left;
        width: 100%
    }

    .cl_terms2 {
        font-size: 11px
    }
}

@media screen and (min-width:480px) and (max-width:750px) {
    #banners .callout_content {
        font-size: 14px;
        line-height: 20px
    }

    #customer_stories img.hidden-phone.divider {
        display: none
    }

    .InputPlaceholder {
        left: 14px !important;
        top: 73px !important
    }

    .varificationInputWidth {
        margin: 10px 0 0 !important;
        width: 100% !important
    }
}

@media only screen and (max-device-width:479px) {
    #sub_navigation ul li {
        margin: 2px 24px
    }

    #support-list {
        position: static !important
    }

    .ipad-p p {
        padding-right: 8px;
        padding-left: 8px
    }

    .ecc-destop-logo-inner {
        display: none
    }

    .fl {
        padding-bottom: 10px
    }

    .InputPlaceholder {
        left: 33px !important;
        top: 65px !important
    }

    .varificationInputWidth {
        margin: 10px 0 0 !important;
        width: 100% !important
    }

    #banners .callout_content {
        color: #fff;
        font-size: 16px;
        padding: 16px 0 0;
        line-height: 20px
    }

    #banners .callout p {
        color: #fff;
        font-size: 14px;
        margin-top: 6px;
        line-height: normal
    }

    #banners .callout {
        background: none repeat scroll 0 0 #000;
        clear: both;
        height: 116px;
        margin: 166px 0 0;
        opacity: .65;
        text-align: center
    }

    #bannernav.nav {
        margin: 387px auto 0 !important
    }

    #content-wrapper .font-25px {
        line-height: 30px
    }

    #tab_qb_version span {
        margin: 6px 11px
    }

    #over_view .right {
        float: none !important
    }

    #compatibility_col p,
    #compatibility_col2 p {
        padding: 0 10px
    }

    .phone-view {
        padding: 0 2px !important
    }

    .btn-new-large.overview {
        font-size: 15px
    }

    #banners .get-started {
        width: 100%;
        text-align: center
    }

    .learn-more {
        width: 100%;
        text-align: center
    }

    .hero.factory-old-man {
        background-position: -700px center
    }

    .hero.factory-two-men {
        background-position: -600px center
    }

    .hero.ue-email-marketing {
        background-position: -560px center
    }

    .hero.cloth-shop-lady {
        background-position: -590px center
    }

    .hero.desktop-man {
        background-position: -550px center
    }

    .hero.laptop-guy {
        background-position: -480px center
    }

    .hero.tablet-guy {
        background-position: -530px center
    }

    .hero.laptop-lady {
        background-position: -580px center
    }

    .hero.tablet-lady2 {
        background-position: -530px center
    }

    .hero.guitar-old-man {
        background-position: -500px center
    }

    .hero.factory-old-man2 {
        background-position: -540px center
    }

    .hero.factory-couple {
        background-position: -630px center
    }

    .hero.factory-couple-young {
        background-position: -630px center
    }

    .hero.factory-lady-young {
        background-position: -820px center
    }

    .hero.ue-shipping {
        background-position: -670px center
    }

    .hero.cloth-shop-lady2 {
        background-position: -830px center
    }

    .hero.ue-analytics {
        background-position: -510px center
    }

    .hero.factory-two-men2 {
        background-position: -650px center
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {
    #customer_stories img.hidden-phone.divider {
        display: none
    }

    .five.offset-by-one.columns.greycol {
        margin-top: 0;
        padding-top: 30px;
        z-index: 1
    }

    #pricing_details_header div {
        padding: 0 5px !important;
        float: left
    }

    .pricing_details_content div {
        padding: 10px 20px;
        float: left;
        position: inherit;
        min-width: 126px !important;
        text-align: right
    }

    .pricing_learn_more,
    .pricing_learn_more2,
    img.learnmore,
    img.learnmore2 {
        display: none !important
    }

    .InputPlaceholder {
        left: 13px !important;
        top: 73px !important
    }

    .varificationInputWidth {
        margin: 10px 0 0 !important;
        width: 100% !important
    }

    .marketo-demo-form .mktoField {
        height: 42px !important;
        font-size: 1em !important
    }

    .marketo-demo-form .mktoFormRow:first-of-type .mktoFormCol {
        width: 100% !important
    }

    .mktoForm {
        padding: 0 !important
    }

    .marketo-demo-form .mktoFormCol {
        margin-bottom: 25px !important
    }

    .form-container p.agree-tos-pp {
        line-height: normal !important
    }

    .marketo-demo-form .mktoButton {
        width: 100%
    }
}

@media only screen and (max-width:320px) {
    #pricing_details_header div {
        font-size: 12px
    }

    .pricing_details_content div {
        min-width: 118px !important;
        text-align: center
    }

    .pricing_learn_more,
    .pricing_learn_more2,
    img.learnmore,
    img.learnmore2 {
        display: none !important
    }
}

@media only screen and (min-width:320px) and (max-width:870px) {
    .InputPlaceholder {
        left: 13px !important;
        top: 73px !important
    }

    .varificationInputWidth {
        margin: 10px 0 0 !important;
        width: 100% !important
    }

    .lefttextbox {
        width: 90%
    }

    #login_btn {
        margin-top: 10px !important
    }

    .pricing-highlight {
        text-align: center
    }

    .pricing-column .price-list-col.highlights {
        width: 86% !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .under-banner-nav ul li a {
        margin: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    p,
    ul.content li,
    ol.content li {
        font-weight: 400
    }

    #integrateonhome {
        background: url(/images/ic_integrate.png) no-repeat center 235px
    }

    ul li,
    ol li,
    p,
    ul.content li,
    ol.content li {
        font-size: 14px;
        line-height: 22px
    }

    .h-0x {
        font-size: 12px;
        line-height: normal
    }

    .h-1x {
        font-size: 12px;
        line-height: 17px
    }

    .h-2x {
        font-size: 16px;
        line-height: 24px
    }

    .h-3x {
        font-size: 20px;
        line-height: 28px
    }

    .h-3xx {
        font-size: 22px;
        line-height: 28px
    }

    .h-3x-1 {
        font-size: 19px;
        line-height: 28px
    }

    .h-4x {
        font-size: 24px;
        line-height: 32px
    }

    .h-4xx {
        font-size: 20px;
        line-height: 32px
    }

    .h-5x {
        font-size: 27px;
        line-height: 36px
    }

    .h-6x {
        font-size: 32px;
        line-height: 40px
    }

    .h-6xx {
        font-size: 33px;
        line-height: 40px
    }

    #scrollUp {
        display: none
    }

    #news-updates a {
        font-size: 16px;
        line-height: 22px
    }

    .pricing_learn_more,
    .pricing_learn_more2,
    img.learnmore,
    img.learnmore2 {
        display: none !important
    }

    .ipad-p p {
        padding-right: 10px;
        padding-left: 10px
    }

    .sidebar-links {
        width: 178px
    }

    #pricing_international {
        margin-top: 10px !important
    }

    .dark-bg {
        background: none repeat scroll 0 0 #424242;
        padding: 15px 4px
    }

    #sub_navigation ul {
        float: none !important
    }

    #sub_navigation ul li:first-child {
        margin-left: 0 !important
    }

    .lefttextbox {
        width: 92%
    }

    #already_have_account_link,
    #do_not_have_account_link {
        margin: 0 0 0 10px
    }

    #free_trial_form_content label.error {
        margin-top: 0
    }

    #login_btn {
        font-size: 14px
    }

    .feature-box-container .pricing-box p {
        font-size: 11px
    }

    .partners-wrapper .partners-col {
        height: 520px
    }

    .cl_terms2 {
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .press-wrapper .logo {
        width: 25% !important
    }

    .press-wrapper .title-wrapper {
        width: 75% !important
    }

    .press-wrapper .title-wrapper .press-title {
        font-size: 20px
    }

    .nav-bar>li:first-child {
        margin-left: 0 !important
    }

    .under-banner-nav .ecc-destop-logo {
        display: none
    }

    .ecc-dsktop-nav {
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important
    }

    .under-banner-nav.overview_landing_page li a {
        margin-left: 0;
        font-size: 13px
    }

    #pricing_details_header div {
        font-size: 11px;
        text-align: center
    }

    .pricing_details_content div {
        font-size: 18px
    }

    .shiplark-page .footer-column:first-child {
        margin-left: 9%
    }

    #tab_qb_version span {
        width: 125px;
        font-size: 15px
    }

    .footer-column strong {
        font-size: 13px !important
    }

    .phone-no-wrapper {
        margin-top: 13px
    }

    .three-colum-stories:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .three-colum-stories p.story {
        min-height: inherit !important
    }

    .top-logo .logo {
        width: 100%
    }

    .trial-phone-no {
        width: 100% !important;
        line-height: 25px !important;
        text-align: center;
        width: auto !important
    }

    .phone-no-wrapper {
        margin-top: 15px
    }

    .services-content .package-wrapper {
        width: 650px
    }

    .service-team-wrapper {
        width: 738px
    }

    .hero.home .content-wrapper {
        height: 290px
    }

    .hero.cloud .content-wrapper {
        height: 485px
    }

    .hero.desktop .content-wrapper,
    .hero.eccpro .content-wrapper {
        height: 520px
    }

    .hero.ecchosted .content-wrapper {
        height: 300px
    }

    .qb-consultation .left-content {
        width: 100% !important
    }

    .qb-consultation .contact-form {
        width: 100% !important
    }

    .qb-consultation .contact-form .form-container {
        width: 60%;
        margin: 0 20%
    }

    .home-header {
        height: 80px
    }

    .top-header .nav-bar {
        margin: 14px 0;
        padding: 0
    }

    .unify-enterprise .pricing-column .price-list-col {
        width: 1008px !important;
        padding-right: 15px
    }

    .lappy-slider {
        width: 690px;
        padding: 25px 100px 0 104px;
        height: 340px
    }

    #cssmenu {
        width: 195px
    }

    #cssmenu>ul>li {
        padding-left: 0;
        padding-right: 0
    }

    #cssmenu .btn-new {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px
    }

    .ue-demo-img {
        max-width: 400px
    }

    .customer-says .says {
        margin: 0 !important
    }

    .footer-column.contact {
        width: 75% !important
    }

    .footer-column.social {
        width: 25% !important
    }

    .ecommerce-resources-list li {
        margin-left: 10px;
        margin-right: 10px
    }

    .trial-search-input {
        margin-top: 7px
    }

    .trial-phone-no {
        margin-top: 10px
    }

    #header .top-main-nav {
        width: 100%
    }

    #header .logo {
        margin-top: -20px
    }

    .top-header .nav-bar {
        margin: 0
    }

    .home-header {
        height: 109px
    }

    .top-header {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mono-background {
        margin-top: 200px
    }

    .laptop-frame {
        margin-top: -200px
    }

    .input-btn-group input[type="email"].mktoField {
        width: 200px !important
    }

    .input-btn-group .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
        left: 200px
    }

    .input-btn-group.above-footer {
        width: 400px
    }

    .home-laptop {
        max-width: 580px
    }

    .mission-and-values .row .four.columns {
        width: 40% !important
    }

    .mission-and-values .row .eight.columns {
        width: 60% !important
    }

    .our-mission-wrap .inner-wrapper p {
        font-size: 18px
    }

    .automate-customer-slider {
        max-width: 550px
    }

    .homepagenew-banner-wrapper .feature-banner-img-container {
        min-height: 400px
    }

    .homepagenew-banner-wrapper {
        background-size: auto 100% !important
    }

    .phone-number-nav .nav-bar>li {
        padding-top: 12px
    }

    .inner-benefits-card {
        min-height: 280px
    }

    .benefits-card {
        height: 310px
    }

    .all-business-card {
        height: 275px
    }

    a#webgility_logo img {
        width: 140px !important
    }

    .flyout.three-cols {
        width: 720px !important
    }

    .nav-bar>li.has-flyout>a:first-child i:before {
        font-size: 10px;
    margin-left: 2px;
    font-weight: 800;
    }
}

@media only screen and (max-width:959px) {
    .top-header nav ul .solutions span.flyout {
        width: 460px
    }
}

@media only screen and (min-width:768px) and (max-width:1150px) {
    .certified-partners a img {
        width: 16px;
        top: 1px;
        margin-right: 2px
    }

    .stories-tiles .col {
        min-height: 600px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .banner-wrapper .top-header {
        padding: 0 !important
    }

    #sub_navigation a.logo_product img {
        width: 60%
    }

    #sub_navigation ul li {
        margin: 0 6px
    }

    #sub_navigation ul li a.subnav-button span {
        margin-right: 5px
    }

    .iosSlider .carousel_prev,
    .iosSlider .carousel_next {
        display: none
    }

    p,
    ul.content li,
    ol.content li {
        font-weight: 400
    }

    ul li,
    ol li,
    p,
    ul.content li,
    ol.content li {
        font-size: 14px;
        line-height: 22px
    }

    .h-1x {
        font-size: 12px
    }

    .h-2x {
        font-size: 16px;
        line-height: 24px
    }

    .h-3x {
        font-size: 20px;
        line-height: 28px
    }

    .h-3xx {
        font-size: 22px;
        line-height: 28px
    }

    .h-3x-1 {
        font-size: 19px;
        line-height: 28px
    }

    .h-4x {
        font-size: 24px;
        line-height: 32px
    }

    .h-4xx {
        font-size: 20px;
        line-height: 32px
    }

    .h-5x {
        font-size: 20px;
        line-height: 36px
    }

    h1.h-5x {
        font-size: 27px;
        line-height: 36px
    }

    .h-6x {
        font-size: 28px;
        line-height: 40px
    }

    .h-6xx {
        font-size: 33px;
        line-height: 40px
    }

    .h-1xx {
        font-size: 17px;
        line-height: 26px
    }

    .for-ipad .wg_slide {
        width: 730px !important;
        padding: 0 44px 0 0
    }

    #banners .callout_content {
        font-size: 16px
    }

    .pricing_learn_more,
    .pricing_learn_more2,
    img.learnmore,
    img.learnmore2 {
        display: none !important
    }

    .testimonial-block p,
    .testimonial-block p span {
        width: auto
    }

    .row {
        min-width: inherit;
        width: auto
    }

    .InputPlaceholder {
        left: 13px !important;
        top: 73px !important
    }

    .varificationInputWidth {
        margin: 10px 0 0 !important;
        width: 100% !important
    }

    #content-wrapper h3 {
        font-size: 18px
    }

    .sidebar-links li a {
        font-size: 19px
    }

    #rev_views #slider {
        width: 100% !important;
        height: auto !important
    }

    #slider .h-3x {
        font-size: 20px;
        line-height: 28px
    }

    a.control_prev,
    a.control_next {
        z-index: 99 !important
    }

    #rev_views #slider .twelve .h-3x {
        width: 665px;
        font-size: 16px
    }

    #rev_views #slider .twelve .h-1x {
        width: 680px;
        font-size: 14px
    }

    .phone-number-nav .has-flyout a:before {
        right: 3px !important
    }

    .phone-number-nav .has-flyout a:after {
        right: 7px !important
    }

    .top-header nav ul li.search .search-icon:before {
        font-size: 14px
    }

    .top-header nav ul li.search .search-icon {
        width: 14px;
        margin: 0 0 -6px
    }

    .top-header .phone-number-nav li.phone-number a {
        letter-spacing: normal
    }

    .phone-number-nav .nav-bar>li {
        padding: 10px 0;
    }

    .top-header .nav-bar>li>a {
        font-size: 14px
    }

    /* .top-main-nav ul li.free-trial a.btn-new {
        padding: 0 5px !important;
        font-size: 11px !important;
    } */
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    #sub_navigation ul li {
        margin: 0 15px
    }

    .pricing_learn_more,
    .pricing_learn_more2,
    img.learnmore,
    img.learnmore2 {
        display: none !important
    }

    .InputPlaceholder {
        left: 230px !important;
        top: 7px !important
    }

    .varificationInputWidth {
        width: 49% !important
    }
}

@media only screen and (min-width:768px) and (max-width:850px) {
    .flyout.three-blocks ul {
        width: 35%;
        padding: 0 5px
    }

    .flyout.three-blocks {
        width: 600px
    }

    .flyout .nav-title p a.see-all-link {
        left: 5px
    }

    .phone-number-nav .nav-bar>li>a:not(.btn-new):first-child {
        padding: 0 !important
    }

    .top-header .nav-bar>li>a {
        font-size: 13px
    }

    /* .top-main-nav ul li.free-trial a.btn-new {
        padding: 0 5px !important;
        font-size: 10px !important;
        margin-left: 0;
    } */

    .qbpos-plan-include ul li img {
        margin-right: 10px !important
    }

    .qbpos-plan-include ul li {
        margin-left: 0
    }

    .nav-bar>li.has-flyout>a:first-child i:before {
        font-size: 10px;
    margin-left: 2px;
    font-weight: 800;
    }
}

@media (min-width:768px) {
    .inner-all-business .read-more-link {
        position: absolute
    }

    .promo-banner-nav-links>li,
    .promo-banner-nav-links>li a {
        padding: 0;
        margin: 0
    }

    .promo-banner-nav-links .top-nav-link {
        color: #000000
    }

    .top-banner-wrapper .promo-banner-nav-links .top-nav-link,
    .top-banner-wrapper .promo-banner-nav-links li span {
        color: #000000 !important;
        cursor: pointer;
    }

    .promo-banner-nav-links .nav-link-resources>.top-nav-link,
    .promo-banner-nav-links .phone-number a,
    .promo-banner-nav-links .help-center a,
    .promo-banner-nav-links .contact-us a,
    .promo-banner-nav-links .blog a {
        border-right: 1px solid #000000;
        padding-right: 12px;
        padding-left: 5px;
        font-size: 12px;
        cursor: default;
        line-height: 1.5;
        display: inline-block
    }

    .top-section .top-banner-wrapper .promo-banner-nav-links>li>.top-nav-link:hover,
    :not(body.has-promo) .top-section .top-banner-wrapper .promo-banner-nav-links>li>.top-nav-link:hover {
        color: #334ceb !important;
    }

    .promo-banner-nav-links .blog a {
        cursor: pointer
    }

    .promo-banner-nav-links .nav-link-resources ul li a {
        font-size: 14px
    }

    .promo-banner-nav-links>li.login-wrapper a {
        border: 1px solid #000000;
        padding: 0 10px;
        border-radius: 5px;
        line-height: 2
    }

    .promo-banner-nav-links>li.login-wrapper a:hover {
        background: #334ceb;
        color: #ffffff;
        border-color: #ffffff
    }

    .promo-banner-nav-links .nav-link-resources .flyout.one-cols {
        width: 190px;
        left: 50%;
        margin-top: 12px
    }

    .benefits-card {
        padding: 9px
    }

    .all-business-card {
        padding: 11px
    }

    .subnav-dropdown {
        display: none
    }

    .phone-number-nav .has-flyout>a:before,
    .phone-number-nav .has-flyout>a:after {
        right: 2px;
        height: 6px;
        top: 14px
    }

    .phone-number-nav .has-flyout a:before {
        right: 8px
    }

    .phone-number-nav .has-flyout a:after {
        right: 12px
    }

    .bookkeeper-banner-wrapper .banner-top-content h1 {
        max-width: 100%
    }

    .figure-caption {
        padding-right: 60px
    }

    .without-gray-bg-skew {
        height: 660px
    }

    .home-integrate-partners .store-list {
        text-align: left;
        margin-left: -15px
    }

    .croping-img-container {
        height: 500px
    }

    .affiliates-link {
        margin-left: -20px;
        margin-top: 35px
    }

    .flyout:after {
        border-width: 0 !important;
        top: -6px !important;
        width: 13px;
        height: 13px;
        background: #fff;
        transform: rotate(45deg);
        box-shadow: -2px -2px 2px -1px #ddd
    }

    .footer-section .footer-column.company {
        padding-left: 3px
    }

    .how-it-works-list li:after {
        content: '';
        border-top: 1px dashed #cacaca;
        width: 46%;
        position: absolute;
        top: 87px;
        left: 77%;
        z-index: 0;
        opacity: 1
    }

    .how-it-works-list li:last-child:after {
        content: '';
        display: none
    }

    .top-header nav ul li.has-flyout:hover span.flyout {
        display: block !important
    }

    ul.flyout li,
    .nav-bar li ul li {
        margin: 0;
    }

    .top-header nav ul li.has-flyout ul.flyout a {
        color: #3E3F42;
        font-size: 16px;
        text-transform: none
    }

    .flyout:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: 0;
        left: 20px;
        top: -17px
    }

    .webgility-integrates-apps p {
        width: 57%
    }

    .left {
        float: left
    }

    #sub_navigation ul {
        text-align: right
    }

    .right {
        float: right
    }

    .m-t40-tab {
        margin-top: 40px
    }

    .m-t60-tab {
        margin-top: 60px
    }

    .m-t80-tab {
        margin-top: 80px
    }

    .nav#hp_content_slideshow a {
        padding: 0 25px
    }

    .sticky-div {
        height: 45px;
        width: 100%;
        display: block;
        overflow: hidden;
        position: absolute;
        z-index: 10
    }

    .under-banner-nav {
        height: 45px
    }

    .under-banner-nav .ecc-destop-logo {
        min-height: 45px !important
    }

    .main-sticky-div {
        height: 45px;
        width: 100%;
        display: block
    }

    .overview_landing_page .ecc-dsktop-nav {
        padding-left: 5px !important
    }

    .overview_landing_page .ecc-dsktop-nav li {
        padding: 0
    }

    .pull-left {
        float: left !important
    }

    .pull-right {
        float: right !important
    }

    .p-pc-tab-l60 {
        padding-left: 60px
    }

    .select-dropdown {
        margin-right: 15px
    }

    .three-colum-review-wrapper div.four.columns {
        padding: 0 45px
    }

    .three-colum-stories:first-child {
        padding-left: 15px
    }

    .three-colum-stories:nth-child(3n) {
        padding-right: 15px;
        border-right: 0
    }

    .three-colum-stories p.story {
        min-height: 150px
    }

    #customer_stories {
        border-right: solid 1px #c6c6c6;
        padding-right: 30px
    }

    #web-hosting,
    #news-updates {
        padding-left: 50px
    }

    .home-slider-nav-wrapper p {
        line-height: 36px
    }

    .nav#hp_content_slideshow a {
        min-width: 165px
    }

    .home-slider-nav-wrapper {
        overflow: visible !important
    }

    .home-slider-nav {
        margin-top: -55px !important;
        min-height: 55px;
        background-color: rgba(0, 0, 0, 0.5) !important
    }

    #hp_content_slideshow.nav a {
        color: #cac7c7 !important
    }

    #hp_content_slideshow.nav a.activeSlide {
        color: #fff !important;
        border-bottom: solid 1px #666 !important;
        background: rgba(51, 51, 51, 0.8) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.8) inset !important
    }

    #banner_qb_integration_cart.qb-online-integration {
        padding: 65px 0
    }

    .services-content .vertical-middle {
        height: 150px
    }

    .services-content .head .rate,
    .services-content .head .plan {
        height: 150px
    }

    #carts_qb_integration_slider {
        height: 250px !important
    }

    .customer-says .says {
        margin-top: 15px
    }

    .full-banner-under {
        height: 150px
    }

    #banners.right-networks .headline,
    #banners.right-networks .sub-headline {
        text-align: right
    }

    .gray-bg-skew {
        height: 800px
    }

    .app-slider-wrapper {
        width: 33%
    }

    .int-app-slider .slick-arrow {
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .int-app-slider .slick-prev {
        top: -12px
    }

    .int-app-slider .slick-next {
        right: auto;
        top: auto;
        bottom: -60px
    }

    .tab-list-container {
        padding-left: 30px
    }

    .tab-list li {
        text-align: center
    }

    .unacceptable-usage p {
        min-height: 50px
    }

    .unacceptable-usage-logo {
        height: 136px;
        line-height: 215px
    }

    .promo-banner~.contact-us-bgimg {
        padding-top: 100px !important
    }

    .mobile-show {
        display: none !important
    }

    .product-features-video-list .video-card:last-child {
        float: left
    }

    .meet-our-customer button.slick-prev {
        margin-left: -50px
    }

    .customers-logo-wrapper .column:last-child {
        float: left
    }

    .g2crowd-wrapper .g2crowd-title {
        position: relative;
        top: -50px;
        margin-left: 25px
    }

    .qbpos-plan-include ul li:last-child {
        margin-bottom: 0
    }

    .wg-mobile-banner-text-wrapper {
        margin-bottom: 90px
    }

    .bk-acc-tab-content ul {
        max-width: 470px
    }

    .bk-acc-tab-wrap {
        height: 150px
    }

    .trial-demo-cards-section .col-lg-6 {
        width: 50%;
        float: left
    }

    .trial-demo-cards-section .col-lg-10 {
        width: 83.33333%
    }

    .trial-demo-cards-section .offset-lg-1 {
        margin-left: 8.33333%
    }

    .pad-md-l0 {
        padding-left: 0
    }

    .flyout.three-cols .link-col {
        padding-left: 25px;
        padding-right: 25px
    }

    .flyout.three-cols .link-col:first-child {
        padding-left: 0
    }

    .flyout.three-cols .link-col:last-child {
        padding-right: 0
    }

    .flyout.three-cols {
        width: 800px
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .flyout.three-cols-v1 .link-col {
        width: 30%;
    }

    .flyout.three-cols-v1 .link-detail-col-wrap {
        width: 70%;
    }

    .nav-features-col {
        border-radius: 0 10px 10px 0;
        width: 46%;
    }

    .nav-product-col {
        width: 54%
    }

    .flyout.three-cols-v1 {
        left: 132px;
    }

    .flyout.three-cols-v1:before {
        left: 40%;
        background: #f8f8f8;
    }

    /* Padding */
    .pt-lg-30 {
        padding-top: 30px !important
    }

    .pt-lg-40 {
        padding-top: 40px !important
    }

    .pt-lg-50 {
        padding-top: 50px !important
    }

    .pt-lg-80 {
        padding-top: 80px !important
    }

    .pt-lg-100 {
        padding-top: 100px !important
    }

    .pb-lg-50 {
        padding-bottom: 50px !important
    }

    .pb-lg-60 {
        padding-bottom: 60px !important
    }

    .pl-lg-30 {
        padding-left: 30px !important
    }

    .pl-lg-100 {
        padding-left: 100px !important
    }

    .pr-lg-30 {
        padding-right: 30px !important
    }
}

@media screen and (min-width:1024px) {
    .lp-block-head {
        min-height: 100px
    }

    .cloud-mngmnt-text .content {
        padding: 0 40px
    }

    .three-colum-stories {
        padding: 10px 30px 0;
        border-right: solid 1px #cdcdcd
    }

    .services-stories .three-colum-stories p.story {
        min-height: 210px
    }

    .hero .flow-img img {
        margin-left: -50px
    }

    .hero.cloud.xero .flow-img img {
        margin-left: -80px
    }

    .hero.desktop.pro-permier .flow-img img {
        margin-left: -35px
    }

    .hero.desktop.international .flow-img img {
        margin-left: -30px
    }

    .sm-device-feature {
        display: none
    }

    .int-logo-wrapper {
        margin-top: 40px !important
    }

    .newsletter-section {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .newsletter-section .newsletter-heading {
        margin-right: 50px
    }

    .newsletter-section .newsletter-form-wrapper {
        width: 300px
    }

    .footer-links {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-evenly !important
    }

    .footer-logo {
        margin-right: 50px
    }

    .footer-bottom-left {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-direction: normal !important
    }

    .footer-bottom-section .four.columns {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

@media screen and (max-width:1024px) {
    .hiw-figure {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important
    }

    .store-integrate-box li.animated,
    .case-study-box li.animated {
        animation-name: none !important;
        animation-duration: 0 !important;
        opacity: 1 !important
    }

    .pad-r100 {
        padding-right: 15px !important
    }

    .pad-l100 {
        padding-left: 15px !important
    }

    .slider-hover-text {
        display: none !important
    }
}

@media screen and (max-width:1023px) {
    .pricing-plans li {
        font-size: 15px
    }

    .pricing-faq li span {
        font-size: 15px
    }

    .three-colum-stories {
        width: 100% !important;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 30px
    }

    .three-colum-stories:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

    .feature-list {
        display: none
    }

    .pricing-column .price-list-col {
        width: 100% !important
    }

    .pricing-column .price-list-col.highlights {
        width: 78% !important
    }

    .price-list-col .plan-head {
        min-height: inherit
    }

    .pricing-blocks .plan-switcher,
    .plan-switcher2,
    .plan-switcher1 {
        padding: 0
    }

    .go-back .button {
        margin: 10px 10px 0 0
    }

    .v-full,
    .v-full .hero {
        height: auto !important
    }

    .v-full .hero .content-wrapper {
        padding-top: 160px;
        padding-bottom: 30px
    }

    .laptop-frame {
        margin-left: auto;
        margin-right: auto
    }

    .mono-background .side-title {
        position: static;
        text-align: center;
        padding: 0
    }

    .newsletter-form-wrapper {
        width: 500px;
        max-width: 100%
    }

    .newsletter-heading {
        margin-bottom: 20px
    }

    .footer-bottom-left {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-direction: normal !important
    }

    .copyright-bottom {
        text-align: center;
        margin: 20px 0
    }

    .footer-bottom-section .eight.columns,
    .footer-bottom-section .four.columns {
        width: 100%
    }

    .footer-column {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1070px) {
    .content_class .h-7xx {
        font-size: 36px;
        line-height: 48px
    }

    .row .content_class.offset-by-three {
        margin-left: 30%
    }
}

@media screen and (max-width:915px) {
    .row .content_class.offset-by-three {
        margin-left: 36%
    }

    .content_class .m-t30 {
        margin-top: 10px !important
    }

    .webinar_image {
        width: 30%
    }
}

@media screen and (max-width:800px) {
    .bannerhgt {
        min-height: 233px
    }

    .webinar_image {
        width: 35%
    }
}

@media screen and (max-width:768px) {
    .row .content_class.offset-by-three {
        margin-left: 36% !important
    }

    .home-banner-slider img.banner-right-img {
        margin-bottom: 50px
    }

    .content_class .m-t30 {
        margin-top: 40px !important
    }

    .content_class .h-7xx {
        font-size: 27px;
        line-height: 30px
    }

    .webinar_image {
        width: 30%
    }

    .social-links li {
        margin-left: 5px;
        margin-right: 5px
    }

    .footer-column ul {
        text-align: center
    }

    .hiw-figure {
        width: 130px;
        height: 130px
    }

    .how-it-works-list li:after {
        top: 59px
    }

    ul.social-links {
        margin: 20px 0
    }

    .footer-top-section form {
        text-align: center
    }

    .webgility-integrates-apps h2 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    li.has-flyout a.active {
        color: #334ceb !important
    }

    li.has-flyout a.active i:before {
        transform: rotate(-90deg) !important;
        -webkit-transform: rotate(-90deg) !important
    }

    .homepagenew-banner-wrapper {
        margin-top: 30px
    }

    .homepagenew-banner-wrapper h1:before {
        height: 0;
        background: transparent
    }

    .cs-slider-wrapper {
        padding-left: 15px !important;
        margin-top: 15px
    }

    .card-content {
        min-height: auto;
        min-height: unset
    }

    .customer-service-slider .slick-dots {
        text-align: center;
        bottom: -20px
    }

    .footer-bottom-section {
        margin-top: 40px
    }

    .copyright-bottom span {
        margin-bottom: 10px;
        line-height: normal
    }

    .footer-column ul {
        min-height: auto
    }

    ul.social-links {
        margin: 0;
        text-align: center
    }

    footer .logo {
        display: block;
        margin-top: 40px !important
    }

    .back-to-top {
        bottom: -30px !important
    }

    .accountants-wrapper {
        margin-bottom: 50px
    }

    .top-header nav ul li.has-flyout ul.flyout a {
        padding: 0 0 0 40px !important
    }

    .banner-top-content h1 .verticalFlip {
        top: -39px !important
    }

    .gray-bg-skew:before {
        height: 100%
    }

    .inner-figur-caption {
        margin-top: 0 !important;
        padding-left: 45px
    }

    .gray-bg-skew .figure-wrapper img {
        margin-top: -200px !important
    }

    .chart-section .figure-caption .inner-figur-caption h1 img {
        top: 7px !important
    }

    .chart-section {
        height: auto !important
    }

    .white-boxs {
        width: 90%
    }

    .integrate-partners-list {
        width: auto
    }

    .integrate-partners-list li {
        width: 32%
    }

    .banner-slide-3 .text-right {
        text-align: left
    }

    .content_class .h-7xx {
        font-size: 24px;
        line-height: 28px
    }

    .h-4x {
        font-size: 20px;
        line-height: 25px
    }

    .content_class .m-t60 {
        margin-top: 100px !important
    }

    .content_class .m-t30 {
        margin-top: 80px !important
    }

    .content_class .m-t40 {
        margin-top: 90px !important
    }

    .webinar_image {
        padding-top: 40px
    }

    .store-list-inner {
        overflow: hidden
    }

    .store-list-inner ul.store-list {
        width: 768px;
        margin: 0 -70px
    }

    .store-list-section .store-list-inner ul.store-list {
        margin: 0
    }

    .affiliates-link {
        margin-top: -20px
    }

    .home-integrate-partners .store-list-inner ul.store-list {
        width: auto
    }

    .home-integrate-partners.store-list-section .store-list li {
        width: 100%
    }

    .home-integrate-partners {
        width: 160px;
        height: auto !important;
        margin: 0 auto
    }

    .homepage-banner-img .top-banner-inner {
        height: 350px;
        padding: 0 !important
    }

    .multi-channel-wrapper section .title {
        line-height: 35px
    }

    .financial-report {
        padding: 30px 0 !important;
        top: 0 !important
    }

    .order-tracking {
        top: 0 !important
    }

    .we-process-wrapper.inventory-management .we-process img {
        max-width: 250px
    }

    .multichannel-selling,
    .shipping-and-fulfillment,
    .streamlined-workflows.pad-tb70 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .we-process-wrapper.inventory-management {
        top: 0
    }

    .we-process-wrapper {
        padding: 0 !important
    }

    .we-process-wrapper .info-section {
        margin: 0 !important
    }

    .we-process-wrapper .info-section div:first-child {
        margin-top: 30px !important
    }

    .we-process-wrapper .info-section div:last-child {
        margin-bottom: 30px !important
    }

    .multichannel-selling {
        margin: 30px 0 !important;
        padding: 0 !important
    }

    .accounting-sync-section,
    .order-tracking {
        padding: 30px 0 !important
    }

    .accounting-sync-section div {
        padding-bottom: 0 !important
    }

    .accounting-sync-section .inner-figur-caption,
    .financial-report .inner-figur-caption {
        margin-bottom: 0 !important
    }

    .order-tracking .inner-figur-caption h1 {
        margin-top: 20px !important;
        margin-bottom: 0 !important
    }

    .pad-tb120,
    .pad-tb90,
    .pad-tb110,
    .pad-tb100 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .pad-tb150 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .edi-automate-wrapper,
    .edi-automate-wrapper {
        padding-left: 30px;
        margin-top: 40px !important
    }

    .edi-tab-half-content-wrapper .six {
        padding: 0 !important
    }

    .edi-tab-half-content-wrapper .content-box-wrapper {
        margin: 10px 0 0
    }

    .edi-tab-content-wrapper.pad-b100 {
        padding-bottom: 10px !important
    }

    .gray-box-wrapper .content-box-wrapper {
        padding: 0
    }

    .edi-banner-wrapper {
        padding-bottom: 0 !important
    }

    .tab-content-video {
        padding-right: 0
    }

    .homepagenew-banner-wrapper {
        background-size: auto 100% !important
    }

    .meet-our-customer .video-anchor:after {
        height: 70px;
        width: 70px
    }

    .meet-our-customer ul.slick-dots {
        bottom: -20px;
        width: 100%;
        padding-left: 0;
        margin: 0
    }

    .meet-our-customer .customer-left-section p.white.customer-dec-section {
        padding-right: 20px
    }

    .certified-partners a {
        font-size: 15px !important
    }

    .certified-partners a img {
        width: 16px
    }

    .qbpos-plan-include ul {
        margin-top: 0 !important
    }

    .watch-video-link {
        margin: 10px !important
    }

    .cs-img img {
        width: 100%
    }

    .bk-acc-steps-wrap .certified-partner-steps {
        max-width: 369px;
        width: 100%;
        margin: auto
    }

    .bk-acc-titles {
        font-size: 30px
    }

    .bk-acc-badge-container img {
        margin-right: 0;
        margin-left: -40px;
        float: none;
        max-width: 100%
    }

    .bk-acc-tab-cont-img {
        text-align: center
    }

    .bk-acc-tab-cont-img img,
    .bk-acc-tab-cont-img svg {
        width: 100%;
        margin-top: 50px !important
    }

    .bk-acc-tab-wrap .int-tab-list {
        border-bottom: 1px solid #CBD2D9
    }

    .bk-acc-tab-cont-wrap .bk-acc-tab-content {
        margin-top: 0 !important
    }

    .bk-acc-tab-section>.row {
        margin-top: -50px
    }

    .bk-acc-tab-wrap .int-tab-list .h-1x {
        display: none
    }

    .bk-acc-tab-wrap {
        display: inline-block
    }

    .bk-acc-tab-wrap .int-tab-list {
        width: 100px !important;
        float: left !important;
        min-height: 90px
    }

    .bk-acc-steps-wrap {
        padding-top: 40px !important;
        padding-bottom: 60px !important
    }

    .bk-acc-banner-cont h3.m-b30 {
        margin-bottom: 10px !important
    }

    .bk-acc-banner-cont a.btn-new {
        margin-bottom: 10px
    }

    .bk-acc-tab-content p,
    .customer-quotes-wrap {
        padding-right: 0
    }

    .tax-acc-banner {
        margin-top: 0 !important
    }

    .accounting-banner-img img {
        margin-top: -60px;
        margin-left: 0;
        max-width: 100%
    }

    .amazon-banner-img svg {
        max-width: 100%;
        margin-left: 0;
        margin-top: -100px
    }

    .five-tabs.bk-acc-tab-wrap .int-tab-list {
        max-width: 20% !important;
        padding: 15px 0 10px
    }

    .bk-acc-tab-section .five-tabs .int-tab-icon {
        width: 35px;
        height: 40px
    }

    .bk-acc-tab-cont-wrap .six {
        padding-left: 15px !important
    }

    .bk-acc-tab-cont-wrap .six ul {
        padding-right: 0 !important;
        margin-bottom: 0 !important
    }

    .challenges-cont-wrap {
        text-align: center
    }

    .partner-education-series-wrap {
        padding: 20px;
        margin: 0 auto -70px
    }

    .partner-education-series-wrap .column {
        text-align: center
    }

    .partner-education-series-wrap a.btn-new {
        margin-top: 15px
    }

    .stories-tiles .columns {
        max-width: 400px;
        margin: auto
    }

    .trial-demo-cards-section .fs-32 {
        font-size: 26px
    }

    .link-col .subnav-heading {
        padding-top: 3px;
        padding-bottom: 10px;
        border-bottom: solid 1px rgba(152, 152, 152, 0.4);
        margin-bottom: 10px
    }

    li.has-flyout a.active i:before {
        color: #334ceb !important
    }

    .nav-link-resources .link-col {
        border-bottom-width: 1px;
        border-radius: 10px
    }

    .link-col .subnav-foot-link {
        margin-bottom: 10px
    }

    .footer-links {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media screen and (max-width:767px) and (orientation: landscape) {
    .homepage-banner-img .top-banner-inner {
        height: 300px;
        padding: 20px 0 0 !important
    }
}

@media screen and (max-width:700px) {
    .banner-top-content p {
        width: 100%
    }

    #banners.overview-main .hero .content-wrapper {
        padding-top: 20px
    }
}

@media screen and (max-width:660px) {

    .webinar_image_class,
    .eight.columns.offset-by-three.content_class {
        clear: both;
        float: none !important;
        text-align: center;
        margin-left: 0 !important
    }

    .content_class .m-t30 {
        margin-top: 0 !important
    }

    .webinar_image {
        position: relative;
        width: auto;
        max-width: 220px
    }

    .bannerhgt {
        text-align: center;
        height: auto
    }

    .content_class .m-t30,
    .content_class .m-t60 {
        margin-top: 0 !important
    }

    .content_class .m-t40 {
        margin-top: 0 !important
    }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    .under-banner-nav .ecc-destop-logo-inner {
        background: url(/images/overview-ecc-desktop.png) no-repeat scroll right center #424242;
        left: 0;
        margin-left: -78.5%;
        min-height: 49px;
        position: absolute;
        width: 100%
    }

    .under-banner-nav ul li a {
        margin-bottom: 10px
    }

    .under-banner-nav.overview_landing_page li a {
        padding: 5px 15px
    }

    #pricing_details_header div {
        font-size: 15px;
        text-align: center
    }

    .shiplark-page .footer-column:first-child {
        margin-left: 10%
    }

    .three-colum-stories p.story {
        min-height: 220px !important
    }

    .hero.home .content-wrapper {
        height: 200px
    }

    .hero.cloud .content-wrapper {
        height: 470px
    }

    .hero.desktop .content-wrapper,
    .hero.eccpro .content-wrapper {
        height: 495px
    }

    .hero.ecchosted .content-wrapper {
        height: 240px
    }

    .pricing-column .feature-list {
        width: 28%
    }

    .pricing-column .price-list-col {
        width: 72%
    }

    .pricing-column .price-list-col.highlights {
        width: 45%
    }

    .partners-wrapper .partners-col {
        height: 420px
    }

    #cssmenu {
        width: 230px
    }

    .ue-demo-img {
        max-width: 500px
    }

    #header .logo {
        margin-top: -5px
    }

    .mono-background .side-title {
        top: 40px;
        padding-right: 130px
    }

    .home-laptop {
        max-width: 770px
    }

    .homepagenew-banner-wrapper {
        background-size: auto 105% !important
    }

    .homepagenew-banner-wrapper .feature-banner-img-container {
        min-height: 500px
    }

    .inner-benefits-card {
        min-height: 235px
    }

    .benefits-card {
        height: 275px
    }

    .all-business-card {
        height: 300px
    }

    .flyout.three-cols:before {
        left: 57%
    }
}

@media screen and (max-width:1200px) {
    .banner-top-cell .row {
        width: 100%
    }

    .banner-top-content p,
    .banner-top-content h2,
    .banner-top-content h3 {
        font-size: 20px
    }

    .banner-top-content h1 .verticalFlip {
        top: -44px
    }

    .we-process span {
        font-size: 45px !important
    }

    .meet-our-customer button.slick-prev,
    .meet-our-customer button.slick-next {
        bottom: -10px
    }

    .banner-right-img-wrapper img {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 60px;
        max-width: 100% !important
    }   
}

@media screen and (min-width:1200px) {
    .phone-number-nav .nav-bar>li {
        padding: 12px 20px 12px 0
    }

    .no-wrap {
        white-space: nowrap
    }

    .wg-mobile-img-wrapper img {
        max-width: none !important
    }

    .ecc-cloud .nav-title {
        min-width: 210px
    }

    .ecc-cloud .ecc-dsktop-subnav {
        width: 89.5% !important;
        padding: 0
    }

    .hero {
        height: 590px
    }

    .hero.quickbooks-sync,
    .hero.inventory,
    .hero.order-management,
    .hero.shipping-fulfilment,
    .hero.crm,
    .hero.businessanalytics,
    .hero.integrations,
    .hero.features,
    .hero.shopify {
        height: 385px
    }

    .unify-enterprise .pricing-column .price-list-col li:last-child .enterprise-feature-availability {
        height: 486px
    }

    .partners-wrapper .partners-col {
        height: 390px
    }

    .contact-bottom-blocks .col .continue-content {
        position: absolute;
        bottom: 35px;
        width: 100%;
        padding-right: 30px;
        left: 0;
        padding-left: 30px
    }

    .if-third-party-ratings .wg-ratings-center {
        width: 20%
    }

    .mw-none-lg {
        max-width: none
    }

    .homepagenew-banner-wrapper .feature-banner-img-container {
        min-height: 580px
    }

    .desktop-hide {
        display: none
    }

    .case-study-slider {
        width: 700px;
        float: right
    }

    .all-business-section .row {
        width: 1228px
    }

    .cs-slider-wrapper {
        height: 344px
    }

    .tax-acc-banner-img img {
        max-width: 633px
    }

    .benefits-card {
        height: 270px
    }

    .all-business-card {
        height: 345px
    }
    .flyout {
        display: flex !important;
        border: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    
    .top-header nav ul li:hover .flyout,
    .promo-banner-nav-links .nav-link-resources:hover .flyout {
        top: 100%;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        opacity: 1;
        visibility: visible
    }
    
    .hide-desktop {
        display: none
    }

    .nav-bar>li.hide-desktop {
        display: none !important
    }
    
    .nav-link-resources .two-cols .link-col {
        width: 45%;
        padding: 20px 30px
    }

    .flyout.three-cols:before {
        left: 57.5%
    }

    .flyout.three-cols {
        right: 0
    }

    .nav-link-resources .two-cols .link-detail-col-wrap {
        width: 55%
    }

    .flyout>ul>li:last-child>a,
    .flyout ul li:last-child .nav-title p,
    .flyout ul li:last-child .nav-title p a:last-child {
        margin-bottom: 0 !important
    }    

    /* .top-header nav ul li:hover i:before {
        transform: rotate(-90deg) !important;
        -webkit-transform: rotate(-90deg) !important
    } */

    .phone-number-nav .nav-bar>li:hover>a:not(.btn-new):first-child {
        color: #334ceb;
    }

    .nav-bar>li.has-flyout:hover>a:first-child i:before {
        color: #334ceb
    }

    .promo-banner-nav-links .top-nav-link:hover {
        color: #334ceb
    }
    .nav-bar .has-flyout:not(.customer-login-parent) .flyout .link-col{padding:24px;}
    .nav-bar .has-flyout.customer-login-parent .flyout .link-col{padding:16px;}
    .flyout .link-col ul li a{padding:10px 16px;}
    .flyout .subnav-heading{white-space: nowrap;}
    .nav-bar .has-flyout:not(.flyout-product,.integrations,.customer-login-parent) .flyout ul li a{min-width: 200px;}
    .has-flyout.integrations .flyout > div:not(.subnav-foot-link){padding:16px 16px 0;}
    .has-flyout.flyout-product .flyout:before{left: 185px;}
    .has-flyout.flyout-solutions .flyout:before{left: 159px;}
    .has-flyout.integrations .flyout:before{left: 466px;}
    .has-flyout.flyout-accountants .flyout:before {left:171px;}
    .has-flyout.flyout-discover .flyout:before {left: 153px;}
}

@media screen and (max-width:1213px) {
    #form-main {
        width: 80% !important
    }

    #form-desc {
        float: none !important
    }
}

@media screen and (max-width:800px) {
    .form p label {
        text-align: left !important
    }

    label.error {
        margin-left: 0
    }

    #trial_submit {
        left: 0 !important
    }

    #select_qb,
    #qb_options {
        clear: both;
        float: none;
        width: 100% !important;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 0 !important;
        white-space: nowrap
    }

    #qb_options {
        margin-bottom: 20px !important;
        margin-top: 10px
    }

    #intuit {
        width: 50%
    }

    #janrain {
        width: 50%
    }

    #already {
        clear: both
    }
}

p.infobox {
    margin: 10px 0 0 196px !important;
    padding: 0;
    display: block;
    font-size: 12px;
    clear: both !important
}

p.btn-newbox {
    clear: both !important;
    display: block;
    font-size: 12px;
    padding: 0
}

@media screen and (max-width:1199px) {
    .header-logo {
        top: 0 !important;
        margin-top: 0 !important;
    }
    .top-banner-wrapper{padding:0;}
    .header-logo .logo,.header-logo .logo{display: flex; align-items: center;}
    .inner-menu .top-header .top-main-nav .menu-btn-new{top: 2px;}
    .top-main-nav.menu-open .menu-btn-new{top: 10px !important;}
    .top-header:not(.new-top-header){padding-top: 10px;padding-bottom: 10px;}
    /* .header-wrapper.navbar-fixed{min-height: 50px;} */
    a#webgility_logo img {
        width: 150px
    }

    .top-header .phone-number-nav li.phone-number a,.top-header .phone-number-nav li.contact-us a{
        font-size: 14px
    }
    .phone-number-nav .nav-bar>li>a:not(.btn-new):first-child {
        padding: 0;
        /* font-size: 13px; */
    }

    .top-main-nav ul li.free-trial a.btn-new {
        float: left;
        padding: 10px 15px;
        width: 100%;
        height: auto;
        line-height: normal;
        margin: 10px 0 0;
        font-size: 14px !important;
    }

    .under-banner-nav.overview_landing_page ul li:first-child {
        display: inline-block
    }

    .under-banner-nav .ecc-destop-logo-inner {
        display: none
    }

    .under-banner-nav .ecc-destop-logo {
        display: none
    }

    .under-banner-nav .ecc-dsktop-nav {
        width: 100% !important
    }

    .tab-float {
        padding-right: 0 !important
    }

    .sticky-div .dark-grey-bar {
        display: none !important
    }

    .hero {
        height: 360px
    }

    select {
        -webkit-appearance: none
    }

    .footer-column.contact strong,
    .footer-column.contact p {
        font-size: 18px !important;
        line-height: normal !important
    }

    .block-devices {
        display: block !important
    }

    /* Old UI Navigation */
    
    .top-main-nav.menu-open .menu-options-wrapper {
        right: 0;
        opacity: 1
    }
    .menu-options-wrapper {
        display: block !important;
        background: #fff;
        border-radius: 0;
        padding: 40px 20px 100px;
        box-shadow: -2px 5px 10px -5px rgba(0, 0, 0, 0.25);
        position: fixed;
        z-index: 2;
        right: -100%;
        opacity: 0;
        transition: all .3s ease;
        top: 0;
        width: 300px;
        height: 100%;
        height: 100vh;
        overflow: auto;
    }
    .menu-open .custome-menu {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        width: 100%;
        height: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 1
    }
    .top-main-nav.menu-open ul.nav-bar {
        display: block !important;
        padding: 0
    }
    .top-main-nav ul.nav-bar li {
        height: auto;
        margin: 0;
        text-align: left;
        margin-bottom: 0
    }

    .top-main-nav ul.nav-bar li a:not(.btn-new) {
        padding: 0;
        display: inline-block;
        border-bottom: 0;
        font-size: 14px;
        border: none;
    }
    .top-main-nav .subnav-foot-link .top-nav-link{display: block !important;}
    .top-main-nav .subnav-foot-link{
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        margin: 10px 0 !important;
    }

    .top-main-nav ul.nav-bar li ul>li>a:not(.btn-new) {
        padding: 7px 10px
    }
    .top-main-nav.menu-open .menu-btn-new .icon-bar,
    .darkblue-menu .top-main-nav.menu-open .menu-btn-new .icon-bar {
        height: 3px
    }
    .top-main-nav.menu-open .menu-btn-new .icon-bar:first-child {
        transform: rotate(45deg);
        top: 4px
    }

    .top-main-nav.menu-open .menu-btn-new .icon-bar:nth-child(2) {
        display: none
    }

    .top-main-nav.menu-open .menu-btn-new .icon-bar:last-child {
        transform: rotate(-45deg);
        top: -4px
    }
    
    .flyout {
        box-shadow: none !important;
        border: 0;
        padding: 0;
        position: relative;
        top: 0;
        width: 100% !important
    }
    .flyout:before{content:none;}
    
    .phone-number-nav .nav-bar>li{padding:5px 0;}
    .top-main-nav.menu-open nav .menu-btn-new{
        position: absolute;
        right: 7px;
        top: 5px;
        padding: 10px;
        width:auto;
    }
    .mobile-phone-no{display: none !important;}

    
    .flyout-open .flyout {
        display: block !important
    }

    ul.flyout,
    .nav-bar li ul {
        list-style: none;
        box-shadow: none;
        border: 0
    }

    .flyout li.submenu-title {
        padding-left: 0
    }

    .top-main-nav .flyout li a {
        font-size: 14px !important;
        width: 100%
    }

    .top-main-nav ul.flyout li:last-child {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px
    }

    .top-header .nav-bar>li:hover>a:not(.btn-new):before {
        border-bottom: 0
    }

    ul.flyout li a:hover,
    .nav-bar li ul li a:hover {
        color: #334ceb
    }
    .solution .flyout,
    .solution .flyout ul {
        width: 100%;
        padding-left: 0
    }

    .flyout:before {
        opacity: 0
    }

    .flyout li a .nav-icon {
        height: 70px
    }

    .flyout>ul {
        width: 100% !important;
        padding-left: 0 !important
    }

    .flyout .nav-title p {
        margin-bottom: 5px
    }

    .flyout .nav-title p a.see-all-link {
        position: relative;
        left: 0
    }

    .flyout.two-cols {
        left: 50%
    }

    .flyout .link-col {
        padding:16px !important;
        border: 1px solid rgba(152, 152, 152, 0.4);
        margin: 5px 0 20px;
        border-radius: 10px;
        width: 100%;
    }

    .has-flyout.integrations .flyout .link-col {
        margin-bottom:10px;
    }
    .has-flyout.integrations .flyout .link-col:last-child {
        margin-bottom:0;
    }

    .flyout > .d-flex{flex-direction: column;}

    .link-col ul li:last-child {
        border: 0
    }

    .link-detail-col {
        min-height: inherit !important;
        border-radius: 0 0 10px 10px;
        border: 1px solid rgba(152, 152, 152, 0.4);
        border-top: 0;
        padding: 20px 17px 20px 25px
    }

    .integrations .flyout.three-cols .link-col {
        border-bottom: 1px solid rgba(152, 152, 152, 0.4);
        border-radius: 10px
    }

    .integrations .flyout.three-cols {
        padding: 0
    }

    .flyout-solution .link-col {
        padding: 15px 15px 10px
    }
    .nav-bar>li.has-flyout>a.top-nav-link.active i:before{
        transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg) !important;
    color:#334ceb !important;
    }
}

@media screen and (min-width:768px) and (max-width:1400px) {
    .banner-top-content h1 {
        font-size: 39px !important
    }

    .od-btn-wrapper {
        margin-top: 0 !important
    }

    .od-btn-wrapper h2 {
        margin: 5px 0
    }

    .od-btn-wrapper a.btn-new {
        margin-bottom: 5px !important
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .h-9x {
        font-size: 35px
    }

    .h-73x,
    .h-72x {
        font-size: 45px
    }

    .banner-top-content p,
    .banner-top-content h2,
    .banner-top-content h3 {
        font-size: 20px
    }

    .stories-tiles .three.columns {
        width: 33.333% !important
    }

    #banners .callout_content {
        font-size: 22px
    }

    #banners .callout p {
        font-size: 16px
    }

    .ecc-dsktop-nav {
        padding: 0 !important;
        text-align: center !important
    }

    .under-banner-nav ul li a {
        padding-left: 10px;
        padding-right: 10px
    }

    .fixed-header-wrapper {
        height: 113px
    }

    .fr.trial-button a {
        font-size: 12px
    }

    #header .top-main-nav {
        float: right
    }

    .home-header {
        height: 95px
    }

    .unify-enterprise .pricing-column .feature-list {
        display: none
    }

    .unify-enterprise .pricing-column {
        overflow: auto
    }

    .unify-enterprise .price-list-col .feature-availability li {
        font-size: 14px
    }

    .unify-enterprise.pricing-blocks .plan-switcher {
        padding-left: 0
    }

    .unify-enterprise .sm-device-feature {
        display: inline-block
    }

    .sm-device-feature {
        display: inline-block;
        font-size: 13px
    }

    .unify-enterprise .main-feature {
        font-size: 13px
    }

    .unify-enterprise .enterprise-feature-availability li {
        font-size: 13px
    }

    .unify-enterprise .main-feature {
        padding-left: 20px
    }

    .unify-enterprise .pricing-column .price-list-col li:last-child .enterprise-feature-availability {
        height: 483px
    }

    .int-features img {
        height: 80px !important
    }

    /* .subnav-heading {
        font-size: 12px
    } */
}

@media screen and (min-width:1280px) and (max-width:1599px) {
    .hero .flow-img {
        margin: 60px 0
    }

    .hero .flow-img img {
        width: 50%
    }

    .hero {
        height: 400px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:32),
only screen and (min-device-pixel-ratio:1.5) {
    label.error {
        clear: both;
        font-size: 12px;
        font-weight: 400;
        padding-top: 0;
        text-align: left !important;
        margin-left: 0
    }

    #free_trial_form_content label.error {
        margin-left: 0
    }

    .input_labels {
        text-align: left
    }

    #password_text_error {
        display: flex !important
    }

    #text {
        margin: 50px auto;
        width: 500px
    }

    .hotspot {
        color: #900;
        padding-bottom: 0;
        cursor: pointer
    }

    #tt {
        position: absolute;
        display: block;
        background: url(../images/tt_left.gif) top left no-repeat
    }

    #tttop {
        display: block;
        height: 5px;
        margin-left: 5px;
        background: url(../images/tt_top.gif) top right no-repeat;
        overflow: hidden
    }

    #ttcont {
        display: block;
        padding: 2px 12px 3px 7px;
        margin-left: 5px;
        background: #666;
        color: #FFF;
        font-size: 12px
    }

    #ttbot {
        display: block;
        height: 5px;
        margin-left: 5px;
        background: url(../images/tt_bottom.gif) top right no-repeat;
        overflow: hidden
    }

    .ultext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #1f2933;
        padding: 0 0 5px 20px;
        display: block;
        margin-bottom: 5px;
        background: url(../images/bullet.png) no-repeat 0 3px;
        margin-left: 17px;
        line-height: 1.3
    }
}

@media screen and (max-width:650px) {
    .case-study-box li {
        width: 45%;
        margin: 0 2.5% 50px
    }

    .case-study-box li:nth-child(n+3) {
        margin-right: 2.5%
    }

    .top-notification-bar {
        padding-right: 0
    }

    .banner-top-content p,
    .banner-top-content h2,
    .banner-top-content h3 {
        width: 100%;
        font-size: 16px;
        line-height: 1.5
    }

    .banner-top-content h1 {
        letter-spacing: -.6px;
        font-size: 38px
    }

    .h-5xx {
        font-size: 22px
    }

    .case-studies-content {
        bottom: 15px;
        width: 90%;
        left: 5%
    }

    .card-signup {
        padding: 0 !important
    }

    .form-container {
        margin-top: 30px auto 0
    }
}

@media screen and (max-width:568px) {
    .bordersteps {
        width: 272px
    }

    .home-casestudy-slider .slick-slide {
        width: 300px
    }

    .integrate-partners-list li {
        width: 82%
    }

    .h-58x {
        font-size: 35px
    }

    .step-icons-wrapper .step-name {
        font-size: 8px;
        width: 50px;
        margin-left: -15px;
        line-height: 11px
    }
}

@media screen and (max-width:550px) {
    .how-it-works-list {
        margin: 40px 0 0
    }

    .hiw-figure {
        width: 100px;
        height: 100px;
        padding: 10px;
        margin: 9px auto 45px
    }

    .hiw-figure span {
        padding: 6px
    }

    .chart-section .figure-caption .inner-figur-caption h1 {
        font-size: 28px
    }

    .chart-section .figure-caption .inner-figur-caption p {
        font-size: 16px
    }

    .pad-tb70 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .webgility-integrates-apps p {
        font-size: 16px
    }

    .orange-arrow-link {
        font-size: 12px
    }

    .orange-arrow-link:after {
        background-size: 14px !important;
        top: -2px;
        right: -30px
    }

    .hiw-figure-caption h3,
    .hiw-figure-caption h4 {
        font-size: 16px
    }

    .case-study-box li p {
        margin-bottom: 20px
    }

    .figure-caption {
        padding: 0 40px
    }

    .store-integrate-section {
        padding-left: 20px;
        padding-right: 20px
    }

    .case-study-section {
        padding-left: 20px;
        padding-right: 20px
    }

    .social-links li a {
        width: 40px;
        height: 40px
    }

    .gray-bg-skew .figure-wrapper img {
        margin-top: -100px !important
    }

    .play-icon:after {
        background-size: 60px;
        background-position: center 30%
    }

    .zigzag-img-container {
        height: 450px
    }

    .trial-demo-cards-section {
        background-size: 30% !important
    }
}

@media screen and (max-width:480px) {
    .banner-integration .store-list li {
        width: 30%
    }

    .banner-int-logo-wrapper .plus-icon {
        padding: 8px !important
    }

    .amazon-banner-img svg {
        max-width: 500px;
        margin-left: -60px
    }
}

@media screen and (max-width:450px) {
    .bordersteps {
        width: 195px
    }

    .case-study-box li {
        width: 95%
    }

    .bk-acc-tab-section .four-tabs .int-tab-icon {
        width: 40px
    }

    .bk-acc-tab-wrap.four-tabs .int-tab-list {
        width: 80px !important
    }
}

@media screen and (max-width:380px) {
    .bk-acc-tab-wrap.four-tabs .int-tab-list {
        width: 72px !important
    }

    .amazon-banner-img svg {
        max-width: 470px;
        margin-left: -67px
    }
}

@media screen and (max-width:350px) {
    .mobile-phone-no {
        right: 40px
    }

    .bk-acc-tab-section .four-tabs .int-tab-icon {
        width: 30px
    }

    .bk-acc-tab-wrap .int-tab-list {
        width: 90px !important
    }

    .amazon-banner-img svg {
        max-width: 420px
    }
}

@media screen and (max-width:320px) {
    .bordersteps {
        width: 126px
    }

    .store-integrate-box li img {
        max-width: 80px;
        margin-top: 16px
    }

    .store-list-section .twelve.columns {
        padding: 0 5px
    }

    .store-list-inner ul.store-list li {
        text-align: left
    }

    .store-list-section .store-list li a {
        height: 48px;
        background-position: left !important
    }

    .store-list-section {
        height: 80px
    }

    .banner-top-content h1 .verticalFlip,
    .banner-top-content h1 {
        width: 90%
    }
}

@media only screen and (min-width:320px) and (max-height:568px) and (orientation:landscape) {
    .pricing-column .price-list-col.highlights {
        width: 86% !important
    }
}

@media only screen and (min-width:320px) and (max-height:568px) and (orientation:portrait) {
    .pricing-column .price-list-col.highlights {
        width: 98% !important
    }
}

.arrow-steps {
    padding-top: 70px
}

.arrow-steps .step {
    font-size: 14px;
    text-align: center;
    color: #666;
    cursor: default;
    margin: 0 10px;
    padding: 10px 10px 10px 30px;
    min-width: 180px;
    float: left;
    position: relative;
    background-color: #F5F6F8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .2s ease;
    width: 31%
}

.arrow-steps .step:after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -30px;
    width: 0;
    height: 0;
    border-top: 107px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 30px solid #F5F6F8;
    z-index: 2;
    transition: border-color .2s ease
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 30px solid #fff;
    z-index: 0
}

.arrow-steps .step:first-child:before {
    border: none
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0
}

.arrow-steps .step:last-child:after {
    border: none
}

@media (min-width: 992px) {
    .flyout.three-cols-v1 {
        left: 160px
    }
}

@media (min-width: 1200px) {
    .flyout.three-cols-v1 {
        left: 305px
    }

    .flyout.three-cols-v1:before {
        left: 24%;
        background: #fff
    }
}

@media (min-width: 1400px) {
    .flyout.three-cols-v1 {
        left: 307px
    }
}