@import url('https://fonts.googleapis.com/css2?family=Bitter&family=Open+Sans&display=swap');

html {
  font-size: 16px;
}

body {
  font-size: 1em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  overflow-x: hidden;
}

h1 {
  /*font-weight: 400!important;*/
  font-family: "Bitter", sans-serif;
}

h1 {
  line-height: 1.2em;
  display: inline-block;
  border-radius: 2px;
  padding: 5px 40px 5px 1.25em;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: -1px;
  color: #000000;
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 0px;
}

h2 {
  margin: 1.5em 0 0.75em 0;
  color: #000000;
  font-family: "Bitter";
}

h2 {
  font-size: 1.3em;
  font-weight: 700;
  font-family: "Bitter";
}

h1:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}

h2:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}

.published-yes div.content .field--name-body {
  background: #FFFFFF;
}

div.content .field--name-body {
  padding: 0.5em 2em 1em 2em;
  /*
    ul > li {
     list-style-type: disc;
     ul li{
      list-style-type: circle;
      ul li{
        list-style-type: disc;
        ul li{
          list-style-type: circle;
          ul li{
            list-style-type: disc;

          }
        }
      }
     }
    }
	*/
}

/*.form-item-message label {
  font-weight: 400!important;
}*/
#mobile-search-form {
  display: none;
}

/* hide pdf icon for specific article node-8495 */
#search-block-form input.form-search.form-control {
  font-size: 16px;
  text-align: center;
  border: 0px;
  padding: 0;
  height: 1.75em;
  width: 12.5em;
  opacity: 0.9;
  line-height: 1.625em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: url(../index/magnifying-glass.png);
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 16px;
  /* background-position-x: 2%; */
  /* transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; */
  background-color: #faf9f9;
}

#search-block-form input.form-search.form-control:focus {
  text-align: left;
  background-image: none;
  padding-left: 10px;
}

#search-block-form .input-group-btn {
  display: none;
}

.view-id-ministers .form-item-sort-by option:selector-dropdown,
.view-mandate-letters .form-item-sort-by option:selector-dropdown {
  background-color: #EAEBED !important;
  color: #fff;
  border-color: #555555;
}

.canada-logo-wrapper h2.visually-hidden {
  bottom: 0;
}

.visually-hidden {
  left: -1000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.main-container,
.dialog-off-canvas-main-canvas {
  padding: 0 0 8px 0;
}

.dialog-off-canvas-main-canvas {
  padding-bottom: 0px;
  border-bottom: 0px;
}

#block-mainnavigation {
  display: none;
}

.region-sidebar-second {
  padding-top: 10px;
}

#pmshare-modal {
  z-index: 10700;
}

#pmshare-modal .close {
  font-size: 1.3em;
}

#pmshare-modal .close:focus {
  border: 1px dotted #000;
}

#pmshare-modal .modal-header {
  text-align: left;
}

#pmshare-modal .modal-title {
  font-size: 0.85em;
  font-weight: bold;
  color: #000000;
}

#pmshare-modal ul {
  margin-bottom: 0;
}

/****** Start column xs 2 ******/
.colcount-xs-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.region-navigation-collapsible span.caret {
  display: none;
}

.region-navigation-collapsible li.expanded.dropdown ul.dropdown-menu {
  border: none;
  box-shadow: none;
  margin: 0 0.5em;
  padding: 0 0.5em;
}

.navbar-collapse ul.menu.menu--main.nav.navbar-nav a:focus {
  outline: thin dotted;
}

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

  /****** ------ Start Styling the Header for mobile -------******/
  /**** ----Hide the region of menu in mobile device ----  ***/
  .region.region-navigation {
    display: none;
  }

  #mobile-search-form {
    width: 70%;
    margin: 1em 0 0.25em 1.25em;
    border: 0;
    border-radius: 0;
  }

  #mobile-search-form .input-group-btn {
    display: none;
  }

  #mobile-search-form input.form-search.form-control {
    border-radius: 0;
    border: none;
  }

  .region.region-sidebar-second {
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 835px) {
  .col-sm-9 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 900px) {
  /*.pm-news .teaser {*/
  /*   min-height: 180px;{*/
  /*}{*/
}

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

  .col-sm-9,
  aside.col-xs-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .colcount-xs-2 {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}

@media screen and (max-width: 540px) {
  h1 {
    padding-right: 54px;
  }
}

body {
  line-height: 1.5 !important;
}

.content-inner {
  max-width: 90em;
  margin: 0 auto;
  padding-top: 0;

}

.follow-pm p a {
  text-decoration: underline;
}

/* front-end needs more marginns fro the first nested list #162 */
@media screen and (max-width: 767px) {
  .content-inner aside {
    display: none;
  }
}

/* Indent stuff as necessary per # */
ul:has(li > p.Indent1),
ol:has(li > p.Indent1) {
  margin-left: 2em;
}

ul:has(li > p.Indent2),
ol:has(li > p.Indent2) {
  margin-left: 4em;
}

ul:has(li > p.Indent3),
ol:has(li > p.Indent3) {
  margin-left: 6em;
}

ul:has(li > p.Indent4),
ol:has(li > p.Indent4) {
  margin-left: 8em;
}

ul:has(li > p.Indent5),
ol:has(li > p.Indent5) {
  margin-left: 10em;
}

ul:has(li > p.Indent6),
ol:has(li > p.Indent6) {
  margin-left: 12em;
}

ul:has(li > p.Indent7),
ol:has(li > p.Indent7) {
  margin-left: 14em;
}

ul:has(li > p.Indent8),
ol:has(li > p.Indent8) {
  margin-left: 16em;
}

ul:has(li > p.Indent9),
ol:has(li > p.Indent9) {
  margin-left: 18em;
}

ul:has(li > p.Indent10),
ol:has(li > p.Indent10) {
  margin-left: 20em;
}

@media screen and (max-width: 479px) {
  div.content .field--name-body {
    padding: 0.5em 2em 1em 2em;
  }
}

.main-header {
  background-color: #700f1e;
  color: #d0d5dc;
  display: table-row;
  position: fixed;
  min-height: 80px;
  width: 100%;
  z-index: 501;
}

.main-header .branding {
  display: table-cell;
  padding: 10px 0 0 20px;
  vertical-align: top;
  white-space: nowrap;
}

.main-header .branding img {
  margin: 20px 10px 0 0;
  vertical-align: top;
  width: 85px;
}

.main-header .branding .home-link {
  color: white !important;
  text-decoration: none !important;
}

.main-header .slogan {
  display: inline-block;
  font-size: 0.8em;
  padding-left: 10px;
  border-left: 1px solid #d0d5dc;
  margin: 16px 16px 16px 0;
}

.main-header .slogan a:focus {
  outline: 1px solid white;
  padding: 2px 2px 2px 0px;
}

.main-header nav {
  display: table-cell;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.main-header nav .nav>li>a {
  padding: 10px 10px;
}

.main-header nav .nav>li>a:focus {
  outline: 1px solid white;
}

.main-header nav .navbar-header {
  display: inline-block;
  float: none;
  margin: 0;
  padding-top: 20px;
}

.main-header nav .navbar-header .region.region-navigation {
  margin-bottom: -7px;
}

.main-header nav li.dropdown span {
  cursor: pointer;
}

.main-header nav li.expanded.dropdown:not(.open) a.dropdown-toggle:focus {
  outline: 1px solid white;
}

.main-header .mobile-branding {
  display: none;
  font-size: 0.7em;
  margin: 0 0 10px 30px;
  vertical-align: bottom;
}

.main-header .mobile-branding a {
  color: white;
  text-decoration: none;
}

.main-header .slogan a:focus {
  outline-offset: 2px;
}

/*
  Please ensure to keep max-width media queries in decreasing order by size
*/
@media screen and (max-width: 1114px) {
  .main-header .branding {
    padding-left: 15px;
  }
}

@media screen and (max-width: 953px) {
  .main-header .branding img {
    margin-right: 5px;
  }

  .main-header .slogan {
    padding-left: 5px;
    margin-right: 5px;
    width: 170px;
    white-space: normal;
  }
}

@media screen and (max-width: 798px) {
  .main-header .branding {
    padding-left: 10px;
  }

  .main-header .branding .home-link img {
    width: 80px;
  }

  .main-header .branding .slogan {
    font-size: 0.7em;
    width: 160px;
    margin-right: 2px;
  }
}

@media screen and (max-width: 775px) {
  .main-header .branding .slogan {
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  .main-header .branding {
    display: none;
  }

  .main-header .mobile-branding {
    display: inline-block;
    font-size: 0.8em;
  }

  .main-header nav {
    text-align: left;
  }

  .main-header nav .navbar-header {
    width: 100%;
  }
}

ul.menu--footer {
  display: inline-block;
  font-family: "Roboto";
  text-align: center;
}

ul.menu--footer.nav li {
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
}

ul.menu--footer.nav a {
  display: inline-block;
}

ul.menu--footer.nav a:focus {
  outline: 1px solid white;
}

#block-boxes-social-media-footer-title {
  color: white;
  padding-top: 5px;
  width: 100%;
}

#block-boxes-social-media-footer {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 10px 0;
  width: 100%;
}

#block-boxes-social-media-footer li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 20px;
}

#block-boxes-social-media-footer li a {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  display: block;
  background-repeat: no-repeat;
}

#block-boxes-social-media-footer li a:hover,
#block-boxes-social-media-footer li a:focus {
  color: #dedbe6;
  text-decoration: none;
}

#block-boxes-social-media-footer li a.twitter-x {
  background-image: url("../index/xsmall.svg");
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
}

@media screen and (max-width: 767px) {
  #block-boxes-social-media-footer li a.twitter-x {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
}

#block-boxes-social-media-footer .fa-youtube,
#block-boxes-social-media-footer .fa-envelope {
  color: white;
}

.canada-logo-wrapper a {
  height: 15px;
}

.canada-logo-wrapper a:focus {
  outline: 1px solid white !important;
}

.footer-container {
  margin-top: 50px;
}

.footer-container .title-bar {
  display: inline-block;
  position: relative;
  bottom: 20px;
  font-weight: normal;
  color: white;
}

footer {
  text-align: center;
}

footer,
footer .footer-inner {
  background-color: #700f1e !important;
}

footer .footer-inner {
  max-width: 90em;
  margin: 0 auto;
}

footer .nav a {
  font-weight: normal;
}

footer:not(.default) {
  background-color: #ededed;
}

footer:not(.default) .footer-inner {
  background: #ededed;
  margin-top: 10px;
  overflow: hidden;
}

footer:not(.default) .region-footer {
  margin-top: 0;
  padding-top: 0.4em;
  width: 100%;
}

footer:not(.default) .sig-icons a:focus,
footer:not(.default) .sig-icons a:hover {
  text-decoration: none !important;
  outline: thin dotted white;
  outline-offset: unset;
}

footer:not(.default) ul.menu li {
  float: left;
  list-style: outside none none;
  margin: 17px 0 22px 0;
  padding: 0;
  width: 200px;
}

footer:not(.default) ul.menu>li a {
  background-color: transparent;
  color: white;
  font-style: normal;
  white-space: normal;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 0.6em;
  word-wrap: break-word;
  /*this is for text-zoom 300% reflow*/
}

footer:not(.default) ul.menu>li a:hover {
  text-decoration: underline;
  color: #dedbe6;
}

#canada-logo {
  position: absolute;
  bottom: 34px;
  right: 22px;
  width: 80px;
  font-size: 2em;
}

#canada-logo a {
  display: block;
}

@media screen and (max-width: 900px) {
  footer:not(.default) ul.menu li {
    width: 150px;
  }
}

@media screen and (max-width: 767px) {
  footer:not(.default) {
    height: 50px;
  }

  footer:not(.default) .footer-inner .menu.nav {
    padding-bottom: 10px;
  }

  footer:not(.default) .region-footer {
    margin-top: 10px;
  }

  .region-inner {
    display: none;
  }

  .footer-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 800;
  }

  .footer-container .title-bar {
    position: absolute;
    bottom: 2px;
    left: 10px;
  }

  .main-container {
    margin-bottom: 60px;
  }

  #block-boxes-social-media-footer li {
    margin: 0 5px;
  }

  #block-boxes-social-media-footer li .fa-youtube,
  #block-boxes-social-media-footer li .fa-envelope {
    font-size: 24px;
    width: 27px;
    margin: 5px 12px;
    height: 22px;
  }

  #block-boxes-social-media-footer li:first-child {
    margin: 0 20px 0 10px;
  }

  #canada-logo {
    bottom: 12px;
    right: 12px;
    width: 70px;
  }
}

.search {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.search:focus {
  outline: 1px solid white;
}

.search-block-full-width.modal {
  overflow-y: hidden;
  font-family: "Roboto", sans-serif;
  background-color: #700f1e;
}

.search-block-full-width {
  font-family: "Roboto", sans-serif;
  background-color: #700f1e;
  z-index: 10000;
  min-height: 100vh;
  width: 100vw;
  display: none;
  position: fixed;
  top: 0px;
}

.search-block-full-width .modal-dialog {
  width: 100%;
  margin: 0;
}

.search-block-full-width .modal-dialog,
.search-block-full-width .modal-content {
  background-color: #700f1e;
}

.search-block-full-width .modal-header {
  padding-top: 0;
  padding-right: 0;
  margin-bottom: -30px;
  border-bottom: none;
}

.search-block-full-width .btn-close {
  float: right;
}

.search-block-full-width .btn-close button.close {
  opacity: 1;
  color: black;
  font-size: 2em;
  color: white;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 50px;
}

.search-block-full-width .btn-close button.close span {
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.search-block-full-width .btn-close button.close:focus {
  outline: 1px solid white;
}

.search-block-full-width .search-inner {
  margin: 0 auto;
  display: table;
  width: 80%;
  position: relative;
  height: 100vh;
}

.search-block-full-width .search-inner .search-block-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.search-block-full-width .search-inner .search-block-inner .js-form-submit span.icon.glyphicon.glyphicon-search {
  display: none;
}

.search-block-full-width .search-inner .search-block-inner .input-group {
  display: block;
  width: 50%;
  margin: 0 auto;
}

.search-block-full-width .search-inner .search-block-inner .input-group input {
  text-align: center;
  font-size: 1.2em;
  background-color: transparent;
  box-shadow: 0px 0px 0px transparent !important;
  border-radius: 0;
  border-top: none;
  border-left: none;
  boder-right: none;
  border-right: none;
  color: white;
}

.search-block-full-width .search-inner .search-block-inner .input-group input:focus {
  border-bottom: 1px dotted white;
}

.search-block-full-width .search-inner .search-block-inner button.js-form-submit {
  background-color: white;
  color: #700f1e;
  border-radius: 20px;
  padding: 10px 30px;
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.search-block-full-width .search-inner .search-block-inner button.js-form-submit:hover {
  background-color: #A4BCBC;
}

.search-block-full-width .search-inner .search-block-inner button.js-form-submit:focus {
  outline: 1px solid white;
}

@media screen and (max-width: 767px) {
  .search-block-full-width .search-inner .search-block-inner .input-group {
    width: 100%;
  }

  .search-block-full-width .btn-close button.close {
    padding-right: 20px;
  }

  .modal .search-inner div.search-block-form {
    margin-top: -100px;
  }
}

body.path-frontpage .search-wrapper {
  background-color: #700f1e;
}

body.path-frontpage .field--item img.img-responsive {
  float: left;
  margin-right: 15px;
}

body.path-frontpage .banner-block-home {
  margin-top: 80px;
  background-color: #700f1e;
  text-align: left;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

body.path-frontpage .banner-block-home img.pm-banner-crest {
  display: inline-block;
  vertical-align: text-top;
  width: 27%;
  padding-top: 10px;
  padding-bottom: 20px;
}

body.path-frontpage .banner-block-home p {
  display: inline-block;
  font-family: "Open Sans Light";
  font-size: 1.2em;
  width: fit-content;
  vertical-align: middle;
  text-align: left;
  color: #FFFFFF;
  border-left: 1px solid #FFFFFF;
  line-height: 0.2em;
  margin-left: 2em;
  padding: 0.7em 0 1.4em 2em;
}

body.path-frontpage .banner-block-home p span {
  font-family: "Bitter";
  font-weight: normal;
  font-size: 1.2em;
  line-height: 2.5em;
}

body.path-frontpage .banner-block-home img.pm-banner-profile {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  border-radius: 50%;
  margin: 2% 0 2% 15%;
}

body.path-frontpage article {
  clear: both;
}

body.path-frontpage article div.field--name-body {
  overflow: auto;
}

.round-outline-red {
  border: 1px solid #8d191c;
  border-radius: 25px;
  padding: 5px 10px;
  background-color: #8d191c;
  color: white;
  font-weight: bold;
  font-size: smaller;
  font-family: "Roboto";
}

.round-outline-red:hover {
  background-color: white;
  color: #8d191c;
  text-decoration: none;
}

.twitter-in-follow {
  background-size: 16px;
  background-repeat: no-repeat;
}

.twitter-in-follow:hover {
  text-decoration: none !important;
  color: #8d191c;
}

.twitter-in-follow:hover img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(22%) saturate(6841%) hue-rotate(338deg) brightness(110%) contrast(103%);
  height: 13px;
  padding-right: 3px;
  padding-bottom: 2px;
}

.twitter-in-follow:focus {
  background-color: white;
  color: #8d191c;
  text-decoration: none;
}

.twitter-in-follow:focus img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(22%) saturate(6841%) hue-rotate(338deg) brightness(110%) contrast(103%);
  height: 13px;
  padding-right: 3px;
  padding-bottom: 2px;
}

.twitter-in-follow img {
  height: 13px;
  padding-right: 3px;
  padding-bottom: 2px;
}

body.page.node-8192 article a {
  text-decoration: underline;
}

@media screen and (max-width: 1600px) {
  body.path-frontpage .banner-block-home p {
    font-size: 1.1em;
  }

  body.path-frontpage .banner-block-home img.pm-banner-crest {
    width: 22%;
  }
}

@media screen and (max-width: 1200px) {
  body.path-frontpage .banner-block-home p {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
  }

  body.path-frontpage .banner-block-home img.pm-banner-crest {
    width: 18%;
  }
}

@media screen and (max-width: 991px) {
  body.path-frontpage .banner-block-home p {
    font-size: 0.8em;
  }

  body.path-frontpage .banner-block-home img.pm-banner-crest {
    width: 17%;
    height: auto;
  }
}

@media screen and (max-width: 783px) {
  body.path-frontpage .banner-block-home img.pm-banner-profile {
    min-width: 156px;
  }
}

@media screen and (max-width: 767px) {
  body.path-frontpage .banner-block-home {
    margin-top: 80px;
  }

  body.path-frontpage .banner-block-home p {
    font-size: 0.7em;
  }

  body.path-frontpage .banner-block-home img.pm-banner-crest {
    width: 16%;
    padding-bottom: 10px;
  }

  body.path-frontpage .banner-block-home img.pm-banner-profile {
    margin-left: 10%;
  }
}

@media screen and (max-width: 580px) {
  body.path-frontpage .banner-block-home img.pm-banner-profile {
    margin-left: 5%;
  }
}

@media screen and (max-width: 560px) {
  body.path-frontpage .banner-block-home p {
    max-width: 60%;
    margin-left: 0.8em;
    padding-left: 0.8em;
    font-size: 0.8em;
  }
}

@media screen and (max-width: 505px) {
  body.path-frontpage .banner-block-home img.pm-banner-profile {
    margin-left: 5px;
  }
}

@media screen and (max-width: 479px) {
  body.path-frontpage .banner-block-home p {
    max-width: 50%;
    margin-left: 0.7em;
    padding-left: 0.7em;
    font-size: 0.7em;
  }
}

@media screen and (max-width: 390px) {
  body.path-frontpage .banner-block-home p {
    max-width: 40%;
    line-height: 1em;
  }

  body.path-frontpage .banner-block-home p span {
    line-height: 1.2em;
  }
}

/* stylying the popup for supported browsers */
#navbar {
  font-family: "Open Sans Light";
}

#navbar .menu--pm-menu li {
  float: left;
  font-size: 1em;
  font-weight: normal;
  margin: 0 1.4em;
  white-space: nowrap;
  padding-right: 10px;
}

#navbar .menu--pm-menu li:hover {
  border-bottom: 1px solid #0f5f7f;
}

#navbar .menu--pm-menu li a,
#navbar .menu--pm-menu li span {
  color: #FFFFFF;
}

#navbar .menu--pm-menu li a:hover,
#navbar .menu--pm-menu li a:focus,
#navbar .menu--pm-menu li span:hover,
#navbar .menu--pm-menu li span:focus {
  background-color: unset;
}

#navbar .menu--pm-menu li.expanded.dropdown ul.dropdown-menu {
  background-color: rgba(0, 0, 0, 0);
}

#navbar .menu--pm-menu>li:hover {
  border-bottom: 1px solid #dedbe6;
}

#navbar .menu--pm-menu>li:hover a,
#navbar .menu--pm-menu>li:hover span {
  color: #dedbe6;
}

#navbar .menu--pm-menu {
  /*li.expanded.dropdown.open.first {
      ul.dropdown-menu {
        min-width: 700px;
      }
    }*/
}

#navbar .menu--pm-menu li.expanded.dropdown:nth-last-child(1) .dropdown-menu {
  left: auto;
  right: 0;
  background-clip: unset;
}

#navbar .menu-label {
  display: none;
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 13px;
  text-transform: uppercase;
  vertical-align: top;
}

@media screen and (max-width: 1426px) {
  #navbar .menu--pm-menu li {
    font-size: 0.97em;
    margin: 0 0.7em;
  }

  #navbar .menu--pm-menu li.expanded.dropdown:nth-last-child(3) ul.dropdown-menu li a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1300px) {
  #navbar .menu--pm-menu li {
    margin: 0 0.5em;
  }
}

@media screen and (max-width: 1114px) {
  #navbar .menu--pm-menu li {
    font-size: 0.87em;
  }

  #navbar .menu--pm-menu>li a {
    padding-left: 5px;
    padding-right: 5px;
  }

  #navbar .menu--pm-menu li.expanded.dropdown:nth-last-child(3) ul.dropdown-menu li a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 981px) {
  #navbar .menu--pm-menu li {
    font-size: 0.82em;
  }

  .main-header .slogan {
    font-size: 0.7em;
  }
}

@media screen and (max-width: 953px) {
  .main-header .menu--pm-menu li {
    padding-right: 5px;
  }
}

@media screen and (max-width: 846px) {
  #navbar .menu--pm-menu>li {
    padding-right: 1px;
  }

  #navbar .menu--pm-menu li.expanded.dropdown:nth-last-child(3) ul.dropdown-menu {
    padding: 15px 5px;
  }

  #navbar .menu--pm-menu li.expanded.dropdown:nth-last-child(3) ul.dropdown-menu a {
    max-width: 130px;
    white-space: break-spaces;
    word-wrap: normal;
    text-align: center;
  }
}

@media screen and (max-width: 798px) {
  .main-header .menu--pm-menu>li {
    font-size: 0.73em;
  }
}

#navbar .navbar-toggle {
  float: none;
  margin: 8px 8px 8px 20px;
  border: none;
  margin-left: 15px;
  margin-right: 0px;
}

#navbar .navbar-toggle:hover,
#navbar .navbar-toggle:focus {
  background-color: #700f1e;
}

#navbar .navbar-toggle:focus {
  outline: 1px dotted white;
}

#navbar .region.region-navigation-collapsible {
  background-color: #700f1e;
  overflow-x: visible;
}

#navbar .region.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav {
  min-height: auto;
  overflow-y: "hidden";
}

#navbar .region.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav li.expanded.dropdown>ul.dropdown-menu {
  display: none;
}

#navbar .mobile-search-button {
  display: none;
  float: right;
  margin-right: 30px;
  margin-top: 8px;
  position: relative;
  border: 1px solid transparent;
  background-color: transparent;
  height: 2em;
  width: 2em;
}

#navbar .mobile-search-button:focus {
  outline: thin dotted white;
}

#navbar .mobile-search-button i {
  position: absolute;
  min-width: 100%;
  top: 10%;
  left: 0px;
  padding-top: 7px;
}

#navbar ul.menu.menu--main.nav.navbar-nav {
  margin: 0;
}

#navbar ul.menu.menu--main.nav.navbar-nav li {
  margin-top: 10px;
}

#navbar ul.menu.menu--main.nav.navbar-nav li a {
  margin: 8px 10px;
  color: white;
  padding: 0;
  font-size: 1.3em;
}

#navbar ul.menu.menu--main.nav.navbar-nav li a:hover,
#navbar ul.menu.menu--main.nav.navbar-nav li a:focus {
  text-decoration: underline;
  background: transparent;
  outline: 1px dotted white;
}

#navbar ul.menu.menu--main.nav.navbar-nav li a:hover {
  background-color: transparent;
  color: white;
  border: none;
}

#navbar ul.menu.menu--main.nav.navbar-nav li a span.caret {
  display: inline-block;
}

#navbar ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li {
  padding-left: 10px;
}

#navbar ul.menu.menu--main.nav.navbar-nav .dropdown-menu>li>a {
  font-size: 1.2em;
}

#navbar-collapse {
  border: none;
}

#navbar-collapse #block-mainnavigation {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 1em;
}

#navbar-collapse ul.menu.menu--main.nav.navbar-nav {
  padding-left: 2.5em;
}

#navbar-collapse ul.menu.menu--main.nav.navbar-nav>li.first {
  padding-top: 1.5em;
}

#navbar-collapse ul.menu.menu--main.nav.navbar-nav li a,
#navbar-collapse ul.menu.menu--main.nav.navbar-nav li span {
  margin: 8px 10px;
  color: #FFFFFF;
  padding: 0;
  font-size: 1.1em;
  line-height: 2.5em;
}

#navbar-collapse .region-navigation-collapsible span.caret {
  display: inline-block;
}

.navbar-toggle .icon-bar {
  border: 1px solid white;
}

@media screen and (max-width: 767px) {
  #block-mainnavigation {
    display: block;
  }

  #navbar {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
  }

  #navbar .menu-label {
    display: inline-block;
  }

  #navbar .mobile-branding {
    position: absolute;
    left: 20%;
    top: 30px;
    width: 60%;
    text-align: center;
    margin-left: 0px;
  }

  #navbar .mobile-branding a {
    width: max-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #navbar .mobile-search-button {
    display: block;
    margin: 0;
    margin-right: 10px;
    padding: 0;
  }

  #navbar .mobile-search-button i {
    padding-top: 4px;
  }

  #navbar-collapse li.expanded.dropdown ul.dropdown-menu {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  #navbar .menu-label {
    margin-left: -5px;
    margin-right: 15px;
  }

  #navbar .mobile-branding {
    margin-left: 0;
  }
}

.search-and-language {
  display: table-cell;
  padding-top: 26px;
  vertical-align: top;
  color: #FFFFFF;
}

.search-and-language .wrapper {
  display: flex;
}

.search-and-language .search {
  display: inline-block;
  margin: 0 16px 0 0;
  padding-left: 16px;
}

.search-and-language .search img {
  width: 15px;
}

.search-and-language .language-switch-header {
  display: inline-block;
  border-right: 1px solid #FFFFFF;
  /*margin-right: 26px;*/
  padding-right: 16px;
  padding-bottom: 0.2em;
}

.search-and-language ul.links {
  margin: 0;
  padding: 0;
}

.search-and-language ul.links li {
  display: inline;
}

.search-and-language ul.links li a {
  color: #FFFFFF;
  font-size: 1em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.close-search {
  position: relative !important;
  height: auto !important;
  width: auto !important;
}

.main-header>.search-and-language ul.links li a {
  top: 1px;
}

.main-header>.search-and-language ul.links li a:focus {
  outline: 1px solid white;
}

.navbar-header .search-and-language {
  display: none;
}

@media screen and (max-width: 1426px) {
  .main-header>.search-and-language ul.links li a {
    font-size: 0.97em;
  }
}

@media screen and (max-width: 1114px) {
  .main-header>.search-and-language .language-switch-header {
    padding-right: 10px;
    font-size: 0.87em;
  }

  .main-header .search {
    padding-left: 10px;
  }
}

@media screen and (max-width: 953px) {
  .main-header .search {
    padding-right: 0px;
    padding-left: 8px;
    margin-right: 5px;
  }

  .main-header .language-switch-header {
    padding-right: 8px;
  }
}

@media screen and (max-width: 798px) {
  .main-header .search-and-language .search {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .main-header>.search-and-language {
    display: none;
  }

  .navbar-header .search-and-language {
    display: block;
    float: right;
    padding: 0;
    padding-top: 6px;
  }

  .navbar-header .search-and-language .wrapper {
    margin-right: 10px;
  }

  .navbar-header .search-and-language .language-switch-header {
    padding-top: 2px;
  }

  .navbar-header .search-and-language ul.links li a {
    top: 1px;
  }
}

.follow-pm {
  margin-top: 1.5em;
}

.follow-pm .banner-twitter-pm {
  position: relative;
}

.follow-pm .banner-twitter-pm img.ban-tweet {
  width: 100% !important;
  padding-bottom: 30px;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}

.follow-pm .banner-twitter-pm div.pm-left {
  /* background: url(../assets/JustinTrudeau_portrait_small.png); */
  position: absolute;
  left: 10px;
  background-color: transparent;
  background-size: cover;
  position: absolute;
  bottom: 5px;
  right: 0;
  height: 50px;
  width: 50px;
}

.follow-pm .follow-twitter {
  position: absolute;
  right: 5px;
  bottom: 0;
}

.follow-pm .follow-twitter span.follow-text {
  font-family: "Open Sans", sans-serif;
}

.follow-pm .verif-twitter {
  width: 1.11em;
  height: 1.25em;
}

.follow-pm p {
  font-size: 0.9em;
  font-weight: 600;
}

.follow-pm p span {
  font-size: 0.85em;
  color: #2b7bb9;
}

.follow-pm p span:hover {
  cursor: pointer;
}



input {
  /* width: 100%; */

}

.form {
  display: flex;
  flex-direction: column;
  gap: 15px;

}

.form-control {
  padding: 0.75rem 1rem;
}

.phone-eror-mess {
  display: block;
  width: 100%;
  color: #fff;
  line-height: 2em;
  background-color: red;

}

.input-group .form-control {
  padding: 10px;
  border-radius: 10px;
}

.iti__selected-flag {
  z-index: 10;
}

.form-error-content {
  margin-bottom: 10px;

  text-align: center;
  background: #cb0d0d;
  color: #fff;
  text-transform: uppercase;
  padding: 5px;
  display: none;

}

img {
  /* width: 100%; */
}

.buttonSend {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  width: 100%;
}

.form-group {
  text-align: center;
  width: 100%;
  position: relative;
}


.iti {
  width: 100%;
}

.fa__err,
.fa__checked {
  display: none;
  cursor: pointer;
}

.fa__errInfo {
  display: none;
  max-width: 180px;
  padding: 4px;
  line-height: 1;
  text-align: start;
}

.form-group .btn {}

@media(max-width:400px) {
  .fa__errInfo {
    max-width: 150px;
  }
}








.modal-errors {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  background: rgb(0 0 0 / 83%);
}

.modal-errors__block {
  text-align: center;
  padding: 70px 20px;
  width: 100%;
  height: 100vh;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

}

.modal-errors__close {
  position: absolute;
  right: 0;
  top: 10px;
  background: none;
  border: none;
  color: #000;
}

.modal-errors__close:hover,
.modal-errors__close:focus {
  background-color: transparent;
  border-color: unset;
  border: none;
  outline: none;
  opacity: 0.7;
}


/* MODAL EROR STYLES */

@import url('https://fonts.googleapis.com/css2?family=Khand:wght@500&display=swap');

.wrapperAlert {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  border-radius: 12px;
  border: thin solid #ddd;
  margin: 0 auto;
}

.topHalf {
  width: 100%;
  color: white;
  overflow: hidden;
  min-height: 250px;
  position: relative;
  padding: 40px 0;
  background: rgb(0, 0, 0);
  background: -webkit-linear-gradient(45deg, #019871, #a0ebcf);
}

.topHalf p {
  margin-bottom: 30px;
}

.topHalf svg {
  margin: 0 auto;
}

svg {
  fill: white;
}

.topHalf h1 {
  font-size: 2.25rem;
  display: block;
  font-weight: 500;
  letter-spacing: 0.15rem;
  color: #fff;
  text-shadow: 0 2px rgba(128, 128, 128, 0.6);
}

.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  /* fade(green, 75%);*/
  bottom: -160px;

  -webkit-animation: square 20s infinite;
  animation: square 20s infinite;

  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.bg-bubbles li:nth-child(1) {
  left: 10%;
}

.bg-bubbles li:nth-child(2) {
  left: 20%;

  width: 80px;
  height: 80px;

  animation-delay: 2s;
  animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
  left: 25%;
  animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;

  animation-duration: 22s;

  background-color: rgba(white, 0.3);
  /* fade(white, 25%); */
}

.bg-bubbles li:nth-child(5) {
  left: 70%;
}

.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;

  animation-delay: 3s;
  background-color: rgba(white, 0.2);
  /* fade(white, 20%); */
}

.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;

  animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;

  animation-delay: 15s;
  animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;

  animation-delay: 2s;
  animation-duration: 40s;
  background-color: rgba(white, 0.3);
  /*fade(white, 30%);*/
}

.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;

  animation-delay: 11s;
}

@-webkit-keyframes square {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-500px) rotate(600deg);
  }
}

@keyframes square {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-500px) rotate(600deg);
  }
}

.bottomHalf {
  align-items: center;
  padding: 35px;
  background: #fff;
}

.bottomHalf h2 {
  font-size: 20px;
  color: #000;
}


.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}


body {
  position: relative
}

/* @media screen and (min-width:768px) {
    body {
        margin-top: 15px
    }
} */

ul {
  padding-left: 1.5em
}

.form-group:last-child,
p:last-child {
  margin-bottom: 0
}

ul:not([class]) {
  list-style-type: disc !important;
}

article img {
  max-width: 100%;
}

.ck-content ol.lowerAlpha>li::marker,
.ck-content ol.upperAlpha>li::marker,
.ck-content ol.lowerAlphaDot>li::marker,
.ck-content ol.upperAlphaDot>li::marker,
.ck-content ol.lowerRoman>li::marker,
.ck-content ol.upperRoman>li::marker,
.ck-content ol.lowerRomanDot>li::marker,
.ck-content ol.upperRomanDot>li::marker {
  content: "" !important;
}

.ck-editor__editable ul:has(li > p.Indent1),
.ck-editor__editable ol:has(li > p.Indent1) {
  margin-left: 2em;
}

.ck-editor__editable ul:has(li > p.Indent2),
.ck-editor__editable ol:has(li > p.Indent2) {
  margin-left: 4em;
}

.ck-editor__editable ul:has(li > p.Indent3),
.ck-editor__editable ol:has(li > p.Indent3) {
  margin-left: 6em;
}

.ck-editor__editable ul:has(li > p.Indent4),
.ck-editor__editable ol:has(li > p.Indent4) {
  margin-left: 8em;
}

.ck-editor__editable ul:has(li > p.Indent5),
.ck-editor__editable ol:has(li > p.Indent5) {
  margin-left: 10em;
}

.ck-editor__editable ul:has(li > p.Indent6),
.ck-editor__editable ol:has(li > p.Indent6) {
  margin-left: 12em;
}

.ck-editor__editable ul:has(li > p.Indent7),
.ck-editor__editable ol:has(li > p.Indent7) {
  margin-left: 14em;
}

.ck-editor__editable ul:has(li > p.Indent8),
.ck-editor__editable ol:has(li > p.Indent8) {
  margin-left: 16em;
}

.ck-editor__editable ul:has(li > p.Indent9),
.ck-editor__editable ol:has(li > p.Indent9) {
  margin-left: 18em;
}

.ck-editor__editable ul:has(li > p.Indent10),
.ck-editor__editable ol:has(li > p.Indent10) {
  margin-left: 20em;
}

@media print {
  @page: main-header {
    display: none;
  }

  .main-header a[href]::after {
    content: "";
  }

  .row.content-inner .col-sm-9 {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
  }

  #navbar,
  .navbar-header,
  .region.region-sidebar-second,
  .footer-container,
  .main-header,
  .main-header .branding,
  .search-and-language,
  #block-pmmenu {
    display: none !important;
  }

  .page .collapse {
    display: block !important;
    height: auto !important;
  }

}


.btn_wrapper {
  margin: 24px 0;
}

.custom-btn {
  text-align: center;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
  background: #fff;
  color: #8d191c;
  border: 3px solid #8d191c;
  width: 100%;
  padding: 14px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 4px;
  font-family: Arial;
  letter-spacing: 1px;
  box-shadow: 3px 3px 6px #00000030;
  transition: background-color 0.3s ease;

}

.custom-btn:hover,
.custom-btn:active {
  color: #fff;
  background-color: #8d191c;
  transform: scale(1.05);
}

.content h2 {
  font-size: 1.7em;
}

body.page.node-8192 article a {
  font-weight: bold;
  text-decoration: none;
}



@media print {
  body {
    display: none !important;
  }
}

:root {
  --mainColor: linear-gradient(98deg, #df48e1, #7b0083);
  --text: #000000;
  --input-color: #000;
  --valid-input-color: #000;
}

.iti--separate-dial-code {
  padding: 0 !important;
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
}

.iti__selected-dial-code {
  color: #000;
}

.iti {
  width: 100%;
  margin-bottom: 20px;
}

.iti__arrow {
  display: none;
}


/* FORM */
.sorser .form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 350px;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  background-color: #1a1a1a;
  color: #fff;
  border: 1px solid #333;
  margin: 0 auto;
}

.sorser input,
.form-control {
  background-color: #333;
  color: #fff;
  width: 100%;
  padding: 10px 10px;
  outline: 0;
  border: 1px solid rgba(105, 105, 105, 0.397);
  border-radius: 10px !important;
}

.sorser .title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 30px;
  color: #00bfff;
}

.sorser .title::before,
.sorser .title::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  left: 0px;
  background-color: #00bfff;
}

.sorser .title::after {
  animation: pulse 1s linear infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.sorser button:hover {
  background-color: #00bfff96;
}

.sorser button {
  border: none;
  outline: none;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  transform: 0.3s ease;
  background-color: #00bfff;
}

.logos svg {
  width: 100%;
  height: 200px;
}

#redblocks>* {
  transform: translate3d(160px, -93px, 0);
  -webkit-animation: moveblocks 4s 1s ease infinite;
  animation: moveblocks 4s 1s ease infinite;
}

@-webkit-keyframes moveblocks {
  0% {
    transform: translate3d(160px, -93px, 0);
  }

  50%,
  100% {
    transform: translate(0);
  }
}

@keyframes moveblocks {
  0% {
    transform: translate3d(160px, -93px, 0);
  }

  50%,
  100% {
    transform: translate(0);
  }
}

#firstBlock {
  transform: translate3d(160px, -93px, 0);
  -webkit-animation: firstBlock 4s 1s ease infinite;
  animation: firstBlock 4s 1s ease infinite;
}

#blockdis {
  -webkit-animation: blockdis 4s 1s ease infinite;
  animation: blockdis 4s 1s ease infinite;
}

@-webkit-keyframes blockdis {
  30% {
    opacity: 1;
  }

  40%,
  100% {
    opacity: 0;
    transform: translate3d(-160px, 93px, 0);
  }
}

@keyframes blockdis {
  30% {
    opacity: 1;
  }

  40%,
  100% {
    opacity: 0;
    transform: translate3d(-160px, 93px, 0);
  }
}

@-webkit-keyframes firstBlock {

  0%,
  15% {
    opacity: 0;
  }

  40%,
  100% {
    opacity: 1;
  }
}

@keyframes firstBlock {

  0%,
  15% {
    opacity: 0;
  }

  40%,
  100% {
    opacity: 1;
  }
}

#redblocksparticles g:nth-child(1) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(2) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(3) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(4) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

@-webkit-keyframes glow {

  0%,
  45% {
    opacity: 0;
  }

  60%,
  100% {
    opacity: 0.35;
  }
}

@keyframes glow {

  0%,
  45% {
    opacity: 0;
  }

  60%,
  100% {
    opacity: 0.35;
  }
}

@-webkit-keyframes dots {

  0%,
  35% {
    transform: translate(0);
    opacity: 0;
  }

  60%,
  80% {
    transform: translate(55px, -35px);
    opacity: 1;
  }

  100% {
    transform: translate(55px, -35px);
    opacity: 0;
  }
}

@keyframes dots {

  0%,
  35% {
    transform: translate(0);
    opacity: 0;
  }

  60%,
  80% {
    transform: translate(55px, -35px);
    opacity: 1;
  }

  100% {
    transform: translate(55px, -35px);
    opacity: 0;
  }
}

#purplebg> :nth-child(1) {
  -webkit-animation: up 2s 500ms ease infinite alternate;
  animation: up 2s 500ms ease infinite alternate;
}

#purplebg> :nth-child(2) {
  -webkit-animation: up 2s 1000ms ease infinite alternate;
  animation: up 2s 1000ms ease infinite alternate;
}

#purplebg> :nth-child(3) {
  -webkit-animation: up 2s 1500ms ease infinite alternate;
  animation: up 2s 1500ms ease infinite alternate;
}

#purplebg> :nth-child(4) {
  -webkit-animation: up 2s 2000ms ease infinite alternate;
  animation: up 2s 2000ms ease infinite alternate;
}

#purplebg> :nth-child(5) {
  -webkit-animation: up 2s 2500ms ease infinite alternate;
  animation: up 2s 2500ms ease infinite alternate;
}

#purplebg> :nth-child(6) {
  -webkit-animation: up 2s 3000ms ease infinite alternate;
  animation: up 2s 3000ms ease infinite alternate;
}

#purplebg> :nth-child(7) {
  -webkit-animation: up 2s 3500ms ease infinite alternate;
  animation: up 2s 3500ms ease infinite alternate;
}

#purplebg> :nth-child(8) {
  -webkit-animation: up 2s 4000ms ease infinite alternate;
  animation: up 2s 4000ms ease infinite alternate;
}

#purplebg> :nth-child(9) {
  -webkit-animation: up 2s 4500ms ease infinite alternate;
  animation: up 2s 4500ms ease infinite alternate;
}

#purplebg> :nth-child(10) {
  -webkit-animation: up 2s 5000ms ease infinite alternate;
  animation: up 2s 5000ms ease infinite alternate;
}

#purplebg> :nth-child(11) {
  -webkit-animation: up 2s 5500ms ease infinite alternate;
  animation: up 2s 5500ms ease infinite alternate;
}

#purplebg> :nth-child(12) {
  -webkit-animation: up 2s 6000ms ease infinite alternate;
  animation: up 2s 6000ms ease infinite alternate;
}

#purplebg> :nth-child(13) {
  -webkit-animation: up 2s 6500ms ease infinite alternate;
  animation: up 2s 6500ms ease infinite alternate;
}

#purplebg> :nth-child(14) {
  -webkit-animation: up 2s 7000ms ease infinite alternate;
  animation: up 2s 7000ms ease infinite alternate;
}

#purplebg> :nth-child(15) {
  -webkit-animation: up 2s 7500ms ease infinite alternate;
  animation: up 2s 7500ms ease infinite alternate;
}

#purplebg> :nth-child(16) {
  -webkit-animation: up 2s 8000ms ease infinite alternate;
  animation: up 2s 8000ms ease infinite alternate;
}

#purplebg> :nth-child(17) {
  -webkit-animation: up 2s 8500ms ease infinite alternate;
  animation: up 2s 8500ms ease infinite alternate;
}

#purplebg> :nth-child(18) {
  -webkit-animation: up 2s 9000ms ease infinite alternate;
  animation: up 2s 9000ms ease infinite alternate;
}

#purplebg> :nth-child(19) {
  -webkit-animation: up 2s 9500ms ease infinite alternate;
  animation: up 2s 9500ms ease infinite alternate;
}

#purplebg> :nth-child(20) {
  -webkit-animation: up 2s 10000ms ease infinite alternate;
  animation: up 2s 10000ms ease infinite alternate;
}

@-webkit-keyframes up {
  to {
    transform: translate(0, -25px);
  }
}

@keyframes up {
  to {
    transform: translate(0, -25px);
  }
}

#bottomparticles> :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles> :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2> :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles> :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes p {

  85%,
  100% {
    opacity: 0;
  }
}

@keyframes p {

  85%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes particles {

  0%,
  100% {
    transform: translate(0);
  }

  50% {
    transform: translate(10px, 15px);
  }
}

@keyframes particles {

  0%,
  100% {
    transform: translate(0);
  }

  50% {
    transform: translate(10px, 15px);
  }
}

.particlespoly {
  -webkit-animation: p 2s ease infinite alternate;
  animation: p 2s ease infinite alternate;
}

#d-app g:nth-child(1) {
  -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
  animation: updown 2s 200ms ease-in-out infinite alternate;
}

#d-app g:nth-child(2) {
  -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
  animation: updown 2s 400ms ease-in-out infinite alternate;
}

#d-app g:nth-child(3) {
  -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
  animation: updown 2s 600ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(1) {
  -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
  animation: updown 2s 200ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(2) {
  -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
  animation: updown 2s 400ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(3) {
  -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
  animation: updown 2s 600ms ease-in-out infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(1) {
  -webkit-animation: updown 2s 50ms ease infinite alternate;
  animation: updown 2s 50ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(2) {
  -webkit-animation: updown 2s 100ms ease infinite alternate;
  animation: updown 2s 100ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(3) {
  -webkit-animation: updown 2s 150ms ease infinite alternate;
  animation: updown 2s 150ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(4) {
  -webkit-animation: updown 2s 200ms ease infinite alternate;
  animation: updown 2s 200ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(5) {
  -webkit-animation: updown 2s 250ms ease infinite alternate;
  animation: updown 2s 250ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(6) {
  -webkit-animation: updown 2s 300ms ease infinite alternate;
  animation: updown 2s 300ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(7) {
  -webkit-animation: updown 2s 350ms ease infinite alternate;
  animation: updown 2s 350ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(8) {
  -webkit-animation: updown 2s 400ms ease infinite alternate;
  animation: updown 2s 400ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(9) {
  -webkit-animation: updown 2s 450ms ease infinite alternate;
  animation: updown 2s 450ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(10) {
  -webkit-animation: updown 2s 500ms ease infinite alternate;
  animation: updown 2s 500ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(11) {
  -webkit-animation: updown 2s 550ms ease infinite alternate;
  animation: updown 2s 550ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(12) {
  -webkit-animation: updown 2s 600ms ease infinite alternate;
  animation: updown 2s 600ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(13) {
  -webkit-animation: updown 2s 650ms ease infinite alternate;
  animation: updown 2s 650ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(14) {
  -webkit-animation: updown 2s 700ms ease infinite alternate;
  animation: updown 2s 700ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(15) {
  -webkit-animation: updown 2s 750ms ease infinite alternate;
  animation: updown 2s 750ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(16) {
  -webkit-animation: updown 2s 800ms ease infinite alternate;
  animation: updown 2s 800ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(17) {
  -webkit-animation: updown 2s 850ms ease infinite alternate;
  animation: updown 2s 850ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(18) {
  -webkit-animation: updown 2s 900ms ease infinite alternate;
  animation: updown 2s 900ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g>circle:nth-child(19) {
  -webkit-animation: updown 2s 950ms ease infinite alternate;
  animation: updown 2s 950ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(1) {
  -webkit-animation: updown 2s 50ms ease infinite alternate;
  animation: updown 2s 50ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(2) {
  -webkit-animation: updown 2s 100ms ease infinite alternate;
  animation: updown 2s 100ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(3) {
  -webkit-animation: updown 2s 150ms ease infinite alternate;
  animation: updown 2s 150ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(4) {
  -webkit-animation: updown 2s 200ms ease infinite alternate;
  animation: updown 2s 200ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(5) {
  -webkit-animation: updown 2s 250ms ease infinite alternate;
  animation: updown 2s 250ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(6) {
  -webkit-animation: updown 2s 300ms ease infinite alternate;
  animation: updown 2s 300ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(7) {
  -webkit-animation: updown 2s 350ms ease infinite alternate;
  animation: updown 2s 350ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(8) {
  -webkit-animation: updown 2s 400ms ease infinite alternate;
  animation: updown 2s 400ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(9) {
  -webkit-animation: updown 2s 450ms ease infinite alternate;
  animation: updown 2s 450ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(10) {
  -webkit-animation: updown 2s 500ms ease infinite alternate;
  animation: updown 2s 500ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(11) {
  -webkit-animation: updown 2s 550ms ease infinite alternate;
  animation: updown 2s 550ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(12) {
  -webkit-animation: updown 2s 600ms ease infinite alternate;
  animation: updown 2s 600ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(13) {
  -webkit-animation: updown 2s 650ms ease infinite alternate;
  animation: updown 2s 650ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(14) {
  -webkit-animation: updown 2s 700ms ease infinite alternate;
  animation: updown 2s 700ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(15) {
  -webkit-animation: updown 2s 750ms ease infinite alternate;
  animation: updown 2s 750ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(16) {
  -webkit-animation: updown 2s 800ms ease infinite alternate;
  animation: updown 2s 800ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(17) {
  -webkit-animation: updown 2s 850ms ease infinite alternate;
  animation: updown 2s 850ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(18) {
  -webkit-animation: updown 2s 900ms ease infinite alternate;
  animation: updown 2s 900ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g>circle:nth-child(19) {
  -webkit-animation: updown 2s 950ms ease infinite alternate;
  animation: updown 2s 950ms ease infinite alternate;
}

@-webkit-keyframes updown {
  100% {
    transform: translate(0, -20px);
  }
}

@keyframes updown {
  100% {
    transform: translate(0, -20px);
  }
}

#Layer_1>g:nth-child(2)>g:nth-child(18)>g:nth-child(12) {
  -webkit-animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes arrows {
  to {
    transform: translate(25px, 25px);
  }
}

@keyframes arrows {
  to {
    transform: translate(25px, 25px);
  }
}

#Layer_1>g:nth-child(2)>g:nth-child(17)>g:nth-child(13) {
  -webkit-animation: arrows2 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows2 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes arrows2 {
  to {
    transform: translate(-25px, -25px);
  }
}

@keyframes arrows2 {
  to {
    transform: translate(-25px, -25px);
  }
}

#Layer_1>g:nth-child(2)>g:nth-child(17)>g:nth-child(12) {
  -webkit-animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
  padding: 0;
}

b,
strong {
  font-weight: bold !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0.5px 0.5px 0 rgba(0, 0, 0, 0.1);
}

.form-group {
  margin-bottom: 0;
}

.iti__selected-dial-code {
  color: #fff;
}