/* ------ TEMPLATE ------ */

html, body {
	background-color: #13070a;
	margin: 0;
	padding: 0;
	font-family: Georgia, Helvetica, Arial, Verdana, Sans serif;
}

div.external {
	background-image: url('../../img/web2/template/site-bg.gif');
	background-repeat: repeat-x;
}

div.cookies-policy {
  background-color: #280f16;
    border-bottom: 2px solid #8c7958;
    padding: 0 0 5px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

body div.cookies-policy h2 {
	width: 970px;
	margin: 0 auto;
	font-size: 1.8em !important;
	padding: 5px 0 0 0;
}

div.cookies-policy p {
	width: 970px;
	margin: 5px auto;
	color: #b8a375;
	font-size: 0.7em;
}


div.cookies-policy p a:link, div.cookies-policy p a:visited {
	color: #e6dcc7;
}

div.cookies-policy p a:hover, div.cookies-policy p a:focus {
	text-decoration: none;
}

div.main {
	width: 970px;
	margin: 0 auto;
}

h1 {
	display: none;
}

h2 {
	font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
	font-size: 2.3em;
	color: #b8a375;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 20px 0;
}

div.header {
	height: 300px;
}

div.header div.left {
	float: left;
	width: 650px;
}

div.header div.left a img {
	border: 0;
}

div.header div.right {
	float: right;
	width: 304px;
	background-color: #13070a;
	padding: 0 0 0 10px; 
}

div.header div.right div.platforms {
	padding-bottom: 5px;
}

div.header div.right div.platforms * {
	vertical-align: middle;
	margin: 10px 0 0 0;
}

div.header div.right div.platforms img.platform {
	margin: 14px 20px 0 0px;
}

div.header div.right div.platforms a img {
	border: 0;
}

div.header div.right div.site-languages {
	text-align: right;
	padding: 20px 15px 0 0;
	float: right;
}

div.header div.right div.site-languages a:link, div.header div.right div.site-languages a:visited {
	border: 2px solid #13070a;
	height: 15px;
	display: inline-block;
}

div.header div.right div.site-languages a:hover, div.header div.right div.site-languages a:focus {
	border: 2px solid #f5ebd4;
	height: 15px;
}

div.user-box {
	background-image: url('../../img/web2/profile/user-box.gif'); 
	background-repeat: no-repeat;
	padding: 30px 0 0 70px;
	margin: 38px 0 0 0;
	height: 80px;
}

div.not-signed {
	background-image: url('../../img/web2/profile/user-box-not-signed.gif'); 
}

div.user-box div.user-name {
	color: #f5ebd4;
	font-style: italic;
	font-size: 1.4em;
}

div.user-box div.user-links {
	color: #b8a375;
	font-size: 1.1em;
	padding: 5px 0 0 0;
}

div.user-box div.user-links a:link, div.user-box div.user-links a:visited {
	color: #b8a375;
}

div.user-box div.user-links a:hover, div.user-box div.user-links a:focus {
	text-decoration: none;
}

div.main-menu {
	border-bottom: 1px solid #726345;
	padding: 26px 0 5px 0;
	margin: 0 28px 0 0;
}

div.main-menu ul {
	margin: 0;
	padding: 0;	
}

div.main-menu ul li {
	display: inline;
	font-family: BirchStdRegular, Georgia, Sans serif;
	font-size: 2.3em;
}

div.main-menu ul li a:link, div.main-menu ul li a:visited {
	color: #f5ebd4;
	text-decoration: none;
	margin: 0 30px 0 0;
}

div.main-menu ul li a:hover, div.main-menu ul li a:focus {
	color: #b8a375;
}

div.main-menu ul li a.selected:link, div.main-menu ul li a.selected:focus, div.main-menu ul li a.selected:visited, div.main-menu ul li a.selected:hover {
	color: #b8a375;
}

div.main-menu ul li a.last-element:link, div.main-menu ul li a.last-element:focus, div.main-menu ul li a.last-element:visited, div.main-menu ul li a.last-element:hover {
	margin: 0 0 0 0 !important;
}

div.footer {
	border-top: 1px solid #726345;
	padding: 0 0 25px 0;
	font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
	font-size: 2em;
	color: #b8a375;
	padding: 20px 0 20px 0;
        text-align:center;
}

div.footer a.contact {

}

div.footer img {
	margin: 0 10px 0 0;
}

div.footer a:link, div.footer a:visited {
	color: #f5ebd4;
	text-decoration: none;
	margin: 0 46px 0 0;
}

div.footer a:hover, div.footer a:focus {
	color: #f5ebd4;
}

div.footer a:hover, div.footer a:focus {
	color: #b8a375;
}

div.footer * {
	vertical-align: middle;
}

div.footer div.logo-tgk {
	text-align: center;
	margin: 30px 0 40px 0;
}

div.cleaner {
	clear: both;
	line-height: 1%;
}

a.button:link, a.button:visited {
	font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
	font-size: 1.9em;
	color: #ffffff;
	background-color: #726345;
	width: 274px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	width: 178px;
	display: inline-block;
	text-align: center;
	outline: 0;
	text-decoration: none;
	height: 30px;
	padding: 0 0 5px 0;
}

a.button:hover, a.button:focus {
	background-color: #887857;
	color: #ffffff;
}

a.important-button:link, a.important-button:visited {
	font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
	font-size: 2.7em;
	background-color: #726345;
	color: #ffffff;
	text-decoration: none;
	width: 274px;
	padding: 6px 0 6px 0;
	display: inline-block;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.important-button:hover, a.important-button:focus {
	background-color: #887857;
	color: #ffffff;
}

div.popup-bg {
	background-image: url('../../img/web2/template/popup-bg.png');
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	background-position: top;
	top:0;
	left: 0;
          z-index: 1000;
}

div.crow {
	position: absolute;
	top: 46px;
	display: none;
}

h3.funding-header {
font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
font-size: 2.3em;
color: #ffffff;
font-weight: normal;
margin: 0;
}

.meter {
height: 20px;
position: relative;
background: #280f16;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
padding: 10px;
border: 1px solid #ad996e;
}

.meter > span {
display: block;
height: 100%;
border-top-right-radius: 8px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background-color: #3c5401;
position: relative;
overflow: hidden;
text-align: right;
font-size: medium;
color: #ffffff;
}

.frmRegName
{
display:none;
}

.message-profile
{
    	font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
	font-size: 2.7em;
	background-color: #726345;
	color: #ffffff;
	text-decoration: none;
	margin-bottom:10px;
	padding: 6px 10px 6px 10px;
	display: inline-block;


}

.message-profile a
{
	color: #ffffff;
}

/* FACEBOOK BUTTON */

div.facebook-login {
 margin: 10px 0 0 0;
 border-top: 1px solid #726345;
 padding: 10px 0 0 0;
 text-align: center;
}

div.facebook-login p {
 color: #5073af;
 margin: 0 0 10px 0 !important;
 display: block;
}

.register-in-facebook-btn {
 background-color: #466194;
 background-image: url('../../img/web/facebook-btn-icon-bg.gif');
 background-repeat: no-repeat;
 background-position: 10px;
 color: #ffffff;
 font-family: BirchStdRegular, Georgia, Arial, Verdana, Sans serif;
 font-size: 2em;
 text-decoration: none;
 width: 220px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 text-align: left;
 padding: 9px 0 9px 45px;
 border: 0;
 cursor: pointer;
 outline: 0;
 margin: 0 auto 10px;
}

.register-in-facebook-btn:hover {
 background-image: url('../../img/web/facebook-btn-icon-bg-hover.gif');
 background-color: #5073af;
 outline: 0;
}

.privacy_policy
{
     color: #B8A375;
}

.fb-message
{
     color: #FFF;
}

.fb-message a
{
     color: #B8A375;
}

#auth_fb .facebook-login
{
border:0px;
}


div.popup-sign-in .european-store {
background-color: #7F6B44;
background-image: url("../../img/web2/template/btn-bg.gif");
background-position: center bottom;
background-repeat: repeat-x;
border: 0 none;
border-radius: 10px;
color: #FFFFFF;
cursor: pointer;
display: block;
font-family: BirchStdRegular,Georgia,Arial,Verdana,Sans serif;
font-size: 30px;
margin: 10px auto;
outline: 0 none;
padding: 6px 0;
text-align: left;
text-decoration: none;
width: 170px;
}

div.popup-sign-in .us-store {
background-color: #7F6B44;
background-image: url("../../img/web2/template/btn-bg.gif");
background-position: center bottom;
background-repeat: repeat-x;
border: 0 none;
border-radius: 10px;
color: #FFFFFF;
cursor: pointer;
display: block;
font-family: BirchStdRegular,Georgia,Arial,Verdana,Sans serif;
font-size: 30px;
margin: 10px auto;
outline: 0 none;
padding: 6px 0;
text-align: left;
text-decoration: none;
width: 170px;
}

#choose_store h2
{
      font-size: 54px;
}

.us-store img
{
  padding: 0 8px;
    vertical-align: middle;
}

.european-store img
{
    padding: 0 8px;
    vertical-align: middle;
}

.store-banner
{
    margin-top: 20px;
}

.img-store
{
border-bottom: 1px solid #726345;
}


#choose_store .popup-sign-in {
    background-color: #13070A;
    border: 2px solid #726345;
    margin: 10% auto 0;
    padding: 19px 45px 0px;
    width: 378px;
}


div.progress-baar .total {
    color: #FFFFFF;
    float: right;
    margin-top: -26px;
}


.register-in-twitter-btn {
    background-color: #00b0ed;
    background-image: url("../../img/web/twitter-login-icon.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: BirchStdRegular,Georgia,Arial,Verdana,Sans serif;
    font-size: 2em;
    margin: 0 -80px 5px 3px;
    outline: 0 none;
    padding: 9px 0 9px 45px;
    text-align: left;
    text-decoration: none;
    width: 220px;
}

.register-in-twitter-btn:hover {
 background-image: url('../../img/web/twitter-login-icon.gif');
 background-color: #00b0ed;
 outline: 0;
}


.soundtrack_div
{
 border: 1px solid #48392C;
    float: right;
    margin-top: 20px;
}

.colectorstrailer
{

border: 1px solid #403532;
width: 520px;
height: 300px;
margin-bottom:40px;
}

.tutorial li
{
	margin-bottom:10px;
}

.translation_separator
{
clear:both;
color:#b8a375;
font-size:20px;
border-bottom:1px solid #b8a375;
margin-bottom:10px;
padding-bottom:10px;
}

.rate_widget {
    border:     0px solid #CCC;
    overflow:   visible;
    padding:    10px;
    position:   relative;
    width:      180px;
    height:     32px;
}
.community_language_container .ratings_stars {
    background: url('../../img/web/star_empty.png') no-repeat;
    float:      left;
    height:     28px;
    padding:    2px;
    width:      32px;
}
.community_language_container .ratings_vote {
    background: url('../../img/web/star_full.png') no-repeat;
}
.community_language_container .ratings_over {
    background: url('../../img/web/star_highlight.png') no-repeat;
}


.languages .rate_widget .ratings_stars {
    //background: url('../../img/web/star_empty2.png') no-repeat;
    float: left;
    height: 17px;
    padding: 2px;
    width: 19px;
}
.languages .rate_widget .ratings_vote {
    background: url('../../img/web/star_full2.png') no-repeat;
}
.languages .rate_widget .ratings_over {
 //   background: url('../../img/web/star_highlight2.png') no-repeat;
}

.total_votes {
    background: #eaeaea;
    top: 58px;
    left: 0;
    padding: 5px;
    position:   absolute;  
} 

.total_votes
{
display:none;

}

.community_language_container {
    color: #f5ebd4;
    display: block;
    text-align: center;
    width: 650px;
    font-size: 19px;
}

.community_language_container .rate_widget {
    margin: 10px auto;
}


.languages .rate_widget {
    border: 0 solid #ccc;
    height: 17px;
    margin-left: 40px;
    margin-top: 5px;
    padding: 0;
}

.languages .rate_widget .ratings_stars {
    padding: 0;
    
}

.ratings_stars
{
    cursor:pointer;
}


.social_header {
    float: right;
    margin-right: 14px;
    margin-top: 18px;
}
.social_header img {
   border:1px solid #13070A;
}
.social_header img:hover {
   border:1px solid #f5ebd4;
}

#parallax
{
	position: relative;
	height: 1510px;
	z-index: 10;

}

.parallax_layer
{
	background-position: bottom center;
	background-size: 1968px 1018px;
	background-repeat: repeat-x;
	position: fixed;
	height: 1018px;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#main-container.touch .parallax_layer
{
	position: absolute;
}

#layer-0 { background-image: url("../../img/web3/panorama_paralax/background.gif"); }
#layer-1 { background-image: url("../../img/web3/panorama_paralax/panorama_1.gif"); }
#layer-2 { background-image: url("../../img/web3/panorama_paralax/panorama_2.gif"); }
#layer-3 { background-image: url("../../img/web3/panorama_paralax/panorama_3.gif"); }
#layer-4 { background-image: url("../../img/web3/panorama_paralax/panorama_4.gif"); }
#layer-5 { background-image: url("../../img/web3/panorama_paralax/panorama_5.gif"); }

#layer-6 {
    background-color: transparent;
    background-image: url("../../img/web3/panorama_paralax/panorama_7.gif");
    background-position: center top;
    background-repeat: no-repeat;
    background-position: center top, center bottom;
    background-repeat: repeat-x;
    height: 1018px;
    top: 200px;
}

body 
{
  background-attachment: fixed;
  background-color: #13070A;
  margin: 0;
  color: #fff;
}

div#main {
    margin-left: auto;
    margin-right: auto;
    margin-top: -520px;
    border-bottom: 50px solid #13070B;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    z-index: 15;
}

h2#logo {
    background-image: url("../../img/web3/panorama_paralax/TLD-logo.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 771px 449px;
    height: 771px;
    padding-top: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
    z-index: 12;
}

/*#home_login {
    padding-top: 0;
    position: absolute;
    top: 400px;
    width: 100%;
    z-index: 12;
    text-align: center;
    font-size: small;
    color: #13070B;
}*/

div.login-register-home {
    color: #FFFFFF;
    font-family: BirchStdRegular,Georgia,Arial,Verdana,Sans serif;
    font-size: 2em;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 12;
    margin: 20px 25px 0 0;
    padding: 10px 20xpx;
}

div.login-register-home a:link, div.login-register-home a:visited {
    color: #F7D456;
    text-decoration: underline;
}

div.login-register-home a:hover, div.login-register-home a:focus {
    text-decoration: none;
    color: #F7D456;
}


 .sel_android img
{
     width: 150px;
   
}

.sel_ios img
{
     width: 150px;
    
}

.tld_logo-footer
{
    vertical-align: bottom !important;
    margin-right: 20px;
}

.social_icon {
    margin-right: 0 !important;
}

.copyright 
{
  text-align: center;
  margin-top: 70px;
  color:#aa966c;
}

.home-footer
{
    border-bottom: 1px solid #584c48;
    padding-bottom:30px;
}

.screenshots-home
{
    margin-top:30px;
    text-align: center;
}


div.faq p {
    color: #ad996e;
}

div.faq a {
    color: #f5ebd4;
}

div.faq h3 {
     color: #f5ebd4;
    font-family: BirchStdRegular,Georgia,Arial,Verdana,Sans serif;
    font-size: 1.9em;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0;
}



////MOBILE STILES
/* For iphone: */
@media screen and (max-width : 320px){
      
    div.main {
        margin: 0 auto;
        width: 100%;
    }
    
    .slideshow img
    {
        width: 100%;
    }
    
    .slideshow
    {
        display:none !important;
    }
  
} 

/* For mobile : like samsung grand(480 * 800): */
@media screen and (max-width : 500px){
      
    div.main {
        margin: 0 auto;
        width: 100%;
    }
    
    .slideshow img
    {
        width: 100%;
    }
    
    .slideshow
    {
        display:none !important;
    }
    
    
    h2#logo {
       
       background-size: 100% auto;
      
    }
    
    .sel_mobile_bt img
    {
        width: 100%;
        margin-bottom: 10px !important
       
    }
    
    .sel_android img
    {
         width: 60% !important;
         margin:0 auto;
    }
    
    .sel_ios img
    {
         width: 60% !important;
         margin:0 auto;
    }
    
    .steam-desktop
    {
        display:none;
    }
    
    .steam-mobile
    {
        display:block !important;
    }
    
    .steam_content_mobile h3
    {
        padding: 0px !important;
        text-align: center !important;
    }
    
    .steam_content_mobile h4
    {
        padding: 0px !important;
        text-align: center !important;
    }
    
    .steam_content_mobile img
    {
        width: 100% !important;
    }
    
    .steam_content_mobile ul li
    {
       text-align:left;
       color:#f5ebd4;
    }
    
     .steam_content_mobile ul
    {
        margin-left:50px;
    }
    
    .menu_footer .footer_link 
    {
        clear: both;
        display: block;
    }
}




/* For ipad: */
@media screen and (max-width : 800px){
    
    div.main {
        margin: 0 auto;
        width: 100%;
    }
    
    .slideshow img
    {
        width: 100%;
    }
      
    h2#logo {
        background-size: 100% auto;
    }
    
    .game_description2
    {
        padding:10px !important;
    }
    
     .game_description3
    {
        padding:10px !important;
    }
    
    .game_description4
    {
        padding:10px !important;
    }
    
    .sel_browser_bt h4
    {
        padding:0px !important;
        text-align:center !important;
    }
    
    .sel_browser_bt h3
    {
        padding:0px !important;
        text-align:center !important;
    }
    
    
    .sel_browser_bt img
    {
        width: 100%;
    }
    
    .sel_mobile_bt img
    {
        width: 100%;
    }
    
    .sel_mobile_bt h4
    {
        padding:0px !important;
        text-align:center !important;
    }
    
    .sel_mobile_bt h3
    {
        padding:0px !important;
        text-align:center !important;
    }
    
    .sel_mobile_bt img
    {
        width: 80%;
        margin-bottom: 10px !important
       
    }
    
    .sel_android img
    {
         width: 60%;
         margin:0 auto;
    }
    
    .sel_ios img
    {
         width: 60%;
         margin:0 auto;
    }
    
    
    .home-footer {
        margin-top: 350px;
        text-align: center;
    }
    
    .tld_logo-footer 
    {
       clear: both !important;
       display: block;
       float: none !important;
       margin-bottom: 20px;
       margin-left: auto !important;
       margin-right: auto !important;
       margin-top: 0 !important;
    }
    
    
    
    .game_description
    {
     font-size:30px !important;  
    }
    
    .game-option
    {
        margin-bottom: 60px;
    }
    
    .mobile_separator 
    {
        display: block !important;
        margin-top: 40px;
    }
    
    .home-footer img {
        margin-bottom: 20px;
    }
    
}