/*---------------------------------------------------------------------------------

 Theme Name:   AtomicWebDesign
 Theme URI:    https://atomicweb.design
 Description:  
 Author:       Klaudia
 Author URI:   https://atomicweb.design
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/** **/

.et_pb_bottom_inside_divider {
	z-index: 50!important;

}

#main-footer
{
   display: none!important;
}

#main-header { 
	display: none!important; 
}

#menu-bar-top {
	z-index: 100000 !important;
	display:none;
	width:100%!important;
}
	
@media (max-width: 980px) {

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
	 align-items: flex-start;
}
 
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
}

#page-container {
	overflow-x: hidden!important;
	background-color: #00003a!important;
}


::selection { 
	background: #3644af; 
}





.et-pb-contact-message p {
color: #FFFFFF !important;
}


/* Default button appearance */
.et_pb_scroll_top.et-pb-icon {
    right: 30px; /* space from right */
    bottom: 30px; /* space from bottom */
    padding: 8px; /*padding size*/
    border-radius: 100%; /* make the circle */
    font-size: 30px; /* icon size */
    transition: all .1s ease-in-out; /* add transition */
	color: #0abfbc;
}

.text-link {
	padding-bottom: 8px; 
	margin-top: -10px; 
	padding-right: 20px; 
	font-size: 12px !important; 
	text-align: left;
}

canvas.tsparticles-js-canvas-el{
width: 100vw !important;
z-index: 3 !important;
position: fixed !important;
overflow:visible !important;
top: 0;
left: 0;
}

/* style the typewriter text */
.typewriter_text_white {
  color: #ffffff;
}



/* Style the blinking cursor after the text */
.typewriter_text:after {
  content: "|";
  display: inline-block;
  color: #ffffff;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

.typewriter_text_white:after {
  content: "|";
  display: inline-block;
  color: #ffffff;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}


.typewriter_text_blue:after {
  content: "|";
  display: inline-block;
  color: #0abfbc;
  -webkit-animation: 1s blue-blink step-end infinite;
  -moz-animation: 1s blue-blink step-end infinite;
  -ms-animation: 1s blue-blink step-end infinite;
  -o-animation: 1s blue-blink step-end infinite;
  animation: 1s blue-blink step-end infinite;
}

/* Define the blink animation that runs */
@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #ffffff;
  }
}

@-moz-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #ffffff;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #ffffff;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #ffffff;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #ffffff;
  }
}
/**/
@keyframes "blue-blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0abfbc;
  }
}

@-moz-keyframes "blue-blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0abfbc;
  }
}

@-webkit-keyframes "blue-blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0abfbc;
  }
}

@-ms-keyframes "blue-blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0abfbc;
  }
}

@-o-keyframes "blue-blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0abfbc;
  }
}