/*
Power By: mostafa deshmir
www.vistateam.ir
www.deshmir.ir
info@vistateam.ir
*/


@font-face {
	font-family: iranyekan;
	font-style: normal;
	src: url('../fonts/eot/iranyekanwebboldfanum.eot');
	src: url('../fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}
@font-face {
	font-family: Lalezar;
	font-style: normal;
	src: url('../fonts/eot/Lalezar.eot');
	src: url('../fonts/eot/Lalezar.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/Lalezar.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/Lalezar.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/Lalezar.ttf') format('truetype');
}


body {
	font-family: iranyekan !important;
	font-weight: 300;
	direction: rtl;
	background-color: #E2E2E2;
	margin: 0;
}
form.vista {
    background-color: #fff;
	border-radius:10px;}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: iranyekan !important;
}
h1 {
	font-weight: bold;
}
.wrapper {
	max-width: 900px;
	margin: 0 auto;
}
.ltr {
	direction: ltr;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-small {
	font-size: 0.8em;
}
.text-xsmall {
	font-size: 0.6em;
}
.text-large {
	font-size: 1.2em;
}
.text-xlarge {
	font-size: 1.4em;
}
.text-underline {
	text-decoration:underline;
}
.text-ultralight {
	font-weight: 200;
}
.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: normal;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: bold;
}
.text-black {
	font-weight: 900;
}
blockquote {
	font-weight: 500;
	padding: 10px;
	border: 1px dashed #666666;
}

.mainbox {
	width: 100%;
	background-color: #EFEFEF;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
}

.mainboxnegativ {
	width: 100%;
	background-color: #000000;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
	color: #F9F9F9;
}

.mainbox2 {
	font-size: 1em;
	width: 90%;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainbox3 {
	width: 100%;
	background-color: #b8b8b8;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #bd70ff;
}

.mainbox2negativ {
	font-size: 1em;
	color: #F9F9F9;
	background-color: #000000;
	padding-right: 20px;
}

.farsiparagraph {
	font-size: 1em;
	width: 47%;
	float:right;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.englishparagraph {
	font-size: 1em;
	width: 47%;
	float: left;
	direction:ltr;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;


}
.rightbox {
	width: 60%;
	padding-right: 20px;
	padding-left: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F7F7F7;

}

.titelbox {
	width: 60%;
	padding-right: 25px;
	padding-left: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F2F2F2;
	color: #4B4B4B;
}


.lefttbox {

	padding-right: 20px;
	padding-left: 4px;
	float: right;
	margin-bottom: 10px;
	min-width: 0px;
}

.alphabet {
	width: 35%;
	float: left;
	font-size: 21em;
	text-align: center;
	font-weight: 500;
	color: #999999;
}

.alphabet2 {
	width: 35%;
	float: left;
	direction: ltr;
	font-size: 1.6em;
	text-align: left;
	font-weight: 500;
	color: #333333;
	margin-top: 100px;
}
.footer {
	font-weight: 300;
	font-size: 0.7em;
	text-align: center;
	direction: ltr;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



.tab-content > .active {

    display: block;
    margin: 20px;
}

html {
  font-size: 14px;
}


body,html {
  height: 100%;
}

body {
  font-family: "iranyekan", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #98a8b4;
  background-color: #f2f3f8;
  direction: rtl;
}

a {
  color: #5d5386;
  text-decoration: none;
  transition: all 0.5s ease;
  text-decoration:none!important;
}

a:focus, a:hover {
  color: #e76c90;
  text-decoration: underline;
}

*[class*="icon-"] {
  transform: translateY(3px);
}

body {
  overflow-x: hidden;
}

a, i, span {
  display: inline-block;
  text-decoration: none;
}

a:hover, a:focus, i:hover, i:focus, span:hover, span:focus {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

ol, ul, li{
  list-style:none;
}

section {
  padding: 35px 0;
}

.section {
  padding: 35px 0;
}

canvas {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: "iranyekan", sans-serif;
  line-height: 1.1;
  color: #2c304d;
}

h1, .h1 {
  font-size: 2.5rem;
  font-weight: 600;
}

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

h3, .h3 {
  font-size: 1.35rem;
  font-weight: 500;
}

h4, .h4 {
  font-size: 1.2rem;
  font-weight: 500;
}

h5, .h5 {
  font-size: 1rem;
  font-weight: 500;
}

h6, .h6 {
  font-size: 0.85rem;
  font-weight: 500;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}

.canvas {
  position: absolute;
  margin: auto;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.loader-logo {
  display: block;
  width: 120px;
  margin-bottom: 25px;
}

.spinner {
  animation: spinner 1s linear infinite;
  border: solid 5px transparent;
  border-top: solid 5px #5d5386;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  border-left: 0.25rem solid #eceeef;
}

.blockquote-footer {
  color: #636c72;
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}

.page-header {
  position: relative;
  z-index: 99;
  padding: 0 15px 30px 15px;
  width: 100%;
}

.page-header-2 {
  background: #fff;
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 99;
  padding: 25px 30px;
  margin-bottom: 10px;
  width: 100%;
}

.page-header-title {
  color: #2c304d;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: auto !important;
}

.page-header-tools {
  display: inline-block;
}

.container-fluid {
  padding: 30px 30px;
}

@media (max-width: 576px) {
  .container-fluid {
    padding: 15px;
  }

  .content-inner {
    margin-right: 0!important;
  }

  .page-header, .page-header-2 {
    padding: 20px 15px;
  }
}

header.page-header {
  padding: 30px 0;
}

table {
  font-size: 1rem;
  color: #98a8b4;
}

.content-inner {
  width: calc(100% - 240px);
  margin-right: 240px;
  transition: all 0.3s ease;
}

.content-inner.active {
  width: calc(100% - 90px);
  margin-right: 90px;
  transition: all 0.3s ease;
}

.content-inner.compact {
  width: calc(100% - 90px);
  margin-right: 90px;
  transition: all 0.3s ease;
}

.content-inner.compact.active {
  width: calc(100% - 0px);
  margin-right: 0px;
  transition: all 0.3s ease;
}

.content-inner.boxed {
  width: calc(100% - 0px);
  margin-right: 0;
}

button, input {
  outline: none !important;
}

.flex-row {
  display: flex;
}

.flex-row>[class*='col-'] {
  display: flex;
  flex-direction: column;
}

.flex-row>[class*='col-'] > .widget {
  background: #fff;
  height: 100%;
}

.flex-row>[class*='col-'] > .widget-image {
  height: 100%;
}

.flex-row.row:after,
.flex-row.row:before {
  display: flex;
}

.box-scroll {
  overflow-x: auto!important;
}

.go-top {
  background: #fff;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #2c304d;
  position: fixed;
  bottom: 3rem;
  left: 1rem;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  display: none;
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.15);
  z-index: 10000;
}

.go-top:hover,
.go-top:focus {
  color: #5d5386;
}

.c-icon {
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}

.c-icon i {
  color: #2c304d;
  font-size: 3rem;
  vertical-align: middle;
}

.c-class {
  color: #98a8b4;
  font-size: 0.85rem;
  font-weight: 500;
  width: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  margin-bottom: 20px;
}
/*
 * ANIMATION
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}
/*
 * LOGO
 */
.logo-centered {
  width: 140px;
  margin: 0 auto;
}

.logo-centered img {
  width: 140px;
  margin-bottom: 50px;
}
/*
 * BACKGROUND & OVERLAY
 */
.seenboard-bg {
  height: 100vh;
  width: 100%;
}

.seenboard-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.seenboard-overlay.overlay-01 {
  background: linear-gradient(135deg, rgba(46,52,81,0.4) 0%,rgba(52,40,104,0.95) 100%);
}

.seenboard-overlay.overlay-02 {
  background: linear-gradient(135deg, rgba(255,195,113,0.4) 0%,rgba(205,95,109,0.95) 100%);
}

.seenboard-overlay.overlay-03 {
  background: linear-gradient(135deg, rgba(46,52,81,0.4) 0%,rgba(205,95,109,0.95) 100%);
}

.seenboard-overlay.overlay-04 {
  background: linear-gradient(135deg, rgba(168, 24, 24, 0.4) 0%,rgba(227, 200, 35, 0.95) 100%);
}

.seenboard-overlay.overlay-05 {
  background: linear-gradient(135deg, rgba(0,201,255,0.4) 0%,rgba(146,254,157,0.95) 100%);
}

.seenboard-overlay.overlay-06 {
  background: linear-gradient(135deg, rgba(46,52,81,0.2) 0%,rgba(46,52,81,0.95) 100%);
}

.seenboard-overlay.overlay-07 {
  background: linear-gradient(135deg, rgba(46,52,81,0.5) 0%,rgba(46,52,81,0.95) 100%);
}

.seenboard-overlay.overlay-08 {
  background: linear-gradient(135deg, rgba(46,52,81,0.85) 0%,rgba(46,52,81,0.85) 100%);
}
.bg-fixed-01,
.bg-fixed-02,
.bg-fixed-03,
.bg-fixed-04,
.bg-fixed-05,
.bg-fixed-06 {
  overflow: auto;
}

.full-screen {
  height: 100vh !important;
}
/*
 * BUTTON
 */
.btn {
  font-weight: 600 !important;
  line-height: 1.25;
  border: none!important;
  padding: 10px 20px;
  font-size: 0.85rem;
  border-radius: 60px;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.ripple {
  background-position: center;
  transition: background 0.6s;
}

.ripple:hover {
  background: rgba(255, 255, 255, 0.15) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.15) 1%) center/15000%;
}

.ripple:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}

.btn:focus, .btn.focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn:active, .btn.active {
  background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.dropdown-menu {
  border-color: #eee;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.15);
}

.btn-shadow, .btn-shadow a {
  color: #5d5386;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.15);
}

.btn-shadow i, .btn-shadow a i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-shadow:hover, .btn-shadow a:hover {
  color: #5d5386;
  box-shadow: 0 1px 20px 1px rgba(52, 40, 104, 0.2);
}

.btn-shadow:active {
  color: #5d5386;
  background-color: #fff;
  border-color: #fff;
}

.btn-shadow:focus, .btn-shadow.focus {
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.15) !important;
}

.btn-shadow.disabled, .btn-shadow:disabled {
  color: #9c90d0;
  background-color: #fff;
  border-color: #fff;
}

.btn-shadow:active, .btn-shadow.active,
.show > .btn-shadow.dropdown-toggle {
  color: #5d5386;
  background-color: #fff;
  background-image: none;
}

.btn-gradient-01, .btn-gradient-01 a {
  background: #e23f83;
  background: linear-gradient(to right, #e23f83 0%, #ea5844 100%);
  background-size: 200% auto;
  font-weight: 600;
  transition: 0.5s;
  color: #fff;
  border: 0 none;
  padding: 12px 20px;
}

.btn-gradient-01 i, .btn-gradient-01 a i {
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-gradient-01:hover, .btn-gradient-01 a:hover {
  color: #fff;
  background-position: right center;
}

.btn-gradient-01:active {
  color: #fff;
  background-color: #e23f83;
  border-color: #e23f83;
}

.btn-gradient-01:focus, .btn-gradient-01.focus {
  color: #fff;
  box-shadow: none;
}

.btn-gradient-01.disabled, .btn-gradient-01:disabled {
  background-color: none;
  opacity: 0.3;
}

.btn-gradient-01:active, .btn-gradient-01.active,
.show > .btn-gradient-01.dropdown-toggle {
  color: #fff;
  background-color: #e23f83;
  background-image: none;
}

.btn-gradient-02, .btn-gradient-02 a {
background: #6c44bc;
 background: linear-gradient(to right, #6c44bc 0%, #9600ff 100%);
  background-size: 200% auto;
  font-weight: 600;
  transition: 0.5s;
  color: #fff;
  border: 0 none;
  padding: 12px 20px;
}

.btn-gradient-02 i, .btn-gradient-02 a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  margin-right: 0.4rem;
}

.btn-gradient-02:hover, .btn-gradient-02 a:hover {
  color: #fff;
  background-position: right center;
}

.btn-gradient-02:active {
  color: #fff;
  background-color: #9600ff;
  border-color:#6c44bc;
}

.btn-gradient-02:focus, .btn-gradient-02.focus {
  color: #fff;
  box-shadow: none;
}

.btn-gradient-02.disabled, .btn-gradient-02:disabled {
  background-color: none;
  opacity: 0.3;
}

.btn-gradient-02:active, .btn-gradient-02.active,
.show > .btn-gradient-02.dropdown-toggle {
  color: #fff;
  background-color: #2b5fab;
  background-image: none;
}

.btn-gradient-03, .btn-gradient-03 a {
  background: #6859ea;
  background: linear-gradient(to right, #6859ea 0%, #6acbe0 100%);
  background-size: 200% auto;
  font-weight: 600;
  transition: 0.5s;
  color: #fff;
  border: 0 none;
  padding: 12px 20px;
}

.btn-gradient-03 i, .btn-gradient-03 a i {
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-gradient-03:hover, .btn-gradient-03 a:hover {
  color: #fff;
  background-position: right center;
}

.btn-gradient-03:active {
  color: #fff;
  background-color: #e23f83;
  border-color: #e23f83;
}

.btn-gradient-03:focus, .btn-gradient-03.focus {
  color: #fff;
  box-shadow: none;
}

.btn-gradient-03.disabled, .btn-gradient-03:disabled {
  background-color: none;
  opacity: 0.3;
}

.btn-gradient-03:active, .btn-gradient-03.active,
.show > .btn-gradient-03.dropdown-toggle {
  color: #fff;
  background-color: #e23f83;
  background-image: none;
}

.btn-gradient-04, .btn-gradient-04 a {
  background: #41c7af;
  background: linear-gradient(to right, #41c7af 0%, #54e38e 100%);
  background-size: 200% auto;
  font-weight: 600;
  transition: 0.5s;
  color: #fff;
  border: 0 none;
  padding: 12px 20px;
}

.btn-gradient-04 i, .btn-gradient-04 a i {
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-gradient-04:hover, .btn-gradient-04 a:hover {
  color: #fff;
  background-position: right center;
}

.btn-gradient-04:active {
  color: #fff;
  background-color: #e23f83;
  border-color: #e23f83;
}

.btn-gradient-04:focus, .btn-gradient-04.focus {
  color: #fff;
  box-shadow: none;
}

.btn-gradient-04.disabled, .btn-gradient-04:disabled {
  background-color: none;
  opacity: 0.3;
}

.btn-gradient-04:active, .btn-gradient-04.active,
.show > .btn-gradient-04.dropdown-toggle {
  color: #fff;
  background-color: #e23f83;
  background-image: none;
}

.btn-gradient-05, .btn-gradient-05 a {
  background: #bc0056;
  background: linear-gradient(to right, #bc0056 0%, #730062 100%);
  background-size: 200% auto;
  font-weight: 600;
  transition: 0.5s;
  color: #fff;
  border: 0 none;
  padding: 12px 20px;
}

.btn-gradient-05 i, .btn-gradient-05 a i {
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-gradient-05:hover, .btn-gradient-05 a:hover {
  color: #fff;
  background-position: right center;
}

.btn-gradient-05:active {
  color: #fff;
  background-color: #e23f83;
  border-color: #e23f83;
}

.btn-gradient-05:focus, .btn-gradient-05.focus {
  color: #fff;
  box-shadow: none;
}

.btn-gradient-05.disabled, .btn-gradient-05:disabled {
  background-color: none;
  opacity: 0.3;
}

.btn-gradient-05:active, .btn-gradient-05.active,
.show > .btn-gradient-05.dropdown-toggle {
  color: #fff;
  background-color: #e23f83;
  background-image: none;
}

.btn-primary {
  color: #fff;
  background-color: #5d5386;
  border-color: #5d5386;
}

.btn-primary i {
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-primary:hover {
  color: #fff;
  background-color: #5d5386;
  border-color: #5d5386;
}

.btn-primary:active {
  color: #fff;
  background-color: #5d5386;
  border-color: #5d5386;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: none;
  outline: none;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #9086b9;
  border-color: #9086b9;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #594f82;
  border-color: #5d5386;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #5d5386;
  border-color: #5d5386;
}

.btn-secondary {
  color: #2c304d;
  background-color: #e4e8f0;
  border: 2px solid #e4e8f0;
}

.btn-secondary i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #2c304d;
  border-color: #2c304d;
}

.btn-secondary:focus, .btn-secondary.focus {
  border-color: transparent;
  box-shadow: none;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #9e9ead;
  background-color: #edf0f5;
  border-color: #edf0f5;
}

.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #2c304d;
  background-image: none;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
}

.btn-info i {
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #31b0d5;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #5bc0de;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #31b0d5;
  background-image: none;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
}

.btn-success i {
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #5cb85c;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
  background-image: none;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
}

.btn-warning i {
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #ec971f;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #f0ad4e;
}

.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #ec971f;
  background-image: none;
}

.btn-danger {
  color: #fff;
  background-color: #fe195e;
}

.btn-danger i {
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c9302c;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  background-color: #fe195e;
}

.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #c9302c;
  background-image: none;
}

.btn-light {
  color: #2c304d;
  background-color: #f8f9fa;
}

.btn-light i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-light:hover {
  color: #2c304d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  background-color: #fe195e;
}

.btn-light:active, .btn-light.active,
.show > .btn-light.dropdown-toggle {
  color: #2c304d;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  background-image: none;
}

.btn-dark {
  color: #fff;
  background-color: #2c304d;
}

.btn-dark i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-dark:hover {
  color: #fff;
  background-color: #2c304d;
  border-color: #2c304d;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  background-color: #fe195e;
}

.btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #2e324f;
  border-color: #2e324f;
  background-image: none;
}

.btn-outline-primary {
  color: #5d5386;
  border-color: #5d5386;
  background-image: none;
  background-color: transparent;
}

.btn-outline-primary i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #5d5386;
  border-color: #5d5386;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(121, 106, 238, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #796aee;
  background-color: transparent;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #5d5386;
  border-color: #5d5386;
}

.btn-outline-secondary {
  color: #2c304d;
  border-color: #e4e8f0;
  background-image: none;
  background-color: transparent;
}

.btn-outline-secondary i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #2c304d;
  border-color: #2c304d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #afaeae;
  background-color: transparent;
}

.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #2c304d;
  border-color: #2c304d;
}

.btn-outline-info {
  color: #5bc0de;
  border-color: #5bc0de;
  background-image: none;
  background-color: transparent;
}

.btn-outline-info i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}

.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
}

.btn-outline-success {
  color: #5cb85c;
  border-color: #5cb85c;
  background-image: none;
  background-color: transparent;
}

.btn-outline-success i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}

.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
}

.btn-outline-warning {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-image: none;
  background-color: transparent;
}

.btn-outline-warning i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}

.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
}

.btn-outline-danger {
  color: #fe195e;
  border-color: #fe195e;
  background-image: none;
  background-color: transparent;
}

.btn-outline-danger i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #fe195e;
  border-color: #fe195e;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #fe195e;
  background-color: transparent;
}

.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #fe195e;
}

.btn-outline-light {
  color: #2c304d;
  border-color: #f3f4f5;
  background-image: none;
  background-color: transparent;
}

.btn-outline-light i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-light:hover {
  color: #2c304d;
  background-color: #f3f4f5;
  border-color: #f3f4f5;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f3f4f5;
  background-color: transparent;
}

.btn-outline-light:active, .btn-outline-light.active,
.show > .btn-outline-light.dropdown-toggle {
  color: #2c304d;
  background-color: #f3f4f5;
}

.btn-outline-dark {
  color: #2c304d;
  border-color: #2c304d;
  background-image: none;
  background-color: transparent;
}

.btn-outline-dark i {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #2c304d;
  border-color: #2c304d;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #2c304d;
  background-color: transparent;
}

.btn-outline-dark:active, .btn-outline-dark.active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #2c304d;
}

.btn-lg {
  padding: 0.75rem 2.5rem;
  font-size: 1rem;
  border-radius: 4.2rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
}

.btn-square {
  border-radius: 0;
}

.btn-circle {
  border-radius: 50%;
  padding: 10px;
  text-align: center;
}

.btn-circle i {
  font-size: 1.6rem;
}

.button-nav {
  font-weight: 500;
}

.button-nav.nav-tabs {
  border: 0 none;
}

.button-nav.nav-tabs > li > a::after {
  display: none;
}

.button-nav * {
  transition: all 0.35s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.button-nav li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0.5rem;
  padding: 0;
}

.button-nav li:first-child {
  margin-left: 0;
}

.button-nav li:last-child {
  margin-left: 0;
}

.button-nav a {
  padding: 0.5rem 0;
  color: #2c304d;
  text-decoration: none;
  display: inline-block;
}

.button-nav a.active {
  background: #5d5386;
  padding: 0.5rem 1.07rem;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  border-radius: 35px;
}

.button-nav a.active:hover {
  color: #fff !important;
}

.button-nav a:hover {
  background: #5d5386 !important;
  padding: 0.5rem 1.07rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 35px;
}

.button-nav.nav-tabs > li > a:hover {
  color: #fff !important;
}

.button-nav a:before {
  bottom: 0;
  left: 0;
}

.rounded-button {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 50%;
}

a.rounded-button {
  color: #fff;
}

a:hover.rounded-button {
  opacity: 0.8;
}
/*
 * BACKGROUND COLORS
 */
.bg-gradient-01 {
  background: #fd584c;
  background: linear-gradient(135deg, #fd584c 0%, #f84271 80%) !important;
}

.bg-gradient-02 {
  background: #5d5386;
  background: linear-gradient(135deg, #5d5386 0%, #4c4275 80%) !important;
}

.bg-gradient-03 {
  background: #6859ea;
  background: linear-gradient(135deg, #6859ea 0%, #6acbe0 80%) !important;
}

.bg-gradient-04 {
  background: #00b7ff;
  background: linear-gradient(135deg, #00b7ff 0%, #ffffc7 100%) !important;
}

.bg-gradient-05 {
  background: #662d8c;
  background: linear-gradient(135deg, #662d8c 0%, #ed1e79 80%) !important;
}

.bg-primary, .bg-violet {
  background-color: #5d5386 !important;
  color: #fff;
}

.bg-danger, .bg-red {
  background-color: #fe195e !important;
  color: #fff;
}

.bg-info, .bg-blue {
  background-color: #08a6c3 !important;
  color: #fff;
}

.bg-yellow {
  background-color: #eef157 !important;
  color: #fff;
}

.bg-success, .bg-green {
  background-color: #69cd00 !important;
  color: #fff;
}

.bg-warning, .bg-orange {
  background-color: #f7b733 !important;
  color: #fff;
}

.bg-grey {
  background-color: #f6f6f6 !important;
}

.bg-white {
  background-color: #fff !important;
}
/*
 * TEXT COLORS
 */
.text-gradient-01 {
  background: #fd584c;
  background: linear-gradient(135deg, #fd584c 0%, #f84271 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-02 {
  background: #5d5386;
  background: linear-gradient(135deg, #5d5386 0%, #5d5386 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-03 {
  background: #6859ea;
  background: linear-gradient(135deg, #6859ea 0%, #6acbe0 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-04 {
  background: #00b7ff;
  background: linear-gradient(135deg, #00b7ff 0%, #ffffc7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-05 {
  background: #662d8c;
  background: linear-gradient(135deg, #662d8c 0%, #ed1e79 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-dark {
  color: #2c304d !important;
}

.text-primary {
  color: #5d5386 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #5d5386 !important;
}

.text-secondary {
  color: #e76c90 !important;
}

.text-red {
  color: #fe195e !important;
}

.text-yellow {
  color: #eef157 !important;
}

.text-green {
  color: #60c400 !important;
}

.text-orange {
  color: #f7b733 !important;
}

.text-violet {
  color: #796aee !important;
}

.text-blue {
  color: #08a6c3 !important;
}

.text-grey-light {
  color: #e6e8e9 !important;
}

.text-grey-dark {
  color: #50525b !important;
}

/*
 * HELPERS CLASS
 */
.page {
  background: #f9f9f9;
}

.page.bg-2 {
  background: #fbfbfc;
}

.page .text-white {
  color: #fff;
}

.no-bg {
  background: none !important;
}

.no-shadow {
  box-shadow: none !important;
}

.no-border {
  border: 0 none !important;
}

.square {
  border-radius: 0;
}

.hide {
  display: none;
}

.hidden {
  overflow: hidden;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.padding-b-50 {
  padding-bottom: 50px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

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

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.page {
  overflow-x: hidden;
}

.overflow-y {
  overflow-y: auto;
}

.has-shadow {
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.08);
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.max-width-250 {
  max-width: 250px !important;
}

.max-width-300 {
  max-width: 300px !important;
}

.max-width-350 {
  max-width: 350px !important;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

/*
 * FORM
 */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="city"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select,
textarea {
  outline: none;
  box-shadow:none !important;
}

.form-control {
  font-size: 1rem;
  line-height: 1.25;
  color: #2c304d;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0.75rem 1.07rem;
}

.form-control::-moz-placeholder {
  font-size: 0.85rem;
  font-weight: 400;
  font-family: "iranyekan", sans-serif;
  color: #94a4b0;
}

.form-control::-webkit-input-placeholder {
  font-size: 0.85rem;
  font-weight: 400;
  font-family: "iranyekan", sans-serif;
  color: #94a4b0;
}

.form-control:-ms-input-placeholder {
  font-size: 0.85rem;
  font-weight: 400;
  font-family: "iranyekan", sans-serif;
  color: #94a4b0;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.85rem + 2px);
}

.form-control:focus,
.has-success .form-control:focus,
.has-danger .form-control:focus,
.has-warning .form-control:focus,
.has-info .form-control:focus {
  border-color: #5d5386;
}

.has-success .form-control {
  border-color: #5cb85c;
}

.has-danger .form-control {
  border-color: #fe195e;
}

.has-warning .form-control {
  border-color: #f0ad4e;
}

.has-info .form-control {
  border-color: #31b0d5;
}

.form-control-label {
  color: #2c304d;
  font-weight: 500;
}

.form-control-plaintext {
  color: #2c304d;
  font-weight: 300;
  display: block;
  width: 100%;
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: 0;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.invalid-feedback {
  margin: 0;
  font-size: 0.95rem;
  color: #fe195e;
}

button, input[type='submit'] {
  cursor: pointer;
  font-family: inherit;
  font-weight: 300 !important;
}

form label {
  color: #2c304d;
  font-weight: 500;
}

.input-group span.input-group-addon {
  font-weight: 500;
  border-radius: 0;
  border: 0 none;
  padding: 0.75rem 1.07rem;
  text-align: center;
}

.input-group span.input-group-addon i {
  font-size: 1.4rem;
}

.input-group span.input-group-addon.addon-primary {
  background-color: #5d5386;
  color: #fff;
}

.input-group span.input-group-addon.addon-secondary {
  background-color: #e4e8f0;
  color: #2c304d;
}

.input-group span.input-group-addon.addon-orange {
  background-color: #e76c90;
  color: #fff;
}

.input-group .input-group-btn .btn {
  padding: 0.9rem 1.07rem;
  border-radius: 0;
  font-weight: 500;
}

.input-group .input-group-btn .btn i {
  font-size: 1.4rem;
}

.input-group .dropdown-toggle {
  background: #f5f5f5;
  color: #94a4b0;
}

.input-group ul.dropdown-menu {
  padding: 15px;
  color: #94a4b0;
  border-radius: 0;
}

.input-group ul.dropdown-menu a {
  padding: 5px 0;
  color: inherit;
  text-decoration: none;
}

.input-group ul.dropdown-menu a:hover {
  color: #5d5386;
}

.material-input input {
  font-size:1rem;
  padding:10px 10px 10px 5px;
  display:block;
  width: 100%;
  border:none;
  border-bottom:1px solid #e4e8f0;
}

.material-input input:focus {
  outline:none;
}

.material-input label {
  color:#98a8b4;
  font-size:0.9rem;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  right:5px;
  top:10px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.material-input input:focus ~ label, .material-input input:valid ~ label {
  top:-20px;
  font-size:0.8rem;
  color:#5d5386;
}

.material-input .bar  {
  position:relative;
  display:block;
  width:100%;
}

.material-input .bar:before, .material-input .bar:after {
  content:'';
  height:1px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#5d5386;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.material-input .bar:before {
  left:50%;
}

.material-input .bar:after {
  right:50%;
}

.material-input input:focus ~ .bar:before, .material-input input:focus ~ .bar:after {
  width:50%;
}

.material-input .highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

.material-input input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
  from {
    background:#5264AE;
  }
  to  {
    width:0;
    background:transparent;
  }
}

@-moz-keyframes inputHighlighter {
  from {
    background:#5264AE;
  }
  to  {
    width:0;
    background:transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background:#5264AE;
  }
  to  {
    width:0;
    background:transparent;
  }
}

.modal-content {
  border-radius: 0;
}

.i-checks {
  display: flex;
}

section.forms p {
  font-size: 0.9rem;
  color: #555;
}

section.forms form span, section.forms form small {
  font-size: 0.85rem;
  color: #999;
  font-weight: 300;
}

.styled-radio {
  position: relative;
  padding-right: 35px;
  text-align: right;
}

.styled-radio label {
  cursor: pointer;
}

.styled-radio label:before,
.styled-radio label:after {
  content: '';
  position: absolute;
  top: 50%;
  border-radius: 50%;
}

.styled-radio label:before {
  right: 0;
  width: 20px;
  height: 20px;
  margin: -15px 0 0;
  background: rgba(52, 40, 104, 0.1);
  box-shadow: 0 0 1px #eee;
}

.styled-radio label:after {
  right: 5px;
  width: 10px;
  height: 10px;
  margin: -10px 0 0;
  opacity: 0;
  background: #5d5386;
  -webkit-transform: translate3d(-15px, 0, 0) scale(0.5);
  transform: translate3d(-15px, 0, 0) scale(0.5);
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.styled-radio input[type="radio"] {
  position: absolute;
  top: 0;
  right: -9999px;
  visibility: hidden;
}

.radio-disabled,
.radio-disabled.styled-radio label  {
  cursor: not-allowed;
  opacity: 0.8;
}

.styled-radio input[type="radio"]:checked + label:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.styled-checkbox {
  position: relative;
  padding-right: 35px;
  text-align: right;
}

.styled-checkbox label {
  cursor: pointer;
}

.styled-checkbox label:before,
.styled-checkbox label:after {
  content: '';
  position: absolute;
  top: 50%;
  border-radius: 4px;
}

.styled-checkbox label:before {
  right: 0;
  width: 20px;
  height: 20px;
  margin: -15px 0 0;
  background: rgba(52, 40, 104, 0.1);
  box-shadow: 0 0 1px #eee;
}

.styled-checkbox label:after {
  font-family: 'Ionicons';
  content: "\f2bc";
  font-size: 1rem;
  right: 5px;
  margin: -15px 0 0;
  opacity: 0;
  color: #5d5386;
  -webkit-transform: translate3d(-15px, 0, 0) rotate(90deg);
  transform: translate3d(-15px, 0, 0) rotate(90deg);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.styled-checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  right: -9999px;
  visibility: hidden;
}

.checkbox-disabled,
.checkbox-disabled.styled-checkbox label  {
  cursor: not-allowed;
  opacity: 0.8;
}

.styled-checkbox input[type="checkbox"]:checked + label:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.checkbox {
  cursor: pointer;
  border-radius: 50%;
  display: block;
  color: rgba(52, 40, 104, 0.3);
  transition: color 0.8s ease;
}

.checkbox:hover:after {
  color: rgba(52, 40, 104, 0.4);
}

.checkbox:after {
  line-height: 40px;
  font-family: "Ionicons";
  display: block;
  content: "";
  text-align: center;
  font-size: 1.4rem;
  transition: color 0.5s ease;
}

.check:after {
  content: "\f383";
}

.check.is-checked:after {
  color: #60c400;
}

.heart:after {
  content: "\f141";
}

.heart.is-checked:after {
  color: #f14c38;
}

.star:after {
  content: "\f24e";
}

.star.is-checked:after {
  color: #fcc525;
}

.toggle-checkbox {
  display: none;
}

.toggle-checkbox + span {
  width: 60px;
  height: 30px;
  border-radius: 35px;
  background-color: #dfdde7;
  transition-duration: 0.3s;
  transition-property: background-color;
  cursor: pointer;
}

.toggle-checkbox:checked + span {
  background-color: #5d5386;
}

.toggle-checkbox + span > span {
  float: left;
  width: 26px;
  height: 26px;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: white;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: transform;
  pointer-events: none;
}

.toggle-checkbox:checked + span > span {
  transform: translateX(30px);
}

.toggle-checkbox-sm {
  display: none;
}

.toggle-checkbox-sm + span {
  width: 50px;
  height: 25px;
  border-radius: 35px;
  background-color: #dfdde7;
  transition-duration: 0.3s;
  transition-property: background-color;
  cursor: pointer;
}

.toggle-checkbox-sm:checked + span {
  background-color: #5d5386;
}

.toggle-checkbox-sm + span > span {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: white;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: transform;
  pointer-events: none;
}

.toggle-checkbox-sm:checked + span > span {
  transform: translateX(25px);
}

.step-container {
  position: relative;
  min-height: 100px;
  display: block;
  margin-bottom: 2rem;
}

/* ========================================= */
/*     05) PAGES                             */
/* ========================================= */
/*
 * 01. AUTHENTICATION
 */
/*
 * Login / Register
 */
.authentication-col-content{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  padding: 0 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.authentication-col-content h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 700;
}

.authentication-col-content .description {
  color: #fff;
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  direction:rtl;
  text-align:justify;
  line-height:22px;
  max-width:900px;
}

.authentication-form {
  font-size: 0.9rem;
  width: 70%;
  display: block;
}

.authentication-form h3 {
  color: #2c304d;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
}

.authentication-form .group {
  position: relative;

}

.authentication-form .sign-btn {
  margin: 25px 0 0 0;
}

.register {
  color: #40545a;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 991px) {
  .authentication-form {
    padding: 3rem;
  }
}

@media (max-width: 572px) {
  .authentication-form {
    width: 100%;
    padding: 3rem;
  }
}
/*
 * Login / Register 02
 */
.authentication-col-content-2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  padding: 0 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.authentication-col-content-2 h1 {
  margin-top: 30px;
  margin-bottom: 0;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
}

.authentication-col-content-2 .description {
  color: #fff;
  margin-top: 15px;
  font-size: 1rem;
  font-weight: 500;
}

.authentication-form-2 {
  width: 50%;
  display: block;
}

.authentication-form-2 h3 {
  color: #2c304d;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: right;
}

.authentication-form-2 .group {
  position: relative;
  margin-bottom: 30px;
}

.authentication-form-2 .sign-btn {
  margin: 25px 0 0 0;
}

.login-nav {
  font-weight: 500;
}

.login-nav.nav-tabs {
  border: 0 none;
}

.login-nav.nav-tabs > li > a::after {
  display: none;
}

.login-nav * {
  transition: all 0.35s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.login-nav li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0.5rem;
  padding: 0;
}

.login-nav li:first-child {
  margin-right: 0;
}

.login-nav li:last-child {
  margin-left: 0;
}

.login-nav a {
  padding: 0.65rem 0;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

.login-nav a.active {
  background: #fff;
  padding: 0.65rem 1.07rem;
  color: #e76c90;
  text-decoration: none;
  display: inline-block;
  border-radius: 35px;
}

.login-nav a.active:hover {
  color: #2c304d !important;
}

.login-nav a:hover {
  background: #fff !important;
  padding: 0.65rem 1.07rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 35px;
}

.login-nav.nav-tabs > li > a:hover {
  color: #2c304d !important;
}

.login-nav a:before {
  bottom: 0;
  left: 0;
}

@media (max-width: 572px) {
  .authentication-form-2 {
    width: 100%;
    padding: 2rem;
  }
}

/*
 * Forgot Password
 */
.password-form {
  background: #fff;
  font-size: 0.9rem;
  padding: 3.8rem 3rem;
  display: block;
  width: 400px;
  max-width: 400px;
  border-radius: 4px;
  box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 15px 25px 2px rgba(0,0,0,.14),0 5px 30px 5px rgba(0,0,0,.12);
  z-index: 2;
}

.password-form h3 {
  color: #2c304d;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
}

.password-form .group {
  position: relative;
  margin-bottom: 30px;
}

.password-form .button {
  margin: 25px 0 0 0;
}

.password-form .back {
  color: #40545a;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 572px) {
  .password-form {
    width: 100%;
    margin: 1rem;
  }
}
/* ========================================= */
/*     06) RESPONSIVE                        */
/* ========================================= */
@media (max-width: 1200px) {
  .default-sidebar > .side-navbar,
  .compact-sidebar > .side-navbar,
  .compact-light-sidebar > .side-navbar {
    margin-right: -90px;
    min-width: 90px;
    max-width: 90px;
    text-align: center;
  }

  .default-sidebar > .side-navbar span.heading,
  .compact-sidebar > .side-navbar span.heading,
  .compact-light-sidebar > .side-navbar span.heading {
    margin: 0;
  }

  .default-sidebar > .side-navbar ul a,
  .compact-sidebar > .side-navbar ul a,
  .compact-light-sidebar > .side-navbar ul a {
    padding: 10px 5px;
    border: none;
    font-size: 0.85rem;
  }

  .default-sidebar > .side-navbar ul a[data-toggle="collapse"]::before,
  .compact-sidebar > .side-navbar ul a[data-toggle="collapse"]::before,
  .compact-light-sidebar > .side-navbar ul a[data-toggle="collapse"]::before {
    content: '\f123';
    transform: translateX(50%);
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 0;
    left: auto;
  }

  .default-sidebar > .side-navbar ul a[data-toggle="collapse"][aria-expanded="true"]::before,
  .compact-sidebar > .side-navbar ul a[data-toggle="collapse"][aria-expanded="true"]::before,
  .compact-light-sidebar > .side-navbar ul a[data-toggle="collapse"][aria-expanded="true"]::before {
    content: '\f126';
  }

  .default-sidebar > .side-navbar ul a:hover,
  .compact-sidebar > .side-navbar ul a:hover,
  .compact-light-sidebar > .side-navbar ul a:hover {
    border: none;
  }

  .default-sidebar > .side-navbar ul a i,
  .compact-sidebar > .side-navbar ul a i,
  .compact-light-sidebar > .side-navbar ul a i {
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
    font-size: 1.6rem;
    transition: color 0.3s;
  }

  .default-sidebar > .side-navbar .sidebar-header .title,
  .compact-sidebar > .side-navbar .sidebar-header .title,
  .compact-light-sidebar > .side-navbar .sidebar-header .title {
    display: none;
  }

  .default-sidebar > .side-navbar.shrinked,
  .compact-sidebar > .side-navbar.shrinked,
  .compact-light-sidebar > .side-navbar.shrinked {
    margin-right: 0;
  }

  .content-inner,
  .content-inner.compact {
    width: 100%!important;
    margin-right: 0;
  }

  .content-inner.active {
    width: calc(100% - 90px);
  }

  nav.navbar .navbar-brand .brand-big {
    display: none;
  }

  nav.navbar .navbar-brand .brand-small {
    display: block !important;
  }

  nav.navbar .menu-btn {
    margin-left: 20px;
    font-size: 1.2rem;
    transition: all 0.7s;
  }

  nav.navbar .menu-btn span:first-of-type {
    transform: translateY(16px);
  }

  nav.navbar .menu-btn span:nth-of-type(2) {
    transform: none;
  }

  nav.navbar .menu-btn span:nth-of-type(2)::before, nav.navbar .menu-btn span:nth-of-type(2)::after {
    transform: rotate(45deg);
  }

  nav.navbar .menu-btn span:nth-of-type(2)::after {
    transform: rotate(145deg);
    position: absolute;
    top: -2px;
    left: 0;
  }

  nav.navbar .menu-btn span:last-of-type {
    transform: translateY(-16px);
  }

  nav.navbar .menu-btn.active span:first-of-type {
    transform: none;
  }

  nav.navbar .menu-btn.active span:nth-of-type(2) {
    transform: rotateY(180deg);
  }

  nav.navbar .menu-btn.active span:last-of-type {
    transform: none;
  }

  footer.main-footer.fixed-footer {
    margin-left: 0;
  }

  .content-inner.active footer.main-footer.fixed-footer {
    margin-left: 90px;
  }

  .widget-01 .other-stats {
    padding-top: 1rem;
  }

  .widget-03.blog-image {
    height: 385px !important;
  }
}

@media (max-width: 991px) {
  section.dashboard-header div[class*='col-'] {
    margin-bottom: 20px;
  }

  .project .right-col {
    margin-top: 20px;
    margin-left: 65px;
  }

  .project .project-progress {
    width: 150px;
  }

  section.charts h2 {
    font-size: 1rem;
  }

  .d-scroll {
    max-height: 640px;
  }
}
@media (max-width: 1024px){
	.flex-row>[class*='col-'] {
    display: flex;
    flex-direction: column;
	justify-content: center;
}
}
@media (max-width: 576px) {
  h1, .h1 {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    font-size: 1.3rem !important;
    font-weight: 700;
  }
 .authentication-col-content{padding: 0 30px;}
.authentication-col-content .description{ direction:rtl;text-align:justify;font-size:14px;}
.bottom-particles .bubble:nth-child(40),.bottom-particles .bubble:nth-child(41),.bottom-particles .bubble:nth-child(42),.bottom-particles .bubble:nth-child(43),
.bottom-particles .bubble:nth-child(44),.bottom-particles .bubble:nth-child(45),.bottom-particles .bubble:nth-child(46),
.bottom-particles .bubble:nth-child(47),
.bottom-particles .bubble:nth-child(48),
.bottom-particles .bubble:nth-child(49),
.bottom-particles .bubble:nth-child(50),
.bottom-particles .bubble:nth-child(50),.bottom-particles .bubble:nth-child(51),.bottom-particles .bubble:nth-child(52),.bottom-particles .bubble:nth-child(53),
.bottom-particles .bubble:nth-child(54),.bottom-particles .bubble:nth-child(55),.bottom-particles .bubble:nth-child(56),
.bottom-particles .bubble:nth-child(57),
.bottom-particles .bubble:nth-child(58),
.bottom-particles .bubble:nth-child(59),
.bottom-particles .bubble:nth-child(60),
.bottom-particles .bubble:nth-child(61),
.bottom-particles .bubble:nth-child(62),
.bottom-particles .bubble:nth-child(63),
.bottom-particles .bubble:nth-child(64),
.bottom-particles .bubble:nth-child(65),
.bottom-particles .bubble:nth-child(67),
.bottom-particles .bubble:nth-child(68),
.bottom-particles .bubble:nth-child(69),
.bottom-particles .bubble:nth-child(70),
.bottom-particles .bubble:nth-child(71),
.bottom-particles .bubble:nth-child(72),
.bottom-particles .bubble:nth-child(73),
.bottom-particles .bubble:nth-child(74),
.bottom-particles .bubble:nth-child(75),
.bottom-particles .bubble:nth-child(76),
.bottom-particles .bubble:nth-child(77),
.bottom-particles .bubble:nth-child(78),
.bottom-particles .bubble:nth-child(79),
.bottom-particles .bubble:nth-child(78),
.bottom-particles .bubble:nth-child(79),
.bottom-particles .bubble:nth-child(80),
.bottom-particles .bubble:nth-child(81),
.bottom-particles .bubble:nth-child(82),
.bottom-particles .bubble:nth-child(83),
.bottom-particles .bubble:nth-child(84),
.bottom-particles .bubble:nth-child(85),
.bottom-particles .bubble:nth-child(86),
.bottom-particles .bubble:nth-child(87),
.bottom-particles .bubble:nth-child(89),
.bottom-particles .bubble:nth-child(90),
.bottom-particles .bubble:nth-child(91),
.bottom-particles .bubble:nth-child(92),
.bottom-particles .bubble:nth-child(93),
.bottom-particles .bubble:nth-child(94),
.bottom-particles .bubble:nth-child(95),
.bottom-particles .bubble:nth-child(96),
.bottom-particles .bubble:nth-child(97),
.bottom-particles .bubble:nth-child(98),
.bottom-particles .bubble:nth-child(99),
.bottom-particles .bubble:nth-child(100),
.bottom-particles .bubble:nth-child(100),.bottom-particles .bubble:nth-child(101),.bottom-particles .bubble:nth-child(102),.bottom-particles .bubble:nth-child(103),
.bottom-particles .bubble:nth-child(104),.bottom-particles .bubble:nth-child(105),.bottom-particles .bubble:nth-child(106),.bottom-particles .bubble:nth-child(107),
.bottom-particles .bubble:nth-child(108),
.bottom-particles .bubble:nth-child(109),
.bottom-particles .bubble:nth-child(110),
.bottom-particles .bubble:nth-child(111),
.bottom-particles .bubble:nth-child(112),
.bottom-particles .bubble:nth-child(113),
.bottom-particles .bubble:nth-child(114),
.bottom-particles .bubble:nth-child(115),
.bottom-particles .bubble:nth-child(116),
.bottom-particles .bubble:nth-child(117),
.bottom-particles .bubble:nth-child(118),
.bottom-particles .bubble:nth-child(119),
.bottom-particles .bubble:nth-child(120),
.bottom-particles .bubble:nth-child(121),
.bottom-particles .bubble:nth-child(122),
.bottom-particles .bubble:nth-child(123),
.bottom-particles .bubble:nth-child(124),
.bottom-particles .bubble:nth-child(125),
.bottom-particles .bubble:nth-child(126),
.bottom-particles .bubble:nth-child(127),
.bottom-particles .bubble:nth-child(128),
.bottom-particles .bubble:nth-child(129),
.bottom-particles .bubble:nth-child(130),
.bottom-particles .bubble:nth-child(131),
.bottom-particles .bubble:nth-child(132),
.bottom-particles .bubble:nth-child(133),
.bottom-particles .bubble:nth-child(134),
.bottom-particles .bubble:nth-child(135),
.bottom-particles .bubble:nth-child(136),
.bottom-particles .bubble:nth-child(137),
.bottom-particles .bubble:nth-child(138),
.bottom-particles .bubble:nth-child(139),
.bottom-particles .bubble:nth-child(140),
.bottom-particles .bubble:nth-child(141),
.bottom-particles .bubble:nth-child(142),
.bottom-particles .bubble:nth-child(143),
.bottom-particles .bubble:nth-child(144),
.bottom-particles .bubble:nth-child(145),
.bottom-particles .bubble:nth-child(146),
.bottom-particles .bubble:nth-child(147),
.bottom-particles .bubble:nth-child(148),
.bottom-particles .bubble:nth-child(149),
.bottom-particles .bubble:nth-child(150),
.bottom-particles .bubble:nth-child(151),
.bottom-particles .bubble:nth-child(152),
.bottom-particles .bubble:nth-child(153),
.bottom-particles .bubble:nth-child(154),
.bottom-particles .bubble:nth-child(155),
.bottom-particles .bubble:nth-child(156),
.bottom-particles .bubble:nth-child(157),
.bottom-particles .bubble:nth-child(158),
.bottom-particles .bubble:nth-child(159),
.bottom-particles .bubble:nth-child(160),
.bottom-particles .bubble:nth-child(161),
.bottom-particles .bubble:nth-child(162),
.bottom-particles .bubble:nth-child(163),
.bottom-particles .bubble:nth-child(164),
.bottom-particles .bubble:nth-child(165),
.bottom-particles .bubble:nth-child(166),
.bottom-particles .bubble:nth-child(167),
.bottom-particles .bubble:nth-child(168),
.bottom-particles .bubble:nth-child(169),
.bottom-particles .bubble:nth-child(170),
.bottom-particles .bubble:nth-child(171),
.bottom-particles .bubble:nth-child(172),
.bottom-particles .bubble:nth-child(173),
.bottom-particles .bubble:nth-child(174),
.bottom-particles .bubble:nth-child(175),
.bottom-particles .bubble:nth-child(176),
.bottom-particles .bubble:nth-child(177),
.bottom-particles .bubble:nth-child(178),
.bottom-particles .bubble:nth-child(179),
.bottom-particles .bubble:nth-child(180),
.bottom-particles .bubble:nth-child(181),
.bottom-particles .bubble:nth-child(182),
.bottom-particles .bubble:nth-child(183),
.bottom-particles .bubble:nth-child(184),
.bottom-particles .bubble:nth-child(185),
.bottom-particles .bubble:nth-child(186),
.bottom-particles .bubble:nth-child(187),
.bottom-particles .bubble:nth-child(188),
.bottom-particles .bubble:nth-child(189),
.bottom-particles .bubble:nth-child(190),
.bottom-particles .bubble:nth-child(191),
.bottom-particles .bubble:nth-child(192),
.bottom-particles .bubble:nth-child(193),
.bottom-particles .bubble:nth-child(194),
.bottom-particles .bubble:nth-child(195),
.bottom-particles .bubble:nth-child(196),
.bottom-particles .bubble:nth-child(197),
.bottom-particles .bubble:nth-child(198),
.bottom-particles .bubble:nth-child(199),
.bottom-particles .bubble:nth-child(200) {display:none}

  footer.main-footer {
    position: relative !important;
  }

  footer.main-footer.fixed-footer {
    margin-left: 0;
  }

  footer.main-footer div[class*='col'] {
    text-align: center !important;
  }

  footer.main-footer .btn {
    margin-bottom: 1.07rem;
  }

  .d-scroll {
    max-height: 500px;
  }

  .off-sidebar-container {
    width: 100%;
  }

  .off-sidebar-header {
    width: 100%;
  }

  .off-sidebar-header h2 {
    padding-left: 20px;
  }

  .messenger-image.messenger-image-default {
    width: 50px;
    height: 50px;
  }

  .widget-01 .today-sales .text {
    margin: 0 0 20px;
  }

  .widget-04 .message-body span {
    float: none;
  }

  .widget-07 li {
    display: block;
    padding-top: 1.4rem;
  }
}

/*icon-social*/
ul.socail-media-list {
  padding: 0;
  margin: 0;
  list-style: none;

}


.socail-media-list {
  display: flex;
    justify-content: center;
    flex-direction: row;
	 list-style: none;
	   text-decoration: none;


}
.socail-media-list .social__item {
  margin: 10px;
  padding-top:20px;

}
.socail-media-list .social__item .social__link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8e8e8;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s linear;
  box-shadow: 7px 7px 15px #e7ebec, -4px -4px 13px #ffffff, inset 4px 4px 8px rgba(209, 217, 230, 0.35), inset -8px -8px 8px rgba(255, 255, 255, 0.3);
  text-decoration: none;

}
.socail-media-list .social__item .social__link:hover {
  box-shadow: 4px 2px 18px #bbcfda, -4px -4px 13px #ffffff, inset 6px 6px 16px rgba(209, 217, 230, 0.8), inset -8px -8px 8px rgba(255, 255, 255, 0.2);
  transform: translateY(2px);
}
.socail-media-list .social__item .social__link i {
  font-size: 17px;
  color: #6f6f6f;
}

/*icon-social*/
@-webkit-keyframes changeBg {
  0% {
    background: #556270;
  }
  33.33333333% {
    background: #7FB069;
  }
  66.66666666% {
    background: #FF7644;
  }
}

@keyframes changeBg {
  0% {
    background: #556270;
  }
  33.33333333% {
    background: #7FB069;
  }
  66.66666666% {
    background: #FF7644;
  }
}
/*** <--- PARTICLES ---> ***/
.bottom-particles {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bottom-particles .bubble {
  position: absolute;
  opacity: 0;
  width: 1rem;
  height: 1rem;
  background-color:#2b5fab;
  border-radius: 50%;
}
.bottom-particles .bubble:nth-child(1) {
  left: 32%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2276ms;
          animation-delay: 2276ms;
}
.bottom-particles .bubble:nth-child(2) {
  left: 15%;
  -webkit-animation: blow 13752ms infinite;
          animation: blow 13752ms infinite;
  -webkit-animation-delay: 8462ms;
          animation-delay: 8462ms;
}
.bottom-particles .bubble:nth-child(3) {
  left: 25%;
  -webkit-animation: blow 6610ms infinite;
          animation: blow 6610ms infinite;
  -webkit-animation-delay: 5201ms;
          animation-delay: 5201ms;
}
.bottom-particles .bubble:nth-child(4) {
  left: 86%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3335ms;
          animation-delay: 3335ms;
}
.bottom-particles .bubble:nth-child(5) {
  left: 41%;
  -webkit-animation: blow 10394ms infinite;
          animation: blow 10394ms infinite;
  -webkit-animation-delay: 7021ms;
          animation-delay: 7021ms;
}
.bottom-particles .bubble:nth-child(6) {
  left: 65%;
  -webkit-animation: blow 7771ms infinite;
          animation: blow 7771ms infinite;
  -webkit-animation-delay: 870ms;
          animation-delay: 870ms;
}
.bottom-particles .bubble:nth-child(7) {
  left: 32%;
  -webkit-animation: blow 6733ms infinite;
          animation: blow 6733ms infinite;
  -webkit-animation-delay: 11260ms;
          animation-delay: 11260ms;
}
.bottom-particles .bubble:nth-child(8) {
  left: 32%;
  -webkit-animation: blow 6205ms infinite;
          animation: blow 6205ms infinite;
  -webkit-animation-delay: 5312ms;
          animation-delay: 5312ms;
}
.bottom-particles .bubble:nth-child(9) {
  left: 64%;
  -webkit-animation: blow 13068ms infinite;
          animation: blow 13068ms infinite;
  -webkit-animation-delay: 6909ms;
          animation-delay: 6909ms;
}
.bottom-particles .bubble:nth-child(10) {
  left: 35%;
  -webkit-animation: blow 9372ms infinite;
          animation: blow 9372ms infinite;
  -webkit-animation-delay: 11802ms;
          animation-delay: 11802ms;
}
.bottom-particles .bubble:nth-child(11) {
  left: 81%;
  -webkit-animation: blow 14395ms infinite;
          animation: blow 14395ms infinite;
  -webkit-animation-delay: 829ms;
          animation-delay: 829ms;
}
.bottom-particles .bubble:nth-child(12) {
  left: 92%;
  -webkit-animation: blow 8694ms infinite;
          animation: blow 8694ms infinite;
  -webkit-animation-delay: 11185ms;
          animation-delay: 11185ms;
}
.bottom-particles .bubble:nth-child(13) {
  left: 83%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6450ms;
          animation-delay: 6450ms;
}
.bottom-particles .bubble:nth-child(14) {
  left: 48%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9758ms;
          animation-delay: 9758ms;
}
.bottom-particles .bubble:nth-child(15) {
  left: 30%;
  -webkit-animation: blow 14675ms infinite;
          animation: blow 14675ms infinite;
  -webkit-animation-delay: 10142ms;
          animation-delay: 10142ms;
}
.bottom-particles .bubble:nth-child(16) {
  left: 18%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;

  -webkit-animation-delay: 8995ms;
          animation-delay: 8995ms;
}
.bottom-particles .bubble:nth-child(17) {
  left: 58%;
  -webkit-animation: blow 7653ms infinite;
          animation: blow 7653ms infinite;
  -webkit-animation-delay: 7896ms;
          animation-delay: 7896ms;
}
.bottom-particles .bubble:nth-child(18) {
  left: 93%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7621ms;
          animation-delay: 7621ms;
}
.bottom-particles .bubble:nth-child(19) {
  left: 27%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6805ms;
          animation-delay: 6805ms;
}
.bottom-particles .bubble:nth-child(20) {
  left: 58%;
  -webkit-animation: blow 5116ms infinite;
          animation: blow 5116ms infinite;
  -webkit-animation-delay: 958ms;
          animation-delay: 958ms;
}
.bottom-particles .bubble:nth-child(21) {
  left: 50%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7474ms;
          animation-delay: 7474ms;
}
.bottom-particles .bubble:nth-child(22) {
  left: 14%;
  -webkit-animation: blow 13365ms infinite;
          animation: blow 13365ms infinite;
  -webkit-animation-delay: 6552ms;
          animation-delay: 6552ms;
}
.bottom-particles .bubble:nth-child(23) {
  left: 40%;
  -webkit-animation: blow 9847ms infinite;
          animation: blow 9847ms infinite;
  -webkit-animation-delay: 9868ms;
          animation-delay: 9868ms;
}
.bottom-particles .bubble:nth-child(24) {
  left: 87%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 8321ms;
          animation-delay: 8321ms;
}
.bottom-particles .bubble:nth-child(25) {
  left: 74%;
  -webkit-animation: blow 14167ms infinite;
          animation: blow 14167ms infinite;
  -webkit-animation-delay: 5104ms;
          animation-delay: 5104ms;
}
.bottom-particles .bubble:nth-child(26) {
  left: 13%;
  -webkit-animation: blow 9864ms infinite;
          animation: blow 9864ms infinite;
  -webkit-animation-delay: 6554ms;
          animation-delay: 6554ms;
}
.bottom-particles .bubble:nth-child(27) {
  left: 29%;
  -webkit-animation: blow 13125ms infinite;
          animation: blow 13125ms infinite;
  -webkit-animation-delay: 10905ms;
          animation-delay: 10905ms;
}
.bottom-particles .bubble:nth-child(28) {
  left: 89%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11549ms;
          animation-delay: 11549ms;
}
.bottom-particles .bubble:nth-child(29) {
  left: 14%;
  -webkit-animation: blow 10737ms infinite;
          animation: blow 10737ms infinite;
  -webkit-animation-delay: 2379ms;
          animation-delay: 2379ms;
}
.bottom-particles .bubble:nth-child(30) {
  left: 36%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 10365ms;
          animation-delay: 10365ms;
}
.bottom-particles .bubble:nth-child(31) {
  left: 38%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3492ms;
          animation-delay: 3492ms;
}
.bottom-particles .bubble:nth-child(32) {
  left: 63%;
  -webkit-animation: blow 14629ms infinite;
          animation: blow 14629ms infinite;
  -webkit-animation-delay: 884ms;
          animation-delay: 884ms;
}
.bottom-particles .bubble:nth-child(33) {
  left: 56%;
  -webkit-animation: blow 9944ms infinite;
          animation: blow 9944ms infinite;
  -webkit-animation-delay: 10161ms;
          animation-delay: 10161ms;
}
.bottom-particles .bubble:nth-child(34) {
  left: 45%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9100ms;
          animation-delay: 9100ms;
}
.bottom-particles .bubble:nth-child(35) {
  left: 88%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3745ms;
          animation-delay: 3745ms;
}
.bottom-particles .bubble:nth-child(36) {
  left: 75%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2854ms;
          animation-delay: 2854ms;
}
.bottom-particles .bubble:nth-child(37) {
  left: 14%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 5019ms;
          animation-delay: 5019ms;
}
.bottom-particles .bubble:nth-child(38) {
  left: 91%;
  -webkit-animation: blow 8459ms infinite;
          animation: blow 8459ms infinite;
  -webkit-animation-delay: 11210ms;
          animation-delay: 11210ms;
}
.bottom-particles .bubble:nth-child(39) {
  left: 36%;
  -webkit-animation: blow 7041ms infinite;
          animation: blow 7041ms infinite;
  -webkit-animation-delay: 691ms;
          animation-delay: 691ms;
}
.bottom-particles .bubble:nth-child(40) {
  left: 25%;
  -webkit-animation: blow 11325ms infinite;
          animation: blow 11325ms infinite;
  -webkit-animation-delay: 8609ms;
          animation-delay: 8609ms;
}
.bottom-particles .bubble:nth-child(41) {
  left: 26%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2123ms;
          animation-delay: 2123ms;
}
.bottom-particles .bubble:nth-child(42) {
  left: 12%;
  -webkit-animation: blow 5899ms infinite;
          animation: blow 5899ms infinite;
  -webkit-animation-delay: 9493ms;
          animation-delay: 9493ms;
}
.bottom-particles .bubble:nth-child(43) {
  left: 23%;
  -webkit-animation: blow 12902ms infinite;
          animation: blow 12902ms infinite;
  -webkit-animation-delay: 9514ms;
          animation-delay: 9514ms;
}
.bottom-particles .bubble:nth-child(44) {
  left: 92%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7909ms;
          animation-delay: 7909ms;
}
.bottom-particles .bubble:nth-child(45) {
  left: 56%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7016ms;
          animation-delay: 7016ms;
}
.bottom-particles .bubble:nth-child(46) {
  left: 64%;
  -webkit-animation: blow 10378ms infinite;
          animation: blow 10378ms infinite;
  -webkit-animation-delay: 11535ms;
          animation-delay: 11535ms;
}
.bottom-particles .bubble:nth-child(47) {
  left: 77%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11326ms;
          animation-delay: 11326ms;
}
.bottom-particles .bubble:nth-child(48) {
  left: 79%;
  -webkit-animation: blow 7572ms infinite;
          animation: blow 7572ms infinite;
  -webkit-animation-delay: 7280ms;
          animation-delay: 7280ms;
}
.bottom-particles .bubble:nth-child(49) {
  left: 35%;
  -webkit-animation: blow 5821ms infinite;
          animation: blow 5821ms infinite;
  -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms;
}
.bottom-particles .bubble:nth-child(50) {
  left: 84%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7399ms;
          animation-delay: 7399ms;
}
.bottom-particles .bubble:nth-child(51) {
  left: 67%;
  -webkit-animation: blow 10336ms infinite;
          animation: blow 10336ms infinite;
  -webkit-animation-delay: 11760ms;
          animation-delay: 11760ms;
}
.bottom-particles .bubble:nth-child(52) {
  left: 52%;
  -webkit-animation: blow 9525ms infinite;
          animation: blow 9525ms infinite;
  -webkit-animation-delay: 6440ms;
          animation-delay: 6440ms;
}
.bottom-particles .bubble:nth-child(53) {
  left: 51%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6030ms;
          animation-delay: 6030ms;
}
.bottom-particles .bubble:nth-child(54) {
  left: 57%;
  -webkit-animation: blow 9270ms infinite;
          animation: blow 9270ms infinite;
  -webkit-animation-delay: 5776ms;
          animation-delay: 5776ms;
}
.bottom-particles .bubble:nth-child(55) {
  left: 62%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3344ms;
          animation-delay: 3344ms;
}
.bottom-particles .bubble:nth-child(56) {
  left: 49%;
  -webkit-animation: blow 7708ms infinite;
          animation: blow 7708ms infinite;
  -webkit-animation-delay: 3808ms;
          animation-delay: 3808ms;
}
.bottom-particles .bubble:nth-child(57) {
  left: 78%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2089ms;
          animation-delay: 2089ms;
}
.bottom-particles .bubble:nth-child(58) {
  left: 7%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 8067ms;
          animation-delay: 8067ms;
}
.bottom-particles .bubble:nth-child(59) {
  left: 32%;
  -webkit-animation: blow 11619ms infinite;
          animation: blow 11619ms infinite;
  -webkit-animation-delay: 4931ms;
          animation-delay: 4931ms;
}
.bottom-particles .bubble:nth-child(60) {
  left: 27%;
  -webkit-animation: blow 6192ms infinite;
          animation: blow 6192ms infinite;
  -webkit-animation-delay: 11238ms;
          animation-delay: 11238ms;
}
.bottom-particles .bubble:nth-child(61) {
  left: 88%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3064ms;
          animation-delay: 3064ms;
}
.bottom-particles .bubble:nth-child(62) {
  left: 56%;
  -webkit-animation: blow 13554ms infinite;
          animation: blow 13554ms infinite;
  -webkit-animation-delay: 9187ms;
          animation-delay: 9187ms;
}
.bottom-particles .bubble:nth-child(63) {
  left: 14%;
  -webkit-animation: blow 10695ms infinite;
          animation: blow 10695ms infinite;
  -webkit-animation-delay: 7735ms;
          animation-delay: 7735ms;
}
.bottom-particles .bubble:nth-child(64) {
  left: 75%;
  -webkit-animation: blow 13247ms infinite;
          animation: blow 13247ms infinite;
  -webkit-animation-delay: 6885ms;
          animation-delay: 6885ms;
}
.bottom-particles .bubble:nth-child(65) {
  left: 19%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7536ms;
          animation-delay: 7536ms;
}
.bottom-particles .bubble:nth-child(66) {
  left: 41%;
  -webkit-animation: blow 7241ms infinite;
          animation: blow 7241ms infinite;
  -webkit-animation-delay: 4841ms;
          animation-delay: 4841ms;
}
.bottom-particles .bubble:nth-child(67) {
  left: 3%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6254ms;
          animation-delay: 6254ms;
}
.bottom-particles .bubble:nth-child(68) {
  left: 1%;
  -webkit-animation: blow 9699ms infinite;
          animation: blow 9699ms infinite;
  -webkit-animation-delay: 2668ms;
          animation-delay: 2668ms;
}
.bottom-particles .bubble:nth-child(69) {
  left: 4%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11519ms;
          animation-delay: 11519ms;
}
.bottom-particles .bubble:nth-child(70) {
  left: 16%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3865ms;
          animation-delay: 3865ms;
}
.bottom-particles .bubble:nth-child(71) {
  left: 12%;
  -webkit-animation: blow 8705ms infinite;
          animation: blow 8705ms infinite;
  -webkit-animation-delay: 10040ms;
          animation-delay: 10040ms;
}
.bottom-particles .bubble:nth-child(72) {
  left: 74%;
  -webkit-animation: blow 8100ms infinite;
          animation: blow 8100ms infinite;
  -webkit-animation-delay: 1144ms;
          animation-delay: 1144ms;
}
.bottom-particles .bubble:nth-child(73) {
  left: 55%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 1160ms;
          animation-delay: 1160ms;
}
.bottom-particles .bubble:nth-child(74) {
  left: 58%;
  -webkit-animation: blow 14727ms infinite;
          animation: blow 14727ms infinite;
  -webkit-animation-delay: 3444ms;
          animation-delay: 3444ms;
}
.bottom-particles .bubble:nth-child(75) {
  left: 5%;
  -webkit-animation: blow 8493ms infinite;
          animation: blow 8493ms infinite;
  -webkit-animation-delay: 10631ms;
          animation-delay: 10631ms;
}
.bottom-particles .bubble:nth-child(76) {
  left: 98%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7144ms;
          animation-delay: 7144ms;
}
.bottom-particles .bubble:nth-child(77) {
  left: 96%;
  -webkit-animation: blow 11011ms infinite;
          animation: blow 11011ms infinite;
  -webkit-animation-delay: 11116ms;
          animation-delay: 11116ms;
}
.bottom-particles .bubble:nth-child(78) {
  left: 44%;
  -webkit-animation: blow 11782ms infinite;
          animation: blow 11782ms infinite;
  -webkit-animation-delay: 4624ms;
          animation-delay: 4624ms;
}
.bottom-particles .bubble:nth-child(79) {
  left: 53%;
  -webkit-animation: blow 14052ms infinite;
          animation: blow 14052ms infinite;
  -webkit-animation-delay: 2798ms;
          animation-delay: 2798ms;
}
.bottom-particles .bubble:nth-child(80) {
  left: 75%;
  -webkit-animation: blow 9956ms infinite;
          animation: blow 9956ms infinite;
  -webkit-animation-delay: 5120ms;
          animation-delay: 5120ms;
}
.bottom-particles .bubble:nth-child(81) {
  left: 4%;
  -webkit-animation: blow 6137ms infinite;
          animation: blow 6137ms infinite;
  -webkit-animation-delay: 7582ms;
          animation-delay: 7582ms;
}
.bottom-particles .bubble:nth-child(82) {
  left: 57%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 1065ms;
          animation-delay: 1065ms;
}
.bottom-particles .bubble:nth-child(83) {
  left: 74%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9253ms;
          animation-delay: 9253ms;
}
.bottom-particles .bubble:nth-child(84) {
  left: 64%;
  -webkit-animation: blow 14138ms infinite;
          animation: blow 14138ms infinite;
  -webkit-animation-delay: 2616ms;
          animation-delay: 2616ms;
}
.bottom-particles .bubble:nth-child(85) {
  left: 74%;
  -webkit-animation: blow 7453ms infinite;
          animation: blow 7453ms infinite;
  -webkit-animation-delay: 11721ms;
          animation-delay: 11721ms;
}
.bottom-particles .bubble:nth-child(86) {
  left: 24%;
  -webkit-animation: blow 9406ms infinite;
          animation: blow 9406ms infinite;
  -webkit-animation-delay: 597ms;
          animation-delay: 597ms;
}
.bottom-particles .bubble:nth-child(87) {
  left: 14%;
  -webkit-animation: blow 9169ms infinite;
          animation: blow 9169ms infinite;
  -webkit-animation-delay: 11903ms;
          animation-delay: 11903ms;
}
.bottom-particles .bubble:nth-child(88) {
  left: 12%;
  -webkit-animation: blow 11341ms infinite;
          animation: blow 11341ms infinite;
  -webkit-animation-delay: 4922ms;
          animation-delay: 4922ms;
}
.bottom-particles .bubble:nth-child(89) {
  left: 97%;
  -webkit-animation: blow 5489ms infinite;
          animation: blow 5489ms infinite;
  -webkit-animation-delay: 3324ms;
          animation-delay: 3324ms;
}
.bottom-particles .bubble:nth-child(90) {
  left: 63%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 8993ms;
          animation-delay: 8993ms;
}
.bottom-particles .bubble:nth-child(91) {
  left: 31%;
  -webkit-animation: blow 14676ms infinite;
          animation: blow 14676ms infinite;
  -webkit-animation-delay: 3636ms;
          animation-delay: 3636ms;
}
.bottom-particles .bubble:nth-child(92) {
  left: 64%;
  -webkit-animation: blow 5525ms infinite;
          animation: blow 5525ms infinite;
  -webkit-animation-delay: 8276ms;
          animation-delay: 8276ms;
}
.bottom-particles .bubble:nth-child(93) {
  left: 53%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3811ms;
          animation-delay: 3811ms;
}
.bottom-particles .bubble:nth-child(94) {
  left: 51%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11481ms;
          animation-delay: 11481ms;
}
.bottom-particles .bubble:nth-child(95) {
  left: 6%;
  -webkit-animation: blow 7874ms infinite;
          animation: blow 7874ms infinite;
  -webkit-animation-delay: 736ms;
          animation-delay: 736ms;
}
.bottom-particles .bubble:nth-child(96) {
  left: 54%;
  -webkit-animation: blow 14343ms infinite;
          animation: blow 14343ms infinite;
  -webkit-animation-delay: 1156ms;
          animation-delay: 1156ms;
}
.bottom-particles .bubble:nth-child(97) {
  left: 94%;
  -webkit-animation: blow 13984ms infinite;
          animation: blow 13984ms infinite;
  -webkit-animation-delay: 2200ms;
          animation-delay: 2200ms;
}
.bottom-particles .bubble:nth-child(98) {
  left: 69%;
  -webkit-animation: blow 5221ms infinite;
          animation: blow 5221ms infinite;
  -webkit-animation-delay: 5497ms;
          animation-delay: 5497ms;
}
.bottom-particles .bubble:nth-child(99) {
  left: 70%;
  -webkit-animation: blow 7452ms infinite;
          animation: blow 7452ms infinite;
  -webkit-animation-delay: 10197ms;
          animation-delay: 10197ms;
}
.bottom-particles .bubble:nth-child(100) {
  left: 45%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3636ms;
          animation-delay: 3636ms;
}
.bottom-particles .bubble:nth-child(101) {
  left: 60%;
  -webkit-animation: blow 9004ms infinite;
          animation: blow 9004ms infinite;
  -webkit-animation-delay: 2672ms;
          animation-delay: 2672ms;
}
.bottom-particles .bubble:nth-child(102) {
  left: 46%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 10599ms;
          animation-delay: 10599ms;
}
.bottom-particles .bubble:nth-child(103) {
  left: 30%;
  -webkit-animation: blow 5368ms infinite;
          animation: blow 5368ms infinite;
  -webkit-animation-delay: 11998ms;
          animation-delay: 11998ms;
}
.bottom-particles .bubble:nth-child(104) {
  left: 6%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2819ms;
          animation-delay: 2819ms;
}
.bottom-particles .bubble:nth-child(105) {
  left: 98%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 3342ms;
          animation-delay: 3342ms;
}
.bottom-particles .bubble:nth-child(106) {
  left: 72%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 10276ms;
          animation-delay: 10276ms;
}
.bottom-particles .bubble:nth-child(107) {
  left: 32%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2260ms;
          animation-delay: 2260ms;
}
.bottom-particles .bubble:nth-child(108) {
  left: 49%;
  -webkit-animation: blow 12815ms infinite;
          animation: blow 12815ms infinite;
  -webkit-animation-delay: 7191ms;
          animation-delay: 7191ms;
}
.bottom-particles .bubble:nth-child(109) {
  left: 49%;
  -webkit-animation: blow 14719ms infinite;
          animation: blow 14719ms infinite;
  -webkit-animation-delay: 10711ms;
          animation-delay: 10711ms;
}
.bottom-particles .bubble:nth-child(110) {
  left: 94%;
  -webkit-animation: blow 14653ms infinite;
          animation: blow 14653ms infinite;
  -webkit-animation-delay: 291ms;
          animation-delay: 291ms;
}
.bottom-particles .bubble:nth-child(111) {
  left: 36%;
  -webkit-animation: blow 10599ms infinite;
          animation: blow 10599ms infinite;
  -webkit-animation-delay: 3433ms;
          animation-delay: 3433ms;
}
.bottom-particles .bubble:nth-child(112) {
  left: 44%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 675ms;
          animation-delay: 675ms;
}
.bottom-particles .bubble:nth-child(113) {
  left: 53%;
  -webkit-animation: blow 5082ms infinite;
          animation: blow 5082ms infinite;
  -webkit-animation-delay: 9864ms;
          animation-delay: 9864ms;
}
.bottom-particles .bubble:nth-child(114) {
  left: 13%;
  -webkit-animation: blow 12627ms infinite;
          animation: blow 12627ms infinite;
  -webkit-animation-delay: 686ms;
          animation-delay: 686ms;
}
.bottom-particles .bubble:nth-child(115) {
  left: 92%;
  -webkit-animation: blow 10970ms infinite;
          animation: blow 10970ms infinite;
  -webkit-animation-delay: 2395ms;
          animation-delay: 2395ms;
}
.bottom-particles .bubble:nth-child(116) {
  left: 89%;
  -webkit-animation: blow 5617ms infinite;
          animation: blow 5617ms infinite;
  -webkit-animation-delay: 4154ms;
          animation-delay: 4154ms;
}
.bottom-particles .bubble:nth-child(117) {
  left: 43%;
  -webkit-animation: blow 11771ms infinite;
          animation: blow 11771ms infinite;
  -webkit-animation-delay: 10843ms;
          animation-delay: 10843ms;
}
.bottom-particles .bubble:nth-child(118) {
  left: 75%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11208ms;
          animation-delay: 11208ms;
}
.bottom-particles .bubble:nth-child(119) {
  left: 25%;
  -webkit-animation: blow 11856ms infinite;
          animation: blow 11856ms infinite;
  -webkit-animation-delay: 11012ms;
          animation-delay: 11012ms;
}
.bottom-particles .bubble:nth-child(120) {
  left: 87%;
  -webkit-animation: blow 12926ms infinite;
          animation: blow 12926ms infinite;
  -webkit-animation-delay: 7323ms;
          animation-delay: 7323ms;
}
.bottom-particles .bubble:nth-child(121) {
  left: 24%;
  -webkit-animation: blow 12638ms infinite;
          animation: blow 12638ms infinite;
  -webkit-animation-delay: 1858ms;
          animation-delay: 1858ms;
}
.bottom-particles .bubble:nth-child(122) {
  left: 70%;
  -webkit-animation: blow 7332ms infinite;
          animation: blow 7332ms infinite;
  -webkit-animation-delay: 6186ms;
          animation-delay: 6186ms;
}
.bottom-particles .bubble:nth-child(123) {
  left: 76%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6414ms;
          animation-delay: 6414ms;
}
.bottom-particles .bubble:nth-child(124) {
  left: 52%;
  -webkit-animation: blow 10943ms infinite;
          animation: blow 10943ms infinite;
  -webkit-animation-delay: 860ms;
          animation-delay: 860ms;
}
.bottom-particles .bubble:nth-child(125) {
  left: 20%;
  -webkit-animation: blow 9550ms infinite;
          animation: blow 9550ms infinite;
  -webkit-animation-delay: 6790ms;
          animation-delay: 6790ms;
}
.bottom-particles .bubble:nth-child(126) {
  left: 33%;
  -webkit-animation: blow 7299ms infinite;
          animation: blow 7299ms infinite;
  -webkit-animation-delay: 8828ms;
          animation-delay: 8828ms;
}
.bottom-particles .bubble:nth-child(127) {
  left: 90%;
  -webkit-animation: blow 11156ms infinite;
          animation: blow 11156ms infinite;
  -webkit-animation-delay: 4167ms;
          animation-delay: 4167ms;
}
.bottom-particles .bubble:nth-child(128) {
  left: 89%;
  -webkit-animation: blow 9748ms infinite;
          animation: blow 9748ms infinite;
  -webkit-animation-delay: 733ms;
          animation-delay: 733ms;
}
.bottom-particles .bubble:nth-child(129) {
  left: 36%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9218ms;
          animation-delay: 9218ms;
}
.bottom-particles .bubble:nth-child(130) {
  left: 59%;
  -webkit-animation: blow 12326ms infinite;
          animation: blow 12326ms infinite;
  -webkit-animation-delay: 9948ms;
          animation-delay: 9948ms;
}
.bottom-particles .bubble:nth-child(131) {
  left: 3%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2993ms;
          animation-delay: 2993ms;
}
.bottom-particles .bubble:nth-child(132) {
  left: 43%;
  -webkit-animation: blow 11460ms infinite;
          animation: blow 11460ms infinite;
  -webkit-animation-delay: 6902ms;
          animation-delay: 6902ms;
}
.bottom-particles .bubble:nth-child(133) {
  left: 82%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 5219ms;
          animation-delay: 5219ms;
}
.bottom-particles .bubble:nth-child(134) {
  left: 25%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 5197ms;
          animation-delay: 5197ms;
}
.bottom-particles .bubble:nth-child(135) {
  left: 57%;
  -webkit-animation: blow 7435ms infinite;
          animation: blow 7435ms infinite;
  -webkit-animation-delay: 4123ms;
          animation-delay: 4123ms;
}
.bottom-particles .bubble:nth-child(136) {
  left: 26%;
  -webkit-animation: blow 12637ms infinite;
          animation: blow 12637ms infinite;
  -webkit-animation-delay: 11478ms;
          animation-delay: 11478ms;
}
.bottom-particles .bubble:nth-child(137) {
  left: 92%;
  -webkit-animation: blow 9756ms infinite;
          animation: blow 9756ms infinite;
  -webkit-animation-delay: 3974ms;
          animation-delay: 3974ms;
}
.bottom-particles .bubble:nth-child(138) {
  left: 18%;
  -webkit-animation: blow 8026ms infinite;
          animation: blow 8026ms infinite;
  -webkit-animation-delay: 1456ms;
          animation-delay: 1456ms;
}
.bottom-particles .bubble:nth-child(139) {
  left: 80%;
  -webkit-animation: blow 8561ms infinite;
          animation: blow 8561ms infinite;
  -webkit-animation-delay: 9929ms;
          animation-delay: 9929ms;
}
.bottom-particles .bubble:nth-child(140) {
  left: 30%;
  -webkit-animation: blow 5844ms infinite;
          animation: blow 5844ms infinite;
  -webkit-animation-delay: 4562ms;
          animation-delay: 4562ms;
}
.bottom-particles .bubble:nth-child(141) {
  left: 58%;
  -webkit-animation: blow 11776ms infinite;
          animation: blow 11776ms infinite;
  -webkit-animation-delay: 10563ms;
          animation-delay: 10563ms;
}
.bottom-particles .bubble:nth-child(142) {
  left: 17%;
  -webkit-animation: blow 10062ms infinite;
          animation: blow 10062ms infinite;
  -webkit-animation-delay: 2779ms;
          animation-delay: 2779ms;
}
.bottom-particles .bubble:nth-child(143) {
  left: 49%;
  -webkit-animation: blow 14660ms infinite;
          animation: blow 14660ms infinite;
  -webkit-animation-delay: 5106ms;
          animation-delay: 5106ms;
}
.bottom-particles .bubble:nth-child(144) {
  left: 18%;
  -webkit-animation: blow 7885ms infinite;
          animation: blow 7885ms infinite;
  -webkit-animation-delay: 4512ms;
          animation-delay: 4512ms;
}
.bottom-particles .bubble:nth-child(145) {
  left: 74%;
  -webkit-animation: blow 14219ms infinite;
          animation: blow 14219ms infinite;
  -webkit-animation-delay: 8000ms;
          animation-delay: 8000ms;
}
.bottom-particles .bubble:nth-child(146) {
  left: 36%;
  -webkit-animation: blow 14522ms infinite;
          animation: blow 14522ms infinite;
  -webkit-animation-delay: 9512ms;
          animation-delay: 9512ms;
}
.bottom-particles .bubble:nth-child(147) {
  left: 5%;
  -webkit-animation: blow 11453ms infinite;
          animation: blow 11453ms infinite;
  -webkit-animation-delay: 2113ms;
          animation-delay: 2113ms;
}
.bottom-particles .bubble:nth-child(148) {
  left: 3%;
  -webkit-animation: blow 8009ms infinite;
          animation: blow 8009ms infinite;
  -webkit-animation-delay: 1475ms;
          animation-delay: 1475ms;
}
.bottom-particles .bubble:nth-child(149) {
  left: 61%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7337ms;
          animation-delay: 7337ms;
}
.bottom-particles .bubble:nth-child(150) {
  left: 87%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 136ms;
          animation-delay: 136ms;
}
.bottom-particles .bubble:nth-child(151) {
  left: 65%;
  -webkit-animation: blow 10785ms infinite;
          animation: blow 10785ms infinite;
  -webkit-animation-delay: 1819ms;
          animation-delay: 1819ms;
}
.bottom-particles .bubble:nth-child(152) {
  left: 63%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11728ms;
          animation-delay: 11728ms;
}
.bottom-particles .bubble:nth-child(153) {
  left: 68%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 4517ms;
          animation-delay: 4517ms;
}
.bottom-particles .bubble:nth-child(154) {
  left: 6%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2918ms;
          animation-delay: 2918ms;
}
.bottom-particles .bubble:nth-child(155) {
  left: 100%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 302ms;
          animation-delay: 302ms;
}
.bottom-particles .bubble:nth-child(156) {
  left: 24%;
  -webkit-animation: blow 11318ms infinite;
          animation: blow 11318ms infinite;
  -webkit-animation-delay: 3813ms;
          animation-delay: 3813ms;
}
.bottom-particles .bubble:nth-child(157) {
  left: 44%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 679ms;
          animation-delay: 679ms;
}
.bottom-particles .bubble:nth-child(158) {
  left: 59%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6714ms;
          animation-delay: 6714ms;
}
.bottom-particles .bubble:nth-child(159) {
  left: 15%;
  -webkit-animation: blow 6086ms infinite;
          animation: blow 6086ms infinite;
  -webkit-animation-delay: 6244ms;
          animation-delay: 6244ms;
}
.bottom-particles .bubble:nth-child(160) {
  left: 87%;
  -webkit-animation: blow 7945ms infinite;
          animation: blow 7945ms infinite;
  -webkit-animation-delay: 8058ms;
          animation-delay: 8058ms;
}
.bottom-particles .bubble:nth-child(161) {
  left: 23%;
  -webkit-animation: blow 6010ms infinite;
          animation: blow 6010ms infinite;
  -webkit-animation-delay: 11135ms;
          animation-delay: 11135ms;
}
.bottom-particles .bubble:nth-child(162) {
  left: 79%;
  -webkit-animation: blow 7269ms infinite;
          animation: blow 7269ms infinite;
  -webkit-animation-delay: 878ms;
          animation-delay: 878ms;
}
.bottom-particles .bubble:nth-child(163) {
  left: 14%;
  -webkit-animation: blow 12164ms infinite;
          animation: blow 12164ms infinite;
  -webkit-animation-delay: 8182ms;
          animation-delay: 8182ms;
}
.bottom-particles .bubble:nth-child(164) {
  left: 98%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2502ms;
          animation-delay: 2502ms;
}
.bottom-particles .bubble:nth-child(165) {
  left: 55%;
  -webkit-animation: blow 8698ms infinite;
          animation: blow 8698ms infinite;
  -webkit-animation-delay: 11904ms;
          animation-delay: 11904ms;
}
.bottom-particles .bubble:nth-child(166) {
  left: 4%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7875ms;
          animation-delay: 7875ms;
}
.bottom-particles .bubble:nth-child(167) {
  left: 42%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 6947ms;
          animation-delay: 6947ms;
}
.bottom-particles .bubble:nth-child(168) {
  left: 66%;
  -webkit-animation: blow 7100ms infinite;
          animation: blow 7100ms infinite;
  -webkit-animation-delay: 10267ms;
          animation-delay: 10267ms;
}
.bottom-particles .bubble:nth-child(169) {
  left: 14%;
  -webkit-animation: blow 13567ms infinite;
          animation: blow 13567ms infinite;
  -webkit-animation-delay: 6122ms;
          animation-delay: 6122ms;
}
.bottom-particles .bubble:nth-child(170) {
  left: 22%;
  -webkit-animation: blow 9065ms infinite;
          animation: blow 9065ms infinite;
  -webkit-animation-delay: 4714ms;
          animation-delay: 4714ms;
}
.bottom-particles .bubble:nth-child(171) {
  left: 75%;
  -webkit-animation: blow 13272ms infinite;
          animation: blow 13272ms infinite;
  -webkit-animation-delay: 5056ms;
          animation-delay: 5056ms;
}
.bottom-particles .bubble:nth-child(172) {
  left: 1%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 4053ms;
          animation-delay: 4053ms;
}
.bottom-particles .bubble:nth-child(173) {
  left: 41%;
  -webkit-animation: blow 5563ms infinite;
          animation: blow 5563ms infinite;
  -webkit-animation-delay: 9736ms;
          animation-delay: 9736ms;
}
.bottom-particles .bubble:nth-child(174) {
  left: 47%;
  -webkit-animation: blow 12174ms infinite;
          animation: blow 12174ms infinite;
  -webkit-animation-delay: 4223ms;
          animation-delay: 4223ms;
}
.bottom-particles .bubble:nth-child(175) {
  left: 45%;
  -webkit-animation: blow 8756ms infinite;
          animation: blow 8756ms infinite;
  -webkit-animation-delay: 6006ms;
          animation-delay: 6006ms;
}
.bottom-particles .bubble:nth-child(176) {
  left: 36%;
  -webkit-animation: blow 12582ms infinite;
          animation: blow 12582ms infinite;
  -webkit-animation-delay: 3919ms;
          animation-delay: 3919ms;
}
.bottom-particles .bubble:nth-child(177) {
  left: 62%;
  -webkit-animation: blow 10305ms infinite;
          animation: blow 10305ms infinite;
  -webkit-animation-delay: 5088ms;
          animation-delay: 5088ms;
}
.bottom-particles .bubble:nth-child(178) {
  left: 100%;
  -webkit-animation: blow 10576ms infinite;
          animation: blow 10576ms infinite;
  -webkit-animation-delay: 1824ms;
          animation-delay: 1824ms;
}
.bottom-particles .bubble:nth-child(179) {
  left: 60%;
  -webkit-animation: blow 6127ms infinite;
          animation: blow 6127ms infinite;
  -webkit-animation-delay: 9509ms;
          animation-delay: 9509ms;
}
.bottom-particles .bubble:nth-child(180) {
  left: 81%;
  -webkit-animation: blow 13483ms infinite;
          animation: blow 13483ms infinite;
  -webkit-animation-delay: 3570ms;
          animation-delay: 3570ms;
}
.bottom-particles .bubble:nth-child(181) {
  left: 31%;
  -webkit-animation: blow 14087ms infinite;
          animation: blow 14087ms infinite;
  -webkit-animation-delay: 8338ms;
          animation-delay: 8338ms;
}
.bottom-particles .bubble:nth-child(182) {
  left: 92%;
  -webkit-animation: blow 9214ms infinite;
          animation: blow 9214ms infinite;
  -webkit-animation-delay: 6250ms;
          animation-delay: 6250ms;
}
.bottom-particles .bubble:nth-child(183) {
  left: 30%;

  -webkit-animation: blow 14156ms infinite;
          animation: blow 14156ms infinite;
  -webkit-animation-delay: 11910ms;
          animation-delay: 11910ms;
}
.bottom-particles .bubble:nth-child(184) {
  left: 44%;
  -webkit-animation: blow 10064ms infinite;
          animation: blow 10064ms infinite;
  -webkit-animation-delay: 2784ms;
          animation-delay: 2784ms;
}
.bottom-particles .bubble:nth-child(185) {
  left: 95%;
  -webkit-animation: blow 14518ms infinite;
          animation: blow 14518ms infinite;
  -webkit-animation-delay: 5828ms;
          animation-delay: 5828ms;
}
.bottom-particles .bubble:nth-child(186) {
  left: 23%;
  -webkit-animation: blow 14174ms infinite;
          animation: blow 14174ms infinite;
  -webkit-animation-delay: 4979ms;
          animation-delay: 4979ms;
}
.bottom-particles .bubble:nth-child(187) {
  left: 69%;
  -webkit-animation: blow 6117ms infinite;
          animation: blow 6117ms infinite;
  -webkit-animation-delay: 8664ms;
          animation-delay: 8664ms;
}
.bottom-particles .bubble:nth-child(188) {
  left: 19%;
  -webkit-animation: blow 5354ms infinite;
          animation: blow 5354ms infinite;
  -webkit-animation-delay: 7424ms;
          animation-delay: 7424ms;
}
.bottom-particles .bubble:nth-child(189) {
  left: 50%;
  -webkit-animation: blow 13011ms infinite;
          animation: blow 13011ms infinite;
  -webkit-animation-delay: 7227ms;
          animation-delay: 7227ms;
}
.bottom-particles .bubble:nth-child(190) {
  left: 97%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2080ms;
          animation-delay: 2080ms;
}
.bottom-particles .bubble:nth-child(191) {
  left: 99%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 56ms;
          animation-delay: 56ms;
}
.bottom-particles .bubble:nth-child(192) {
  left: 39%;
  -webkit-animation: blow 9818ms infinite;
          animation: blow 9818ms infinite;
  -webkit-animation-delay: 8551ms;
          animation-delay: 8551ms;
}
.bottom-particles .bubble:nth-child(193) {
  left: 13%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 7506ms;
          animation-delay: 7506ms;
}
.bottom-particles .bubble:nth-child(194) {
  left: 89%;
  -webkit-animation: blow 5036ms infinite;
          animation: blow 5036ms infinite;
  -webkit-animation-delay: 5001ms;
          animation-delay: 5001ms;
}
.bottom-particles .bubble:nth-child(195) {
  left: 84%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9870ms;
          animation-delay: 9870ms;
}
.bottom-particles .bubble:nth-child(196) {
  left: 31%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2836ms;
          animation-delay: 2836ms;
}
.bottom-particles .bubble:nth-child(197) {
  left: 75%;
  -webkit-animation: blow 14990ms infinite;
          animation: blow 14990ms infinite;
  -webkit-animation-delay: 6213ms;
          animation-delay: 6213ms;
}
.bottom-particles .bubble:nth-child(198) {
  left: 66%;
  -webkit-animation: blow 8284ms infinite;
          animation: blow 8284ms infinite;
  -webkit-animation-delay: 4007ms;
          animation-delay: 4007ms;
}
.bottom-particles .bubble:nth-child(199) {
  left: 69%;
  -webkit-animation: blow 11651ms infinite;
          animation: blow 11651ms infinite;
  -webkit-animation-delay: 4980ms;
          animation-delay: 4980ms;
}
.bottom-particles .bubble:nth-child(200) {
  left: 24%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 5935ms;
          animation-delay: 5935ms;
}

@-webkit-keyframes blow {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -100vh) scale(0.2);
  }
}

@keyframes blow {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -100vh) scale(0.2);
  }
}