/*
#------------------------------------------------------------------------
# Simplicity - February Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

.form-horizontal > fieldset > legend {
	font-size: 22pt;
}


#menu1272 ~ li {
	display: none;
}


/*------------------------------------------------------------------------*/
/* login / register form borders */

#jform_name, #jform_username, #jform_password1, #username, #password {
	border: 1px solid #C2BEBE;
}

/*------------------------------------------------------------------------*/
/* screenshots / thumbnails / screens / thumbs */

.tothumbs {
	cursor: pointer;
}

.toscr01 {
	cursor: pointer;
}

.toscr02 {
	cursor: pointer;
}

/*------------------------------------------------------------------------*/
/* social colors */

.facebook_genericon {
	color: #3b5998;
}

.facebook_genericon:hover {
	color: #363636;
}

.linkedin_genericon {
	color: #007bb6;
}

.linkedin_genericon:hover {
	color: #363636;
}

.twitter_genericon {
	color: #00aced;
}

.twitter_genericon:hover {
	color: #363636;
}

.youtube_genericon {
	color: #bb0000;
}

.youtube_genericon:hover {
	color: #363636;
}

.googleplus_genericon {
	color: #dd4b39;
}

.googleplus_genericon:hover {
	color: #363636;
}


/*------------------------------------------------------------------------*/
/* responsive youtube iframe */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*------------------------------------------------------------------------*/
/* hover zoom screenshots */

.transition {
    -webkit-transform: scale(2); 
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

.hoverzoom {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.hoverzoom2 {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

/*------------------------------------------------------------------------*/
/* article side quote and shares */

.sidequotes {
	text-align: right;
	float: right;
	width: 50%;
	margin-left: 5%;
	font-size: 2em;
	color: #4C90FE;
	font-weight: bold;
	position: relative;
}


/*------------------------------------------------------------------------*/
/* strikethrough */


.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 5px solid;
  border-color: red;

  -webkit-transform:rotate(-15deg);
  -moz-transform:rotate(-15deg);
  -ms-transform:rotate(-15deg);
  -o-transform:rotate(-15deg);
  transform:rotate(-15deg);
}


/*------------------------------------------------------------------------*/
/* koumpi */

.koumpi {
	color: #FFF;
	background-color: #4C90FE;
	padding: 15px;
	border-radius: 5%;
}

.koumpi:hover {
	background-color: #E65713;
}


/*------------------------------------------------------------------------*/
/* type4animation */

.type4animation {
    -webkit-transition: -webkit-mask-position 0.5s ease;
    -webkit-mask-size: 400px 300px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgba(0,0,0,1)), color-stop(0.90, rgba(0,0,0,1)), color-stop(1.00, rgba(0,0,0,0)));
    -webkit-mask-position-x: 400px;
	
	
}
.type4animation:hover {
    -webkit-mask-position-x: 0;
}


/*------------------------------------------------------------------------*/
/* blog article margin fix */

.leading{
	margin-bottom: 10px;
}

/*------------------------------------------------------------------------*/
/* joomla module positions hide fix */


div.mod-preview-info { display: none; }
#gkSocialAPI { display: none; }

/*------------------------------------------------------------------------*/
/* proforms send button */

.m4j_submit {
	float: left;
}

.m4j_reset {
	float: left;
	background: #4C90FE;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 400;
	height: 42px;
	line-height: 42px;
	margin: 0 5px 2px 2px;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.m4j_reset:hover {
	background: #E65713;
}

/*------------------------------------------------------------------------*/
/* tabs */


#tabs {

	text-align: center;
}
#tabs .ui-tabs-nav li {
	display: inline-block;
	float: none;

}

#tabs {
	padding: 0px;
	background: none;
	border-width: 0px;
}
#tabs .ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 0px 1px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#tabs .ui-tabs-panel {
	background: #f5f3e5 url(//code.jquery.com/ui/1.9.1/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top;
	border-width: 0px 1px 1px 1px;
}



/*------------------------------------------------------------------------*/
/* Quiz style */

#progbarquiz {
	width: 100%;
}


/*------------------------------------------------------------------------*/
/* translucent box */

.translucentbox {
    //background: #E0DCDC;
	background: rgba(64, 194, 222, 0.41);
	padding: 0px 10px;
    border: 1px ;
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
}


/*------------------------------------------------------------------------*/
/* languages space remover */

div.mod-languages > ul.lang-block > li, div.mod-languages > ul.lang-inline > li {
	line-height: 20px; 
}


/*------------------------------------------------------------------------*/
/* Quiz style */

#detailscalcs {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 14px;
	background-color: #37a5ac;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #3F828C 0%, #42C699 100%); /* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #3F828C 0%, #42C699 100%); /* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #3F828C 0%, #42C699 100%); /* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3F828C), color-stop(1, #42C699)); /* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #3F828C 0%, #42C699 100%); /* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #3F828C 0%, #42C699 100%); /* W3C Markup, IE10 Release Preview */ 
}




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

/* homepage sprite */

.homepageHeaderBottomGraphics, .homepageLogo, .pie, .anthrwpino_dinamiko, .epixeirimatiko_profil, .logistiki, .manatzment, .marketingk, .pwliseis, .sigkritiki_aksiologisi, .xrimatooikonomika {
	background: url(/images/home/sprite.png) no-repeat;
}

.anthrwpino_dinamiko:hover, .epixeirimatiko_profil:hover, .logistiki:hover, .manatzment:hover, .marketingk:hover, .pwliseis:hover, .sigkritiki_aksiologisi:hover, .xrimatooikonomika:hover{
  opacity: 0.7;
}

.en_flag{
	display: block;
	background-position: -750px -200px ;
	width: 18px;
	height: 12px;
}

.el_flag{
	display: block;
	background-position: -750px -150px ;
	width: 18px;
	height: 12px;
}

.homepageHeaderBottomGraphics{
	display: block;
	background-position: 0 -150px ;
	width: 588px;
	height: 111px;
}
/*
.homepageLogo{
	display: block;
	background-position: 0 0;
	width: 783px;
	height: 150px;
}
*/

.homepageLogo{
	display: block;
	background-position: 0 0;
	width: 443px;
	height: 150px;
}

.pie{
	display: block;
	background-position: -600px -150px ;
	width: 110px;
	height: 100px;
}

.anthrwpino_dinamiko{
	display: block;
	background-position: 0 -300px ;
	width: 200px;
	height: 200px;
}

.epixeirimatiko_profil{
	display: block;
	background-position: -200px -300px ;
	width: 200px;
	height: 200px;
}

.logistiki{
	display: block;
	background-position: -400px -300px ;
	width: 200px;
	height: 200px;
}

.manatzment{
	display: block;
	background-position: -600px -300px ;
	width: 200px;
	height: 200px;
}

.marketingk{
	display: block;
	background-position: 0 -500px ;
	width: 200px;
	height: 200px;
}

.pwliseis{
	display: block;
	background-position: -200px -500px ;
	width: 200px;
	height: 200px;
}

.sigkritiki_aksiologisi{
	display: block;
	background-position: -400px -500px ;
	width: 200px;
	height: 200px;
}

.xrimatooikonomika{
	display: block;
	background-position: -600px -500px ;
	width: 200px;
	height: 200px;
}


/*------------------------------------------------------------------------*/
/* diafaneia to image class */


img.diafaneia:hover {
	opacity: 0.7;
	cursor: pointer;
 }
 
 #gkLoginPopup {
	left: 30%;
 }
 
 
 
/*------------------------------------------------------------------------*/
/* antistrofidiafaneia to image class */

img.antistrofidiafaneia {
	opacity: 0.7;
}

img.antistrofidiafaneia:hover {
	opacity: 1.0;
 }
 
 

/*------------------------------------------------------------------------*/
/* logo animation */

@-webkit-keyframes pulse_animation {
	0% { -webkit-transform: scale(1); }
	40% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(0.95); }


}

@-moz-keyframes pulse_animation {
	0% { -moz-transform: scale(1); }
	40% { -moz-transform: scale(1); }
	70% { -moz-transform: scale(0.95); }
}

.homepageLogo:hover {
	-webkit-animation-name: 'pulse_animation';
	-webkit-animation-duration: 5000ms;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: 'pulse_animation';
	-moz-animation-duration: 5000ms;
	-moz-animation-iteration-count: infinite;
}



/*------------------------------------------------------------------------*/
/* subscription notice */

.subscriptionnotice {
	vertical-align: middle;
	text-align: center;
	font-size: 100%;
	font-family: "Trebuchet MS";
	/*background: rgba(222, 64, 64, 0.41);*/
	color: #ffffff;
	padding: 0px 4px;
    border: 1px ;
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
	background-color: #f48d71;
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #E4410A 0%, #AC3400 100%); /* IE10 Consumer Preview */ 
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #E4410A 0%, #AC3400 100%); /* Mozilla Firefox */ 
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #E4410A 0%, #AC3400 100%); /* Opera */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #E4410A), color-stop(1, #AC3400)); /* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #E4410A 0%, #AC3400 100%); /* Webkit (Chrome 11+) */ 
	background-image: radial-gradient(ellipse farthest-corner at center, #E4410A 0%, #AC3400 100%); /* W3C Markup, IE10 Release Preview */
}
.subscriptionnotice a {
	font-weight: bold;
	color: #cecee1;
}
.subscriptionnotice a:hover {
	font-weight: bold;
	color: #e5eff0;
}



/*------------------------------------------------------------------------*/
/* quiz notice */

.quiznotice {
	vertical-align: middle;
	text-align: center;
	font-size: 100%;
	font-family: "Trebuchet MS";
	/*background: rgba(222, 64, 64, 0.41);*/
	color: #ffffff;
	padding: 0px 4px;
    border: 1px ;
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
	//background-color: rgb(0, 0, 0);
	//background-color: rgb(22, 38, 228);
	//background-image: -webkit-radial-gradient(center,ellipse farthest-corner,rgb(0, 0, 0) 0%,rgb(78, 68, 68) 100%);
	//background-image: -webkit-radial-gradient(center,ellipse farthest-corner,rgb(22, 38, 228) 0%,rgb(0, 0, 0) 100%);
	background-color: #3F828C;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3F828C), color-stop(1, #42C699))
}
.quiznotice a {
	font-weight: bold;
	color: #cecee1;
}
.quiznotice a:hover {
	font-weight: bold;
	color: #e5eff0;
}


/*------------------------------------------------------------------------*/
/* floating sidebar */

.floatrelated {
	cursor: pointer;
	position: fixed;
	top: 300px;
	left: 2px;
}


/*------------------------------------------------------------------------*/
/* tooltip image */

.mantooltip {
	cursor: pointer;
	border: 0px;	
}

.mantick {
	width: 20px;
	height: 19px;
}

/*------------------------------------------------------------------------*/
/* popup login style pretext */

#gkPopupContent .pretext, #gkPopupContent .logout-button {
	height: 100%;
}



/*------------------------------------------------------------------------*/
/* tabs style */

.cursorpointer {
	cursor: pointer;
}


/*------------------------------------------------------------------------*/
/* pagination */

.pagination  {
margin: 10px auto;
text-align: center;

}

ul.pagination li {
float: left;
padding: 3px;

}

.counter {
	margin-top: 50px;
}

/*------------------------------------------------------------------------*/
/* akeeba button */

.akeeba-bootstrap .btn-large {
	padding: 0px 0px 0px 0px;
	padding-left: 10px;
	padding-right: 10px;
}

/*------------------------------------------------------------------------*/
/* pdf quiz button */

.creating_pdf {
   line-height: normal;
}

/*------------------------------------------------------------------------*/
/* akeeba pagination removing */

.limit {
	display: none;
}

/*------------------------------------------------------------------------*/
/* progress bar quiz */

.progress-bar {
	background-color: #1a1a1a;
    height: 16px;
    padding: 5px;
    width: 100%;
    /*margin: 70px 0 20px 0;*/
	margin: -14px 0 50px 0;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
}
      
.progress-bar span {
	display: inline-block;
    height: 100%;
	background-color: #777;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: width .4s ease-in-out;
	-moz-transition: width .4s ease-in-out;
	-ms-transition: width .4s ease-in-out;
	-o-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;		
}

/*------------------------------------------------------------------------*/
/* ??? */		

.blue span {
	background-color: #34c2e3;   
}


/*------------------------------------------------------------------------*/
/* ??? */

.stripes span {
	-webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                              transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                              transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                              transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                              transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                              transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                              transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                              transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                              transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                              transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                              transparent 75%, transparent);            
          
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;       		
}
      
@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
            
@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

/*------------------------------------------------------------------------*/
/* progress bar quiz */

@-webkit-keyframes greenPulse {
from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}

.jq_print {
	-webkit-animation-name: greenPulse;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
}

/*------------------------------------------------------------------------*/
/* fullwidth */

@media only screen and (min-width: 1600px) {
	.fullwidth {
		margin-left: -27%;
		margin-right: -27%;
		padding-left: 28%;
		padding-right: 28%;
	}
}
@media only screen and (max-width: 1600px) {
	.fullwidth {
		margin-left: -15%;
		margin-right: -15%;
		padding-left: 7%;
		padding-right: 7%;
	}
}
@media only screen and (max-width: 1440px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media only screen and (max-width: 1250px) {
	.fullwidth {
		margin-left: 0%;
		margin-right: 0%;
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media only screen and (max-width: 1024px) {
	.fullwidth {
		margin-left: -2%;
		margin-right: -2%;
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media only screen and (max-width: 838px) {
	.fullwidth {
		margin-left: -2%;
		margin-right: -2%;
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media only screen and (max-width: 768px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 568px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 518px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 468px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 418px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 368px) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
	.fullwidth {
		margin-left: -7%;
		margin-right: -7%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	.fullwidth {
		margin-left: -4%;
		margin-right: -4%;
		padding-left: 5%;
		padding-right: 5%;
	}
}

/*------------------------------------------------------------------------*/
/* menu customizations */

 
#menu396 {
	background-color: #4C90FE;
 }
 
  #menu852{
	background-color: #4C90FE;
	color: white;
 }
 
 #menu396 {
	color: white;
 }
 
 
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}
/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


 /*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*################### currency changer ###################*/
#tstartupcurrency {
	font-size: 2.5em;
	line-height: 1.2;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
}

.tstartupcurrencyeuro, .tstartupcurrencydollar, .tstartupcurrencypound {
	cursor: pointer;
}

.tstartupcurrencyselection {
	display: none; position: absolute; z-index: 5; background-color: white; border: 1px solid black; padding: 50px;
}

/*################### currency changer ###################*/