@aharset "utf-8";
/* CSS Document */


html, body {
margin: 0;
vertical-align: baseline;
background: transparent;

    font-family:Arial, Helvetica, sans-serif;
    background-color:#ffcd00;
}
.wrapper {
    width:100%;
    margin: 0 auto;}
    
.clear-both {clear:both;}
.desktop {display:table;}
.mobile {display:none;}

/* we use a lot of ULs that aren't bulleted. 
    don't forget to restore the bullets within content. */
ul {list-style: none;}

/* header */
.header_main {
    border-bottom:1px solid #fff000;
    background: #353535; /* Old browsers */
    height: 126px;
background: -moz-linear-gradient(top,  #353535 0%, #353535 16%, #292929 55%, #242424 88%, #0f0f0f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(16%,#353535), color-stop(55%,#292929), color-stop(88%,#242424), color-stop(100%,#0f0f0f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #353535 0%,,#353535 16%,#292929 55%,#242424 88%,#0f0f0f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #353535 0%,#353535 16%,#292929 55%,#242424 88%,#0f0f0f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #353535 0%,#353535 16%,#292929 55%,#242424 88%,#0f0f0f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #353535 0%,#353535 16%,#292929 55%,#242424 88%,#0f0f0f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7622', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
    margin:0 auto; padding:0 0 10px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.5);}

.header_space {height:6px;}
.header_space2 {height:12px;}

.header_wrapper {
    max-width:960px;
    text-align: center;
    width:100%;
    margin:0 auto;}

.header_content {
    margin:0 auto;
    width:100%; }
    
/* shadow */
.shadow {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}

.shadow2 {
    height:10px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}

/* main */
.main {
    background: #ffcd00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffde00 0%, #ffcd00 20%, #ffae00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffde00), color-stop(20%,#ffcd00), color-stop(100%,#ffae00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffde00 0%,#ffcd00 20%,#ffae00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffde00 0%,#ffcd00 20%,#ffae00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffde00 0%,#ffcd00 20%,#ffae00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffde00 0%,#ffcd00 20%,#ffae00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffae00',GradientType=0 ); /* IE6-9 */
    margin:0 auto;
    height:100%;}

.texturebg {
    background-image:url(https://f-pinid.a.ssl.fastly.net///images/en/default/2015/sprites_maingamebg.png);
    background-position:top center;
    background-repeat:no-repeat;
    height:100%;}

.main_wrapper {
    max-width:960px;
    margin:0 auto;}

.menubar {    
    max-width:960px;
    margin:0 auto;
    width:100%;}

.therest {
    max-width:940px;
    margin:0 auto;}

.main-nav {
    max-width:960px;
    text-align:center;
    margin:0 auto;
    border:1px solid #fff000;
    border-radius:12px;
    background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top,  #fff000 0%, #ffcd00 35%, #ffae00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff000), color-stop(35%,#ffcd00), color-stop(100%,#ffae00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff000 0%,#ffcd00 35%,#ffae00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff000 0%,#ffcd00 35%,#ffae00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff000 0%,#ffcd00 35%,#ffae00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff000 0%,#ffcd00 35%,#ffae00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff000', endColorstr='#ffae00',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.2);    }

.btn1 {
    width:180px;
    height:40px;
    vertical-align:text-top;
    text-decoration:none;
    cursor:pointer;
    display:inline-block;
    border:1px solid rgba(0, 0, 0, 0.0);
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#353535;
    font-weight:bold;
    line-height:42px; /* where the magic happens */}

.es .btn1, .fr .btn1, .pt .btn1 { font-size:13px; }

.btn1:hover, .btn1:focus .btn1:active {
    border: 1px solid #fff000;
    background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top,  #ff0000 0%, #c70000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#c70000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff0000 0%,#c70000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff0000 0%,#c70000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff0000 0%,#c70000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff0000 0%,#c70000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#c70000',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0 4px 4px 2px #cc0000;
    -webkit-box-shadow: inset 0 4px 4px 2px #cc0000;
    -moz-box-shadow: inset 0 4px 4px 2px #cc0000;    
    color:#ffffff;}

.main-nav.ru a { font-size: 90%; }

.btn1 img {width:100%; height:auto;}

.main_content {
    margin:0 auto;
    max-width:960px;
    display:table;}
    
.headerandnav {float:left; padding:0 8px 0 0;}
.headerad728 {background-color:#000; width:746px; display: inline-block; margin: 0 auto;}
.headerad728 .ad-tag {padding:0 0 0 4px; float:left;}
.headerad728 .ad-tag img {width:90%;height:auto; padding: 3px 2px 0 0;}
.middle {display:none;}
.middle2 {display:table;}

#banner_header .advertisement-label, .banner-wrapper .advertisement-label{
    background: url(https://f-pinid.a.ssl.fastly.net///images/en/default/2015/728x90adtag.png) top left no-repeat;
    float:left;
}
#top-ad-desktop .banner-wrapper{
    float:right;
}
.header_content .advertisement-label{height:2px !important;} /* avoid labels clashing in responsive header */

.pulldownbtn {width:34px; height:34px; float:left; margin:0;}
#pulldown { left: 0px; background: url(https://f-pinid.a.ssl.fastly.net///images/en/default/2015/sprites_pulldown.png) 0 0;}
#pulldown:hover { left: 0px; background: url(https://f-pinid.a.ssl.fastly.net///images/en/default/2015/sprites_pulldown.png) 0 -34px;}

#adsense {width:100%; max-width:730px; margin:16px auto 7px; text-align:center;}

.middle {display:table !important;}
.middle2 {display:none !important;}
.main-nav {width:960px !important;}
    
@media only screen and (max-width:1200px) {
    .mobile {display:none !important;}
    .middle {display:table !important;}
    .middle2 {display:none !important;}
    .main-nav {width:960px !important;}
}
    
@media only screen and (max-width:980px) {
    .desktop {display:none !important;}
    .mobile {display:table !important;}
    .header_main {height:156px !important;}
    .header_space {height:9px !important;}
    #adsense {width:100%; max-width:620px; margin:16px auto 12px;}
    .main-nav {width:80% !important;}
    .btn1 {width:90% !important;}
}

@media only screen and (max-width:756px) {
    .headerad728 {display:none !important;}
    .header_main {height:60px !important;}
    .header_space {height:9px !important;}
}

/* =========== GLOBAL RESPONSIVE HEADER BEGIN ========== */
/* blackbar (header) */
#blackbar_main {
    border-bottom:1px solid #ff0;
    background:#000;
    margin:0 auto;
    padding:10px 0;
    height:24px; }

/* wraps to keep floats / absolutes in order */
.blackbar_wrap1{ max-width: 940px; margin: 0px auto; }
.blackbar_wrap2{ padding: 0px; position: relative; z-index: 500; }

ul#blackbar_menu {
    max-width:940px;
    margin:0 auto;
    padding:0 8px;
    height:24px; 
    overflow:hidden; }

#blackbar_forms {
    height:24px; 
    width:20%;
    float:left;
    text-align:left;
    padding-top:2px;}
#blackbar_forms select#change-language { width:150px;}

#blackbar_welcome {
    font: bold 16px/23px Arial, Helvetica, sans-serif; color:#fff;
    width:60%;
    float:left;
    text-align:center;
    padding: 0; }

#blackbar_links {
    width:20%;
    height:24px; 
    float:right;
    text-align:right;
    white-space:nowrap; }

#blackbar_links .login {
    font: bold 14px/23px Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;} 
#blackbar_links .login:hover { color:#dfdfdf; text-decoration:underline;}
#blackbar_links .login:active { color:#dfdfdf;}


/* ACCOUNT DROPDOWN BEGIN */

.dropdown {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: right;
}

.dropdown li { float: none; }

.dropdown a { 
    color: #fff; text-decoration: none; }
.dropdown-toggle:hover { 
    color: #d8d8d8;  text-decoration: underline;}
.dropdown-toggle:visited { 
    color: #fff; text-decoration: none; }
.dropdown-toggle:active { 
    outline: 0; color: #d8d8d8; }

.caret {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    content: "\2193";
}

.dropdown-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    right: 0px;
    z-index: 500;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    *width: 160px;
    padding: 4px 0;
    margin: 10px 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 5px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
    *width: 100%;
    *margin: -5px 0 5px;
}

.dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #282828;
}

.dropdown.open { 
    *z-index: 500; }
.dropdown.open .dropdown-menu { 
    display: block; }
.dropdown-toggle:active, .open .dropdown-toggle { 
    color: #d8d8d8; outline: 0; }
.dropdown.open .dropdown-toggle:hover { 
    color: #d8d8d8; text-decoration:none; } 

/* ACCOUNT DROPDOWN END */

/*  global header language provisions, so to keep it on one line */

.pt #blackbar_links .login, .pt #blackbar_links .dropdown-toggle { font-size:85%;} 
.fr #blackbar_links .login, .fr #blackbar_links .dropdown-toggle { font-size:90%;} 
.fr #blackbar_welcome span { font-size:85%;} 

@media only screen and (max-width:750px) {
    #blackbar_forms {width:50%;}
    #blackbar_welcome {display:none;}
    #blackbar_links {width:50%;}
    #blackbar_links .login {font-size:12px;}
    .pt #blackbar_links .login, .pt #blackbar_links .dropdown-toggle { font-size:85%;} 
    .fr #blackbar_links .login, .fr #blackbar_links .dropdown-toggle { font-size:90%;} 
}
@media screen and (max-width: 640px){
    /* #adsense {width:100%; max-width:310px; padding:16px 0 12px 0;} */
    #adsense {width:100%; max-width:310px; margin:16px auto 12px;}
}
@media screen and (max-width: 320px){
    #blackbar_main{ padding-top: 8em; }
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* =========== GLOBAL RESPONSIVE HEADER END ========== */

.hidden{display:none !important}