/*

Template: COINEX - قالب ارز دیجیتال و ترید HTML 
Author: farhamaghdasi.ir
Version: 4.1.1
Design and Developed by: farhamaghdasi.ir

*/

/*================================================
[  Table of contents  ]
================================================

==> Page loader
==> Back to Top
==> Gradient Color 
==> BG Effect
==> Particles
==> Background Overlay
==> Section Title
==> Wow
==> Buttons
==> jarallax
==> List Style
==> Header
==> Search
==> Owl Carousel Dot
==> Banner Stars
==> درباره ما
==> Features
==> Teams
==> Play Button
==> Blog
==> Need Help
==> Testimonial
==> Pricing
==> Breadcrumb Inner Page
==> Clients
==> به زودی می آییم 
==> به زودی می آییم 2
==> Faqs
==> Help
==> Event
==> 404 Error
==> Timeline
==> Footer
==> Footer 1
==> Footer 2
==> Footer 3
==> Footer 4
==> Footer 5
==> Footer 6
==> Quote Form
==> Counter
==> Contact 1
==> Contact 2
==> چگونه کار میکند ؟s
==> Download
==> Home- 5
==> Latest Blog Post
==> Blog Page
==> خرید و فروش
==> Home coin Effect
==> Screenshots
==> Rev Slider

======================================
[ End table content ]
======================================*/

/*---------------------------------------------------------------------
                                Page loader
-----------------------------------------------------------------------*/
#loading {
  background-color: var(--white);
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden !important;
  left: 0px;
  z-index: 999999;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center img {
  display: block;
  position: relative;
  right: 50%;
  top: 50%;
  width: 110px;
  -webkit-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}

/*---------------------------------------------------------------------
                               Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top {
  z-index: 999;
  position: fixed;
  margin: 0px;
  color: var(--white);
  background: var(--iq-loader-bg);
  position: fixed;
  bottom: 25px;
  left: 25px;
  z-index: 999;
  font-size: 26px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 90px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#back-to-top .top:hover {
  background: var(--iq-primary);
  color: var(--white);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------
                             BG Effect
-----------------------------------------------------------------------*/
.iq-bg {
  background-color: var(--iq-black);
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  position: relative;
  z-index: 0;
}

.iq-bg-fixed {
  background-color: var(--iq-black);
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  position: relative;
  z-index: 0;
  background-attachment: fixed !important;
}

/*---------------------------------------------------------------------
                             Particles
-----------------------------------------------------------------------*/
.particles-bg {
  position: relative;
  overflow: hidden;
}

.particles-bg #canvas {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
}

/*---------------------------------------------------------------------
                       Background Overlay
---------------------------------------------------------------------*/

/*---- Dark Overlay ----*/
.iq-over-dark-10:before {
  background: rgba(21, 29, 46, 0.1);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-20:before {
  background: rgba(21, 29, 46, 0.2);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-30:before {
  background: rgba(21, 29, 46, 0.3);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-40:before {
  background: rgba(21, 29, 46, 0.4);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-50:before {
  background: rgba(21, 29, 46, 0.5);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-60:before {
  background: rgba(21, 29, 46, 0.6);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-70:before {
  background: rgba(21, 29, 46, 0.7);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-80:before {
  background: rgba(21, 29, 46, 0.8);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-90:before {
  background: rgba(21, 29, 46, 0.9);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-dark-95:before {
  background: rgba(21, 29, 46, 0.95);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*---- yellow Overlay ----*/
.iq-over-yellow-10:before {
  background: rgba(249, 183, 7, 0.1);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-20:before {
  background: rgba(249, 183, 7, 0.2);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-30:before {
  background: rgba(249, 183, 7, 0.3);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-40:before {
  background: rgba(249, 183, 7, 0.4);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-50:before {
  background: rgba(249, 183, 7, 0.5);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-60:before {
  background: rgba(249, 183, 7, 0.6);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-70:before {
  background: rgba(249, 183, 7, 0.7);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-80:before {
  background: rgba(249, 183, 7, 0.8);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-90:before {
  background: rgba(249, 183, 7, 0.9);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-yellow-95:before {
  background: rgba(249, 183, 7, 0.95);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*---- Blak Overlay ----*/
.iq-over-black-10:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-20:before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-30:before {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-40:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-50:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-60:before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-70:before {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-80:before {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-90:before {
  background: rgba(0, 0, 0, 0.9);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iq-over-black-95:before {
  background: rgba(0, 0, 0, 0.95);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

[class*='iq-over-']:before {
  z-index: -1;
}

/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title {
  margin-bottom: 70px;
  text-align: center;
}

.heading-title .title {
  position: relative;
  padding-bottom: 15px;
}

.heading-title .title:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: -40px;
  width: 80px;
  height: 3px;
  background: var(--iq-primary);
  display: inline-block;
}

.heading-title p {
  padding: 0 100px;
  display: block;
}

.heading-title .title.white:before {
  background: var(--white);
}

.heading-title .title.dark:before {
  background: var(--iq-black);
}

/*Heading Left*/
.heading-left .title {
  position: relative;
  padding: 0 0 8px 0;
  margin: 0 0 25px 0;
}

.heading-left .title:before {
  position: absolute;
  content: "";
  right: 0;
  width: 50px;
  height: 3px;
  background: var(--iq-primary);
  bottom: 0;
}

/*---------------------------------------------------------------------
                                Wow
-----------------------------------------------------------------------*/
.wow:first-child {
  visibility: hidden;
}

/*---------------------------------------------------------------------
                                jarallax
---------------------------------------------------------------------*/
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax>.jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: 'object-fit:cover; ';
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*---------------------------------------------------------------------
                              List Style
----------------------------------------------------------------------*/
ul {
  padding: 0;
  margin: 0;
}

ul li:after {
  position: absolute;
  color: var(--iq-primary);
  content: "";
  font-family: 'FontAwesome';
  right: 0;
  top: 0;
}

/*************************************
           Listing Hand
**************************************/
ul.listing-hand {
  padding: 0;
  margin: 0;
}

ul.listing-hand li {
  position: relative;
  list-style-type: none;
  padding-right: 30px;
  font-size: 16px;
  line-height: 18px;
}

ul.listing-hand li:after {
  content: "\f10c";
  font-size: 18px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

ul.listing-hand li:hover:after {
  content: "\f058";
}

/*************************************
           Listing Mark
**************************************/
ul.listing-mark {
  padding: 0;
  margin: 0;
}

ul.listing-mark li {
  position: relative;
  list-style-type: none;
  padding-right: 40px;
  font-size: 16px;
  line-height: 18px;
  display: block;
}

ul.listing-mark li:after {
  content: "\f0a4";
  font-size: 22px
}

/*---------------------------------------------------------------------
                                Header
---------------------------------------------------------------------*/
header {
  display: inline-block;
  width: 100%;
  float: right;
  position: relative;
  z-index: 99;
  background: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

header .logo {
  display: inline-block;
  float: right;
  margin-top: 20px;
}

header .logo a {
  text-transform: uppercase;
  color: var(--iq-title-text);
  font-size: 30px;
}

header .logo a img {
  height: 40px;
}

header .iq-header nav {
  display: inline-block;
  float: left;
}

header .menu {
  display: inline-block;
  float: left;
  width: 100%;
}

header .iq-header {
  display: inline-block;
  width: 100%;
  float: right;
}

.menu li {
  display: inline-block;
  position: relative;
  float: right;
  line-height: normal;
}

/* .menu li:last-child a { padding-right: 0; } */
.menu li a {
  margin: 16px 0px;
  text-decoration: none;
  padding: 16px 24px;
  display: block;
  color: var(--iq-title-text);
  text-transform: uppercase;
  font-size: 16px;
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a,
.menu li a.active {
  color: var(--iq-primary);
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 250px;
  text-align: right;
  position: absolute;
  right: 0px;
  background: var(--white);
  z-index: 99;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.sub-menu li a i {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -8px;
}

.menu ul li a {
  margin: 0px;
  font-size: 14px;
  padding: 15px 15px;
  font-weight: normal;
  display: block;
  color: var(--iq-title-text);
  background: var(--white);
  line-height: normal;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: var(--iq-primary);
  color: var(--white);
}

.menu li:hover>ul {
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  right: 100%;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(-20px, 20px);
  transition: all 0.2s ease-out;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 0 0 17px 15px;
  font-size: 18px;
  color: var(--iq-dark);
  text-transform: uppercase;
}

.responsive-menu:hover {
  color: var(--iq-primary);
  text-decoration: none;
}

/*---- Header Sticky ----*/
header.menu-sticky .iq-header {
  background: var(--white);
  display: inline-block;
  width: 100%;
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

header.menu-sticky .logo a img {
  height: 30px;
}

header.menu-sticky .logo {
  margin-top: 30px;
}

header.menu-sticky .iq-header .menu li a {
  padding: 16px 24px;
}

header.menu-sticky .iq-header .menu li .sub-menu li a {
  line-height: normal;
  padding: 15px 15px;
}

header.menu-sticky .iq-search.search-open .search-box {
  top: 100% !important;
}

/*---- Header Topbar ----*/
.topbar {
  padding: 10px 0px;
  background: var(--iq-dark);
}

.topbar li {
  position: relative;
}

.topbar li,
.topbar li a {
  color: var(--white);
  line-height: initial;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.topbar .topbar-right li a:hover {
  color: var(--iq-primary);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.topbar .list-inline-item:not(:last-child) {
  border-left: 1px solid var(--white);
  padding-left: 15px;
  margin-left: 10px;
}

.topbar .list-inline-item a:hover {
  color: var(--iq-primary);
}

.topbar .list-inline-item i {
  padding-left: 8px;
}

.topbar .topbar-right .iq-left .list-inline-item {
  position: relative;
  border: none;
}

/*---- Header chart ----*/
.topbar-chart {
  background: var(--iq-dark);
  padding: 16px 0px;
}

.topbar-chart .ccc-header-v3 {
  background: none !important;
}

.topbar-chart .ccc-header-v3 .ccc-header-v3-price-value,
.topbar-chart .ccc-header-v3 .ccc-header-v3-price-name {
  color: var(--white) !important;
}

.topbar-chart.iq-chart {
  margin-top: -6px;
  direction: ltr;
}

.topbar-chart img.ccc-header-v3-price-logo {
  height: 30px !important;
  width: 30px !important;
}

.ccc-header-v3-ccc-price-container {
  margin-left: 32px;
}

/*---- Header transparent ----*/
header.transparent {
  background: transparent;
  position: fixed;
  display: inline-block;
  width: 100%;
}

header.transparent .logo a,
header.transparent .menu li a {
  color: var(--white);
}

header.transparent.menu-sticky {
  background: var(--iq-title-text);
  border-bottom: 1px solid var(--iq-title-text);
}

header.transparent .menu li ul li a {
  color: var(--iq-title-text);
}

header.transparent .menu li a:hover,
header.transparent .menu li:hover>a,
header.transparent .menu li a.active {
  color: var(--iq-primary);
}

header.transparent .menu ul li a:hover,
header.transparent .menu ul li:hover>a {
  background: var(--iq-primary);
  color: var(--white);
}

header.transparent .iq-header {
  display: inline-block;
  width: 100%;
  position: fixed;
  top: 45px;
  right: 0;
  padding: 0px 130px;
}

header.transparent.menu-sticky .iq-header {
  background: var(--iq-dark);
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

/*---- Header Topbar ----*/
header.transparent .topbar {
  background: transparent;
  padding: 10px 130px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*---- Header transparent ----*/
header.simpal-transparent {
  background: transparent;
  position: fixed;
  display: inline-block;
  width: 100%;
}

header.simpal-transparent .menu li a {
  color: var(--white);
}

header.simpal-transparent .menu li ul li a {
  color: var(--iq-title-text);
}

header.simpal-transparent .menu li a:hover,
header.simpal-transparent .menu li:hover>a,
header.simpal-transparent .menu li a.active {
  color: var(--iq-primary);
}

header.simpal-transparent .menu ul li a:hover,
header.simpal-transparent .menu ul li:hover>a {
  background: var(--iq-primary);
  color: var(--white);
}

header.simpal-transparent.menu-sticky .iq-header {
  background: var(--iq-dark);
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

/*---- Header simpal yellow ----*/
header.simpal-yellow {
  background: var(--white);
  display: inline-block;
  width: 100%;
}

header.simpal-yellow .topbar {
  background: var(--iq-primary);
}

header.simpal-yellow .topbar .topbar-right li a:hover {
  color: var(--iq-dark);
}

/*---- Header fancy ----*/
header.fancy {
  background: transparent;
  display: inline-block;
  width: 100%;
}

header.fancy .iq-header .row {
  background: var(--white);
  margin: 15px 100px 0;
  border-radius: 4px;
}

header.fancy .logo {
  margin-top: 24px;
}

header.fancy .logo a img {
  height: 35px;
}

header.fancy .menu li a {
  padding: 20px 25px;
}

header.fancy .menu li ul li a {
  padding: 15px 15px;
}

header.fancy .menu li:last-child a {
  padding-left: 0;
}

header.fancy.menu-sticky .iq-header {
  background: var(--white);
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

header.fancy.menu-sticky .iq-header .row {
  background: transparent;
  margin-top: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}


@media (max-width:992px) {

  .topbar li,
  .topbar li a {
    font-size: 14px;
  }

  header .logo a img {
    height: 30px;
  }

  header .logo,
  header.fancy .logo {
    margin-top: 10px;
  }

  .menu li a {
    padding: 18px 20px;
    font-size: 14px;
    margin: 0;
  }

  header.menu-sticky .menu li a {
    padding: 2px 25px 15px;
  }

  .iq-search.search-open .search-box {
    top: 55px !important;
  }

  header.menu-sticky .iq-header .menu li a {
    padding: 18px 20px;
  }

  header.menu-sticky .logo {
    margin-top: 10px;
  }

}

@media (max-width:979px) {}

@media (max-width:767px) {

  .topbar,
  .topbar .topbar-right.text-end {
    text-align: center !important;
  }

  header nav {
    text-align: left;
  }

  header .iq-header nav {
    display: block;
    float: none;
  }

  .topbar .topbar-right {
    margin-top: 5px;
  }

  header.menu-sticky {
    padding: 15px 0;
  }

  header .iq-header {
    padding: 15px 0;
  }

  header.menu-sticky .iq-header {
    padding: 10px 0;
  }

  header.menu-sticky .responsive-menu {
    padding: 0 0 12px 15px;
  }

  header .logo {
    margin-top: 0;
  }

  header.menu-sticky .logo {
    margin-top: 0px;
  }

  header .menu {
    display: none;
    text-align: right !important;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  header {
    position: relative;
  }

  .responsive-menu {
    display: block;
  }

  header .menu li {
    width: 100%;
    margin: 0;
  }

  header .menu li a {
    padding: 12px 21px;
  }

  header .iq-search {
    display: none;
  }

  .menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    right: 0;
    width: 100%;
    transform: none;
  }

  .menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    position: relative;
    background: var(--iq-menu-hover);
    transform: none;
  }

  .menu ul ul {
    right: 0;
    transform: none;
  }

  .menu li>ul ul:hover {
    transform: none;
  }

  .menu li:hover>ul li a {
    padding: 10px 32px
  }

  .topbar li,
  .topbar li a {
    font-size: 12px;
  }

  .topbar .list-inline-item i {
    padding-left: 5px;
  }

  .menu li:hover>ul li:hover ul li a {
    padding: 10px 42px
  }

  header.menu-sticky .iq-header .menu li a {
    padding: 10px 20px;
  }

  header.menu-sticky .iq-header .menu li:hover>ul li a {
    padding: 10px 32px
  }

  header.menu-sticky .iq-header .menu li:hover>ul li:hover ul li a {
    padding: 10px 42px
  }

  .menu li a:hover,
  .menu li:hover>a,
  .menu li a.active {
    background: var(--iq-primary);
    color: var(--white);
  }

  header.transparent .topbar {
    display: none;
  }

  header.transparent .iq-header,
  header.simpal-transparent,
  header.transparent .menu li a {
    background: var(--iq-dark);
  }

  header.transparent .menu li a.active {
    background: var(--iq-primary);
  }

  /*---- Header transparent ----*/
  header.transparent {
    position: relative;
    background: var(--iq-black);
  }

  header.transparent .iq-header {
    padding: 10px 0;
    position: inherit;
    top: 0;
  }

  header.transparent .responsive-menu {
    color: var(--white);
  }

  header.transparent .responsive-menu:hover {
    color: var(--iq-primary);
  }

  header.transparent .menu li a:hover,
  header.transparent .menu li:hover>a,
  header.transparent .menu li a.active {
    color: var(--white);
  }

  header.transparent .menu li ul li a {
    color: var(--white);
  }

  /*---- Header Simpal Transparent ----*/
  header.simpal-transparent .responsive-menu {
    color: var(--white);
  }

  header.simpal-transparent .responsive-menu:hover {
    color: var(--iq-primary);
  }

  header.simpal-transparent .menu li a:hover,
  header.simpal-transparent .menu li:hover>a,
  header.simpal-transparent .menu li a.active {
    color: var(--white);
  }
}

/*Login*/
.iq-login .modal-header {
  padding: 20px 30px;
}

.iq-login .modal-body {
  padding: 30px;
}

.iq-login .modal-footer {
  padding: 20px 30px;
  display: inline;
}

.iq-login .form-control {
  border: 1px solid var(--iq-light-border);
  border-radius: 0;
  height: 45px !important;
  box-shadow: none;
}

.iq-login .modal-body .button {
  width: 100%;
  text-align: center;
}

.iq-login .modal-dialog {
  max-width: 400px;
}

.iq-login .modal-footer .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-login .modal-footer .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-login .modal-footer .iq-media-blog li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--iq-primary);
  background: transparent;
  border: 1px solid var(--iq-primary);
  text-align: center;
  border-radius: 50%;
}

.iq-login .modal-footer .iq-media-blog li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--white);
}

.iq-login .modal-header .close {
  outline: none;
}

/*Login*/
.iq-register .modal-header {
  padding: 20px 30px;
}

.iq-register .modal-body {
  padding: 30px;
}

.iq-register .modal-footer {
  padding: 20px 30px;
  display: inline;
}

.iq-register .form-control {
  border: 1px solid var(--iq-light-border);
  border-radius: 0;
  height: 45px !important;
  box-shadow: none;
}

.iq-register .modal-body .button {
  width: 100%;
  text-align: center;
}

.iq-register .modal-dialog {
  max-width: 400px;
}

.iq-register .modal-footer .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-register .modal-footer .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-register .modal-footer .iq-media-blog li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--iq-primary);
  background: transparent;
  border: 1px solid var(--iq-primary);
  text-align: center;
  border-radius: 50%;
}

.iq-register .modal-footer .iq-media-blog li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--white);
}

.iq-register .modal-header .close {
  outline: none;
}

.iq-register p {
  font-size: 13px;
  line-height: 20px;
}

/*---------------------------------------------------------------------
                          Search
---------------------------------------------------------------------*/
.iq-search .search-btn {
  -o-transition: color 300ms ease 0s;
  -moz-transition: color 300ms ease 0s;
  -ms-transition: color 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  transition: color 300ms ease 0s;
}

.iq-search .search-btn span {
  font-size: 0;
}

.iq-search .search-btn:before {
  content: "\f002";
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: normal;
  right: 0;
  position: absolute;
  text-indent: 0;
  top: 50%;
  margin-top: -9px;
}

.iq-search.search-open .search-btn:before {
  content: "\f00d ";
}

.search-box {
  background: var(--white);
  display: block;
  margin: 0;
  opacity: 0 !important;
  padding: 15px;
  position: absolute;
  left: 0;
  top: -9999px !important;
  transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
  visibility: hidden;
  width: 327px;
  z-index: 888;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.iq-search.search-open .search-box {
  opacity: 1 !important;
  top: 100% !important;
  visibility: visible !important;
}

.iq-search .search-box input {
  background: transparent;
  border-radius: 0;
  border: 1px solid var(--);
  padding-right: 15px;
  padding-left: 30px;
  box-shadow: none;
  color: #666;
}

.iq-search .search-box input:focus {
  background: transparent;
  border: 1px solid var(--iq-primary);
}

.iq-search i {
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  left: 27px;
  top: 50%;
  transform: translateY(-50%);
}

.iq-search.search-open i:hover {
  color: var(--iq-primary);
}

::-webkit-inner-spin-button {
  opacity: 1;
}

/*---------------------------------------------------------------------
                      Owl Carousel Dot
-----------------------------------------------------------------------*/
.owl-carousel .owl-controls .owl-dot {
  display: inline-block;
  margin-top: 20px;
}

.owl-carousel .owl-dots {
  display: inline-block;
  position: relative;
  text-indent: inherit;
  width: 100%;
  cursor: pointer;
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
  background: var(--iq-dark);
  border-radius: 30px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px 3px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--iq-primary);
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: var(--iq-primary);
}

.fa-star-half-o {
  transform: rotateY(180deg);
}

.dots-left .owl-dots {
  padding-left: 94px;
  padding-top: 10px;
  transform: scale(-1, 1);
}

/* Arrow-1 */
.owl-carousel.arrow-1 {
  overflow: hidden;
}

.owl-carousel.arrow-1 .owl-nav {
  display: block;
  position: absolute;
  text-indent: inherit;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
  width: 100%;
  cursor: pointer;
}

.owl-carousel.arrow-1 .owl-nav .owl-prev {
  display: block;
  position: absolute;
  text-indent: inherit;
  right: -44px;
  width: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
}

.owl-carousel.arrow-1 .owl-nav .owl-next {
  display: block;
  position: absolute;
  text-indent: inherit;
  left: -44px;
  width: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
}

.owl-carousel.arrow-1 .owl-nav i {
  font-weight: normal;
  font-size: 24px;
  color: var(--white);
  background: rgba(44, 62, 80, 0.7);
  padding: 8px 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.owl-carousel.arrow-1 .owl-nav i:hover {
  background: var(--iq-primary);
}

.owl-carousel.arrow-1 .owl-nav .owl-prev {
  right: 0;
}

.owl-carousel.arrow-1 .owl-nav .owl-next {
  left: 0;
}

.owl-carousel.arrow-1 .owl-stage-outer {
  overflow: hidden;
}

/*---------------------------------------------------------------------
                      Banner
-----------------------------------------------------------------------*/
.iq-banner .banner-text {
  margin: 13% 0;
}

.iq-banner .banner-text h1 {
  font-size: 5.2em;
  line-height: normal
}

/* banner From */
.banner-form {
  background: var(--white);
  display: inline-block;
  float: left;
  width: 80%;
  padding: 30px 30px 40px;
  position: relative;
  border-radius: 20px;
}

.banner-form:before {
  position: absolute;
  bottom: 0px;
  left: 0;
  background: url('../images/banner/02.png') no-repeat 100% 0;
  background-size: 100%;
  width: 100%;
  height: 87px;
  content: "";
  border-radius: 0 0 20px 20px;
}

.banner-form .form-icon {
  background: var(--iq-primary);
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  position: absolute;
  top: 30px;
  left: 89%;
  -webkit-box-shadow: 8px 6px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 8px 6px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 8px 6px 10px 0px rgba(0, 0, 0, 0.15);
}

.banner-form h2 {
  margin-right: 30px;
  line-height: 36px;
  font-size: 40px;
}

.banner-form h2 small {
  display: inline-block;
  width: 100%;
  color: var(--iq-secondary);
  font-weight: 500;
  font-size: 20px;
}

.calculator .cryptonatorwidget {
  padding: 0 !important;
  border: none !important;
}

.calculator .cryptonatorwidget tr td {
  margin: 0;
  padding: 0;
  padding-left: 10px;
}

.calculator .cryptonatorwidget input,
.calculator .cryptonatorwidget select {
  padding: 0 10px 0 0;
  height: 40px !important;
  line-height: 40px !important;
  margin-bottom: 15px;
  border: 1px solid #bbb;
  border-radius: 3px;
  outline: none;
}

.calculator .cryptonatorwidget div {
  display: none;
}

.banner-form .calculator input,
.banner-form .calculator select {
  border: 1px solid var(--iq-dark);
  color: var(--iq-dark) !important;
  background: none;
  height: 40px;
}

.banner-form .calculator .fromSymbolLabel {
  height: 40px;
  line-height: 40px;
}

.banner-form .calculator select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: 4% center;
}

.banner-form .styledSelect {
  text-align-last: right;
}

/* Price Silder */
.price-silder {
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  padding: 15px 0 0;
  position: relative;
  overflow: hidden;
}

.price-silder .media img {
  width: 40px;
}

.price-silder .media-body {
  line-height: 12px;
}

.price-silder .media-body span {
  font-size: 14px;
}

.price-silder .media-body small {
  font-size: 12px;
  display: inline-block;
  width: 100%;
}

.price-silder .price-title {
  position: absolute;
  z-index: 9;
  padding: 24px 60px 24px 200px;
  top: 0;
  background: -moz-linear-gradient(-180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(249, 183, 7, 1)), color-stop(49%, rgba(249, 183, 7, 1)), color-stop(100%, rgba(249, 183, 7, 0)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(-180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(-180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(-180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
  /* ie10+ */
  background: linear-gradient(-270deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--iq-primary)', endColorstr='var(--iq-primary)', GradientType=1);
  /* ie6-9 */
}

.price-silder .price-title h6 {
  color: var(--white);
}

/*---------------------------------------------------------------------
                         Banner Stars
-----------------------------------------------------------------------*/
.banner-stars {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.banner-stars .stars-text {
  margin-top: 33%;
  color: var(--white);
}

.banner-stars h1,
.banner-stars h4 {
  color: var(--white);
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: -976px 72px var(--white), -940px 1805px var(--white), -1639px 220px var(--white), -1008px 1725px var(--white), -1319px 567px var(--white), -1084px 876px var(--white), -692px 1873px var(--white), -361px 935px var(--white), -351px 585px var(--white), -1247px 1340px var(--white), -938px 1735px var(--white), -1601px 706px var(--white), -266px 1172px var(--white), -1075px 1853px var(--white), -1060px 365px var(--white), -1269px 266px var(--white), -1107px 291px var(--white), -67px 1790px var(--white), -506px 1130px var(--white), -221px 935px var(--white), -1480px 571px var(--white), -1806px 1566px var(--white), -1187px 229px var(--white), -1637px 1495px var(--white), -80px 685px var(--white), -216px 1667px var(--white), -454px 1998px var(--white), -1011px 1081px var(--white), -246px 838px var(--white), -1007px 1777px var(--white), -1484px 701px var(--white), -1328px 1971px var(--white), -1223px 750px var(--white), -1960px 534px var(--white), -1186px 239px var(--white), -848px 118px var(--white), -1795px 1018px var(--white), -241px 525px var(--white), -706px 1598px var(--white), -427px 1864px var(--white), -396px 511px var(--white), -1256px 428px var(--white), -416px 1266px var(--white), -529px 1611px var(--white), -1223px 899px var(--white), -1266px 712px var(--white), -1917px 224px var(--white), -1673px 1291px var(--white), -1642px 1751px var(--white), -1797px 1089px var(--white), -767px 1338px var(--white), -1811px 997px var(--white), -613px 729px var(--white), -462px 238px var(--white), -1764px 715px var(--white), -1504px 1321px var(--white), -163px 415px var(--white), -1754px 426px var(--white), -54px 1939px var(--white), -357px 553px var(--white), -490px 1144px var(--white), -1147px 1092px var(--white), -1193px 1856px var(--white), -1789px 508px var(--white), -1948px 594px var(--white), -879px 1268px var(--white), -1388px 371px var(--white), -1269px 656px var(--white), -235px 436px var(--white), -1437px 1351px var(--white), -1650px 1547px var(--white), -590px 272px var(--white), -734px 1057px var(--white), -479px 1658px var(--white), -1528px 1400px var(--white), -1294px 1425px var(--white), -1974px 1894px var(--white), -16px 128px var(--white), -1951px 148px var(--white), -1304px 1669px var(--white), -1245px 1204px var(--white), -1247px 1677px var(--white), -1784px 1108px var(--white), -707px 1122px var(--white), -289px 1656px var(--white), -1630px 424px var(--white), -1538px 381px var(--white), -1160px 1384px var(--white), -532px 79px var(--white), -890px 473px var(--white), -893px 1864px var(--white), -1697px 885px var(--white), -1107px 179px var(--white), -1207px 1487px var(--white), -1092px 92px var(--white), -1580px 1381px var(--white), -1594px 604px var(--white), -696px 767px var(--white), -1074px 890px var(--white), -1664px 91px var(--white), -105px 624px var(--white), -1134px 1660px var(--white), -215px 1884px var(--white), -176px 1720px var(--white), -1418px 846px var(--white), -1995px 1729px var(--white), -1965px 1559px var(--white), -1699px 447px var(--white), -1647px 1449px var(--white), -1840px 757px var(--white), -587px 1288px var(--white), -394px 1151px var(--white), -46px 1681px var(--white), -1705px 91px var(--white), -724px 822px var(--white), -346px 1381px var(--white), -133px 22px var(--white), -1805px 236px var(--white), -1126px 1298px var(--white), -1848px 321px var(--white), -694px 1713px var(--white), -1091px 543px var(--white), -247px 956px var(--white), -482px 237px var(--white), -689px 1688px var(--white), -1531px 1654px var(--white), -330px 749px var(--white), -1514px 838px var(--white), -1930px 276px var(--white), -1026px 1738px var(--white), -1554px 669px var(--white), -1544px 1742px var(--white), -362px 1670px var(--white), -1581px 178px var(--white), -1983px 213px var(--white), -897px 551px var(--white), -354px 1193px var(--white), -1512px 1917px var(--white), -907px 1801px var(--white), -1877px 586px var(--white), -891px 1384px var(--white), -1604px 1643px var(--white), -242px 1741px var(--white), -1201px 1113px var(--white), -1297px 821px var(--white), -4px 1206px var(--white), -1383px 481px var(--white), -1145px 1296px var(--white), -311px 1882px var(--white), -668px 1295px var(--white), -562px 744px var(--white), -1237px 229px var(--white), -1672px 403px var(--white), -138px 445px var(--white), -863px 218px var(--white), -547px 901px var(--white), -1445px 1320px var(--white), -646px 1742px var(--white), -1624px 1842px var(--white), -918px 1870px var(--white), -1022px 1029px var(--white), -673px 567px var(--white), -1268px 1450px var(--white), -1437px 1329px var(--white), -328px 564px var(--white), -1245px 901px var(--white), -560px 600px var(--white), -615px 1391px var(--white), -1360px 123px var(--white), -1927px 1339px var(--white), -1902px 1631px var(--white), -1612px 1864px var(--white), -1511px 1484px var(--white), -1073px 600px var(--white), -1725px 1693px var(--white), -116px 1418px var(--white), -1230px 1684px var(--white), -23px 1515px var(--white), -832px 1823px var(--white), -750px 133px var(--white), -451px 189px var(--white), -16px 257px var(--white), -1659px 1437px var(--white), -1456px 1635px var(--white), -595px 1389px var(--white), -673px 916px var(--white), -1294px 124px var(--white), -1935px 499px var(--white), -1665px 1482px var(--white), -1569px 1929px var(--white), -1192px 919px var(--white), -519px 1729px var(--white), -1106px 1912px var(--white), -335px 673px var(--white), -504px 488px var(--white), -188px 1837px var(--white), -925px 1814px var(--white), -1597px 1538px var(--white), -927px 826px var(--white), -1533px 1590px var(--white), -1998px 200px var(--white), -1126px 1764px var(--white), -1004px 1878px var(--white), -1532px 1045px var(--white), -1927px 1203px var(--white), -252px 1462px var(--white), -1756px 1554px var(--white), -622px 514px var(--white), -151px 1179px var(--white), -1674px 670px var(--white), -1864px 1745px var(--white), -1669px 1602px var(--white), -1154px 1666px var(--white), -661px 255px var(--white), -1916px 1861px var(--white), -445px 1871px var(--white), -50px 1147px var(--white), -815px 1272px var(--white), -581px 1183px var(--white), -12px 1876px var(--white), -125px 1262px var(--white), -167px 1148px var(--white), -865px 1511px var(--white), -549px 227px var(--white), -94px 694px var(--white), -19px 96px var(--white), -1428px 763px var(--white), -1078px 1277px var(--white), -888px 1889px var(--white), -912px 1065px var(--white), -1828px 1094px var(--white), -992px 1901px var(--white), -1854px 996px var(--white), -1200px 305px var(--white), -1000px 1515px var(--white), -1529px 454px var(--white), -357px 216px var(--white), -1261px 1361px var(--white), -1056px 420px var(--white), -1204px 1100px var(--white), -1127px 1470px var(--white), -557px 567px var(--white), -1999px 574px var(--white), -1676px 718px var(--white), -1344px 1694px var(--white), -1556px 92px var(--white), -1619px 157px var(--white), -91px 1445px var(--white), -426px 1498px var(--white), -1027px 961px var(--white), -420px 1145px var(--white), -848px 589px var(--white), -510px 1116px var(--white), -561px 743px var(--white), -493px 854px var(--white), -1754px 382px var(--white), -1349px 684px var(--white), -372px 424px var(--white), -821px 1358px var(--white), -1678px 609px var(--white), -481px 970px var(--white), -1391px 423px var(--white), -1528px 560px var(--white), -597px 1449px var(--white), -926px 861px var(--white), -1212px 1276px var(--white), -991px 147px var(--white), -1360px 925px var(--white), -893px 60px var(--white), -1482px 1571px var(--white), -1040px 788px var(--white), -672px 1422px var(--white), -1817px 1533px var(--white), -1790px 1141px var(--white), -1312px 1176px var(--white), -1457px 521px var(--white), -299px 58px var(--white), -848px 57px var(--white), -639px 1174px var(--white), -416px 1887px var(--white), -1542px 964px var(--white), -952px 868px var(--white), -276px 1079px var(--white), -1135px 1198px var(--white), -466px 346px var(--white), -1532px 476px var(--white), -710px 1633px var(--white), -537px 1069px var(--white), -718px 329px var(--white), -33px 1817px var(--white), -345px 1064px var(--white), -1743px 1236px var(--white), -1819px 1604px var(--white), -1419px 1827px var(--white), -1974px 1218px var(--white), -817px 1279px var(--white), -1508px 1104px var(--white), -1384px 1751px var(--white), -1480px 1962px var(--white), -253px 451px var(--white), -1988px 1157px var(--white), -454px 876px var(--white), -966px 1956px var(--white), -1780px 97px var(--white), -1162px 907px var(--white), -1864px 1404px var(--white), -827px 1768px var(--white), -1285px 474px var(--white), -688px 1569px var(--white), -420px 1684px var(--white), -655px 886px var(--white), -1765px 1997px var(--white), -324px 416px var(--white), -1958px 542px var(--white), -1162px 702px var(--white), -409px 176px var(--white), -518px 160px var(--white), -1540px 1368px var(--white), -250px 1882px var(--white), -654px 1784px var(--white), -1990px 1910px var(--white), -1463px 1740px var(--white), -107px 995px var(--white), -1248px 975px var(--white), -1100px 319px var(--white), -1395px 187px var(--white), -681px 1488px var(--white), -1841px 1846px var(--white), -1641px 927px var(--white), -1861px 1303px var(--white), -877px 82px var(--white), -561px 1242px var(--white), -189px 1347px var(--white), -1342px 936px var(--white), -1916px 1833px var(--white), -539px 723px var(--white), -108px 183px var(--white), -1994px 1345px var(--white), -669px 805px var(--white), -1640px 601px var(--white), -1811px 1816px var(--white), -1451px 810px var(--white), -905px 769px var(--white), -87px 756px var(--white), -1645px 822px var(--white), -118px 578px var(--white), -1408px 810px var(--white), -943px 186px var(--white), -215px 1696px var(--white), -131px 1280px var(--white), -411px 1774px var(--white), -662px 1922px var(--white), -159px 1182px var(--white), -303px 1070px var(--white), -1668px 1445px var(--white), -722px 1233px var(--white), -149px 1042px var(--white), -286px 1102px var(--white), -742px 527px var(--white), -893px 600px var(--white), -1277px 202px var(--white), -1063px 297px var(--white), -809px 862px var(--white), -1210px 988px var(--white), -1564px 1310px var(--white), -1075px 53px var(--white), -357px 999px var(--white), -1086px 604px var(--white), -751px 1636px var(--white), -1739px 1182px var(--white), -835px 537px var(--white), -1318px 566px var(--white), -241px 1125px var(--white), -111px 1013px var(--white), -765px 1741px var(--white), -538px 1772px var(--white), -304px 191px var(--white), -678px 872px var(--white), -961px 1527px var(--white), -403px 1718px var(--white), -571px 807px var(--white), -1818px 1153px var(--white), -1931px 614px var(--white), -1365px 431px var(--white), -602px 174px var(--white), -1356px 340px var(--white), -1230px 329px var(--white), -71px 2px var(--white), -843px 1703px var(--white), -611px 370px var(--white), -1993px 604px var(--white), -1730px 875px var(--white), -1938px 421px var(--white), -905px 1808px var(--white), -1944px 352px var(--white), -266px 1718px var(--white), -936px 88px var(--white), -644px 817px var(--white), -1180px 1561px var(--white), -1893px 1548px var(--white), -1097px 82px var(--white), -294px 1714px var(--white), -1805px 583px var(--white), -863px 159px var(--white), -1106px 1851px var(--white), -1090px 1035px var(--white), -1753px 1591px var(--white), -1422px 1670px var(--white), -1100px 1791px var(--white), -1660px 1484px var(--white), -1376px 240px var(--white), -324px 1683px var(--white), -933px 1155px var(--white), -826px 90px var(--white), -431px 177px var(--white), -524px 1271px var(--white), -348px 1889px var(--white), -1460px 1252px var(--white), -586px 1883px var(--white), -751px 234px var(--white), -105px 1642px var(--white), -206px 1224px var(--white), -902px 158px var(--white), -106px 752px var(--white), -1166px 314px var(--white), -1800px 1256px var(--white), -789px 240px var(--white), -1369px 1133px var(--white), -1412px 120px var(--white), -531px 1479px var(--white), -972px 829px var(--white), -87px 534px var(--white), -1929px 664px var(--white), -795px 1001px var(--white), -1541px 1605px var(--white), -1935px 969px var(--white), -762px 904px var(--white), -1448px 844px var(--white), -1292px 1734px var(--white), -1125px 1991px var(--white), -1146px 1208px var(--white), -819px 925px var(--white), -1598px 446px var(--white), -1141px 378px var(--white), -89px 1663px var(--white), -658px 1959px var(--white), -1537px 960px var(--white), -18px 1280px var(--white), -211px 121px var(--white), -1793px 1227px var(--white), -1721px 1842px var(--white), -482px 1699px var(--white), -909px 1813px var(--white), -1196px 239px var(--white), -776px 1224px var(--white), -1852px 1073px var(--white), -266px 1970px var(--white), -1318px 1530px var(--white), -1992px 1941px var(--white), -584px 329px var(--white), -449px 1533px var(--white), -1842px 1976px var(--white), -773px 6px var(--white), -888px 1884px var(--white), -1091px 1816px var(--white), -1903px 1262px var(--white), -795px 255px var(--white), -1040px 414px var(--white), -1486px 1215px var(--white), -788px 1921px var(--white), -1793px 1509px var(--white), -750px 1684px var(--white), -653px 1822px var(--white), -1303px 1508px var(--white), -458px 682px var(--white), -1565px 1208px var(--white), -1250px 1235px var(--white), -1167px 249px var(--white), -335px 597px var(--white), -1033px 1258px var(--white), -1982px 163px var(--white), -27px 84px var(--white), -1911px 1521px var(--white), -80px 73px var(--white), -848px 4px var(--white), -788px 1622px var(--white), -753px 236px var(--white), -1712px 1001px var(--white), -1640px 1384px var(--white), -1921px 653px var(--white), -1793px 1078px var(--white), -945px 821px var(--white), -1202px 710px var(--white), -933px 369px var(--white), -1802px 1778px var(--white), -1291px 1235px var(--white), -1680px 245px var(--white), -193px 1290px var(--white), -734px 1381px var(--white), -1812px 21px var(--white), -561px 1288px var(--white), -1039px 1432px var(--white), -1019px 1975px var(--white), -932px 387px var(--white), -620px 91px var(--white), -99px 1833px var(--white), -1704px 962px var(--white), -706px 1001px var(--white), -964px 889px var(--white), -748px 1896px var(--white), -1824px 261px var(--white), -1520px 1119px var(--white), -1645px 596px var(--white), -271px 827px var(--white), -860px 1599px var(--white), -129px 1616px var(--white), -1870px 508px var(--white), -1384px 161px var(--white), -1676px 952px var(--white), -541px 1802px var(--white), -115px 1490px var(--white), -1166px 60px var(--white), -52px 1497px var(--white), -1411px 643px var(--white), -252px 1803px var(--white), -1669px 918px var(--white), -620px 1009px var(--white), -1305px 346px var(--white), -927px 1111px var(--white), -1668px 892px var(--white), -306px 150px var(--white), -988px 1259px var(--white), -188px 1043px var(--white), -1671px 439px var(--white), -413px 708px var(--white), -1067px 476px var(--white), -1863px 1163px var(--white), -109px 1335px var(--white), -1776px 498px var(--white), -1774px 979px var(--white), -374px 1361px var(--white), -719px 1786px var(--white), -342px 226px var(--white), -1131px 1983px var(--white), -538px 549px var(--white), -228px 1786px var(--white), -730px 467px var(--white), -1769px 1910px var(--white), -654px 916px var(--white), -527px 1983px var(--white), -1063px 1266px var(--white), -902px 1035px var(--white), -1226px 487px var(--white), -1589px 589px var(--white), -696px 1145px var(--white), -72px 1476px var(--white), -842px 420px var(--white), -260px 1988px var(--white), -549px 530px var(--white), -325px 547px var(--white), -671px 642px var(--white), -1957px 454px var(--white), -765px 1290px var(--white), -700px 801px var(--white), -1528px 1541px var(--white), -569px 7px var(--white), -397px 1934px var(--white), -1723px 91px var(--white), -389px 864px var(--white), -45px 1080px var(--white), -1358px 1161px var(--white), -1102px 258px var(--white), -47px 1446px var(--white), -105px 1894px var(--white), -486px 1034px var(--white), -1148px 1841px var(--white), -1228px 1552px var(--white), -866px 1337px var(--white), -871px 457px var(--white), -553px 913px var(--white), -1247px 144px var(--white), -155px 539px var(--white), -1261px 1123px var(--white), -1217px 91px var(--white), -29px 1997px var(--white), -179px 1788px var(--white), -981px 351px var(--white), -1385px 1416px var(--white), -1520px 647px var(--white), -501px 1194px var(--white), -484px 237px var(--white), -511px 1597px var(--white), -1500px 1845px var(--white), -1209px 164px var(--white), -1568px 1014px var(--white), -686px 1004px var(--white), -894px 1543px var(--white), -267px 605px var(--white), -1617px 794px var(--white), -880px 1896px var(--white), -100px 546px var(--white), -1414px 693px var(--white), -1533px 31px var(--white), -897px 1606px var(--white), -317px 1364px var(--white), -1656px 549px var(--white), -931px 866px var(--white), -1405px 489px var(--white), -1099px 1256px var(--white), -740px 532px var(--white), -807px 808px var(--white), -1498px 343px var(--white), -1484px 502px var(--white), -1110px 451px var(--white), -1897px 1995px var(--white), -1062px 983px var(--white), -141px 1853px var(--white), -282px 232px var(--white), -364px 124px var(--white), -517px 980px var(--white), -1px 1345px var(--white), -1724px 957px var(--white), -858px 1979px var(--white), -1131px 328px var(--white), -330px 995px var(--white), -1547px 170px var(--white), -900px 1571px var(--white), -926px 1133px var(--white), -1169px 368px var(--white), -171px 1849px var(--white), -1272px 1108px var(--white), -867px 277px var(--white), -640px 1845px var(--white), -1643px 878px var(--white), -830px 1457px var(--white), -42px 825px var(--white), -1746px 1325px var(--white), -1662px 1280px var(--white), -1868px 1330px var(--white), -425px 1913px var(--white), -445px 418px var(--white), -1470px 1009px var(--white), -1062px 1021px var(--white), -1425px 1584px var(--white), -972px 580px var(--white), -929px 205px var(--white), -918px 539px var(--white), -178px 870px var(--white), -420px 1642px var(--white), -1049px 564px var(--white), -1109px 1280px var(--white), -400px 1776px var(--white), -1836px 46px var(--white), -27px 1107px var(--white), -416px 1859px var(--white), -1094px 1383px var(--white), -373px 1921px var(--white), -49px 1814px var(--white), -978px 1195px var(--white), -361px 1520px var(--white), -955px 267px var(--white), -1961px 904px var(--white), -660px 66px var(--white), -1385px 882px var(--white), -1713px 1389px var(--white), -230px 1862px var(--white), -940px 373px var(--white), -1817px 969px var(--white), -522px 969px var(--white), -1327px 80px var(--white), -1550px 1263px var(--white), -421px 416px var(--white), -716px 144px var(--white), -110px 66px var(--white), -1678px 954px var(--white), -588px 1025px var(--white), -894px 1820px var(--white), -1784px 1527px var(--white), -635px 1297px var(--white), -623px 1167px var(--white), -1667px 1352px var(--white), -1014px 1972px var(--white), -1059px 1746px var(--white), -842px 1122px var(--white), -599px 623px var(--white), -1889px 281px var(--white), -853px 1646px var(--white), -448px 924px var(--white), -905px 970px var(--white), -1300px 1671px var(--white), -1687px 1899px var(--white), -1030px 1842px var(--white), -840px 136px var(--white), -255px 524px var(--white), -476px 479px var(--white), -1345px 1484px var(--white), -1343px 1631px var(--white), -295px 383px var(--white), -345px 1538px var(--white), -1360px 499px var(--white);
  animation: animStar 50s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: -976px 72px var(--white), -940px 1805px var(--white), -1639px 220px var(--white), -1008px 1725px var(--white), -1319px 567px var(--white), -1084px 876px var(--white), -692px 1873px var(--white), -361px 935px var(--white), -351px 585px var(--white), -1247px 1340px var(--white), -938px 1735px var(--white), -1601px 706px var(--white), -266px 1172px var(--white), -1075px 1853px var(--white), -1060px 365px var(--white), -1269px 266px var(--white), -1107px 291px var(--white), -67px 1790px var(--white), -506px 1130px var(--white), -221px 935px var(--white), -1480px 571px var(--white), -1806px 1566px var(--white), -1187px 229px var(--white), -1637px 1495px var(--white), -80px 685px var(--white), -216px 1667px var(--white), -454px 1998px var(--white), -1011px 1081px var(--white), -246px 838px var(--white), -1007px 1777px var(--white), -1484px 701px var(--white), -1328px 1971px var(--white), -1223px 750px var(--white), -1960px 534px var(--white), -1186px 239px var(--white), -848px 118px var(--white), -1795px 1018px var(--white), -241px 525px var(--white), -706px 1598px var(--white), -427px 1864px var(--white), -396px 511px var(--white), -1256px 428px var(--white), -416px 1266px var(--white), -529px 1611px var(--white), -1223px 899px var(--white), -1266px 712px var(--white), -1917px 224px var(--white), -1673px 1291px var(--white), -1642px 1751px var(--white), -1797px 1089px var(--white), -767px 1338px var(--white), -1811px 997px var(--white), -613px 729px var(--white), -462px 238px var(--white), -1764px 715px var(--white), -1504px 1321px var(--white), -163px 415px var(--white), -1754px 426px var(--white), -54px 1939px var(--white), -357px 553px var(--white), -490px 1144px var(--white), -1147px 1092px var(--white), -1193px 1856px var(--white), -1789px 508px var(--white), -1948px 594px var(--white), -879px 1268px var(--white), -1388px 371px var(--white), -1269px 656px var(--white), -235px 436px var(--white), -1437px 1351px var(--white), -1650px 1547px var(--white), -590px 272px var(--white), -734px 1057px var(--white), -479px 1658px var(--white), -1528px 1400px var(--white), -1294px 1425px var(--white), -1974px 1894px var(--white), -16px 128px var(--white), -1951px 148px var(--white), -1304px 1669px var(--white), -1245px 1204px var(--white), -1247px 1677px var(--white), -1784px 1108px var(--white), -707px 1122px var(--white), -289px 1656px var(--white), -1630px 424px var(--white), -1538px 381px var(--white), -1160px 1384px var(--white), -532px 79px var(--white), -890px 473px var(--white), -893px 1864px var(--white), -1697px 885px var(--white), -1107px 179px var(--white), -1207px 1487px var(--white), -1092px 92px var(--white), -1580px 1381px var(--white), -1594px 604px var(--white), -696px 767px var(--white), -1074px 890px var(--white), -1664px 91px var(--white), -105px 624px var(--white), -1134px 1660px var(--white), -215px 1884px var(--white), -176px 1720px var(--white), -1418px 846px var(--white), -1995px 1729px var(--white), -1965px 1559px var(--white), -1699px 447px var(--white), -1647px 1449px var(--white), -1840px 757px var(--white), -587px 1288px var(--white), -394px 1151px var(--white), -46px 1681px var(--white), -1705px 91px var(--white), -724px 822px var(--white), -346px 1381px var(--white), -133px 22px var(--white), -1805px 236px var(--white), -1126px 1298px var(--white), -1848px 321px var(--white), -694px 1713px var(--white), -1091px 543px var(--white), -247px 956px var(--white), -482px 237px var(--white), -689px 1688px var(--white), -1531px 1654px var(--white), -330px 749px var(--white), -1514px 838px var(--white), -1930px 276px var(--white), -1026px 1738px var(--white), -1554px 669px var(--white), -1544px 1742px var(--white), -362px 1670px var(--white), -1581px 178px var(--white), -1983px 213px var(--white), -897px 551px var(--white), -354px 1193px var(--white), -1512px 1917px var(--white), -907px 1801px var(--white), -1877px 586px var(--white), -891px 1384px var(--white), -1604px 1643px var(--white), -242px 1741px var(--white), -1201px 1113px var(--white), -1297px 821px var(--white), -4px 1206px var(--white), -1383px 481px var(--white), -1145px 1296px var(--white), -311px 1882px var(--white), -668px 1295px var(--white), -562px 744px var(--white), -1237px 229px var(--white), -1672px 403px var(--white), -138px 445px var(--white), -863px 218px var(--white), -547px 901px var(--white), -1445px 1320px var(--white), -646px 1742px var(--white), -1624px 1842px var(--white), -918px 1870px var(--white), -1022px 1029px var(--white), -673px 567px var(--white), -1268px 1450px var(--white), -1437px 1329px var(--white), -328px 564px var(--white), -1245px 901px var(--white), -560px 600px var(--white), -615px 1391px var(--white), -1360px 123px var(--white), -1927px 1339px var(--white), -1902px 1631px var(--white), -1612px 1864px var(--white), -1511px 1484px var(--white), -1073px 600px var(--white), -1725px 1693px var(--white), -116px 1418px var(--white), -1230px 1684px var(--white), -23px 1515px var(--white), -832px 1823px var(--white), -750px 133px var(--white), -451px 189px var(--white), -16px 257px var(--white), -1659px 1437px var(--white), -1456px 1635px var(--white), -595px 1389px var(--white), -673px 916px var(--white), -1294px 124px var(--white), -1935px 499px var(--white), -1665px 1482px var(--white), -1569px 1929px var(--white), -1192px 919px var(--white), -519px 1729px var(--white), -1106px 1912px var(--white), -335px 673px var(--white), -504px 488px var(--white), -188px 1837px var(--white), -925px 1814px var(--white), -1597px 1538px var(--white), -927px 826px var(--white), -1533px 1590px var(--white), -1998px 200px var(--white), -1126px 1764px var(--white), -1004px 1878px var(--white), -1532px 1045px var(--white), -1927px 1203px var(--white), -252px 1462px var(--white), -1756px 1554px var(--white), -622px 514px var(--white), -151px 1179px var(--white), -1674px 670px var(--white), -1864px 1745px var(--white), -1669px 1602px var(--white), -1154px 1666px var(--white), -661px 255px var(--white), -1916px 1861px var(--white), -445px 1871px var(--white), -50px 1147px var(--white), -815px 1272px var(--white), -581px 1183px var(--white), -12px 1876px var(--white), -125px 1262px var(--white), -167px 1148px var(--white), -865px 1511px var(--white), -549px 227px var(--white), -94px 694px var(--white), -19px 96px var(--white), -1428px 763px var(--white), -1078px 1277px var(--white), -888px 1889px var(--white), -912px 1065px var(--white), -1828px 1094px var(--white), -992px 1901px var(--white), -1854px 996px var(--white), -1200px 305px var(--white), -1000px 1515px var(--white), -1529px 454px var(--white), -357px 216px var(--white), -1261px 1361px var(--white), -1056px 420px var(--white), -1204px 1100px var(--white), -1127px 1470px var(--white), -557px 567px var(--white), -1999px 574px var(--white), -1676px 718px var(--white), -1344px 1694px var(--white), -1556px 92px var(--white), -1619px 157px var(--white), -91px 1445px var(--white), -426px 1498px var(--white), -1027px 961px var(--white), -420px 1145px var(--white), -848px 589px var(--white), -510px 1116px var(--white), -561px 743px var(--white), -493px 854px var(--white), -1754px 382px var(--white), -1349px 684px var(--white), -372px 424px var(--white), -821px 1358px var(--white), -1678px 609px var(--white), -481px 970px var(--white), -1391px 423px var(--white), -1528px 560px var(--white), -597px 1449px var(--white), -926px 861px var(--white), -1212px 1276px var(--white), -991px 147px var(--white), -1360px 925px var(--white), -893px 60px var(--white), -1482px 1571px var(--white), -1040px 788px var(--white), -672px 1422px var(--white), -1817px 1533px var(--white), -1790px 1141px var(--white), -1312px 1176px var(--white), -1457px 521px var(--white), -299px 58px var(--white), -848px 57px var(--white), -639px 1174px var(--white), -416px 1887px var(--white), -1542px 964px var(--white), -952px 868px var(--white), -276px 1079px var(--white), -1135px 1198px var(--white), -466px 346px var(--white), -1532px 476px var(--white), -710px 1633px var(--white), -537px 1069px var(--white), -718px 329px var(--white), -33px 1817px var(--white), -345px 1064px var(--white), -1743px 1236px var(--white), -1819px 1604px var(--white), -1419px 1827px var(--white), -1974px 1218px var(--white), -817px 1279px var(--white), -1508px 1104px var(--white), -1384px 1751px var(--white), -1480px 1962px var(--white), -253px 451px var(--white), -1988px 1157px var(--white), -454px 876px var(--white), -966px 1956px var(--white), -1780px 97px var(--white), -1162px 907px var(--white), -1864px 1404px var(--white), -827px 1768px var(--white), -1285px 474px var(--white), -688px 1569px var(--white), -420px 1684px var(--white), -655px 886px var(--white), -1765px 1997px var(--white), -324px 416px var(--white), -1958px 542px var(--white), -1162px 702px var(--white), -409px 176px var(--white), -518px 160px var(--white), -1540px 1368px var(--white), -250px 1882px var(--white), -654px 1784px var(--white), -1990px 1910px var(--white), -1463px 1740px var(--white), -107px 995px var(--white), -1248px 975px var(--white), -1100px 319px var(--white), -1395px 187px var(--white), -681px 1488px var(--white), -1841px 1846px var(--white), -1641px 927px var(--white), -1861px 1303px var(--white), -877px 82px var(--white), -561px 1242px var(--white), -189px 1347px var(--white), -1342px 936px var(--white), -1916px 1833px var(--white), -539px 723px var(--white), -108px 183px var(--white), -1994px 1345px var(--white), -669px 805px var(--white), -1640px 601px var(--white), -1811px 1816px var(--white), -1451px 810px var(--white), -905px 769px var(--white), -87px 756px var(--white), -1645px 822px var(--white), -118px 578px var(--white), -1408px 810px var(--white), -943px 186px var(--white), -215px 1696px var(--white), -131px 1280px var(--white), -411px 1774px var(--white), -662px 1922px var(--white), -159px 1182px var(--white), -303px 1070px var(--white), -1668px 1445px var(--white), -722px 1233px var(--white), -149px 1042px var(--white), -286px 1102px var(--white), -742px 527px var(--white), -893px 600px var(--white), -1277px 202px var(--white), -1063px 297px var(--white), -809px 862px var(--white), -1210px 988px var(--white), -1564px 1310px var(--white), -1075px 53px var(--white), -357px 999px var(--white), -1086px 604px var(--white), -751px 1636px var(--white), -1739px 1182px var(--white), -835px 537px var(--white), -1318px 566px var(--white), -241px 1125px var(--white), -111px 1013px var(--white), -765px 1741px var(--white), -538px 1772px var(--white), -304px 191px var(--white), -678px 872px var(--white), -961px 1527px var(--white), -403px 1718px var(--white), -571px 807px var(--white), -1818px 1153px var(--white), -1931px 614px var(--white), -1365px 431px var(--white), -602px 174px var(--white), -1356px 340px var(--white), -1230px 329px var(--white), -71px 2px var(--white), -843px 1703px var(--white), -611px 370px var(--white), -1993px 604px var(--white), -1730px 875px var(--white), -1938px 421px var(--white), -905px 1808px var(--white), -1944px 352px var(--white), -266px 1718px var(--white), -936px 88px var(--white), -644px 817px var(--white), -1180px 1561px var(--white), -1893px 1548px var(--white), -1097px 82px var(--white), -294px 1714px var(--white), -1805px 583px var(--white), -863px 159px var(--white), -1106px 1851px var(--white), -1090px 1035px var(--white), -1753px 1591px var(--white), -1422px 1670px var(--white), -1100px 1791px var(--white), -1660px 1484px var(--white), -1376px 240px var(--white), -324px 1683px var(--white), -933px 1155px var(--white), -826px 90px var(--white), -431px 177px var(--white), -524px 1271px var(--white), -348px 1889px var(--white), -1460px 1252px var(--white), -586px 1883px var(--white), -751px 234px var(--white), -105px 1642px var(--white), -206px 1224px var(--white), -902px 158px var(--white), -106px 752px var(--white), -1166px 314px var(--white), -1800px 1256px var(--white), -789px 240px var(--white), -1369px 1133px var(--white), -1412px 120px var(--white), -531px 1479px var(--white), -972px 829px var(--white), -87px 534px var(--white), -1929px 664px var(--white), -795px 1001px var(--white), -1541px 1605px var(--white), -1935px 969px var(--white), -762px 904px var(--white), -1448px 844px var(--white), -1292px 1734px var(--white), -1125px 1991px var(--white), -1146px 1208px var(--white), -819px 925px var(--white), -1598px 446px var(--white), -1141px 378px var(--white), -89px 1663px var(--white), -658px 1959px var(--white), -1537px 960px var(--white), -18px 1280px var(--white), -211px 121px var(--white), -1793px 1227px var(--white), -1721px 1842px var(--white), -482px 1699px var(--white), -909px 1813px var(--white), -1196px 239px var(--white), -776px 1224px var(--white), -1852px 1073px var(--white), -266px 1970px var(--white), -1318px 1530px var(--white), -1992px 1941px var(--white), -584px 329px var(--white), -449px 1533px var(--white), -1842px 1976px var(--white), -773px 6px var(--white), -888px 1884px var(--white), -1091px 1816px var(--white), -1903px 1262px var(--white), -795px 255px var(--white), -1040px 414px var(--white), -1486px 1215px var(--white), -788px 1921px var(--white), -1793px 1509px var(--white), -750px 1684px var(--white), -653px 1822px var(--white), -1303px 1508px var(--white), -458px 682px var(--white), -1565px 1208px var(--white), -1250px 1235px var(--white), -1167px 249px var(--white), -335px 597px var(--white), -1033px 1258px var(--white), -1982px 163px var(--white), -27px 84px var(--white), -1911px 1521px var(--white), -80px 73px var(--white), -848px 4px var(--white), -788px 1622px var(--white), -753px 236px var(--white), -1712px 1001px var(--white), -1640px 1384px var(--white), -1921px 653px var(--white), -1793px 1078px var(--white), -945px 821px var(--white), -1202px 710px var(--white), -933px 369px var(--white), -1802px 1778px var(--white), -1291px 1235px var(--white), -1680px 245px var(--white), -193px 1290px var(--white), -734px 1381px var(--white), -1812px 21px var(--white), -561px 1288px var(--white), -1039px 1432px var(--white), -1019px 1975px var(--white), -932px 387px var(--white), -620px 91px var(--white), -99px 1833px var(--white), -1704px 962px var(--white), -706px 1001px var(--white), -964px 889px var(--white), -748px 1896px var(--white), -1824px 261px var(--white), -1520px 1119px var(--white), -1645px 596px var(--white), -271px 827px var(--white), -860px 1599px var(--white), -129px 1616px var(--white), -1870px 508px var(--white), -1384px 161px var(--white), -1676px 952px var(--white), -541px 1802px var(--white), -115px 1490px var(--white), -1166px 60px var(--white), -52px 1497px var(--white), -1411px 643px var(--white), -252px 1803px var(--white), -1669px 918px var(--white), -620px 1009px var(--white), -1305px 346px var(--white), -927px 1111px var(--white), -1668px 892px var(--white), -306px 150px var(--white), -988px 1259px var(--white), -188px 1043px var(--white), -1671px 439px var(--white), -413px 708px var(--white), -1067px 476px var(--white), -1863px 1163px var(--white), -109px 1335px var(--white), -1776px 498px var(--white), -1774px 979px var(--white), -374px 1361px var(--white), -719px 1786px var(--white), -342px 226px var(--white), -1131px 1983px var(--white), -538px 549px var(--white), -228px 1786px var(--white), -730px 467px var(--white), -1769px 1910px var(--white), -654px 916px var(--white), -527px 1983px var(--white), -1063px 1266px var(--white), -902px 1035px var(--white), -1226px 487px var(--white), -1589px 589px var(--white), -696px 1145px var(--white), -72px 1476px var(--white), -842px 420px var(--white), -260px 1988px var(--white), -549px 530px var(--white), -325px 547px var(--white), -671px 642px var(--white), -1957px 454px var(--white), -765px 1290px var(--white), -700px 801px var(--white), -1528px 1541px var(--white), -569px 7px var(--white), -397px 1934px var(--white), -1723px 91px var(--white), -389px 864px var(--white), -45px 1080px var(--white), -1358px 1161px var(--white), -1102px 258px var(--white), -47px 1446px var(--white), -105px 1894px var(--white), -486px 1034px var(--white), -1148px 1841px var(--white), -1228px 1552px var(--white), -866px 1337px var(--white), -871px 457px var(--white), -553px 913px var(--white), -1247px 144px var(--white), -155px 539px var(--white), -1261px 1123px var(--white), -1217px 91px var(--white), -29px 1997px var(--white), -179px 1788px var(--white), -981px 351px var(--white), -1385px 1416px var(--white), -1520px 647px var(--white), -501px 1194px var(--white), -484px 237px var(--white), -511px 1597px var(--white), -1500px 1845px var(--white), -1209px 164px var(--white), -1568px 1014px var(--white), -686px 1004px var(--white), -894px 1543px var(--white), -267px 605px var(--white), -1617px 794px var(--white), -880px 1896px var(--white), -100px 546px var(--white), -1414px 693px var(--white), -1533px 31px var(--white), -897px 1606px var(--white), -317px 1364px var(--white), -1656px 549px var(--white), -931px 866px var(--white), -1405px 489px var(--white), -1099px 1256px var(--white), -740px 532px var(--white), -807px 808px var(--white), -1498px 343px var(--white), -1484px 502px var(--white), -1110px 451px var(--white), -1897px 1995px var(--white), -1062px 983px var(--white), -141px 1853px var(--white), -282px 232px var(--white), -364px 124px var(--white), -517px 980px var(--white), -1px 1345px var(--white), -1724px 957px var(--white), -858px 1979px var(--white), -1131px 328px var(--white), -330px 995px var(--white), -1547px 170px var(--white), -900px 1571px var(--white), -926px 1133px var(--white), -1169px 368px var(--white), -171px 1849px var(--white), -1272px 1108px var(--white), -867px 277px var(--white), -640px 1845px var(--white), -1643px 878px var(--white), -830px 1457px var(--white), -42px 825px var(--white), -1746px 1325px var(--white), -1662px 1280px var(--white), -1868px 1330px var(--white), -425px 1913px var(--white), -445px 418px var(--white), -1470px 1009px var(--white), -1062px 1021px var(--white), -1425px 1584px var(--white), -972px 580px var(--white), -929px 205px var(--white), -918px 539px var(--white), -178px 870px var(--white), -420px 1642px var(--white), -1049px 564px var(--white), -1109px 1280px var(--white), -400px 1776px var(--white), -1836px 46px var(--white), -27px 1107px var(--white), -416px 1859px var(--white), -1094px 1383px var(--white), -373px 1921px var(--white), -49px 1814px var(--white), -978px 1195px var(--white), -361px 1520px var(--white), -955px 267px var(--white), -1961px 904px var(--white), -660px 66px var(--white), -1385px 882px var(--white), -1713px 1389px var(--white), -230px 1862px var(--white), -940px 373px var(--white), -1817px 969px var(--white), -522px 969px var(--white), -1327px 80px var(--white), -1550px 1263px var(--white), -421px 416px var(--white), -716px 144px var(--white), -110px 66px var(--white), -1678px 954px var(--white), -588px 1025px var(--white), -894px 1820px var(--white), -1784px 1527px var(--white), -635px 1297px var(--white), -623px 1167px var(--white), -1667px 1352px var(--white), -1014px 1972px var(--white), -1059px 1746px var(--white), -842px 1122px var(--white), -599px 623px var(--white), -1889px 281px var(--white), -853px 1646px var(--white), -448px 924px var(--white), -905px 970px var(--white), -1300px 1671px var(--white), -1687px 1899px var(--white), -1030px 1842px var(--white), -840px 136px var(--white), -255px 524px var(--white), -476px 479px var(--white), -1345px 1484px var(--white), -1343px 1631px var(--white), -295px 383px var(--white), -345px 1538px var(--white), -1360px 499px var(--white);
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: -226px 1303px var(--white), -403px 1679px var(--white), -1872px 1259px var(--white), -1132px 1348px var(--white), -1390px 1695px var(--white), -878px 1824px var(--white), -1599px 1161px var(--white), -597px 139px var(--white), -1369px 1919px var(--white), -1305px 471px var(--white), -611px 1180px var(--white), -873px 1750px var(--white), -721px 850px var(--white), -222px 1238px var(--white), -1633px 917px var(--white), -888px 544px var(--white), -119px 202px var(--white), -67px 1912px var(--white), -1748px 1369px var(--white), -105px 1605px var(--white), -83px 697px var(--white), -595px 1864px var(--white), -1575px 1207px var(--white), -385px 1052px var(--white), -436px 1136px var(--white), -127px 1589px var(--white), -1486px 1553px var(--white), -460px 1205px var(--white), -1106px 196px var(--white), -1915px 1766px var(--white), -735px 580px var(--white), -911px 896px var(--white), -178px 188px var(--white), -514px 1511px var(--white), -1215px 626px var(--white), -521px 1968px var(--white), -914px 1893px var(--white), -1742px 444px var(--white), -1254px 147px var(--white), -1921px 666px var(--white), -970px 160px var(--white), -989px 562px var(--white), -1312px 1888px var(--white), -282px 1976px var(--white), -1926px 1490px var(--white), -481px 1551px var(--white), -291px 718px var(--white), -1869px 810px var(--white), -4px 51px var(--white), -220px 619px var(--white), -1197px 1906px var(--white), -1301px 409px var(--white), -34px 73px var(--white), -1825px 599px var(--white), -898px 1376px var(--white), -1659px 245px var(--white), -1711px 33px var(--white), -346px 48px var(--white), -1772px 1843px var(--white), -911px 793px var(--white), -1618px 1432px var(--white), -604px 341px var(--white), -1015px 1487px var(--white), -917px 606px var(--white), -989px 604px var(--white), -387px 1338px var(--white), -1284px 1379px var(--white), -1894px 742px var(--white), -784px 849px var(--white), -1389px 1392px var(--white), -1674px 406px var(--white), -1645px 1515px var(--white), -1368px 115px var(--white), -634px 1874px var(--white), -804px 1126px var(--white), -1044px 726px var(--white), -1005px 1988px var(--white), -948px 353px var(--white), -1364px 721px var(--white), -1798px 1001px var(--white), -283px 1664px var(--white), -1251px 1973px var(--white), -1675px 1681px var(--white), -1240px 1651px var(--white), -116px 577px var(--white), -1966px 383px var(--white), -1510px 996px var(--white), -1706px 629px var(--white), -776px 1442px var(--white), -937px 1967px var(--white), -1822px 248px var(--white), -1289px 1239px var(--white), -426px 1895px var(--white), -1420px 388px var(--white), -118px 523px var(--white), -958px 1201px var(--white), -335px 1414px var(--white), -1392px 790px var(--white), -1459px 971px var(--white), -1888px 1000px var(--white), -1975px 1231px var(--white), -1991px 1474px var(--white), -988px 1775px var(--white), -1038px 712px var(--white), -686px 1679px var(--white), -1073px 606px var(--white), -1577px 1151px var(--white), -4px 1716px var(--white), -205px 962px var(--white), -969px 1957px var(--white), -195px 1100px var(--white), -1726px 23px var(--white), -1174px 1966px var(--white), -1150px 561px var(--white), -1112px 1204px var(--white), -1425px 1926px var(--white), -691px 1959px var(--white), -57px 243px var(--white), -1624px 1599px var(--white), -389px 928px var(--white), -330px 229px var(--white), -680px 748px var(--white), -721px 1796px var(--white), -242px 1679px var(--white), -588px 618px var(--white), -441px 282px var(--white), -347px 369px var(--white), -1703px 1223px var(--white), -747px 570px var(--white), -1385px 977px var(--white), -427px 729px var(--white), -1156px 257px var(--white), -1662px 321px var(--white), -1313px 306px var(--white), -514px 377px var(--white), -1199px 836px var(--white), -1493px 236px var(--white), -1608px 1654px var(--white), -1620px 306px var(--white), -188px 281px var(--white), -1962px 943px var(--white), -1489px 528px var(--white), -559px 376px var(--white), -1774px 1324px var(--white), -662px 1695px var(--white), -1722px 540px var(--white), -707px 1187px var(--white), -1957px 58px var(--white), -332px 607px var(--white), -738px 713px var(--white), -1431px 940px var(--white), -195px 1560px var(--white), -1034px 1966px var(--white), -185px 1446px var(--white), -1138px 1299px var(--white), -1936px 410px var(--white), -1903px 1005px var(--white), -979px 415px var(--white), -669px 3px var(--white), -1019px 563px var(--white), -1678px 947px var(--white), -873px 1677px var(--white), -1365px 581px var(--white), -1248px 189px var(--white), -871px 1892px var(--white), -1390px 724px var(--white), -1759px 272px var(--white), -550px 1460px var(--white), -504px 1796px var(--white), -938px 300px var(--white), -1731px 1813px var(--white), -613px 997px var(--white), -377px 1399px var(--white), -539px 1580px var(--white), -1087px 1340px var(--white), -1485px 1285px var(--white), -239px 1656px var(--white), -1345px 1907px var(--white), -1925px 754px var(--white), -118px 1195px var(--white), -721px 1416px var(--white), -1400px 158px var(--white), -730px 1245px var(--white), -305px 1398px var(--white), -923px 558px var(--white), -710px 413px var(--white), -1539px 38px var(--white), -542px 317px var(--white), -414px 455px var(--white), -347px 184px var(--white), -1765px 380px var(--white), -1009px 490px var(--white), -900px 1083px var(--white), -1709px 1627px var(--white), -879px 830px var(--white), -32px 1195px var(--white), -1228px 168px var(--white), -616px 1699px var(--white), -623px 1787px var(--white), -1465px 388px var(--white);
  animation: animStar 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: -226px 1303px var(--white), -403px 1679px var(--white), -1872px 1259px var(--white), -1132px 1348px var(--white), -1390px 1695px var(--white), -878px 1824px var(--white), -1599px 1161px var(--white), -597px 139px var(--white), -1369px 1919px var(--white), -1305px 471px var(--white), -611px 1180px var(--white), -873px 1750px var(--white), -721px 850px var(--white), -222px 1238px var(--white), -1633px 917px var(--white), -888px 544px var(--white), -119px 202px var(--white), -67px 1912px var(--white), -1748px 1369px var(--white), -105px 1605px var(--white), -83px 697px var(--white), -595px 1864px var(--white), -1575px 1207px var(--white), -385px 1052px var(--white), -436px 1136px var(--white), -127px 1589px var(--white), -1486px 1553px var(--white), -460px 1205px var(--white), -1106px 196px var(--white), -1915px 1766px var(--white), -735px 580px var(--white), -911px 896px var(--white), -178px 188px var(--white), -514px 1511px var(--white), -1215px 626px var(--white), -521px 1968px var(--white), -914px 1893px var(--white), -1742px 444px var(--white), -1254px 147px var(--white), -1921px 666px var(--white), -970px 160px var(--white), -989px 562px var(--white), -1312px 1888px var(--white), -282px 1976px var(--white), -1926px 1490px var(--white), -481px 1551px var(--white), -291px 718px var(--white), -1869px 810px var(--white), -4px 51px var(--white), -220px 619px var(--white), -1197px 1906px var(--white), -1301px 409px var(--white), -34px 73px var(--white), -1825px 599px var(--white), -898px 1376px var(--white), -1659px 245px var(--white), -1711px 33px var(--white), -346px 48px var(--white), -1772px 1843px var(--white), -911px 793px var(--white), -1618px 1432px var(--white), -604px 341px var(--white), -1015px 1487px var(--white), -917px 606px var(--white), -989px 604px var(--white), -387px 1338px var(--white), -1284px 1379px var(--white), -1894px 742px var(--white), -784px 849px var(--white), -1389px 1392px var(--white), -1674px 406px var(--white), -1645px 1515px var(--white), -1368px 115px var(--white), -634px 1874px var(--white), -804px 1126px var(--white), -1044px 726px var(--white), -1005px 1988px var(--white), -948px 353px var(--white), -1364px 721px var(--white), -1798px 1001px var(--white), -283px 1664px var(--white), -1251px 1973px var(--white), -1675px 1681px var(--white), -1240px 1651px var(--white), -116px 577px var(--white), -1966px 383px var(--white), -1510px 996px var(--white), -1706px 629px var(--white), -776px 1442px var(--white), -937px 1967px var(--white), -1822px 248px var(--white), -1289px 1239px var(--white), -426px 1895px var(--white), -1420px 388px var(--white), -118px 523px var(--white), -958px 1201px var(--white), -335px 1414px var(--white), -1392px 790px var(--white), -1459px 971px var(--white), -1888px 1000px var(--white), -1975px 1231px var(--white), -1991px 1474px var(--white), -988px 1775px var(--white), -1038px 712px var(--white), -686px 1679px var(--white), -1073px 606px var(--white), -1577px 1151px var(--white), -4px 1716px var(--white), -205px 962px var(--white), -969px 1957px var(--white), -195px 1100px var(--white), -1726px 23px var(--white), -1174px 1966px var(--white), -1150px 561px var(--white), -1112px 1204px var(--white), -1425px 1926px var(--white), -691px 1959px var(--white), -57px 243px var(--white), -1624px 1599px var(--white), -389px 928px var(--white), -330px 229px var(--white), -680px 748px var(--white), -721px 1796px var(--white), -242px 1679px var(--white), -588px 618px var(--white), -441px 282px var(--white), -347px 369px var(--white), -1703px 1223px var(--white), -747px 570px var(--white), -1385px 977px var(--white), -427px 729px var(--white), -1156px 257px var(--white), -1662px 321px var(--white), -1313px 306px var(--white), -514px 377px var(--white), -1199px 836px var(--white), -1493px 236px var(--white), -1608px 1654px var(--white), -1620px 306px var(--white), -188px 281px var(--white), -1962px 943px var(--white), -1489px 528px var(--white), -559px 376px var(--white), -1774px 1324px var(--white), -662px 1695px var(--white), -1722px 540px var(--white), -707px 1187px var(--white), -1957px 58px var(--white), -332px 607px var(--white), -738px 713px var(--white), -1431px 940px var(--white), -195px 1560px var(--white), -1034px 1966px var(--white), -185px 1446px var(--white), -1138px 1299px var(--white), -1936px 410px var(--white), -1903px 1005px var(--white), -979px 415px var(--white), -669px 3px var(--white), -1019px 563px var(--white), -1678px 947px var(--white), -873px 1677px var(--white), -1365px 581px var(--white), -1248px 189px var(--white), -871px 1892px var(--white), -1390px 724px var(--white), -1759px 272px var(--white), -550px 1460px var(--white), -504px 1796px var(--white), -938px 300px var(--white), -1731px 1813px var(--white), -613px 997px var(--white), -377px 1399px var(--white), -539px 1580px var(--white), -1087px 1340px var(--white), -1485px 1285px var(--white), -239px 1656px var(--white), -1345px 1907px var(--white), -1925px 754px var(--white), -118px 1195px var(--white), -721px 1416px var(--white), -1400px 158px var(--white), -730px 1245px var(--white), -305px 1398px var(--white), -923px 558px var(--white), -710px 413px var(--white), -1539px 38px var(--white), -542px 317px var(--white), -414px 455px var(--white), -347px 184px var(--white), -1765px 380px var(--white), -1009px 490px var(--white), -900px 1083px var(--white), -1709px 1627px var(--white), -879px 830px var(--white), -32px 1195px var(--white), -1228px 168px var(--white), -616px 1699px var(--white), -623px 1787px var(--white), -1465px 388px var(--white);
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: -1454px 1747px var(--white), -1772px 1262px var(--white), -839px 436px var(--white), -718px 105px var(--white), -671px 1044px var(--white), -1176px 1492px var(--white), -1331px 1736px var(--white), -1640px 780px var(--white), -1567px 1489px var(--white), -96px 759px var(--white), -476px 1134px var(--white), -30px 434px var(--white), -1312px 1596px var(--white), -440px 87px var(--white), -183px 130px var(--white), -191px 1990px var(--white), -503px 1795px var(--white), -565px 1478px var(--white), -181px 62px var(--white), -409px 1940px var(--white), -1596px 158px var(--white), -157px 132px var(--white), -973px 334px var(--white), -1004px 144px var(--white), -35px 1205px var(--white), -1037px 1770px var(--white), -84px 1992px var(--white), -1431px 1470px var(--white), -401px 1973px var(--white), -1238px 1324px var(--white), -887px 641px var(--white), -1349px 910px var(--white), -248px 1242px var(--white), -587px 1748px var(--white), -440px 1598px var(--white), -1862px 1178px var(--white), -1222px 630px var(--white), -1575px 1627px var(--white), -721px 1977px var(--white), -1788px 723px var(--white), -1513px 1025px var(--white), -413px 268px var(--white), -446px 599px var(--white), -41px 627px var(--white), -1723px 694px var(--white), -23px 1040px var(--white), -1889px 240px var(--white), -646px 324px var(--white), -1460px 1174px var(--white), -1363px 423px var(--white), -935px 1651px var(--white), -1321px 1629px var(--white), -1346px 1577px var(--white), -1293px 1613px var(--white), -608px 1980px var(--white), -1260px 200px var(--white), -1998px 1398px var(--white), -597px 54px var(--white), -820px 1534px var(--white), -1447px 1903px var(--white), -103px 303px var(--white), -125px 1472px var(--white), -1796px 792px var(--white), -1409px 330px var(--white), -275px 393px var(--white), -556px 434px var(--white), -1474px 635px var(--white), -220px 1878px var(--white), -1318px 23px var(--white), -186px 860px var(--white), -1906px 1288px var(--white), -1622px 1195px var(--white), -1033px 1751px var(--white), -1564px 1465px var(--white), -1853px 1932px var(--white), -163px 1517px var(--white), -969px 1430px var(--white), -783px 229px var(--white), -902px 600px var(--white), -630px 1715px var(--white), -222px 1440px var(--white), -1526px 457px var(--white), -289px 148px var(--white), -1981px 1854px var(--white), -1956px 1330px var(--white), -1046px 891px var(--white), -536px 1978px var(--white), -1894px 787px var(--white), -1299px 521px var(--white), -1676px 1861px var(--white), -193px 360px var(--white), -332px 284px var(--white), -52px 601px var(--white), -796px 883px var(--white), -813px 1932px var(--white), -1304px 361px var(--white), -261px 871px var(--white), -1845px 92px var(--white), -1539px 647px var(--white), -627px 841px var(--white);
  animation: animStar 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: -1454px 1747px var(--white), -1772px 1262px var(--white), -839px 436px var(--white), -718px 105px var(--white), -671px 1044px var(--white), -1176px 1492px var(--white), -1331px 1736px var(--white), -1640px 780px var(--white), -1567px 1489px var(--white), -96px 759px var(--white), -476px 1134px var(--white), -30px 434px var(--white), -1312px 1596px var(--white), -440px 87px var(--white), -183px 130px var(--white), -191px 1990px var(--white), -503px 1795px var(--white), -565px 1478px var(--white), -181px 62px var(--white), -409px 1940px var(--white), -1596px 158px var(--white), -157px 132px var(--white), -973px 334px var(--white), -1004px 144px var(--white), -35px 1205px var(--white), -1037px 1770px var(--white), -84px 1992px var(--white), -1431px 1470px var(--white), -401px 1973px var(--white), -1238px 1324px var(--white), -887px 641px var(--white), -1349px 910px var(--white), -248px 1242px var(--white), -587px 1748px var(--white), -440px 1598px var(--white), -1862px 1178px var(--white), -1222px 630px var(--white), -1575px 1627px var(--white), -721px 1977px var(--white), -1788px 723px var(--white), -1513px 1025px var(--white), -413px 268px var(--white), -446px 599px var(--white), -41px 627px var(--white), -1723px 694px var(--white), -23px 1040px var(--white), -1889px 240px var(--white), -646px 324px var(--white), -1460px 1174px var(--white), -1363px 423px var(--white), -935px 1651px var(--white), -1321px 1629px var(--white), -1346px 1577px var(--white), -1293px 1613px var(--white), -608px 1980px var(--white), -1260px 200px var(--white), -1998px 1398px var(--white), -597px 54px var(--white), -820px 1534px var(--white), -1447px 1903px var(--white), -103px 303px var(--white), -125px 1472px var(--white), -1796px 792px var(--white), -1409px 330px var(--white), -275px 393px var(--white), -556px 434px var(--white), -1474px 635px var(--white), -220px 1878px var(--white), -1318px 23px var(--white), -186px 860px var(--white), -1906px 1288px var(--white), -1622px 1195px var(--white), -1033px 1751px var(--white), -1564px 1465px var(--white), -1853px 1932px var(--white), -163px 1517px var(--white), -969px 1430px var(--white), -783px 229px var(--white), -902px 600px var(--white), -630px 1715px var(--white), -222px 1440px var(--white), -1526px 457px var(--white), -289px 148px var(--white), -1981px 1854px var(--white), -1956px 1330px var(--white), -1046px 891px var(--white), -536px 1978px var(--white), -1894px 787px var(--white), -1299px 521px var(--white), -1676px 1861px var(--white), -193px 360px var(--white), -332px 284px var(--white), -52px 601px var(--white), -796px 883px var(--white), -813px 1932px var(--white), -1304px 361px var(--white), -261px 871px var(--white), -1845px 92px var(--white), -1539px 647px var(--white), -627px 841px var(--white);
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-2000px);
  }
}

/*---------------------------------------------------------------------
                        درباره ما
-----------------------------------------------------------------------*/
.device-blog {
  position: relative;
  overflow: hidden;
}

.hand-tab {
  position: absolute;
  bottom: 0;
  left: 100px;
}

.hand {
  left: 0;
  position: absolute;
  bottom: -200px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}

.device-blog:hover .hand {
  bottom: -130px;
}

.device-blog .calculator .cryptonatorwidget {
  width: 60%;
}

/*---------------------------------------------------------------------
                        درباره ما
-----------------------------------------------------------------------*/
.iq-about1 {
  position: relative;
}

.iq-about1 .iq-img {
  position: absolute;
  bottom: 0;
  right: 90px;
}

.iq-about1 .calculator .cryptonatorwidget {
  width: 300px;
}

.iq-about1 .calculator {
  border-radius: 5px;
}

.calculator .cal-convertor .ccc-widget.ccc-converter>div:first-child {
  border: none !important;
  padding: 0px !important;
  background: none !important;
}

.calculator .cal-convertor .poweredByWrapper {
  display: none;
}

/*---------------------------------------------------------------------
                          Features
---------------------------------------------------------------------*/

/***************************
 Features1
****************************/
.iq-features1 {
  position: relative;
  top: 0;
}

.iq-features1:hover {
  top: -8px;
  -webkit-box-shadow: 2px 14px 44px -16px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 2px 14px 44px -16px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 14px 44px -16px rgba(0, 0, 0, 0.6);
}

.iq-features1 .iq-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 0;
  background-size: cover;
  background-position: center center;
}

.iq-features1:hover .iq-bg {
  opacity: 1;
}

.iq-features1 .iq-blog {
  background: var(--iq-gray);
  padding: 40px 50px 40px 30px;
  position: relative;
}

.iq-features1:hover .iq-blog {
  background: none;
}

.iq-features1 .iq-blog .icon i {
  font-size: 50px;
  color: var(--iq-dark);
}

.iq-features1 .iq-blog .step {
  background: var(--iq-primary);
  color: var(--white);
  font-size: 24px;
  line-height: 45px;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 100px;
  position: absolute;
  right: -20px;
  top: 40px;
}

.iq-features1:hover .iq-blog a:hover {
  color: var(--iq-primary);
}

.iq-features1 .iq-blog a i {
  margin-right: 6px;
}

.iq-features1 .iq-bg:before {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.iq-features1:hover h5 a {
  color: var(--iq-primary);
}

.iq-features1:hover .iq-blog .icon i,
.iq-features1:hover .iq-blog p,
.iq-features1:hover .iq-blog a {
  color: var(--white);
}

.iq-features1,
.iq-features1 .iq-bg,
.iq-features1 .iq-blog,
.iq-features1 .iq-blog h5,
.iq-features1 .iq-blog p,
.iq-features1 .iq-blog .icon i {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all .6s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

/***************************
 Features2
****************************/
.particles {
  position: absolute;
  right: 0;
  left: 0;
  top: -30px;
  z-index: -1;
}

.particles img {
  -webkit-animation: rotation 200s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-359deg);
  }
}

.iq-feature2 {
  background: rgba (255, 255, 255, 0);
  display: inline-block;
}

.iq-feature2 .iq-icon img {
  width: 60px;
}

.iq-feature2 p {
  margin-top: 6px;
}

.iq-feature2.first-l {
  margin-left: -30px !important;
}

.iq-feature2.second-l {
  margin-left: 30px !important;
}

.iq-feature2.first-r {
  margin-right: -30px !important;
}

.iq-feature2.second-r {
  margin-right: 30px !important;
}

/***************************
 Features3
****************************/
.iq-feature3 {
  position: relative;
  z-index: 2;
}

.iq-feature3:after {
  content: '';
  width: 2px;
  height: 70px;
  top: 60px;
  right: 24px;
  background: var(--iq-primary);
  position: absolute;
}

.iq-feature3:last-child:after {
  display: none;
}

.iq-feature3 .iq-icon {
  float: right;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  margin-left: 24px;
  color: var(--white);
  font-size: 22px;
  font-weight: 500;
}

.iq-feature3 .iq-icon i {
  font-size: 36px;
  color: var(--white);
}

.iq-feature3 .iq-icon span {
  font-size: 30px;
}

.iq-feature3 .fancy-content {
  display: table-cell;
}

.iq-feature3 .fancy-content p {
  padding: 0;
  margin: 0;
}

.iq-feature3.iq-bg .step {
  position: absolute;
  left: 0;
  top: 25px;
  font-size: 80px;
  color: var(--iq-gray);
  z-index: -1;
  font-weight: 600;
}

.iq-feature3.iq-bg {
  padding: 20px 15px;
  position: relative;
}

.iq-feature3.iq-bg:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background: var(--iq-gray);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  z-index: -1;
  border-radius: 5px;
}

.iq-feature3:hover.iq-bg:before {
  width: 100%;
  height: 100%;
}

.iq-feature-3 {
  padding: 50px 40px;
  position: relative;
  z-index: 0;
}

.iq-feature-3 .step {
  position: absolute;
  left: 40px;
  font-size: 80px;
  color: var(--iq-primary);
  z-index: -1;
  font-weight: 600;
}

/***************************
 Features4
****************************/
.iq-feature4 .Work-icon {
  padding: 10px;
  display: inline-block;
  position: relative;
}

.iq-feature4 .Work-icon i {
  border-radius: 100px;
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 90px;
  font-size: 45px;
  text-align: center;
  color: var(--iq-primary);
  background: var(--white);
}

.iq-feature4 .Work-icon:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  border: 2px dashed rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  border-radius: 90px;
  -webkit-animation: rotation 50s infinite linear;
}

.iq-feature4 .Work-icon .step {
  background: var(--iq-primary);
  color: var(--white);
  font-size: 20px;
  line-height: 36px;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
}

.iq-feature4 .stap-up:before {
  position: absolute;
  right: 90%;
  bottom: 65%;
  background: url(../images/arrow/dashed-arrow1.png) no-repeat 100% 0;
  content: "";
  width: 174px;
  height: 29px;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
}

.iq-feature4 .stap-dowen:before {
  position: absolute;
  right: 90%;
  bottom: 65%;
  background: url(../images/arrow/dashed-arrow1.png) no-repeat 100% 0;
  content: "";
  width: 174px;
  height: 29px;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
}

.iq-feature4 p {
  margin-bottom: 0;
}

.iq-feature4 .stap-up {
  position: relative;
}

.iq-feature4 .stap-dowen {
  position: relative;
}

/*--------------
  Arrow keyframes
----------------*/
@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(30px);
  }

  60% {
    transform: translateX(15px);
  }
}

/***************************
 Features5
****************************/
.iq-feature5 {
  position: relative;
  background: var(--white);
  padding: 35px 25px;
  text-align: center;
  float: right;
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.iq-feature5:hover {
  z-index: 9;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.iq-feature5 i {
  font-size: 40px;
}

/***************************
 Features6
****************************/
.iq-feature6 {
  position: relative;
}

.iq-feature6 .iq-icon {
  position: relative;
  float: right;
  border-radius: 90px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  margin-left: 24px;
  top: 0;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-feature6:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 70px;
  background: var(--iq-primary);
  right: 35px;
  margin-right: -1px;
}

.iq-feature6:hover .iq-icon {
  top: 35px;
}

.iq-feature6 .iq-icon i {
  font-size: 32px;
  color: var(--white);
  line-height: 70px;
}

.iq-feature6 .iq-icon span {
  font-size: 30px;
}

.iq-feature6 .fancy-content {
  display: table-cell;
}

/***************************
 Features7
****************************/
.iq-feature7 .iq-icon {
  float: right;
  border-radius: 90px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  margin-left: 15px;
}

.iq-feature7 .iq-icon i {
  font-size: 36px;
  color: var(--iq-primary);
}

.iq-feature7 .iq-icon span {
  font-size: 30px;
}

.iq-feature7 .fancy-content {
  display: table-cell;
}

/***************************
     Feature 8 
****************************/
.iq-feature7 .feature-content {
  position: relative;
  padding: 40px;
}

.iq-feature7 .feature-content .tag {
  background: var(--iq-primary);
  position: absolute;
  top: -47px;
  right: 30px;
  color: var(--white);
  padding: 5px 15px;
}

/***************************
     Feature 9 
****************************/
.iq-feature9 {
  position: relative;
  padding: 20px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-feature9:before {
  position: absolute;
  content: "";
  right: -100%;
  bottom: 0;
  height: 3px;
  width: 100%;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background: var(--iq-primary);
}

.iq-feature9 i {
  font-size: 50px;
}

.iq-feature9 .info-03 {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

/* fancy box Hover */
.iq-feature9:hover {
  -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15);
}

.iq-feature9:hover:before {
  right: 0;
}

/*---------------------------------------------------------------------
                          Counter
-----------------------------------------------------------------------*/
.counter-blog {
  padding-right: 60px;
}

.counter {
  position: relative;
}

.counter .right {
  float: right;
}

.counter i {
  font-size: 50px;
  display: inline-block;
  float: right;
  width: 50px;
  margin-left: 10px;
}

.counter span {
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 600;
}

.counter label {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 0;
}

/*************************************
           Counter 1 
**************************************/
.counter-2 {
  text-align: center;
}

.counter-2 .counter-icon {
  margin-bottom: 15px;
  font-size: 72px;
}

.counter-2 .info-counter {
  display: inline-block;
  width: 100%;
}

.counter-2 .info-counter span {
  display: block;
  font-size: 40px;
  font-weight: 600;
}

.counter-2 .info-counter label {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 10px;
}

/*---------------------------------------------------------------------
                         Teams 
-----------------------------------------------------------------------*/

/*************************************
         Teams 1 
**************************************/
.iq-team1 .team-blog {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.iq-team1 .team-blog .team-images {
  position: relative;
  display: inline-block;
}

.iq-team1 .team-blog .team-images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
}

.iq-team1 .team-blog .team-description {
  position: absolute;
  width: 100%;
  bottom: 0%;
  right: 0;
  color: var(--white);
  margin-top: -20px;
  padding: 0;
  opacity: 0;
  font-size: 16px;
}

.iq-team1 .team-blog .team-description a:hover {
  color: var(--iq-title-text);
}

.iq-team1 .team-blog:hover .team-images:before {
  opacity: 0.8;
}

.iq-team1 .team-blog .team-social {
  position: absolute;
  right: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
}

.iq-team1 .team-blog .team-social ul {
  width: 100%;
  display: inline-block;
  padding: 0px 10px;
}

.iq-team1 .team-blog .team-social ul li {
  display: inline-block;
}

.iq-team1 .team-blog .team-social ul li a {
  color: var(--white);
  padding: 10px;
}

.iq-team1 .team-blog .team-social ul li a:hover {
  color: var(--iq-primary);
}

.iq-team1 .team-blog .team-social ul li a i {
  font-size: 20px;
  display: inline-block;
  float: none;
  text-align: center;
  background: transparent;
}

.iq-team1,
.iq-team1 .team-blog:before,
.iq-team1 .team-blog:hover:before,
.iq-team1 .team-blog:hover .team-description,
.iq-team1 .team-blog:hover .team-social,
.iq-team1 .team-blog .team-social {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.iq-team1 .team-blog:hover .team-description {
  bottom: 20%;
  opacity: 1;
}

.iq-team1 .team-blog:hover .team-social {
  bottom: 8%;
  opacity: 1;
}

.iq-team1 p {
  margin-bottom: 0;
}

/*************************************
         Teams 2 
**************************************/
.iq-team2 .team-blog {
  border: 1px solid var(--iq-light-border);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-team2 .team-blog img {
  display: inline;
  width: 80px;
  border-radius: 100px;
}

.iq-team2 .team-blog:hover {
  border: 1px solid var(--iq-primary);
}

.iq-team2 .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-team2 .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-team2 .iq-media-blog li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--iq-dark);
  background: var(--iq-gray);
  text-align: center;
  border-radius: 50%;
}

.iq-team2 .iq-media-blog li a:hover {
  background: var(--iq-primary);
  color: var(--white);
}


/*---------------------------------------------------------------------
                         Coinex Charts 
-----------------------------------------------------------------------*/
.coinex-charts .btcwdgt-chart {
  box-shadow: none !important;
  max-width: 100% !important;
}

/*---------------------------------------------------------------------
                    Play Button
-----------------------------------------------------------------------*/
.play-btn {
  width: 120px;
  height: 120px;
  background: radial-gradient(var(--white) 50%, rgba(255, 255, 255, 0.15) 52%);
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* triangle */
.play-btn::after {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 20px solid var(--iq-dark);
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

/* scale the triangle */
.play-btn:hover::after {
  border-right: 15px solid var(--white);
  -webkit-transform: scale(20);
  transform: scale(20);
}

/* inherit triangle styles */
.play-btn:hover::before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 20px solid var(--iq-primary);
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0
  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0
  }
}

@-webkit-keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0
  }
}

/* Play video */
.play-video .video.play a {
  color: var(--white);
  font-size: 60px;
  line-height: 60px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -30px;
  margin-right: -30px;
}

.play-video .video-img {
  position: relative;
}

.play-video .video.play a:hover {
  color: var(--iq-primary);
}

.popup-gallery {
  position: relative;
}

/*---------------------------------------------------------------------
                          Blog
-----------------------------------------------------------------------*/
.iq-news-box .iq-news-image {
  position: relative;
}

.iq-news-box .iq-news-image .news-date {
  position: absolute;
  bottom: -15px;
  left: 30px;
  padding: 2px 8px;
  background: var(--iq-primary);
  color: var(--white);
}

.iq-news-box .iq-news-detail .news-tag {
  margin-bottom: 3px;
}

.iq-news-box .news-title a h5 {
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-news-box .news-title a:hover h5 {
  color: var(--iq-primary);
}

/*---------------------------------------------------------------------
                          Need Help
-----------------------------------------------------------------------*/
.iq-need-help ul li {
  font-size: 20px;
}

.iq-need-help ul li:first-child {
  border-left: 2px solid var(--white);
  padding-left: 25px;
  margin-left: 20px;
}

/*---------------------------------------------------------------------
                        Testimonial
-----------------------------------------------------------------------*/

/*************************
 Testimonial 1
*************************/
.iq-testimonial .owl-carousel.owl-theme .owl-dots {
  margin-top: 20px;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot span {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 6px;
  border-radius: 50%;
  display: inline-block;
  border: 4px solid var(--iq-gray);
  float: right;
  background: url("../images/feedback/01.jpg") no-repeat 100% 0 !important;
  background-size: cover !important;
  transition: all 0.3s ease-in-out 0s;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(2) span {
  background: url("../images/feedback/02.jpg") no-repeat 100% 0 !important;
  background-size: cover !important;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(3) span {
  background: url("../images/feedback/03.jpg") no-repeat 100% 0 !important;
  background-size: cover !important;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  border: 4px solid var(--iq-primary);
}

.iq-testimonial .owl-carousel .owl-item {
  padding: 30px;
  border-radius: 4px;
}

.iq-testimonial .testimonial .description {
  font-style: italic;
  font-size: 18px;
  line-height: 40px;
}

/*************************
 Testimonial 2
*************************/
.iq-testimonial2 .owl-prev,
.iq-testimonial2 .owl-next {
  float: right;
}

.iq-testimonial2 .owl-prev i,
.iq-testimonial2 .owl-next i {
  color: #ddd;
  font-size: 32px;
  margin-left: 10px;
}

.iq-testimonial2 .owl-prev i:before {
  content: "\f177";
  font-family: 'FontAwesome';
}

.iq-testimonial2 .owl-next i:before {
  content: "\f178";
  font-family: 'FontAwesome';
}

.iq-testimonial2 .owl-prev i,
.iq-testimonial2 .owl-next i {
  color: #ddd;
  font-size: 32px;
  margin-left: 10px;
}

.iq-testimonial2 .owl-prev:hover i,
.iq-testimonial2 .owl-next:hover i {
  color: var(--iq-primary);
}

.iq-testimonial2 .feedback .iq-avtar {
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  float: right;
  flex: none;
}

.iq-testimonial2 .feedback .iq-avtar img {
  border-radius: 100%;
  width: 150px;
}

.iq-testimonial2 .feedback .iq-info {
  position: relative;
}

.iq-testimonial2 .feedback .iq-info.light {
  background: rgba(255, 255, 255, 0.2) !important;
  border: none;
}

.iq-testimonial2 .feedback .iq-info.light:before {
  border-top: 15px solid rgba(255, 255, 255, 0.2) !important;
}

.iq-testimonial2 .feedback .title {
  font-size: 18px;
}

.iq-testimonial2 .feedback p {
  margin-bottom: 0px;
  font-style: italic;
  font-size: 18px;
  line-height: 32px;
  color: var(--iq-body-text);
}

.iq-testimonial2 .iq-star i {
  margin-left: 4px;
}

.iq-testimonial2 .owl-controls {
  position: relative;
  width: 100%;
  position: relative;
  top: 30px;
}

.iq-testimonial2 .feedback ul li {
  float: right;
  color: var(--iq-primary);
  font-size: 18px;
}

.iq-testimonial2 .feedback.feed-brd {
  border: 1px solid #2e3454;
  border-radius: 3px;
}

/*---------------------------------------------------------------------
                        Pricing
-----------------------------------------------------------------------*/
.iq-pricing {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 50px 15px;
  text-align: center;
  margin-top: 30px;
  color: var(--iq-title-text);
  perspective: 700px;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
}

.iq-pricing:hover {
  color: var(--white);
}

.iq-pricing:after {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--iq-primary);
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  transform: rotateY(-70deg);
  transition: all 0.3s ease-in-out 0s;
}

.iq-pricing:hover:after {
  opacity: 1;
  transform: rotateY(0deg);
}

.iq-pricing .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background: var(--white);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  font-size: 36px;
  color: var(--iq-primary);
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
}

.iq-pricing .pricing-header {
  margin-bottom: 30px;
}

.iq-pricing .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.iq-pricing .price-value {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  transition: all 0.3s ease-in-out 0s;
}

.iq-pricing:hover .price-value {
  border-bottom-color: var(--white);
}

.iq-pricing .pricing-content {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.iq-pricing .pricing-content li {
  line-height: 40px;
}

.iq-pricing .pricing-signup {
  display: inline-block;
  padding: 9px 23px;
  background: var(--iq-primary);
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  position: relative;
  transition: all 0.25s ease-in-out 0s;
}

.iq-pricing:hover .pricing-signup {
  background: var(--white);
  color: var(--iq-primary);
}

.iq-pricing .pricing-signup:before,
.iq-pricing .pricing-signup:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  transition: all 0.25s ease-in-out 0s;
}

.iq-pricing .pricing-signup:before {
  right: -12px;
  border-left: 12px solid var(--iq-primary);
}

.iq-pricing .pricing-signup:after {
  left: -12px;
  border-right: 12px solid var(--iq-primary);
}

.iq-pricing:hover .pricing-signup:before {
  border-left-color: var(--white);
}

.iq-pricing:hover .pricing-signup:after {
  border-right-color: var(--white);
}

.iq-pricing:hover .button {
  background: var(--iq-dark);
}

.iq-pricing:hover .button:hover {
  background: var(--white);
  color: var(--iq-dark);
}

.iq-pricing .pricing-content li i {
  font-size: 12px;
}

@media only screen and (max-width:990px) {
  .iq-pricing {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width:767px) {
  .iq-pricing {
    margin-bottom: 50px;
  }
}

/*Pricing Small*/
.pricing-small {
  text-align: center;
  padding: 30px 10px;
}

/* .pricing-small span { display: inline-block; width: 100%; } */
.pricing-small h3 {
  position: relative;
  margin-bottom: 10px;
}

.pricing-small h3:before {
  position: absolute;
  content: "";
  bottom: -10px;
  right: 50%;
  width: 50px;
  margin-right: -25px;
  background: var(--iq-primary);
  height: 2px;
}

/*Pricing  2*/
.iq-pricing-2 {
  padding: 30px 20px;
  text-align: center;
  z-index: 1;
  position: relative;
  border-radius: 10px;
  border: 1px solid var(--iq-light-border);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-pricing-2:hover {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--iq-primary);
}

.iq-pricing-2 .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.iq-pricing-2 .price-value {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
}

.iq-pricing-2 .pricing-content {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}


/*---------------------------------------------------------------------
                 Breadcrumb Inner Page
-----------------------------------------------------------------------*/
.iq-breadcrumb {
  padding: 150px 0 0;
}

.iq-breadcrumb h3 {
  margin-bottom: 6px;
}

.iq-breadcrumb .breadcrumb {
  z-index: 99;
  background: none;
  position: relative;
  color: var(--iq-dark);
  text-align: center;
  margin-bottom: 0;
  border-radius: 0;
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
}

.iq-breadcrumb nav {
  background: rgba(255, 255, 255, 0.2);
  margin-top: 100px;
  position: relative;
}

.iq-breadcrumb .breadcrumb li {
  display: inline-block;
}

.iq-breadcrumb .breadcrumb li,
.iq-breadcrumb .breadcrumb li a:hover {
  color: var(--iq-primary);
}

.iq-breadcrumb .breadcrumb li a,
.iq-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: var(--white);
  margin-bottom: 0;
}

/*Breadcrumb Left*/
.iq-breadcrumb.text-left .heading-title {
  text-align: right;
}

.iq-breadcrumb.text-left .heading-title .title:before {
  right: 0;
  margin-right: 0;
}

.iq-breadcrumb.text-left .breadcrumb {
  text-align: right;
}

/*Breadcrumb Right*/
.iq-breadcrumb.text-end .heading-title {
  text-align: left;
}

.iq-breadcrumb.text-end .heading-title .title:before {
  left: 0;
  right: inherit;
  margin-right: 0;
}

.iq-breadcrumb.text-end .breadcrumb {
  text-align: left;
}

/*---------------------------------------------------------------------
                       Clients
-----------------------------------------------------------------------*/
.iq-clients .iq-clients-blog {
  border: 1px solid var(--iq-light-border);
  border-radius: 3px;
}

.iq-clients .iq-clients-blog .client-img {
  width: 200px;
  margin-left: 10px;
}

.iq-clients .iq-clients-blog ul {
  background: var(--iq-gray);
  padding: 10px 0;
}

.iq-clients .iq-clients-blog ul li {
  margin: 0 20px;
}

.iq-clients .iq-clients-blog ul li a {
  color: var(--iq-dark);
}

.iq-clients .iq-clients-blog ul li a:hover {
  color: var(--iq-primary);
}

/*---------------------------------------------------------------------
                          به زودی می آییم 
-----------------------------------------------------------------------*/
.iq-coming {
  padding: 5% 0;
}

.iq-coming h2 {
  font-size: 80px;
  font-weight: 600;
  line-height: 80px;
}

.iq-coming h5 {
  font-size: 24px;
  line-height: 24px;
}

.iq-coming .countdown {
  list-style: none;
  margin: 40px 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}

.iq-coming .countdown li {
  display: inline-block;
}

.iq-coming .countdown li span {
  font-size: 50px;
  line-height: 80px;
  font-weight: 600;
}

.iq-coming .countdown li.seperator {
  font-size: 50px;
  line-height: 40px;
  vertical-align: top;
  margin-top: 15px;
}

.iq-coming .countdown li p {
  font-size: 20px;
}

.iq-coming input {
  width: 100%;
  border: none;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.2) !important;
  height: 44px;
  border-radius: 0 3px 3px 0;
  min-width: 300px;
}

.iq-coming .iq-subscribe {
  text-align: center;
  display: inline-block;
}

.iq-coming input {
  color: var(--white) !important;
}

.iq-coming input::-webkit-input-placeholder {
  color: var(--white) !important;
}

.iq-coming input::-moz-placeholder {
  color: var(--white) !important;
}

.iq-coming input:-moz-placeholder {
  color: var(--white) !important;
}

.iq-coming input:-ms-input-placeholder {
  color: var(--white) !important;
}

.iq-coming input:focus {
  outline: none;
}

.iq-coming .button {
  border-radius: 3px 0 0 3px;
}

/*---------------------------------------------------------------------
                          به زودی می آییم-2 
-----------------------------------------------------------------------*/
.iq-coming-2 h2 {
  font-size: 80px;
  font-weight: 600;
  line-height: 80px;
}

.iq-coming-2 h5 {
  font-size: 24px;
  line-height: 24px;
}

.iq-coming-2 .countdown {
  list-style: none;
  margin: 40px 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}

.iq-coming-2 .countdown li {
  display: inline-block;
}

.iq-coming-2 .countdown li span {
  font-size: 50px;
  line-height: 80px;
  font-weight: 600;
}

.iq-coming-2 .countdown li.seperator {
  font-size: 50px;
  line-height: 40px;
  vertical-align: top;
  margin-top: 15px;
}

.iq-coming-2 .countdown li p {
  font-size: 20px;
}

.iq-coming-2 input {
  width: 100%;
  border: none;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.2) !important;
  height: 44px;
  border-radius: 0 3px 3px 0;
  min-width: 300px;
}

.iq-coming-2 .iq-subscribe {
  text-align: center;
  display: inline-block;
}

.iq-coming-2 input {
  color: var(--iq-secondary) !important;
}

.iq-coming-2 input::-webkit-input-placeholder {
  color: var(--iq-secondary) !important;
}

.iq-coming-2 input::-moz-placeholder {
  color: var(--iq-secondary) !important;
}

.iq-coming-2 input:-moz-placeholder {
  color: var(--iq-secondary) !important;
}

.iq-coming-2 input:-ms-input-placeholder {
  color: var(--iq-secondary) !important;
}

.iq-coming-2 input:focus {
  outline: none;
}

.iq-coming-2 .button {
  border-radius: 3px 0 0 3px;
}

/*---------------------------------------------------------------------
                         Faqs 
-----------------------------------------------------------------------*/
.iq-faqs .card {
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}

.iq-faqs .card-header {
  transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  padding: 0;
  background-color: inherit;
  border-bottom: none;
}

.iq-faqs .card-body {
  padding: 15px;
}

.iq-faqs .card-header a,
.iq-faqs .card-header a:hover {
  position: relative;
  padding: 15px 15px 15px 30px;
  display: inline-block;
  color: var(--white);
  background-color: var(--iq-primary);
  width: 100%;
}

.iq-faqs .card-header .collapsed {
  position: relative;
  color: var(--iq-dark);
  background-color: var(--iq-gray);
}

.iq-faqs .card-header a:after {
  font-family: 'ionicons';
  content: "\f462";
  float: left;
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.iq-faqs .card-header a.collapsed:after {
  content: "\f489";
}

.faqs-link {
  padding: 0;
  margin: 0;
}

.faqs-link li a {
  background: var(--iq-light-border);
  padding: 10px 15px 10px 10px;
  width: 100%;
  display: inline-block;
  margin-bottom: 6px;
}

.faqs-link li a:hover {
  background: var(--iq-primary);
  color: var(--white);
}

/*---------------------------------------------------------------------
                         Help 
-----------------------------------------------------------------------*/
.iq-help {
  margin-top: 100px;
}

.iq-help .form-control {
  border-radius: 0;
  height: 45px;
}

.iq-help .form-control:focus {
  box-shadow: none;
}

.iq-help h3 {
  font-size: 42px;
  line-height: 54px;
}

.iq-help select.form-control {
  height: 45px !important;
}

/*---------------------------------------------------------------------
                         Event 
-----------------------------------------------------------------------*/
.iq-event .nav-tabs {
  border-bottom: none;
  overflow: hidden;
}

.iq-event .nav-tabs .nav-link:after {
  position: absolute;
  content: "";
  background: var(--iq-bg-light-color);
  top: 50%;
  left: 100%;
  width: 100%;
  height: 1px;
  z-index: -1;
}

.iq-event .nav-tabs .nav-link {
  position: relative;
  color: var(--iq-dark);
  background-color: var(--iq-gray);
  border: 1px solid var(--iq-bg-light-color);
  border-radius: 3px;
  margin-left: 30px;
}

.iq-event .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--white);
  background-color: var(--iq-primary);
  border: 1px solid var(--iq-primary);
}

.iq-event .tab-content ul li {
  margin: 5px 0;
}

.iq-event .tab-content ul li a {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.iq-event .tab-content ul li i {
  color: var(--iq-primary);
  font-size: 20px;
  width: 25px;
}

/*---------------------------------------------------------------------
                          404 Error
-----------------------------------------------------------------------*/
.iq-error h2 {
  font-size: 180px;
  font-weight: 600;
  line-height: 180px;
}

.iq-error h4 {
  background: var(--iq-light-border);
  font-size: 24px;
  padding: 6px 30px;
  display: inline-block;
}

.iq-error input {
  width: 100%;
  box-shadow: none !important;
  height: 45px;
  border-radius: 0;
  min-width: 300px;
}

.iq-error .iq-subscribe {
  text-align: center;
  display: inline-block;
}

/*---------------------------------------------------------------------
                          Timeline
-----------------------------------------------------------------------*/
.iq-timeline {
  overflow: hidden;
  position: relative;
}

.iq-timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: var(--iq-light-border);
  position: absolute;
  top: 0;
  right: 50%;
}

.iq-timeline .timeline {
  padding-left: 30px;
  position: relative;
}

.iq-timeline .timeline:before,
.iq-timeline .timeline:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.iq-timeline .timeline:first-child:before,
.iq-timeline .timeline:last-child:before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid var(--iq-gray);
  background: var(--white);
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  left: -3px;
}

.iq-timeline .timeline:last-child:before {
  top: auto;
  bottom: 0;
}

.iq-timeline .timeline-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--iq-gray);
  box-sizing: content-box;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -4px;
}

.iq-timeline .timeline-icon:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--iq-primary);
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.iq-timeline .year {
  display: inline-block;
  padding: 8px 20px;
  margin: 0;
  font-size: 14px;
  color: var(--white);
  background: var(--iq-primary);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translateY(-50%);
}

.iq-timeline .year:before {
  content: "";
  border-left: 18px solid var(--iq-primary);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  top: 2px;
  right: -18px;
}

.iq-timeline .timeline-content {
  border-radius: 3px;
  width: 46.5%;
  padding: 30px;
  margin: 0 0 0 20px;
  background: var(--iq-gray);
  position: relative;
}

.iq-timeline .timeline-content:after {
  content: "";
  border-right: 20px solid var(--iq-gray);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}

.iq-timeline .timeline:nth-child(2n) {
  padding: 0 30px 0 0;
}

.iq-timeline .timeline:nth-child(2n) .year {
  left: auto;
  right: 35%;
}

.iq-timeline .timeline:nth-child(2n) .year:before {
  border: 20px solid transparent;
  border-left: none;
  border-right: 18px solid var(--iq-primary);
  right: auto;
  left: -18px;
}

.iq-timeline .timeline:nth-child(2n) .timeline-content {
  float: left;
  margin: 0 20px 0 0;
}

.iq-timeline .timeline:nth-child(2n) .timeline-content:after {
  border-right: none;
  border-left: 20px solid var(--iq-gray);
  left: auto;
  right: -20px;
}

@media only screen and (max-width:1200px) {
  .iq-timeline .year {
    left: 30%;
  }

  .iq-timeline .timeline:nth-child(2n) .year {
    right: 30%;
  }
}

@media only screen and (max-width:990px) {
  .iq-timeline .year {
    left: 25%;
  }

  .iq-timeline .timeline:nth-child(2n) .year {
    right: 25%;
  }
}

@media only screen and (max-width:767px) {
  .iq-timeline:before {
    right: 10px;
  }

  .iq-timeline .timeline {
    padding: 0 30px 0 0;
    margin-bottom: 20px;
  }

  .iq-timeline .timeline:last-child {
    margin-bottom: 0;
  }

  .iq-timeline .timeline:first-child:before,
  .iq-timeline .timeline:last-child:before {
    display: none;
  }

  .iq-timeline .timeline-icon {
    margin: 0;
    position: absolute;
    top: 7px;
    right: 0;
  }

  .iq-timeline .year,
  .iq-timeline .timeline:nth-child(2n) .year {
    display: block;
    font-weight: bold;
    margin: 0 30px 32px 0;
    z-index: 1;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    transform: none;
  }

  .iq-timeline .timeline:nth-child(2n) .year:before {
    border-right: none;
    border-left: 18px solid var(--iq-primary);
    left: auto;
    right: -18px;
  }

  .iq-timeline .timeline-content {
    padding: 20px;
  }

  .iq-timeline .timeline-content,
  .iq-timeline .timeline:nth-child(2n) .timeline-content {
    width: auto;
    float: none;
    margin: 0 30px 0 0;
  }

  .iq-timeline .timeline-content:after,
  .iq-timeline .timeline:nth-child(2n) .timeline-content:after {
    border: none;
    border-bottom: 20px solid var(--iq-gray);
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    top: -20px;
    right: 50%;
    left: auto;
    transform: translateX(50%);
  }
}

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

  .iq-timeline .year,
  .iq-timeline .timeline:nth-child(2n) .year {
    margin-right: 20px;
  }

  .iq-timeline .timeline-content,
  .iq-timeline .timeline:nth-child(2n) .timeline-content {
    margin-right: 10px;
  }
}

/*---------------------------------------------------------------------
                          Footer
-----------------------------------------------------------------------*/
.iq-footer .logo img {
  width: 200px;
}

.iq-footer .small-title {
  margin-bottom: 20px;
}

.iq-footer hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*Menu*/
.iq-footer .footer-menu li {
  margin: 0;
}

.iq-footer .footer-menu li a {
  font-weight: 500;
  background: rgba(255, 255, 255, 0);
  padding: 8px 0;
  display: block;
  color: var(--white);
}

.iq-footer .footer-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: var(--iq-primary);
  padding: 8px 15px;
}

/*Copyright*/
.iq-footer .iq-copyright a {
  color: var(--iq-primary);
}

.iq-footer .iq-copyright a:hover {
  color: var(--white);
}

.iq-footer .footer-bottom {
  background: var(--iq-black);
}

/*Social Media*/
.iq-footer .iq-media-blog {
  margin: 0;
  padding: 0;
  text-align: left;
}

.iq-footer .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-footer .iq-media-blog li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: var(--white);
  background: transparent;
  border: 1px solid var(--iq-secondary);
  text-align: center;
  border-radius: 50%;
}

.iq-footer .iq-media-blog li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--white);
}

/*Contact*/
.iq-footer .iq-contact .blog {
  color: var(--white);
}

.iq-footer .iq-contact .blog .title {
  font-size: 20px;
}

.iq-footer .iq-contact .blog span {
  font-size: 20px;
}

.iq-footer .iq-contact .blog i {
  color: var(--iq-primary);
  font-size: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin-left: 15px;
  display: table;
  float: right;
}

.iq-footer .iq-contact .blog .content {
  display: table-cell;
}

.iq-footer .call-back {
  background: rgba(255, 255, 255, 0.2);
  padding: 30px;
}

.iq-footer .call-back .form-control {
  border: none;
  border-radius: 0;
  height: 45px !important;
}

/*---------------------------------------------------------------------
                          Footer 2
-----------------------------------------------------------------------*/
.iq-footer-2 {
  background: var(--iq-footer-bg);
}

.iq-footer-2 .iq-bg-fixed {
  background-color: rgba(0, 0, 0, 0);
}

.iq-footer-2 .footer-bottom {
  background: var(--iq-copyright-bg);
}

.iq-footer-2 .logo img {
  width: 200px;
}

.iq-footer-2 .small-title {
  margin-bottom: 30px;
}

.iq-footer-2 hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iq-footer-2 .iq-contact .blog {
  display: inline-block;
}

.iq-footer-2.gray-footer {
  background: var(--iq-loader-bg);
}

/*Contact*/
.iq-footer-2 .iq-contact .blog {
  color: var(--white);
}

.iq-footer-2 .iq-contact .blog .title {
  font-size: 20px;
}

.iq-footer-2 .iq-contact .blog span {
  font-size: 20px;
}

.iq-footer-2 .iq-contact .blog i {
  color: var(--iq-primary);
  font-size: 35px;
  line-height: 35px;
  vertical-align: middle;
  margin-left: 15px;
  display: table;
  float: right;
}

.iq-footer-2 .iq-contact .blog .content {
  display: table-cell;
}

/*Menu*/
.iq-footer-2 .footer-menu li {
  margin: 0;
}

.iq-footer-2 .footer-menu li a {
  font-weight: 500;
  background: rgba(255, 255, 255, 0);
  padding: 8px 0;
  display: block;
  color: var(--white);
}

.iq-footer-2 .footer-menu-list li a {
  font-weight: 500;
  padding: 8px 0;
  display: block;
  color: var(--white);
}

.iq-footer-2 .footer-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: var(--iq-primary);
  padding: 8px 15px;
}

.iq-footer-2 .footer-menu-list li a:hover {
  color: var(--iq-primary)
}

/*مطالب محبوب*/
.iq-footer-2 .iq-post li {
  width: 100%;
  float: right;
  margin-top: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.iq-footer-2 .post-blog {
  display: table-cell;
}

.iq-footer-2 .post-blog a {
  vertical-align: top;
  font-size: 16px;
  color: var(--white);
}

.iq-footer-2 .post-blog a:hover {
  color: var(--iq-primary);
}

.iq-footer-2 .post-blog .iq-date {
  font-size: 13px;
  display: table;
}

.iq-footer-2 .post-blog i {
  font-size: 14px;
}

.iq-footer-2 .iq-post li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.iq-footer-2 .post-img {
  display: table;
  float: right;
  margin-left: 15px;
}

.iq-footer-2 .post-img img {
  vertical-align: top;
  height: 65px;
  width: 65px;
  border-radius: 2px;
}

.iq-footer-2 ul {
  margin-left: 0px;
}

/*Newsletter*/
.iq-footer-2 .input-group-addon {
  padding: 0px;
}

footer .newsletter-form .input-group .form-control {
  border: none;
}

footer .newsletter-form .input-group-addon {
  border: none;
}

footer .newsletter-form .button {
  padding: 10px 20px 11px;
}

/*Copyright*/
.iq-footer-2 .iq-copyright,
.iq-footer-2 .iq-copyright a {
  color: var(--white);
}

.iq-footer-2 .iq-copyright a:hover {
  color: var(--iq-primary);
}

/*Social Media*/
.iq-footer-2 .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-footer-2 .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-footer-2 .iq-media-blog li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: var(--white);
  background: transparent;
  border: 1px solid var(--iq-secondary);
  text-align: center;
  border-radius: 50%;
}

.iq-footer-2 .iq-media-blog li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--white);
}

/*---------------------------------------------------------------------
                          Footer-3
-----------------------------------------------------------------------*/
.iq-footer-3 .logo img {
  width: 200px;
}

.iq-footer-3 .small-title {
  margin-bottom: 20px;
}

.iq-footer-3 hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iq-footer-3 .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2)
}

/*Menu*/
.iq-footer-3 .footer-menu li {
  margin: 0;
}

.iq-footer-3 .footer-menu li a {
  font-weight: 500;
  background: rgba(255, 255, 255, 0);
  padding: 8px 0;
  display: block;
  color: var(--white);
}

.iq-footer-3 .footer-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: var(--iq-primary);
  padding: 8px 15px;
}

/*Copyright*/
.iq-footer-3 .iq-copyright a {
  color: var(--iq-primary);
}

.iq-footer-3 .iq-copyright a:hover {
  color: var(--white);
}

.iq-footer-3.footer-bottom {
  background: rgba(0, 0, 0, 0.2);
}

/*Social Media*/
.iq-footer-3 .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-footer-3 .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-footer-3 .iq-media-blog li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: var(--white);
  background: transparent;
  border: 1px solid var(--iq-secondary);
  text-align: center;
  border-radius: 50%;
}

.iq-footer-3 .iq-media-blog li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--white);
}

/*Contact*/
.iq-footer-3 .iq-contact .blog {
  color: var(--white);
}

.iq-footer-3 .iq-contact .blog .title {
  font-size: 20px;
}

.iq-footer-3 .iq-contact .blog span {
  font-size: 20px;
}

.iq-footer-3 .iq-contact .blog i {
  color: var(--iq-primary);
  font-size: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin-left: 15px;
  display: table;
  float: right;
}

.iq-footer-3 .iq-contact .blog .content {
  display: table-cell;
}

/*Newsletter*/
.iq-footer-3 .input-group-addon {
  padding: 0px;
}

/*---------------------------------------------------------------------
                          Footer-4
-----------------------------------------------------------------------*/
.iq-footer-4 .logo img {
  width: 200px;
}

.iq-footer-4 .small-title {
  margin-bottom: 20px;
}

.iq-footer-4 hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iq-footer-4 .iq-contact .blog {
  display: inline-block;
}

/*Contact*/
.iq-footer-4 .iq-contact .blog {
  color: var(--iq-title-text);
}

.iq-footer-4 .iq-contact .blog .title {
  font-size: 20px;
}

.iq-footer-4 .iq-contact .blog span {
  font-size: 20px;
}

.iq-footer-4 .iq-contact .blog i {
  color: var(--iq-primary);
  font-size: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin-left: 15px;
  display: table;
  float: right;
}

.iq-footer-4 .iq-contact .blog .content {
  display: table-cell;
}

/*Menu*/
.iq-footer-4 .footer-menu li {
  margin: 0;
}

.iq-footer-4 .footer-menu li a {
  font-weight: 500;
  background: rgba(255, 255, 255, 0);
  padding: 8px 0;
  display: block;
  color: var(--iq-title-text);
}

.iq-footer-4 .footer-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: var(--iq-primary);
  padding: 8px 15px;
}

/*مطالب محبوب*/
.iq-footer-4 .iq-post li {
  width: 100%;
  float: right;
  margin-top: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.iq-footer-4 .post-blog {
  display: table-cell;
}

.iq-footer-4 .post-blog a {
  vertical-align: top;
  font-size: 16px;
  color: var(--iq-title-text);
}

.iq-footer-4 .post-blog a:hover {
  color: var(--iq-primary);
}

.iq-footer-4 .post-blog .iq-date {
  font-size: 13px;
  display: table;
}

.iq-footer-4 .post-blog i {
  font-size: 14px;
}

.iq-footer-4 .iq-post li:last-child {
  border-bottom: none;
}

.iq-footer-4 .post-img {
  display: table;
  float: right;
  margin-left: 15px;
}

.iq-footer-4 .post-img img {
  vertical-align: top;
  height: 65px;
  width: 65px;
  border-radius: 2px;
}

.iq-footer-4 ul {
  margin-left: 0px;
}

/*Newsletter*/
.iq-footer-4 .input-group-addon {
  padding: 0px;
}

footer.iq-footer-4 .newsletter-form .input-group .form-control {
  border: 1px solid #e2e2e2;
}

/*Copyright*/
.iq-footer-4 .iq-copyright,
.iq-footer-4 .iq-copyright a {
  color: var(--white);
}

.iq-footer-4 .iq-copyright a:hover {
  color: var(--iq-primary);
}

.iq-footer-4 .footer-bottom {
  background: var(--iq-title-text);
}

/*Social Media*/
.iq-footer-4 .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-footer-4 .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.iq-footer-4 .iq-media-blog li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: var(--iq-title-text);
  background: transparent;
  border: 1px solid var(--iq-title-text);
  text-align: center;
  border-radius: 50%;
}

.iq-footer-4 .iq-media-blog li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--iq-title-text);
}

/*---------------------------------------------------------------------
                          Footer 5
-----------------------------------------------------------------------*/
.iq-footer-5 .logo img {
  width: 200px;
}

.iq-footer-5 .iq-logo {
  width: 150px;
}

.iq-footer-5 ul li a {
  color: var(--white);
}

.iq-footer-5 .iq-menu {
  display: inline;
  float: left;
}

.iq-footer-5 .iq-menu li {
  float: right;
  margin-right: 30px;
}

.iq-footer-5 .iq-media-blog {
  margin: 0;
  padding: 0;
}

.iq-footer-5 .iq-media-blog li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 4px;
}

.iq-footer-5 .iq-media-blog li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--white);
  background: transparent;
  border: 1px solid #777777;
  text-align: center;
  border-radius: 50%;
}

.iq-footer-5 .iq-media-blog li a:hover {
  color: var(--white);
  border: 1px solid var(--iq-primary);
  background: var(--iq-primary);
}

.iq-footer-5 .contact {
  float: left;
  margin-top: 20px;
}

.iq-footer-5 .iq-copyright {
  color: var(--white);
}

.iq-footer-5 hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*---------------------------------------------------------------------
                          Footer 6
-----------------------------------------------------------------------*/
.iq-footer-6 {
  border-top: 1px solid var(--);
}

/*Social Media*/
.info-share {
  margin: 0;
  padding: 0;
  text-align: left;
}

.info-share li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0px 4px;
}

.info-share li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: var(--iq-dark);
  background: transparent;
  border: 1px solid var(--iq-dark);
  text-align: center;
  border-radius: 50%;
}

.info-share li a:hover {
  background: var(--iq-primary);
  border-color: var(--iq-primary);
  color: var(--white);
}

/*---------------------------------------------------------------------
                          Quote Form
-----------------------------------------------------------------------*/
.quote-form input {
  width: 100%;
  height: 45px;
  border: none;
  padding-right: 15px;
  border-radius: 3px;
}

.quote-form textarea {
  width: 100%;
  border: none;
  padding: 10px 15px 0 0;
  min-height: 110px;
  border-radius: 3px;
  outline: none;
}

.quote-form .section-field .button {
  width: 100%;
  margin-top: 2px;
  height: 45px;
  line-height: 26px;
}

.quote-form select {
  width: 100%;
  height: 45px !important;
  border: none;
  border-radius: 3px;
  box-shadow: inherit !important;
}

.quote-form-2 .button {
  width: auto;
}

/*---------------------------------------------------------------------
                        Counter
-----------------------------------------------------------------------*/
.iq-we-happy .counter i {
  margin-left: 24px;
}

.iq-we-happy .counter span {
  font-size: 36px;
}

.counter {
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
}

.counter i {
  font-size: 60px;
  line-height: 65px;
  display: inline-block;
  float: right;
  margin-left: 20px;
}

.counter span {
  display: inline-block;
  width: 70%;
  font-size: 40px;
  margin: 0;
  margin-bottom: 5px;
  line-height: 40px;
  float: right;
}

.counter label {
  font-size: 18px;
  display: block;
  position: relative;
  margin: 0 0 15px 0;
  margin-bottom: 0;
  text-transform: uppercase;
  float: right;
}

.counter-info {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  width: 100%;
  position: relative;
}

.counter-info-img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 200px;
  top: 30%;
}

.counter-info-img img {
  margin-top: -30px;
}

.counter-info .iq-video {
  position: absolute;
  right: 50%;
  top: 40%;
  background: var(--white);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 38px;
  color: var(--iq-primary);
  border-radius: 100%;
  line-height: 2.1;
  z-index: 9;
}

.counter-info .iq-video i {
  margin-right: 7px;
}

.iq-first-adv {
  background: rgba(249, 183, 7, 0.4);
}

.iq-faqs {
  background: url("../images/bg/bg-9.jpg") no-repeat 100% 0 !important;
  background-size: cover !important;
}

/*Services*/
.iq-tab .nav-pills .nav-link.active,
.iq-tab .nav-pills .show>.nav-link {
  color: var(--white);
  background-color: var(--iq-primary);
}

.iq-tab .nav-pills .nav-link {
  color: var(--iq-dark);
  background: white;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 25px 15px 0;
  margin-bottom: 8px;
  border-radius: 3px;
  position: relative;
}

.iq-tab .nav-pills {
  background: #f5f5f5;
  padding: 8px;
  border: 1px solid var(--);
}

.contact-box {
  position: relative;
  border-radius: 10px;
}

.contact-box img {
  left: 140px;
  bottom: 0;
  position: absolute;
}

.phone-box img {
  left: inherit;
  bottom: inherit;
}

.iq-tab ul.listing-hand li {
  line-height: 26px;
}

.iq-tab .nav-pills .nav-link:before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: var(--);
  height: 100%;
  width: 4px;
}

.iq-tab.iq-hori-tab .nav-pills .nav-link {
  padding: 15px 0;
}

/*---------------------------------------------------------------------
                          Contact 1
-----------------------------------------------------------------------*/
.contact-1 input,
.contact-1 textarea {
  width: 100%;
  box-shadow: none;
  border: none;
}

.contact-1 textarea {
  min-height: 100px;
}

.contact-1 textarea:focus {
  box-shadow: none !important;
  border: none !important;
}

.contact-1 .contact-form input,
.contact-1 textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  border-radius: .25rem;
  border: 1px solid var(--iq-light-border);
}

.contact-1 .iq-map iframe {
  border: 0px;
  width: 100%;
  height: 550px;
  z-index: 1;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.contact-1 #formmessage {
  display: none;
}

.iq-contact-box-01 .iq-icon {
  float: right;
  border-radius: 90px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  margin-left: 15px;
  color: var(--white);
}

.iq-contact-box-01 .iq-icon i {
  font-size: 30px;
}

.iq-contact-box-01 .iq-icon span {
  font-size: 30px;
}

.iq-contact-box-01 .contact-content {
  display: table-cell;
}

/*---------------------------------------------------------------------
                          Contact 2
-----------------------------------------------------------------------*/
.contact-2 input,
.contact-2 textarea {
  width: 100%;
  box-shadow: none;
  border: none;
}

.contact-2 textarea {
  min-height: 100px;
}

.contact-2 textarea:focus {
  box-shadow: none !important;
  border: none !important;
}

.contact-2 .contact-form input,
.contact-2 textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  border-radius: .25rem;
  border: 1px solid var(--iq-light-border);
}

.contact-2 .iq-map iframe {
  border: 0px;
  width: 100%;
  height: 550px;
  z-index: 1;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.contact-2 #formmessage {
  display: none;
}

.contact-2 .contact-box span {
  font-size: 20px;
}

.contact-2 .contact-box i {
  font-size: 36px;
  vertical-align: middle;
}

/*---------------------------------------------------------------------
                       چگونه کار میکند ؟s
-----------------------------------------------------------------------*/
.iq-step-box .Work-icon {
  padding: 10px;
  display: inline-block;
  position: relative;
}

.iq-step-box .Work-icon i {
  border-radius: 90px;
  display: inline-block;
  height: 99px;
  width: 99px;
  line-height: 99px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  font-size: 54px;
  text-align: center;
  color: var(--white);
  background: var(--iq-primary);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.iq-step-box .Work-icon:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  border: 2px dashed #e6e6e6;
  width: 100%;
  height: 100%;
  border-radius: 90px;
}

.iq-step-box .line:before {
  position: absolute;
  content: "";
  right: 110%;
  top: 50%;
  margin-top: -1px;
  border: 2px dashed #e6e6e6;
  width: 31vh;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

/*---------------------------------------------------------------------
                        Download
-----------------------------------------------------------------------*/
.iq-download .download-box i {
  font-size: 54px;
}

.iq-download .download-box {
  border: 1px solid var(--iq-primary);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-download .download-box:hover {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--iq-primary);
  background: var(--iq-primary);
}

/*---------------------------------------------------------------------
                        Home- 5
-----------------------------------------------------------------------*/
.iq-why-box ul.listing-hand li {
  display: inherit;
}

.iq-index-no {
  color: var(--iq-gray);
  background: var(--white);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translateY(-50%);
  font-size: 30px;
  box-shadow: -1px 1px 10px;
  font-weight: 900;
}

.iq-index-no.left {
  right: 35%;
  left: inherit;
}

.iq-feature4.iq-additional .Work-icon i {
  background: var(--iq-dark);
}

.iq-feature4.iq-additional .Work-icon:before {
  border: 2px dashed rgba(210, 205, 205, 0.6);
}

.iq-countdown .countdown li span {
  font-size: 50px;
  line-height: 80px;
  font-weight: 600;
}

/*---------------------------------------------------------------------
                          Latest Blog Post
-----------------------------------------------------------------------*/
.iq-blog-box {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.iq-blog-box .iq-blog-image img {
  width: 100%;
}

.iq-blog-detail {
  padding: 20px 15px 15px;
  background: var(--white);
}

.iq-blog-detail a,
.iq-blog-detail .blog-title a h5 {
  color: var(--iq-title-text);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-blog-detail a:hover,
.iq-blog-detail .blog-title a:hover h5 {
  color: var(--iq-primary);
}

.iq-blog-meta {
  margin: 15px 0 0px;
  border-top: 1px solid var(--iq-light-border);
  padding-top: 15px;
}

.iq-blog-meta ul li {
  margin: 0 0 0 15px;
  padding: 0;
  font-size: 16px;
  display: inline-block;
}

/*---------------------------------------------------------------------
                        Blog Page
-----------------------------------------------------------------------*/
.iq-page-blog .iq-blog-box {
  box-shadow: none;
  border: 1px solid var(--iq-light-border);
}

.iq-blog-box .iq-get-in {
  margin-top: 0;
  box-shadow: none;
}

/* Comments Box */
.iq-comment-list li {
  margin-top: 25px;
  margin-bottom: 0;
  vertical-align: top;
  padding: 0;
  position: relative;
}

.iq-comment-list .iq-comments-media {
  padding: 15px 15px 30px;
  border-radius: 0px;
  border-bottom: 1px solid var(--iq-light-border);
}

.iq-comment-list .iq-comments-media img {
  width: 85px;
}

.iq-comment-list li:last-child .iq-comments-media {
  border-bottom: none;
  padding-bottom: 0;
}

.iq-comment-list ul {
  padding-right: 60px;
}

.iq-comment-list .reply {
  position: absolute;
  line-height: 22px;
  margin: 0;
  padding: 2px 16px;
  font-size: 11px;
  left: 0;
  top: 0;
  font-weight: 500;
  color: var(--white);
}

.iq-comment-list .reply:hover,
.iq-comment-list .reply:focus {
  color: var(--white);
  background-color: var(--iq-black);
  border-color: var(--iq-black);
}

.iq-comment-list .iq-comments-media .iq-comments-info .reply {
  color: var(--white);
}

.info-block img {
  width: 100px;
}

/*---------------------------------------------------------------------
                        Blog Page
-----------------------------------------------------------------------*/
.iq-need {
  overflow: hidden;
}

.scroll-coins {
  position: relative;
}

.scroll-coins img {
  width: 60%;
}

.scroll-coins .img-1 {
  position: absolute;
  top: 0;
  right: 0;
}

.scroll-coins .img-2 {
  position: absolute;
  top: 0;
  right: 20%;
}

.scroll-coins .img-3 {
  position: absolute;
  top: 0;
  right: 40%;
}

/*---------------------------------------------------------------------
                       خرید و فروش
-----------------------------------------------------------------------*/
.iq-buy {
  text-align: center;
}

.iq-buy .nav-pills .nav-link {
  border-radius: 0;
  background: var(--iq-bg-light-color);
  color: var(--iq-title-text);
}

.iq-buy .nav-pills .nav-link.active,
.iq-buy .nav-pills .show>.nav-link {
  background: var(--iq-primary);
}

.iq-buy .tab-content .tab-pane .nav-pills.justify-content-end {
  margin-top: -56px;
}

/*---------------------------------------------------------------------
                         Home coin Effect
-----------------------------------------------------------------------*/
.iq-coin {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.iq-coin .coin-01 {
  position: absolute;
  top: 23%;
  right: 63%;
}

.iq-coin .coin-02 {
  position: absolute;
  top: 55%;
  left: 10%;
}

.iq-coin .coin-03 {
  position: absolute;
  top: 10%;
  left: 7%;
}

.iq-coin .coin-04 {
  position: absolute;
  bottom: 15%;
  right: 7%;
}

.iq-coin .coin-05 {
  position: absolute;
  top: 60%;
  right: 48%;
  z-index: -9;
}

.iq-coin .coin-06 {
  position: absolute;
  top: 0%;
  right: 0%;
}

/*---------------------------------------------------------------------
                       Screenshots
-----------------------------------------------------------------------*/
.iq-screenshots .owl-carousel .item {
  border: 1px solid var(--iq-light-border);
}

/*---------------------------------------------------------------------
                       Rev Slider
-----------------------------------------------------------------------*/
#rev_slider_2_1 .uranus.tparrows {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0)
}

#rev_slider_2_1 .uranus.tparrows:before {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s
}

#rev_slider_2_1 .uranus.tparrows:hover:before {
  opacity: 0.75;
}

.persephone.tparrows {
  cursor: pointer;
  background: rgba(201, 201, 201, 0.75);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 100;
  border: 1px solid rgba(255, 255, 255, 1);
}

.persephone.tparrows:hover {
  background: rgba(0, 0, 0, 1)
}

.persephone.tparrows:before {
  font-family: "revicons";
  font-size: 15px;
  color: rgb(255, 255, 255);
  display: block;
  line-height: 40px;
  text-align: center
}

.persephone.tparrows.tp-leftarrow:before {
  content: "\e824"
}

.persephone.tparrows.tp-rightarrow:before {
  content: "\e825";
}

.persephone.tparrows {
  cursor: pointer;
  background: rgba(201, 201, 201, 0.75);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 100;
  border: 1px solid rgba(255, 255, 255, 1);
}

.tp-caption.Gym-Subline,
.Gym-Subline {
  color: rgba(255, 255, 255, 1.00);
  font-size: 30px;
  line-height: 30px;
  font-weight: 100;
  font-style: normal;
  font-family: Raleway;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0px 0px 0px 0px;
}

#rev_slider_4_1 .zeus.tparrows {
  cursor: pointer;
  min-width: 70px;
  min-height: 70px;
  position: absolute;
  display: block;
  z-index: 100;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1)
}

#rev_slider_4_1 .zeus.tparrows:before {
  font-family: "revicons";
  font-size: 20px;
  color: rgb(255, 255, 255);
  display: block;
  line-height: 70px;
  text-align: center;
  z-index: 2;
  position: relative
}

#rev_slider_4_1 .zeus.tparrows.tp-leftarrow:before {
  content: "\e824"
}

#rev_slider_4_1 .zeus.tparrows.tp-rightarrow:before {
  content: "\e825"
}

#rev_slider_4_1 .zeus .tp-title-wrap {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  position: absolute;
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-radius: 50%
}

#rev_slider_4_1 .zeus .tp-arr-imgholder {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  transform: translatex(100%);
  -webkit-transform: translatex(100%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s
}

#rev_slider_4_1 .zeus.tp-rightarrow .tp-arr-imgholder {
  transform: translatex(-100%);
  -webkit-transform: translatex(-100%)
}

#rev_slider_4_1 .zeus.tparrows:hover .tp-arr-imgholder {
  transform: translatex(0);
  -webkit-transform: translatex(0);
  opacity: 1
}

#rev_slider_4_1 .zeus.tparrows:hover .tp-title-wrap {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}

.tp-caption.Gym-Subline,
.Gym-Subline {
  color: rgba(255, 255, 255, 1.00);
  font-size: 30px;
  line-height: 30px;
  font-weight: 100;
  font-style: normal;
  font-family: Raleway;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0px 0px 0px 0px;
}

.hebe.tparrows {
  cursor: pointer;
  background: rgba(255, 255, 255, 1);
  min-width: 70px;
  min-height: 70px;
  position: absolute;
  display: block;
  z-index: 100
}

.hebe.tparrows:before {
  font-family: "revicons";
  font-size: 30px;
  color: rgba(0, 0, 0, 0.5);
  display: block;
  line-height: 70px;
  text-align: center;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index: 2;
  position: relative;
  background: rgba(255, 255, 255, 1);
  min-width: 70px;
  min-height: 70px
}

.hebe.tparrows.tp-leftarrow:before {
  content: "\e824"
}

.hebe.tparrows.tp-rightarrow:before {
  content: "\e825"
}

.hebe.tparrows:hover:before {
  color: var(--iq-black)
}

.tp-title-wrap {
  position: absolute;
  z-index: 0;
  display: inline-block;
  background: var(--iq-black);
  background: rgba(0, 0, 0, 0.75);
  min-height: 60px;
  line-height: 60px;
  top: -10px;
  margin-right: 0px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform: scalex(0);
  -webkit-transform: scalex(0);
  transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%
}

.hebe.tp-rightarrow .tp-title-wrap {
  left: 0px;
  -webkit-transform-origin: 0% 50%
}

.hebe.tparrows:hover .tp-title-wrap {
  transform: scalex(1);
  -webkit-transform: scalex(1)
}

.hebe .tp-arr-titleholder {
  position: relative;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 12px;
  line-height: 90px;
  white-space: nowrap;
  padding: 0px 90px 0px 20px
}

.hebe.tp-rightarrow .tp-arr-titleholder {
  margin-right: 0px;
  padding: 0px 20px 0px 90px
}

.hebe.tparrows:hover .tp-arr-titleholder {
  transform: translatex(0px);
  -webkit-transform: translatex(0px);
  transition-delay: 0.1s;
  opacity: 1
}

.hebe .tp-arr-imgholder {
  width: 90px;
  height: 90px;
  position: absolute;
  right: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  top: 0px;
  left: -90px
}

.hebe.tp-rightarrow .tp-arr-imgholder {
  left: auto;
  right: -90px;
}

.service-chart-01 {
  min-height: 300px !important;
}

.page-link:focus {
  box-shadow: none !important;
}

.table>:not(:first-child) {
  border-top: 0px solid currentColor !important;
}

.avtar-name {
  color: var(--iq-body-text);
}

.pricing {
  padding: 50px 15px;
  transition: all 0.3s ease-in-out 0s;
  text-align: center;
  color: var(--iq-body-text);
  background-color: var(--iq-gray);
}

.pricing.active {
  background-color: var(--iq-title-text);
  color: var(--white) !important;
  transition: all 0.5s ease;
}

.pricing.active h2 {
  color: var(--white) !important;
  transition: all 0.5s ease;
}

.iq-pricing-detail {
  background-color: var(--white);
  color: var(--iq-body-text);
  box-shadow: 0 24px 84px 0px rgb(0, 0, 0, 5%);
  padding: 50px 15px;
}

.pricing-btn {
  position: absolute;
  text-align: center;
  right: 0;
  left: 0px;
  top: 195px;
  bottom: 0px;
}

.sale-box {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 163px;
  width: 131px;
  text-align: center;
  z-index: 0;
  left: 0;
  opacity: 0;
}

.sale-box .sale-text {
  font-size: 14px;
  color: var(--iq-loader-bg);
  background: var(--iq-primary);
  text-transform: uppercase;
  padding: 62px 37px 17px 39px;
  width: 285px;
  text-align: center;
  display: block;
  position: absolute;
  right: -24px;
  top: -34px;
  transition: all 0.5s ease;
  transform: rotate(-48deg);
  opacity: 0;
}

.pricing.active .sale-box,
.pricing.active .sale-box .sale-text {
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}

.iq-news-detail {
  color: var(--iq-title-text);
}

ul.footer-nav-menu {
  float: left;
}

.footer-nav-menu>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 18px;
  vertical-align: top;
  position: relative;
}

.footer-nav-menu>li>a {
  color: rgba(255, 255, 255, 0.95)
}

.widget-title {
  margin-bottom: 30px;
  position: relative;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 12px;
}

.chart-img .btcwdgt-chart .btcwdgt-header .stats div span {
  color: var(--iq-primary) !important;
}

.chart-img .btcwdgt-chart .btcwdgt-header .stats div {
  color: var(--white) !important;
}

@media(max-width:1024px) {
  .pricing-btn {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0px;
    top: 220px;
    bottom: 0px;
  }

  header.transparent .topbar {
    padding: 10px 24px;
  }

  header.transparent .iq-header {
    padding: 10px 24px;
  }

  header .logo a img {
    height: 23px;
  }
}

@media(max-width:991px) {
  .pricing-btn {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0px;
    top: 185px;
    bottom: 0px;
  }

  .iq-icon {
    margin-bottom: 10px;
  }

  header.transparent .iq-header {
    padding: 10px 0px;
  }
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px !important;
  }
}
/* 
RTL SETTINGS
by : Farham Aghdasi
url : farhamaghdasi.ir
vrs 1.0
*/

.forcefullwidth_wrapper_tp_banner {
  direction: ltr;
  transform: rotateY(180deg);
}

.tp-caption {
  transform: rotateY(180deg) !important;
  font-family: 'vazirmatn';
  direction: rtl;
}

#slide-14-layer-1,
#slide-14-layer-2,
#slide-16-layer-10,
#slide-16-layer-19,
#slide-16-layer-16,
#slide-9-layer-9,
#slide-9-layer-5,
#slide-11-layer-10,
#slide-11-layer-5,
#slide-11-layer-9,
#slide-10-layer-5,
#slide-10-layer-10,
#slide-1-layer-10,
#slide-1-layer-1,
#slide-1-layer-2,
#slide-42-layer-14,
#slide-42-layer-13,
#slide-42-layer-15 {
  text-align: right !important;
}

#slide-3-layer-1,
#slide-3-layer-10,
#slide-3-layer-2 {
  text-align: left !important;
}

div[class="tp-parallax-wrap tp-parallax-container"] {
  transform: rotateY(180deg) !important;
  left: 120px !important;
}



.header-div {
  text-align: right;
}

.ccc-coin-scroller-v1-price-container {
  direction: rtl;
}

.topbar-chart {
  direction: ltr;
}

img[src="revslider/assets/c2657-left.png"],
img[src="revslider/assets/c591f-right.png"] {
  transform: rotateY(-180deg);
}

img[src="/assets/images/banner/03.png"],
img[src="revslider/assets/bf82d-03.png"],
img[src="/assets/images/about-us/calculator-bitcoin.png"],
img[src="/assets/images/icon.png"],
img[src="/assets/images/device/hand-tab.gif"],
ul.listing-mark li:after,
a.button .icon svg,
img[src="/assets/images/about-us/help.png"],
.iq-about1 .iq-img,
img[src="/assets/images/banner/04.png"],
img[src="/assets/images/home/icon/01.png"],
img[src="/assets/images/about-us/about-img2.png"],
.feature-box-3 > img,
img[src="/assets/images/device/hand-tab.png"],
img[src="revslider/assets/89b8d-17.png"],
div[class="scroll-coins scrollme "] > img,
img[src="/assets/images/about-us/about-img1.png"] {
    transform: rotateY(180deg);
}


.apexcharts-tooltip-marker {
  margin-left: 10px !important;
}

.apexcharts-legend-marker {
  margin-left: 3px !important;
}



.shop-price strong {
  float: right;
}

#n-fl {
  float: right
}

* {
  letter-spacing: 0px !important;
}