/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
html {height:100%;}
body {line-height: 1.3;background-color:#191919;height:100%;
margin:0 auto;padding:0;font:16px 'Roboto', sans-serif;font-weight:300;color:#000;text-align: left;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}

/* BASIC PAGE SETUP ============================================================================= */
button, input, select, textarea { color : #202020; }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.4; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight:400;font-weight:400; }
b, strong { font-weight:700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
/*a { color : #787200;}//-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}
*/
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
/*a:focus { color : rgb(0,0,0); }*/
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;z-index:100;bottom:5px;right:5px;
	background:url(../images/backtotop.png) no-repeat;background-size:100%;
	width:36px;height:36px;text-indent:-9000px;}


/* IMAGES ============================================================================= */
img {
border : 0;}/*max-width: 100%;}*/

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#fff #fff transparent transparent;
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}

/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
div.clearright {clear:right;height:0px;}
div.clearleft {clear:left;height:0px;}
span.icon {font-family:icons;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.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%;}
}

/* GRAVITY.GR CSS  ============================================================================= */
.wrapperIn {width:95%;margin:0 auto;max-width:1104px;}
.notresponsive .wrapperIn {width:960px;}
.relative {position:relative;}
div.clear{height:0;clear:both;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {background:;background-size:cover;}
body>div.background {}

div.mainwrap {position:relative;z-index:2;}

div.top {height:32px;background:url(../images/bar_lang.jpg) repeat-x 50%}
div.header {height:110px;background:url(../images/bar_menu.png) repeat-x 50%;position:relative;z-index:2;
	box-shadow:0 0 4px rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.05);}
div.language {color: #948770;font-family: "Roboto";font-size: 10px;font-weight: 300;line-height:32px;text-align:right;padding-right:30px;}
div.language a {display:inline-block;margin-left:5px;text-indent:-9000px;width:24px;background-repeat:no-repeat;background-position:50%; text-align:left;}
div.language a.el {background-image:url(../images/greek.png);}
div.language a.en {background-image:url(../images/english.png);}

div.menuwrap {position:relative;}
a.logo {display:block;float:left;margin:1px 0 3px 0;padding:0;width:226px;height:60px;}
a.logo h1 {margin:0;padding:0;width:226px;height:60px;background:url(../images/logo_desktop.png);text-indent:-9000px;}
ul.mainmenu {float:left;clear:left;padding:10px 0;margin:0;list-style:none;}
ul.mainmenu li {display:block;height:21px;margin:0 10px 0 0;float:left;}
ul.mainmenu li a {display:block;height:21px;line-height:21px;margin:0;padding:0 8px;
color: #f2e1ca;font-family: "Roboto";font-size: 14px;text-shadow: 0 1px 1px #010202; font-weight: 300;}
ul.mainmenu li:first-child a {padding-left:0;}
ul.mainmenu li a:hover {color:#fff;}
ul.mainmenu li.selected a {color:#fff;}

a.purchase {float:right;margin:3px 260px 0 0;display:block;
		border: 1px solid #7d6755;
		background-color: rgba(0,0,0,.5);
		border-radius:15px;height:31px;line-height:31px;
		padding:0 20px 0 65px;
		color: #eee2ce;
		font-family: "Roboto";
		font-size: 14px;
		text-shadow: 1px 1px 2px rgba(68,55,40,.68);
		font-weight: 900;
		background-position:12px 50%;
		background-repeat:no-repeat;
		background-image:url(../images/header_gold.png);
	}
div.loginwrap {position:absolute;top:15px;right:30px;border-radius:8px;background:url(../images/login_back.png);
	min-width:180px;
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,.27);
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.27);
box-shadow: 1px 2px 2px rgba(0,0,0,.27);}
div.login {margin:5px;border-radius:4px;border:1px solid rgba(223,204,162,.26);padding:9px 9px 4px;
	color: #bbaa93;font-family: "Roboto";font-size: 10px;font-weight: 300;}
div.loginwrap:after {content:"";display:block;position:absolute;top:-9px;left:0;right:0;background:url(../images/login_point.png) no-repeat 50%;
		height:15px;}

div.homewrap {min-height:1106px;
background:
	url(../images/statue_big.png) no-repeat 50% 59px,
 	url(../images/back_big.jpg) no-repeat 50% 100%
}
div.homewrap>div {padding:65px 0 0 0;}

.homeinside a.register {display:block;width:282px;height:89px;line-height:89px;padding:0;text-align:center;
	float:right;background:url(../images/registerbutton.png) no-repeat 50%;
	font-family:'Montserrat',Roboto;font-size:19px;color:#fff;font-weight:400;text-shadow:-1px -1px 1px rgba(67,50,34,.63);
}
div.footerwrap {background:url(../images/footer_back.jpg) repeat;
	color: #b4a28b;font-family: "Roboto";font-size: 12px;text-shadow: 0 1px 0 rgba(2,2,2,.22);font-weight: 300;}
div.footerwrap:before {content:"";display:block;height:19px;background:url(../images/footer_top.png) repeat-x;}
div.footerwrap:after {content:"";display:block;height:8px;background:url(../images/footer_bottom.png) repeat-x;}

div.footerwrap>div.wrapperIn {padding:16px 0;}
div.footerwrap ul.social {float:right;list-style:none;margin:0;padding:0;text-align:center;}
div.footerwrap ul.social h3 {color: #ab9478;font-family: "Roboto Condensed";font-size: 14px;font-weight: bold;
text-shadow: 0 1px 0 rgba(2,2,2,.69);padding:0 0 5px;margin:0;}

div.footerwrap ul.social h3:before {content:"";width:58px;height:2px;display:inline-block;vertical-align:middle;
	background:url(../images/joinus_left.png) no-repeat;margin-right:3px;}
div.footerwrap ul.social h3:after {content:"";width:58px;height:2px;display:inline-block;vertical-align:middle;
	background:url(../images/joinus_right.png) no-repeat;margin-left:3px;}
div.footerwrap ul.social li {display:inline-block;margin:0 2px;padding:0;}
div.footerwrap ul.social li a {display:block;width:55px;height:55px;text-indent:-9000px;}
div.footerwrap ul.social li a.facebook {background:url(../images/footer_facebook.png);clear:both;}
div.footerwrap ul.social li a.twitter {background:url(../images/footer_twitter.png);}
div.footerwrap ul.social li a.youtube {background:url(../images/footer_youtube.png);}

div.footerwrap ul.footermenu {list-style:none;padding:28px 0;margin:0;}
div.footerwrap ul.footermenu li {display:inline;font-family:'Roboto Condensed';font-size:14px;}
div.footerwrap ul.footermenu li:before {content:" | ";display:inline-block;padding:0 4px;}
div.footerwrap ul.footermenu li:first-child:before {content:"";padding:0;}
div.footerwrap ul.footermenu li a {color:#b4a28b;;}
div.footerwrap a.gravity {color:#b4a28b;color: #858177;font-size: 10px;margin-top:118px;display:block;float:left;}

span.wrap {display:block;clear:both;margin:2px 0 0 0;padding:0 8px;
	border: 1px solid #79643d;border-radius:3px;height:26px;
	background-color: rgba(121,100,62,0.43)
	-moz-box-shadow: inset 0 0 9px #000;
	-webkit-box-shadow: inset 0 0 9px #000;
	box-shadow: inset 0 0 9px #000;
}
span.wrap.select {float:left;}
span.wrap input {border-radius:3px;border:0;height:25px;line-height:25px;background-color:transparent;
	color: #f1e0c9;font-family: "Roboto";font-size: 11px;font-weight: 300;width:100%;padding:0;
	min-width:160px;}
span.wrap select {border-radius:3px;border:0;height:25px;line-height:25px;background-color:transparent;
	color: #f1e0c9;font-family: "Roboto";font-size: 11px;font-weight: 300;padding-right:10px;
	background: transparent url(../images/select_box.png) no-repeat right center;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;}
span.wrap select option {background:#413727;line-height:23px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
.purchase span.wrap {float:left;margin:0 5px 0 0;clear:none;}

div.login a.forgotpassword {margin:3px 0 0 0;color: #bbaa93;line-height:22px;font-family: "Roboto";font-size: 10px;font-weight: 300;
	float:left;}
	div.login a.forgotpassword:hover {color:#fff;}
div.login a.submit {margin:3px 0 0 0;color: #bba584;line-height:22px;font-family: "Roboto";font-size: 12px;text-shadow: -1px -1px 0 rgba(2,2,2,.23);font-weight: 700;
	padding-right:23px;float:right;background:transparent url(../images/loginsubmit.png) no-repeat right center;}
	div.login a.submit:hover {color:#fff;}

table.levelscost {font-size:11px;border-collapse:collapse;border:1px solid #5B5344;text-align:center;}
table.levelscost tr {}
table.levelscost td {text-align:center;vertical-align:middle;padding:10px 5px;margin:0;border:1px solid #5B5344;}
table.levelscost th {text-align:center;vertical-align:middle;padding:10px 5px;margin:0;border:1px solid #5B5344;}
table.levelscost tr.labels th {background-color:rgba(255,255,255,.1);vertical-align:bottom;text-align:center;
	font-size:10px;color:#f2e1ca;text-shadow:1px 1px #000;font-weight:300;}
table.levelscost tr.labels th.empty {background-color:transparent;}

table.levelscost td.level {color:#fff;font-weight:900;}
table.levelscost td.cost {color:#fff;}
table.levelscost td.cost span.resource:before {content:"/";padding:0 3px;display:inline-block;}
table.levelscost td.cost span.resource:first-child:before {content:"";padding:0;display:inline-block;}
table.levelscost td.value {color:#cc7224;font-weight:900;font-size:12px;}
table.levelscost td span.time {display:block;color:#f2e1ca;}

table.facts {font-size:14;line-height:20px;color:#fff;font-weight:300;border-top:1px solid #5B5344;margin-bottom:80px;}
table.facts tr {border-bottom:1px solid #5B5344;}
table.facts tr td,table.facts tr th {padding:8px 0;font-weight:400;}
table.facts tr th {color:#f2e1ca;font-size:13px;font-weight:400}

ul.cost {display:inline;list-style:none;}
ul.cost li {display:inline-block;border-left:1px solid #DFD0BA;padding:0 10px 0 35px;line-height:20px;
	background-position:5px 50%;background-repeat:no-repeat;}
ul.cost li:first-child {border-left:0;background-position:0px 50%;padding-left:30px;}


div.mainpagewrap {min-height:1106px;
background:
 	url(../images/back_big_.jpg) no-repeat fixed 50% 0%;
 	background-size:cover;
 	padding:0 0 65px;
}
div.mainpagewrap>div {margin:0 auto 0;padding:65px 0 150px 0;position:relative;background:
		url(../images/border_main_bottom.png) repeat-x bottom,
		url(../images/border_main_left.png) repeat-y left,
		url(../images/border_main_right.png) repeat-y right,
		url(../images/back_main.jpg) repeat;
		color:#f2e1ca;font-size:13px;}
div.mainpagewrap>div:after {content:"";display:block;position:absolute;
	bottom:-10px;right:-10px;left:-10px;height:75px;
	background:
	url(../images/border_main_bottom_right.png) no-repeat bottom right,
	url(../images/border_main_bottom_left.png) no-repeat bottom left;}
div.mainpagewrap>div>div.in {padding:0 50px;}

div.mainpagewrap.pop {padding-top:60px;;}
div.mainpagewrap.pop>div {margin:0 auto 50px;padding-top:30px;
	max-width:600px;background:
		url(../images/border_main_bottom.png) repeat-x bottom,
		url(../images/border_main_top.png) repeat-x top,
		url(../images/border_main_left.png) repeat-y left,
		url(../images/border_main_right.png) repeat-y right,
		url(../images/back_main.jpg) repeat;}

div.mainpagewrap.pop>div:before {content:"";display:block;position:absolute;
	top:-10px;left:-10px;right:-10px;height:73px;
	background:url(../images/border_main_top_left.png) 0 0 no-repeat,
	url(../images/border_main_top_right.png) 100% 0 no-repeat;}

div.mainpagewrap div.left {float:left;width:244px;}
div.mainpagewrap div.right {float:right;width:calc(100% - 312px);}
div.text {color:#f2e1ca;font-size:13px;font-weight:300;padding:0 0 10px;}
div.text:first-child {margin-top:50px;}
div.mainimage {text-align:center;}
div.mainimage img {max-width:100%;}

div.maintext>div.left {}
div.maintext>div.right {}

div.insidepop {padding:18px 50px;}

div.sidemenu_wrap {display:block;
	background:
	url(../images/menu_border_back.jpg) repeat
	; border-radius:10px;
	padding:10px;margin-top:8px;}
div.sidemenu_wrap>div.sidemenu {display:block;position:relative;
		/*url(../images/cor_bottom_left.png) no-repeat bottom left,
		url(../images/cor_bottom_right.png) no-repeat bottom right,
		url(../images/cor_top_left.png) no-repeat top left,
		url(../images/cor_top_right.png) no-repeat top right,*/
	background:
		url(../images/menu_back.jpg) repeat;
		border-radius:6px;
	padding:20px;
	-moz-box-shadow: 0 0 4px rgba(2,2,2,.52), inset 0 0 5px rgba(2,2,2,.40);
	-webkit-box-shadow: 0 0 4px rgba(2,2,2,.52), inset 0 0 5px rgba(2,2,2,.40);
	box-shadow: 0 0 4px rgba(2,2,2,.52), inset 0 0 5px rgba(2,2,2,.40);
	font-size:14px;color:#f2e1ca;}
div.sidemenu_wrap>div.sidemenu:before {content:"";display:block;
left:-2px;top:-2px;bottom:-2px;right:-2px;position:absolute;
	z-index:0;
	background:
		url(../images/cor_bottom_left.png) no-repeat bottom left,
		url(../images/cor_bottom_right.png) no-repeat bottom right,
		url(../images/cor_top_left.png) no-repeat top left,
		url(../images/cor_top_right.png) no-repeat top right,

}
div.sidemenu_wrap>div.sidemenu h1 {text-align:center;font-size:16px;border:0;margin-bottom:20px;}
div.sidemenu_wrap>div.sidemenu a {color:#f2e1ca;}

div.sidemenu_wrap>div.sidemenu ul {list-style:none;display:none;z-index:1;position:relative;}
div.sidemenu_wrap>div.sidemenu ul.l1 {padding-left:0;display:block;}
div.sidemenu_wrap>div.sidemenu ul.l1 {border-top:1px solid #43372D;}
div.sidemenu_wrap>div.sidemenu ul.l1>li:first-child {border-top:1px solid #7E6D5A;}
/*div.sidemenu_wrap>div.sidemenu:first-child ul.l1>li:first-child {border-top:0}*/
div.sidemenu_wrap>div.sidemenu ul.l1.builds {border-top:0;}
div.sidemenu_wrap>div.sidemenu ul.l1.builds>li:first-child {border-top:0;}

div.sidemenu_wrap>div.sidemenu ul.l1:first-child {border-top:0;}
div.sidemenu_wrap>div.sidemenu ul.l1:first-child>li:first-child {border-top:0;}

div.sidemenu_wrap>div.sidemenu a {display:block;}
div.sidemenu_wrap>div.sidemenu ul.l2 {padding:2px 0 5px 10px;}
div.sidemenu_wrap>div.sidemenu ul.l3 {padding:5px 0 5px 30px;}
div.sidemenu_wrap>div.sidemenu ul.hasimage ul.l3 {padding:5px 0 5px 0px;}
/*div.sidemenu_wrap>div.sidemenu ul.l3 {padding-left:30px;padding}*/
div.sidemenu_wrap>div.sidemenu li.selected>ul {display:block;}
div.sidemenu_wrap>div.sidemenu li.builds>ul.l2 {display:block;}
div.sidemenu_wrap>div.sidemenu ul.selected {display:block;}
div.sidemenu_wrap>div.sidemenu ul.l1>li>a {line-height:30px;font-weight:700;text-transform:uppercase;}
div.sidemenu_wrap>div.sidemenu ul.l2>li>a {line-height:16px;}
div.sidemenu_wrap>div.sidemenu ul.l3>li>a {line-height:16px;padding-left:15px;}
div.sidemenu_wrap>div.sidemenu ul li a.nocontent:before {content:"+";padding-right:5px;display:inline-block;width:10px;font-size:14px;line-height:16px;}
div.sidemenu_wrap>div.sidemenu ul li.selected>a.nocontent:before {content:"-";padding-left:2px;padding-right:3px;}
div.sidemenu_wrap>div.sidemenu ul li.l1>a.nocontent:before {content:"";padding:0;}


div.sidemenu_wrap>div.sidemenu ul.l2 {font-size:13px;}
div.sidemenu_wrap>div.sidemenu ul.l1>li.selected>a {font-weight:700;}
div.sidemenu_wrap>div.sidemenu ul.l2>li.selected>a {font-weight:400;color:#fff;}
div.sidemenu_wrap>div.sidemenu ul.l3>li.selected>a {font-weight:400;color:#fff;}

div.sidemenu_wrap>div.sidemenu ul.l2>li>a:hover {color:#fff;}
div.sidemenu_wrap>div.sidemenu ul.l3>li>a:hover {color:#fff;}

div.sidemenu_wrap>div.sidemenu ul.hasimage ul.l3>li>a {line-height:26px;}
div.sidemenu_wrap>div.sidemenu ul.hasimage ul.l3>li>a span.img {display:inline-block;width:30px;}
div.sidemenu_wrap>div.sidemenu ul.hasimage ul.l3>li>a img {vertical-align:middle;display:inline-block;}

div.h1wrap {position:relative;background:url(../images/title_back.png);
	border-radius:13px;padding:6px 0;margin:10px 0 20px;
-moz-box-shadow: 0 1px 9px rgba(0,0,0,.23), inset 0 1px 0 #857567;
-webkit-box-shadow: 0 1px 9px rgba(0,0,0,.23), inset 0 1px 0 #857567;
box-shadow: 0 1px 9px rgba(0,0,0,.23), inset 0 1px 0 #857567; }
div.h1wrap:before {content:"";display:block;position:absolute;z-index:1;
		top:-14px;bottom:-14px;left:-7px;right:-7px;
		background:url(../images/title_back_top.png) no-repeat 50% 0,
					url(../images/title_back_bottom.png) no-repeat 50% 100%,
					url(../images/title_back_left.png) no-repeat 0 50%,
					url(../images/title_back_right.png) no-repeat 100% 50%;}
div.h1wrap h1 {margin:0 8px;border:1px solid rgba(223,204,162,.26);padding:10px 20px;
	font-size:16px;font-weight:700;color:#f2e1ca;text-shadow:-1px -1px rgba(0,0,0,.4);
	background:none;border-radius:7px;text-align:center;}
	/*z-index:10;position:relative;*/
div.h1wrap h1 ul {list-style:none;margin:0;padding:0;display:inline-block;}
div.h1wrap h1 ul li {display:inline-block;font-size:16px;font-weight:300;text-shadow:-1px -1px #000;}
div.h1wrap h1 ul li:after {content:"/";display:inline-block;padding:0 5px;}
div.h1wrap h1 ul li:last-child {font-weight:700;}
div.h1wrap h1 ul li:last-child:after {content:"";}

div.pop h2 {margin:0 8px 30px;border:0;padding:0;
	background:none;text-align:center;color: #eee2ce;font-family: "Roboto";font-size: 14px;
	text-shadow: -1px -1px 1px rgba(0,0,0,.68);font-weight: 900;
}


a.submit.purchase {display:block;width:175px;margin:32px auto 35px;
	height:37px;line-height:37px;border-radius:3px;padding:0;background-position:0;
	color: #fff;font-family: "Roboto";font-size: 14px;text-shadow: 0 1px 0 rgba(2,2,2,.23);
	font-weight: 900;float:none;border:0;
	background-repeat:repeat-x;text-align:center;
	background-image: -moz-linear-gradient(bottom, #cd9121 0%, #dfb145 100%);
	background-image: -o-linear-gradient(bottom, #cd9121 0%, #dfb145 100%);
	background-image: -webkit-linear-gradient(bottom, #cd9121 0%, #dfb145 100%);
	background-image: linear-gradient(bottom, #cd9121 0%, #dfb145 100%);}

a.submit.purchase.final {clear:both;display:block;width:260px;margin:32px auto 35px;
	height:48px;line-height:48px;border-radius:3px;padding:0;background-position:0;
	color: #fff;font-family: "Roboto";font-size: 17px;text-shadow: 0 1px 0 rgba(2,2,2,.23);
	font-weight: 900;float:none;border:0;
	background-repeat:repeat-x;text-align:center;
	background-image: -moz-linear-gradient(bottom, #cd9121 0%, #dfb145 100%);
	background-image: -o-linear-gradient(bottom, #cd9121 0%, #dfb145 100%);
	background-image: -webkit-linear-gradient(bottom, #cd9121 0%, #dfb145 100%);
	background-image: linear-gradient(bottom, #cd9121 0%, #dfb145 100%);}



.purchase p {padding:0 0 10px;}
.purchase p.error {border-radius:3px;padding:10px 15px;margin:10px 0 20px;
	font-weight:600;
	background-image: -moz-linear-gradient(bottom, #F70801 0%, #870101 100%);
	background-image: -o-linear-gradient(bottom, #F70801 0%, #870101 100%);
	background-image: -webkit-linear-gradient(bottom, #F70801 0%, #870101 100%);
	background-image: linear-gradient(bottom, #F70801 0%, #870101 100%);}


.purchasepage {padding:30px  40px;}
.purchasepage .title {padding:10px 20px;background:rgba(183,165,144,.2);border-radius:5px;
		/*border:1px solid rgba(255,255,255,.2);*/
		}
.purchasepage .title p {text-align:center;padding:0 0 20px;
color: #f1e0c9;margin:0;
font-family: "Roboto";
font-size: 14px;
font-weight: 300;}

.purchasepage a.changeuser {float:right;clear:both;color: #d8cdbc;
font-family: "Roboto";
font-size: 11px;
font-weight: 300;text-decoration:underline;}

.purchasepage .title p.user {text-align:center;padding:0;padding-bottom:0;
	color: #fff;
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 300;}
.purchasepage .title p.user span {color: #e3c747;
	font-family: "Roboto";
	font-size: 14px;
	font-weight: 300;
}


em.flag {display:inline-block;width:17px;min-height:17px;vertical-align:middle;margin:0 3px 0 5px;text-indent:-9000px;}
em.flag.el {background:url(../images/flag_ins_el.png) no-repeat 50%;}

p.selectamount {color: #eee2ce;font-family: "Roboto";font-size: 16px;text-shadow: -1px -1px 2px rgba(2,2,2,.64);font-weight: 300;
	padding:32px 0 10px;}
ul.selectgold {height:222px;padding:0;margin:10px 0;list-style:none;}
ul.selectgold li {float:left;margin:0 1px 0 0;display:block;position:relative;}
ul.selectgold.c3 li {width:calc(33% - 1px);}
ul.selectgold.c4 li {width:calc(25% - 1px);}
ul.selectgold.c5 li {width:calc(20% - 1px);}
ul.selectgold.c6 li {width:calc(16.67% - 1px);}

ul.selectgold li input {display:none;}
ul.selectgold li label {display:block;height:222px;border-top-right-radius:5px;border-top-left-radius:5px;
		background-color:rgba(255,255,255,.08);cursor:pointer;}
ul.selectgold li label h3 {text-align:center;line-height:57px;
color: #e3c747;font-family: "Roboto";font-size: 21px;font-weight: 400;}
ul.selectgold li label h3 i {text-decoration:italic;}
ul.selectgold li label span.image {display:block;height:105px;margin:0 0 18px;position:relative;}
ul.selectgold li label span.image:after {content:"";display:block;height:105px;position:relative;z-index:2;}
ul.selectgold li.g200 label span.image:after {background:url(../images/gold_200.png) no-repeat 50%;}
ul.selectgold li.g450 label span.image:after {background:url(../images/gold_450.png) no-repeat 50%;}
ul.selectgold li.g950 label span.image:after {background:url(../images/gold_950.png) no-repeat 50%;}
ul.selectgold li.g2500 label span.image:after {background:url(../images/gold_2500.png) no-repeat 50%;}
ul.selectgold li label span.price {display:block;
	height:40px;line-height:40px;padding:0 6px 0 12px;
	color: #fff;
	font-family: "Roboto";
	font-size: 22px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.41);
	font-weight: 400;
	border: 1px solid #edcf8c;
	background-image: -moz-linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
	background-image: -o-linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
	background-image: -webkit-linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
	background-image: linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
}
ul.selectgold li label span.price:after {display:block;content:"";
width:27px;height:40px;background:url(../images/radio.png) 50% no-repeat;float:right;}

ul.selectgold li label:hover span.price:after {background-image:url(../images/radio_checked.png);}
ul.selectgold li input:checked+label span.price:after {background-image:url(../images/radio_checked.png);}
ul.selectgold li input:checked+label {
	background-image: -moz-linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
	background-image: -o-linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
	background-image: -webkit-linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);
	background-image: linear-gradient(bottom, #cfa32d 0%, #f5df7f 100%);}
ul.selectgold li input:checked+label h3 {color: #9C7409;}

ul.selectgold li input:checked+label span.image:before {content:"";z-index:1;
	display:block;width:106px;height:106px;position:absolute;top:0;left:calc(50% - 53px);border-radius:50%;
	border: 1px solid #edd187;background-position:50%;
	background-image: -moz-linear-gradient(bottom, #efd578 0%, #d7af41 100%);
	background-image: -o-linear-gradient(bottom, #efd578 0%, #d7af41 100%);
	background-image: -webkit-linear-gradient(bottom, #efd578 0%, #d7af41 100%);
	background-image: linear-gradient(bottom, #efd578 0%, #d7af41 100%);
}





ul.selectpaymentmethod {min-height:136px;padding:0;margin:10px 0 50px 5px;list-style:none;}
ul.selectpaymentmethod li {float:left;margin:0 5px 0 0;display:block;position:relative;}
ul.selectpaymentmethod li {width:calc(33% - 5px);}
/*ul.selectpaymentmethod.c2 li {width:calc(33% - 1px);}
ul.selectpaymentmethod.c3 li {width:calc(33% - 1px);}
*/
ul.selectpaymentmethod.c4 li {width:calc(25% - 5px);}
ul.selectpaymentmethod.c5 li {width:calc(20% - 5px);}
ul.selectpaymentmethod.c6 li {width:calc(16.67% - 5px);}

ul.selectpaymentmethod li label {display:block;position:relative;
	height:136px;border-radius:5px;cursor:pointer;
background-image: -moz-linear-gradient(bottom, #c9c3bb 0%, #dbd7d1 100%);
background-image: -o-linear-gradient(bottom, #c9c3bb 0%, #dbd7d1 100%);
background-image: -webkit-linear-gradient(bottom, #c9c3bb 0%, #dbd7d1 100%);
background-image: linear-gradient(bottom, #c9c3bb 0%, #dbd7d1 100%); }
ul.selectpaymentmethod li label h3 {height:70px;text-align:center;font-size:16px;padding:0;margin:0;color:#000;font-size:20px;}
ul.selectpaymentmethod li.paypal label h3 {text-indent:-9000px;background:url(../images/paypal.png) no-repeat 50% 100%;}
ul.selectpaymentmethod li.paysafecard label h3 {text-indent:-9000px;background:url(../images/paysafecard.png) no-repeat 50% 100%;}
ul.selectpaymentmethod li.winbank label h3 {text-indent:-9000px;background:url(../images/winbank.png) no-repeat 50% 100%;}
ul.selectpaymentmethod li input {display:none;}

ul.selectpaymentmethod li label:after {display:block;content:"";position:absolute;bottom:10px;
	left:calc(50% - 13px);width:27px;height:27px;background:url(../images/radio.png) 50% no-repeat;}
ul.selectpaymentmethod li label:hover:after {background-image:url(../images/radio_checked.png);}
ul.selectpaymentmethod li input:checked+label:after {background-image:url(../images/radio_checked.png);}
ul.selectpaymentmethod li input:checked+label {
	background-image: -moz-linear-gradient(bottom, #e5dfd6 0%, #f9f5f1 100%);
	background-image: -o-linear-gradient(bottom, #e5dfd6 0%, #f9f5f1 100%);
	background-image: -webkit-linear-gradient(bottom, #e5dfd6 0%, #f9f5f1 100%);
	background-image: linear-gradient(bottom, #e5dfd6 0%, #f9f5f1 100%);
}

div.terms {background-color:#fff;height:80px;overflow-y:scroll;padding:20px;
	color: #67594a;font-family: "Roboto";font-size: 12px;font-weight: 300;}

span.checkterms {display:block;float:right;padding:10px 0;line-height:18px;
	color: #f1e0c9;font-family: "Roboto";font-size: 12px;font-weight: 400;
	cursor:pointer;}
span.checkterms input {display:none;}
span.checkterms label {cursor:pointer;}
span.checkterms label span {display:inline-block;vertical-align:middle;
	height:18px;width:18px;margin-right:5px;background:url(../images/check.png);}
span.checkterms label:hover span {background:url(../images/check_checked.png);}
span.checkterms input:checked+label span {background:url(../images/check_checked.png);}
span.checkterms label em {font-weight:400;font-style:normal;}

p.clicktoprocceed {text-align:center;padding:30px 80px 10px;color: #f1e0c9;font-family: "Roboto";font-size: 12px;font-weight: 400;}


@media only screen  and (max-width: 800px){
	ul.selectpaymentmethod li.paypal label h3 {background-size:100% auto;}
	ul.selectpaymentmethod li.paysafecard label h3 {background-size:100% auto;}
	ul.selectpaymentmethod li.winbank label h3 {background-size:100% auto;}
}

@media only screen  and (max-width: 600px){
	div.footerwrap ul.social {float:none;max-width:250px;margin:0 auto;}
	div.footerwrap ul.footermenu {clear:both;margin:30px 0 0 0;text-align:center;}
	div.footerwrap {text-align:center;}
	div.footerwrap a.gravity {float:none;max-width:100%;text-align:center;}


}

