/* #215E77 blue GreenPeace 
#27CE30  green          
#005B2E more green 
#FF632B CALL to action 
#004665 blue footer and page 

#FFBC00

 #FB6000 call to action 2 
/* 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: 3.5rem;
} 

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

 @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");
} 


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





/* 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;
}


.skills_get_in_touch{
margin-top:100px;	
font-family:CaviarDreams;
font-size: 34px;
/* text-shadow: 2px 2px #ff0000; */
/* color:#FF5600; */
text-align:right !important;
}


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

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


.petition_ep {
    margin-top: 80px;
    font-family: GraublauWeb;
    font-size: 30px;
    text-shadow: 2px 2px  #50789B;
    color:  #E64E4A;
    text-align: center !important;
}


.dilose{
margin-top:25px;	
font-family:GraublauWeb;
font-size: 15px;
 text-shadow: 2px 2px ##FF6800;
color:#FF5600;
text-align:center !important;
width:100px;
height:50px;
}

.donate {
margin-top:10px;	
font-family:GraublauWeb;
font-size: 18px;
 text-shadow: 2px 2px ##FF6800;
color:#fff;
text-align:center !important;

}


.evdomata_title {
  /* color:#FFD44D; */
  color:#FFC100;
  /* color:#38BDA8; */
  /* color: #26CA31; */
  /* color:#CDCBCA; */
	text-shadow: 2px 2px #004865;
}


 
.header-banner-service {
    background: url(../img/sea.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;	
}


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




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

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

.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_quiz {
    font-family: CaviarDreams !important;
    /* font-family: GraublauWeb !important; */
    font-size: 14px;
    /* margin-left: 70px; */
    /* margin-right: 70px; */
    color: #004865;
    padding: 10px;
    text-align: center;
}

.custom_fonts_petition {
    font-family: CaviarDreams !important;
    /* font-family: GraublauWeb !important; */
    font-size: 18px;
    color: #004865;
    padding: 10px;
    text-align: left;
}



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


.remove_underline h4 {
    text-decoration: none;
}



.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: #FF632B;
background-color: #fff;
border: 1px solid black;
/* border-radius: 3px; */
    text-decoration: none;
}




.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; 
}

.draseis:hover{
color: #FF632B;
background-color: #fff;
border: 1px solid black;
    text-decoration: none;
}




.morecustom {
	font-family:GraublauWeb !important;
    color: #fff;
    background-color:#FF632B;
    padding: 15px 90px;
    font-size: 15px;
    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; 
}

.morecustom:hover{
color: #FF632B;
background-color: #fff;
border: 1px solid black;
    text-decoration: none;
}



.letter_box {
	font-family:GraublauWeb !important;
    color: #fff;
    background-color:#E64E4A;
    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; 
}

.letter_box:hover{
color: #4D799E;
background-color: #fff;
border: 1px solid black;
    text-decoration: none;
}


/* fix kostas */
.btn-primary {
    color: #fff;
    background-color: #FF632B !important;
    border-color: #FF632B !important;
}




/* header banner */
/* .header-banner {
    background: url("../img/1.jpg")no-repeat 0px 0px;
    background-size: cover;
    min-height: 140px;
	text-align: center;
}

.header-banner-service {
    background: url("../images_b/service.jpg")no-repeat 0px 0px;
    background-size: cover;
    min-height: 180px;
	text-align: center;
	margin-bottom:30px;
}

.header-banner h2 {
    font-size: 3.5em;
    text-transform: capitalize;
    color: #fff;
    font-family: 'OpenSans-CondLight';
    padding-top: 1em;
} */
/* end header banner */


/*------------------------------------------------------------------
[7. Contact]
-------------------------------------------------------------------*/
section.contact .details { text-align: center; padding: 0 0 30px 0px; }
section.contact .details p { font-family: "Lato", sans-serif; font-size: 30px; font-weight: 300; }
section.contact .details p.bigger { font-size: 40px; font-weight: 700; margin-top: 20px; }

.contactform input, .contactform #form_need .contactform textarea { border: 1px solid #b6b7b7; color: #363b3f; background: none; padding: 15px 30px; margin: 0 3% 20px 0px; resize: none; }
.contactform .error, .contactform .form-error { border-color: #c12728 !important; }
.contactform .no-margin { margin-right: 0px; }
.contactform input.col-lg-6 { width: 48.5%; }
 #form_need {border: 1px solid #b6b7b7; color: #363b3f; background: none; padding: 15px 30px; margin: 0 3% 20px 0px; resize: none;}
.contactform button { background: #FB8501; }
.contactform button:hover, .contactform button:focus { border-color: black; }
.contactform p { text-align: center; }

.form a { color: white; }
/*------------------------------------------------------------------
[7. End COntact 
-------------------------------------------------------------------*/

.fix_margin_top{
margin-top: 1.5rem !important;
}

.fix_margin_news{
margin-top: 1.0rem !important;
font-size: 38px !important;
/*  font-weight: bold; */
}


.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;
}

.fullbackground_greenpeace{
/* background: url(images/home.jpg) 50% 0 fixed; */
background-image: url('../img/2.jpg'); 
			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;	
}

.action{
	/* background-color: #4c6885 !important; */
color: #FFCF36 !important;

}


/* 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;
}

.donate2 {
	color:#004665;
    font-size: 17px;
    font-weight: 200;
    line-height: 2.1428571435;
	font-family:GraublauWeb;
}



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



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



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

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

a {
  color: #18BC9C;
}

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

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: #18BC9C !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 footer */




/*Sos css for mail petition */
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
.spinner-div {
display:none;
}  
/*end css for mail petition */




 /*custom index Fix showcase images */
 .featurette-heading_index {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}


.custom_fonts_index {
    font-family: CaviarDreams !important;
    font-size: 20px;
    color: #004865;
    padding: 20px;
    text-align: left;
}
 
 

.showcase .showcase-text {
  padding: 2rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}


 /*End of custom index Fix showcase images */





/* MEDIA QUERIS START HERE */
@media (min-width: 768px) and (max-width: 991px) {


 


}



@media (max-width: 767px) {
	

.custom_submit{
	padding: 14px 35px;
	font:14px;
	font-size: 18px;
	margin-left:10px !important;
	/* background-color:green; */
}	





}


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


.custom_submit{
	padding: 14px 35px;
	font:14px;
	font-size: 18px;
	margin-left:10px;
	/* background-color:yellow; */
}



}


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


.draseis{
	padding: 9px 35px;
	font:10px;
	font-size: 14px;
}

.custom_fonts{
font-size: 18px;
    margin-left: 20px;
    margin-right: 20px;
	padding: 12px !important;
}


.featurette-heading {
	margin-top:19px;
	font-size:23px;
    font-weight: 400 ;
    line-height: 1;
    letter-spacing: -.02rem; 
}


.custom_submit{
	padding: 9px 35px;
	font:10px;
	font-size: 14px;
	/* background-color:blue; */
}	


.custom_fonts_donate {
    font-family: CaviarDreams !important;
    font-size: 20px;
	text-align:left;
}


.letter_box {
    padding: 10px 30px !important;
	margin-top:0px;
	margin-bottom:20px;
	font-size:18px;
}


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



.custom_fonts_index{
font-size: 18px;
    margin-left: 20px;
    margin-right: 20px;
	padding: 12px !important;
}


.featurette-heading_index {
	margin-top:19px;
	font-size:23px;
    font-weight: 400 ;
    line-height: 1;
    letter-spacing: -.02rem; 
}

	





}