.fade {
    opacity: 1 !important;
}
body,
html {
    color: #262626;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

a:active {
    outline: 0
}
.text-white {
    color: #ffff;
}

a {
    color: #137dc4
}

.clear {
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.1em;
    color: #683ec2;
    margin-bottom: 20px;
    text-transform: capitalize
}

h1 {
    font-size: 2.4em
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 24px
}

p {
    letter-spacing: .5px;
    line-height: 26px
}

ol {
    padding: 0;
    margin-left: 25px
}

ol li {
    font-size: 16px;
    line-height: 1.8
}

.white {
    color: #fff
}

.head-top {
    background: #683ec2;
    background-image: -moz-linear-gradient(top, #683ec2, #137dc4);
    background-image: linear-gradient(to bottom, #683ec2, #137dc4);
    background-image: -webkit-linear-gradient(top, #683ec2, #137dc4);
    background-image: -o-linear-gradient(top, #683ec2, #137dc4);
    border-color: #683ec2;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    height: 35px;
    line-height: 35px
}

.touch-header {
    margin: 0
}

.touch-header ul {
    padding: 0 0 0;
    margin: 0 0 0;
    display: inline-block
}

.touch-header ul li {
    display: inline-block;
    padding: 0 15px 0 0;
    margin-top: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.touch-header ul li a {
    padding: 4px 10px;
    line-height: 30px !important;
    margin: 0 !important
}

.head {
    margin-bottom: 1px;
    height: 70px;
    background: #3375a8
}

.logo {
    float: left;
    margin: 0;
    padding: 0;
    min-height: 60px
}

.logo img {
    margin: 3px 0 0 0;
    padding: 0;
    width: 100%;
    height:80px;

}

.logo2 {
    margin: 0 auto;
    width: 300px;
    text-align: center
}

.nav-grids {
    float: left;
    width: 75%
}

.menubar {
    display: inline-block;
    float: right;
    margin: 0
}

.navbar-brand {
    height: auto;
    padding: 0;
    font-size: 18px;
    line-height: 20px
}

.navbar-nav {
    float: right;
    margin: 0
}

.navbar-default {
    border: none;
    background: 0 0;
    min-height: auto;
    margin-bottom: 0
}

div#bs-example-navbar-collapse-1 {
    padding: 0
}

ul.nav.navbar-nav li a {
    font-size: 14px;
    color: #000;
    margin: 0;
    font-weight: 700;
    padding: 0 15px;
    border-right: 1px ridge #118dcd;
    line-height: 85px;
    height: 85px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif
}

ul.nav.navbar-nav li:first-child a {
    border-left: 1px solid #118dcd
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background: 0 0 !important
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-nav li:hover {
    color: #fff;
    background: #683ec2
}

ul.nav.navbar-nav li.active a {
    color: #683ec2;
    background: 0 0
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background: 0 0
}

ul.nav.navbar-nav li a:hover {
    color: #fff
}

.navbar-nav li.local ul.sub-menu {
    height: 400px;
    overflow: auto
}

.navbar li ul {
    margin: 0;
    background: 0 0;
    padding: 20px 0 0 0
}

.navbar li ul li {
    background: #fff;
    z-index: 9999;
    margin: 0;
    border-bottom: 1px solid #683ec2;
    padding: 0
}

.navbar li ul li a {
    text-decoration: none
}

.nav.navbar-nav>li:hover>ul.sub-menu {
    display: block;
    -webkit-animation: fadeInUp .4s;
    -moz-animation: fadeInUp .4s;
    -ms-animation: fadeInUp .4s;
    -o-animation: fadeInUp .4s;
    animation: fadeInUp .4s
}

.navbar li ul.sub-menu {
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    width: 240px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    display: none;
    z-index: 99
}

.dropdown ul.sub-menu li .active {
    color: #d49f00;
    padding-left: 0
}

.navbar-nav li ul.sub-menu li {
    padding: 0;
    height: 42px;
    margin-bottom: 1px;
    line-height: 42px;
    text-align: left;
    position: relative;
    display: list-item
}

.navbar-nav li ul.sub-menu li:last-child {
    padding-bottom: 0
}

.navbar-nav li ul.sub-menu li a {
    color: #000;
    font-size: 15px;
    text-align: left;
    padding-left: 1em;
    font-weight: 500;
    line-height: 42px;
    height: 42px;
    display: block;
    text-transform: uppercase
}

.navbar-nav li ul.sub-menu li a:hover {
    color: #fff
}

.navbar-nav li.loc-dropdown ul.sub-menu {
    height: 400px;
    overflow: auto
}

.WA-cb {
    background-image: linear-gradient(to right top, #075e54, #007b62, #00986b, #00b66c, #25d366)
}

.header-grid::after,
.static-grid::after {
    background: #24c1f4;
    background: linear-gradient(90deg, #528e0c 0, #24c1f4);
    z-index: -2
}

.banner,
.wpg-hds-grid {
    position: relative;
    background: linear-gradient(155deg, rgba(19, 125, 196, .9), #683ec2);
    min-height: 450px
}

.gridbanner {
    background: linear-gradient(155deg, rgba(19, 125, 196, .9), #683ec2)
}

.wpg-hds-grid {
    min-height: 250px !important
}

.banner-screen,
.wpg-hds-grid .wpg-hds-scr {
    width: 100% !important;
    height: 100% !important;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-attachment: scroll;
    background-image: url(../images/africa.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.banner-screen,
.wpg-hds-scr {
    position: relative
}
.cta-banner{
  padding: 3em 0;
}
.grids-of-form{
  background: #f8f8f8;
  margin-bottom: 2em;
}
.grid-form-inner h2{
  color: #000;
  font-size: 22px;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 0;
}
.call2s-wrap {
    margin: 1em auto;
    padding: 0;
    width: 100%;
    position: relative;
    min-height: 50px;
    text-align: center
}

.ban-cta-inside {
    margin: 0 auto;
    display: inline-block;
    width: 100%
}

.kallz-clikz ul {
    list-style: none
}

.kallz-clikz li {
    display: inline-block
}

.kallz-clikz a.demo-btn {
    padding: 11px 8px;
    font-size: 20px;
    margin-top: 0
}

.banner-cta-1 {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
    padding-bottom: 25px
}

.banner-cta-1 a {
    color: #137dc4;
    background: #fff;
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    font-size: 19px
}

.h1-titles,
.h2-main {
    color: #fff
}

.test-panel-grid {
    background: linear-gradient(170deg, rgba(0, 146, 210, .58), rgba(35, 33, 118)) !important;
    border: none;
    border-radius: 0
}

.ca-mision {
    margin-top: 4em;
    padding-left: 2%
}

.ca-mision dt {
    display: block;
    font-size: 25px
}

.ca-mision dd {
    display: table;
    width: 100%;
    margin-bottom: 25px
}

.counter-wrap {
    background: #683ec2
}

.stats-inner {
    display: block;
    padding: 10px 0
}

.stats-inner dt {
    float: left;
    clear: left;
    font-size: 58px;
    color: #c9a0dc
}

.stats-inner h4 {
    color: #fff
}

.stats-inner .fas {
    color: #fff
}

.numscroller {
    display: inline-block;
    font-size: 36px;
    line-height: 25px;
    font-weight: 600;
    color: #fff;
    margin-top: 25px
}

.stats-inner .plus {
    display: inline-block;
    font-size: 36px;
    line-height: 25px;
    font-weight: 600;
    color: #fff
}
.city-grid-wrapper h3{
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  color: #999;
}
.city-grid-wrapper h3 span {
  text-align: center;
  font-weight: 600;
  display: block;
  font-size: 24px;
  margin-top: 5px;
  color: #137dc4;
}

.city-grids img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    border: 1px solid #683ec2;
    box-shadow: 1px 1px 1px #683ec2
}

.ws-pg-grid-cta {
    margin: 0 auto;
    display: table;
    padding: 2em 0;
    width: 100%;
    text-align: center
}

.ws-pg-grid-cta .contact {
    font-size: 24px;
    color: #585858
}

.ws-pg-grid-cta strong {
    color: #683ec2
}

.ui-dialog .ui-dialog-title {
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px
}

.modal-title,
.ui-dialog>.ui-widget-header {
    background: linear-gradient(to left, #137dc4, #683ec2);
    color: #fff
}

.modal-title {
    padding: 20px 0;
    margin: 0
}

.ui-md-title {
    color: #fff;
    padding-left: 20px;
    font-size: 20px
}

.modal-footer {
    padding: 10px 15px
}

#fancybox-content {
    border: none !important;
    width: 100% !important;
    position: fixed
}

.ui-dialog.ui-widget {
    position: fixed
}

.modal-body {
    position: relative
}

.modal-body div.form input[type=text] {
    padding-left: 40px !important
}

.modal-body h4 {
    margin: 0;
    padding: 0
}

.captchaz img,
.captchaz input[type=text] {
    display: inline-block;
    float: left
}

.kapcha-img {
    float: left;
    display: inline-block;
    margin-left: 10px
}

div.form .captchaz input[type=text] {
    width: 100px !important
}

.kapcha-img a,
.modal-footer a {
    color: #683ec2
}

.purple {
    margin-top: 4px;
    padding: 0 20px;
    background: #683ec2;
    color: #fff;
    outline: 0;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    border: solid 1px transparent
}

._ca-sms-abt {
    padding-left: 7em
}

.ca-abt-inside {
    margin-top: 3em
}

.abt-bsm-bg {
    margin: 0;
    background: url(../images/abtbg.png) no-repeat 0 0;
    background-size: auto;
    background-size: cover;
    min-height: 330px
}

.mivi {
    padding-top: 1em;
    padding-bottom: 2.4em;
    display: block
}

blockquote {
    background: 0 0;
    border: none;
    margin: 6em 0 0 15em;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019"
}

blockquote:before {
    color: #232176;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

blockquote:after {
    position: absolute;
    content: close-quote;
    font-size: 4em;
    bottom: 0;
    right: 0;
    margin-right: .4em;
    margin-bottom: -.5em
}

blockquote p {
    display: inline;
    font-size: 18px;
    font-weight: 600;
    color: #232176
}

.ca-why-inside h2,
.ca-why-inside h3 {
    padding-left: 15px
}

.f-user::before {
    content: "\f007";
    font-family: 'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #006;
    font-size: 18px;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 15px;
    border-radius: 4px 0 0 4px;
    background-color: #e5e5ff
}

.f-mobile::before {
    content: "\f3cd";
    font-family: 'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 600;
    text-decoration: inherit;
    color: #006;
    font-size: 18px;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 15px;
    border-radius: 4px 0 0 4px;
    background-color: #e5e5ff
}

.f-city::before {
    content: "\f041";
    font-family: 'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 600;
    text-decoration: inherit;
    color: #006;
    font-size: 18px;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 15px;
    border-radius: 4px 0 0 4px;
    background-color: #e5e5ff
}

.f-email::before {
    content: "\f2b6";
    font-family: 'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #006;
    font-size: 18px;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 15px;
    border-radius: 4px 0 0 4px;
    background-color: #e5e5ff
}

.f-money::before {
    content: "\f3d1";
    font-family: 'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #006;
    font-size: 18px;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 15px;
    border-radius: 4px 0 0 4px;
    background-color: #e5e5ff
}

.client-fdbk-grid {
    margin-top: 100px
}

.clients-logo {
    margin-bottom: px;
    margin-top: 85px
}

.para-1 {
    background-image: linear-gradient(130deg, #683ec2 0, #137dc4 100%);
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    position: relative;
    position: relative;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.wave-top {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative
}

.wave-top img {
    width: 100%;
    height: auto
}

.para-1 .sms-dots,
.para-2 .sms-dots {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-attachment: scroll;
    background-image: url(../images/dots.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.wave-bottom {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative
}

.wave-bottom img {
    width: 100%;
    height: auto
}

.spanky-content,
.spanky-para {
    padding: 2em 0
}

.carsel-white-titles,
.spanky-title {
    color: #fff
}

.carsel-content li {
    font-weight: 600
}

.carsel-content a {
    color: #fff;
    font-weight: 700
}

.ca-monials-grid {
    background: #fff;
    text-align: center;
    position: relative;
    margin: 5em 1.2em 0;
    border: solid 0 #ccc;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 10px 35px -5px rgba(0, 0, 0, .15);
    color: #333 !important;
    padding: 50px 25px 20px 25px;
    text-shadow: none;
    min-height: 400px
}

.monial-body {
    max-height: 320px;
    overflow-y: auto
}

.ca-monials-grid:focus,
.ca-monials-wrap:focus {
    outline: 0
}

.ca-monials-avatar {
    position: absolute;
    width: 100px;
    text-align: center;
    top: -15%;
    left: 0;
    right: 0;
    background: #fff;
    margin: 0 auto;
    display: block;
    border-radius: 100%
}

.ca-monials-avatar i {
    height: 100px;
    width: 100px;
    font-size: 48px;
    line-height: 60px;
    border-radius: 100%;
    background: #fff;
    padding: 20px 5px;
    box-shadow: -6px 10px 40px rgba(0, 0, 0, .06);
    border: solid 3px #ddd;
    background: linear-gradient(to right, #137dc4 0, #683ec2 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 99
}

.ca-monials-grid p {
    color: #000;
    line-height: 2em;
    position: relative;
    padding-left: 2em;
    text-shadow: none
}

.ca-monials-grid p:before {
    content: "\f10d";
    font-size: 2em;
    font-weight: 900;
    color: #137dc4;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    left: 0
}

.ca-monials-wrap h4 {
    font-size: 1.1em;
    color: #212121;
    margin: 1em 0 .5em
}

.ca-monials-wrap h5 {
    font-size: .8em;
    color: #683ec2
}

.ca-why-inside li {
    line-height: 42px
}

.wpg-hds-inside {
    padding-top: 1.4em
}

.wpg-hds-inside, .wpg-hds-inside h1, .wpg-hds-inside h3 {
    color: #fff
}

.pricy {
    padding-top: 2.4em
}

.thanks {
    padding: 10em 0
}

.provider-grid p {
    text-align: justify
}

.provider-img {
    margin: 0 auto;
    min-height: 400px;
    display: block;
    padding-top: 70px;
    clear: both
}

.provider-img img {
    margin: 0 auto;
    padding: 0 0 0
}

.w3_soulgrid i {
    font-size: 40px;
    color: #00c4da;
    border: 1px solid #eaeaea;
    padding: 28px 0;
    border-radius: 60px;
    width: 95px;
    height: 95px;
    text-align: center
}

div.et_pb_section.et_pb_section_0 {
    background-image: linear-gradient(170deg, #263bc1 0, #29c4a9 100%) !important
}

.gtw-col1, .gtw-col2, .gtw-col3{
  float: left;
}
.gtw-col1{
  width: 220px;
  padding-right: 20px;
}
.gtw-col2{
  width: 180px;
  padding-right: 20px;
}
.gtw-col3{
  width: 280px;
  padding-right: 20px;
}
.gtw-kapcha-img{
  float: left;
  width: 90px;
}
.gtw-kapcha-img img{
  height: 28px;
  display: block;
}
.gtw-kapcha-img  a{
  display: block;
  color: #fff;
  font-size: 10px;
}
.gtw-kapcha-txt{
  width: 160px;
  float: left;
}
.gateway-fields {
  float: left;
  display: inline-block;
  padding: 0 0;
  /* width: 180px; */
}

.gateway-fields .form-group {
    margin-bottom: 0
}

.gateway-btn {
  float: left;
  display: inline-block
}

.test-gateway {
    height: 60px;
    margin: 0 auto;
    text-align: center;
}

.test-gateway .gateway-field-wrap {
    position: relative;
    margin: 10px 0
}

.gtw-col1 h2 {
    color: #fff;
    font-size: 18px;
    padding: 0;
    margin: 14px 0 0 0
}

.test-sms .btn2 {
  background: linear-gradient(to top right, #f5d726, #f5d726, #f5d726);
  display: inline-block;
  border: 0;
  color: rgba(0, 0, 0, .8);
  padding: 0 25px;
  font-size: 15px;
  line-height: 34px;
  cursor: pointer;
  border: solid 1px transparent;
  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, .3)
}

.services-grid h2 {
    color: #fff
}

.para-2 {
  background-image: linear-gradient(130deg, #137dc4 0, #683ec2 100%);
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  position: relative;
  position: relative;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.services ul {
    display: table;
    width: 100%;
    list-style: none
}

.services ul li {
    float: left;
    width: 50%;
    min-height: 260px;
    padding: 10px 20px 10px 70px;
    position: relative;
    margin: 1% 0
}

.services ul li a {
    color: #fff
}

.services ul li i {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 50px;
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
    text-align: center
}

.services ul li h3,
.services ul li h4 {
    margin: 0 !important;
    color: #f5d726 !important
}

.services ul li p {
    line-height: 150%
}

.page-row-grid {
    padding: 2em 0
}

.page-row-grid p {
    font-size: 16px
}

.nice-image {
    padding-top: 5em
}

.stats-block {
    padding: 2em 60px;
    display: block;
    margin: 0 auto
}

.stats-block dl {
    display: block;
    width: 20%;
    padding: 3em 0;
    float: left;
    text-align: center
}

.stats-block dl dt {
    font-size: 35px;
    color: #29256f;
    width: 90%;
    padding: 1em 5% 0 5%;
    float: none;
    background: #e1e1e1
}

.stats-block dl dd {
    min-height: 110px;
    font-size: 20px;
    width: 90%;
    padding: 15px 5% 20px 5%;
    text-align: center;
    background: #e1e1e1
}

.stats-box {
    text-align: center;
    background: #e1e1e1;
    padding: 2em 0;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 5px rgba(0, 0, 0, .075)
}

.clients-grid-panel {
    border-bottom: solid 1px #e8e8e8;
    padding-top: 2em;
    padding-bottom: 20px !important;
    padding-bottom: calc(20px + (40 - 20) * (100vw - 360px)/ (1200 - 360)) !important
}

.clients-grid-panel p {
    font-size: 2em
}

ul .clients-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.clients-list li {
    float: left;
    width: 20%
}

.list-group-item {
    padding: 0 0
}

.clients-list img {
    width: 100%;
    margin: 0;
    padding: 0
}

.cta-text {
    text-align: center;
    margin-top: 10px
}

.big-cta .cta {
    margin-top: 10px
}

.content-panel-row-2 {
    padding-top: 5em
}

.content-panel-row-2 h2 {
    margin-top: 0;
    margin-bottom: 1.5px;
    font-size: 3em;
    line-height: 2em;
    padding-bottom: 1.7em;
    color: #29256f
}

.content-panel-row-2 h2 {
    margin-bottom: 0;
    line-height: 1
}

.content-panel-row-3 {
    background: #f2f2f2;
    padding: 3% 0
}

.panel-row-2-text,
.panel-row-3-text {
    text-align: left;
    padding-top: 5em
}

.panel-row-2-text h3,
.panel-row-2-text p,
.panel-row-3-text h3,
.panel-row-3-text p {
    color: #333;
    font-size: 1.3em;
    font-weight: 400;
    margin-top: 1em;
    width: 100%
}

.panel-row-2-text p a,
.panel-row-3-text_ p a {
    float: right
}

.biz {
    min-height: 110px
}

.feature-grid-row {
    padding-top: 4em;
    display: table;
    text-align: center;
    margin: 10px 0;
    padding: 10px 0
}

.fes-row {
    position: relative;
    text-align: center
}

.fes-icon {
    display: block;
    margin-right: 1.4em;
    width: 150px;
    margin: 0 auto;
    border-radius: 50%;
    line-height: 150px;
    padding-top: 5px;
    height: 150px;
    text-align: center;
    background: #f9f9f9
}

.fes-icon i {
    background: linear-gradient(120deg, rgba(19, 125, 196, .9), #2d3193);
    color: #fff;
    font-size: 26px;
    height: 100px;
    padding-bottom: 30px;
    width: 100px;
    line-height: 82px;
    display: inline-block;
    border: 10px solid #eaeaea;
    border-radius: 30em
}

.feature-grid-row h4 {
    color: #29256f;
    font-size: 1.5em
}

.fes-text {
    text-align: center
}

.fes-acts-inside {
    text-align: center;
    z-index: 9;
    position: relative;
    padding: 10px 0;
    margin-top: 50px
}

.fes-action-inner a.btn {
    padding: 1em .7em;
    font-size: 1.2em
}

.fes-action-inner a.btn-sales {
    background: #fff
}

.fes-acts-inside a.btn-sales {
    background: #e1e1e1;
    color: #29256f;
    box-shadow: 1px 1px 1px #000;
    text-transform: uppercase
}

.fes-action-inner a.btn-try {
    background: #137dc4;
    color: #fff;
    box-shadow: 1px 1px 1px #000;
    margin-right: 2em;
    text-transform: uppercase
}

.mr-sms-ftrs {
    padding: 3em 0;
    margin: 0 auto;
    min-height: 400px
}

.table>tbody>tr>td,
.table>tbody>tr>th {
    padding: 12px !important
}

.table>thead {
    background: #683ec2;
    color: #fff;
    font-size: 20px
}

.btn-blue,
.btn-green,
.btn-white,
.fes-acts-inside .demo-btn {
    text-transform: capitalize;
    padding: 8px 20px;
    border: none;
    font-size: 15px;
    outline: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    white-space: nowrap
}

.btn-white,
.fes-acts-inside .demo-btn,
.gateway-btn input[type=submit] {
    margin-top: 4px;
    background-color: #fff;
    color: #683ec2;
    font-weight: 600;
    border: solid 1px transparent
}

.gateway-btn input[type=submit] {
    line-height: 40px;
    padding: 0 20px;
    background: #fff;
    outline: 0;
    font-size: 15px;
    cursor: pointer;
    margin-top: 0;
}

.btn-blue {
    color: #fff;
    font-weight: 400 !important
}

.btn-get,
.kallz-clikz .demo-btn {
    padding: 12px 20px;
    color: #fff;
    background: #137dc4;
    font-size: 20px;
    box-shadow: 3px 5px 7px #000;
    margin: 0 10px 0;
    text-transform: uppercase;
    font-weight: 600
}

.btn-blue,
.demo-cta .demo-btn,
.panel-bottom-text .demo-btn,
.rqst-btn1 {
    background: linear-gradient(120deg, rgba(19, 125, 196, .9), #2d3193);
    display: inline-block;
    color: #fff !important;
    padding: 7px 25px;
    border-radius: 40px;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.para {
    font-size: 1.4em;
    line-height: 1.7
}

.page-top {
    padding: 3em 0
}

.tinted {
    background: rgba(0, 136, 204, .7) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    min-height: 300px
}

.grad-contacts {
    border: 1px solid #aaa;
    background: linear-gradient(to bottom, #683ec2, #118dcb);
    color: #fff
}

.contacts {
    display: block;
    padding: 2em;
    margin-top: 15%
}

.contacts {
    margin-top: 0;
    background: 0 0
}

div.form .row {
    line-height: 2;
    display: block;
    margin-bottom: 1.4em
}

.codes3 dt,
.howto dt {
    float: left;
    clear: left;
    padding-bottom: 25px;
    width: 70px
}

.codes3 dt {
    min-width: 25%
}

.codes3 dd,
.howto dd {
    padding-bottom: 25px;
    float: left;
    width: 73%
}

.howto dd {
    width: 90% !important
}

.ivr-blocks {
    min-height: 420px !important;
    padding: 10px
}

ol.contact {
    margin-left: 5%
}

ol.contact li {
    font-weight: 700
}

dl.address-card dt {
    clear: left;
    float: left;
    width: 40px;
    padding: 0;
    min-height: 20px;
    display: block;
    margin-bottom: 1em
}

dl.address-card dt i {
    font-size: 18px;
    color: #683ec2
}

dl.address-card dd {
    display: block;
    width: 90%;
    margin-bottom: 1em
}

dl.address-card dd p {
    line-height: normal;
    padding: 0;
    margin: 0
}

.celcom-inner .btn {
    font-size: 1.6em
}

.how-wrap {
    padding: 4em 0;
    text-align: center
}

.how-wrap h2 {
    padding-bottom: 1em
}

.how-wrap i.fa {
    font-size: 50px;
    width: 150px;
    height: 150px;
    padding: 45px 0;
    border-radius: 0 20% 0 20%;
    margin-bottom: 10px;
    color: #137dc4;
    background: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: 3px 11px 8px #d9d9d9
}

.how-wrap h4 {
    text-align: center;
    text-transform: uppercase
}

.bg-light {
    background: #f5f5f5;
    width: 100%;
    margin: 0 auto;
    padding: 1em 0
}

.ivr-blocks,
.works-panel-col {
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, .05);
    background: #fff;
    padding: 20px;
    min-height: 265px;
    margin-bottom: 25px
}

.pricing-pg {
    width: 70%;
    margin: 0 auto
}

.pricing-pg ul {
    list-style: none
}

.pricing-pg ul {
    list-style: none
}

.clients {
    width: 50%;
    margin: 0 auto
}

.client-list-row {
    margin-bottom: 1em
}

.client-list-row>div {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-left: none;
    border-top: none;
    z-index: 1
}

.client-list-row>div:hover {
    box-shadow: 0 1px 14px rgba(0, 0, 0, .3);
    z-index: 22
}

.client-box {
    width: 100%;
    margin: 0 auto;
    height: 100% !important;
    padding: 1em 0
}

.client-box h4 {
    font-size: 15px
}

.regsiter-cta {
    padding: 3em 0;
    color: #fff
}

.regsiter-cta h2 {
    color: #fff;
    font-size: 36px
}

.acts-edge-top-left::after {
    -webkit-clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.acts-pl-bg-blue-purple::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(0deg, #683ec2 0, #137dc4 100%)
}

.acts-bg-ligh-blue::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(0deg, #fff 0, #137dc4 100%)
}

.action-panel-bottom,
.fes-action-row {
    padding: 2em 0;
    position: relative;
    z-index: 1
}

.panel-bottom-text {
    text-align: center
}

.panel-bottom-text .demo-btn {
    margin-top: 35px
}

.panel-bottom-text h4,
.panel-bottom-text h5 {
    color: #29256f;
    padding: 0;
    margin: 0;
    line-height: 1.7;
    font-size: 1.4em
}

.panel-bottom-text h4 {
    font-size: 1.8em;
    font-weight: 600
}

.panel-bottom-text p {
    margin-top: 1.5em
}

.panel-bottom-text p a {
    font-size: 23px
}

.address ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.address ul li {
    font-size: 16px;
    height: 36px
}

.address ul li i {
    color: #29256f;
    font-size: 19px
}
.modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}

.order-form-wrapper .checkout-method{
	padding-bottom: 25px;
}
.form-fields-wrapper
{
	padding: 2em;
}

.payment-method{
	text-align: center;
  margin: 0 auto;
}
.method-img{
	width: 100%;
  text-align: center;
	margin: 1em;
}
.method-img img{
  margin: 0 auto;
  text-align: center;
}
.inline-fields
{
	display: block;
	margin: 0 auto;
 text-align: center;
}
.submit-row
{
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
div.form input[type=text],
div.form input[type=number],
div.form select,
div.form textarea {
    padding: 8px;
    display: block;
    width: 100%;
    background: #fcfcfc;
    border: 1px solid #b5b5b5;
    outline: 0;
    color: #000;
    font-size: .9em
}

div.form input[type=submit] {
    border-radius: 4px
}

div.form #bundles-form input[type=text] {
    padding-left: 50px;
    margin-left: 0
}

div.form fieldset {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0 0 10px 0;
    -moz-border-radius: 7px
}

div.form label {
    font-weight: 700;
    font-size: .9em;
    display: block
}
.form-label {
    color: #000000c7;
    font-weight: 100;
    float: left;
}

div.form .hint {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-style: italic;
    color: #999
}

.kaptcha-fig {
    float: left;
    width: 25%;
    margin-left: 20px
}

.kaptcha-fig img {
    padding: 0;
    margin: 0
}

.kaptcha-fig a {
    color: #fff;
    display: block;
    font-size: 12px
}

.kaptcha-cod {
    float: left;
    width: 68%
}

div.form .note {
    font-style: italic
}

div.form span.required {
    color: red
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error {
    color: #c00
}

div.form div.error input,
div.form div.error select,
div.form div.error textarea,
div.form input.error,
div.form select.error,
div.form textarea.error {
    background: #fff
}

div.form div.success input,
div.form div.success select,
div.form div.success textarea,
div.form input.success,
div.form select.success,
div.form textarea.success {
    background: #e6efc2;
    border-color: #c6d880
}

.sender .radio-items {
    float: left;
    width: 30%;
    padding: 0;
    display: table-cell;
    margin: 0;
    line-height: 1.5
}

.sender label {
    margin: 0
}

.added-value label {
    display: block
}

div.form .errorSummary {
    border: 2px solid #c00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #fee;
    font-size: .9em
}

div.form .errorMessage {
    color: red;
    font-size: .9em
}

div.form .errorSummary p {
    margin: 0;
    padding: 5px
}

div.form .errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px
}

div.flash-error,
div.flash-notice,
div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd
}

div.flash-error {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4
}

div.flash-notice {
    background: #fff;
    color: #00ae39;
    border-color: #00ae39
}

div.flash-notice h1,
div.flash-notice h2 {
    text-transform: none;
    color: #00ae39;
    font-weight: 400
}

div.flash-success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880
}

div.flash-error a {
    color: #8a1f11
}

div.flash-notice a {
    color: #514721
}

div.flash-success a {
    color: #264409
}

ul.social-network {
    list-style: none;
    margin: 0
}

ul.social-network li {
    display: inline;
    margin: 0 5px
}

.copyright {
    text-align: left;
    font-size: 12px
}

@keyframes example2 {
    0% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
    25% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .5)
    }
    50% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .75)
    }
    75% {
        background-color: #fff;
        box-shadow: 0 0 0 10px #fff
    }
    100% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
}

@-webkit-keyframes example2 {
    0% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
    25% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .5)
    }
    50% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .75)
    }
    75% {
        background-color: #fff;
        box-shadow: 0 0 0 10px #fff
    }
    100% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
}

@-webkit-keyframes example {
    0% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
    25% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .5)
    }
    50% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .75)
    }
    75% {
        background-color: #fff;
        box-shadow: 0 0 0 10px #fff
    }
    100% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
}

@keyframes example {
    0% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
    25% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .5)
    }
    50% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .75)
    }
    75% {
        background-color: #fff;
        box-shadow: 0 0 0 10px #fff
    }
    100% {
        background-color: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }
}

.fix-cb {
    position: fixed;
    z-index: 10;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    bottom: 15px;
    left: 45%;
    text-align: center;
    background: linear-gradient(120deg, rgba(19, 125, 196, .9), #2d3193);
    color: #fff;
    padding: 0;
    border-radius: 100%;
    -webkit-animation-name: example;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    border: solid 3px #000
}

.fix-cb i,
.fix-wa i {
  line-height: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  color: #fff
}

.fix-wa {
  position: fixed;
  z-index: 10;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 32px;
  bottom: 20px;
  right: 20px;
  text-align: center;
  background-image: linear-gradient(130deg, #00ae39 0, #00ae39 100%);
  color: #fff;
  padding: 0;
  border-radius: 100%;
  -webkit-animation-name: example;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-name: example2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  border: solid 0 rgba(255, 255, 255, .8)
}

.fix-wa a {
    text-align: center
}

.footer_bg {
    background: #4a4a4a;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff
}

.footer {
    margin: 15px 0;
    padding: 0;
    width: 100% color:#fff
}

.footer ul {
    margin: 0;
    padding: 0
}

.footer ul li {
    list-style: none
}

.footer li a,
.footer p a {
    color: #ececec !important
}

.footer h5,
.footer h6 {
    color: #fff;
    font-size: 21px;
    text-align: left
}

.footer h6 {
    font-size: 18px
}

.paynow {
    padding: 1em 0;
    margin: 0 auto;
    display: table;
    width: 100%
}

.social-icons {
    margin: 0 auto;
    min-height: 32px
}

.social-icons ul li {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    line-height: 40px;
    text-align: center;
    font-size: 21px;
    text-align: center;
    color: #fff;
    padding: 0;
    border-radius: 100%;
    background: #3b5998
}

.social-icons a {
    text-align: center
}

.social-icons ul li i {
    font-size: 21px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    width: 40px;
    border-radius: 100%
}

.social-icons ul li .fa-twitter {
    background: #4099ff;
    border-color: #4099ff
}

.social-icons ul li .fa-twitter:hover {
    color: #4099ff
}

.social-icons ul.apps {
    margin-top: 1em
}

.social-icons ul.apps li h4 {
    font-size: 1em;
    margin: 0
}

.social-icons ul.apps li a.fa {
    color: #999;
    font-size: 1.2em;
    margin-left: .6em
}

.social-icons ul.apps li a.fa:hover {
    color: #fd463e
}

@media (max-width:1024px) {
    .nav-grids {
        float: left;
        width: 72%
    }
    .panel-row-2-text {
        padding-top: 0
    }
    .panel-row-2-text h3 {
        margin-top: 0
    }
    ul.networks li {
        width: 33%;
        height: 50px;
        float: left
    }
    ul.networks li.rl_20pad {
        padding: 0 5px
    }
}

@media (max-width:979px) {
    ._key-img {
        float: left;
        width: 40%
    }
    ._key-text {
        float: left;
        margin-bottom: 1em;
        width: 60%
    }
    ._key1-text {
        float: left;
        width: 50%
    }
    ._key1-img {
        float: left;
        width: 50%
    }
    ._key1-img img {
        margin-top: 205px
    }
    .biz {
        width: 25%
    }
    ._contact {
        width: 65%;
        float: left
    }
    ._address {
        width: 35%;
        float: left
    }
    ._footer_box {
        width: 33%;
        float: left
    }
}

@media (max-width:768px) {
    body {
        padding-right: 0;
        padding-left: 0
    }
    ul.navi li span {
        color: #fff;
        margin: 0 5px;
        font-size: 13px
    }
    ul.navi li a {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-decoration: none;
        padding: 11px 8px;
        background: rgba(70, 181, 227, 0);
        -webkit-text-shadow: 2px 2px 2px #f9f9f9;
        -moz-text-shadow: 2px 2px 2px #f9f9f9;
        -o-text-shadow: 2px 2px 2px #f9f9f9;
        -ms-text-shadow: 2px 2px 2px #f9f9f9
    }
    .content-panel-row-2 h2 {
        margin-top: 1em;
        line-height: normal;
        padding-bottom: 10px;
        color: #29256f
    }
}

@media (max-width:767px) {
    body {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-top {
        border-bottom: 1px solid #683ec2
    }
    .nav-grids {
        float: right;
        width: 65px;
        display: table
    }
    .menubar {
        text-align: center;
        float: right;
        display: inline-block;
        width: 100%
    }
    .navbar-toggle {
        text-align: center
    }
    .navbar-brand {
        margin-top: 10px;
        border-bottom: none
    }
    .navbar-header {
        margin: 0 auto;
        margin-top: 15px;
        border-bottom: none;
        text-align: left
    }
    .nav>li,
    .navbar-nav>li {
        line-height: 36px;
        height: 36px;
        padding: 0;
        text-align: center;
        width: 100%
    }
    ul.nav.navbar-nav li:first-child a {
        border: none
    }
    ul.nav.navbar-nav li a {
        padding: 0 15px;
        border: none;
        line-height: 36px;
        height: 36px
    }
    .navbar li ul.sub-menu {
        padding: 0;
        top: 30px;
        margin: 0;
        width: 100%
    }
    .navbar-nav {
        border-top: none;
        float: none;
        position: relative;
        width: 100%
    }
    header .navbar-nav>li {
        padding-bottom: 0;
        padding-top: 0
    }
    .navbar-collapse.collapse {
        border: none;
        overflow: hidden
    }
    .menus .navbar-collapse ul {
        width: 100%;
        margin: 0 auto
    }
    .banner-screen .carousel-slide-wrap {
        padding-top: 0;
        padding-bottom: 1em
    }
    .banner-cta a {
        margin-bottom: 5px;
        padding: 15px 10px;
        font-size: 15px
    }
    .banner-cta-1 a {
        font-size: 15px
    }
    .col-6,
    .fes-row,
    .ivrs-col {
        float: left;
        width: 50%
    }
    .ivrs-col {
        min-height: 459px
    }
    .city-2 {
        width: 33.33%;
        float: left;
        margin-bottom: 25px
    }
    .ca-monials-avatar {
        top: -20%
    }
    .ca-monials-grid {
        margin: 5em 1.2em 0;
        padding: 60px 20px 25px 20px
    }
    ._ca-sms-abt {
        padding: 0 25px
    }
    .services ul li {
        width: 100%;
        display: block;
        min-height: 180px
    }
    .quote {
        display: block;
        position: relative;
        padding-top: 15%
    }
    blockquote {
        margin: 0 0 0 17em
    }
    ._key-img,
    ._key-tex {
        float: left
    }
    .key-img {
        width: 270px
    }
    .panel-row-2-text {
        padding-top: 0
    }
    .panel-row-2-text h3 {
        margin-top: 0
    }
    ._clients {
        float: left;
        width: 33.33%
    }
    .client-box img {
        width: 100%;
        overflow: hidden
    }
    .stats-block {
        padding: 2em 10px
    }
    .stats-block dl {
        display: block;
        width: 33.33%;
        padding: 0 0
    }
    .nice-image {
        margin: 0 auto;
        width: 100%;
        text-align: center
    }
    .biz {
        width: 20%
    }
    ._footer_box {
        width: 33%;
        float: left
    }
}

@media (max-width:700px) {
    .gateway-fields input[type=text] {
        width: 240px !important
    }
    .provider-img {
        width: 60%;
        padding-top: 25px
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        padding: 12px 20px;
        color: #fff;
        background: #137dc4;
        font-size: 16px
    }
    .client-fdbk-grid,
    .clients-logo {
        margin-top: 50px
    }
    .clients-logo {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: relative
    }
    .clients-logo img {
        margin: 0 auto
    }
    .ca-monials-avatar {
        top: -10%
    }
    .abt-bsm-bg {
        background: url(../images/abtbg.png) no-repeat -10px 0
    }
    ._footer_box {
        width: 100%;
        float: none;
        display: table;
        padding-bottom: 25px
    }
    ._footer_box h5 {
        margin-bottom: 5px
    }
    ._footer_box li {
        float: left
    }
    ._footer_box li a {
        display: inline-block;
        padding: 0 15px 0 0;
        font-size: 14px;
        font-weight: 700
    }
    .paynow {
        width: 100%;
        margin-bottom: 50px
    }
}

@media (max-width:640px) {
    .navbar-header {
        text-align: center
    }
    .navbar-nav {
        text-align: center
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        padding: 12px 10px;
        color: #fff;
        background: #137dc4;
        font-size: 16px
    }
    .gateway-fields input[type=text] {
        width: 200px !important
    }
    .fes-row {
        min-height: 400px
    }
    .quote {
        padding-top: 10%
    }
}

@media (max-width:600px) {
    .touch-header ul li {
        padding: 0 10px 0 0;
        font-size: 13px
    }
    .gateway-fields h2 {
        color: #fff;
        font-size: 18px;
        margin: 16px 0 0 0
    }
    .gateway-fields input[type=text] {
        width: 200px !important
    }
    .slider-caption .sl-main-title {
        font-size: 36px;
        font-weight: 600
    }
    ._key-img,
    ._key-tex {
        float: none
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        padding: 12px 10px;
        font-size: 14px
    }
    .services ul {
        padding: 0;
        margin: 0
    }
    .key-img {
        width: 100%
    }
    ._key1-img {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .biz {
        width: 25%
    }
    .quote {
        padding-top: 13%
    }
    blockquote {
        margin: 0 0 0 14em
    }
}

@media(max-width:570px) {
    .kallz-clikz {
        width: 100%
    }
    .kallz-clikz ul {
        margin: 0;
        padding: 0
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        font-size: 12px
    }
    .gateway-fields input[type=text] {
        width: 180px !important;
        margin-right: 5px;
        margin-left: 5px
    }
    .gateway-btn input[type=submit] {
        padding: 0 15px;
        background: #fff
    }
    .provider-img {
      margin: 0 auto;
      min-height: 150px
    }
    blockquote {
      margin: 3em 0 0 1em;
      padding: .5em 10px
    }
    .quote {
        padding-top: 10%
    }
    .abt-bsm-bg {
      padding-left: 0;
      padding-right: 0;
      background: url(../images/abtbg.png) no-repeat -40px 0
    }
}

@media (max-width:480px) {
    h1 {
        font-size: 26px
    }
    .slider-caption .sl-main-title {
        font-size: 26px;
        font-weight: 600
    }
    .gateway-fields {
        float: none;
        width: 100%;
        text-align: center;
        display: block
    }
    .gateway-fields input[type=text] {
        width: 100% !important;
        margin: 0
    }
    .gateway-fields h2 {
        color: #fff;
        margin: 10px 0
    }
    .test-gateway {
        min-height: 230px;
        padding-bottom: 50px;
    }
    .gateway-btn {
        width: 100%;
        padding-top: 10px;
        text-align: center
    }
    .banner-cta a {
        padding: 10px 7px;
        font-size: 12px
    }
    .banner-cta-1 a {
        font-size: 13px
    }
    .stats-inner dt {
        font-size: 40px
    }
    .numscroller {
        font-size: 30px;
        margin-top: 10px
    }
    .touch-header .btn-blue {
        text-transform: capitalize;
        padding: 8px 15px;
        font-size: 13px
    }
    .gtw-col1 h2{
      margin-bottom: 20px;
    }
    .gtw-col1, .gtw-col2, .gtw-col3 {
    	float: none;
      display: block;
      width: 100%;
    }
    .gtw-kapcha-img {
    	width: 100px;
    }
    .gtw-kapcha-txt {
    	width: 75%;
    }
    .biz {
        width: 33%
    }
    ._great {
        text-align: center !important
    }
    .fes-row {
        min-height: 300px
    }
    .fes-icon,
    .fes-text {
        display: block;
        float: none;
        text-align: center
    }
    .fes-acts-inside a {
        display: block;
        margin-bottom: 1em
    }
    blockquote p {
        font-size: 16px
    }
    .stats-block dl {
        width: 100%;
        padding: 0;
        text-align: center;
        float: none;
        margin-bottom: 10px
    }
    .stats-block dl dd,
    .stats-block dl dt {
        width: 100%;
        height: 70px
    }
    ._footer_box {
        width: 100%;
        float: none
    }
    blockquote {
        margin: 0 0 0 11em
    }
    blockquote p {
        font-size: 16px
    }
}

@media (max-width:414px) {
    .banner-cta a {
        font-size: 10px;
        margin: 0 10px 0 0
    }
    .banner-cta-1 a {
        padding: 0 10px 0 0
    }
    .stats-inner dt {
        font-size: 25px
    }
    .numscroller,
    .stats-inner .plus {
        font-size: 25px
    }
    .services ul {
        padding: 0;
        margin: 0
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        padding: 12px 2px
    }
    .btn-get,
    .kallz-clikz .demo-btn {
        margin: 0 5px 0
    }
    ._clients {
        width: 50%
    }
    .codes3 dt {
        float: none;
        clear: none;
        display: block;
        width: 100%;
        padding-bottom: 10px
    }
    .codes3 dd {
        float: none;
        width: 100%
    }
    .abt-bsm-bg {
        background: url(../images/abtbg.png) no-repeat -90px 0
    }
    blockquote {
        margin: 0 0 0 7em
    }
}

@media (max-width:375px) {
    .navbar-collapse.in {
        overflow: inherit
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        font-size: 10px
    }
    .touch-header ul li a {
        padding: 4px 5px
    }
    .stats-inner {
        min-height: 135px
    }
    .abt-bsm-bg {
        background: url(../images/abtbg.png) no-repeat -110px 0
    }
    blockquote {
        margin: 1em 0 0 5em
    }
}

@media (max-width:320px) {
    .navbar-header {
        text-align: center
    }
    .touch-header li.has-action {
        display: inline-block;
        float: left;
        width: 50%
    }
    .banner-cta a {
        font-size: 10px;
        margin-bottom: 15px
    }
    .banner-cta-1 a {
        font-size: 10px
    }
    .kallz-clikz li a.btn-get,
    .kallz-clikz li a.demo-btn {
        padding: 12px 2px;
        font-size: 9px
    }
    blockquote p {
        font-size: 14px
    }
}

.card-header > h6 {
    width: 100%;
}
.bg-celcom-blue {
    background-color: #683ec2;
}
.bg-celcom-light-blue {
    background: linear-gradient(170deg, rgba(0, 146, 210, .58), rgba(35, 33, 118));
}
.city-img {
    height: 12.5rem !important;
    width: 350px !important;
}
@media (max-width: 767px) {
    .font-size-72 {
        margin-top: 3.5rem !important;
    }
    .blurb-border
    {
        margin-bottom: .5rem; 
        padding: 0.5rem;
        height: auto !important;
    }
    .box
    {
        min-height: auto;
    }
}
@media (min-width: 767px) {
    .box
        {
            min-height: 250px;
    }
}