html,body { height:100%; }
img { max-width:100%;height:auto; }
svg { max-width:100%;height:auto; }
img , a, button { border:none; outline:none;}
iframe , embed , object { max-width: 100%;}
a,a:hover { text-decoration:none;
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  outline:none;
}
ul{ list-style: none; /*margin: 0px; padding: 0px;*/}

body { 
  margin: 0px;
  padding: 0px 0px 0px;
  width: 100%;
  overflow-x: hidden;
  font-family:arial, helvetica, sans-serif;
  background-position: center;
  background: url(../images/wallpaper.png);
}

body, form, textarea, input, select {
  font-family:arial, helvetica, sans-serif;
  color:#68696a;
  font-size:14px;

}


h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold;
  font-family:arial, helvetica, sans-serif;
}
::placeholder {
  color: #b2b2b2;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #b2b2b2;
}

::-ms-input-placeholder {
  color: #b2b2b2;
}

.numbers td {vertical-align:bottom;
}
html, body, td {
font-family:arial, helvetica, sans-serif;
color:#68696a;
font-size:14px;
}
h1, h2, h3 {
  font-size:20px;
  font-weight:bold;
  margin:0;
  color:#3ea09f;
  padding-top:4px;
}

a {
color:#ad181e;
}

a.blue {text-decoration:none;
color:#163b76;
font-size:14px;
padding:1px 0 8px 0;
font-weight:bold;
}
.table-responsive.custom-table tbody tr td {
    border: 0px!important;
}
.nav a {margin-left:10px;margin-right:10px;color:white;font-size:13px;text-decoration:none;}


.blue h1, .blue h2, .blue h3 {
  color: #163b76;
  
}
.orangebox ul  {
  list-style-image: url(../images/check.png);
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;

}
.orangebox h3 {
  text-align:center;color:#f29e0c;
}

.orangelist ul, .bluelist ul {
list-style-image: url(../images/checkwhite.png);
}
.orangelist h1,.orangelist h2, .orangelist h3, .orangelist b {
color:#f29e0c;
}
a.button {display:block;
margin-top:10px;
width:184px;
height:31px;
text-align:center;
vertical-align:center;
line-height:31px;
background-image:url(../images/button.png);
text-decoration:none;color:#777777;}

a.button:hover {
background-image:url(../images/buttonlit.png);
}

.footer td, .footer td a {text-decoration:none;color:white;font-size:12px;line-height:19px;}
.left div {
line-height:140%}
.left div li {
line-height:140%;}

.left div h1, .left div h2, .left div h3 {
padding-top:10px;
}

.header-section { border-top: 4px #3ea09f solid; width:100%; padding: 0px; background: #0f1d1f; border-bottom: 10px #3ea09f solid; }
.footer-section {
    background-color: #0f1d1f;
    padding-top: 21px;
    padding-bottom: 21px;
    width: 100%;
    clear: both;
    float: left;
}
.inner-f-area {
  background-image:url(../images/bottombox.png);
}

.left-footer-content {width: 100%;height: 57px;display: table;}
.innre-wr {
    display: table-cell;vertical-align: middle;height: 100%;
    text-decoration: none;
    color: white;
    font-size: 12px;
    line-height: 19px;
    font-family: arial, helvetica, sans-serif;
}
.innre-wr p {margin: 0px 0px 0px;}

.left-footer-content.right-align ul li a {
    text-align: right;
    text-decoration: none;
    color: white;
    font-size: 12px;
    line-height: 19px;
    font-family: arial, helvetica, sans-serif;
}
.left-footer-content.right-align ul {
    padding: 0px;
    margin: 0px;
    text-align: right;
}
.main-nav {
    background: url(../images/navtab.png)no-repeat;
    padding-top: 5px;
    width: 100%;
    max-width: 633px;
    float: right;
    overflow: hidden;
}
nav.main-nav ul {margin: 0px;padding: 10px;}
nav.main-nav ul li {display: inline-block;}
nav.main-nav ul li>a {
    margin-left: 10px;
    margin-right: 10px;
    color: white;
    font-size: 13px;
    text-decoration: none;
}
nav.main-nav ul li>a.lit {
  color:#3ea09f;
}
.logo {
    margin-left: 25px;
}
section.middle-wrapper {
    background-image: url(../images/wallpaper.png);
    background-position: top center;
}

.rft-wrapper {
    width: 100%;
    padding-left: 25px;
    overflow: hidden;
}
.rft-wrapper input[type="text"], .lft-wrapper input[type="text"] {
  width:95%;
  height: 23px;
}
.rft-wrapper .large-inut-filed, .lft-wrapper .large-inut-filed {
  width: 97%!important;
}
.rft-wrapper select, .lft-wrapper select {
    width: 95%;
    height: 23px;
    border-radius: 2px;
}
.rft-wrapper .textarea-field, .lft-wrapper .textarea-field {
 width: 97%;
 height: 200px;
}
.blue-box {
  width:100%;
  max-width: 100%;
  height:274px;
  background-image:url(../images/quotebox.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
}
.inner-blue-box {
  padding:10px;text-align:left;font-weight:bold;font-size:16px;
}

.top-sldebar-box {position: relative;width: 100%;}
.inner-side-title-bar {width: 100%;max-width: 254px;position: relative;padding: 0px 0px;text-align: center;color:#3ea09f;font-size:16px;}
.arrow-icons {position: absolute;top: 0px;right: 0px;max-width: 84px;}

.marchant-ac-service-box {
  background-image:url(../images/box1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width:100%;
  max-width: 100%;
  height:auto;
  overflow: hidden;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.padding-right{ padding-right: 0px; }
.inner-mr-sc-wrap {
    padding-top: 3px;
    padding-left: 10px;
    width: 100%;
    max-width: 328px;
}
.inner-mr-sc-wrap h1 {
  color:#3ea09f;
  text-align:center;
}
.numbering-outer-text {width: 100%;position: relative;min-height: 80px;}
.num-text {display: inline-block;width: 100%;max-width: 100px;position: absolute;text-align: left;top: 15px;}
.num-text.first_bl_1 {left: 10%;}
.num-text.first_bl_2 {left: 40%;}
.num-text.first_bl_3 {left: 72%;}
.numbering-outer-text p {margin-bottom: 0px;}

.credit-card-box {
  background:url(../images/box2.png);
  background-size: 100%;
  width:100%;
  max-width: 100%;
  background-position:top;
  background-repeat: no-repeat; 
}
.credit-card-box .inner-creditcard-box {
  margin-left:10px;
  margin-right:10px;
  margin-top:3px;
}
.credit-card-box .inner-creditcard-box h2 {
  color:#f29e0c;text-align:center;
}
.content-credit-block {
  padding-top: 140px;
}

.accepting-box {
  background: url(../images/box3.png);
  width:100%;
  max-width:100%;
  height:186px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.inner-accepting-box {
  padding-top:40px;
  margin-left:160px;
  text-align:center
}
.inner-accepting-box h3 {color:#3ea09f;}
.middle-tag-line {margin-left:160px;width:100%; max-width:268px;text-align:center;}

.llc_provider-section {
  background: #faddaa;
  width:100%;
  height:auto;
  border-radius: 4px;
}
.llc_provider-section .orangebox {
    max-width: 455px;
    margin: 0px auto;
}
.marchant-available-box {
  background: #bcdedd;
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.statebox a {
color:#777777;
line-height:20px;
text-transform:uppercase;
}
.statebox {
    max-width: 436px;
    margin: 0px auto;
    padding-top: 15px;
    padding-bottom: 30px;
}
.statebox h3 {
  text-align:center;color:#3ea09f;
}
.iin-blue-box ul {padding: 0px; margin: 0px;}
.show-mobile {
    display: none;
}
.h-menu-icon {
    float: left;
    width: 100%;
    position: relative;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
     opacity: 0; 
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9;
     visibility: hidden; 
}
.call-number {
    padding-top: 20px;
    float: right;
    width: 100%;
}
ul.disc {
  list-style: disc;
  margin: 15px 0px;
}
.E-Commerce-section {
  width:100%;
  background: url(../images/Ecommerce.png);
  background-position: top left;
  background-repeat:no-repeat;
  background-size: 100%;
}
.packagecopy {
  margin-left:10px;
  margin-right:10px;
}
.center-txt {
    text-align: center;
    width: 100%;
    max-width: 400px;
    padding: 40px 0px;
}
.packagecopy ul {
    margin-top: 15px;
}
.inner-mr-sc-wrap h1.sm-size { font-size: 18px; }
.pricing-package {
  width:100%;
  background: url(../images/Wireless.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
}
.telephone-sev {
  background : url(../images/MOTO.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
}

.Restaurant-service {
  background: url(../images/Retail.png);  
}
.common-layout {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
}




@media only screen and (min-width: 1024px) {
  .container {
    width:100%;
    max-width: 930px;
  } 
}

.container-custom:before , .container-custom:after {
  display: table;
    content: " ";
}
@media only screen and (max-width: 992px) {
  i.close-icons {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    display: block;
    top: 8px;
    right: 8px;
    cursor: pointer;
}
  .table-responsive.custom-table {
    border: 0px;
  }
  .lft-wrapper {
      padding-top: 15px;
  }
  .center-txt {
      padding: 50px 0px 20px;
  }
  .machine0img {
      position: absolute;
      right: 15px;
      width: 100%;
      max-width: 170px;
      top: 15px;
  }
  .num-text {
    display: block;
      width: 100%;
      max-width: 100%;
      position: relative;
      text-align: left;
      top: inherit;
      padding-left: 46px;
      padding: 20px 0px 0px 40px;
  }
.num-text.first_bl_1 {left: 0%;}
.num-text.first_bl_2 {left: 0px;}
.num-text.first_bl_3 {left: 0px;}
  .accepting-box {
      background: #f1f1f1;
      width: 100%;
      max-width: 100%;
      height: auto;
      padding: 15px;
      margin-top: 30px;
  }
  .num-text>i {
    display: inline-block;
    position: absolute;
    left: 12px;
    font-size: 23px;
    top: 13px;
    font-style: inherit;
}
  .left-footer-content.right-align ul, .innre-wr{ text-align: center; }
  .left-footer-content { height: auto; }
  .inner-accepting-box {
      padding: 0px;
      margin-left: 0px;
  }
  .middle-tag-line {
    width: 100%;
    margin: 0px auto;
    max-width: 268px;
}
  .show-mobile {
    display: block;
  }
  .header-section{position: relative;}
  .call-number{
    position: absolute;
    left: 15px;
    padding: 0px;
    top: 10px;
    z-index: 9999;
    max-width: 250px;
  }
  .h-menu-icon> a {width: 30px;height: 30px;float: right;font-size: 28px;color: #fff;}
    nav.main-nav {
      background: #3ea09f;
      position: fixed;
      top: 0;
      left: -255px;
      height: 100%;
      z-index: 99999;
      width: 255px;
      transition: all 0.5s;
  }
  .call-num.show-mobile {
      position: absolute;
      left: 15px;
      top: 7px;
      margin: 0px;
      width: 100%;
      max-width: 200px;
  }
  .h-menu-icon {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px 15px 15px;
  }
  .logo {
      margin: 0px auto;
      float: none;
      max-width: 100%;
  }
  .h-menu-icon.open .overlay {
     opacity: 1;
     visibility: visible; 
  }
  .overlay i.fa.fa-times {
      position: fixed;
      top: 8px;
      right: 12px;
      color: #fff;
      font-size: 30px;
  }
  nav.main-nav ul li {
      display: block;
      padding:15px 0px;
      border-top: 1px #53b9b8 solid;
    border-bottom: 1px #2e7978 solid;
  }
  nav.main-nav ul li:first-child {
    border-top: 0px;
  }
  nav.main-nav ul li:last-child {
    border-bottom: 0px;
  }
  nav.main-nav ul li>a {
    font-size: 18px;
    text-transform: uppercase;
  }
  nav.main-nav.active {
      left: 0px;
  }
  .rft-wrapper {
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
    background: #f8f4e8;
    padding-top: 0px;
    margin-top: 15px;
  }
  .statebox {
      max-width: 80%;
      margin: 0px auto;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .llc_provider-section .orangebox {
      max-width: 80%;
      margin: 0px auto;
      padding: 20px 0px;
  }
  .blue-box {
      max-width: 100%;
      height: auto;
      background-size: 100% 100%;
  }
  .credit-card-box {
    background: #fff url(../images/orange-line.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: auto;
    border-radius: 4px;
  }
  .content-credit-block {
      padding-top: 0px;
  }
  .marchant-ac-service-box {
    background: #fff url(../images/blue-white-line.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: auto;
    position: relative;
  }
  section.middle-wrapper{
    background: #fff;
  }
  .padding-right{ padding-right: 15px; }
}

@media only screen and (max-width: 480px) {
  .machine0img {
      max-width: 100px;
      top: inherit;
      bottom: 0px;
  }
}