/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.clear
{
	clear: both;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */


body, html
{
	min-height: 480px;
	min-width: 320px;
	height: 100%;
}
   
body
{
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: white;
	background: #000000;
	font-weight: 400;
	overflow-x: hidden;
}

.colorbg
{
	position: absolute;
	z-index: -1;
}

.bullet
{
  width: 10px;
  max-width: 10px;
  height: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: black;
  display: inline-block;
  border: solid #d0aa5e 1px;
}

.header-small
{
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 0.9em;
}

.bgwrapper
{
	width: 100%;
	height: 100%;
	max-width: 1280px;
	margin: 0 auto;
	max-height: 1095px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.bg_left
{
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0px;
	left: -200px;
	background-image: url(../img/body_bg.jpg);
}

.bg_right
{
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0px;
	right: -200px;
	background-image: url(../img/body_bg.jpg);
	background-position: -200px 0px;
}

.langcontainer
{
	
}

.orline
{
	display: none;
	color: #94d3c2;
	font-weight: light;
	position: absolute;
	left: 45%;
	top: 22%;
	vertical-align: middle;
	font-size: 32px;
}

.orlineline
{
	display: inline-block;
	background-color: #94d3c2;
	height: 2px;
	width: 30px;
	margin-bottom: 10px;
}

.orlineinner
{
	display: inline-block;
	text-align: center;
	padding: 0 10px;
}


.dia_column img.dia_fill
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.dia_column img.dia_line
{
	height: 24px;
	width: 60%;
}

.arrow_l
{
	position: absolute;
	top: 35%;
	left: 3%;
	cursor: pointer;
}

.arrow_r
{
	position: absolute;
	top: 35%;
	right: 3%;
	cursor: pointer;
}

.note
{
	color: #757575;
	text-transform: none;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.1em;
}

.avenirlight
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.avenirheavy
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.avenirblack
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.cookie
{
	font-family: 'Cookie', cursive;
}

.greece
{
	font-family: Arial, Helvetica, sans-serif;
}

.cursive
{
	font-style: italic;
}

.choose-header
{
	font-size: 38px;
	text-align: center;
	line-height: 1.1em;
	margin: 0px 0px 50px 0px;
	letter-spacing: 10px;
}

.choose-header p
{
	margin: 0px;
}

.language-word
{
	text-transform: none;
	font-size: 60px;
	text-shadow: 0px 3px 0px #6d87ba;
}

.languages
{
	width: 870px;
	margin: auto;
	padding-bottom: 60px;
	font-family: Arial, Helvetica, sans-serif;
}

.languages a:link, .languages a:visited
{
	text-decoration: none;
	color: #ffffff;
	padding: 10px 5px;
}

.lang-button
{
	float: left;
	margin-bottom: 15px;
}

.lang-button p
{
	margin: 0px;
}

.button-middle
{
	height: 52px;
	line-height: 52px;
	width: 217px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
}

.lang-line
{
	height: 3px;
	line-height: 0em;
	text-align: center;
	width: 217px;
	background: url( ../img/lang_line.png ) no-repeat;
	background-size: 70%;
	background-position: center 20px;
}

.languages .cookie .button-middle
{
	text-transform: none;
	font-size: 50px;
}

.languages .greece .button-middle
{
	text-transform: none;
	font-size: 30px;
	font-weight: bold;
}

.button-right
{
	float: left;
}

.pbody
{
	width: 100%;
	height: 100%;
	max-width: 1280px;
	margin: 0 auto;
	max-height: 1095px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

article
{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.startarticle
{
	top: 0;
}

#topnav
{
	display: table-row;
	position: static !important;
}

.theader
{
	width: 100%;
	padding-top: 15px;
	height: 91px;
	background-color: black;
	vertical-align: middle;
	text-align: center;
	line-height: 0.7em;
	font-size: 18px;
}

.decoline img
{
	display: block;
	position: absolute;
}

.startcube
{
	width: 1600px;
	margin-left: -600px;
	height: 550px;
	position: absolute;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	transform: rotate(30deg);
	right: -35%;
}

.sc1
{
	background-color: #b6c6e6;
}

.sc2
{
	background-color: #cad6ed;
}

.sc3
{
	background-color: #d8e1f2;
}

.titleareawrapper
{
	margin-top: 111px;
	height: 243px;
	width: 100%;
	overflow: hidden;
}
.titlearea
{
	height: 243px;
	width: 10000%;
}

.startcontainer
{
	width: 100%;
	height: 100%;
	background-color: #9eb3de;
	text-align: center;
	margin-top: 240px;
}

.startbutton
{
	border: solid white 2px;
	display: inline-block;
	padding: 5px 20px;
	color: white;
	text-decoration: none;
	font-size: 35px;
}

.qtitle
{
	font-size: 40px;
	text-align: center;
	line-height: 1.4;
	border-bottom: solid white 5px;
	color: white;
	height: 224px;
	width: 1%;
	float: left;
	padding-top: 14px;
	background-repeat: no-repeat;
	display: table;
}

.qtitle .tc
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 20px;
}

.tmw
{
	display: inline-block;
	max-width: 800px;
}

.footerbar
{
	background: #000000;
	height: 46px;
	width: 100%;
	position: absolute;
	max-width: 1280px;
	min-width: 320px;
	bottom: 0;
}

.footerbarimg
{
	
	background-image: url( ../img/bottombar.png);
	background-position: top right;
	width: 100%;
	height: 48px;
}

.logo-link
{
	height: 48px;
	width: 290px;
	/*opacity: 0.5;*/
	float: right;
}

.logo-link img
{
	width: 100%;
	height: 100%;
}

.footerbar_line
{
	background: url(../img/footerline.png) top center no-repeat;
	height: 4px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.share
{
	text-align: center;
	height: 73px;
	position: absolute;
	top: -198px;
	width: 100%;
}

.share_top
{
	position: absolute;
	width: 100%;
	height: 10px;
	top: -10px;
	background: url( ../img/share_top.png ) repeat-x;
}

.share_bottom
{
	position: absolute;
	width: 100%;
	height: 9px;
	bottom: -10px;
	background: url( ../img/share_bottom.png ) repeat-x;
}

.buttonarea
{
	text-align: center;
	height: 125px;
	position: absolute;
	top: -125px;
	width: 100%;
	overflow: hidden;
}

.powered_by
{
	position: absolute;
	height: 42px;
	top: 5px;
	right: 20px;
	width: 235px;
}

.powered_by img
{
	position: absolute;
	top: 50%;
	margin-top: -6px;
}

.share img
{
	vertical-align: bottom;
	margin-bottom: -3px;
}

.shareword
{
	font-family: 'Cookie', cursive;
	font-size: 35px;
	color: #000000;
	text-transform: none;
	text-shadow: 0px 3px 0px rgba(150, 150, 150, 1);
	line-height: 0px;
}

.qt0
{
	border-bottom: solid #9eb3de 5px;
}

.qt1
{
	background-image: url(../img/1.png);
}

.qt2
{
	background-image: url(../img/2.png);
}

.qt3
{
	background-image: url(../img/3.png);
}

.qt4
{
	background-image: url(../img/4.png);
}

.qt5
{
	background-image: url(../img/5.png);
}

.qt6
{
	background-image: url(../img/6.png);
}

.qt7
{
	background-image: url(../img/7.png);
}

.qt8
{
	background-image: url(../img/8.png);
}

.qt9
{
	background-image: url(../img/9.png);
}

.qt10
{
	background-image: url(../img/10.png);
}

.qt11
{
	background-image: url(../img/11.png);
}

.qt12
{
	background-image: url(../img/12.png);
}

.qt13
{
	background-image: url(../img/13.png);
}

.qt14
{
	background-image: url(../img/14.png);
}

.gender
{
	position: absolute;
	top: 11%;
	height: 28.5%;
	cursor: pointer;
}

.male, .female
{
	width: 20%;
	max-width: 292px;
}

.female
{
	left: 20%;
}

.male
{
	left: 60%;
}

.rbox
{
	position: relative;
	width: 20%;
	float: left;
}

.rbox:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.rboxcontent{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.eyebox
{
	width: 18%;
	max-width: 236px;
	margin: 3.2%;
	margin-top: -300px;
	margin-bottom: 100%;
}

.ratio1_1-1:before{
	padding-top: 110%;
}

.ratio4-44_1:before{
	padding-top: 22.5%;
}

.mabox
{
	width: 40%;
	max-width: 559px;
	margin: 3.2%;
	left: 100%;
}

.eightanswers .mabox
{
	width: 32%;
	margin: 1.2% 3.2%;
}

.eightanswers
{
	padding: 3% 10%;
}

.manswer
{
	background: url(../img/answer.png) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	font-size: 23px;
}

.micon
{
	background: url(../img/aicondummy.png) no-repeat 4% 40%;
	background-size: 10%;
	width: 100%;
	height: 100%;
	position: absolute;
}

.mtext
{
	color: #c1bee6;
	font-size: 100%;
	padding: 0.5% 2% 0.5% 23%;
	display: table;
	height: 87%;
}

.mtext span
{
	display: table-cell;
	vertical-align: middle;
}

.eyecolor
{
	background: url(../img/eye_bg.png) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}

.eye
{
	width: 27%;
	height: 27%;
	position: relative;
	margin-left: 36%;
	margin-top: 33%;
}

.eye_name
{
	background: url(../img/eyebar.png) no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 50%;
	position: relative;
	text-align: center;
	color: #b6c6e6;
	font-size: 32px;
	line-height: 1.2;
}

.main-container
{
	width: 100%;
	height: 100%;
	max-width: 1280px;
	margin: 0 auto;
	max-height: 1095px;
	overflow: hidden;
	display: table;
	table-layout:fixed;
}

#white
{
	position: absolute;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	max-width: 1280px;
	margin: 0 auto;
	max-height: 1095px;
	overflow: hidden;
	min-height: 480px;
	min-width: 320px;
}

#loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
}

#loader img
{
	width: 50px;
	height: 50px;
}

.main
{
	background: url(../img/bgt3.png) center center no-repeat;
	background-size: cover;
	min-height: 480px;
}

.darklila
{
	color: #5d67a2;
}

.lightlila
{
	color: #9eb3de;
}

.curveshadow
{
	width: 305px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.iconwrapper
{
	overflow: hidden;
	height: 125px;
	width: 100%;
	margin-bottom: -15px;
}

.curveshadow .icon
{
	width: 100%;
	height: 130px;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.curveshadow.even
{
	margin-top: 10%;
}

#t_career .icon
{
	width: 120px;
	height: 120px;
	position: relative;
}

#t_carer .icon
{
	background: url(../img/carer.png) no-repeat center 130px;
}

#t_creator .icon
{
	background: url(../img/creator.png) no-repeat center 130px;
}

#t_attention .icon
{
	background: url(../img/attention.png) no-repeat center 130px;
}

.curveshadow .inner
{
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.1;
	padding: 20px 0;
	white-space: nowrap;
   -webkit-text-stroke: 1px white;
   text-shadow:
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}

#t_carer .inner,
#t_creator .inner
{
	line-height: 2.2;
}

.curveshadow .shadowtop
{
	height: 15px;
	background-image: url(../img/papershadowtop.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	position: relative;
}

.curveshadow .shadowbottom
{
	height: 15px;
	background-image: url(../img/papershadowbottom.png);
	background-position: 0 -5px;
	background-repeat: no-repeat;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media only screen and (max-width: 390px)
{	
	.theader
	{
		font-size: 14px;
		height: 86px;
	}
	
	.theader img
	{
		width: 226px;
		height: 1px;
	}
	
	.header-small
	{
		font-size: 24px;
		letter-spacing: 4px;
	}	
}

@media only screen and (max-width: 520px) {
	.footerbarimg
	{
		background-position: right 48px;
	}
	
	.logo-link
	{
		width: 200px;
	}
}

@media only screen and (min-width: 768px) {


}

@media only screen and (min-width: 1140px) {

}

@media only screen and (max-aspect-ratio: 1/1)
{
	.mabox
	{
		width: 80%;
		max-width: 559px;
		margin: 3% 10%;
		left: 100%;
	}
	
	.mtext
	{
		font-size: 200%;
	}
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.sprite {
position: absolute;
  width: 100%;
  height: 100%;
}
.sprite:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(../img/spritesheet.png);
}

.sprite-1:before {
    background-position: 0% 0%;
    background-size: 2081.8181818181815%;
    height: 216.364%;
}

.sprite-10:before {
    background-position: 5.446% 0%;
    background-size: 848.148148148148%;
    height: 89.63%;
}

.sprite-11:before {
    background-position: 18.349% 0%;
    background-size: 1045.6621004566211%;
    height: 107.763%;
}

.sprite-12:before {
    background-position: 29.639% 0%;
    background-size: 851.3011152416358%;
    height: 88.848%;
}

.sprite-13:before {
    background-position: 42.864% 0%;
    background-size: 864.1509433962265%;
    height: 91.69800000000001%;
}

.sprite-14:before {
    background-position: 56.593% 0%;
    background-size: 795.1388888888889%;
    height: 82.986%;
}

.sprite-2:before {
    background-position: 66.464% 0%;
    background-size: 1506.578947368421%;
    height: 157.895%;
}

.sprite-3:before {
    background-position: 73.505% 0%;
    background-size: 1526.6666666666667%;
    height: 161.333%;
}

.sprite-4:before {
    background-position: 0% 14.474%;
    background-size: 1231.1827956989248%;
    height: 131.183%;
}

.sprite-5:before {
    background-position: 8.708% 14.465%;
    background-size: 1487.012987012987%;
    height: 157.792%;
}

.sprite-6:before {
    background-position: 15.91% 14.431%;
    background-size: 1496.7320261437908%;
    height: 156.209%;
}

.sprite-7:before {
    background-position: 23.081% 14.388%;
    background-size: 1487.012987012987%;
    height: 151.948%;
}

.sprite-8:before {
    background-position: 30.248% 14.456%;
    background-size: 1516.5562913907286%;
    height: 160.265%;
}

.sprite-9:before {
    background-position: 53.143% 14.439%;
    background-size: 1449.367088607595%;
    height: 151.899%;
}

.sprite-answer:before {
    background-position: 46.101% 26.927%;
    background-size: 409.66010733452595%;
    height: 22.540000000000006%;
}

.sprite-bgt3:before {
    background-position: 60.327% 13.703%;
    background-size: 1526.6666666666667%;
    height: 100%;
}

.sprite-boxanswerbg:before {
    background-position: 70.672% 14.847%;
    background-size: 912.3505976095619%;
    height: 113.944%;
}

.sprite-bullet_empty:before {
    background-position: 75.836% 0%;
    background-size: 12722.222222222223%;
    height: 94.444%;
}

.sprite-bullet_full:before {
    background-position: 76.595% 0%;
    background-size: 13470.588235294119%;
    height: 100%;
}

.sprite-eyebar:before {
    background-position: 0% 28.25%;
    background-size: 919.6787148594378%;
    height: 18.876000000000005%;
}

.sprite-papershadowbottom:before {
    background-position: 12.544% 27.775%;
    background-size: 750.8196721311475%;
    height: 4.918000000000006%;
}

.sprite-papershadowtop:before {
    background-position: 68.363% 27.775%;
    background-size: 750.8196721311475%;
    height: 4.918000000000006%;
}

.sprite-q10_a1:before {
    background-position: 12.419% 33.477%;
    background-size: 803.5087719298244%;
    height: 103.158%;
}

.sprite-q10_a2:before {
    background-position: 67.681% 33.477%;
    background-size: 803.5087719298244%;
    height: 103.158%;
}

.sprite-q10_a3:before {
    background-position: 0% 51.603%;
    background-size: 803.5087719298244%;
    height: 103.158%;
}

.sprite-q10_a4:before {
    background-position: 14.229% 51.603%;
    background-size: 797.9094076655052%;
    height: 102.439%;
}

.sprite-q11_a1:before {
    background-position: 28.7% 51.635%;
    background-size: 771.043771043771%;
    height: 99.327%;
}

.sprite-q11_a2:before {
    background-position: 43.537% 51.635%;
    background-size: 778.9115646258504%;
    height: 100.34%;
}

.sprite-q12bg:before {
    background-position: 59.979% 46.371%;
    background-size: 652.4216524216524%;
    height: 31.623999999999995%;
}

.sprite-q12f_a1:before {
    background-position: 35.881% 13.081%;
    background-size: 3469.6969696969695%;
    height: 100%;
}

.sprite-q12f_a2:before {
    background-position: 76.374% 0.919%;
    background-size: 6735.2941176470595%;
    height: 194.118%;
}

.sprite-q12f_a3:before {
    background-position: 75.943% 13.095%;
    background-size: 3693.5483870967746%;
    height: 109.67699999999999%;
}

.sprite-q12f_a4:before {
    background-position: 36.109% 16.525%;
    background-size: 2862.5%;
    height: 50%;
}

.sprite-q12f_a5:before {
    background-position: 77.092% 4.496%;
    background-size: 4163.636363636363%;
    height: 127.273%;
}

.sprite-q12f_a6:before {
    background-position: 39.355% 16.839%;
    background-size: 3881.35593220339%;
    height: 127.119%;
}

.sprite-q12m_a1:before {
    background-position: 42.037% 16.712%;
    background-size: 3754.0983606557375%;
    height: 100%;
}

.sprite-q12m_a2:before {
    background-position: 76.954% 8.284%;
    background-size: 4490.196078431372%;
    height: 135.29399999999998%;
}

.sprite-q12m_a3:before {
    background-position: 44.673% 16.721%;
    background-size: 4089.2857142857147%;
    height: 110.714%;
}

.sprite-q12m_a4:before {
    background-position: 47.52% 16.73%;
    background-size: 3180.5555555555557%;
    height: 87.5%;
}

.sprite-q12m_a5:before {
    background-position: 75.705% 16.793%;
    background-size: 4163.636363636363%;
    height: 127.273%;
}

.sprite-q12m_a6:before {
    background-position: 35.849% 20.563%;
    background-size: 3578.125%;
    height: 106.25%;
}

.sprite-q13_a1:before {
    background-position: 25.205% 28.494%;
    background-size: 2489.1304347826085%;
    height: 68.47800000000001%;
}

.sprite-q13_a2:before {
    background-position: 42.226% 20.563%;
    background-size: 3225.352112676056%;
    height: 95.775%;
}

.sprite-q13_a3:before {
    background-position: 45.303% 20.697%;
    background-size: 3523.0769230769233%;
    height: 123.077%;
}

.sprite-q13_a4:before {
    background-position: 76.285% 20.619%;
    background-size: 3180.5555555555557%;
    height: 101.389%;
}

.sprite-q13bg:before {
    background-position: 74.252% 51.476%;
    background-size: 912.3505976095619%;
    height: 115.538%;
}

.sprite-q14_a1:before {
    background-position: 56.843% 67.566%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q14_a2:before {
    background-position: 68.768% 67.566%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q14_a3:before {
    background-position: 0% 82.434%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q14_a4:before {
    background-position: 11.926% 82.434%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q1_a1:before {
    background-position: 61.016% 24.486%;
    background-size: 3469.6969696969695%;
    height: 100%;
}

.sprite-q1_a2:before {
    background-position: 76.079% 24.473%;
    background-size: 3469.6969696969695%;
    height: 98.485%;
}

.sprite-q1_a3:before {
    background-position: 29.047% 27.985%;
    background-size: 3469.6969696969695%;
    height: 98.485%;
}

.sprite-q1_a4:before {
    background-position: 32.014% 28%;
    background-size: 3469.6969696969695%;
    height: 100%;
}

.sprite-q1_a7:before {
    background-position: 48.117% 20.463%;
    background-size: 3816.6666666666665%;
    height: 98.333%;
}

.sprite-q1_a8:before {
    background-position: 75.806% 27.879%;
    background-size: 3948.275862068966%;
    height: 100%;
}

.sprite-q1_bg:before {
    background-position: 23.759% 82.09%;
    background-size: 970.3389830508474%;
    height: 102.119%;
}

.sprite-q2_a1:before {
    background-position: 36.236% 84.824%;
    background-size: 784.2465753424658%;
    height: 101.027%;
}

.sprite-q2_a2:before {
    background-position: 50.8% 85.034%;
    background-size: 789.655172413793%;
    height: 103.103%;
}

.sprite-q3_a1:before {
    background-position: 0% 31.527%;
    background-size: 1696.296296296296%;
    height: 65.926%;
}

.sprite-q3_a2:before {
    background-position: 61.401% 76.687%;
    background-size: 1404.9079754601228%;
    height: 75.46000000000001%;
}

.sprite-q3_a3:before {
    background-position: 6.17% 31.736%;
    background-size: 2245.098039215686%;
    height: 99.02%;
}

.sprite-q3_a4:before {
    background-position: 76.301% 31.982%;
    background-size: 1659.4202898550727%;
    height: 83.333%;
}

.sprite-q4f_a1:before {
    background-position: 0% 36.972%;
    background-size: 3271.4285714285716%;
    height: 67.143%;
}

.sprite-q4f_a2:before {
    background-position: 3.1% 37.473%;
    background-size: 7156.25%;
    height: 225%;
}

.sprite-q4f_a3:before {
    background-position: 4.584% 37.412%;
    background-size: 3523.0769230769233%;
    height: 106.154%;
}

.sprite-q4f_a4:before {
    background-position: 7.492% 36.952%;
    background-size: 3754.0983606557375%;
    height: 75.41%;
}

.sprite-q4m_a1:before {
    background-position: 23.957% 37.534%;
    background-size: 3754.0983606557375%;
    height: 122.951%;
}

.sprite-q4m_a2:before {
    background-position: 35.978% 24.006%;
    background-size: 3180.5555555555557%;
    height: 40.278%;
}

.sprite-q4m_a3:before {
    background-position: 26.527% 37.051%;
    background-size: 4872.340425531915%;
    height: 108.511%;
}

.sprite-q4m_a4:before {
    background-position: 28.88% 36.697%;
    background-size: 3417.9104477611945%;
    height: 49.254%;
}

.sprite-q5_a1:before {
    background-position: 71.799% 82.434%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q5_a2:before {
    background-position: 86.901% 0%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q5_a3:before {
    background-position: 86.217% 14.868%;
    background-size: 938.5245901639344%;
    height: 101.639%;
}

.sprite-q6_a1:before {
    background-position: 84.384% 68.179%;
    background-size: 880.7692307692308%;
    height: 101.154%;
}

.sprite-q6_a2:before {
    background-position: 84.384% 84.09%;
    background-size: 880.7692307692308%;
    height: 101.154%;
}

.sprite-q6_a3:before {
    background-position: 0% 100%;
    background-size: 880.7692307692308%;
    height: 101.154%;
}

.sprite-q6_a4:before {
    background-position: 86.903% 41.803%;
    background-size: 884.1698841698841%;
    height: 101.544%;
}

.sprite-q7_a1:before {
    background-position: 12.859% 100%;
    background-size: 854.4776119402986%;
    height: 98.134%;
}

.sprite-q7_a2:before {
    background-position: 64.59% 100%;
    background-size: 854.4776119402986%;
    height: 98.134%;
}

.sprite-q7_a3:before {
    background-position: 77.844% 100%;
    background-size: 854.4776119402986%;
    height: 98.134%;
}

.sprite-q7_a4:before {
    background-position: 100% 0%;
    background-size: 854.4776119402986%;
    height: 98.134%;
}

.sprite-q8_a1:before {
    background-position: 98.868% 15.91%;
    background-size: 884.1698841698841%;
    height: 101.544%;
}

.sprite-q8_a2:before {
    background-position: 99.655% 31.821%;
    background-size: 884.1698841698841%;
    height: 101.544%;
}

.sprite-q8_a3:before {
    background-position: 99.655% 47.731%;
    background-size: 884.1698841698841%;
    height: 101.544%;
}

.sprite-q8_a4:before {
    background-position: 97.144% 63.642%;
    background-size: 884.1698841698841%;
    height: 101.544%;
}

.sprite-q9f_a1:before {
    background-position: 82.599% 28.68%;
    background-size: 1696.296296296296%;
    height: 60.741%;
}

.sprite-q9f_a2:before {
    background-position: 87.085% 29.125%;
    background-size: 2516.4835164835163%;
    height: 120.879%;
}

.sprite-q9f_a3:before {
    background-position: 91.216% 71.545%;
    background-size: 1803.1496062992126%;
    height: 61.417%;
}

.sprite-q9f_a4:before {
    background-position: 54.169% 57.143%;
    background-size: 1601.3986013986014%;
    height: 52.448%;
}

.sprite-q9m_a2:before {
    background-position: 96.641% 72.094%;
    background-size: 1957.2649572649575%;
    height: 78.632%;
}

.sprite-q9m_a3:before {
    background-position: 60.547% 56.926%;
    background-size: 1721.8045112781954%;
    height: 51.128%;
}

button.trynow, button.trynow_facts
{
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	line-height: 1.1em;
	font-weight: bold;
	color: #9d9d9d;
	padding: 8px 50px;
	background: #fdfdfd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
}

button.findoutmore
{
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	line-height: 1.1em;
	font-weight: bold;
	color: #fdfdfd;
	padding: 8px 50px;
	background: #9d9d9d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
}

.bottom_button
{
	margin-top: 0px;
	margin-bottom: 20px;
}

@media screen and (max-width: 870px)
{
	.languages
	{
		width: 651px;
	}
}

@media screen and (max-width: 651px)
{
	.button-middle
	{
		height: 45px;
		line-height: 45px;
		width: 130px;
		vertical-align: middle;
		text-align: center;
		font-size: 14px;
	}
	
	.lang-line
	{
		width: 130px;
	}

	.languages .cookie .button-middle
	{
		text-transform: none;
		font-size: 25px;
	}
	
	.languages .greece .button-middle
	{
		text-transform: none;
		font-size: 16px;
	}
	
	.languages a:link, .languages a:visited
	{
		text-decoration: none;
		color: #ffffff;
		padding: 0px;
	}
	
	.languages
	{
		width: 420px;
	}
}

@media screen and (max-width: 420px)
{
	.languages
	{
		width: 280px;
	}
}