@font-face

{

	font-family: 'CenturyGothicRegular';

	src: url('../fonts/CenturyGothicRegular.ttf'); 

}

@font-face {

    font-family: 'MoskNormal400';

    src: url('../fonts/MoskNormal400.ttf');

}

@font-face {

  font-family: 'Montserrat';

  src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf');

}

@font-face {

  font-family: 'Rubik';

  src: url('../fonts/Rubik/Rubik-VariableFont_wght.ttf');

}



*{

    margin: 0px;

	  padding: 0px;

	/*font-family: 'CenturyGothicRegular';*/

	text-decoration: none;

    border: none;

    

}

html, body{

  margin: 0px;

  padding: 0px;

  height:100%; 

  width: 100%;

}

body{

	background-color: #fff;

	overflow-x: hidden;

}

button{

  cursor: pointer;

}

a{

	color: #cccccc;

	text-decoration: none;

}

#black_square

{

	position: fixed;

	z-index: 5000;

	width: 0vw;

	height: 0vh;	

    background-color: rgb(0, 0, 0);

}


.black_text{

    color: black;

}

.v_spacer{
    width: 1em; 
    height: 1em;
}

.h_spacer{
	width: 100vw;
	height: 1em;
}


#preloader{

  position: fixed;
  width: 20px;
  height: 20px;
  
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  
  z-index: 10001;
  
  display: none;
}



.email_preloader

{

  position: fixed;
  width: 2em;
  height: 2em;

  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);

 z-index: 10001;
  display: none; 

}

#custom_alert
{

    position: fixed;

    width: 20em;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    border-radius: 1em;

    margin: 0px;

    padding: 0px;

    text-align: center;

    z-index: 99999;

    font-family:CenturyGothicRegular;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

    background-image: url("../imgs/blue-bg.png");

    background-size: 100% 100%;

    border: 1px solid white;

    display: none; 


}

#custom_alert #alert_header_holder

{

    display: block;

    width: 100%;

    height: 2em;

    margin: 0em auto ; 

    line-height: 2em;

    border-radius: 1em 1em 0em 0em;

    background-color: #3395df;

    color:white;

}



#custom_alert #alert_text_holder

{

    width: 100%;

    height: 5em;

    margin: 0em auto ;

    

    display: flex;

    justify-content: center;

    align-items: center;  





}

#custom_alert #alert_button_holder

{

    height: 3em;

    display: flex;

    justify-content: center;

    align-items: center;  

    border-radius: 0em 0em 1em 1em;



}

#custom_alert_text

{

    width: 18em;

}

#custom_alert_btn

{

    width: 5em;

    height:2em;

    font-size:1em;

    background-color: #3395df;

     border-radius: 5px;

     color:white;

}

#newsletter_button

{

	width: 100%;

	text-align: center;

	color: #6daeff;

	cursor: pointer;

	padding: 0.4em;

	background-color: transparent;

	border: 1px solid #cccccc;

	border-radius: 4px;

}

.sectionHeader

{

    width: 80vw;

    height: 5em;

    margin: 0px auto;

    font-size: 1.5em;

    display: flex;

    justify-content: center;

    align-items: center;  



}



.reveal{

    position: relative;

    transform: translateY(150px);

    opacity: 0;

    transition: 1s all ease;

  }

  .reveal.active{

    transform: translateY(0);

    opacity: 1;

  }

  .active.fade-bottom {

    animation: fade-bottom .5s ease-in;

  }

  .active.fade-left {

    animation: fade-left .5s ease-in;

  }

  .active.fade-right {

    animation: fade-right .5s ease-in;

  }

 .five-em-spacer{

  display: block;

  width: 1px;

  height: 5em;

}



  @keyframes fade-bottom {

    0% {

      transform: translateY(50px);

      opacity: 0;

    }

    100% {

      transform: translateY(0);

      opacity: 1;

    }

  }

  @keyframes fade-left {

    0% {

      transform: translateX(-100px);

      opacity: 0;

    }

    100% {

      transform: translateX(0);

      opacity: 1;

    }

  }

  @keyframes fade-right {

    0% {

      transform: translateX(100px);

      opacity: 0;

    }

    100% {

      transform: translateX(0);

      opacity: 1;

    }

  }



/**Specific button**/



/* CSS */

.button-15 {

  width: 300px;

  height: 50px;

  font-size: 1em;



  background-image: linear-gradient(#42A1EC, #0070C9);

  border: 1px solid #0077CC;

  border-radius: 4px;

  box-sizing: border-box;

  color: #FFFFFF;

  cursor: pointer;

  direction: ltr;

  display: block;

  font-family: "SF Pro Text","SF Pro Icons","AOS Icons","Helvetica Neue",Helvetica,Arial,sans-serif;

  font-weight: 400;

  letter-spacing: -.022em;

  line-height: 1.5;

  overflow: visible;

  padding: 4px 15px;

  user-select: none;

  -webkit-user-select: none;

  touch-action: manipulation;

  white-space: nowrap;

}



.button-15:disabled {

  cursor: default;

  opacity: .3;

}



.button-15:hover {

  background-image: linear-gradient(#51A9EE, #147BCD);

  border-color: #1482D0;

  text-decoration: none;

}



.button-15:active {

  background-image: linear-gradient(#3D94D9, #0067B9);

  border-color: #006DBC;

  outline: none;

}



.button-15:focus {

  box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px;

  outline: none;

}



.button-43 {

  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);

  border-radius: .5rem;

  box-sizing: border-box;

  color: #FFFFFF;

  display: flex;

  font-size: 16px;

  justify-content: center;

  padding: 1rem 1.75rem;

  text-decoration: none;

  width: 100%;

  border: 0;

  cursor: pointer;

  user-select: none;

  -webkit-user-select: none;

  touch-action: manipulation;

}



.button-43:hover {

  background-image: linear-gradient(-180deg, #1D95C9 0%, #17759C 100%);

}



/* Състояние active (кликнат бутон) */

.button-43:active {

  background-image: linear-gradient(-180deg, #1A8AB9 0%, #156F92 100%);

  transform: scale(0.98);

}



/* Състояние disabled */

.button-43:disabled {

  background-image: linear-gradient(-180deg, #A9A9A9 0%, #808080 100%);

  cursor: not-allowed;

  opacity: 0.6;

}



@media (min-width: 999px) {

  .button-43 {

   width: 100%;

  }

}



@media (min-width: 768px) {

  .button-43 {

    padding: 1rem 2rem;

  }

}



#logo-name-holder{

  border: 2px solid red;

  cursor: pointer;



}