#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(../../img/content/bg.jpg) no-repeat center center/cover;
  opacity: 0.85;
  z-index: 999999;
  transition: 0.7s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%;
}
#preloader:before {
  content: "";
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation-name: LoaderCicle;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#preloader:after {
  content: "";
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation-name: LoaderCicle;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0.7s;
}
@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  10% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  20% {
    width: 60px;
    height: 60px;
    opacity: 1;
  }
  30% {
    width: 90px;
    height: 90px;
    opacity: 1;
  }
  40% {
    width: 120px;
    height: 120px;
    opacity: 1;
  }
  50% {
    width: 150px;
    height: 150px;
    opacity: 1;
  }
  60% {
    width: 180px;
    height: 180px;
    opacity: 1;
  }
  70% {
    width: 210px;
    height: 210px;
    opacity: 1;
  }
  80% {
    width: 240px;
    height: 240px;
    opacity: 1;
  }
  90% {
    width: 270px;
    height: 270px;
    opacity: 0.1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}

.bg-animate{
  background-position:0 0;
  background-repeat:repeat-x;
  animation:animatedBackground 200s linear infinite
}

@keyframes animatedBackground{
  from{
    background-position:0 0
  }
  to{
    background-position:100% 0
  }
}

#exampleModal .money,
.dropdown-toggle {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: Floating3;
  animation-timing-function: ease-in-out;
}
@keyframes Floating3 {
  0% {
    transform: translate(0px, 0px);
    transform: scale(1);
  }
  65% {
    transform: translate(0px, 1px);
    transform: scale(1.03);
  }
  100% {
    transform: translate(0px, 0px);
    transform: scale(1);
  }
}
.butn {
  max-width: 705px;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 3px;
  letter-spacing: 0.5px;
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  display: inline-block;
  font-size: 21px;
  line-height: 26px;
  color: #121d33;
  font-weight: 700;
  position: relative;
  text-align: center;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;
  text-transform: capitalize;
  border-radius: 0;
  padding: 7px 11px !important;
}
.gallery .butn {
  letter-spacing: 1.4px !important;
  word-spacing: 1.4px !important;
  margin: 7px auto 11px !important;
  white-space: nowrap !important;
  padding: 9px !important;
  font-size: 21px !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) !important;
}

.butn img {
  width: 30px !important;
  height: 30px !important;
  margin: -10px 1px !important;
  opacity: 1 !important;
  border-radius: 50% !important;
}
.gallery .butn img {
  width: 28px !important;
  height: 28px !important;
  margin: 0px !important;
  margin-top: -2px !important;
  margin-right: 0px !important;
}

@media screen and (max-width: 766px) {
  .gallery .butn {
    padding: 11.5px !important;
    font-size: 22px !important;
  }

  .gallery.butn img {
    width: 28px !important;
    height: 28px !important;
  }

  .butn img {
    width: 30px !important;
    height: 30px !important;
  }
  .gallery .butn > img {
    width: 28px !important;
    height: 28px !important;
  }
}
  
@media screen and (max-width: 406px) {
  .gallery .butn {
    padding: 10px !important;
    font-size: 21.5px !important;
  }

  .butn img {
    width: 28px !important;
    height: 28px !important;
  }
  .gallery .butn > img {
    width: 26px !important;
    height: 26px !important;
  }
}

@media screen and (max-width: 380px) {
  .gallery .butn {
    padding: 9px !important;
    font-size: 21px !important;
  }

  .butn img {
    width: 26px !important;
    height: 26px !important;
  }
  .gallery .butn > img {
    width: 24px !important;
    height: 24px !important;
  }
}

.gallery .col-lg-3 {
  margin-bottom: 7px !important;
}

.butn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 1000%;
  z-index: -1;
  transform-origin: 0% 0%;
  transform: translateX(calc(20% - 14px)) translateY(10%) rotate(-45deg);
  transition: transform 0.7s;
}
.butn:hover:after {
  transform: translateY(10%) translateX(-20px) rotate(-45deg);
}
.butn.white {
  background: #fff;

  color: #121d33;
  padding: 7px 14px;
  font-weight: 700;
}
.butn:hover {
  border: 1.4px solid #121d33;
}
.pricing-list .butn:hover {
  border: 1.4px solid #fff;
}
.butn.white:hover {
  color: #fff;
}
.butn.white:after {
  background: #121d33;
}
.butn.in-cart {
  color: #121d33;
}
.butn.white.in-cart {
  border: 1.4px solid #121d33;
  color: #121d33;
}
.butn.in-cart:hover:after {
  background: #121d33;
  color: #fff;
}
.butn.in-cart:hover {
  background: #fff;
  color: #fff;
}
.butn.white.in-cart:hover:after {
  background: #fff;
  color: #121d33;
}
.butn.white.in-cart:hover {
  background: #121d33;
  border: 1.4px solid #121d33 !important;
  color: #121d33;
}
.rev_slider_wrapper .butn span {
  font-size: 14px !important;
  line-height: 24px !important;
  color: #fff;
  text-shadow: none;
}
.rev_slider_wrapper .butn.white span {
  color: #121d33;
}
.rev_slider_wrapper .butn.white:hover span {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .rev_slider .max-style {
    font-size: 60px !important;
    line-height: 70px !important;
  }
  .rev_slider .max-style span {
    font-size: 60px !important;
    line-height: 70px !important;
  }
}
@media screen and (max-width: 1023px) {
  .rev_slider .max-style {
    font-size: 45px !important;
    line-height: 50px !important;
  }
  .rev_slider .max-style span {
    font-size: 45px !important;
    line-height: 50px !important;
  }
}
@media screen and (max-width: 766px) {
  .rev_slider .max-style {
    font-size: 30px !important;
    line-height: normal !important;
  }
  .rev_slider .max-style span {
    font-size: 30px !important;
    line-height: normal !important;
  }
}
@media screen and (max-width: 479px) {
  .rev_slider .max-style {
    font-size: 20px !important;
    line-height: normal !important;
  }
  .rev_slider .max-style span {
    font-size: 20px !important;
    line-height: normal !important;
  }
}
.scroll-to-top {
  font-size: 28px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  border-width: 2.5px;
  box-shadow: 0 0 0 0.5px #fff;
  display: none;
  border-radius: 50%;
  width: 42.5px;
  height: 42.5px;
  line-height: 37px;
  z-index: 9999;
  outline: 0;
  background: white;
  cursor: pointer !important;
}
.scroll-to-top i {
  color: #121d33;
}
.scroll-to-top:hover {
  background: #fff;
  transform: scale(1.07);
}
.scroll-to-top:visited {
  text-decoration: none;
}
blink {
  font-weight: 600;
  padding: 6px;
  margin: 6px;
  font-size: 17px;
  letter-spacing: 1px !important;
  position: absolute;
  right: 6px;
  top: 6px;
  border-radius: 0;
  text-transform: uppercase;
}
.section-heading {
  margin: 10px 0;
  text-align: center;
}
.section-heading h4 {
  position: relative;
  padding-bottom: 7px;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  line-height: 140%;
  color: white;
}
#cd-time .section-heading h4 {
  margin-bottom: 0px;
}
.section-heading h4 img {
  width: 50px !important;
  height: 50px !important;
}
.section-heading h4:after {
  content: "";
  display: block;
  width: 200px;
  height: 3px;
  border-radius: 7px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1091px) {
  .section-heading p {
    padding-top: 10px;
    font-size: 14px;
  }
}


.border p:first-child {
  font-size: 35px;
  font-weight: 700;
  float: left;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 567px) {
  .border p:first-child {
    font-size: 31px;
  }
}
th {
  font-size: 19px;
  font-weight: 600;
}
select {
  width: auto;
  border-radius: 7px;
}
.modal-title {
  font-size: 20px;
  font-weight: 600;
  color: white;
  margin-bottom: 0;
  line-height: 1.5;
}
@-webkit-keyframes spinner-bordez {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-bordez {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-bordez {
  border-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-bordez 1s linear infinite;
  animation: spinner-bordez 1s linear infinite;
  padding: 0;
  margin-left: auto 3px !important;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow: hidden !important;
  font-family: "Montserrat", sans-serif;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 10000vh !important;
  overflow: hidden;
  outline: 0;
  background: rgba(0, 0, 0, 0.8) !important;
}
.modal-dialog {
  position: relative;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background: rgba(18, 29, 51, 0.7);
  background-clip: padding-box;
  border-radius: 0;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1.4px solid rgba(0, 0, 0, 0.05);
  color: #121d33;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 0;
  margin: 7px;
  border-radius: 50%;
}
.modal-body {
  position: relative;
  color: white !important;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1.4px solid rgba(0, 0, 0, 0.05);
  border-radius: 0 !important;
}
@media (min-width: 769px) and (max-width: 1091px) {
  .modal-dialog {
    max-width: 50vw;
    margin: 1.75rem auto;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .modal-dialog {
    max-width: 50vw;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1092px) {
  .modal-dialog {
    max-width: 32vw;
    margin: 1.75rem auto;
  }
}
.modal-body .form-group {
  margin: 12px auto !important;
}
.modal-body div p {
  justify-content: center;
  text-align: center !important;
  margin: 5px auto;
  font-size: 17px;
  font-weight: 600;
  padding: 5px 0;
  color: white !important;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: white !important;
}
.modal-body div:first-child p {
  border-top: none;
}
.modal-body div p:first-child {
  margin-top: 0 !important;
}
.account {
  border-left: none;
  border-right: none;
  border-top: none;
}
.form-control {
  background: white !important;
  text-align: center;
  color: #121d33 !important;
  font-weight: 600;
  font-size: 18px;
  margin: 2px 0;
  padding: 0;
  border-radius: 0;
}


#saveH4 {
  text-transform: uppercase !important; 
  margin: -5px 2px -3px !important;
  font-size: 28.5px !important;
  letter-spacing: 1.6px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
#saveH4::after {
  width: auto !important;
  opacity: 0.6 !important;
}

#ticketH4 {
  text-transform: uppercase !important; 
  margin: -5px 2px -3px !important;
  font-size: 28px !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.ticketH4::after {
  width: auto !important;
  opacity: 0.6 !important;
}

.border p:nth-child(9) {
  font-size: 15px;
}
@media (max-width: 576px) {
  .border p:nth-child(9) {
      font-size: 13px;
  }
}
.border p:nth-child(10) {
  font-size: 15px;
  display: block !important;
}
@media (max-width: 576px) {
  .border p:nth-child(10) {
    font-size: 14px;
    display: block !important;
  }
}
::-webkit-scrollbar {
  width: 7px;
  height: 10px;
}
@media screen and (max-width: 1092px) {
  ::-webkit-scrollbar {
    width: 7px;
    height: 10px;
  }
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.pricing-list {
  text-align: center;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 0;
  transition-duration: 0.3s;
  position: relative;
  overflow: hidden;
  border: 2px solid rgb(255, 255, 255, 0.15) !important;
}
.pricing-list.highlight {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) !important;
  padding: 0;
}

.pricing-list:hover {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: Floating4;
  animation-timing-function: ease-in-out;
  z-index: 10000;
  transform: scale(1.02) !important;
}

.pricing-list h2.text-white,
.pricing-list h2 {
  font-weight: 700;
  letter-spacing: 1.4px;
  font-size: 34px;
  float: left;
  margin: 0;
  padding: 0;
}
.pricing-list ul {
  margin: 0;
  padding: 0;
  clear: both;
}
.pricing-list button {
  font-size: 17px;
}
.pricing-list ul li {
  font-size: 17.5px;
  white-space: nowrap !important;
  font-weight: 500;
  padding: 7px 0;
}
.pricing-list ul li:nth-child(6) {
  font-size: 16px !important;
}
.pricing-list ul li:nth-child(1) {
  font-size: 15.5px !important;
  white-space: nowrap !important;
  overflow-x: scroll !important;
}
.pricing-list ul li:nth-child(1)::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
.pricing-list ul li:nth-child(1)::-webkit-scrollbar-track {
  background: transparent;
}
.website p {
  overflow-x: scroll !important;
  white-space: nowrap !important;
}
.website p::-webkit-scrollbar {
  height: 4px;
}
@media screen and (max-width: 769px) {
  .pricing-list {
    margin: 6px -3px;
  }
  .pricing-list h2,
  .pricing-list h2.text-white {
    font-size: 37px;
    letter-spacing: 1.5px !important;
  }
  .pricing-list ul li {
    font-size: 17.5px;
    padding: 6px 0;
  }
  .pricing-list ul li:nth-child(6) {
    font-size: 16.5px !important;
  }
  .pricing-list ul li:nth-child(1) {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 420px) {
  .pricing-list {
    margin: 5px -3px;
  }
  .pricing-list h2,
  .pricing-list h2.text-white {
    font-size: 36px;
    letter-spacing: 1.4px !important;
  }
  .pricing-list ul li {
    font-size: 17px;
    padding: 5.5px 0;
  }
  .pricing-list ul li:nth-child(6) {
    font-size: 16px !important;
  }
  .pricing-list ul li:nth-child(1) {
    font-size: 15.5px !important;
  }
}
@media (max-width: 400px) {
  .pricing-list h2,
  .pricing-list h2.text-white {
    font-size: 34px;
    letter-spacing: 1.3px !important;
  }
  .pricing-list ul li {
    font-size: 16px;
    padding: 5px 0;
  }
  .pricing-list ul li:nth-child(6) {
    font-size: 15px !important;
  }
  .pricing-list ul li:nth-child(1) {
    font-size: 14.5px !important;
  }
}

@media (max-width: 380px) {
  .pricing-list h2,
  .pricing-list h2.text-white {
    font-size: 31px;
  }
  .pricing-list ul li {
    font-size: 15.5px;
    padding: 4px 0;
  }
  .pricing-list ul li:nth-child(6) {
    font-size: 14.5px !important;
  }
  .pricing-list ul li:nth-child(1) {
    font-size: 14px !important;
  }
}

.borderp {
  margin-top: 3px !important;
  margin-right: 1px !important;
  border-radius: 2px !important;
  width: 40px !important;
  float: right;
}
@media screen and (max-width: 500px) {
  .borderp {
    width: 41px !important;
  }
}
@media screen and (max-width: 420px) {
  .borderp {
    width: 40px !important;
  }
}

@media screen and (max-width: 400px) {
  .borderp {
    width: 38px !important;
  }
}
.pricing-list ul li:after {
  content: "";
  display: block;
  width: 97%;
  height: 1px;
  margin: 1.4% auto;
}
.pricing-list.highlight button {
  background: #fff !important;
}
.pricing-list.highlight button:hover {
  border: 1.4px solid #fff !important;
  color: #fff !important;
}
.header-style2 {
  background: transparent;
}
.btn-link {
  font-weight: 600;
  font-size: 18px !important;
}
@media screen and (max-width: 567px) {
  .btn-link {
    font-size: 17px !important;
  }
}
.border p:first-child::after {
  content: "";
  display: none;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 3px auto 0;
}


td {
  font-size: 17.4px !important;
  line-height: 44px !important;
  color: #121d33;
  font-weight: 500 !important;
}

@media screen and (max-width: 508px) {
  td {
    font-size: 17.9px !important;
    line-height: 48px !important;
  }
}

@media screen and (max-width: 420px) {
  td {
    font-size: 17.8px !important;
    line-height: 46px !important;
  }
}

@media screen and (max-width: 408px) {
  td {
    font-size: 17.7px !important;
    line-height: 44px !important;
  }
}



#escoz-3 {
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  color: rgba(18, 29, 51, 1) !important;
}

#escoz {
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 21.5px;
  color: rgba(18, 29, 51, 1) !important;
}

#pablos {
  height: 35px !important;
  box-shadow: 0 0 0 1.9px #49c0d0 !important;
  margin: 10px 0 !important;
}
.progress {
  background: rgba(255, 255, 255, 0.7) !important;
  border-right: none !important;
}
#progress {
  margin: 10px 0 !important;
}

#modalsend {
  margin-top: 7px;
  border-radius: 0;
}
#modalsend .modal-body {
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  #modalsend {
    margin-top: 0;
  }
}
.champez3 tr,
.champez1 tr,
.champez tr {
  background: #ffeeba !important;
  border-color: #ffdf7e !important;
}


#discountz {
  padding: 0;
  margin: 3px auto -3px !important;
  border-bottom: none;
}
#modal-amount {
  font-size: 33px !important;
  margin: 7px 10px !important;
  letter-spacing: 1px !important;
  word-spacing: 3px !important;
  font-weight: 700;
  display: flex;
  text-align: center;
  color: white !important;
}
#bitcoin-logo {
  margin: 10px;
}
#bitcoin-logo img {
  width: 47px !important;
  height: 47px !important;
  border-radius: 50% !important;
}

@media (max-width: 576px) {
  #bitcoin-logo {
    margin: 10px;
  }
  #bitcoin-logo img {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
  }
}

#bitcoin-logo2 {
  margin: -10px 0px !important;
  border-radius: 0 !important;
}
#bitcoin-logo2 img {
  width: 64px !important;
  height: 64px !important;
}
#omanyala {
  margin-left: 3px !important;
  font-weight: 700;
  display: flex;
  text-align: center;
  color: white !important;
}
.bankof {
  padding: 7px 2px !important;
}


@media (max-width: 576px) {
  #modal-amount {
    font-size: 39px !important;
    letter-spacing: 2px !important;
    margin: 12px 14px !important;
  }

  #bitcoin-logo2 {
    margin: 1px 0px !important;
  }
  #bitcoin-logo2 img {
    width: 64px !important;
    height: 64px !important;
  }
}


@media (max-width: 420px) {
  #modal-amount {
    font-size: 38px !important;
    letter-spacing: 2px !important;
    margin: 12px 12px !important;
  }

  #bitcoin-logo2 {
    margin: 0px 0px !important;
  }
  #bitcoin-logo2 img {
    width: 62px !important;
    height: 62px !important;
  }
}

@media (max-width: 406px) {
  #modal-amount {
    font-size: 37px !important;
    letter-spacing: 2px !important;
    margin: 10px 12px !important;
  }

  #bitcoin-logo2 {
    margin: -1px 0px !important;
  }
  #bitcoin-logo2 img {
    width: 60px !important;
    height: 60px !important;
  }
}


#invoice-header {
  padding: 0;
  justify-content: center;
}
#invoice-body {
  padding: 0;
  margin: 0;
}
#invoice-body-div {
  display: flex;
  justify-content: center;
  margin: 5px 0;
}

#text-to-copy {
  color: #121d33;
  font-size: 19px !important;
  font-weight: 700;
  width: 65%;
  padding: 10px 7px !important;
  border-radius: 0;
  margin: 0 1%;
  background: white;
  box-shadow:  0 0 0 1.1px rgb(255 , 255, 255, 1) !important;
}
#copy-text {
  width: 33%;
  z-index: auto !important;
  padding: 5px !important;
  color: #121d33 !important;
  margin: 0 1% !important;
  text-align: center;
  font-weight: 700 !important;
  white-space: nowrap !important;
  font-size: 18px !important;
}
@media (max-width: 576px) {
  #text-to-copy {
    width: 70%;
    padding: 20px 10px !important;
    font-size: 20px !important;
  }
  #copy-text {
    width: 25%;
    font-size: 19px !important;
  }
}
@media (max-width: 390px) {
  #text-to-copy {
    width: 68%;
  }
  #copy-text {
    width: 29%;
  }
}
#invoice-footer {
  margin: 0;
  padding: 5px 0;
}

#invoice-col {
  margin: 0 auto !important;
  z-index: 1 !important;
  padding: 4px;
}


@media (max-width: 769px) {
  .modal-body {
    background: transparent !important;
  }
}
#example1 {
  font-weight: 600;
  padding: 0;
  margin: 0;
}
#example1 .table-primary {
  text-transform: uppercase;
}




#example1 td {
  font-size: 17.4px !important;
  line-height: 47px !important;
}
#example1 tr:last-child td {
  padding-bottom: 42px !important;
}
@media (max-width: 769px) {
  #example1 td {
    font-size: 17.9px !important;
    line-height: 47px !important;
  }
  #example1 tr:last-child td {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 409px) {
  #example1 td {
    font-size: 17.8px !important;
    line-height: 43px !important;
  }
  #example1 tr:last-child td {
    padding-bottom: 12px !important;
  }
}





#example1 {
  border-bottom: 1.4px solid rgb(255 , 255, 255, 0.5) !important;
}
#table-profile {
  padding: 7px 0;
  margin: 0;
  background: transparent !important;
}
#table-profile .dataTables_wrapper .dataTables_paginate,
#table-profile .dataTables_wrapper .dataTables_info {
  color: white;
}
#table-profile .dataTables_wrapper .dataTables_length,
#table-profile .dataTables_wrapper .dataTables_filter {
  color: white !important;
}
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
#theno1 {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  color: white;
  word-spacing: 2px !important;
  letter-spacing: 1.4px !important;
  white-space: nowrap !important;
  margin: 5px 10px !important;
}
@media (min-width: 1370px) {
  #theno1 {
    font-weight: 700;
    font-size: 32px;
    color: white;
  }
}
@media (max-width: 576px) {
  #theno1 {
    font-size: 32px;
    letter-spacing: 2px !important;
    margin: 10px 7px !important;
  }
}
@media (max-width: 420px) {
  #theno1 {
    font-size: 30px;
    margin: 10px 5px !important;
    letter-spacing: 1.8px !important;
  }
}
@media (max-width: 374px) {
  #theno1 {
    font-size: 28px;
  }
}
.countup {
  font-weight: 700 !important;
  margin: 0 !important;
}
.margin-0-padding-0 {
  margin: 0 !important;
  padding: 0 !important;
}
#particles-js,
#particles-vs,
#particles-xs {
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}
.table-primary th {
  background: linear-gradient(to bottom, #fff 0%, #b8daff 50%) !important;
}
@media (max-width: 591px) {
  .table-primary th {
    padding: 10px 15px !important;

    text-align: center !important;
  }
  .table-primary .remove-th i {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (min-width: 592px) {
  .table-primary th {
    padding: 12px 17px !important;
    text-align: center !important;
  }
  .table-primary .remove-th i {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}


#showtoasts img,
#showtoasts i {
  margin-left: 7px !important;
  margin-right: 2px !important;
}


#showtoasts {
  text-transform: capitalize !important;
  font-size: 31px !important;
  padding: 16.5px 15.5px !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
  float: right !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  margin: 25px 50px !important;

  border: 2px solid rgb(18, 29, 51, 1) !important;
  box-shadow: 0 0 0 1.7px rgba(255, 255, 255, 0.8) !important;

  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: Floating7;
  animation-timing-function: ease-in-out;
}

#showtoasts img {
  width: 31px !important;
  height: 31px !important;
}





@media (max-width: 520px) {
  #showtoasts {
    font-size: 29.5px !important;
    padding: 16px 14px !important;

    float: right !important;
    margin: 24px 30px !important;
  }  

  #showtoasts img {
    width: 30px !important;
    height: 30px !important;
  }
}

@media (max-width: 420px) {
  #showtoasts {
    font-size: 29px !important;
    padding: 15.7px 13.7px !important;

    float: right !important;
    margin: 23px 30px !important;
  }  

  #showtoasts img {
    width: 29px !important;
    height: 29px !important;
  }
}


@media (max-width: 400px) {
  #showtoasts {
    font-size: 28px !important;
    padding: 15px 13px !important;

    float: right !important;
    margin: 22px 30px !important;
  }  

  #showtoasts img {
    width: 28px !important;
    height: 28px !important;
  }
}


#showtoasts img,
#showtoasts i {
  margin-left: 5px !important;
}






@keyframes Floating7 {
  0% {
    transform: translate(0px, 0px);
    transform: scale(1);
  }
  65% {
    transform: translate(0px, 1px);
    transform: scale(1.01);
  }
  100% {
    transform: translate(0px, 0px);
    transform: scale(1);
  }
}





.lesnar {
  padding: 0 !important;
  color: #121d33;
  font-size: 19px !important;
  text-transform: uppercase !important;
  font-weight: 700;
  float: right;
  width: 100% !important;
  cursor: pointer !important;
}
.thegold {
  display: flex !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  width: 100% !important;
}
.thegold img {
  height: 50px !important;
  width: 50px !important;
  margin-right: 20px !important;
  border: none !important;
}
.thegold a {
  box-shadow: 0 0 0 2px rgb(255 , 255, 255, 0.8) !important;
}
.thegold a.gold {
  letter-spacing: 2.2px !important;
}

.thegold {
  padding: 27px 13px !important;
}

.gold {
  color: #121d33;
  font-weight: 700;
  text-align: center !important;
  text-transform: uppercase !important;
  float: right;
  white-space: nowrap !important;
  width: 100% !important;
  cursor: pointer !important;
}
.gold:hover {
  color: #121d33 !important;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu li:last-child {
  border-bottom: none !important;
}
@media (min-width: 1092px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -165%;
    width: 252%;
  }
  .attr-nav {
    margin-right: 0 !important;
  }
  .thegold img {
    height: 55px !important;
    width: 55px !important;
    margin-right: 28px !important;
  }
  .thegold a {
    padding: 15px 0 !important;
    font-size: 21px !important;
    letter-spacing: 2px !important;
    word-spacing: 4px !important;
  }
}
@media (max-width: 1092px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -110%;
    width: 250%;
  }
  .attr-nav {
    margin-right: 60px !important;
  }
  .thegold {
    padding: 25px 12px !important;
    letter-spacing: 1px !important;
  }
}
@media (max-width: 892px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -160%;
    width: 310%;
  }
  .attr-nav {
    margin-right: 60px !important;
  }

  .thegold img {
    height: 55px !important;
    width: 55px !important;
    margin-right: 25px !important;
  }
  .thegold a {
    padding: 14px 0 !important;
    font-size: 20px !important;
    letter-spacing: 1.4px !important;
  }
}
@media (max-width: 792px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -120%;
    width: 267%;
  }
  .attr-nav {
    margin-right: 55px !important;
  }
}
@media (max-width: 526px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -130%;
    width: 260%;
  }

  .thegold img {
    height: 53px !important;
    width: 53px !important;
    margin-right: 18px !important;
  }
  .thegold a {
    padding: 15.5px 0 !important;
    font-size: 20.5px !important;
    letter-spacing: 1.4px !important;
    word-spacing: 4px !important;
  }
}
@media (max-width: 400px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -120%;
    width: 250%;
  }
  .thegold img {
    height: 51px !important;
    width: 51px !important;
    margin-right: 16px !important;
  }
  .thegold a {
    padding: 14px 0 !important;
    font-size: 20px !important;
  }
}

.icon {
  color: #fff !important;
  font-size: 25px !important;
}

#exampleModal .modal-dialog {
  top: 7vh !important;
}
@media screen and (min-width: 1370px) {
  #exampleModal .modal-dialog {
    top: 11vh !important;
  }
}
@media screen and (max-width: 1025px) {
  #exampleModal .modal-dialog {
    top: 20vh !important;
    max-width: 40vw !important;
  }
}
@media screen and (max-width: 825px) {
  #exampleModal .modal-dialog {
    top: 20vh !important;
    max-width: 50vw !important;
  }
}

@media screen and (max-width: 570px) {
  #exampleModal .modal-dialog {
    top: 15vh !important;
    max-width: 81vw !important;
  }
}
@media screen and (max-width: 420px) {
  #exampleModal .modal-dialog {
    top: 15vh !important;
    max-width: 84vw !important;
  }
}


@media screen and (max-width: 376px) {
  #exampleModal .modal-dialog {
    top: 15vh !important;
    max-width: 87vw !important;
  }
}
.navbar-header > div {
  display: grid;
  cursor: pointer !important;
}

#exampleModal .modal-dialog {
  background: transparent !important;
}

#exampleModal .modal-header {
  margin: 2px;
  padding: 0;
  border-bottom: none;
}

#exampleModal .modal-header img {
  width: 70px;
}

#exampleModal .modal-header h4.modal-title {
  font-weight: 600;
}

#exampleModal .modal-header .close img {
  width: 30px;
  opacity: 0.6;
  border-radius: 50%;
  opacity: 1 !important;
}

#exampleModal .modal-footer {
  margin: 4px;
  border-top: none;
  padding: 0;
}

#exampleModal .modal-body {
  margin: 0;
  padding: 0;
  background: transparent !important;
}

#exampleModal .modal-backdrop div p {
  background: transparent !important;
}

@media screen and (min-width: 1025px) {
  .modal-dialog,
  #exampleModal .modal-content {
    max-width: 28vw !important;
  }
}

@media screen and (min-width: 1370px) {
  .modal-dialog,
  #exampleModal .modal-content {
    max-width: 24.7vw !important;
  }
}

#invoice-footer,
#modalsend .brock {
  background: rgba(18, 29, 51, 0.5) !important;
}

#example2 tr td img {
  width: 50px !important;
  border-radius: 3px;
}

@keyframes Floating2 {
  0% {
    transform: translate(0px, 0px);
    transform: scale(1);
  }
  65% {
    transform: translate(0px, 1px);
    transform: scale(1.07);
  }
  100% {
    transform: translate(0px, 0px);
    transform: scale(1);
  }
}
#example1 tbody td:first-child img {
  width: 50px !important;
}
.tutorial-img {
  width: 70px !important;
}
.port {
  border-radius: 0;
  background: transparent;
}
.port:hover {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: Floating2;
  animation-timing-function: ease-in-out;
  z-index: 10000;
}
.port h4 {
  background: rgba(18, 29, 51, 0.5);
  text-align: center;
  border-radius: 2px !important;
  box-shadow: 0 0 0 0.7px rgba(255, 255, 255, 0.3) !important;
}
.port h4 a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 21.5px;
  letter-spacing: 0.85px !important;
  line-height: 37px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.port a img {
  width: 100% !important;
  height: 177px;
  box-shadow: 0 0 0 0.7px rgba(255, 255, 255, 0.7) !important;
}
.modal-img {
  display: none !important;
}
@media screen and (min-width: 1296px) {
  .port a img {
    height: 200px;
  }
  .port h4 a {
    font-size: 24px;
  }
}
@media screen and (max-width: 996px) {
  .port a img {
    height: 250px;
  }
  .port h4 a {
    font-size: 36px;
  }
}
@media screen and (max-width: 821px) {
  .port a img {
    height: 210px;
  }
  .port h4 a {
    font-size: 27px;
  }
}
@media screen and (max-width: 769px) {
  .port a img {
    height: 190px;
  }
  .port h4 a {
    font-size: 24px;
  }
}
@media screen and (max-width: 506px) {
  .port a img {
    height: 164px;
  }
  .port h4 a {
    font-size: 22px;
    line-height: 37px !important;
  }
}
@media screen and (max-width: 426px) {
  .port a img {
    height: 162px;
  }
  .port h4 a {
    font-size: 21.5px;
    line-height: 35px !important;
  }
}
@media screen and (max-width: 396px) {
  .port a img {
    height: 160px;
  }
  .port h4 a {
    font-size: 21px;
  }
}
@media screen and (max-width: 376px) {
  .port a img {
    height: 152px;
  }
  .port h4 a {
    font-size: 19px;
  }
}
@media screen and (max-width: 370px) {
  .port a img {
    height: 147px;
  }
  .port h4 a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1092px) {
  .nav-large {
    display: none;
  }
  .navbar {
    padding: 7px 0;
  }
}
@media screen and (min-width: 1092px) {
  .nav-small {
    display: none;
  }
  .navbar {
    padding: 0;
  }
}

@media screen and (max-width: 1350px) {
  .nav-larger {
    display: none;
  }
}

.navbar-nav > li.nav-larger,
.navbar-nav > li.nav-large {
  border-radius: 50% !important;
  margin: 7px 9px !important;
}  
.navbar-nav > li.nav-larger a,
.navbar-nav li.nav-large a {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
}
.nav-bank {
  background: url(../../img/carousel/bankofamerica.jpg) no-repeat center center/cover;
}
.nav-chase {
  background: url(../../img/carousel/chase.jpg) no-repeat center center/cover;
}
.nav-chime {
  background: url(../../img/carousel/chime.jpg) no-repeat center center/cover;
}
.nav-citi {
  background: url(../../img/carousel/citi.jpg) no-repeat center center/cover;
}
.nav-hunt {
  background: url(../../img/carousel/huntington.jpg) no-repeat center center/cover;
}
.nav-mt {
  background: url(../../img/carousel/mt.png) no-repeat center center/cover;
}
.nav-pnc {
  background: url(../../img/carousel/pnc.png) no-repeat center center/cover;
}
.nav-fed {
  background: url(../../img/carousel/navyfederal.png) no-repeat center center/cover;
}
.nav-truist {
  background: url(../../img/carousel/truist.jpg) no-repeat center center/cover;
}
.nav-rbc {
  background: url(../../img/carousel/rbc.png) no-repeat center center/cover;
}
.nav-wells {
  background: url(../../img/carousel/wellsfargo.png) no-repeat center center/cover;
}
.nav-wood {
  background: url(../../img/carousel/woodforest.jpg) no-repeat center center/cover;
}

.port .butn {
  background-color: rgba(18, 29, 51, 0.3) !important;
  color: #fff;
  border: none !important;
  padding: 5px !important;
  width: 100% !important;
  margin-bottom: -7px !important;
}
.filtering .butn,
.filtering .butn.white {
  cursor: pointer;
  font-size: 30px !important;
  letter-spacing: 1px !important;
  padding: 14px 10px !important;
  border-radius: 1.5px !important;
  margin: 0px 10px 20px !important;
  border-width: 2px !important;
  opacity: 0.9 !important;
}
.filtering .butn.white,
.filtering .butn {
  box-shadow: 0 0 0 1.7px rgba(255, 255, 255, 0.4) !important;
}


.filtering .butn span {
  font-weight: 700 !important;
}
@media screen and (max-width: 767px) {
  .filtering .butn,
  .filtering .butn.white {
    font-size: 21px !important;
    margin: -6px 4px 10px !important;
    padding: 11px 9px !important;
  }
}
.filtering .butn:hover {
  box-shadow: 0 1px 2px 0 #121d33;
  border: 1.4px solid rgba(255, 255, 255, 0.8);
  transform: scale(1.07);
  color: rgba(255, 255, 255, 0.8);
}
.filtering .butn:hover i {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.7s ease;
}
.filtering img {
  width: 37px !important;
  height: 37px !important;
  margin: -15px -1px -5px !important;
}
@media screen and (max-width: 390px) {
  .filtering .butn,
  .filtering .butn.white {
    font-size: 20px !important;
    letter-spacing: 1px !important;
    margin: -6px 4px 10px !important;
    padding: 10px 8px !important;
  }
  .filtering img {
    margin: -15px -5px -5px !important;
  }
}
@media screen and (max-width: 370px) {
  .filtering img {
    margin: -15px -7px -5px !important;
  }
}


.modal-body#first-modal {
  border-bottom: none !important;
  border-top: none !important;
  padding: 10px 1px !important;
  height: 87px !important; 
  text-align: center !important;
}

#logo.logo-50 {
  border-radius: 50% !important;
}

#thetot span {
  margin-left: 7px !important;
  font-weight: 700 !important;
}



::placeholder {
  color: rgba(255, 255, 255, 0.7);
}



.btn-cloze {
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  color: rgba(255, 0, 0, 0.7);
  background: red
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
      center/1em auto no-repeat;
  border: 1.4px solid rgba(135, 206, 235, 0.3);
  margin: 20px 10px !important;
  opacity: 0.5;
  padding: 3px;
}
.btn-cloze:hover {
  color: red;
  text-decoration: none;
  opacity: 1;
}
.btn-cloze:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(135, 206, 235, 0.3);
  opacity: 1;
}
.btn-cloze.btn-see {
  opacity: 0.54 !important;
}

.modal.modal-static .modal-dialog {
  animation: zaking 0.21s infinite;
}
@keyframes zaking {
  0% {
    transform: translateX(0);
    transform: translateY(0);
    transform: rotate(0deg);
  }
  10% {
    transform: translateX(0.2px);
    transform: translateY(0.2px);
    transform: rotate(0.2deg);
  }
  20% {
    transform: translateX(0.4px);
    transform: translateY(0.4px);
    transform: rotate(0.4deg);
  }
  30% {
    transform: translateX(0.6px);
    transform: translateY(0.6px);
    transform: rotate(0.6deg);
  }
  40% {
    transform: translateX(0.8px);
    transform: translateY(0.8px);
    transform: rotate(0.8deg);
  }
  50% {
    transform: translateX(1px);
    transform: translateY(1px);
    transform: rotate(1deg);
  }
  60% {
    transform: translateX(0.8px);
    transform: translateY(0.8px);
    transform: rotate(0.8deg);
  }
  70% {
    transform: translateX(0.6px);
    transform: translateX(0.6px);
    transform: rotate(0.6deg);
  }
  80% {
    transform: translateX(0.4px);
    transform: translateY(0.4px);
    transform: rotate(0.4deg);
  }
  90% {
    transform: translateX(0.2px);
    transform: translateY(0.2px);
    transform: rotate(0.2deg);
  }
  100% {
    transform: translateX(0px);
    transform: translateY(0px);
    transform: rotate(0deg);
  }
}
.wh {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 20px !important;
}
.wp {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 17px !important;
}
.bro {
  display: block !important;
  position: relative !important;
}
.bro-text {
  position: absolute !important;
  background: rgba(18, 29, 51, 0.8) !important;
  inset: 7px !important;
  opacity: 0.07 !important;
  transition-duration: 0.7s !important;
  border: 1.4px solid rgba(18, 29, 51, 1) !important;
  text-align: center !important;
}
.bro-text p {
  color: rgba(255, 255, 255, 1) !important;
  margin-top: 13px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}
.bro-text p:after {
  content: "" !important;
  display: block !important;
  width: 130px !important;
  height: 2px !important;
  margin: 7px auto 0 auto !important;
}
.bro:hover .bro-text {
  opacity: 1 !important;
}
@media screen and (max-width: 506px) {
  .bro-text p:after {
    margin: 3px auto !important;
  }
  .bro-text p {
    font-size: 17px !important;
    margin-top: 7px !important;
  }
}
.countdown {
  text-align: center;
  margin: 20vh auto;
  padding: 0;
}
ul.countdown li {
  border-right: 1.4px solid rgba(135, 206, 235, 0.7);
  display: inline-block;
  padding: 0 25px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1096px) {
  ul.countdown li {
    padding: 0 30px;
  }
  .countdown {
    text-align: center;
    margin: 13vh auto;
    padding: 0;
  }
}
ul.countdown li:last-child {
  border: medium none;
  padding-right: 0;
}
ul.countdown li span {
  font-size: 45px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
  position: relative;
}
ul.countdown li span::before {
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
ul.countdown li p {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 14px;
  }
  ul.countdown li span {
    font-size: 28px;
  }
}
.vpn-section {
  text-align: center !important;
  display: flex !important;
}
.vpn-section .butn#vpn {
  margin: 40px auto 60px !important;
  cursor: pointer;
  border: 2px solid rgb(18, 29, 51, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) !important;

  padding: 19px 16px !important;
  font-size: 31px !important;
  word-spacing: 4px !important;
  letter-spacing: 1.6px !important;
}
.butn#modem {
  border: 2px solid rgb(18, 29, 51, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) !important;
  font-size: 21px !important;
  padding: 10.5px !important;
  white-space: nowrap !important;
  letter-spacing: 1px !important;
  word-spacing: 2px !important;
  margin: 3px auto 10px !important;
}
#vpn img, #vpn i {
  margin-left: 7px !important;
  margin-right: 0px !important;
  border-radius: 2px !important;

  margin-top: -12px !important;
}

@media screen and (max-width: 867px) and (min-width: 767px) {
  .vpn-section .butn#vpn {
    margin: 100px auto !important;

    padding: 22px 19px !important;
    font-size: 35px !important;
    word-spacing: 1.2px !important;
    letter-spacing: 1.5px !important;

  }
}

@media screen and (max-width: 767px) {
  .vpn-section .butn#vpn {
    margin: 60px auto 140px !important;

    padding: 19px 16px !important;
    font-size: 31px !important;
    word-spacing: 1.4px !important;
    letter-spacing: 1.8px !important;

  }
}

@media screen and (max-width: 420px) {
  .vpn-section .butn#vpn {
    margin: 55px auto 130px !important;

    padding: 18.5px 15.5px !important;
    font-size: 30px !important;

  }
}

@media screen and (max-width: 407px) {
  .vpn-section .butn#vpn {
    margin: 50px auto 120px !important;

    padding: 18px 15px !important;
    font-size: 29px !important;

  }
}


@media screen and (max-width: 507px) {
  .butn#modem {
    font-size: 22px !important;
    padding: 11px !important;
  }

}

@media screen and (max-width: 427px) {
  .butn#modem {
    font-size: 21.5px !important;
    padding: 10.75px !important;
  }

}

@media screen and (max-width: 407px) {
  .butn#modem {
    font-size: 21px !important;
    padding: 10.5px !important;
  }

}



.butn.modal-btn {
  margin: 3vh 0 2vh;
  font-size: 24px;
  line-height: 35px;
  white-space: nowrap !important;
  padding: 10px 15px;
}
.modal-dialog .butn.modal-btn {
  padding: 6.5px 13px !important;
}

@media screen and (max-width: 390px) {
  .butn.modal-btn {
    font-size: 23px;
  }
}
@media screen and (max-width: 384px) {
  .butn.modal-btn {
    font-size: 22px;
  }
}
@media screen and (max-width: 376px) {
  .butn.modal-btn {
    font-size: 21px;
  }
}
@media screen and (max-width: 374px) {
  .butn.modal-btn {
    font-size: 20px;
  }
}
.butn.modal-btn img {
  width: 27px;
  border-radius: 4px;
}
.next {
  list-style: none;
  text-align: center !important;
}
.modal-p {
  font-size: 18.3px !important;
  font-weight: 500 !important;
  padding: 5px -5px !important;
  margin: 10px auto !important;
  line-height: 30px !important;
}
#usage-p {
  text-align: center !important;
  font-size: 21.5px !important;
  line-height: 65px !important;
}

#title-img {
  border-radius: 50% !important;
}
.modal-p span {
  color: yellow !important;
}

@media screen and (min-width: 1370px) {
  #usage-p {
    text-align: center !important;
    font-size: 22px !important;
    line-height: 70px !important;
  }
}
@media screen and (max-width: 500px) {
  .modal-p {
    font-size: 19px !important;
  }
  #usage-p {
    text-align: center !important;
    font-size: 21px !important;
    line-height: 64px !important;
  }
}
@media screen and (max-width: 400px) {
  .modal-p {
    font-size: 18px !important;
  }
  #usage-p {
    text-align: center !important;
    font-size: 20.5px !important;
    line-height: 60px !important;
  }
}


#usage-p {
  margin-bottom: -15px !important;
}






.thehr {
  opacity: 0.5 !important;
}
@media screen and (max-width: 396px) {
  .modal-p {
    font-size: 17.5px !important;
  }
}
@media screen and (max-width: 380px) {
  .modal-p {
    font-size: 17.3px !important;
  }
}
@media screen and (max-width: 374px) {
  .modal-p {
    font-size: 16.5px !important;
  }
}

.butn#copy-text img {
  width: 25px !important;
  border-radius: 0 !important;
  height: 25px !important;
}

.clients {
  background: transparent !important;
}
.clients img {
  opacity: 1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 50% !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.clients img:hover {
  opacity: 1;
}

@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
.toast {
  max-width: 330px;
  overflow: hidden;
  font-size: 17px;
  background-color: rgba(255, 255, 255, 0.8);
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  opacity: 0;
  border-radius: 5px !important;
  margin-top: 20px !important;
  margin-right: 20px !important;
}
.toast.anon {
  max-width: 345px !important;
}
.toast.anons {
  max-width: 350px !important;
}
.toast.large {
  max-width: 350px !important;
}

.toast hr {
  border-width: 2px !important;
}
.toast hr.to-hr {
  border: 1.4px solid lightgreen !important;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.8);
  background-clip: padding-box;
  border-bottom: 1.4px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
  padding: 0.75rem;
}
.toast-title {
  font-weight: 700;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-weight: 700;
  letter-spacing: 0.64px !important;
  font-size: 17.5px;
  line-height: 53px !important;
}
@media screen and (max-width: 502px) {
  .toast-message {
    font-weight: 0.5rem;
    font-size: 18px;
  }
  .toast {
    margin-top: 10px !important;
    margin-right: 10px !important;
  }
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  float: right !important;
  box-sizing: content-box;
  font-size: 40px !important;
  color: rgba(255, 0, 0, 0.7);
  background: #121d33
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
      center/1em auto no-repeat;
  margin: 0px !important;
  opacity: 0.6;
  padding: 3px;
}
@media screen and (max-width: 502px) {
  .toast-close-button {
    font-size: 37.5px !important;
  }
}


.toast-close-button:focus,
.toast-close-button:hover {
  color: red;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  height: 200% !important;
  background: rgba(0, 0, 0, 0.5) !important;
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  font-weight: 700;
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0;
  padding: 10px 10px 10px 50px;
  width: 300px;
  line-height: 40px !important;
  font-family: "Montserrat", sans-serif;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #fff;
  opacity: 0.97;
  filter: alpha(opacity=73);
  border-radius: 0;
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  box-shadow: 0 0 12px #000;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
  cursor: pointer;
}
#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-success {
  background-color: rgb(230, 251, 255);
  color: rgb(47, 115, 200);
  border-color: rgb(47, 115, 200);
  box-shadow: 0 5px 10px 1px rgba(47, 115, 200, 0.3);
}
#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: 10px;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 7px;
  border-radius: 0;
  background-color: rgb(128, 255, 128);
  border-right: 7px solid rgb(0, 155, 0);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
#toast-container > div:hover {
  box-shadow: none;
}


.bit-img {
  border-radius: 50% !important;
}



blink.nav-blink {
  top: 0px !important;
  right: 0px !important;
  z-index: 999 !important;
  font-size: 16px;
  position: absolute !important;
}


.hr15-bot {
  margin-bottom: 15px !important
}
.hr15-top {
  margin-top: 15px !important;
}
.hr25-top {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}



.logo-img {
  font-size: 40px;
  background: rgba(18, 29, 51, 0.8) !important;
  padding: 3px;
  border-right: none;
  border-radius: 50% 0 0 50%;
  cursor: pointer;
}
@media screen and (max-width: 567px) {
  .logo-img {
    font-size: 35px;
    padding: 3px;
    border-right: none;
    border-radius: 50% 0 0 50%;
    cursor: pointer;
  }
}


#style-switcher{
	right:-350px;
	position:fixed;
	top:70%;
	padding:30px 14px;
	width:350px;
	z-index:9999;
	background:#121d33;
	border-radius:0 !important
}
#style-switcher>div{
	float:left;
	width:100%
}
#style-switcher>div:last-child{
	margin-bottom:0
}
#style-switcher h2{
	color:#fff;
	font-size:20px;
	margin:-20px 0 21px;
	text-align:center;
	line-height:normal;
	text-transform:uppercase
}
 #style-switcher ul{
	margin:0;
	padding:0
}
#style-switcher.active{
	right:0
}
#style-switcher .switcher-setting{
	background:0 0;
	border-radius:0 !important;
	display:block;
	height:50px;
	position:absolute;
	right:350px;
	top:27%;
	width:50px
}
@media screen and (max-width:567px){
	#style-switcher{
		right:-87vw;
		width:87vw;
		padding:21px 10px
	}
	#style-switcher .switcher-setting{
		right:calc(87vw - 6px)
	}
	#style-switcher h2{
		color:#fff;
		font-size:17px;
		margin:-17px 0 21px;
		text-align:center;
		line-height:normal;
		text-transform:uppercase
	}
}
.colors{
	padding-left:7px
}
.colors{
	list-style:none;
	margin:0 0 10px;
	overflow:hidden
}
.colors li{
	float:left;
	margin-bottom:5px;
	padding-left:5px;
	text-align:center;
	width:12.46%
}
.colors li a{
	cursor:pointer;
	display:block;
	height:28px;
	width:28px
}
.style1{
	background:#86bc42
}
.style2{
	background:#03a9f5
}
.style3{
	background:#0073ad
}
.style4{
	background:#47588f
}
.style5{
	background:#fab702
}
.style6{
	background:#d0ad55
}
.style7{
	background:#49c0d0
}
.style8{
	background:#16a086
}
@media screen and (max-width:767px){
	#style-switcher{
		display:block
	}
}

.bord-50 {
  border-radius: 50% !important;
}

.bord-90 {
  border-radius: 5px !important;
}



@media (min-width: 1092px) {
  #profileModal .modal-dialog {
    min-width: 65vw;
    margin: 1.75rem auto;
  }
}
@media (max-width: 576px) {
  #profileModal .modal-header {
    margin: 0 auto !important;
    padding: 7px;
    text-align: center;
  }
}

@media (max-width: 769px) {
  #profileModal .modal-dialog {
    border: none !important;
  }
}
#profileModal .modal-body {
  margin: 0 !important;
  padding: 0 !important;
}
#profileModal {
  overflow-y: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
#profileModal .modal-dialog {
  top: 5vh;
  overflow-y: hidden !important;
  height: 100% !important;
}
#profileModal .modal-dialog .modal-content {
  max-height: 52% !important;
}
#profileModal .modal-dialog .modal-body {
  overflow-y: auto !important;
}
#profileModal .modal-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
@media screen and (max-width: 1025px) {
  #profileModal .modal-dialog {
    top: 17vh !important;
  }
  #profileModal .modal-dialog .modal-content {
    max-height: 35% !important;
  }
}
@media screen and (max-width: 821px) {
  #profileModal .modal-dialog {
    top: 17vh !important;
  }
  #profileModal .modal-dialog .modal-content {
    max-height: 35% !important;
  }
}
@media screen and (max-width: 769px) {
  #profileModal .modal-dialog {
    top: 14vh !important;
  }
  #profileModal .modal-dialog .modal-content {
    max-height: 35% !important;
  }
}
@media screen and (max-width: 570px) {
  #profileModal .modal-dialog {
    top: 10vh !important;
  }
  #profileModal .modal-dialog .modal-content {
    max-height: 45% !important;
  }
}
@media screen and (max-width: 370px) {
  #profileModal .modal-dialog {
    top: 8vh !important;
  }
  #profileModal .modal-dialog .modal-content {
    max-height: 45% !important;
  }
}
@media screen and (max-width: 570px) {
  #profileModal .modal-dialog {
    max-width: 96vw !important;
  }
}
#profileModal .modal-dialog {
  background: transparent !important;
}
#profileModal .modal-header {
  margin: 0 !important;
}



.butn.money {
  font-weight: 700;
  font-size: 25.5px !important;
  margin: 14.5px !important;
  padding: 14.5px !important;
  letter-spacing: 2px !important;
  color: #121d33;
  border-width: 1.6px !important;
  cursor: pointer !important;
  border: 2px solid rgb(18, 29, 51, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) !important;
}
.butn.money img {
  width: 34px !important;
  height: 34px !important;
  margin: -10px 1px -8px 3px !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

@media screen and (max-width: 570px) {
  .butn.money {
    font-weight: 700;
    font-size: 26px !important;
    margin: 16px !important;
    padding: 16px !important;
    color: #121d33;
  }
}

@media screen and (max-width: 400px) {
  .butn.money {
    font-weight: 700;
    font-size: 25px !important;
    margin: 15px !important;
    padding: 15px !important;
    color: #121d33;
  }
}


.therow.owl-carousel.owl-theme {
  margin-bottom: 0px !important;
}
.owl-dots {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}


button.butn.white.in-cart,
button.butn.in-cart,
#cartlength,
#copy-text,
.lesnar {
  background: linear-gradient(to bottom, #fff 10%, yellow 100%) !important;
}

#clients img {
  border: 2px solid rgb(46 111 130) !important;
  margin-bottom: 5px !important;
}

#clients {
  padding: 4px 0 !important;
  margin: 5px 0 !important;
  opacity: 0.8 !important;
}
@media screen and (min-width: 874px) {
  #clients {
    display: none !important;
  }
}

#logo {
  border-radius: 0px !important;
}


.dataTables_wrapper .dataTables_filter {
  margin: 10px 15px 5px !important;
  letter-spacing: 1.5px !important;
  word-spacing: 2px !important;
  font-size: 24px !important;
  white-space: nowrap !important;
}
.dataTables_wrapper .dataTables_length {
  display: none !important;
}


@media screen and (max-width: 1067px) {
  .dataTables_wrapper .dataTables_filter {
    display: flex !important;
    width: 60% !important;
    background: transparent !important;
  }

  .dataTables_wrapper .dataTables_filter input{
    width: 55% !important;
  }

  .dataTables_wrapper .dataTables_filter {
    margin: 1px 10px !important;
    letter-spacing: 1px !important;
    word-spacing: 1px !important;
    font-size: 23px !important;
    white-space: nowrap !important;
  }

  #profileModal .dataTables_wrapper .dataTables_filter {
    width: 70% !important;
  }
  #profileModal .dataTables_wrapper .dataTables_filter input {
    width: 60% !important;
  }
}

@media screen and (max-width: 520px) {
  .dataTables_wrapper .dataTables_filter {
    width: 65% !important;
    margin: 3px 13px !important;
  }
  .dataTables_wrapper .dataTables_filter input{
    width: 60% !important;
  }

  .dataTables_wrapper .dataTables_filter {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 420px) {
  .dataTables_wrapper .dataTables_filter {
    width: 65% !important;
    margin: 2px 15px !important;
  }
  .dataTables_wrapper .dataTables_filter input{
    width: 60% !important;
  }

  .dataTables_wrapper .dataTables_filter {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 407px) {
  .dataTables_wrapper .dataTables_filter {
    font-size: 23px !important;
  }
}


@media screen and (max-width: 380px) {
  .dataTables_wrapper .dataTables_filter {
    font-size: 22px !important;
  }
}


section .dataTables_wrapper .dataTables_paginate {
  display: block !important;
}

section .dataTables_wrapper .dataTables_paginate {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

@media screen and (max-width: 767px) {
  section .dataTables_wrapper .dataTables_paginate {
    text-align: center;
  }
  section .dataTables_wrapper .dataTables_paginate {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
}

hr#hr-t {
  margin-top: 15px !important;
}

.btn-remove {
  opacity: 0.6 !important;
}


.opacity-half-dark{
  background-color:rgba(0,0,0,.4);
  position:absolute;
  height:100%;
  width:100%;
  opacity:1;
  top:0;left:0;
}


.opacity-index-dark{
  background-color:rgba(0,0,0,.2);
  position:absolute;
  height:100%;
  width:100%;
  opacity:1;
  top:0;left:0;
}

.opacity-home-dark{
  background-color:rgba(0,0,0,.4);
  position:absolute;
  height:100%;
  width:100%;
  opacity:1;
  top:0;left:0;
}


#my-invoice span {
  font-weight: 600;
}
#my-invoice {
  margin: 3px !important;
  padding: 0px !important;
  background: rgb(19, 42, 60) !important;
  width: 100% !important;
}

span#in-span {
  color: rgb(139, 209, 68) !important;
}





.hesperiden.tp-bullets:before{
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:0 0;
	padding:10px;
	margin-left:-10px;
	margin-top:-10px;
	box-sizing:content-box;
	border-radius:7px
}
.hesperiden .tp-bullet{
	width:12px;
	height:12px;
	position:absolute;
	background:#999;
	background:-moz-linear-gradient(top,#999 0%,#e1e1e1 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#999),color-stop(100%,#e1e1e1));
	background:-webkit-linear-gradient(top,#999 0%,#e1e1e1 100%);
	background:-o-linear-gradient(top,#999 0%,#e1e1e1 100%);
	background:-ms-linear-gradient(top,#999 0%,#e1e1e1 100%);
	background:linear-gradient(to bottom,#999 0%,#e1e1e1 100%);
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#999999",endcolorstr="#e1e1e1",gradienttype=0);
	border:2.8px solid #e5e5e5;
	border-radius:0;
	cursor:pointer;
	box-sizing:content-box
}
 .hesperiden .tp-bullet:hover,.hesperiden .tp-bullet.selected{
	background:#666
}


hr#hr {
  opacity: 0.5 !important;
}
@media screen and (max-width: 867px) {
  hr#hr {
    margin-bottom: -5px !important;
  }
}


#voice-body-div {
  display: flex;
  justify-content: center;
  
  margin: 3px !important;
  background: rgba(255, 255, 255, 0.5) !important;
}
#voice-body-div p {
  font-weight: 500 !important;
}




#modal-check {
  border-radius: 0 !important;
  border-width: 1.4px !important;
}



#section-cash {
  opacity: 0.8 !important;
}
#section-cash h4 {
  letter-spacing: 1.6px !important;
}

@media screen and (max-width: 867px) {
  #section-cash h4 {
    font-size: 30px !important;
    letter-spacing: 1.5px !important;
  }
}


section #section-z {
  margin: 20px auto !important; 
  opacity: 0.5 !important;
}


section #section-y {
  margin: -10px auto 20px !important; 
  opacity: 0.3 !important;
}


.thecont{
  margin-top: 94px;
  margin-bottom: 0;
}



.fa-sync-alt {
  margin-left: 5px !important;
}
#example tr td img {
  width: 54px !important;
  border-radius: 3px;
}
  
td.burro {
  filter: blur(5px) !important;
}

#table-id0, 
#table-id1 {
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

#example tbody td:nth-child(2) hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  opacity: 0.5 !important;
}




#services-carousel {
  margin-bottom: 190px !important;
}

#services-carousel .owl-dots {
  margin-top: -140px !important;
}
#services-carousel .owl-nav {
  margin-top: 100px !important;
}

@media screen and (max-width: 867px) {
  #services-carousel {
    margin-bottom: 230px !important;
  }

  #services-carousel .owl-dots {
    margin-top: -150px !important;
  }
  #services-carousel .owl-nav {
    margin-top: 100px !important;
  }
}




#services-carousel .owl-nav button {
  width: 60px !important;
  height: 60px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  margin-left: 31px !important;
  margin-right: 31px !important;
}

#services-carousel .owl-nav button i {
  color: rgba(18, 29, 51, 0.9) !important;
  font-size: 31px !important;
}


#services-carousel .owl-nav button:hover {
  transform: scale(1.04) !important;
}