/* κοκκινο #E62E2D  /* grammata sto 333 */
/*πρασινο #54B12A */   
/* λευκό #FFFFFF ) */ 
/* mayro #000000 */ /* bg sto 343 */
/* μπλε πολυ σκουρο μαυρο #14304A */  

/* Jubotron Move down content because we have a fixed navbar that is 3.5rem tall */
/* if not fixed navbar then remove line below */
/*  body {
   padding-top: 5.5rem !important; 
} */  

 .logo {
/* margin-left:5px; */
width:90%;	
} 

/* navbar left*/
.pl-0, .px-0 {
    padding-left: 10px !important;
}


/* navbar is fixed but demo needs to be display more down (demo is the slider) */
 #demo{
   padding-top: 7rem !important;
}  

/*selida teyxi */
#parallax_section_teyxi{
   margin-top: 7rem !important;
} 

/*selida gia emas */
#parallax_section_about_us{
 margin-top: 7.1rem !important;
} 

/*selida quiz */
#parallax_section_quiz{
   margin-top: 7.1rem !important;
} 

/*selida aristoyrgimata */
#parallax_section_arista{
   margin-top: 7.1rem !important;
} 


 
 
 
 @font-face {
font-family:basis33;
font-weight:normal;
src: url("../fonts/basis33computer/basis33.ttf") format("opentype");
} 
 
 

 @font-face {
font-family:CaviarDreams;
font-weight:normal;
src: url("../fonts/nymphont_caviar-dreams/CaviarDreams_Bold.ttf") format("opentype");
} 


 @font-face {
font-family:GraublauWeb;
font-weight:normal;
src: url("../fonts/GraublauWeb-Bold/GraublauWeb-Bold.ttf") format("opentype");
} 



/* Featurettes to be deleted
------------------------- */
/* #parallax-image .parallax-one{
  padding-top: 200px; 
  padding-bottom: 200px; 
  overflow: hidden;
  position: relative; 
  width: 100%; 
  background-image: url("../img/retroid/pac.jpg");
  background-attachment: fixed; 
  background-size: cover; 
  -moz-background-size: cover; 
  -webkit-background-size: cover; 
  background-repeat: no-repeat;
  background-position: top center;
} */



.header-banner-main {
 display:none;
}
;




/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* VIDEO CSS */
#myvid  {
width:100%;		 
z-index:-1000 !important;
background-color:#ABD2E0;
margin-bottom:0px !important;
margin-top:0px !important;
margin:0px !important;
padding: 0px !important;
} 
/* end VIDEO CSS */


#sea_id{
  justify-content:center;
}

.about_us{
margin-top:20px;	
margin-bottom:20px;
font-family:GraublauWeb;
font-size: 34px;
/* text-shadow: 2px 2px #ff0000; */
text-shadow: 4px 4px #E62E2D;
}


/* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }


.skills_get_in_touch{
margin-top:100px;	
font-family:GraublauWeb;
font-size: 34px;
text-shadow: 2px 2px #ff0000;
}

.artwork_page{	
font-family:GraublauWeb;
font-size: 34px;
/* text-shadow: 2px 2px #ff0000; */
text-shadow: 2px 2px #ff0000;
font-weight: bold; 

}



.header_banner_main_old_full_cover {
    /* background: url(../img/la.jpg)no-repeat 0px 0px; */
	/* background: url(../img/la.jpg)no-repeat center center fixed; */
	background: url(../img/retroid_1_smaller.jpg)no-repeat center center fixed;
    background-size: cover;
    min-height: 300px;
    text-align: center;
    margin-bottom: 0px;
	margin-top: 0px;
}

.header-banner-main {
background: url('../img/retroid/retroid_medium.jpg') no-repeat;
margin-top:90px;
	height:345px !important;
    color:#fff;
    background-size:cover;
}

#custom_header_1{
color:#fff;
/* font-family:GraublauWeb; */
font-family:basis33;
font-size: 40px;
text-shadow: 2px 2px #ff0000;
padding: 250px 0;
text-align: center;
}


.custom_fonts_about {
    font-family: CaviarDreams !important;
    /* font-family: GraublauWeb !important; */
    font-size: 20px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #004865;
   padding-top: 20px;
    text-align: center;
	text-indent:40px;
}

.custom_fonts_donate {
    font-family: CaviarDreams !important;
    /* font-family: GraublauWeb !important; */
    font-size: 20px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #004865;
    padding: 20px;
    text-align: center;
}

.custom_fonts_teyxi {
    font-family: basis33 !important;
    /* font-family: GraublauWeb !important; */
    font-size: 45px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #004865;
    padding: 20px;
    text-align: center;
}

.custom_fonts_heading_quiz {
    font-family: basis33 !important;
    /* font-family: GraublauWeb !important; */
    font-size: 65px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #004865;
    /* padding: 20px; */
    text-align: center;
}


.custom_fonts_footer_periodiko {
    font-family: basis33 !important;
    /* font-family: GraublauWeb !important; */
    /* font-size: 45px; */
	font-size: 30px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #fff;
    padding: 0px;
    text-align: center;
}

.custom_fonts_footer_erotisi {
    font-family: basis33 !important;
    /* font-family: GraublauWeb !important; */
    /* font-size: 45px; */
	font-size: 45px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #fff;
    padding: 0px;
    text-align: center;
}






 
.header-banner-service {
    background: url(../img/la_3.jpg)no-repeat 0px 0px;
    background-size: cover;
    min-height: 400px;
    text-align: center;
    margin-bottom: 0px;
	margin-top: 0px;
}

/* video fix margin https://stackoverflow.com/questions/17273348/how-to-reduce-the-gap-between-html5-video-tag */
.videoTest > video {
    display: inline-block;
    border:0px solid red;
    margin:0;
    padding:0;  	
}

.videoTest {
    font-size: 0;
}

.kato_heading {
margin-top:2rem !important;	
}

.intro_slider{
 margin-top:10px; 
/* font-family:CaviarDreams; */
font-family:basis33;
font-size: 60px;
text-shadow: 3px 3px #E62E2D; 
color:#fff; 
/* text-align:right !important; */
}




.intro_slider_more{
 margin-bottom:100px; 
/* font-family:CaviarDreams; */
font-family:basis33;
font-size: 60px;
/* text-shadow: 3px 3px #fff; */
color:#fff; 
/* text-align:right !important; */
}

.intro_slider_more a{
	text-decoration: none;	
	color:#fff;
}

.intro_slider_more a:hover{
	text-decoration: none;	
	color:#D3D3D3;
}

/* .intro_slider_con a{
	 margin-bottom:70px !important; 
	text-decoration: none; 
} */

.intro_slider_con a{
 margin-bottom:70px; 
/* font-family:CaviarDreams; */
font-family:basis33;
font-size: 60px;
text-shadow: 3px 3px #E62E2D; 
color:#fff; 
/* */
/* text-align:right !important; */
}



.intro_mine{
/* margin-top:10px; */	
font-family:CaviarDreams;
font-size: 34px;
text-shadow: 3px 3px #E62E2D; 
color:#14304A; 
/* text-align:right !important; */
}


.zeromargin{
padding-left:0px !important;
margin-left:0px !important;
padding-right:0px !important;
margin-right:0px !important;	
} 

.no_margin_top {
margin-top:0px !important;	
}

.button_f {
    font-family: GraublauWeb !important;
    color: #fff;
    background-color: #FF632B;
     padding: 10px 40px;
    font-size: 18px; 
    font-weight: 300;
    /* text-transform: uppercase; */
    border: none;
    border-radius: 0;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    font-family: 'montserrat', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #FF632B;
}

.custom_fonts_front{
font-family:CaviarDreams !important;
font-size: 16px;
/* margin-left:70px;
margin-right:70px; */
/* width:100%; */
padding: 0px;
/* text-align:left; */
/* background-color:red; */
}



.custom_fonts_header{
/* font-family:CaviarDreams !important;
font-size: 21px; */
font-family:CaviarDreams;
font-family:basis33;
font-size: 40px;
margin-left:0px;
margin-right:0px;
/* width:100%; */
/* padding: 20px; */
text-align:center;
/* background-color:red; */
}



.custom_fonts{
font-family:CaviarDreams !important;
font-size: 21px;
/* margin-left:70px;
margin-right:70px; */
/* width:100%; */
/* padding: 20px; */
text-align:left;
/* background-color:red; */
}





.center {
	 justify-content:center;
	 margin-left:30px;
margin-right:30px;
} 


.custom_submit {
	font-family:CaviarDreams !important;
    color: #fff;
    background-color:#FF632B;
    padding: 15px 90px;
    font-size: 24px;
    font-weight: 300;
   /*  text-transform: uppercase; */
    border: none;
    border-radius: 0;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    font-family: 'montserrat', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}

.custom_submit:hover{
/* cursor: pointer; */
color: #74c7d5;
background-color: #fff;
border: 1px solid black;
/* border-radius: 3px; */
}


.fullbackground_image{
/* background: url(images/home.jpg) 50% 0 fixed; */
background-image: url('../img/about.png'); 
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    box-shadow: 0 0 50px rgba(0,0,0,0.8);
		    /* padding: 200px 0; */
			padding-top: 100px;
            padding-bottom: 100px;
}

/* gia contact form xroma */
.jumbotron-green { 
   padding: 35px 50px 20px 40px;
  margin-bottom: 0;
  /* font-size: 21px; to esvisa giati itan poli megalitera */
  font-weight: 200;
  line-height: 2.1428571435;
  /* color: inherit; */
  color: #fff;
  background: #F0F1EE; /* Old browsers */
  background: -moz-linear-gradient(top, #F0F1EE 0%, #61ac78 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F1EE), color-stop(100%,#61ac78)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F0F1EE 0%,#61ac78 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F0F1EE 0%,#61ac78 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F0F1EE 0%,#61ac78 100%); /* IE10+ */
  background: linear-gradient(to bottom, #F0F1EE 0%,#61ac78 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F1EE', endColorstr='#61ac78',GradientType=0 ); /* IE6-9 */
 /*  background-color: #599e6e; */ 
  
}


/* fixing things */
.marketing_bottom {
	margin-bottom:30px;	
}


/* Do you have a question btn   */
.btn-info {
    background-color: #4c6885 !important;
    color: #fff;
    padding: 10px 0;
    text-transform: uppercase;
    border-color: transparent;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    text-shadow: 0px 1px 0px #2d4258;
    -webkit-box-shadow: 0px 2px 0px #2d4258;
    -moz-box-shadow: 0px 2px 0px #2d4258;
    -o-box-shadow: 0px 2px 0px #2d4258;
    -ms-box-shadow: 0px 2px 0px #2d4258;
    box-shadow: 0px 2px 0px #2d4258;
    float: right;
    margin-left: 15px;
    margin-top: 80px;
    width: 190px !important;
    margin-bottom: 20px;
}



/* Do you have a question  */
.lrg {
	color:#004665;
    font-size: 27px;
    font-weight: 200;
    line-height: 2.1428571435;
	font-family:GraublauWeb;
}



/* fix for jumbotron class */
.nobottom {
margin-bottom:0px;
margin-top:0px;
height:180px;	
}



#mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
    color: #fff !important;
	/* background: #005B2E !important; */
	background: #E62E2D !important; /* kokkino tou retroid */
}



/* FOOTER */
.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #2C3E50;
  color: #fff;
}

.copyright {
  background-color: #1a252f;
}

a {
  /* color: #18BC9C; */
  color: #E62E2D;   /* grammata */
}

a:focus, a:hover, a:active {
  color: #128f76;
}

.btn {
  border-width: 2px;
}

.bg-primary {
 /*  background-color: #18BC9C !important; */
   background-color: #004665 !important;
   /* padding: 30px 90px; */
   /* margin-bottom:20px !important;  */
   /* height: 400px; */	
}

/*  button.bg-primary:focus, button.bg-primary:hover {
     background-color: #54B12A !important; 
	
}  */


 button.bg-primary:hover {
    /* background-color: #54B12A !important;  */
	background-color: #54B12A !important; 
}


  button.bg-primary:focus {
    /* background-color: #54B12A !important;  */
	background-color: red !important; 
}



.bg-secondary {
  /* background-color: #2C3E50 !important; */
  /* background-color: #004665 !important; */
/*   background-color: #000000 !important;  */
  background-color: #14304A !important; 
  
}

.text-primary {
  color: #18BC9C !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary {
  background-color: #18BC9C;
  border-color: #18BC9C;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #128f76;
  border-color: #128f76;
}

.btn-secondary {
  background-color: #E62E2D; 
 /*  background-color: #000; */ 
 border: 0px solid #E62E2D;
  font-family:GraublauWeb;
}

/* text-shadow: 4px 4px #E62E2D; 
color:#54B12A; */ 


/* .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    color: #fff;
    background-color: #74c7d5;
	border: 1px solid #fff;
} */




/* NEW FOOTER */
.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #2C3E50;
  color: #fff;
}

.copyright {
  background-color: #1a252f;
}



/* a:focus, a:hover, a:active {
  color: #128f76;
} */

a:focus, a:hover, a:active{
  color: #18BC9C;
}

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: #E86029 !important;
} 

.bg-primary_2{
  background-color: #1F4665 !important;
  padding: 30px 90px;
  margin-bottom:20px !important;
}

.bg-secondary {
  /* background-color: #2C3E50 !important; */
  background-color: #004665 !important;
  
}

.text-primary {
  color: #18BC9C !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary {
/*   background-color: #18BC9C;
  border-color: #18BC9C; */
  
   background-color: #FB6000;
  border-color: #FB6000; 
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  /* background-color: #128f76; */
  background-color: #FFCD36;
  border-color: #128f76;
}

.btn-secondary {
  /* background-color: #2C3E50; */
  background-color: #FF632B; 
 border: 0px solid #2C3E50;
  font-family:GraublauWeb;
}

/* .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    color: #fff;
    background-color: #74c7d5;
	border: 1px solid #fff;
} */

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
color: #FF632B;
background-color:#fff;
 border: 1px solid #2C3E50;
-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  border: 1px solid black;
}





/* end NEW footer */



.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
color: #FF632B;
background-color:#fff;
 border: 1px solid #2C3E50;
-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  border: 1px solid black;
}


/* QUIZ page*/
.draseis {
    font-family: GraublauWeb !important;
    color: #fff;
    background-color: #FF632B;
    padding: 15px 90px;
    font-size: 24px;
    font-weight: 300;
    /* text-transform: uppercase; */
    border: none;
    border-radius: 0;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    font-family: 'montserrat', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #FF632B;
}

.grammata_quiz {
    margin-top: 10px;
    font-family: GraublauWeb;
    font-size: 30px;
    text-shadow: 2px 2px #004865 !important;
    color: #FFC000;
    text-align: center !important;
}

/* end footer */

/* new footer */
/* #footer {

    background: #004865 !important;
    padding: 60px 0;
} */
/* new footer */


/* leipei kapoio endiameso media query ok*/
/* antikatestise to pacman me to karavi pio kato*/


/* MEDIA QUERIΕS START HERE */
/* @media (min-width: 768px) and (max-width: 991px) { */
@media  (max-width: 991px) {
/* hide carusel slider below 991px*/
 .carousel {
	display:none;
} 

.header-banner-main {
 display:block;
}

/*  .logo {
width:50%;	
}  */ 

/*selida quiz */
#parallax_section_quiz{
   margin-top: 3rem !important;
}


/*selida teyxi.html */
#parallax_section_teyxi{
   margin-top: 5.8rem !important;
}

/*selida about.html */
#parallax_section_about_us{
   margin-top: 5.5rem !important; 
} 

/* diorthonei to margin sta767*/
#parallax_section_arista{
   margin-top: 5.5rem !important;  
}


/* diorthonei ta keimena tou quiz sta767*/
.custom_fonts_heading_quiz{
font-size: 28px !important;
 padding-top: 0px; 
/* display:none; */ 
}

/*sto quiz*/
.quiz_text{
font-size: 18px;	
/* text-align:left !important;	 */
}




}



@media (max-width: 767px) {

#parallax_section_quiz{
   margin-top: 5.5rem !important;  
}

#button_quiz{
display:none !important;
}

/* diorthonei to margin stis mikres 767*/
#parallax_section_arista{
   margin-top: 5.5rem !important;  
}


/*sto quiz*/
.custom_fonts_heading_quiz
{
font-size: 28px;
 padding-top: 0px;	
}

/*sto quiz*/
.quiz_text{
font-size: 18px;	
/* text-align:left !important;	 */
}

.header-banner-main {
background: url('../img/retroid/retroid_medium_2.jpg') no-repeat;
margin-top:90px;
	height:245px !important;
    color:#fff;
    background-size:cover;
}




}

/*small screen tablets*/
@media (max-width: 520px) {   

.carousel {
	display:none;
} 

/* .logo {
    margin-left: 5px;
    width: 50% !important;
 
} */

#parallax_section_quiz{
   margin-top: 3rem !important;
}

#button_quiz{
display:none !important;
}


.custom_fonts{
font-size: 21px;
margin-left:10px;
margin-right:10px;
/* width:100%; */
/* padding: 20px; */
text-align:left;
}

/* diorthonei to margin stis mikres othones*/
#parallax_section_arista{
   margin-top: 5.5rem !important;  
}


/*sto quiz*/
.custom_fonts_heading_quiz
{
font-size: 28px;
 padding-top: 0px;	
}

/*sto quiz*/
.quiz_text{
font-size: 16px;		
}





}

/* 1media queries very small screens */
@media (max-width: 450px) { 

.carousel {
	display:none;
} 


/*  .header-banner-main {
background: url('../img/retroid_1_mobile.jpg') no-repeat;
	height:345px !important;
    color:#fff;
    background-size:cover;
}  */

 .header-banner-main {
background: url('../img/retroid/small.jpg') no-repeat;
	height:240px !important;
    color:#fff;
    background-size:cover
}  





/* .logo {
     margin-left: 5px;
     width: 50% !important;
	  display:none !important;
} */


#parallax_section_quiz{
   margin-top: 5rem !important;
}

#button_quiz{
display:none !important;
}

.custom_fonts{
font-size: 21px;
margin-left:10px;
margin-right:10px;
/* width:100%; */
/* padding: 20px; */
text-align:left;
}

/*katevase dorean ta teyxi*/
.custom_fonts_teyxi{
font-size: 26px;
 padding-top: 15px;	
}


/*sto quiz*/
.custom_fonts_heading_quiz
{
font-size: 28px;
 padding-top: 0px;	
}

/*sto quiz*/
.quiz_text{
font-size: 16px;		
}

/*screen below 320*/
@media (max-width: 320px) { 
  
  
  .header-banner-main {
    background: url(../img/retroid/small_320.jpg)no-repeat;
  background-size: 300px 100px;
  background-repeat: no-repeat; 
/*   background-size: cover; */ 
} 
}

}