/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}


h1 {font-family: 'Raleway', sans-serif; font-weight: 800; font-size:60px; line-height: 1.0; text-decoration: underline; }
h2 {font-family: 'Raleway', sans-serif; font-weight: 800; font-size:40px; line-height: 1.0; text-decoration: underline; }
h3 {font-family: 'Raleway', sans-serif; font-weight: 800; line-height: 1.0; font-size:30px;}
a {font-family: 'Raleway', sans-serif; font-weight: 700; color: #ffff00; font-size:18px;}
body, p {font-family: 'Raleway', sans-serif; font-weight: 300; font-size:18px;}


/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 300px;
  background-color: #fff;
  color: black;
  border-radius: 6px;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  bottom: -63%;
  left: 50%;
  margin-left: -230px;
  font-size: 20px;
  text-align: center;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 2s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.arrow-icon-img{
  float: left;
    width: 58px;
    height: 54px;
    margin-left: -36px;
    margin-top: -20px;
}

/* Popup container - can be anything you want */
.popup2 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup2 .popuptext2 {
  visibility: hidden;
  width: 300px;
  background-color: transparent;
  color: black;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 20%;
  left: 106%;
  font-size: 20px;
  text-align: center;
}

/* Popup arrow */
.popup2 .popuptext2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup2 .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.arrow-icon-img2{
    margin-left: -18px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
.popup {
font-size: 30px !important;
  /*margin-top: 20px  !important;*/
   margin-top: 50px  !important;
  }
  .popup2 {
font-size: 30px !important;
    margin-top: 20px  !important;
  }
  #sppb-addon-1611403629992 {
   /* margin-top: 70px !important;*/
}
  .popup .popuptext {
    bottom: 100% !important;
    /*  bottom: -133% !important;*/
    left: 78% !important;
    width: 280px !important;
    background-color: transparent !important;
  }
  .sppb-addon-ZiaMy2BLb54XUui2drlhO{
     margin-top: 50px !important;
  }
  .popup2 .popuptext2 {
   /* bottom: -80%  !important;*/
     bottom: 100%  !important;
    left: 32%  !important;
}
  .arrow-icon-img2  {
    margin-left: 27px  !important;
    width: 50px  !important;
    height: 30px  !important;
    margin-top: -16px  !important;
    position: inherit  !important;
}
  .arrow-icon-img {
    float: left  !important;
    width: 50px  !important;
    margin-left: -56px  !important;
    margin-top: -20px  !important;
    position: initial  !important;
}
}
@media (max-width: 575.98px){
  #sppb-addon-wrapper-ZiaMy2BLb54XUui2drlhO {
    /*margin-top: 50px  !important;*/
}
}

#tsparticles {
  position: fixed;
  width: 100% ;
  height: 100% ;
  left: 0;
  top: 0 ;
  pointer-events: none ;
}