@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;800;900&display=swap');


body {padding-top: 56px;
font-family: 'Rubik', sans-serif;

}

.body-border{	z-index:331;
    border: 8px solid #fff;}

#first1{
    background-image: url(../images/blue-reka.jpg);
    overflow: hidden;
    background-position: top;
    background-size: cover;
}
#first2{    background: linear-gradient(
      35deg,
      #659ebd,
      #fff
  );
    color: var(--main-font-color);}

.bg-grey {background-color: #3a3a3a;}

.bg-blue {background-color: #659ebd;}
.bg-green{background-color: #00c527;}
.bg-green-2-color{ background-image: url(../images/reka.jpg);}

.green{color: #00c527;}

.ytronot-color{
    color: #00c527;
}

.home-text{font-size: 22px; font-weight:300;}


#first {
    box-shadow: 0 0 50px #ccc;
    background-image: url(../images/reka.jpg);
    background-position: center 0%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
#first h3{font-size: 48px; font-weight: 800;}

.submit-button {
  font-style: bold;
  display:block;
  width: 100%;
  min-height: 3rem;
  margin-top: 1.5rem;
  background: linear-gradient(
      -35deg,
      #ccffff,
      #ffcccc
  );
  border-radius: 3px;
  cursor: pointer;
}

.video-border{border:8px solid #00c527;}
/**
.video-border{border:8px solid #00c527;}
 */



.desktop-padding{
    max-width: 65%;
}

.padding-top{top: 30%; }


#home-hero h1 {
	
	display: inline-block;
    color: #fff;
    font-size: 68.3px;
    text-decoration: underline;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    text-shadow: 0.1px -0.1px 57px #000000;
	
	
	
}
#home-hero h2 {
	
    font-family: 'Rubik', sans-serif;
    color: #fff;
    font-size: 21px;
	
}


#mainbuttons {
    /* [disabled]padding-top: 20px; */
	
    padding-left: 80px;
    padding-right: 80px;
    font-size: 1.5em;
    -webkit-box-shadow: 0px 3px 0px hsla(0,0%,0%,0.17);
    box-shadow: 0px 3px 0px hsla(0,0%,0%,0.17);
    background: -webkit-linear-gradient(left, #15f3fc 30%,#22a7f9 81%);
    border-radius: 30px;
    color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
}


#text {
    padding-right: 20%;
    padding-left: 20%;
}



.text-shadow{

  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

}

.mobileonly {
	display: none;
}

.desktoponly {
	display: block;
}


.highliths-shadow{
    text-shadow: 1px 2px 6px hsla(0,0%,0%,1.00);
}


.line{width:100%;height:3px;background:transparent -webkit-gradient(linear,left top,right top,from(#64ff83),to(#00821a)) 0 0 no-repeat padding-box!important;background:transparent linear-gradient(90deg,#64ff83,#00821a) 0 0 no-repeat padding-box!important}

.sub-title{font-size:20px;line-height:1;margin-top:1px}
.sub-title{padding:10px 0;display:inline-block;letter-spacing:0;font-size:25px;line-height:1;color:#000;font-weight:700}
.sub-title span{display:inline-block;padding:7px 83px}














@media (max-width:750px){
	.desktop-padding{
    max-width: 100%;
}
	
	
	#home-hero h1 {
    font-size: 36.5px;
}
	
	#home-hero h2 {
	
    font-size: 16px;
}
	
.padding-top{top: 50%; }
	
	.body-border{	z-index:331;
    border: 0px solid #fff;}
	

	#text {
    padding-right: 0%;
    padding-left: 0%;
}
	
	.desktoponly {
		display: none;
	}

	.mobileonly {
		display: block;
	}	
	
	.home-text{font-size: 15px;}
	
	
	#first{margin-bottom: 0px;}
	
	#first h3{font-size: 26px;}
	
	.sub-title span{padding:7px 35px}
	.sub-title{font-size:16px;line-height:1.2}
}