@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Raleway');

body {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.rem;
  line-height: 1.5;
  overflow-x: hidden;
  background: linear-gradient(to right, #f2fcfe, #1c92d2)
}

table {
  overflow-x: scroll !important
}

#menu {
  padding: 20px;
  transition: all 0.8s;
  margin-bottom: 20%
}

.navbar-brand>img {
  width: 150px
}

#menu.navbar-light.navbar-nav>li>a {
  color: #f6f6f6;
  font-weight: 500
}

#menu.navbar-light.navbar-nav>li>a:hover {
  color: #007bff
}

.on {
  background-color: #fff !important;
  padding: 0 !important
}

.navbar-light.navbar-nav>.active>a,
.navbar-light.navbar-nav>.active>a:hover,
.navbar-light.navbar-nav>.active>a:focus {
  color: #fc9100 !important;
  background-color: transparent
}

.navbar-toggler {
  border-radius: 5px
}

.navbar-light.navbar-toggler:hover,
.navbar-light.navbar-toggler:focus {
  background-color: #fff;
  border-color: #ca6200;
  border-radius: 5px
}

.navbar-light.navbar-toggler:hover>.icon-bar {
  background-color: #ddd
}

.nav-divider {
  border: 1px solid #FFF
}

.lynkli-section {
  border: 1px solid #ddd;
  border-radius: 5px
}

.lynkli_heading {
  text-align: center
}

.lynkli_heading>p:nth-child(1) {
  margin: 5px;
  font-size: 2rem
}

.shrtn-btn {
  width: 100%
}

.lynkli-logo-cntr>a>img {
  width: 170px;
  margin: 20px auto
}

.submit_button {
  width: 100%;
  border-radius: 20px
}

.lynkli-form {
  border: 1px solid #ddd;
  border-radius: 5px
}

.valid {
  color: green
}

.valid:before {
  position: relative;
  left: -7px;
  content: "✔"
}

.invalid {
  color: red
}

.invalid:before {
  position: relative;
  left: -7px;
  content: "✖"
}

.invalid {
  margin-left: 30px
}

.code_resend {}

.dialog {
  width: 100px;
  height: 100px;
  top: 10%;
  margin-left: 35%;
  background: #FFF;
  border-radius: 80px;
  overflow: hidden;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1)
}

.dialog-content {
  text-align: center;
  padding: 20px
}

#m-check-mark {
  margin-top: 10px;
  width: 60px;
  height: auto;
  color: #7E9C30 !important;
  display: inline
}

#checkmark {
  stroke-dasharray: 640;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: draw-around 1s 1;
  -ms-animation: draw-around 1s 1;
  animation: draw-around 1s 1
}

@-ms-keyframes draw-around {
  0% {
    stroke-dashoffset: 640
  }

  10% {
    stroke-dashoffset: 640
  }

  100% {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes draw-around {
  0% {
    stroke-dashoffset: 640
  }

  10% {
    stroke-dashoffset: 640
  }

  100% {
    stroke-dashoffset: 0
  }
}

@keyframes draw-around {
  0% {
    stroke-dashoffset: 640
  }

  10% {
    stroke-dashoffset: 640
  }

  100% {
    stroke-dashoffset: 0
  }
}

.cust-top {
  padding-top: 130px
}

.cust-down {
  padding-bottom: 50px
}

.admn_panel {
  margin-top: 20px
}

.user_urls {
  margin-top: 50px;
  font-family: 'Lato', sans-serif
}

.user_urls>.input-group>.input-group-prepend>.input-group-text {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400
}

.user_urls>.input-group>.form-control {
  text-align: center;
  font-weight: bold;
  color: #ff6003;
  background: #fff
}

.admin_search {
  margin-top: 25px
}

table {
  border: 1px solid #fff;
  border-radius: 5px
}

tr {
  border-bottom: 1px solid #fff
}

.td_lngurl {
  display: contents;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis
}

.td_lngurl:hover {
  width: 100%
}

.cust_tooltip {
  position: relative;
  display: inline-block
}

.cust_tooltip.tooltip_txt {
  visibility: hidden;
  width: 100%;
  background-color: #fff;
  color: #3e3e3e;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  width: 100%;
  margin-left: -60px
}

.cust_tooltip:hover.tooltip_txt {
  visibility: visible;
  width: 250% !important
}

.lng_url {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis
}

.lng_url:hover {
  overflow: visible
}

.lng_url+.tooltip>.tooltip-inner {
  background-color: #f00
}

td>a {
  color: #fff
}

.web_link {
  margin-left: 10px
}

.url-search>input {
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 20px;
  padding: 5px;
  padding-left: 20px
}

.record-list>select {
  padding: 5px;
  border-radius: 5px
}

.record-list>select>option {
  border-radius: 5px
}

#api-key {
  background: transparent !important
}

.custom-grapgh {
  background: #FFF;
  padding: 10px;
  border-radius: 5px
}

.admin-name-section {}

.admin-name {
  color: #ff4300;
  font-weight: 600
}

.admin-filter {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px
}

.admin-search-box {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}

.admin-content {
  background: #fff;
  padding: 10px;
  border-radius: 5px
}

.nav-pills>.nav-link {
  background: transparent !important
}

.nav-pills>.nav-link.active {
  color: #3e3e3e
}

.adv-count {
  font-size: 20px
}

.d-card {
  background: #fff !important;
  border-radius: 5px;
  padding: 0.5rem 0px;
}

.d-number {
  color: #436e4f
}

.d-heading {
  color: #f87829;
  padding-top: 5px
}

.admin-card {
  background: #fff;
  border-radius: 5px;
  padding: 10px
}

h2 {
  font-weight: bold;
  font-size: 2rem;
  color: #4b4b4b
}

h3 {
  font-size: 2rem;
  font-weight: 600
}

h4 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff
}

h5 {
  font-weight: 600;
  font-size: 1.2rem;
  color: #7e7e7e
}

.clr-one {
  color: #fd5f00
}

.sub-heading {
  color: #ddd;
  font-size: 1.2rem
}

.sec-heading:after {
  content: "";
  display: block;
  height: 10px;
  background-image: url('../../assets/images/Border.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 25px
}

.cust-p {
  font-size: 1.2rem
}

#menu {
  padding: 20px;
  transition: all 0.8s
}

.navbar-light.navbar-nav.nav-link {
  color: #3e3e3e
}

.navbar-light.navbar-nav.nav-link:hover {
  color: #ff6300
}

.navbar-brand>img {
  width: 150px
}

#menu.navbar-light.navbar-nav>li>a {
  color: #fff !important;
  font-weight: 500
}

#menu.navbar-light.navbar-nav>li>a:hover {
  color: #3e3e3e
}

.on {
  background-color: #ffffff !important;
  padding: 0 !important
}

.navbar-light.navbar-nav>.active>a,
.navbar-light.navbar-nav>.active>a:hover,
.navbar-light.navbar-nav>.active>a:focus {
  color: #fc9100 !important;
  background-color: transparent
}

.navbar-toggler {
  border-radius: 5px
}

.navbar-light.navbar-toggler:hover,
.navbar-light.navbar-toggler:focus {
  background-color: #fff;
  border-color: #0060ca;
  border-radius: 5px
}

.navbar-light.navbar-toggler:hover>.icon-bar {
  background-color: #ddd
}

@media only screen and(max-width:768px) {
  .navbar {}
}

header {}

.intro-text {
  position: relative;
  padding-top: 100px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 20px;
  margin-top: 120px
}

.shrtn-section {}

.fa {
  color: #fff
}

[data-toggle="collapse"] {
  content: "\f13a"
}

[data-toggle="collapse"].fa:before {
  content: "\f139"
}

[data-toggle="collapse"].collapsed.fa:before {
  content: "\f13a"
}

.adv-btn {
  background: #fff;
  color: #3e3e3e;
  text-align: left
}

.fa-ico {
  font-size: 1.5rem;
  font-weight: bold
}

.read-more>a {
  text-decoration: none
}

.read-more>a:hover {
  color: #fd5f00
}

.divider-two {
  background: #fff;
  padding: 25px 0px;
  margin-bottom: 25px;
  margin-top: 25px
}

.w-lynkli {
  margin-bottom: 25px
}

.lynk-cont-one:after {
  content: "";
  display: block;
  height: 100px;
  background-image: url('../../assets/images/border-two.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-top: 50px
}

.lynk-cont-two:after {
  content: "";
  display: block;
  height: 100px;
  background-image: url('../../assets/images/border-three.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-top: 50px
}

.why-lynkli {
  background: #fff;
  padding: 25px
}

.lynk-feture>img {
  padding: 2px;
  margin: 15px
}

.lynk-feture:hover {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 4px 2px 1px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.nav-pills>.nav-item {
  background: #fff;
  border-radius: 5px
}

.price-table>table {
  border: none;
  padding-bottom: 0px
}

.price-table>table>tr>td {
  border: none
}

.price-table {
  background: #fff;
  border-radius: 15px
}

.table-orange {
  background-color: #f46a38;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px
}

.table-gray {
  background: #585858;
  color: #f46a38;
  border-top: none
}

.table-black {
  background-color: #525252;
  color: #fff;
  font-weight: normal
}

.lynk-footer {
  background: #3e3e3e;
  height: 10%
}

.foo-info {
  padding-top: 16px
}

.foo-list {
  list-style-type: none
}

.foo-list>li {
  font-size: 12px;
  padding: 18px;
  color: #fff;
  float: right
}

.foo-list>li>a {
  text-decoration: none;
  color: #fff
}

.p-top {
  margin-top: 130px
}

.text-clrone {
  color: #ee6123
}

.medium-heading {
  font-size: 1.5rem;
  color: #ee6123
}

.small-heading {
  color: rgb(62, 156, 203);
  font-size: 1.2rem
}

.cookie-alert {
  margin-bottom: 0px;
  background-color: #68bfef;
  color: #FFF
}

.sticky-top {
  position: fixed !important;
  width: 100% !important;
  /* margin-left: -15px */
}

.mandatory {
  color: red;
  font-size: 13px
}

.lynkli_heading {
  margin-top: 50px;
  text-align: center
}

.lynkli_heading>p:nth-child(1) {
  margin: 5px;
  font-size: 2rem
}

.short_btn>button {
  padding: 5px 19px
}

.lynkli_adv-section {
  background: #fff;
  border-radius: 5px;
  padding: 10px
}

.btn-cust {
  width: 100% !important;
  border-radius: 5px;
  font-size: 1.2rem
}

.lynkli-logo-cntr>a>img {
  width: 170px;
  margin: 20px auto
}

.submit_button {
  width: 100%;
  border-radius: 20px
}

.valid {
  color: green
}

.valid:before {
  position: relative;
  left: -7px;
  content: "✔"
}

.invalid {
  color: red
}

.invalid:before {
  position: relative;
  left: -7px;
  content: "✖"
}

.invalid {
  margin-left: 30px
}

.code_resend {}

.dialog {
  width: 100px;
  height: 100px;
  top: 10%;
  margin-left: 35%;
  background: #FFF;
  border-radius: 80px;
  overflow: hidden;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1)
}

.dialog-content {
  text-align: center;
  padding: 20px
}

#m-check-mark {
  margin-top: 10px;
  width: 60px;
  height: auto;
  color: #7E9C30 !important;
  display: inline
}

#checkmark {
  stroke-dasharray: 640;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: draw-around 1s 1;
  -ms-animation: draw-around 1s 1;
  animation: draw-around 1s 1
}

@-ms-keyframes draw-around {
  0% {
    stroke-dashoffset: 640
  }

  10% {
    stroke-dashoffset: 640
  }

  100% {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes draw-around {
  0% {
    stroke-dashoffset: 640
  }

  10% {
    stroke-dashoffset: 640
  }

  100% {
    stroke-dashoffset: 0
  }
}

@keyframes draw-around {
  0% {
    stroke-dashoffset: 640
  }

  10% {
    stroke-dashoffset: 640
  }

  100% {
    stroke-dashoffset: 0
  }
}

.API-search-box {
  border-radius: 20px
}

.apikeys-body {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0
}

.references-card {
  border-radius: 5px
}

.heading>h4 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold
}

.sub-heading>h5 {
  color: #007bff;
  font-weight: bold;
  margin: 10px auto
}

.api-code {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  color: red
}

.sub-content {
  margin-left: 120px
}

.code-part>pre {
  background: #ddd;
  padding: 10px;
  color: #3e3e3e;
  border-radius: 5px;
  padding: 10px
}

#packages {
  margin: 28px 0 28px 0
}

.starter {
  text-align: center;
  padding: 5px 0;
  background-color: #525252;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.orange {
  text-align: center;
  padding: 5px 0;
  background-color: #585858;
  color: #f46a38
}

.plans {
  padding: 10px 10px;
  display: inline;
  text-align: center;
  transform: scale(1.1);
  transition: all.2s linear;
  margin-bottom: 14px
}

.orange {
  color: #f46a38
}

.orange-ordernow,
.star-list li {
  padding-top: 5px;
  padding-bottom: 5px
}

.pack-feactures {
  background: #fff;
  border-right: 1px solid #ddd !important
}

.pack-feactures>ul {
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px
}

.star-list li {
  background-color: #fff;
  list-style: none;
  font-size: 14px;
  border-bottom: #ebebeb solid 1px
}

.orange-ordernow {
  background-color: #f46a38;
  color: #FFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: -15px
}

.orange-ordernow a {
  color: #FFF;
  padding-left: 20px
}

.plans:hover {
  transform: scale(1.1);
  transition: all.2s linear
}

.price-table>table {
  border: none;
  padding-bottom: 0px
}

.price-table>table>tr>td {
  border: none
}

.price-table {
  background: #fff;
  border-radius: 15px
}

.table-orange {
  background-color: #f46a38;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px
}

.table-gray {
  background: #585858;
  color: #f46a38;
  border-top: none
}

.table-black {
  background-color: #525252;
  color: #fff;
  font-weight: normal
}

@media(max-width:767.98px) {
  .short_btn>button {
    margin: auto
  }
}

.cnt-remove {
  margin-top: -40px !important;
  margin-right: 15px !important
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #f15a24 !important;
  font-weight: bold;
}

.text-sm {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: #0060ca;
  cursor: pointer;
}

.c-pointer {
  cursor: pointer;
}

.btn-active {
  background: none;
}