@charset "UTF-8";
/**
*
*   smmlite.com
*   22.03.2021 17.02
*   Designed Smmlite
*   Developed by Smmlite
*   
*/

.modal-backdrop {
  z-index: -1;
  opacity: 0;
  background: transparent;
}

.marginn{margin-top:55px;}

.fs-quora{color:#b92b27;font-size: 17px;margin-right: 5px;}
.fs-heart{color:#9149f7;font-size: 17px;margin-right: 5px;}
.fs-Reddit{color:#ff4500;font-size: 17px;margin-right: 5px;}
.fs-Vkontakte{color:#2787f5;font-size: 17px;margin-right: 5px;}
.fs-yandex{color:#000;font-size: 17px;margin-right: 5px;}
.fs-Trustpilot{color:#0ab67b;font-size: 17px;margin-right: 5px;}
.fs-Datpiff{color:#000;font-size: 17px;margin-right: 5px;}
.fs-Reverbnation{color:#ed342a;font-size: 17px;margin-right: 5px;}
.fs-zomoto{border:none;width:104px;height:15px;padding:0px;}
.fs-Coub{color:#002eff;font-size: 17px;margin-right: 5px;}
.fs-Discord{color:#5560e9;font-size: 17px;margin-right: 5px;}
.fs-google{font-size: 17px;margin-right: 5px;}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-BlackItalic.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-Bold.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-Black.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-LightItalic.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-Light.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-Italic.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-Regular.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Hairline';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-HairlineItalic.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-HairlineItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Hairline';
  src: url("https://liketa.com/smmlite/assets/fonts/Lato-Hairline.woff2") format("woff2"), url("https://cdn.fastlaneseo.com/smmlite/assets/fonts/Lato-Hairline.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-family: 'Noto Serif', serif !important;
}


html, body {
  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
}

body {
  background-color: #F6F6F6;
  max-width: 100%;
  overflow-x: hidden;
}


body {
  background: #ffffff  !important;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 39%, #e5e5e5 100%) !important;
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 39%,#e5e5e5 100%) !important;
background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 39%,#e5e5e5 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ) !important;  
  font-family: 'Lato', sans-serif !important;
  overflow-x:hidden;
  min-height: 70%;
}


.table tr td
{
	 padding: 0.1rem 0.5rem !important;
}

.dp-nav
{
	 margin-bottom: 0px !important;
}
.dp-section
{
	padding: 12px 0 !important;
}

.card .c-body
{
	padding: 0px 0px !important;
}

.card
{
	margin-top: 6px;
}
.app-content {
  min-height: calc(100vh + 11.2vh);
  display: flex;
  flex-direction: column;
}




.hidden {
	display: none!important
}

.site-color {
  color: #14C4B4;
}

a.site-color {
  color: #14C4B4;
  text-decoration: none;
}

a.site-color:hover {
  color: #089388;
}

.btn {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
}

.btn.btn-primary {
  background: linear-gradient(263.32deg, #0F7ABC 2.03%, #1E9CEA 96.74%);
  border: transparent;
  color: #fff;
}

.btn.btn-green {
  background: linear-gradient(263.32deg, #14C4B4 2.03%, #22E4D3 96.74%);
  color: #fff;
}

.btn.btn-lg {
  padding: 18px 44px;
}

.btn.btn-block {
  width: 100%;
}

.btn.btn-sm {
  padding: 6px 18px;
  font-weight: 400;
  font-size: 13px;
}

main {
  max-width: 100%;
  overflow-x: hidden;
}

.header {
  top: 0px;
  z-index: 1029;
}

.header .navbar {
  padding: 4px 0 5px 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0px;
  left: 0px;
}

.header .navbar.bg-dark {
  background: #3e4e56 !important;
}

.header .navbar .navbar-brand {
  padding-bottom: .7rem;
}

.header.header-auth .navbar {
  padding: 0px !important;
}

.header.header-auth .navbar-toggler {
  margin: 10px 0;
}

.header.header-auth .navbar-dark .navbar-nav.right-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header.header-auth .navbar-dark .navbar-nav.right-nav .nav-item .nav-link {
  font-weight: 600;
}

.header.header-auth .navbar-dark .navbar-nav .nav-item {
  padding: 0px 0px;
}

.header.header-auth .navbar-dark .navbar-nav .nav-item.nav-balance {
  padding: 14px 0 17px 0;
}

.header.header-auth .navbar-dark .navbar-nav .nav-item.nav-balance .nav-link {
  background: #FFB645;
  border-radius: 10px;
  padding: 6px 9px;
}

.header.header-auth .navbar-dark .navbar-nav .nav-item.nav-balance + .nav-item > .nav-link::before {
  display: none;
}

.header.header-auth .navbar-dark .navbar-nav .nav-item + .nav-item > .nav-link::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

.header.header-auth .navbar-dark .navbar-nav .nav-link {
  font-weight: 400;
  padding: 21px 12px;
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #F7F7F7;
  -webkit-transition: .14s ease;
  transition: .14s ease;
}

.header.header-auth .navbar-dark .navbar-nav .nav-link:hover {
  background: #f8b85b;
}

.header.header-auth .navbar-dark .navbar-nav .nav-link.active {
  font-weight: 700;
  color: #fff;
  background: #14c4b4 !important
}

.header.header-auth .navbar-dark .navbar-nav .nav-link.active::after {
  content: '';
  bottom: 0px;
  width: 100%;
  height: 0px;
  background-color: #14C4B4;
  position: absolute;
  left: 0px;
}

.header.header-no-auth .navbar-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header.header-no-auth .navbar-dark .navbar-nav .nav-item {
  padding: 5px 10px;
}

.header.header-no-auth .navbar-dark .navbar-nav .nav-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #F7F7F7;
}

.page-head {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  color: #fff;
  background-image: url(https://liketa.com/smmlite/assets/images/home-bg.jpg);
}

.page-head .ph-content {
  padding: 100px 0;
}

.page-head h1.ph-title {
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
  letter-spacing: 1px;
}

.page-head .ph-p {
  font-size: 14px;
  margin-top: 20px;
  letter-spacing: .1px;
  line-height: 31px;
  color: #F7F7F7;
}

.card {
  border: none;
  border-radius: 10px;
}

.card .login-body {
  padding: 30px 26px;
  color: #2A353A;
}

.card .c-body {
  padding: 34px 26px;
  color: #2A353A;
}

.card.bottom-border {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 4px solid #14C4B4;
}

.card.bottom-border.bb-gray {
  border-color: #D0D5D8;
}

.form-label, .form-check-label {
  font-size: 14px;
  line-height: 18px;
  color: #2A353A;
  font-weight: 400;
  padding: 0 5px;
  margin-bottom: 6px;
}

.form-control {
  min-height: 52px;
  background: #F7F7F7;
  border: 1.5px solid #e2e2e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  border-radius: 10px;
}

.form-control:active, .form-control:focus {
  border-color: #42B0F4;
  -webkit-box-shadow: 0px 11px 30px -17px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 11px 30px -17px rgba(0, 0, 0, 0.1);
}

.fg-passwd {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #2A353A;
  text-decoration: none;
}

.fg-passwd:hover {
  text-decoration: underline;
  color: #000;
}

.duhacc {
  background: #2A353A;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #F7F7F7;
  font-weight: 700;
  padding: 20px 30px;
  letter-spacing: .4px;
}

.hp-section {
  padding: 100px 0;
}

.hp-first-title {
  text-align: center;
}

.hp-first-title h2 {
  font-size: 40px;
  line-height: 54px;
  color: #232D31;
  font-weight: 700;
}

.hp-first-title .hp-first-p {
  font-size: 19px;
  margin-top: 20px;
  line-height: 35px;
  color: #232D31;
}

.hp-first-content {
  padding-top: 30px;
}

.hp-first-content .hpfc-box {
  position: relative;
  border-radius: 14px;
  color: #fff;
  background-color: #333;
  overflow: hidden;
  margin: 15px 0;
}

.hp-first-content .hpfc-box::after {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  z-index: 1;
  background-image: url(https://liketa.com/smmlite/assets/icons/fingerprint.svg);
  background-size: 200% 200%;
  background-position: right right;
}

.hp-first-content .hpfc-box.h-skype {
  background: -webkit-gradient(linear, right top, left top, from(#14C4B4), to(#17B6A7)), #0F7ABC;
  background: linear-gradient(270deg, #14C4B4 0%, #17B6A7 100%), #0F7ABC;
}

.hp-first-content .hpfc-box.h-mail {
  background: -webkit-gradient(linear, right top, left top, from(#2A353A), to(#252F34)), #0F7ABC;
  background: linear-gradient(270deg, #2A353A 0%, #252F34 100%), #0F7ABC;
}

.hp-first-content .hpfc-box .hpfc-box-content {
  padding: 34px 40px;
  position: relative;
  z-index: 3;
}

.hp-first-content .hpfc-box .the-icon {
  height: 94px;
  width: 94px;
  border-radius: 50%;
  border: 4px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 50px;
}

.hp-first-content .hpfc-box h3 {
  font-size: 22.3664px;
  line-height: 31px;
  color: #F7F7F7;
  font-weight: 700;
}

.hp-first-content .hpfc-box .the-link {
  font-size: 19px;
  line-height: 31px;
  font-weight: 600;
  margin-bottom: 0px;
  text-decoration: none;
  color: #f7f7f7;
}

.hp-first-content .hpfc-box:hover .col-end a {
  -webkit-transform: scale(2);
          transform: scale(2);
}

.hp-first-content .hpfc-box .col-end {
  position: relative;
}

.hp-first-content .hpfc-box .col-end a {
  color: #fff;
  height: 50px;
  display: block;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: .14s ease;
  transition: .14s ease;
}

.hp-title {
  margin-bottom: 30px;
}

.hp-title h2 {
  font-size: 30px;
  line-height: 50px;
  color: #000000;
  font-weight: 800;
  margin-bottom: 0px;
}

.hp-p {
  font-size: 14px;
  line-height: 23px;
  color: #808080;
}

.hp-image-1 {
  width: 100%;
}

.hp-pro-title {
  margin-bottom: 30px;
  text-align: center;
}

.hp-pro-title h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
}

.hp-pro-boxes {
  padding: 30px 0 0 0;
}

.hp-pro-boxes .hp-pro-box {
  padding: auto 24px;
  min-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  position: relative;
}

.hp-pro-boxes .hp-pro-box:hover {
  -webkit-box-shadow: 0px 4px 100px rgba(100, 100, 100, 0.15);
          box-shadow: 0px 4px 100px rgba(100, 100, 100, 0.15);
}

.hp-pro-boxes .hp-pro-box .hp-pro-img {
  max-height: 50px;
  max-width: 100%;
}

.hp-pro-boxes .hp-pro-box.view-more h4 {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #444444;
  font-weight: 800;
}

.hp-pro-boxes .hp-pro-box.view-more::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0px;
  width: 100%;
  height: 6px;
  background: #14C5B5;
}

.hp-of-boxes {
  padding-top: 30px;
}

.hp-of-boxes .hp-of-box {
  background: #F7F7F7;
  -webkit-box-shadow: 0px 4px 90px rgba(100, 100, 100, 0.15);
          box-shadow: 0px 4px 90px rgba(100, 100, 100, 0.15);
  border-radius: 13px;
  padding: 24px;
  -webkit-transition: .24s ease;
  transition: .24s ease;
  margin: 10px 0;
}

.hp-of-boxes .hp-of-box:hover {
  background-color: #0F7ABC;
}

.hp-of-boxes .hp-of-box:hover .icon {
  color: #FFB645;
}

.hp-of-boxes .hp-of-box:hover .the-text {
  color: #f7f7f7;
}

.hp-of-boxes .hp-of-box .icon {
  font-size: 54px;
}

.hp-of-boxes .hp-of-box .the-text {
  font-size: 18px;
  padding-left: 30px;
  line-height: 31px;
  color: #232D31;
  margin-bottom: 0px;
  font-weight: 600;
}

.hp-spmet .hp-spmet-box {
  width: 100%;
  background-color: #1478B8;
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 15px 0;
}

.hp-spmet .hp-spmet-box:hover .hp-spmet-box-content {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}

.hp-spmet .hp-spmet-box .hp-spmet-fee {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  z-index: 1;
}

.hp-spmet .hp-spmet-box .hp-spmet-box-content {
  background-color: #fff;
  position: relative;
  z-index: 2;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.hp-somm {
  background: #F7F7F7;
  border: 1px solid #D2D2D2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 66px rgba(100, 100, 100, 0.15);
          box-shadow: 0px 3px 66px rgba(100, 100, 100, 0.15);
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
  color: #232D31;
  line-height: 23px;
  padding: 21px  44px;
  text-decoration: none !important;
  -webkit-transition: .14s ease;
  transition: .14s ease;
}

.hp-somm:hover {
  color: #fff;
  background-color: #1478B8;
  border-color: #1478B8;
}

.hp-2-image img {
  max-width: 100%;
}

.hp-wocs-content {
  padding-top: 40px;
}

#hpWocs .owl-stage-outer {
  overflow: visible;
}

#hpWocs .owl-stage .owl-item:nth-child(2n) .hp-wocs-box .hp-wocs-header {
  background: #16BAAB;
}

#hpWocs .owl-dots {
  margin-top: 40px;
}

#hpWocs .owl-dots .owl-dot span {
  width: 50px;
  -webkit-transition: .14s;
  transition: .14s;
  background: #D9D9D9;
}

#hpWocs .owl-dots .owl-dot.active span {
  width: 70px;
  background: #007BC1;
}

.hp-wocs-box {
  background-color: #fff;
  border-radius: 12px;
}

.hp-wocs-box .hp-wocs-header {
  background: #007BC1;
  padding: 17px 22px;
  color: #fff;
}

.hp-wocs-box .hp-wocs-header .hpw-avatar-cover {
  width: 90px;
  height: 90px;
  border: 3px solid #FFB645;
  border-radius: 50%;
  overflow: hidden;
}

.hp-wocs-box .hp-wocs-header .hpw-avatar-cover .hpw-avatar {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.hp-wocs-box .hp-wocs-header .hpw-name {
  font-size: 16px;
  line-height: 20px;
  color: #F7F7F7;
  font-weight: 700;
  margin-bottom: 6px;
}

.hp-wocs-box .hp-wocs-header .hpw-info {
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
}

.hp-wocs-box .hp-wocs-header .hpw-stars {
  font-size: 16px;
  line-height: 16px;
  color: #FFB645;
  letter-spacing: 2px;
}

.hp-wocs-box .hp-wocs-body {
  padding: 20px 30px;
}

.hp-wocs-box .hp-wocs-body .hpw-comment {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: -0.01em;
  color: #818181;
  font-style: italic;
}

.hpfs-outer {
  position: relative;
  padding-top: 22%;
  -webkit-transition: .24s ease;
  transition: .24s ease;
  margin: 15px 0;
}

.hpfs-outer:hover {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  z-index: 5;
}

.hpfs-box {
  background: #F7F7F7;
  -webkit-box-shadow: 0px 4px 100px rgba(100, 100, 100, 0.15);
          box-shadow: 0px 4px 100px rgba(100, 100, 100, 0.15);
  border-radius: 30px;
  padding: 30px;
}

.hpfs-box .hpw-name {
  font-size: 20px;
  line-height: 25px;
  color: #202020;
  font-weight: 700;
}

.hpfs-outer .hpfs-box .hpfs-title {
  font-size: 20px;
  line-height: 25px;
  color: #232D31;
  font-weight: 700;
}

.hpfs-box .hpfs-p {
  font-size: 14px;
  line-height: 25px;
  color: #A3A3A3;
  margin-top: 25px
}

.hpfs-box .hpfs-box-img {
  width: 70px;
  height: 70px;
  overflow: hidden;
}

.hpfs-outer .hpfs-box-img img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hp-topog-box {
  background: url(https://liketa.com/smmlite/assets/images/topog-bg.svg) no-repeat #007BC1;
  background-size: cover;
  background-position: center;
  border-radius: 26px;
  color: #fff;
  position: relative;
}

.hp-topog-box::after {
  content: '';
  position: absolute;
  width: 160px;
  height: 258px;
  background-image: url(https://liketa.com/smmlite/assets/icons/topog.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  -webkit-transform: rotate(-45deg) scale(1.7);
          transform: rotate(-45deg) scale(1.7);
  right: 10px;
  top: -70px;
}

.hp-topog-box .hp-topog-content {
  padding: 80px 70px;
}

.hp-topog-box .hp-topog-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
  color: #F7F7F7;
  margin-bottom: 30px;
}

.hp-topog-box .hp-topog-p {
  font-size: 15px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
}

.footer {
  background: #293236;
  margin-top: auto;
}

.footer .footer-top {
  padding: 30px 0px;
}

.footer .footer-logo {
  display: inline-block;
}

.footer .footer-logo .footer-logo-img {
  height: 24px;
}

.footer .footer-p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 25px;
  color: #FFFFFF;
  font-weight: 400;
}

.footer .footer-menu-title {
  position: relative;
  padding-bottom: 10px;
}

.footer .footer-menu-title::after {
  content: '';
  bottom: 0px;
  left: 0px;
  position: absolute;
  width: 50px;
  height: 2px;
  background: #14C4B4;
}

.footer .footer-menu-title h3 {
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  font-weight: 600;
}

.footer .foot-menu {
  padding: 0px;
  margin: 14px 0 0 0;
  list-style: none;
}

.footer .foot-menu li {
  display: block;
  padding: 6px 0;
}

.footer .foot-menu li a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  opacity: .5;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  color: #fff;
}

.footer .foot-menu li a:hover {
  opacity: 1;
}

.footer .footer-copy {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .copy-text {
  font-size: 14px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  padding: 30px 0 34px 0;
}

.dp-section {
  padding: 60px 0;
}

/** container rules  */
.container.container-sm {
  max-width: 650px;
}

.container.container-md {
  max-width: 950px;
}

.dp-social-title {
  top: 70px;
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 60px;
  padding: 20px 30px;
  border-radius: 8px;
  background: linear-gradient(263.32deg, #14C4B4 2.03%, #22E4D3 96.74%);
  margin-bottom: 20px;
}

.dp-social-title.dps-ig {
  background: radial-gradient(83.58% 763.31% at -16.81% 125.88%, #FFDD55 0%, #FFDD55 10%, #FF543E 50%, #C837AB 100%);
}

.dp-social-title.dps-ytb {
  background: linear-gradient(263.32deg, #FF1E1E 2.03%, #E32D2D 96.74%);
}

.dp-social-title.dps-fb {
  background: -webkit-gradient(linear, right top, left top, from(#138EFF), to(rgba(19, 142, 255, 0))), #0F7ABC;
  background: linear-gradient(270deg, #138EFF 0%, rgba(19, 142, 255, 0) 100%), #0F7ABC;
}

.dp-social-title img {
  max-height: 50px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.dp-social-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #2D393E;
  margin-bottom: 40px;
  padding: 0 6px;
}

.order-quantity {
  padding: 6px 10px;
  border: 1px solid #ededed;
  display: block;
  margin-bottom: 10px;
  border-radius: 10px;
  color: #555;
  font-size: 12px;
  font-weight: 400;
}

.table tr {
  vertical-align: middle;
}

.table tr td, .table tr th {
  padding: 1.5rem .5rem;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

.table tr th {
  color: 000000;
  background: #fff;
}

.table tr td {
  color: #383838;
  font-weight: 400;
  font-size: 13px;
}

.table th {
    font-weight: 400 !important;
}

.table tr td.services-title {
  padding: 20px 20px;
  background-color: #0F7ABC;
  color: #fff;
  line-height: 19px;
  font-size: 15px;
  font-weight: 400;
  border-bottom: none;
}

.table tr td a {
  text-decoration: none;
  color: #117EC2;
}

.dp-nav {
  margin-bottom: 30px;
}

.table.services-table td {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dp-nav > .row {
  margin: 0 -2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dp-nav > .row > * {
  padding: 0 2px;
}

.dp-nav .dp-nav-link {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  display: block;
  margin: 4px 0;
}

.dp-nav .dp-nav-link.active {
  background: #14C4B4;
  color: #fff;
}

.dp-nav .dp-nav-link:active, .dp-nav .dp-nav-link:focus {
  outline: 2px solid #1E9CEA;
}

.dp-nav .dp-nav-link .icon {
  margin-right: 6px;
}

.dp-nav .dp-nav-link:hover {
  background: #d2f5f2;
}

.dp-search {
  height: 60px;
  width: 100%;
  position: relative;
  background: #fff;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  outline: 3px solid transparent;
}

.dp-search.bg-light {
  background: #F4F4F4 !important;
}

.dp-search:focus-within {
  outline: 3px solid #1E9CEA;
}

.dp-search .dp-search-icon {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 8px;
  left: 8px;
  background: #14C4B4;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
}

.dp-search .dp-search-input {
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding-left: 80px;
  height: 60px;
  font-size: 14px;
  color: #555;
  background-color: transparent;
  font-weight: 700;
}

.dp-search .dp-search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.33);
}

.dp-search .dp-search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.33);
}

.dp-search .dp-search-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.33);
}

.dp-search .dp-search-input::placeholder {
  color: rgba(0, 0, 0, 0.33);
}

.dp-head {
  color: #14C4B4;
  padding: 0;
  text-align: left;
  margin: 0 -10px;
  margin-bottom: 15px;
}

.dp-head.dp-msg {
  margin-top: -20px;
  margin-bottom: 0px;
}

.dp-head h2 {
  padding: 0px;
  margin: 0;
  font-size: 15px;
  line-height: 26px;
  color: #14C4B4;
  font-weight: 700;
}

.dp-head > .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.dp-head .scm-title {
  font-size: 19px;
  line-height: 26px;
}

.dp-head .scm-time {
  font-size: 14px;
  line-height: 26px;
}

.custom-ul {
  margin: 0px;
  padding: 3px 0;
  list-style: none;
}

.custom-ul li {
  padding: 4px 0 4px 24px;
  position: relative;
  font-size: 13px;
  line-height: 20px;
  color: #555555;
}

.custom-ul li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  font-family: 'Font Awesome 5 Pro';
  font-size: 9px;
  font-weight: 600;
}

.dp-pba-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  color: #555555;
}

.dp-pba {
  padding: 2px 0;
  font-size: 14px;
  line-height: 30px;
  color: #555555;
}

.dp-pba .icon {
  margin-right: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #F93E3E;
}

.nav-custom-pills {
  margin: 0 -8px;
}

.nav-custom-pills > * {
  padding: 0 8px;
}

.nav-custom-pills .nav-link {
  padding: 12px 30px;
  border: 1px solid #DADADA;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #3F474D;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  margin: 4px 0;
}

.nav-custom-pills .nav-link.active {
  background: #117EC2;
  color: #fff;
  border-color: #117EC2;
}

.nav-custom-pills-2 {
  margin: 0 -8px;
}

.nav-custom-pills-2 > * {
  padding: 0 8px;
}

.nav-custom-pills-2 .nav-item:nth-child(1) .nav-link {
  border-color: #117EC2;
  color: #117EC2;
}

.nav-custom-pills-2 .nav-item:nth-child(1) .nav-link.active {
  background: #117EC2;
}

.nav-custom-pills-2 .nav-item:nth-child(2) .nav-link {
  border-color: #1CC2B0;
  color: #1CC2B0;
}

.nav-custom-pills-2 .nav-item:nth-child(2) .nav-link.active {
  background: #1CC2B0;
}

.nav-custom-pills-2 .nav-item:nth-child(3) .nav-link {
  border-color: #FF545E;
  color: #FF545E;
}

.nav-custom-pills-2 .nav-item:nth-child(3) .nav-link.active {
  background: #FF545E;
}

.nav-custom-pills-2 .nav-link {
  padding: 12px 30px;
  border: 3px solid;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  border-radius: 0;
  margin: 4px 0;
}

.nav-custom-pills-2 .nav-link.active {
  color: #fff !important;
}

.chat-body {
  max-height: 500px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px 0;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.chat-body:hover::-webkit-scrollbar {
  opacity: 1;
}

.chat-body::-webkit-scrollbar {
  width: 6px;
  opacity: 0;
  -webkit-transition: .14s ease;
  transition: .14s ease;
}

.chat-body::-webkit-scrollbar-track {
  border-radius: 2px;
  background: transparent;
}

.chat-body::-webkit-scrollbar-thumb {
  background: #e2e2e2;
  border-radius: 2px;
}

.chat-body::-webkit-scrollbar-thumb:hover {
  background: #c6c6c6;
}

.ticket-message-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -6px;
}

.ticket-message-block .tmb-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ticket-message-block.ticket-message-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.ticket-message-block.ticket-message-left .tmb-col {
  text-align: right;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.ticket-message-block.ticket-message-left .the-msg {
  margin-right: 0px;
}

.ticket-message-block.ticket-message-left .the-avatar {
  background: #FFB645;
}

.ticket-message-block.ticket-message-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.ticket-message-block > * {
  padding: 0 6px;
}

.ticket-message-block .the-avatar {
  width: 60px;
  height: 60px;
  background: #303030;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  margin-top: 6px;
  font-size: 30px;
}

.ticket-message-block .the-msg {
  background: #F5F5F5;
  border-radius: 20px 20px 20px 0px;
  font-size: 13px;
  line-height: 140%;
  color: #5C5C5C;
  padding: 12px 24px;
  max-width: calc(100% - 60px);
  min-width: 200px
}

.ticket-message-block .the-date {
  margin-top: 10px;
  font-size: 12px;
  line-height: 15px;
  color: #747886;
}

.chat-send {
  background: #F6F6F6;
  border-radius: 10px;
  padding: 10px 24px;
}

.chat-send > .row {
  min-height: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chat-send .cs-input {
  background: transparent;
  border: none;
  outline: none;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  width: 100%;
  height: 100%;
}

.pay-box {
  background: #14C45A;
  border-radius: 11px;
  padding: 20px 30px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 18px;
}

.pay-box.pb-danger {
  background: #FF3333;
}

.pb-title {
  color: #2A353A;
  font-size: 25px;
  font-weight: 35px;
  font-weight: 700;
}

.pb-item .pb-desc {
  font-size: 16px;
  line-height: 26px;
  color: #6D7C86;
}

a {
  color: #117EC2;
  text-decoration: none;
}

a:hover {
  color: #0b6ca9;
}

.pm-color {
  color: #E33E23;
}

.card-tos-body {
  font-size: 14px;
  line-height: 25px;
  color: #000000;
}

.card-tos-body h3 {
  font-size: 25px;
  line-height: 32px;
  color: #000000;
  font-weight: 700;
}

.card-tos-body h4 {
  font-size: 14px;
  line-height: 25px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 50px;
}

.card-tos-body .custom-ul {
  margin: 20px 0;
}

.card-tos-body .tos-end-box {
  margin: 0 -8px;
  padding: 24px;
  background: #F2F2F2;
  border-radius: 16px;
}

.subo-status {
  padding: 10px 14px;
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 6px;
  text-align: center;
}

.subo-status.subo-complete {
  background: #1CC2B0;
}

.subo-status.subo-paused {
  background: #4845FD;
}

.subo-status.subo-active {
  background: #1CC25E;
}

.subo-status.subo-expired {
  background: #BBBBBB;
}

.subo-status.subo-canceled {
  background: #FF2936;
}

.dyhq-box {
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(#138EFF), to(rgba(19, 142, 255, 0))), #0F7ABC;
  background: linear-gradient(270deg, #138EFF 0%, rgba(19, 142, 255, 0) 100%), #0F7ABC;
}

.dyhq-box .dyhq-box-content {
  padding: 40px 60px;
}

.dyhq-box h2, .dyhq-box a {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  line-height: 44px;
  display: block;
  padding: 20px 0;
}

.dyhq-box a:hover {
  opacity: .7;
}

.dropdown .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 350px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.dropdown .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown .dropdown-menu > li > a:hover {
  color: #185bdc;
}

.dropdown-menu {
  width: 100%;
  padding: 0;
  max-height: 43.6vh;
  overflow-y: scroll;
  border: none !important;
}

.register-boxes {
  margin-top: 30px;
  padding: 15px 0;
}

.register-boxes .register-box {
  margin-bottom: 30px;
  padding: 24px 30px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 100px rgba(100, 100, 100, 0.15);
          box-shadow: 0px 4px 100px rgba(100, 100, 100, 0.15);
  border-radius: 9px;
}

.register-boxes .register-box:nth-child(1) .icon {
  color: #FFB645;
}

.register-boxes .register-box:nth-child(2) .icon {
  color: #117EC2;
}

.register-boxes .register-box:nth-child(3) .icon {
  color: #16CABA;
}

.register-boxes .register-box .icon {
  font-size: 60px;
}

.register-boxes .register-box .the-title {
  font-size: 19px;
  line-height: 24px;
  color: #232D31;
  font-weight: 800;
}

.register-boxes .register-box .the-text {
  font-size: 14px;
  line-height: 25px;
  color: #929292;
  margin: 0;
}

pre {
	background: #F7F7F7;
    border: 1.5px solid #e2e2e2;	
	border-radius: 10px;
    padding: 10px
}

@media (min-width: 1070px) and (max-width: 1263px) {
  .header.header-auth .navbar-dark .navbar-nav .nav-link {
    padding: 21px 8px;
  }
}

@media (min-width: 980px) and (max-width: 1070px) {
  .header.header-auth .navbar-dark .navbar-nav .nav-link {
    padding: 21px 5px;
  }
}

@media (max-width: 575.98px) {
  .hp-section {
    padding: 60px 0 !important;
  }
}

@media (max-width: 767.98px) {
  .hp-section {
    padding: 80px 0;
  }
  .hp-topog-box::after {
    display: none;
  }
  .hp-first-content .hpfc-box .hpfc-box-content {
    padding: 24px 21px;
  }
  .hp-of-boxes .hp-of-box .the-text {
    padding-left: 0px;
  }
  .hp-of-boxes .hp-of-box {
    padding: 27px 23px;
    margin: 8px 0;
  }
}

@media (max-width: 991.98px) {
  .header.header-auth .navbar-dark .navbar-nav .nav-item + .nav-item > .nav-link::before {
    display: none;
  }
  .nav-custom-pills-2 {
    margin: 0 -4px;
  }
  .nav-custom-pills-2 > * {
    padding: 0 4px;
  }
  .hp-topog-box .hp-topog-content {
    padding: 48px 20px;
  }
}

.pagination {
  margin: 0;
  padding: 0;
  text-align: center
}
.pagination li {
  display: inline
}
.pagination li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  color: #202020;
  background: #d2f5f2;
  margin-right: 5px;
}

.pagination li a {
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s
    
}

.pagination li.active a {
  background-color: #14C4B4;
  color: #fff
}

.pagination li a:hover:not(.active) {
  background-color: #14C4B4;
} 

.dp-nav li:last-child {
    margin-left: auto;
}

@media only screen and (max-width: 780px) {
    

}

.smmspot-updates-item {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
  	font-size: 14px!important;
  	font-family: 'Lato', sans-serif !important
}

.smmspot-updates-item.card {
	border-radius: 0;
    margin-top: 0
}

.smmspot-updates-item h6 {
  	font-size: 14px!important;
  	font-family: 'Lato', sans-serif !important
}

.smmspot-update-action.p-max {
	color: #f1913c
}

.smmspot-update-action.p-max-y {
	color: #3c62f1
}

.smmspot-update-action.p-min {
	color: #4a5cf6
}

.smmspot-update-action.p-min-y {
	color: #cb4aff
}

.smmspot-update-action.p-up{
	color: #ff7543
}

.smmspot-update-action.p-down {
	color: #3ad89e
}

.smmspot-update-action.p-delete {
	color: #f93e3e
}

.smmspot-update-action.p-add {
	color: #14c4b4 
}

.dropdown-menu {
	width: 100%;
	padding: 0;
	max-height: 77.7vh;
	overflow-y: scroll;
	border: none!important;
}

.dropdown button {
	border: none!important
}

#order-sItem,
#order-cItem {
	white-space: inherit;
    padding: 3px 12px;
    font-weight: 500;
    font-size: 12px;
    background: #F7F7F7;
    border-bottom: 1px solid #ffffff!important;
    color: #000;
    text-align: left;
    width: 100%;
}

#order-sItem:hover,
#order-cItem:hover {
	background: #f3f3f3
}

#order-category,
#order-services {
	white-space: nowrap;
	text-overflow: ellipsis;
}

#order-category,
#order-services {
	width: 85%;
	overflow-x: hidden;
	position: absolute;
	line-height: 15px;
	height: 24px;
	font-size: 14px;
}

.dropdown button, .dropdown button:hover, .dropdown button:focus {
	background: #F7F7F7;
    border: 1.5px solid #e2e2e2!important;
	color: #000
}

.dropdown button:hover,
.dropdown button:focus {
	outline: none;
	box-shadow: none;
}

.dropdown .fab.fa-instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
	background-clip: text;
	font-size: 14px;
	padding: 2.4px;
	border-radius: 5px;
	color: #FFF;
	font-weight: lighter;
	margin-right: 10px;
}

.dropdown .fab.fa-facebook-square {
	background: #207eff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 18px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	border-radius: 5px;
	margin-right: 10px;
}

.dropdown .fab.fa-youtube {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-twitter {
	background: #1da1f2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-telegram-plane {
	background: #2b9fd2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-soundcloud {
	background: #ff5836;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-spotify {
	background: #62ffa2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-twitch {
	background: #e600ff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-pinterest-p {
	background: #ff5858;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fa.fa-music {
	background: #f8004d;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-tiktok {
	background: #f8004d;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fas.fa-globe {
	background: #1a1a1a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fas.fa-stream {
	background: #ccc;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-imdb {
	background: #f5de50;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-google-plus {
	background: #dd4b39;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-tumblr-square {
	background: #35465c;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-snapchat-square {
	background: #fffc00;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-discord {
	background: #7289da;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-vimeo {
	background: #1ab7ea;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}


.dropdown .fas.fa-star {
	background: #f5df2e;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fab.fa-linkedin-in {
	background: #0077b0;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}