.hero-content {
  padding: 100px 0px;
  margin-top: 0px !important;
  border-bottom: 1px solid #f1f1f2;
}

.re_61 .navbar {
  background-color: red;
}

.re_64 .navbar {
  background-color: #2f3890 !important;
}

.re_64 .navbar-default .navbar-collapse, .re_64 .navbar-default .navbar-form {
  background-color: #2f3890 !important;
}

.login-log img {
  width: 100%;
  height: auto;
}

.general .front-promo-img img {
  width: 100%;
  height: auto;
}

.reseller-heading h1 {
  font-size: 50px;
  text-transform: none;
  text-align: center;
  font-family: 'Indie Flower', Arial;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.reseller-heading p {
  text-align: center;
}

.general .top-notification .top-phone-content.back {
  background-color: #fff !important;
}

.general .top-notification p {
  color: #999 !important;
}

.general .top-notification .special-offer {
  margin-top: 10px;
}

.general .navbar-default .navbar-collapse, .general .navbar-default .navbar-form {
  background-color: #e67e22;
}

.general .recent-clients h2, .general .front-promo h3 {
  color: #e67e22;
}

.general article h1 {
  color: #e67e22;
}

.general .header h1 b {
  color: #e67e22;
}

.general .top-notification {
  background-color: #fff;
}

.general .navbar {
  background-color: #e67e22;
}

.general .pro-message {
  display: none;
}

.general .front-promo-img {
  text-align: center;
}

.general .front-promo-img img {
  margin-top: 110px;
}

.hero-form {
  background-color: #fff;
  height: 77px;
  width: 496px;
  position: absolute;
  bottom: -137px;
  margin: 0 auto;
  left: 30%;
  border: 1px solid #d1d3d5;
  border-radius: 6px;
}

.hero-form form {
  text-align: center;
  vertical-align: 100px;
  padding-top: 13px;
  padding-left: 5px;
}

.hero-form input, .hero-form select {
  margin-bottom: 20px;
  border-radius: 0px;
  height: 50px;
}

.hero-form h2 {
  font-family: 'Baloo Bhaina', cursive;
}

.dots {
  width: 100px;
  height: auto;
  display: block;
  margin: 50px auto 10px auto;
}

.centered-a {
  text-transform: uppercase;
  font-size: 12px;
  padding: 20px 40px;
  width: 300px;
  margin: 0 auto;
  display: block;
  margin-top: 40px;
  /* font-family: monospace; */
  font-weight: bold;
}

.tech-block {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f1f1f2;
}

.tech-block img {
  display: block;
  width: 300px;
  height: auto;
  margin: 0 auto;
}

.tech-block h1 {
  font-family: 'Baloo Bhaina', cursive;
  font-size: 25px;
  margin-top: 50px;
}

.tech-block p {
  font-size: 18px;
}

.tech-block p.well {
  font-size: 14px;
  background-color: #f1c40f;
  color: #000;
  padding: 30px;
  font-family: monospace;
  border: 0px;
}

.headingnew {
  margin: 0 50px;
  text-align: center;
}

.headingnew h1 {
  margin-right: 50px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: center;
  text-transform: none;
  color: #000;
  font-family: 'Baloo Bhaina', cursive;
  font-size: 35px;
}

.headingnew p {
  margin-bottom: 30px;
  text-align: center;
  color: #333;
  font-size: 20px;
}

.startup-block {
  background-color: #9b59b6;
  padding: 20px !important;
}

.table-color {
  margin-bottom: 0px !important;
  color: #fff;
  border-radius: 10px;
}

.table-color td {
  border-color: #8e44ad !important;
}

.table-color th {
  border-top: none !important;
}

.card-package {
  margin-bottom: 50px;
}

.card-package .card.special {
  background-color: #e74c3c;
}

.card-package .card.special p, .card-package .card.special h3, .card-package .card.special h2, .card-package .card.special li {
  color: #fff;
}

.card-package .card.special h3 {
  border-color: #c0392b;
}

.card-package .card.special .card-buy {
  color: #fff;
}

.card-package .card {
  border: 1px solid #f1f1f2;
  width: 20%;
  height: auto;
  float: left;
}

.card-package .card .card-buy {
  padding: 20px;
  display: block;
  color: #e74c3c;
  text-decoration: none;
}

.card-package .card .card-buy:hover {
  color: #c0392b;
  text-decoration: none;
}

.card-package .card p {
  margin-bottom: 10px;
  padding-bottom: 0px;
  font-size: 14px;
}

.card-package .card h3 {
  margin-top: 0px;
  padding: 15px 0px;
  color: #999;
  border-top: 1px solid #f1f1f2;
  border-bottom: 1px solid #f1f1f2;
  line-height: .9em;
  font-weight: 200;
  margin-bottom: 0px;
}

.card-package .card h3 span {
  font-size: 15px;
}

.card-package .card h3 a {
  font-size: .9em;
  color: #e74c3c;
  text-decoration: none;
}

.card-package .card h3 a:hover {
  color: #c0392b;
  text-decoration: none;
}

.card-package .card h2 {
  margin-bottom: 0px;
  text-align: center;
  font-family: 'Baloo Bhaina', cursive;
}

.card-package .card ul {
  padding-left: 0px;
}

.card-package .card ul li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
}

.form-inline .signuptext {
  width: 130px !important;
  background-color: did3d4;
  color: #999;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.form-inline .signup-text {
  display: inline-block;
}

.form-inline .signup-text p {
  padding: 15px;
  background-color: #f1f1f2;
  margin-top: 0px;
}

.form-inline input {
  margin-left: -5px !important;
}

.form-inline input[type="submit"] {
  padding-left: 20px;
  padding-right: 20px;
}

video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 50%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url("../img/api-back.png") no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

.stopfade {
  opacity: .5;
}

.contactus input {
  height: 50px;
}

.contactus input, .contactus textarea {
  margin-bottom: 20px;
  border-radius: 0px;
}

.contactus .btn {
  width: 250px;
  height: auto;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.apip {
  width: 600px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  font-family: monospace;
}

.headernew.api-hero {
  position: relative;
  background: none;
  height: 400px;
  /* margin-bottom: 200px; */
  width: 100%;
  overflow: hidden;
}

.headernew.api-hero h1, .headernew.api-hero p {
  color: #fff;
}

.headernew.color-background {
  padding: 50px;
  background-image: url(../images/background1.jpg);
}

.headernew.color-background h1, .headernew.color-background p {
  color: #fff;
}

.headernew {
  padding: 100px 10px;
  background-color: #fff;
  background-image: url(../images/background.png);
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-position: bottom;
  background-clip: padding-box;
  position: relative;
}

.headernew h1 {
  font-size: 50px;
  padding-bottom: 20px;
  color: #000;
  font-weight: 200;
  font-family: 'Baloo Bhaina', cursive;
  line-height: 1.5em;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: center;
}

.headernew p {
  font-size: 18px;
  color: #999;
  text-align: center;
}

.headernew form {
  text-align: center;
}

.headernew a {
  margin-top: 50px;
  font-size: 16px;
  display: block;
  height: auto;
  text-align: center;
  width: 150px;
  margin: 0 auto;
  margin-top: 30px;
}

.frontnew img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}

.frontnew p {
  text-align: center;
  font-weight: 200;
}

.navbarnew.navbar {
  background-color: transparent;
}

.navbar-default.navbarnew .navbar-collapse, .navbar-default.navbarnew .navbar-form {
  background-color: transparent !important;
}

.navbarnew {
  background-color: transparent;
  padding-top: 20px;
}

.navbarnew .navbar {
  background-color: transparent !important;
}

.navbarnew .navbar-brand {
  color: #000 !important;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 10px;
}

.navbarnew .navbar-brand:hover {
  color: #333 !important;
}

.navbarnew .nav > li a {
  padding: 10px 15px !important;
  font-weight: 300;
  font-size: 14px;
  color: #333 !important;
  font-family: 'Roboto', sans-serif;
}

.navbarnew .nav li.active a {
  font-weight: bold;
  color: #000 !important;
  background-color: transparent !important;
}

.navbarnew .nav li a:hover {
  background-color: transparent !important;
  color: #000 !important;
}

.navbarnew .nav li p {
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.navbar {
  border: 0px !important;
  margin-bottom: 0px;
  background-color: #e74c3c;
  border-radius: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  background-color: #e74c3c;
  margin: 0 auto;
}

.container-fluid.custom {
  padding-right: 0px;
  padding-left: 0px;
}

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

.faq-item h2 {
  background-color: #f1f1f2;
  border: 1px solid #d1d3d4;
  padding: 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-bottom: 0px;
  color: #000;
  text-transform: capitalize;
}

.faq-item p {
  padding: 20px;
  border: 1px solid #d1d3d4;
  padding: 20px;
  margin-top: 0px;
  border-top: none;
}

.api-list .api-item {
  margin-bottom: 30px;
}

.api-list .api-item table {
  border-top: 0px;
  margin-bottom: 0px;
}

.api-list .api-item table th {
  border-top: none;
}

.api-list .api-item h2 {
  font-weight: 200;
  font-size: 18px;
  border: 1px solid #d1d3d4;
  padding: 20px;
  margin-bottom: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-transform: uppercase;
  color: #e74c3c;
}

.api-list .api-item p {
  border: 1px solid #d1d3d4;
  padding: 20px;
  font-size: 14px;
  border-top: none;
  background-color: #f1f1f2;
  margin-bottom: 0px;
  font-family: monospace;
  line-height: 2em;
  text-align: left;
}

.navbar-default .navbar-nav > li ul li a {
  padding: 20px 40px;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

.navbar-default .navbar-nav > li > a .caret {
  margin-left: 10px;
}

.navbar-default .navbar-nav > li > a .glyphicon {
  padding-right: 10px;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #f1f1f2;
  color: #e74c3c;
}

.navbar-default .navbar-nav > li > a:focus {
  background-color: #fff;
  color: #e74c3c;
}

.navbar {
  border: 0px !important;
  margin-bottom: 0px;
}

.logo-holder {
  margin: 30px 0px;
}

.top-phone-img {
  margin: 40px;
  margin-right: 20px;
}

.top-phone-content h4 {
  margin-bottom: 0px;
}

.top-phone-content p {
  font-size: 20px;
  color: #999;
}

body {
  overflow-x: hidden;
}

.header {
  background-image: url(../images/home-banner.png);
  width: 100%;
  height: 350px;
}

.header .signup {
  margin-top: 20px;
}

.header .signup h2 {
  color: #d1d3d4;
  font-size: 20px;
  font-weight: 200;
}

.header h1 {
  margin-top: 80px;
  color: #fff;
  padding-top: 50px;
  font-size: 50px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 0px;
  font-family: 'Indie Flower', Arial;
}

.header h1 b {
  color: #e74c3c;
}

.header h1 span {
  color: #c0392b;
  animation: blinker 1s linear infinite;
  font-family: arial;
  font-weight: 200;
}

@keyframes blinker {
  50% {
    opacity: 0.0;
  }
}

.header p {
  color: #fff;
  font-size: 25px;
  font-weight: 100;
  text-align: center;
  margin-bottom: 30px;
}

.test-sms {
  width: 340px;
  height: auto;
  border-radius: 2px;
  overflow: hidden;
}

.test-sms input {
  height: 50px;
  border-radius: 0px !important;
  padding-left: 20px;
}

.test-sms button {
  height: 50px;
  border-radius: 0px !important;
  padding-left: 20px;
  padding-right: 20px;
  outline: none;
}

.recent-clients {
  padding: 50px 0px;
  padding-bottom: 100px;
  background-color: #f1f1f2;
}

.recent-clients h2 {
  text-align: center;
  margin-top: 40px;
  font-size: 40px;
  font-weight: bold;
  color: #e74c3c;
  font-weight: 200;
  font-family: 'Indie Flower', Arial;
}

.recent-clients p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
  color: #999;
}

.recent-clients .recent-client {
  margin: 0 auto;
  width: 277px;
  height: 107px;
}

.recent-clients .recent-client img {
  border: 1px solid #000;
}

.front-promo .front-promo-img {
  width: 290px;
  height: 275px;
  margin: 60px auto;
  box-shadow: 0px 0px 10px #f1f1f2;
}

.front-promo h3 {
  margin-top: 100px;
  font-size: 60px;
  font-weight: 100;
  color: #e74c3c;
  font-family: 'Indie Flower', Arial;
}

.front-promo h4 {
  font-size: 40px;
  color: #999;
  font-weight: 100;
}

footer {
  width: 100%;
  height: auto;
  padding: 40px 0px;
  background-color: #34495e;
}

footer .copyrights p {
  text-transform: capitalize;
  color: #999;
}

footer p {
  color: #fff;
  font-size: 18px;
  padding-left: 20px;
  text-transform: uppercase;
  font-family: helvetica, arial;
}

footer h4 {
  font-family: helvetica, arial !important;
}

footer ul {
  padding-left: 0px;
  margin-left: 0px;
}

footer ul li {
  list-style-type: none;
}

footer ul li a {
  text-decoration: none;
  font-style: none;
  font-size: 14px;
  padding: 10px;
  padding-left: 0px;
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
  color: #999;
  border-radius: 5px;
}

footer ul li a:hover {
  color: #fff;
  background-color: #e74c3c;
  text-decoration: none;
}

footer .social {
  display: none;
}

footer .social .social-img {
  width: 40px;
  height: 40px;
  margin: 10px 20px;
}

footer .social .social-img:hover {
  opacity: .5;
}

footer .social .social-img img {
  width: 100%;
  height: auto;
}

.footer-contact .top-phone .top-phone-img {
  margin: 20px;
}

.footer-contact .top-phone-content {
  margin-top: 10px;
}

.footer-contact .top-phone-content h4 {
  color: #999;
  font-family: 'Baloo Bhaina', cursive;
}

.footer-contact .top-phone-content p {
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
  text-transform: lowercase;
  font-family: 'Baloo Bhaina', cursive;
}

.footer-contact .top-phone-content a {
  color: #000;
  font-family: 'Baloo Bhaina', cursive;
}

.img-max {
  width: 100%;
}

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

article {
  margin-bottom: 50px;
  margin-top: 50px;
}

article img {
  border-radius: 10px;
}

article h1 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 5px;
  text-transform: uppercase;
  padding-bottom: 15px;
  color: #e74c3c;
}

article h2 {
  text-transform: uppercase;
  color: #e74c3c;
  font-weight: 200;
  font-size: 20px;
}

article p {
  font-size: 16px;
  text-align: justify;
  line-height: 2em;
  color: #333;
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: normal;
}

.sidebar .ad-module {
  margin-bottom: 30px;
  border: 1px solid #d1d3d4;
  padding: 40px;
  border-radius: 10px;
}

.sidebar .ad-module p {
  text-transform: uppercase;
}

.sidebar .ad-module h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.sidebar .ad-module h2 {
  padding-top: 0px;
  margin-top: 5px;
  text-transform: none;
  color: #333;
  font-size: 25px;
}

.sidebar .ad-module a {
  font-size: 20px;
}

.login-module {
  border: 1px solid #d1d3d4;
  padding: 40px;
  border-radius: 10px;
}

.login-module input {
  margin-bottom: 10px;
  height: 50px;
  border-radius: 0px;
}

.login-module button {
  height: 50px;
}

.login-module a {
  display: block;
  margin-top: 10px;
}

.cube {
  margin-bottom: 50px;
}

.cube .cube-img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.cube .cube-data h2 {
  text-align: center;
  text-transform: capitalize;
}

.cube .cube-data p {
  text-align: center;
}

.feature-img {
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 50px;
}

.stray-h1 {
  text-align: center;
  padding-bottom: 0px;
  font-family: 'Indie Flower', Arial;
  text-transform: capitalize;
  font-size: 50px;
}

.stray-p {
  text-align: center;
  font-size: 18px;
  color: #999;
  margin-bottom: 40px;
}

.packages {
  margin-bottom: 40px;
}

.packages .promo-package {
  border: 1px solid #000;
}

.packages .promo-package .sms-no h3 {
  text-align: center;
  margin-bottom: 0px;
  font-size: 30px;
}

.packages .promo-package .sms-no p {
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.packages .promo-package .price h3 {
  text-align: center;
  background-color: #c0392b;
  padding: 10px 0px;
  color: #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 30px;
}

.packages .promo-package .price p {
  background-color: #c0392b;
  font-size: 14px;
  padding: 5px;
  text-align: center;
  padding-top: 0px;
  color: #fff;
  margin-bottom: 0px;
}

.packages .promo-package .price button {
  width: 100%;
  height: auto;
  padding: 10px 0px;
  border-radius: 0px;
}

.stray-header {
  margin-bottom: 30px;
  padding-left: 15px;
}

.stray-header h1 {
  text-transform: capitalize;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.stray-header p {
  font-size: 16px;
  color: #999;
}

.stray-button {
  margin: 0 auto;
  width: 380px;
  height: auto;
  text-align: center;
  border-radius: 0px;
  display: block;
}

.login-box {
  width: 380px;
  height: auto;
  margin: 0 auto;
  border: 1px solid #d1d3d4;
  padding: 30px;
  margin-top: 150px;
}

.login-box .login-form {
  margin-top: 40px;
}

.login-box input {
  margin-bottom: 10px;
  height: 50px;
}

.login-box input:focus {
  border-color: #e74c3c;
}

.login-box button {
  height: 40px;
}

.login-box a {
  margin-top: 20px;
  display: inline-block;
}

.pro-message {
  margin: 0 auto;
  height: auto;
  width: 350px;
}

.trans-code .promo-package .price h3, .trans-code .promo-package .price p, .trans-code .promo-package .price button {
  background-color: #34495e;
}

.trans-code .promo-package .price button {
  border: 1px solid #34495e;
}

.trans-code .promo-package .price button:hover {
  background-color: #2c3e50;
}

.navbar-default .navbar-toggle {
  margin-right: 20px;
}

.top-notification {
  background-color: #333;
}

.top-notification .special-offer {
  margin-top: 10px;
  height: 50px;
}

.top-notification .special-offer img {
  height: 100%;
}

.top-notification .special-offer p {
  margin-left: 0px;
  font-weight: 200;
}

.top-notification .special-offer p strong {
  text-transform: uppercase;
}

.top-notification .top-phone-content.back {
  background-color: #000;
}

.top-notification p {
  color: #fff;
  line-height: 1.2em;
  margin-left: 30px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  padding-right: 30px;
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}

.top-notification p strong {
  color: #e74c3c;
}

.top-notification p span {
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
  font-size: 14px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.stray-a {
  padding: 20px;
  display: block;
  font-size: 25px;
  text-align: center;
  margin-bottom: 20px;
  color: #e74c3c;
}

.stray-a:hover {
  text-decoration: none;
  color: #c0392b;
}

footer .top-phone-content p, footer .top-phone-content p a {
  padding-left: 0px !important;
  color: #fff !important;
  font-family: Arial !important;
}

@media (max-width: 480px) {
  .col-xs-6 {
    margin-right: 0px;
    padding-right: 0px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #c0392b;
    border-radius: 0px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    padding: 20px;
    color: #fff;
    margin-bottom: 10px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #fff;
  }
}

@media (max-width: 607px) {
  .card-package .card {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .card-package .card {
    width: 33%;
  }
}

@media (max-width: 480px) {
  .card-package .card {
    width: 100%;
  }
}

@media (max-width: 780px) {
  .card-package .card {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .hero-form {
    left: 25%;
  }
}

@media (max-width: 984px) {
  .hero-form {
    left: 18%;
  }
}

@media (max-width: 768px) {
  .hero-form {
    display: none;
    visibility: hidden;
  }
  footer {
    text-align: center;
  }
  footer li, footer p {
    text-align: center;
  }
  .tech-block h1, .tech-block p {
    text-align: center;
  }
  .tech-block p {
    padding-left: 50px;
    padding-right: 50px;
  }
}