.img-fluid2 {
    /*max-width: 47%;*/
    width : 20%;
    height: auto;

    position:relative; right:-12%; bottom:0px;

}


.img-fluid3 {
    max-width: 100%;
    height: auto;
    position:relative; left:80px; bottom:0px
}

.img-fluid4 {
    width : 27%;
    height: auto;
    position:relative; right:-9%; bottom:0px;
}
.img-fluid5 {
    width : 55%;
    height: auto;
    position:relative; right:40%; bottom:100px;
}

.img-fluid6 {
    width : 27%;
    height: auto;
    position:relative; right:-9%; bottom:0px;
}


.img-fluid7 {
    width : 200%;
    height: auto;
    position:relative; right:59%; bottom:30px;
}

.img-fluid8 {
    width : 80%;
    height: auto;
    position:relative; right:-9%; bottom:00px; top:30px;
}

.img-fluid9 {
    width : 100%;
    height: auto;
    position:relative; right:-09%; bottom:00px;
}

.img-fluid10 {
    width : 140%;
    height: auto;
    position:relative; right:-09%; bottom:80px;
}

.img-fluid11 {
    width : 140%;
    height: auto;
    position:relative; right:10%; bottom:00px;
}



.img-fluid12 {
    width : 101%;
    height: auto;
    position:relative; right:-09%; bottom:15px;
}

.img-fluid13 {
    width : 100%;
    height: auto;
    position:relative; right:-09%; top:0px;
}

.img-fluid14 {
    width : 62%;
    height: auto;
    position:relative; right:-09%; bottom:00px;
}

.img-fluid15 {
    width : 100%;
    height: auto;
    position:relative; right:-09%; bottom:-15%;
}
.img-fluid16 {
    width : 140%;
    height: auto;
    position:relative; right:25%; bottom:-15%;
}

.img-fluid17 {
    width : 80%;
    height: auto;
    position:relative; right:0%; bottom:-30%;
}


.img-fluid18 {
    width : 80%;
    height: auto;
    position:relative; right:-09%; top:50px;
}

.img-fluid19 {
    width : 180%;
    height: auto;
    position:relative; right:0%; top:00px;
}

.img-fluid-cc-00 {
    width : 80%;
    height: auto;
    position:relative; right:-0%; bottom:00%;
}

.img-fluid-cc-01 {
    width : 80%;
    height: auto;
    position:relative; right:20%; bottom:00%;
}

.img-fluid-cc-02 {
    width : 80%;
    height: auto;
    position:relative; right:-10%; bottom:10%;
}

.img-fluid-cc-03 {
    width : 80%;
    height: auto;
    position:relative; right:-00%; bottom:-10%;
}

.img-fluid-cc-dialer-advantages-01 {
    width : 38%;
    height: auto;
    position:relative; right:-0%; bottom:0px; top:20%;
}



.img-fluid-cc-crm-01 {
    width : 120%;
    height: auto;
    position:relative; right:-10%; bottom:0px; top:20%;
}

.img-fluid-voice-api {
    width : 90%;
    height: auto;
    position:relative; right:00%; bottom:-40px;
}

.img-fluid-voice-api-02 {
    width : 70%;
    height: auto;
    position:relative; right:10%; bottom:-0px;
}


.img-fluid-numbering-01 {
    width : 100%;
    height: auto;
    position:relative; right:1%; bottom:00px;
}

.img-dialer-01 {
    width : 120%;
    height: auto;
    position:relative; right:20%; bottom:00px;
}

.img-dialer-02 {
    width : 120%;
    height: auto;
    position:relative; right:20%; bottom:00px;
}

.hero-equal-height-voice-api {
    position: relative;
    min-height: 560px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}




.h1-01 {
    text-align:center;
    font-family: sans-serif;
}

.h1-02 {

    font-family: sans-serif;
}



.gradient-overlay2 {
    position: relative;
    width: 100%;
}

/* line 411, src/assets/scss/custom/_style.scss */
.gradient-overlay2:before {
    position: absolute;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#031974), to(#1934a7));
    background-image: linear-gradient(90deg, #0098ef, #0098ef);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.gradient-bg2 {
    background: -webkit-gradient(linear, left top, right top, from(#0098ef), to(#0098ef)) !important;
    background: linear-gradient(90deg, #0098ef, #0098ef) !important;
}

#header-top-bar2 {
    padding-top: 30px;
    background: #0098ef;
}


.topbar-text2 ul {
    font-weight: 500;
    line-height: 0;
    margin: 0;
}


/* line 465, src/assets/scss/custom/_style.scss */
.topbar-text2 ul li a:hover {
    color: #fff;
}

.topbar-text2 ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    font-family: Poppins, sans-serif;
}

/* line 469, src/assets/scss/custom/_style.scss */
.gradient-bg .topbar-text ul li, .gradient-bg .topbar-text ul li a {
    color: #ffffff;
}

.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover {
    opacity: 1;
}

.bg-transparent.affix {
    background: -webkit-gradient(linear, left top, right top, from(#031974), to(#0098ef)) !important;
    background: linear-gradient(90deg, #0098ef, #0098ef) !important;
}


.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn {
    border-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 539, src/assets/scss/custom/_style.scss */
.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn:hover {
    background: #035ded !important;
    color: #ffffff !important;
    border-color: #035ded;
}


.bg-transparent .header-nav a.custom-nav-link, .gradient-bg .header-nav a.custom-nav-link {
    color: #ffffff !important;
}

/* line 585, src/assets/scss/custom/_style.scss */
.bg-transparent .header-nav a.custom-nav-link:hover, .gradient-bg .header-nav a.custom-nav-link:hover {
    opacity: 1;
}

/* line 589, src/assets/scss/custom/_style.scss */
.headroom--not-top.slideDown .bg-transparent {
    background: #0098ef !important;
}

@media (max-width: 767px) {
    /* line 594, src/assets/scss/custom/_style.scss */
    .bg-transparent .header-nav #navBar.navbar-collapse, .gradient-bg .header-nav #navBar.navbar-collapse {
        background: #0098ef !important;
    }
    /* line 597, src/assets/scss/custom/_style.scss */
    #navBar.navbar-collapse {
        padding: 20px;
    }
    /* line 601, src/assets/scss/custom/_style.scss */
    .bg-transparent .header-nav #navBar.navbar-collapse .navbar-nav .nav-link, .gradient-bg .header-nav #navBar.navbar-collapse .navbar-nav .nav-link {
        padding: 0.75rem 0;
    }
}

/* line 606, src/assets/scss/custom/_style.scss */
.bg-transparent button.navbar-toggler span {
    color: #ffffff;
}

.bg-transparent .hs-mega-menu-opened a.custom-nav-link:before, .bg-transparent .hs-sub-menu-opened a.custom-nav-link:before {
    background: #ffffff;
}
.bg-transparent .navbar-expand-md .main-navbar-nav .main-sub-menu {
    border-top: 2px solid #ffffff;
}
.u-header--bg-transparent .main-navbar-nav {
    background-color: #fff;
}

.gradient-overlay:before {
    position: absolute;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#031974), to(#1934a7));
    background-image: linear-gradient(90deg, #0098ef, #0098ef);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* line 264, src/assets/scss/custom/_style.scss */
.primary-solid-btn3 {
    border: none;
    background: #ffcc33;
    color: #4a5669;
}

/* line 271, src/assets/scss/custom/_style.scss */
.primary-solid-btn3:hover {

    background: #ffcc33;
    color: rgba(74, 86, 105, 0.6);
}

.class-justify {

    text-align: justify;
    text-justify: inter-word;


}

.class-right {

    text-align: right;


}


.class-center {

    text-align: center;


}

.double img{
    width: 90%;
}

.content-header {
    max-width: 708px;
    margin: 0 auto 60px auto;
    text-align: center;
}
/* line 1459, src/assets/scss/custom/_style.scss */
.gradient-overly-right, .gradient-overly-left, .gradient-overly-bottom, .gradient-overly-top {
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/* line 1472, src/assets/scss/custom/_style.scss */
.gradient-overly-right:before, .gradient-overly-left:before, .gradient-overly-bottom:before, .gradient-overly-top:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* line 1483, src/assets/scss/custom/_style.scss */
.gradient-overly-right:before {
    background: -webkit-gradient(linear, left top, right top, from(#0098ef), to(#0098ef));
    background: linear-gradient(90deg, #0098ef, #0098ef);
}

/* line 1486, src/assets/scss/custom/_style.scss */
.gradient-overly-left:before {
    background: -webkit-gradient(linear, left top, right top, from(#0098ef), to(#0098ef));
    background: linear-gradient(90deg, #0098ef, #0098ef);
}

/* line 1489, src/assets/scss/custom/_style.scss */
.gradient-overly-bottom:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#0098ef), to(#0098ef));
    background: linear-gradient(to bottom, #0098ef, #0098ef);
}

/* line 1492, src/assets/scss/custom/_style.scss */
.gradient-overly-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#0098ef), to(#0098ef));
    background: linear-gradient(to top, #0098ef, #0098ef);
}



.nav-img {
    height: 100%;
}

.pt-200 {
    padding-top: 200px;
}

.pt-165b {
    padding-top: 165px;
}

.img-fluid-hero {
    max-width: 75%;
    height: auto;
    position: center;
}

.ptb-160 {
    padding: 160px 0;
    padding-bottom: 60px;
}
.ptb-60 {
    padding: 60px 0;

}

.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    font-size: 16px;
    border-radius: 4px;
    z-index: 999;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #0098ef;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border: none;
}

.vps-hosting-pricing-table2 > thead > tr > th {
    border: none;
    font-size: 12px;
    font-weight: 600;
 /*   text-transform: uppercase;*/
    vertical-align: middle;
    font-family: 'Poppins', sans-serif;
}
.title-with-icon-item2  {
    border-top: 1px solid #ebebeb;
}

.u-header__promo-footer2 {
    background-color: #f5f5f5;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pad-nav {

    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.mobile-fix {

    background-color: #0098ef;
}

/* CART CODE */




ul li a.cart .cart-basket:hover {
    text-decoration: none;
    color: #0098ef;
    background-color: #fff;
}



ul li a.cart .cart-basket {
    font-size: .6rem;
    position: absolute;
    top: -16px;
    right: -8px;
    width: 15px;
    height: 15px;
    color: #fff;
    background-color: #0098ef;
    border-radius: 50%;
}


.outline-blue-btn {
    color: #ffffff;

    background: #0098ef;
    border: 1px solid #031974;
}

/* line 329, src/assets/scss/custom/_style.scss */
.outline-blue-btn:hover {
    background: #ffffff;
    color: #0098ef;
}

.outline2-btn {
    position: relative;
    display: inline-block;
    color: #035ded;
    border: 1px solid #0098ef;
}

.outline2-btn:hover {
    color: #ffffff;
    background: #0098ef;
}

/* line 289, src/assets/scss/custom/_style.scss */
.secondary-outline2-btn {
    color: #031974;
    display: inline-block;
    border: 1px solid #031974;
}

.secondary-outline2-btn:hover {
    background: #0098ef;
    color: #ffffff;
}

.primary-solid2-btn {
    border: 1px solid #035ded;
    background: #035ded;
    color: #ffffff;
}

/* line 271, src/assets/scss/custom/_style.scss */
.primary-solid2-btn:hover {
    border-color: #004bc3;
    background: #0098ef;
    color: #ffffff;
}

.outline2-btn, .secondary-outline2-btn, .outline-blue-btn, .primary-solid2-btn, .primary-solid3-btn {
    padding: 12px 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ptb-60 {
    padding: 80px 0;
}

.primary-bg2 {
    background: #0098ef;
}

.primary-solid3-btn {
    border: 1px solid #0098ef;
    background: #0098ef;
    color: #ffffff;
}

/* line 271, src/assets/scss/custom/_style.scss */
.primary-solid3-btn:hover {
    border-color: #0098ef;
    background: #ffffff;
    color: #0098ef;
}

.color-primary2 {
    color: #0098ef;
}


.single-promo-3 span {
    border-radius: 0.25rem;
    font-size: 28px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    background: #0098ef;
}

/* line 1250, src/assets/scss/custom/_style.scss */
svg.shape-bg2, svg.promo-bg2 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
}



/* line 1264, src/assets/scss/custom/_style.scss */
#promo-shape2 {
    top: 13.5%;
    width: 50%;
    right: 0;
}