@font-face {
    font-family: 'Conv_Arvo-BoldItalic';
    src: url('fonts/Arvo-BoldItalic.eot');
    src: local('☺'), url('fonts/Arvo-BoldItalic.woff') format('woff'), url('fonts/Arvo-BoldItalic.ttf') format('truetype'), url('fonts/Arvo-BoldItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.quotextext,
mark {
    font-style: italic
}

a,
hr {
    padding: 0
}

.da-thumbs,
.da-thumbs2,
.da-thumbs3,
.da-thumbs4,
.da-thumbs5,
nav ul,
ol,
ul {
    list-style: none
}

a,
nav li,
nav ul {
    margin: 0
}

.hidden,
.invisible {
    visibility: hidden
}

.clear_all,
.clearfix:after {
    clear: both
}

a,
a:active,
a:visited,
ins {
    text-decoration: none
}

.containerin,
.containerin2 {
    min-height: 500px;
    display: block;
    width: 940px
}

.closelokasi,
.lineblock4in_3IMG,
.noselect {
    -webkit-touch-callout: none
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins,
mark {
    background-color: #ff9;
    color: #464646
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

mark {
    font-weight: 700
}

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 #ccc;
    margin: 1em 0
}

input,
select {
    vertical-align: middle
}

button,
input,
select,
textarea {
    font: 99% open_sansregular
}

body,
code,
kbd,
pre,
samp {
    font-family: open_sansregular
}

a,
a:active,
a:hover,
a:visited,
body,
input,
select,
textarea {
    color: #464646
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
    font-weight: 700
}

html {
    overflow-y: scroll
}

a:active,
a:hover {
    outline: 0
}

ol,
ul {
    margin-left: 14px
}

ol {
    list-style-type: decimal
}

small {
    font-size: 85%
}

sub,
sup {
    font-size: smaller
}

td,
td img {
    vertical-align: top
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

textarea {
    overflow: auto
}

.ie6 legend,
.ie7 legend {
    margin-left: -7px
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.ie7 input[type=checkbox] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

button,
input[type=button],
input[type=submit],
label {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}


input:invalid,
textarea:invalid {
    border-radius: 1px;
    /* -moz-box-shadow: 0 0 5px red; */
    /* -webkit-box-shadow: 0 0 5px red; */
    /* box-shadow: 0 0 5px red */
}
input:invalid:focus:valid,
textarea:invalid:focus:valid {
    border-radius: 1px;
    /* -moz-box-shadow: 0 0 5px red; */
    /* -webkit-box-shadow: 0 0 5px red; */
    /* box-shadow: 0 0 5px red */
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

::-moz-selection {
    background: #464646;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #464646;
    color: #fff;
    text-shadow: none
}

a:link {
    -webkit-tap-highlight-color: #464646
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none
}

.visuallyhidden {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.margin5 {
    margin: 5px
}

.margin-top2 {
    margin-top: 2px
}

.margin10 {
    margin: 10px
}

.marginl20 {
    margin-left: 20px
}

.margint20 {
    margin-top: 20px
}

.arrowLeft,
.arrowRight {
    width: 12px;
    height: 21px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.marginb20 {
    margin-bottom: 20px
}

.marginl10 {
    margin-left: 10px
}

.do_left {
    float: left
}

.do_right {
    float: right
}

.noFont {
    font-size: 0
}

.arrowLeft {
    background: url(../images/arrow.png);
    left: 10px
}

.arrowRight {
    background: url(../images/arrow.png) -12px 0;
    right: 10px
}

.playvideobtn {
    width: 73px;
    height: 73px;
    background: url(../images/play_btn.png);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -37px;
    margin-top: -37px
}

body {
    color: #464646;
    /* background: url(../images/bg.jpg) top left #F9F9F9; */
	background: url(../images/bg2.jpg) top  #F9F9F9;
    font-size: 12px;
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
}

a:hover {
    color: #B40601
}

b,
strong {
    font-family: open_sanssemibold;
    font-weight: 400
}

.pagingblock {
    position: relative;
    width: 630px;
    height: 50px
}

.paging {
    padding: 5px 0;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.paging a,
.paging strong {
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
    padding: 1px 6px;
    width: 100px
}

.paging strong {
    background: url(../images/bgpagingactive.jpg) no-repeat #9a0f0f
}

.paging a {
    background: url(../images/bgpaging.jpg) no-repeat #464646
}

.paging a:hover,
.pagingx strong {
    background: url(../images/bgpagingactive.jpg) no-repeat #9a0f0f
}

.staffsbox td {
    padding: 10px 10px 10px 0
}

.staffsbox table {
    margin-bottom: 50px
}

.full {
    text-align: justify
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.justify {
    text-align: justify
}

.font10 {
    font-size: 10px
}

.font12 {
    font-size: 12px
}

.font14 {
    font-size: 14px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.higlights {
    color: #cc1543;
    font-size: 16px
}

.orangetext {
    color: #FC6
}

.redtext {
    color: #b40601
}

.goldtext {
    color: #a0750e
}

.pagingx {
    padding: 5px 2px;
    width: 100%;
    text-align: center
}

.pagingx a,
.pagingx strong {
    padding: 1px 6px;
    width: 100px;
    color: #FFF;
    font-size: 12px;
    line-height: 12px
}

.pagingx a {
    background: url(../images/bgpaging.jpg) no-repeat #464646
}

.pagingx a:hover {
    background: url(../images/bgpagingactive.jpg) no-repeat #9a0f0f
}

.iframebox1,
.iframebox2,
.iframebox3 {
    overflow: hidden;
    background: #363636
}

.iframebox1 {
    width: 940px;
    height: 90px
}

.iframebox2 {
    width: 460px;
    height: 112px
}

.iframebox3 {
    width: 300px;
    height: 265px
}

.roundedavatar IMG {
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;
    width: 48px;
    height: 48px
}

.header,
.wrapper {
    width: 100%;
    display: block
}

.wrapper {
    position: relative;
    height: 100%;
    min-width: 940px
}

.header {
    height: 63px;
    background: #b40601;
    position: fixed;
    z-index: 998
}

.headerblock {
    width: 940px;
    height: 63px;
    margin: 0 auto
}

.headerblock a,
.headerblock a:link,
.headerblock a:visited {
    color: #FFF
}

.headerblock a:hover {
    color: #dadada
}

.headerblock .logo {
    z-index: 9999;
    position: absolute;
    margin-left: -70px;
    width: 134px;
    height: 185px
}

.headerblock .userblock {
    color: #fff;
    font-family: quanticoregular;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 9px;
    margin-left: 170px;
    position: relative;
    text-align: right;
    width: 770px
}

.headerblock .menublock,
.slidertext {
    font-family: quanticobold
}

.lineblocktext,
.slidertext {
    text-align: center;
    text-shadow: 1px 1px 1px #000
}

.count-fb {
    margin: 0 7px 7px;
    position: relative;
    background: #fff;
    border: 1px solid #d6d6d6
}

.count-fb:after,
.count-fb:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.count-fb:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px
}

.count-fb:before {
    border-color: rgba(102, 102, 102, 0);
    border-right-color: #d6d6d6;
    border-width: 7px;
    margin-top: -7px
}

.headerblock .userblock a,
.headerblock .userblock a:active,
.headerblock .userblock a:link {
    color: #FFF
}

.headerblock .userblock a:hover {
    color: #dadada
}

.headerblock .menublock {
    margin-left: 173px;
    width: 767px;
    height: 42px
}

.headerblock .menublock ul {
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.headerblock .menublock .xmenu {
    float: left;
    padding: 10px;
    height: 22px
}

.headerblock .menublock .xmenu a {
    padding: 2px 8px;
    display: block;
    margin-bottom: 10px
}

.headerblock .menublock .xmenu ul {
    display: none;
    margin-left: -20px;
    position: absolute;
    z-index: 9999
}

.headerblock .menublock .xmenu li {
    font-size: 12px;
    border-bottom: 1px solid #464646;
    color: #959595;
    background: url(../images/trans_2.png)
}

.headerblock .menublock .xmenu li a,
.headerblock .menublock .xmenu li a:link,
.headerblock .menublock .xmenu li a:visited {
    line-height: 12px;
    color: #959595;
    display: block;
    padding: 10px 30px;
    margin: 0
}

.headerblock .menublock .xmenu li a.xmenuactive,
.headerblock .menublock .xmenu li a:hover {
    background: #111;
    color: #ebebeb
}

.downarr {
    background: url(../images/downarrow.png) no-repeat;
    width: 13px;
    height: 10px;
    margin-left: 40px;
    font-size: 0
}

.sliderblock,
.sliderchildin {
    background: #000;
    overflow: hidden
}

.container {
    width: 100%;
    padding-top: 63px
}

.containerin {
    margin: 0 auto 30px
}

.containerin2 {
    margin: 0 auto
}

.sliderblock {
    width: 940px;
    height: 520px;
    position: relative
}

.slidertext {
    text-transform: uppercase;
    width: 900px;
    color: #FFF;
    position: absolute;
    left: 0;
    bottom: 136px;
    z-index: 2;
    padding: 20px;
    font-size: 26px
}

.sliderchildin {
    text-shadow: 1px 1px 1px #000;
    width: 300px;
    height: 126px;
    margin-left: 10px;
    position: relative
}

.sliderchildin .sliderchildintext,
.sliderchildin:hover .sliderchildintext {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 10px 10px;
    z-index: 2;
    text-transform: uppercase
}

.sliderchildin .sliderchildintext {
    width: 290px;
    height: 106px
}

.sliderchildin .title {
    width: 280px;
    height: 94px;
    overflow: hidden;
    color: #e7af26;
    font-size: 13px;
    font-family: open_sansbold;
    line-height: 18px
}

.sliderchildin .next {
    width: 280px;
    height: 26px;
    overflow: hidden;
    color: #e7af26;
    font-size: 12px;
    font-family: quanticoregular
}

.slideXctive .next,
.slideXctive .title,
.sliderchildin:hover .next,
.sliderchildin:hover .title {
    color: #FFF
}

.sliderchildin .redblock {
    display: none
}

.slideXctive .redblock,
.sliderchildin .blackblock,
.sliderchildin:hover .redblock {
    display: block
}

.sliderchildin:hover .sliderchildintext {
    width: 290px;
    height: 106px
}

.blackblock,
.redblock {
    z-index: 1;
    height: 126px;
    width: 300px;
    position: absolute;
    top: 0;
    left: 0
}

.slideXctive .blackblock,
.sliderchildin:hover .blackblock {
    display: none
}

.blackblock {
    background: url(../images/gradbox.png)
}

.redblock {
    background: url(../images/transred.png)
}

.xgrey {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.slidelinkblock {
    display: block;
    height: 126px;
    width: 300px;
    position: absolute;
    z-index: 3
}

.gradsliders {
    background: url(../images/gradient_7.png) bottom left repeat-x;
    width: 940px;
    height: 520px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.lineblockin1,
.lineblockin2 {
    height: 131px;
    position: relative;
    width: 310px;
    float: left;
    overflow: hidden
}

.lineblock {
    margin-top: 10px
}

.lineblockin2 {
    margin-left: 5px
}


.lineblocktext {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 310px;
    font-family: quanticobold;
    font-size: 17px;
    color: #FFF;
    z-index: 2
}

.lineblock3_1_in1_text1,
.lineblock3_1_in1_text2,
.pov_next,
.pov_title {
    font-family: quanticoregular;
    color: #FFF
}

.lineblock3_1 {
    float: left;
    width: 540px;
    height: 456px;
    display: block
}

.lineblock3_1_in1 {
    position: relative;
    width: 540px;
    height: 324px;
    background: #252525;
    overflow: hidden
}

.lineblock3_1_in1_text {
    width: 540px;
    height: 75px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/trans_1.png);
    z-index: 2
}

.lineblock3_1_in1_text1 {
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14px
}

.lineblock3_1_in1_text2 {
    text-transform: uppercase;
    width: 530px;
    height: 40px;
    overflow: hidden;
    margin-left: 10px;
    font-size: 28px
}

.lineblock3_1_in2 {
    position: relative;
    width: 540px;
    height: 132px;
    background: #252525;
    overflow: hidden
}

.lineblock3_1_in2_nav {
    height: 40px;
    width: 540px;
    overflow: hidden
}

.lineblock3_1_in2_nav_1 {
    float: left;
    margin-left: 10px;
    margin-top: 10px
}

.pov_title {
    font-size: 14px
}

.pov_next {
    font-size: 10px
}

.pov_next a,
.pov_next a:link,
.pov_next a:visited {
    font-family: open_sansregular;
    color: #FFF;
    font-size: 10px
}

.lineblock3_1_in2_othersimg_title,
a.ytline {
    font-family: quanticoregular;
    text-align: center
}

.pov_next a:hover {
    color: #b40601
}

.lineblock3_1_in2_nav_2 {
    color: #FFF;
    float: right;
    margin-right: 10px;
    margin-top: 14px
}

.curxothers:hover .lineblock3_1_in2_othersimg_title,
.lineblock3_1_in2_othersimg_Link:hover~.lineblock3_1_in2_othersimg_title {
    color: #b40601
}

.lineblock3_1_in2_others {
    width: 540px;
    height: 80px;
    overflow: hidden
}

.curxothers {
    cursor: pointer
}

.curxothers IMG {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.curxothers:hover IMG {
    filter: none;
    -webkit-filter: none
}

.lineblock3_1_in2_othersimg {
    position: relative;
    font-size: 0;
    width: 96px;
    height: 80px;
    overflow: hidden;
    margin-left: 10px;
    float: left
}

.lineblock3_1_in2_othersimg_overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 80px;
    background: url(../images/gradient_1.png) bottom left repeat-x
}

.lineblock3_1_in2_othersimg_Link {
    display: block;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 80px
}

.lineblock3_1_in2_othersimg_Link:hover~IMG {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.lineblock3_1_in2_othersimg_title {
    font-size: 11px;
    margin: 5px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 76px;
    height: 30px;
    overflow: hidden;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    z-index: 2
}

.timelineLin1,
.timelineLin3 {
    font-size: 0;
    overflow: hidden;
    cursor: pointer
}

.xothersimg .xnorm {
    color: #b40601
}

.curxothers .xnorm {
    color: #FFF
}

.timelineL {
    width: 60px;
    float: left
}

.timelineLin1 {
    width: 60px;
    height: 50px;
    background: url(../images/arr_tml_top.png) bottom
}

.timelineLin1:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.timelineLin2 {
    width: 60px;
    height: 600px;
    position: relative;
    overflow: hidden
}

.timelineLinblock {
    position: absolute;
    top: 0;
    left: 0
}

a.ytline {
    display: block;
    width: 60px;
    height: 20px;
    background: #363636;
    line-height: 20px;
    color: #737373;
    padding: 15px 0
}

a.ytactive,
a:hover.ytline {
    background: #a0750e;
    color: #FFF
}

.timelineLin3 {
    width: 60px;
    height: 50px;
    background: url(../images/arr_tml_btm.png)
}

.timelineLin3:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.timelineR {
    width: 570px;
    height: 700px;
    position: relative;
    overflow: hidden;
    float: left
}

.timelineIMG {
    margin-top: -13px;
    margin-right: -20px;
    width: 228px;
    height: 140px;
    float: right
}

.Ryear {
    margin-top: 6px;
    margin-left: 30px;
    background: url(../images/smallarr.png) center right no-repeat;
    font-family: open_sansbold;
    line-height: 48px;
    font-size: 48px;
    width: 120px;
    float: left
}

.lineblock3_2_in1_21,
.lineblock3_2_in1_22 {
    font-family: quanticobold
}

.lineblock3_2_in1_1,
.lineblock3_2_in1_2 {
    font-size: 0;
    float: left
}

.RDesc {
    margin-top: 10px;
    width: 380px;
    float: left;
    margin-left: 20px;
    margin-right: 20px
}

.timelineRin {
    width: 570px;
    position: absolute;
    top: 0;
    left: 0
}

.timelineRitems {
    width: 570px;
    min-height: 140px;
    background: #ebebeb
}

.RitemsActive {
    background: #FFF
}

.RitemsActive .Ryear {
    color: #b40601
}

.topred {
    background: #b40601;
    margin-left: 10px;
    height: 3px;
    width: 260px
}

.lineblock3_2 {
    float: left;
    width: 380px;
    height: 456px;
    display: block;
    margin-left: 20px;
	background-color:#ebebeb;
}

.lineblock3_2_in1 {
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    width: 380px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.lineblock3_2_in1_in {
    width: 100000px;
    height: 50px;
    overflow: hidden;
    position: absolute
}

.lineblock3_2_in1_1 {
    width: 62px
}

.lineblock3_2_in1_21 {
    font-size: 30px;
    line-height: 30px;
    color: #898989
}

.lineblock3_2_in1_22 {
    font-size: 14px;
    line-height: 14px;
    color: #b40601;
    width: 316px;
    height: 14px;
    overflow: hidden
}

.lineblock3_2_in2 {
    background: #252525;
    margin-top: 10px
}

.lineblock3_2_in2_nav {
    height: 40px;
    width: 380px;
    overflow: hidden
}

.lineblock3_2_in2_nav_1 {
    float: left;
    margin-left: 10px;
    margin-top: 10px
}

.lineblock3_2_in2_nav_2 {
    color: #FFF;
    float: right;
    margin-right: 10px;
    margin-top: 14px
}

.lineblock3_2_in2_content {
    background: #ebebeb;
    width: 380px;
    height: 350px;
    overflow: hidden;
    padding-top: 4px
}

.lineblock3_2_in2_contentin {
    width: 380px;
    margin-top: 8px;
    height: 60px;
    overflow: hidden
}

.lineblock3_2_in2_contentin1 {
    margin-left: 10px;
    float: left;
    width: 92px;
    height: 60px;
    overflow: hidden;
    font-size: 0
}

.lineblock3_2_in2_contentin1 a span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.lineblock3_2_in2_contentin1 a {
    width: 92px;
    height: 60px;
    background: #252525;
    display: table
}

.lineblock4,
.lineblock5 {
    display: block;
    overflow: hidden
}

.lineblock3_2_in2_contentin2 {
    margin-left: 10px;
    float: left;
    width: 256px;
    height: 62px;
    overflow: hidden
}

.lineblock3_2_in2_contentin2_1 {
    color: #a0750e;
    font-size: 10px;
    height: 12px;
    line-height: 10px
}

.lineblock3_2_in2_contentin2_2 {
    color: #555;
    font-size: 11px
}

.lineblock4 {
    float: left;
    width: 300px;
    height: 265px;
    background: #363636
}

.lineblock4in_1 {
    width: 300px;
    background: #000;
    height: 32px;
    line-height: 14px
}

.lineblock4in_top1 {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 14px
}

.lineblock4in_top2 {
    color: #FFF;
    float: right;
    margin-right: 10px;
    margin-top: 14px;
    line-height: 10px
}

.lineblock4in_2 {
    width: 300px;
    height: 157px;
    line-height: 14px;
    position: relative
}

.lineblock4in_2in {
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 279px;
    height: 158px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 0;
    overflow: hidden;
    background: #000
}

.lineblock4in_3 {
    height: 58px;
    position: relative;
    width: 300px;
    margin-top: 7px
}

.lineblock4in_3in {
    width: 238px;
    height: 52px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.lineblock4in_3in_block {
    width: 496px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0
}

.lineblock4in_3IMG {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 52px;
    height: 52px;
    float: left;
    text-align: center;
    margin-right: 10px;
    font-size: 0;
    overflow: hidden;
    background: #000
}

.campaignIMG,
.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none
}

.lineblock4in_3IMG IMG {
    height: 52px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.lineblock4in_3IMG.imgXctive IMG,
.lineblock4in_3IMG:hover IMG {
    height: 52px;
    filter: none;
    -webkit-filter: none
}

.dropdwboxin select,
.styledselin select {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0
}

.lineblock4in_4 {
    width: 300px;
    height: 233px;
    line-height: 15px;
    position: relative
}

.lineblock5in_1,
.lineblock5in_2 {
    line-height: 14px
}

.lineblock4in_4_1 {
    background: #000;
    margin: 10px;
    width: 280px;
    height: 158px;
    text-align: center
}

.lineblock4in_4_2 {
    margin: 0 10px 10px;
    color: #FFF;
    height: 46px;
    width: 280px;
    overflow: hidden
}

.lineblock5,
a.perLINK {
    height: 120px;
    width: 460px
}

.lineblock5 {
    float: left;
    background: #363636;
    position: relative
}

a.perLINK {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.lineblock5in_1 {
    width: 460px;
    background: #000;
    height: 32px
}

.lineblock4in_3result,
.lineblock5in_2,
.lineblock5in_2in {
    width: 460px;
    height: 88px;
    position: relative
}

.lineblock5in_top1 {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 14px
}

.lineblock5in_2in {
    font-size: 0
}

.lineblock4in_3result {
    overflow: hidden
}

.lineblock4in_3result_item {
    float: left;
    width: 440px;
    height: 68px;
    font-size: 12px;
    margin: 10px
}

.lineblock4in_3result_item .res_date {
    font-family: open_sansbold;
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
    height: 24px
}

.lineblock4in_3result_item .res_title {
    font-family: open_sanslight;
    color: #FFF;
    font-size: 15px;
    line-height: 15px;
    width: 440px;
    height: 17px;
    overflow: hidden
}

.lineblock4in_3result_item .res_more {
    margin-top: 8px;
    color: #FFF
}

.lineblock4in_3result_item .res_more a,
.lineblock4in_3result_item .res_more a:link,
.lineblock4in_3result_item .res_more a:visited {
    color: #edab23;
    text-decoration: underline;
    font-size: 10px
}

.lineblock4in_3result_item .res_more a:hover {
    color: #b40601
}

.lineblock5in_2user {
    margin-top: 17px;
    margin-left: 10px
}

.lineblock5in_2user .lineblock5in_2userIMG {
    cursor: pointer;
    width: 52px;
    height: 52px;
    overflow: hidden;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px
}

.xlineblock5in_2user {
    margin-top: 4px;
    margin-left: 10px
}

.xlineblock5in_2user IMG {
    width: 52px;
    height: 52px
}

.xlineblock5in_2user .xlineblock5in_2userIMG {
    cursor: pointer;
    width: 52px;
    height: 52px;
    overflow: hidden;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px
}

.lineblock6 {
    width: 940px
}

.lineblock6_1 {
    background: #18273d;
    float: left;
    width: 460px
}

.lineblock6_00 {
    margin: 10px;
    width: 420px;
    height: 54px
}

.lineblock6_11 {
    font-size: 0;
    height: 54px;
    float: left
}

.lineblock6_12 {
    float: left;
    height: 54px;
    padding: 0 15px 0 10px;
    color: #FFF;
    width: 243px
}

.lineblock6_12_1 {
    margin-top: 5px;
    font-family: open_sansbold;
    font-size: 16px
}

.lineblock6_12_2 {
    font-family: open_sanslight;
    font-size: 16px
}

.lineblock6_13 {
    float: left;
    position: relative;
    height: 54px
}

a.btnFOLLOW,
a.btnLIKE {
    padding: 5px 0;
    width: 100px;
    position: absolute;
    bottom: 0;
    font-family: quanticobold;
    font-size: 14px;
    text-align: center
}

a.btnLIKE {
    background: #365d98;
    border: 2px solid #153c76;
    color: #FFF
}

a:hover.btnLIKE {
    color: #B40601
}

a.btnFOLLOW {
    background: #3aafc2;
    border: 2px solid #1a6470;
    color: #FFF
}

a:hover.btnFOLLOW {
    color: #B40601
}

.lineblock6_2 {
    background: #07333a;
    float: left;
    margin-left: 20px;
    width: 460px
}

.HeadImages,
.HeadImages2 {
    font-size: 0;
    width: 940px;
    background: #FFF;
    display: block;
    position: relative;
    overflow: hidden
}

.HeadImages {
    height: 400px
}

.HeadImages2 {
    height: 810px
}

.titleHeadImages,
.titleHeadImages2 {
    font-family: quanticobold;
    color: #FFF;
    position: absolute;
    text-transform: uppercase
}

.titleHeadImages {
    font-size: 36px;
    bottom: 35px;
    left: 10px
}

.titleHeadImages2 {
    left: 50px;
    top: 150px;
    font-size: 30px
}

.titleHeadImages2 .contentx {
    margin-top: 20px;
    font-family: open_sansbold;
    font-size: 14px;
    border-bottom: 1px solid #b40601;
    border-top: 1px solid #b40601;
    width: 475px;
    padding: 20px 0
}

.coloreay {
    font-family: open_sansregular;
    color: #a0750e
}

.cbreadcrum,
.titleHeadImages2 .fotx a.xbtn {
    color: #FFF;
    font-family: open_sansbold;
    display: block
}

.titleHeadImages2 .contentx DIV {
    padding: 6px 0
}

.titleHeadImages2 .fotx {
    margin-top: 35px
}

.titleHeadImages2 .fotx a.xbtn {
    background: url(../images/bg_btn_red.jpg) no-repeat;
    width: 219px;
    height: 27px;
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    margin-top: 10px
}

.cLine {
    width: 940px
}

.styled-select1,
.styledselin {
    width: 180px;
    overflow: hidden;
    float: left
}

.cbreadcrum {
    text-transform: uppercase;
    height: 28px;
    background: #000
}

.breadcrumsap,
.cbreadcrum a,
.cbreadcrum a:active,
.cbreadcrum:link,
.cbreadcrum:visited {
    font-family: open_sansregular;
    color: #FFF
}

.cbreadcrumin {
    padding: 5px 10px 0
}

.breadcrumsap {
    padding: 0 10px
}

.cdetilLin_contentin2_2,
.cdetilLin_contentinXXX2_2,
.content_title1,
.klubtitle {
    font-family: open_sansbold
}

.cbreadcrum a:hover {
    color: #b40601
}

.cfilter {
    background: #b40601;
    height: 56px;
    z-index: 99
}

.cfilterin {
    padding-left: 20px;
    padding-top: 13px
}

.filterstyle {
    float: left;
    font-size: 18px;
    color: #FFF
}

.styled-select1 {
    position: relative;
    height: 27px;
    background: url(../images/style_select.jpg) right no-repeat #FFF;
    margin-left: 15px
}

.styledselin {
    height: 27px
}

.styledseltext {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 160px;
    padding: 0 10px;
    height: 27px;
    line-height: 27px
}

.styledselin select {
    background: 0 0;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    height: 27px;
    padding: 4px 5px 8px;
    width: 100%;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.cdetilALL strong,
.cdetilALLx strong {
    font-size: 14px;
    letter-spacing: 1px
}

.formxstyle {
    float: left;
    margin-left: 15px
}

.formxstyle select option {
    padding: 5px;
    height: 20px;
    border: 0
}

.formxstyle input[type=text] {
    height: 15px;
    padding: 6px 5px;
    width: 100%;
    background: #FFF;
    border: 0
}

.formxstyle input[type=submit] {
    border: 0;
    height: 27px;
    margin-left: 10px;
    width: 50px
}

.cdetilALL,
.cdetilALLx {
    width: 900px;
    min-height: 512px;
    display: block
}

.cdetilALLx {
    padding: 20px
}

.cdetilALLx p {
    padding: 0 0 20px
}

.cdetilALL {
    background: #FFF;
    padding: 20px
}

.cdetilALL p {
    padding: 0 0 20px
}

.cdetilL {
    display: block;
    float: left;
    width: 630px;
    min-height: 536px;
    background: #FFF
}

.klubtitle {
    margin: 20px 20px 10px 30px;
    font-size: 18px;
    text-transform: uppercase
}

.cdetilL1in {
    padding: 0 0 30px
}

.cdetilL1inIMG {
    width: 630px;
    height: 334px;
    overflow: hidden
}

.cdetilL1inCON {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0
}

.saptop1 {
    padding-top: 40px
}

.saptop2 {
    padding-top: 10px
}

.cdetilL1inCON2 {
    padding: 30px 60px 10px
}

.cdetilL1inCON3 {
    padding: 20px 20px 0
}

.cdetilL1inCON4 {
    padding: 0 30px 30px
}

.cdetilL1in2 {
    padding: 0 60px 30px
}

.cdetilL1in3 {
    padding: 10px 20px
}

.cdetilL1in4 {
    padding: 20px
}

.cdetilL1in5 {
    padding: 10px 20px 20px 10px
}

.cdetilL1in51 {
    padding: 10px 10px 20px
}

.cdetilL1in6 {
    padding: 20px 30px
}

.cdetilL1in7 {
    padding: 10px 5px
}

.cdetilL1in8 {
    padding: 20px 10px 0
}

.cdetilLin_content,
.cdetilRin_content {
    min-height: 200px;
    padding-bottom: 10px;
    overflow: hidden
}

.content_spacer1 {
    margin-top: 20px
}

.content_title1 {
    font-size: 20px
}

.cdetilLin_content {
    background: #ebebeb;
    width: 300px;
    padding-top: 4px
}

.beGreyx {
    background: #F9F9F9
}

.cdetilLin_contentin {
    width: 610px;
    margin-bottom: 15px
}

.cdetilLin_contentinXXX {
    padding: 10px;
    width: 610px
}

.cdetilLin_contentinXXX1 {
    float: left;
    width: 100px;
    font-size: 0;
    height: 75px;
    overflow: hidden
}

.cdetilLin_contentinXXX2 {
    margin-left: 10px;
    float: left;
    width: 500px;
    overflow: hidden
}

.cdetilLin_contentinXXX2_1 {
    margin-top: 3px;
    color: #a0750e;
    font-size: 10px;
    height: 14px;
    line-height: 10px
}

.cdetilLin_contentinXXX2_2 {
    color: #464646;
    width: 500px;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px
}

.cdetilLin_contentinXXX2_3 {
    line-height: 18px;
    width: 460px;
    overflow: hidden
}

.cdetilLin_contentin1 {
    float: left;
    width: 160px;
    font-size: 0;
    height: 120px;
    overflow: hidden
}

.cdetilLin_contentin2 {
    margin-left: 10px;
    float: left;
    width: 420px;
    overflow: hidden
}

.cdetilLin_contentin2_1 {
    color: #a0750e;
    font-size: 10px;
    height: 14px;
    line-height: 10px
}

.cdetilLin_contentin2_2 {
    margin-top: 2px;
    color: #464646;
    width: 420px;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px
}

.cdetilLin_contentin2_3 {
    margin-top: 3px;
    line-height: 18px;
    width: 420px;
    overflow: hidden
}

.cdetilLin_contentin2_4 {
    margin-top: 2px
}

.cdetilLin_contentin2_4 a {
    font-size: 10px
}

.cdetilR {
    display: block;
    float: left;
    width: 300px;
    margin-left: 10px;
    font-size: 12px;
    font-family: open_sansregular
}

.cdetilRin {
    background: #252525;
    margin-top: 10px
}

.cdetilRin_nav {
    height: 40px;
    width: 300px;
    overflow: hidden
}

.cdetilRin_nav_1 {
    float: left;
    margin-left: 10px;
    margin-top: 10px
}

.cdetilRin_nav_2 {
    color: #FFF;
    float: right;
    margin-right: 10px;
    margin-top: 14px
}

.cdetilRin_content {
    background: #ebebeb;
    width: 300px;
    padding-top: 4px
}

.cdetilRin_contentin {
    width: 300px;
    margin-top: 6px
}

.cdetilRin_contentin1 {
    float: left;
    font-size: 0;
    height: 60px;
    margin-left: 10px;
    overflow: hidden;
    width: 92px
}

.cdetilRin_contentin1 a {
    background: #252525;
    display: table;
    height: 60px;
    width: 92px
}

.cdetilRin_contentin1 span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.cdetilRin_contentin1 IMG {
    width: 92px
}

.cdetilRin_contentin2 {
    margin-left: 10px;
    float: left;
    width: 180px;
    height: 62px;
    overflow: hidden
}

.cdetilRin_contentin2_1 {
    color: #a0750e;
    font-size: 10px;
    height: 12px;
    line-height: 10px
}

.cdetilRin_contentin2_2 {
    color: #555;
    font-size: 12px
}

.textvideo {
    text-shadow: 1px 1px 1px #000;
    position: absolute;
    z-index: 2;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    font-family: open_sansbold
}

.cdetilL p {
    padding: 0 0 20px;
    line-height: 20px
}

.fasilitasL {
    float: left
}

.fasilitasR {
    float: left;
    margin-top: 13px;
    margin-left: 40px
}

.listresulttitle {
    color: #a0750e;
    width: 570px;
    padding: 10px;
    font-size: 14px;
    font-weight: 700
}

.listresulttitle .col1 {
    float: left;
    width: 470px
}

.listresulttitle .col2 {
    float: right;
    width: 100px;
    font-size: 10px;
    font-weight: 400;
    margin-top: 3px;
    text-align: right
}

.listresulthead {
    width: 570px;
    height: 12px;
    line-height: 12px;
    padding: 8px 10px;
    background: #363636;
    color: #FFF
}

.listresulthead .col1 {
    float: left;
    width: 200px
}

.listresulthead .col2 {
    float: left;
    width: 370px
}

.listresultdetil {
    width: 570px;
    height: 12px;
    line-height: 12px;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc
}

.listresultdetil .col1 {
    float: left;
    width: 200px
}

.listresultdetil .col2 {
    float: left;
    width: 185px;
    /* width: 370px */
}

.peringkatHeader {
    padding: 10px;
    margin-top: 20px;
    border-bottom: 1px solid #000
}

.peringkatHeaderin {
    margin-left: 20px;
    width: 590px;
    height: 20px;
    position: relative
}

.peringkatarr1,
.peringkatarr2 {
    width: 13px;
    height: 7px;
    bottom: -11px;
    font-size: 0
}

a.active {
    color: #a0750e
}

.xsap {
    padding: 0 15px
}

.peringkatarr1 {
    position: absolute;
    left: 50px
}

.peringkatarr2 {
    position: absolute;
    left: 210px
}

.perignkatItems {
    float: left;
    margin-left: 10px;
    font-size: 0;
    margin-top: 10px;
	
}
.perignkatItems.perXactive img{
	  -webkit-filter: none;
    filter: none;
}

.perignkatItems img{
	 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.perignkatItems img:hover {
	 -webkit-filter: none;
    filter: none;
}
.perignkatItems a span {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 12px;
    padding: 5px 0;
    width: 300px;
    height: 20px;
    margin-top: 70px;
    text-align: center;
    font-family: quanticoregular;
    background: url(../images/trans_1.png);
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2px
}

.artItem,
.artItemx {
    height: 140px;
    overflow: hidden;
    margin-top: 10px;
    float: left
}

.perignkatItems a:hover span,
.perignkatItems.perXactive a span {
    color: #b40601;
    background: url(../images/trans_3.png);
	 -webkit-filter: none;
    filter: none;
}

.artItemx .xtitle,
.xhover .xmore,
.xhover .xtitle {
    color: #FFF;
    text-align: center
}

.kombar,
.kombar2 {
    padding-top: 25px;
    font-size: 0;
    margin-left: 20px
}

.artItem {
    margin-left: 10px;
    width: 140px;
    position: relative
}

.xhover {
    display: none;
    width: 140px;
    height: 140px;
    background: url(../images/hover_art.png) no-repeat;
    position: absolute
}

.artItem a,
.artItem a:hover>.xhover {
    display: block
}

.xhover .xtitle {
    position: absolute;
    top: 40px;
    font-size: 14px;
    width: 120px;
    margin-left: 10px
}

.xhover .xmore {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    width: 140px
}

.artItem a {
    width: 140px;
    height: 140px
}

.cdetilL1inx1 {
    background: #ebebeb;
    padding: 20px 30px
}

.cdetilL1inx2 {
    padding: 20px 30px;
    border-bottom: 1px dotted #898989
}

.artItemx {
    margin-left: 10px;
    width: 140px;
    position: relative
}

.artItemx .xtitle {
    text-shadow: 1px 1px 1px #000;
    position: absolute;
    bottom: 10px;
    font-weight: 700;
    font-size: 12px;
    width: 140px
}

.menu_tab {
    position: relative;
    border-bottom: 1px solid #000;
    height: 35px;
    margin-top: 30px
}

.menu_tab_in,
.menu_tab_ingen {
    margin-top: 10px;
    padding: 0 30px
}

.contentab0,
.contentabottom {
    margin-top: 30px
}

.menu_tab_in DIV {
    float: left
}

.menu_tab_in a,
.menu_tab_in a:link,
.menu_tab_in a:visited {
    outline: 0;
    font-family: quanticoregular;
    letter-spacing: 1px
}

.artikeldate,
.content_title {
    font-family: open_sanssemibold
}

.pdetleft,
.tabR,
a.maincat {
    letter-spacing: 2px
}

.menu_tab_in a.tabxactive,
.menu_tab_in a:hover {
    color: #a0750e
}

.sap_menu_tab {
    padding: 0 20px
}

.contentab li {
    list-style-type: circle
}

.contentab ul {
    margin-bottom: 20px
}

.contentableft {
    margin-left: 30px;
    width: 190px;
    float: left
}

.contentableft a,
.contentableft a:link,
.contentableft a:visited {
    outline: 0;
    font-family: open_sanssemibold;
    display: block;
    padding: 8px 0 8px 10px;
    border-bottom: 1px solid #555;
    color: #555
}

.contentableft a.submenuxtabactive,
.contentableft a:hover {
    color: #FFF;
    background: #a0750e
}

.contentabIMG,
.contentabvideo {
    overflow: hidden;
    background: #000
}

.contentabright {
    margin-left: 15px;
    width: 355px;
    float: left;
    line-height: 25px
}

.contentableft2 {
    margin-left: 20px;
    width: 200px;
    float: left
}

.quotexlogo IMG {
    border: 1px solid #ebebeb;
    width: 162px;
    height: 162px;
    overflow: hidden
}

.contentabright2 {
    margin-left: 20px;
    width: 355px;
    float: left;
    line-height: 25px
}

.contentabottom {
    border-top: 1px solid #000
}

.contentabvideo {
    width: 630px;
    height: 400px
}

.contentabIMG {
    width: 145px;
    height: 95px;
    padding: 10px 17px;
    margin-top: 10px;
    margin-right: 10px
}

.contentableftin2 {
    width: 165px
}

.quoteximg {
    font-size: 0;
    margin-top: 7px
}

.quotextext {
    margin-top: 15px
}

.quotexfrom {
    margin-top: 10px;
    font-size: 10px
}

.menu_tab_1 {
    top: 0;
    position: absolute;
    margin-top: 29px
}

.footerbtmin,
.footertopin {
    overflow: hidden;
    position: relative;
    display: block
}

.artikelhead {
    margin: 20px 20px 10px
}

.artikeldate {
    font-size: 10px;
    color: #a0750e
}

.artikeltitle {
    font-family: open_sansbold;
    font-size: 21px
}

.cdetilL2menu,
.da-thumbs .xtitle,
.da-thumbs2 .xtitle,
.da-thumbs3 .xtitle,
.da-thumbs4 .xtitle,
.da-thumbs5 .xtitle,
.titleterkait {
    font-family: open_sanssemibold
}

.artikelgaleri {
    height: 432px;
    width: 630px;
    overflow: hidden
}

.artikelcontent2 {
    padding: 20px 30px 30px;
    border-top: 1px solid #000
}

.borderbtm {
    border-bottom: 1px solid #000
}

.artikelcontent2 li {
    padding: 5px 0
}

.artikelcontent2 p {
    padding-bottom: 10px
}

.titleterkait {
    font-size: 14px;
    padding-bottom: 5px
}

.titleterkaitlink {
    padding: 4px 0
}

.soshare {
    height: 20px;
    margin-top: 5px
}

.artikelcontent {
    margin: 10px 20px 50px
}

.artikelcontent li {
    padding: 5px 0
}

.artikelcontent p {
    padding-bottom: 10px
}

.cdetilL2 {
    width: 230px;
    float: left;
    margin-top: 20px;
    border-bottom: 1px solid #c2c2c2
}

.cdetilL2menu {
    border-top: 1px solid #c2c2c2;
    display: block;
    color: #a1a1a1;
    padding: 10px
}

.da-thumbs li,
.da-thumbs2 li {
    border: 1px solid #d7d7d7;
    float: left
}

.cdetilL2menu.cdetilL2menuactive {
    background: #b40601;
    color: #FFF
}

.cbanner,
.cdetilR2,
.footertop {
    background: #FFF
}

.cdetilR2 {
    width: 710px;
    float: left;
    min-height: 500px
}

.cbanner {
    margin-top: 10px;
    height: 90px;
    text-align: center;
    overflow: hidden;
    display: block
}

.footer {
    width: 100%;
    height: 112px;
    font-size: 11px
}

.footertop {
    width: 100%;
    height: 56px;
    display: block
}

.footertopin {
    margin: 0 auto;
    height: 56px;
    width: 940px
}

.logofoundation {
    height: 56px;
    width: 210px;
    font-size: 0
}

.footerbtm {
    width: 100%;
    height: 56px;
    display: block;
    background: #000
}

.da-thumbs li a div,
.da-thumbs2 li a div {
    background: url(../images/hover_art.png) no-repeat
}

.footerbtm a,
.footerbtm a:link,
.footerbtm a:visited {
    color: #FFF
}

.footerbtm a:hover {
    color: #b40601
}

.footerbtm ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footerbtm li {
    float: left;
    padding: 0 10px
}

.footerbtmin {
    margin: 0 auto;
    height: 36px;
    width: 940px;
    padding-top: 20px;
    color: #FFF
}

.da-thumbs {
    width: 630px;
    position: relative;
    padding: 0;
    margin: 0
}

.da-thumbs li,
.da-thumbs li a,
.da-thumbs li a img {
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden
}

.da-thumbs li {
    margin: 5px
}

.da-thumbs li a,
.da-thumbs li a img {
    display: block
}

.da-thumbs li a img.starx {
    display: block;
    position: absolute;
    width: 30px;
    height: 29px;
    overflow: hidden;
    z-index: 1;
    right: 10px;
    top: 10px
}

.da-thumbs li a {
    overflow: hidden
}

.da-thumbs li a div {
    position: absolute;
    overflow: hidden;
    width: 140px;
    height: 140px;
    top: 140px;
    z-index: 2
}

.da-thumbs .xtitle {
    position: absolute;
    top: : 20px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    width: 100px;
    padding: 20px
}

.da-thumbs .xmore {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    width: 140px
}

.da-thumbs2 {
    width: 630px;
    position: relative;
    padding: 0;
    margin: 0
}

.da-thumbs2 li,
.da-thumbs2 li a,
.da-thumbs2 li a img {
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden
}

.da-thumbs2 li {
    margin: 3px
}

.da-thumbs2 li a,
.da-thumbs2 li a img {
    display: block
}

.da-thumbs2 li a img.starx {
    display: block;
    position: absolute;
    width: 30px;
    height: 29px;
    overflow: hidden;
    z-index: 1;
    right: 10px;
    top: 10px
}

.da-thumbs2 li a div,
.da-thumbs3 li,
.da-thumbs3 li a {
    height: 140px;
    overflow: hidden
}

.da-thumbs2 li a {
    overflow: hidden
}

.da-thumbs2 li a div {
    position: absolute;
    width: 140px;
    top: 140px;
    z-index: 2
}

.da-thumbs2 .xtitle {
    position: absolute;
    top: 20px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    width: 120px;
    padding: 10px
}

.da-thumbs2 .xmore {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    width: 140px
}

.da-thumbs3 li,
.da-thumbs3 li a,
.da-thumbs3 li a img {
    position: relative;
    width: 140px
}

.da-thumbs3 {
    width: 630px;
    position: relative;
    padding: 0;
    margin: 0
}

.da-thumbs3 li {
    float: left;
    margin: 5px;
    background: #000
}

.da-thumbs3 li a {
    display: block
}

.da-thumbs3 li a img {
    display: block;
    height: 105px;
    padding: 18px 0 17px
}

.da-thumbs3 li a div,
.da-thumbs4 li,
.da-thumbs4 li a {
    height: 140px;
    overflow: hidden
}

.da-thumbs3 li a div {
    position: absolute;
    width: 140px;
    background: url(../images/hover_art.png) no-repeat;
    top: 140px;
    z-index: 2
}

.da-thumbs3 .xtitle {
    position: absolute;
    top: 20px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    width: 120px;
    padding: 10px
}

.da-thumbs3 .xmore {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    width: 140px
}

.da-thumbs4 li,
.da-thumbs4 li a,
.da-thumbs4 li a img {
    position: relative;
    width: 140px
}

.da-thumbs4 .xmore,
.da-thumbs5 .xmore {
    bottom: 15px;
    font-size: 10px;
    color: #FFF;
    text-align: center
}

.da-thumbs4 {
    width: 630px;
    position: relative;
    padding: 0;
    margin: 0
}

.da-thumbs4 li {
    float: left;
    margin: 5px;
    background: #000
}

.da-thumbs4 li a {
    display: block
}

.da-thumbs4 li a img {
    display: block;
    height: 105px;
    padding: 18px 0 17px
}

.da-thumbs4 li a div {
    position: absolute;
    overflow: hidden;
    width: 140px;
    height: 140px;
    background: url(../images/hover_art.png) no-repeat;
    top: 140px;
    z-index: 2
}

.da-thumbs4 .xtitle {
    position: absolute;
    top: 5px;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    width: 120px;
    padding: 10px
}

.da-thumbs4 .xmore {
    position: absolute;
    width: 140px
}

.da-thumbs5 {
    width: 630px;
    position: relative;
    padding: 0;
    margin: 0
}

.da-thumbs5 li {
    float: left;
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden;
    margin: 5px;
    background: #000
}

.da-thumbs5 li a {
    display: block;
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden
}

.da-thumbs5 li a .ximageBlock {
    display: block;
    width: 140px;
    height: 140px;
    text-align: center
}

.da-thumbs5 li a img {
    height: 140px
}

.da-thumbs5 li a div {
    position: absolute;
    overflow: hidden;
    width: 140px;
    height: 140px;
    background: url(../images/hover_art.png) no-repeat;
    top: 140px;
    z-index: 2
}

.da-thumbs5 .xtitle {
    position: absolute;
    top: 5px;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    width: 120px;
    padding: 10px
}

.da-thumbs5 .xmore {
    position: absolute;
    width: 140px
}

.detiltitle {
    font-family: quanticoregular;
    padding: 10px 10px 15px;
    text-transform: uppercase;
    text-align: center
}

.dataXrank .titleXrank,
.dataXrank th,
.nav_pemain a {
    font-family: open_sanssemibold
}

.detilothers {
    background: #363636;
    padding: 15px
}

.nav_pemain a {
    display: block;
    padding: 5px;
    color: #252525;
    text-align: center;
    margin-bottom: 2px
}

.nav_pemain a.nav_pemain_tab_active,
.nav_pemain a:hover {
    background: #b40601;
    color: #FFF;
    text-align: center;
    margin-bottom: 2px
}

.dataXrank {
    padding: 5px 0
}

.dataXrank .titleXrank {
    margin-top: 10px;
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}

.dataXrank table {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 11px
}

.dataXsumber,
.dataXsumber a {
    font-size: 10px
}

.dataXrank table p {
    padding: 0;
    margin: 0;
    height: 40px;
    overflow: hidden
}

.dataXrank td,
.dataXrank th {
    border-bottom: 1px solid #252525;
    padding: 10px 5px;
    text-transform: uppercase
}

.dataXrank th {
    text-align: left;
    background: #252525;
    color: #FFF;
    font-weight: 400!important
}

.dataXrank td,
.titleReg {
    font-family: open_sansregular
}

.dataXrank td {
    background: #FFF
}

.dataXsumber {
    padding-left: 5px;
    padding-top: 4px
}

.regINNER {
    padding: 30px 30px 30px 20px
}

.titleReg {
    font-size: 18px
}

.fontSObold {
    font-family: open_sansbold
}

.regcoleft,
.regcoleft2 {
    font-family: open_sanssemibold;
    font-size: 12px;
    margin-left: 38px;
    float: left
}

.regitemrow {
    padding-top: 10px
}

.regitemrow2 {
    padding-top: 30px
}

.regcoleft {
    width: 160px;
    padding-top: 8px
}

.regcoleft2 {
    padding-right: 20px;
    width: 140px
}

.prevbtn,
.submitregol,
a.prevbtn {
    border: 0;
    font-size: 16px;
    width: 115px;
    font-family: open_sansbold;
    text-align: center
}

.submitregol {
    color: #FFF;
    background: url(../images/bgsubmitbtn.jpg) no-repeat #b40601;
    line-height: 15px;
    padding: 9px 0
}

.submitregol:hover {
    background: #000;
    color: #FFF
}

.prevbtn,
a.prevbtn {
    background: url(../images/bgsubmitbtn.jpg) no-repeat #b40601;
    color: #fff;
    height: 21px;
    padding: 6px 0 8px
}

a:hover.prevbtn {
    background: #000;
    color: #FFF
}

.regcolright {
    width: 440px;
    float: left
}

.regitemsap {
    margin-left: 38px;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 600px;
    height: 22px
}

.regitemsapline {
    display: block;
    height: 10px;
    width: 600px;
    border-bottom: 1px solid #c2c2c2;
    text-align: center
}

.regitemsaptitle {
    font-family: open_sansbold;
    font-size: 14px;
    background: #FFF;
    margin-top: -13px;
    padding: 2px 5px
}

.inputregol1,
.inputregolX,
.textarearegol1 {
    border: 0;
    background: #ebebeb;
    color: #464646;
    width: 420px
}

.contentregol {
    margin-top: 20px
}

.inputregolX {
    line-height: 18px;
    padding: 10px;
    height: 80px;
    resize: none
}

.inputregol1 {
    line-height: 32px;
    padding: 0 10px;
    height: 32px
}

.textarearegol1 {
    line-height: 16px;
    padding: 10px;
    height: 110px;
    resize: none
}

.inputregol2,
.inputregol3,
.inputregol4 {
    background: #ebebeb;
    color: #464646;
    padding: 0 10px;
    border: 0
}

.inputregol2,
.inputregol3,
.inputregol4,
.xloading {
    height: 32px;
    line-height: 32px
}

.inputregol2 {
    width: 66px
}

.inputregol3 {
    width: 180px
}

.inputregol4 {
    width: 258px
}

.xloading {
    z-index: 3;
    color: red;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #F4F4F4;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    display: none
}

.redcolor {
    color: #b40601
}

.selbox {
    width: 134px;
    line-height: 12px;
    font-size: 12px;
    background: #ebebeb;
    color: #55585f;
    padding: 10px 0;
    text-align: center;
    cursor: pointer
}

.selbox:hover,
.selboxActive {
    background: #555;
    color: #FFF
}
.selboxLomba {
    width: 134px;
    line-height: 12px;
    font-size: 12px;
    background: #ebebeb;
    color: #55585f;
    padding: 10px 0;
    text-align: center;
    cursor: pointer
}
.selboxLomba:hover,
.selboxLombaActive {
    background: #b40601;
    color: #FFF
}
.mar10 {
    margin-left: 10px
}

.martop10 {
    margin-top: 10px
}

.textdown {
    font-family: open_sanssemibold;
    padding-top: 10px;
    line-height: 12px
}

.pdetleft,
.prosplashTitle {
    font-family: quanticobold
}

.droboxwidth1 {
    width: 278px
}

.droboxwidth2 {
    width: 86px
}

.dropdwbox {
    position: relative;
    height: 32px;
    overflow: hidden;
    background: url(../images/style_select.png) right no-repeat #ebebeb
}

.dropdwboxin select,
.dropdwboxtext {
    height: 32px;
    position: absolute;
    top: 0;
    left: 0
}

.dropdwboxin {
    height: 32px;
    overflow: hidden
}

.dropdwboxtext {
    display: block;
    z-index: 1;
    padding: 0 10px;
    line-height: 32px
}

.dropdwboxin select {
    background: 0 0;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    padding: 4px 5px 8px;
    width: 100%;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 2
}

.dropdwboxin select option {
    padding: 5px;
    height: 20px;
    border: 0
}

.checkregolL,
.checkregolL2 {
    display: block;
    background: #d7d7d7;
    padding: 2px;
    cursor: pointer
}

.checkregolL,
.checkregolL2,
.checkregolLin {
    width: 15px;
    height: 15px
}

.checkregolL2 {
    margin-top: 6px
}

.checkregolLin {
    display: none;
    background: #555
}

.checkregolR {
    margin-left: 12px;
    width: 110px
}

.checkregolR2 {
    margin-left: 12px;
    width: 400px
}

.custom-upload {
    position: relative;
    height: 26px;
    width: 228px;
    cursor: pointer
}

.custom-upload input[type=file] {
    outline: 0;
    position: relative;
    text-align: right;
    z-index: 2;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.custom-upload .fake-file {
    background: url(../images/uploadbtn.jpg) center right no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 228px;
    padding: 0;
    margin: 0;
    z-index: 1;
    line-height: 100%;
    cursor: pointer
}

.custom-upload .fake-file input {
    background: #FFF;
    border: 1px solid #e1e1e1;
    height: 24px;
    width: 112px;
    padding: 0 10px
}

#recaptcha_response_field {
    border: 1px solid #DFDFDF!important;
    padding: 4px 10px;
    width: 280px!important
}

.contentabrightccc .recaptchatable .recaptcha_image_cell {
    width: 270px!important
}

.contentabrightccc #recaptcha_response_field {
    border: 1px solid #DFDFDF!important;
    padding: 4px 10px;
    width: 250px!important
}

.contentabrightccc #recaptcha_challenge_image,
.contentabrightccc #recaptcha_image {
    width: 270px!important
}

.contentabrightccc .recaptchatable {
    border: 0!important
}

.sitemapx {
    padding-bottom: 60px
}

.sitemapx li {
    margin-top: 5px;
    margin-right: 20px
}

.sitemapx li a {
    background: #CCC;
    display: block;
    padding: 10px
}

.sitemapx ul ul {
    margin-top: 5px;
    margin-left: 0
}

.sitemapx li li {
    border-bottom: 1px solid #EBEBEB;
    margin: 0;
    padding-left: 10px
}

.sitemapx li li a {
    padding-left: 15px;
    display: block;
    background: url(../images/arr_left.jpg) center left no-repeat
}

.detilTIPSimg {
    max-width: 590px;
    margin-top: 5px
}

.pdetbox {
    margin-bottom: 5px;
    padding: 15px
}

.pdetleft {
    margin-top: 2px;
    float: left;
    width: 106px;
    font-size: 12px
}

.pdetright {
    position: relative;
    float: left;
    width: 432px;
    padding-left: 20px;
    border-left: 1px solid #555;
    line-height: 20px
}

.pdetright a.profilXnav,
.pdetright a.profilXnav:active,
.pdetright a.profilXnav:hover,
.pdetright a.profilXnav:link,
.pdetright a.profilXnav:visited {
    display: block;
    width: 17px;
    height: 17px;
    font-size: 0;
    background: url(../images/profnav.gif) 0 -17px;
    position: absolute;
    bottom: -15px;
    right: 0
}

.pdetright a.profilXnavXactvie {
    background: url(../images/profnav.gif)!important
}

.prosplash {
    width: 940px;
    height: 810px;
    overflow: hidden;
    margin: 0 auto
}

.prosplashCON {
    position: absolute;
    z-index: 2;
    margin-top: 110px;
    margin-left: 80px
}

.prosplashTitle {
    font-size: 30px;
    color: #FFF;
    text-transform: uppercase
}

.prosplashDet {
    color: #a0750e;
    font-size: 13px;
    padding: 20px 0;
    margin: 20px 0;
    width: 400px;
    line-height: 26px;
    border-top: 1px solid #b40601;
    border-bottom: 1px solid #b40601
}

.maincatblock2,
.maincatblock3 {
    margin-top: 10px;
    background: #363636
}

.prosplashDet span {
    color: #FFF;
    font-family: open_sansbold
}

.prosplashNAV a,
.prosplashNAV a:active,
.prosplashNAV a:link,
.prosplashNAV a:visited {
    display: block;
    width: 180px;
    height: 15px;
    line-height: 15px;
    padding: 10px;
    background: url(../images/bg_btn_red.jpg) center right no-repeat;
    font-family: open_sansbold;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    margin-bottom: 10px
}

.prosplashNAV a:hover {
    background: #FFF;
    color: #b40601
}

.prosplashIMG {
    position: absolute;
    z-index: 1;
    width: 940px;
    height: 810px;
    overflow: hidden
}

.tentangprofil a {
    display: block;
    color: #464646
}

.tentangprofil a:hover {
    color: #b40601
}

.pdetblock {
    padding: 20px;
    display: table
}

.kombar a,
.tabL {
    padding: 7px 0 4px
}

.bgprof1 {
    background: url(../images/bg_profil_1.jpg) bottom left no-repeat #ebebeb
}

.bgprof2 {
    background: url(../images/bg_profil_2.jpg) bottom left no-repeat #ebebeb
}

.bgprof3 {
    background: url(../images/bg_profil_3.jpg) bottom left no-repeat #ebebeb
}

.kombar a {
    float: left;
    color: #FFF
}

.tabL {
    text-align: left
}

.detilviewsx,
.fixturelogo,
.lineblock3_1_in1_images,
.maincatitle,
.titlekomunitas,
a.maincat .titlexxx {
    text-align: center
}

.tabR {
    padding: 7px 0 5px;
    font-family: quanticoregular;
    font-size: 13px;
    text-transform: uppercase;
    background: url(../images/normal_tabr.png) center right no-repeat
}

.tabC {
    margin-right: 17px;
    background: #9e0b0f;
    height: 21px;
    padding: 7px 15px 3px 23px;
    border-bottom: 2px solid #81090c
}

.kombar a.activetab .tabR,
.kombar a:hover .tabR {
    color: #FFF;
    background: url(../images/active_tabr.png) center right no-repeat
}

.kombar a.activetab .tabC,
.kombar a:hover .tabC {
    padding: 7px 15px 5px 23px;
    border-bottom: 0;
    background: #FFF;
    color: #b40601
}

.others {
    padding: 10px;
    border-top: 1px solid #000
}

.others_title {
    font-family: quanticobold;
    font-size: 16px;
    padding-left: 5px;
    padding-bottom: 10px
}

.titlekomunitas {
    font-family: quanticoregular;
    padding: 10px 10px 0;
    text-transform: uppercase
}

.campaignIMG {
    width: 900px;
    position: relative;
    height: 320px;
    user-select: none
}

.campaignX {
    width: 87.5px;
    top: 180px;
    right: 0;
    position: absolute;
    font-size: 0;
    padding: 5px;
    background: #ebebeb
}

.campaignX IMG {
    width: 100%;
    cursor: pointer
}

.campaignCont {
    width: 900px;
    position: relative;
    padding-left: 20px
}

.campaignXconTitle {
    display: block;
    padding: 10px;
    font-family: open_sansbold;
    font-size: 24px
}

.campaignXconDetil {
    display: block;
    padding: 0 10px 10px;
    min-height: 250px
}

.joincampaign a {
    padding: 10px 20px;
    background: #d20000;
    color: #FFF
}

.detilviews {
    padding-bottom: 13px
}

.detilviewsx {
    padding: 8px 0;
    position: relative;
    background: #000;
    font-size: 0;
    overflow: hidden
}

.campXleft,
.campXright {
    width: 45px;
    height: 43px;
    position: absolute;
    top: 124px;
    cursor: pointer
}

.detilviewsx IMG {
    max-width: 615px;
    max-height: 410px
}

.campXleft {
    background: url(../images/xarrxleft.jpg) center right no-repeat;
    left: 30px
}

.campXright {
    background: url(../images/xarrxright.jpg) center right no-repeat;
    right: 30px
}

.campXleft:hover,
.campXright:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.maincatblock {
    min-height: 620px;
    padding: 15px 5px 5px
}

.maincatblock2 {
    min-height: 170px;
    padding: 25px 5px 5px
}

.maincatblock3,
.maincatblock4 {
    min-height: 620px;
    padding: 15px
}

.maincatitle {
    font-family: quanticobold;
    font-size: 14px;
    padding: 15px 10px;
    text-transform: uppercase;
    background: #363636;
    color: #FFF
}

.galback a,
a.maincat {
    font-family: quanticoregular;
    font-size: 12px
}

a.maincat {
    color: #FFF;
    display: block;
    width: 180px;
    height: 135px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-left: 20px;
    background: #000;
    margin-bottom: 20px
}

a.maincat .titlexxx {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 10px 5px;
    display: block;
    width: 170px;
    background: url(../images/trans_1.png)
}

a.maincat IMG {
    width: 140%
}

.sliderBLOCKin,
.sliderIMG,
.sliderIMGbig,
.sliderIMGin,
.sliderchild {
    position: absolute;
    width: 940px;
    overflow: hidden
}

.galback {
    padding-top: 15px;
    padding-left: 25px;
    margin-bottom: 10px
}

.galback a {
    text-transform: uppercase
}

.sliderIMG,
.sliderIMGin {
    height: 520px
}

.sliderIMGbig {
    top: 0;
    /* top: -10px;  */
    /* top: -20px;  */
	 /* top: -12px; */
    left: 0;
    height: 520px
}

.sliderIMGbig a {
    color: #FFF
}

.sliderchild {
    z-index: 2;
    height: 146px;
    bottom: 0
}

.sliderBLOCKin {
    left: 0;
    bottom: 10px;
    height: 126px
	 /* bottom: 0.5px; */
    /* height: 115px */
}

.SLnavLEFT,
.SLnavRIGHT {
    cursor: pointer;
    z-index: 999;
    position: absolute;
    top: 200px;
    width: 35px;
    height: 64px
}

.SLnavLEFT {
    left: 10px;
    background: url(../images/slidearrow.png)
}

.SLnavRIGHT {
    right: 10px;
    background: url(../images/slidearrow.png) -35px 0
}

.GLnavLEFT,
.GLnavRIGHT {
    cursor: pointer;
    z-index: 999;
    position: absolute;
    top: 50%;
    width: 25px;
    height: 46px;
    margin-top: -26px
}

.GLnavLEFT {
    left: 10px;
    background: url(../images/galeryarrow.png)
}

.GLnavRIGHT {
    right: 10px;
    background: url(../images/galeryarrow.png) -25px 0
}

.GLnavLEFTBG,
.GLnavRIGHTBG {
    -khtml-border-radius: 10px;
    z-index: 998;
    position: absolute;
    top: 50%;
    background: #000;
    width: 55px;
    height: 60px;
    margin-top: -33px;
    cursor: pointer
}

.GLnavLEFTBG {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    left: -10px
}

.GLnavRIGHTBG {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    right: -10px
}

.XbloX,
.XbloXImage {
    position: absolute;
    width: 310px;
    top: 0;
    left: 0
}

.XbloX {
    display: block;
    height: 131px;
    z-index: 99
}

.XbloXImage IMG {
    width: 100%
}

.birthXlink,
.curXbirth {
    height: 48px;
    padding: 1px 0;
    width: 380px;
    float: left
}

.curXbirth {
    position: relative
}

.birthXlink {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.profile_left_title {
    height: 16px;
    overflow: hidden
}

.lineblock3_1_in1_images IMG {
    width: 540px;
    overflow: hidden;
    position: relative
}

.lineblock3_1_in1_Link {
    height: 324px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    width: 540px
}

.fb,
.fb-right-menu,
.ig,
.tiktok,
.search,
.twitter,
.ytube {
    right: -172px;
    z-index: 2
}

.fixturelogo {
    width: 100%;
    font-size: 0;
    margin: 20px 0
}

.fixturesL {
    float: left;
    width: 290px
}

.fixturesTITLE {
    font-family: open_sansbold;
    font-size: 16px;
    padding-bottom: 10px
}

.fixturesR {
    float: left;
    width: 300px
}

.fixtureDET {
    margin-bottom: 15px;
    width: 290px;
    height: 48px;
    overflow: hiddden
}

.fixtureDETimg {
    width: 48px;
    height: 48px;
    float: left
}

.fixtureDETimg IMG {
    width: 48px
}

.fixtureDETtitle {
    margin-left: 10px;
    width: 220px;
    float: left;
    font-family: open_sanssemibold;
    font-weight: 400;
    padding-top: 13px;
    font-size: 12px
}

.nextschtitle a,
.nextschtitle a:active,
.nextschtitle a:link,
.nextschtitle a:visited {
    font-size: 18px;
    font-family: open_sanssemibold;
    color: #FFF
}

.nextschtitle a:hover {
    color: #DADADA
}

.fileREG {
    display: none
}

.fb-right-menu {
    height: 28px;
    width: 200px;
    position: fixed;
    top: 180px;
    overflow: hidden
}

.inputfileREG01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 278px
}

.fb,
.ig,
.tiktok,
.scrollToTop,
.search,
.twitter,
.ytube {
    position: fixed
}

.inputfileREG {
    height: 26px;
    cursor: pointer;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.inputfileREG02 {
    background: url(../images/browsebtn.jpg) right top no-repeat;
    width: 278px;
    height: 26px
}

.inputfileREG02 INPUT {
    border: 1px solid #e1e1e1;
    font-size: 12px;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 182px
}

.searchboxprofil {
    display: block;
    width: 610px;
    margin: 10px
}

.searchXALLXsearch {
    width: 523px;
    float: left;
    background: #252525;
    padding: 6px 5px 6px 7px
}

.searchINPUTXprofil {
    width: 487px;
    height: 28px;
    float: left
}

.searchINPUTXprofil INPUT {
    border: 0;
    padding: 2px 6px;
    height: 24px;
    width: 473px
}

.searchXBTNXprofil {
    width: 28px;
    float: left;
    margin-left: 5px
}

.searchXALLXprofil {
    width: 70px;
    float: left;
    margin-left: 5px
}

.searchXALLXprofil a.listall {
    background: #FFF;
    color: #252525;
    display: block;
    font-family: open_sanssemibold;
    padding: 5px;
    line-height: 14px;
    text-align: center;
    width: 60px;
    height: 30px;
    text-transform: uppercase
}

#lnkUsernameMenu .label,
#main-navbar ul li a,
#main-navbar ul.secondary-nav {
    font-family: quanticobold;
    font-size: 12px
}

.searchXALLXprofil a.listall.listallactive,
.searchXALLXprofil a:hover.listall {
    background: #b40601;
    color: #fff
}

.searchbox {
    background: #252525;
    display: block;
    width: 598px;
    height: 28px;
    margin: 10px;
    padding: 6px 5px 6px 7px
}

.searchINPUTX {
    width: 562px;
    height: 28px;
    float: left
}

.searchINPUTX INPUT {
    border: 0;
    padding: 2px 6px;
    height: 24px;
    width: 548px
}

.searchXBTNX {
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 5px
}

.search,
.searchbtnX {
    width: 200px;
    height: 28px
}

.search {
    top: 150px;
    overflow: hidden
}

.searchBTN {
    width: 28px;
    height: 28px;
    float: left
}

.searchINPUT {
    width: 172px;
    height: 28px;
    float: left;
    background: #464646
}

.searchINPUT INPUT {
    border: 0;
    margin: 2px;
    padding: 2px 6px;
    height: 20px;
    width: 156px
}

.fbXBTNX,
.igXBTNX,
.tiktokXBTNX,
.twitterXBTNX,
.ytubeXBTNX {
    margin-left: 5px
}

.fb,
.fbbtnX {
    width: 200px
}

.fb {
    height: 28px;
    top: 200px;
    overflow: hidden
}

.fbbtnX {
    height: 28px
}

.fbBTN input,
.fbXBTNX {
    width: 28px;
    float: left;
    height: 28px
}

.twitter {
    height: 28px;
    width: 200px;
    top: 229px;
    overflow: hidden
}

.twitterbtnX {
    width: 200px;
    height: 28px
}

.twitterBTN input,
.twitterXBTNX {
    width: 28px;
    float: left;
    height: 28px
}

.ytube {
    height: 28px;
    width: 200px;
    top: 258px;
    overflow: hidden
}

.ytubebtnX {
    width: 200px;
    height: 28px
}

.ytubeBTN input,
.ytubeXBTNX {
    width: 28px;
    float: left;
    height: 28px
}

.ig,
.igbtnX {
    width: 200px
}

.ig {
    height: 28px;
    top: 287px;
    overflow: hidden
}

.igbtnX {
    height: 28px
}

.igBTN input,
.igXBTNX {
    width: 28px;
    height: 28px;
    float: left
}
 
.tiktok,
.tiktokbtnX {
    width: 200px
}

.tiktok {
    height: 28px;
    top: 316px;
    overflow: hidden
}

.tiktokbtnX {
    height: 28px
}

.tiktokBTN input,
.tiktokXBTNX {
    width: 28px;
    height: 28px;
    float: left
}



.XwarnX {
    margin: 0 10px 10px;
    padding: 10px;
    color: #FFF;
    background: #b40601
}

.scrollToTop {
    bottom: 112px;
    right: -60px;
    cursor: pointer;
    width: 60px;
    height: 45px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: right .3s ease-in-out 0s;
    -moz-transition: right .3s ease-in-out 0s;
    -o-transition: right .3s ease-in-out 0s;
    transition: right .3s ease-in-out 0s
}

.scrollToTop.goShow {
    right: 0;
    -webkit-transition: right .3s ease-in-out 0s;
    -moz-transition: right .3s ease-in-out 0s;
    -o-transition: right .3s ease-in-out 0s;
    transition: right .3s ease-in-out 0s
}

.scrollToTop:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

#main-navbar>ul li {
    float: left
}

#main-navbar ul li .divider {
    border-color: transparent #fafafa transparent #c7c8c9;
    border-style: solid;
    border-width: 0 1px;
    height: 27px;
    margin: 0;
    width: 0
}

#lnkLoginSignupMenu {
    cursor: pointer;
    padding: 0 10px
}

#lnkLoginSignupMenu:hover {
    color: #DADADA
}

#main-navbar {
    z-index: 9999;
    width: 100%
}

.username-container ul {
    display: none;
    position: absolute;
    right: 0
}

.noselect {
    user-select: none
}

#main-navbar .notifications-container,
#main-navbar .username-container {
    height: 28px
}

#main-navbar .username-container {
    position: relative;
    z-index: 9999
}

#main-navbar>ul>li {
    line-height: 27px
}

#main-navbar ul.secondary-nav {
    position: absolute;
    right: 0
}

.username-container .vb-icon-username-toggle {
    left: auto;
    margin-top: -2px;
    position: absolute;
    top: 50%
}

.vb-icon-username-toggle {
    background-position: -64px -16px;
    height: 5px;
    width: 7px
}

.vb-icon {
    background: url(../../forum/images/css/sprite_icons_vb_ltr.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px
}

#main-navbar .username-container .dropdown-icon {
    display: inline-block;
    height: 100%;
    padding-right: 10px;
    position: relative;
    width: 7px
}

#lnkUsernameMenu img {
    background: none;
    border: 1px solid #cecece;
    display: inline-block;
    margin-top: 4px
}

.avatar.xx-small>img {
    max-height: 18px;
    max-width: 18px!important
}

.avatar>img {
    max-height: 32px;
    max-width: 32px!important
}

.h-left {
    float: left
}

#main-navbar .username-container ul.submenu li {
    float: none;
    line-height: 30px;
    white-space: nowrap;
    text-align: left
}

#main-navbar ul li a {
    display: block;
    font-weight: 400;
    height: 100%;
    padding: 0 10px;
    text-transform: uppercase
}

#main-navbar ul.submenu li a:hover {
    background: #8b0400
}

#lnkUsernameMenu {
    cursor: pointer
}

#lnkUsernameMenu .label {
    display: inline-block;
    font-weight: 400;
    margin-left: 10px;
    text-transform: uppercase
}

#main-navbar .username-container>ul {
    background: #b40601;
    border-top: 0 none;
    color: inherit;
    display: none;
    min-width: 99%;
    position: absolute;
    right: 0;
    top: 28px;
    width: auto;
    z-index: 9999
}

#lnkLoginSignupMenu,
#lnkUsernameMenu {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    outline: 0;
    padding-left: 10px;
    margin-right: 3px
}

.notifications-count {
    background: url(../../forum/images/css/sprite_gradients_vb.png) 0 -1000px repeat-x #d31f1f;
    border: 1px solid #962222;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font: 700 9px/18px open_sansregular, Arial, sans-serif;
    height: 18px;
    margin-left: 6px;
    min-width: 10px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    top: -1px
}

.srchxitems a,
.srchxmenu {
    font-family: open_sanssemibold
}

.h-hide-imp {
    display: none!important
}

.PopXBG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
}

.PopXCONTENT {
    position: fixed;
    /* background: #000; */
     left: 50%; 
     top: 56%;
    /* top: 60%;  */
	/*left: 60%; 
    top: 60%;*/
    margin-left: -400px;
    margin-top: -299px;
     width: 800px; 
   height: 600px; 
	 /*width: 500px;
    height: 480px;*/
    z-index: 99999
}

.xPlayx,
.xPlayx2 {
    margin-left: 106px
}

.PopXCONTENTin {
    position: relative;
    margin: auto;
    /* left: 7px; */
}

.PopXConVid {
    width: 100%;
    height: 100%;
    position: absolute;
    /* top: 50px; */
	top: 0px;
    left: 126px;
    z-index: 999
}

.PopXConVid iframe{
    height: 500px;
    width: 100%;
}

.PopXClose {
    position: absolute;
    right: 14%;
    /* right: 0; */
    /* width: 25px; */
	width: 20px;
    height: 25px;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    top:-35px; 
    /* top:-40px; */
	/*top:-10px;*/
    opacity: 0.8;
}

.PopXClose:hover{
    opacity: 1;
}

.POPxImgBG {
    display: block;
    width: 800px;
    height: 800px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0
}

.xPlayx,
.xPlayx2,
.xPlayxDet {
    background: url(../images/play_btn.png);
    width: 73px;
    height: 73px;
    position: absolute
}

.xPlayx {
    margin-top: 60px
}

.xPlayx2 {
    margin-top: 34px
}

.xPlayxDet {
    z-index: 2;
    top: 34px;
    left: 34px
}

.galtitlebox {
    background: url(../images/trans_1.png);
    color: #fff;
    font-size: 12px;
    bottom: 0;
    padding: 5px;
    position: absolute;
    width: 269px
}

.srchxmenu {
    font-size: 14px;
    background: #f9f9f9;
    padding: 20px 15px 10px
}

.srchxitems {
    float: left
}

.srchxitems a {
    text-align: center;
    display: block;
    padding-bottom: 6px;
    margin-right: 20px
}

.srchxitems.srchxactive a,
.xquestboxtitle,
.xquestitle {
    font-family: open_sansbold
}

.srchxitems.srchxactive a {
    color: #b40601;
    border-bottom: 4px solid #b40601
}

.xquestcontent {
    padding-top: 15px
}

.xquestgrafik {
    width: 415px;
    display: block
}

.xquestbox {
    width: 450px;
    padding-top: 20px
}

.xquestboxtitle {
    width: 400px;
    padding-top: 15px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

.xquestbox2 {
    width: 415px;
    height: 100%;
    overflow: hidden
}

.xquestitle {
    font-size: 110%
}

.xquestdetil {
    font-family: open_sanssemibold;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.subcontentxtab2r1c1,
.subcontentxtab2r1c2r2,
.xquestxbtn {
    font-family: open_sansbold
}

.xquestdetil ul {
    margin-bottom: 0
}

.boxinputxquest,
.boxinputxquestx {
    margin-bottom: 15px
}

.xquestxactv,
.xquestxbtn:hover {
    background: url(../images/xx1.jpg) center center no-repeat #9f0601!important;
    color: #FFF!important
}

.xquestxbtn {
    height: 23px;
    cursor: pointer;
    width: 185px;
    float: left;
    background: url(../images/xx2.jpg) center center no-repeat #cfcfcf;
    background-size: 100% 100%;
    color: #878787;
    padding: 5px 10px;
    text-align: center
}

.boxinputxquest input[type=text],
.boxinputxquest textarea {
    width: 387px;
    padding: 6px 12px;
    border: 2px solid #898989
}

.boxinputxquest textarea {
    height: 100px
}

.boxinputxquestx {
    border: 2px solid #898989
}

.subcontentxtab1boxitemsxx {
    width: 427px;
    height: 150px;
    margin-bottom: 10px;
    background: #161616
}

.subcontentxtab1boxitemsxxx {
    width: 427px;
    height: 62px;
    background: url(../images/reg/xxbg_01.jpg) center center no-repeat #898989;
    margin-bottom: 10px
}

.subcontentxtab2r1c1 {
    float: left;
    font-size: 16px;
    margin-top: 3px;
    width: 110px
}

.subcontentxtab2r1c2 {
    float: left;
    width: 200px
}

.subcontentxtab2r1c2r1 {
    font-size: 10px;
    height: 12px;
    line-height: 12px;
    margin-top: 3px;
    text-align: center
}

.subcontentxtab2r1c2r2 {
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.subcontentxtab2r1c3 {
    float: right;
    width: 150px
}

.subcontentxtab2r1c3 a,
.subcontentxtab2r1c3 a:active,
.subcontentxtab2r1c3 a:link,
.subcontentxtab2r1c3 a:visited {
    display: block;
    background: #9f7511;
    text-align: center;
    width: 100px;
    height: 26px;
    padding: 4px 25px
}

.subcontentxtab2r1c3 a:hover {
    background: #8f690f
}

.subcontentxtab2r1c3 a span {
    background: url(../images/reg/xicon_01.png) left center no-repeat;
    color: #f3f3f3;
    padding-left: 18px;
    height: 25px;
    display: block
}

.subcontentxtab2r2 {
    height: 56px;
    color: #ddd;
    font-size: 16px
}

.subcontentxtab2r2c1 {
    display: block;
    float: left;
    width: 213px;
    height: 56px;
    background: #373737;
    margin-left: 1px
}

.subcontentxtab2r2c1c2r2c1 span,
.subcontentxtab2r2c1c2r2c2 span {
    padding-left: 28px;
    font-family: open_sansbold;
    margin-left: 10px;
    margin-top: 4px;
    display: block
}

.subcontentxtab2r2c1c1 {
    float: left;
    height: 36px;
    width: 50px;
    margin-top: 4px;
    font-family: open_sansbold;
    text-align: center;
    padding-top: 12px
}

.subcontentxtab2r2c1c2 {
    float: left;
    height: 48px;
    margin-top: 4px;
    border-left: 1px solid #575757
}

.subcontentxtab2r2c1c2r1 {
    text-align: center;
    border-bottom: 1px solid #575757;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
    width: 158px
}

.subcontentxtab2r2c1c2r2 {
    width: 158px
}

.subcontentxtab2r2c1c2r2c1,
.subcontentxtab2r2c1c2r2c2 {
    width: 79px;
    float: left
}

.subcontentxtab2r2c1c2r2c1 span {
    background: url(../images/reg/xicon_02.png) left center no-repeat
}

.subcontentxtab2r2c1c2r2c2 span {
    background: url(../images/reg/xicon_03.png) left center no-repeat
}

.subcontentxtab2r2c2 {
    display: block;
    float: left;
    width: 213px;
    height: 56px;
    background: #161616
}

.subcontentxtab2r3 a,
.subcontentxtab2r3 a:active,
.subcontentxtab2r3 a:link,
.subcontentxtab2r3 a:visited {
    color: #fff;
    display: block;
    font-family: open_sansbold;
    font-size: 12px;
    height: 29px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
    background: #b40601
}

.subcontentxtab2r3 a:hover {
    background: #a20601
}

.formxsuccessr8 a,
.formxsuccessr8 a:active,
.formxsuccessr8 a:link,
.formxsuccessr8 a:visited {
    color: #fff;
    display: block;
    font-family: open_sansbold;
    font-size: 12px;
    height: 29px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
    background: #b40601
}

.formxsuccessr8 a:hover {
    background: #a20601
}

.subcontentxtab1r1 {
    float: left;
    font-family: open_sansbold;
    color: #FFF;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 18px
}

.subcontentxtab1r2 {
    float: right;
    padding-right: 20px;
    padding-top: 14px;
    text-align: center;
    width: 180px
}

.subcontentxtab1r21 {
    font-size: 10px;
    color: #9e9e9e;
    height: 12px;
    line-height: 12px;
    text-align: center
}

.subcontentxtab1r22 {
    font-size: 14px;
    color: #FFF
}

.contentableftccc {
    margin-left: 30px;
    width: 140px;
    float: left
}

.contentableftccc a,
.contentableftccc a:link,
.contentableftccc a:visited {
    outline: 0;
    font-family: open_sanssemibold;
    display: block;
    padding: 8px 0 8px 10px;
    border-bottom: 1px solid #555;
    color: #555
}

.xUxx2,
.xformoregxmaininput .sumitformstyle,
.xformoregxmaintitle,
.xformoregxmaintitle2 {
    font-family: open_sansbold
}

.contentableftccc a.submenuxtabactive,
.contentableftccc a:hover {
    color: #FFF;
    background: #a0750e
}

.contentabrightccc {
    margin-left: 15px;
    width: 415px;
    float: left;
    line-height: 25px
}

.xformoregxmaintitle {
    background: #3a3a3a;
    text-transform: uppercase;
    color: #d9ae49;
    font-size: 16px;
    height: 26px;
    padding: 4px 10px;
    width: 140px
}

.xformoregxmaintitle2 {
    border-bottom: 1px solid #c2c2c2;
    color: #474747;
    font-size: 16px;
    height: 23px;
    margin-bottom: 15px;
    padding: 5px 0
}

.xformoregxmaininput {
    margin-bottom: 15px;
    position: relative
}

.xformoregxmaininputx {
    margin-bottom: 15px;
    width: 245px;
    border: 2px solid #ebe8e0;
    padding: 6px 12px 6px 6px;
    background: #ebe8e0
}

.xformoregxmaininput input[type=text] {
    width: 245px;
    border: 2px solid #898989;
    padding: 6px 12px 6px 6px
}

.xformoregxmaininput input.inputxquest2 {
    float: left;
    width: 107px;
    border: 2px solid #898989;
    padding: 6px 12px 6px 6px
}

.xformoregxmaininput .boxfake {
    width: 245px;
    padding: 2px 12px 2px 6px;
    position: relative;
    border: 2px solid #898989
}

.xformoregxmaininput .boxfake .boxfakein {
    height: 100%;
    overflow: hidden;
    width: 170px
}

.xformoregxmaininput .boxfake .boxfakebtn {
    width: 47px;
    position: absolute;
    top: -2px;
    right: -2px;
    background: #bb8a16;
    color: #FFF;
    height: 100%;
    padding: 2px 10px
}

.xformoregxmaininput .boxfake .boxfakebtn2,
.xformoregxmaininput .xformoregxdate .boxfake .boxfakebtn {
    top: -2px;
    right: -2px;
    background: url(../images/btnarrowselect.png) center center no-repeat #bb8a16;
    color: #FFF
}

.xformoregxmaininput .boxfake .boxfakebtn2 {
    width: 25px;
    position: absolute;
    height: 100%;
    padding: 2px
}

.xformoregxmaininput textarea {
    width: 239px;
    border: 2px solid #898989;
    height: 100px;
    padding: 6px 12px
}

.linered {
    border: 2px solid #b30000!important
}

.xformoregxmaininput .xformoregxdate {
    width: 90px;
    float: left
}

.xformoregxmaininput .xformoregxdate .boxfake {
    width: 65px;
    padding: 2px 12px 2px 6px;
    position: relative;
    border: 2px solid #898989
}

.boxfake select,
.formxwarning,
.xUxx {
    position: absolute
}

.xformoregxmaininput .xformoregxdate .boxfake .boxfakein {
    height: 100%;
    overflow: hidden;
    width: 50px
}

.xformoregxmaininput .xformoregxdate .boxfake .boxfakebtn {
    width: 25px;
    position: absolute;
    height: 100%;
    padding: 2px
}

.boxfake select {
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.boxfake select:focus {
    outline: 0
}

.formxwarning {
    background: url(../images/warning.png) left bottom no-repeat;
    bottom: 0;
    color: #b30000;
    line-height: 12px;
    margin-left: 5px;
    padding-left: 20px;
    padding-top: 4px;
    left: 270px
}

.xUxx1,
.xUxx2 {
    color: #c29c46;
    height: 25px;
    padding: 4px;
    float: left
}

.xUxx {
    bottom: 0;
    left: 275px;
    width: 140px
}

.xUxx1 {
    background: #464646;
    font-size: 11px;
    line-height: 12px;
    width: 75px
}

.xUxx2 {
    background: #3a3a3a;
    font-size: 20px;
    text-align: center;
    width: 40px
}

.xformoregxmaincustom .boxfake {
    position: relative
}

.xformoregxmaincustom .boxfake input[type=file] {
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    outline: 0;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 2
}

.xformoregxmaininput .sumitformstyle {
    background: url(../images/xx1.jpg) center center/100% 100% no-repeat #9f0601;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 35px;
    padding: 5px;
    width: 200px
}

.formxsuccessr1,
.formxsuccessr2,
.formxsuccessr3 {
    padding-bottom: 15px
}

.xroundedx {
    float: left;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
    width: 17px;
    height: 17px;
    background: #FFF;
    border: 2px solid #898989;
    cursor: pointer
}

.formxsuccessr2,
.formxsuccessr4,
.formxsuccessr6 {
    margin-bottom: 15px;
    border-bottom: 1px solid #ca9f3a
}

.xroundedxin {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    border-radius: 11px;
    width: 11px;
    height: 11px;
    margin-top: 3px;
    margin-left: 3px;
    background: #898989;
    cursor: pointer
}

.radioxregtitle {
    float: left;
    margin-left: 10px;
    margin-right: 30px
}

.xredbold {
    font-family: open_sansbold;
    color: #9f0601
}

.formxsuccess {
    background: #252525;
    color: #FFF;
    padding: 15px
}

.formxsuccessr1,
.formxsuccessr4,
.formxsuccessr6 {
    font-family: open_sansbold;
    color: #ca9f3a;
    font-size: 17px
}

.formxsuccessr4 {
    padding-bottom: 5px
}

.formxsuccessr5 {
    padding-bottom: 15px
}

.formxsuccessr6 {
    padding-bottom: 5px
}

.formxsuccessr7 {
    padding-bottom: 30px
}

.formxsuccessrin1 {
    float: left;
    width: 135px
}

.formxsuccessrin2 {
    float: left;
    width: 10px;
    text-align: center
}

.formxsuccessrin3 {
    float: left;
    width: 230px
}

.namekota1 {
    float: left;
    width: auto
}

.daftarxpeserta {
    width: 189px;
    height: 33px;
    float: right
}

.daftarxpeserta a,
.daftarxpeserta a:active,
.daftarxpeserta a:hover,
.daftarxpeserta a:link,
.daftarxpeserta a:visited {
    color: #fff;
    display: block;
    font-family: open_sansbold;
    font-size: 12px;
    height: 29px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
    background: url(../images/reg/listall.jpg) #a20601
}

.lokasipopup,
.pesertaheader {
    display: none
}

.subcontentxtab2r1 {
    padding-left: 20px;
    height: 34px;
    overflow: hidden;
    background: #bb8a16;
    color: #f3f3f3
}

.subcontentxtab2r2x,
.subcontentxtab2r3x,
.subcontentxtab2r4x {
    padding-left: 20px;
    height: 58px;
    color: #f3f3f3;
    overflow: hidden
}

.subcontentxtab2r2x {
    background: #191919
}

.subcontentxtab2r3x {
    background: #1f1f1f
}

.subcontentxtab2r4x {
    background: #343434
}

.subcontentxtab2r1c1x {
    float: left;
    width: 250px;
    padding-top: 6px
}

.subcontentxtab2r1c1x2 {
    float: left;
    width: 250px;
    padding-top: 13px
}

.subcontentxtab2r1c2x {
    float: right;
    padding-right: 6px;
    padding-top: 13px
}

.subcontentxsubtitle1 {
    font-family: open_sanssemibold;
    font-size: 9px;
    color: #bb8a16;
    line-height: 15px
}

.imgdesclokasi21,
.subcontentxsubtitle2 {
    font-family: open_sansbold
}

.subcontentxsubtitle2 {
    font-size: 12px;
    color: #f3f3f3;
    line-height: 14px
}

.xpesertax0,
.xpesertax1,
.xpesertax2 {
    font-size: 10;
    float: left
}

.xxxoptionxbox,
.xxxoptionxbox select option[selected] {
    background: #9f0601;
    color: #FFF
}

.inputregolxx {
    width: 388px;
    padding: 5px;
    border: 1px solid #555
}

.imgdesclokasi,
.xmap {
    border-bottom: 4px solid #4d4d4d
}

.pesertaxitems {
    padding: 4px 0
}

.xpesertax0 {
    width: 40px;
    text-align: center
}

.xpesertax1 {
    width: 250px
}

.xpesertax2 {
    width: 120px
}

.seelokasiactive {
    background: #9f0601!important
}

.displayaudisix {
    position: relative
}

.lokasipopup {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 427px;
    overflow: hidden
}

.lokasipopupin {
    -webkit-box-shadow: 0 10px 53px -2px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 10px 53px -2px rgba(0, 0, 0, .75);
    box-shadow: 0 10px 53px -2px rgba(0, 0, 0, .75)
}

.imgdesclokasi {
    width: 427px;
    height: 165px;
    background: #252525
}

.xmap {
    height: 300px;
    width: 427px;
    background: #F4F4F4;
    overflow: hidden
}

.closelokasi {
    background: #bb8916;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 10px;
    line-height: 7px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 10px;
    z-index: 99;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.imgdesclokasi1 {
    float: left;
    width: 294px;
    height: 165px
}

.imgdesclokasi2 {
    float: left;
    width: 133px;
    height: 165px;
    position: relative
}

.imgdesclokasi21,
.imgdesclokasi22 {
    margin: 10px;
    position: absolute;
    width: 112px
}

.imgdesclokasi21 {
    border-bottom: 1px solid #bb8916;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
    top: 0
}

.imgdesclokasi22 {
    bottom: 0;
    color: #acacac;
    font-size: 10px;
    line-height: 14px
}

@font-face {
    font-family: open_sanslight;
    src: url(fonts/OpenSans-Light-webfont.eot);
    src: url(fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Light-webfont.woff) format('woff'), url(fonts/OpenSans-Light-webfont.ttf) format('truetype'), url(fonts/OpenSans-Light-webfont.svg#open_sanslight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanssemibold;
    src: url(fonts/OpenSans-Semibold-webfont.eot);
    src: url(fonts/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Semibold-webfont.woff) format('woff'), url(fonts/OpenSans-Semibold-webfont.ttf) format('truetype'), url(fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansregular;
    src: url(fonts/OpenSans-Regular-webfont.eot);
    src: url(fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Regular-webfont.woff) format('woff'), url(fonts/OpenSans-Regular-webfont.ttf) format('truetype'), url(fonts/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansbold;
    src: url(fonts/OpenSans-Bold-webfont.eot);
    src: url(fonts/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Bold-webfont.woff) format('woff'), url(fonts/OpenSans-Bold-webfont.ttf) format('truetype'), url(fonts/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quanticoregular;
    src: url(fonts/Quantico-Regular-webfont.eot);
    src: url(fonts/Quantico-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/Quantico-Regular-webfont.woff) format('woff'), url(fonts/Quantico-Regular-webfont.ttf) format('truetype'), url(fonts/Quantico-Regular-webfont.svg#quanticoregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quanticobold;
    src: url(fonts/Quantico-Bold-webfont.eot);
    src: url(fonts/Quantico-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/Quantico-Bold-webfont.woff) format('woff'), url(fonts/Quantico-Bold-webfont.ttf) format('truetype'), url(fonts/Quantico-Bold-webfont.svg#quanticobold) format('svg');
    font-weight: 400;
    font-style: normal
}

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 99999
}

#popup {
    background: #FFF;
    border: 2px solid #000;
    z-index: 100000;
    width: 800px;
    height: 360px;
    position: fixed;
    left: 50%;
    margin-left: -27.5%;
    margin-top: 20px
}

#CloseBtn {
    background: 0 0;
    border: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    text-align: right
}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	body{
		overflow-x: hidden;
	}
	.header{
		position: relative;
	}
	.container{
		padding: 0;
	}
	.containerin, .containerin2{
		width: 100%;
	}
	.wrapper{
		min-width: 100%;	
	}
	.headerblock .menublock{
		width: 63%;
	}
	.headerblock{
		width: 100%;
	}
	.headerblock .userblock{
		width: 100%;
	}
	.headerblock .menublock .xmenu a{
		padding: 0;
	}
	.HeadImages, .HeadImages2{
		width: 100%;	
	}
	.HeadImages img{
		width: 100%;		
	}
	.cLine{
		width: 100%;		
	}
	.cdetilL{
		width: 100%;			
	}
	.cdetilR{
		width: 100%;				
	}
	.cdetilRin_nav{
		width: 100%;					
	}
	.cdetilRin_content{
		width: 100%;						
	}
	#main-navbar ul.secondary-nav{
		left: 0;
		margin-left: 3px;
	}
	.gradsliders{
		width: 100%;
	}
	.sliderBLOCKin, .sliderIMG, .sliderIMGbig, .sliderIMGin, .sliderchild{
		width: 100%;	
	}
	.sliderblock{
		width: 100%;		
	}
	.sliderchildin{
	    width: 31.5%;
	}
	.sliderIMGbig img{
		width: 100%;
	}
	.slidelinkblock{
		width: 100%;	
	}
	.sliderchildin .sliderchildintext{
		width: 100%;
	}
	.sliderchildin .title, .sliderchildin .next{
		width: 100%;	
	}
	.footertopin, .logofoundation, .footerbtmin{
		width: 100%;		
	}
	.lineblockin1, .lineblockin2{
	    width: 32.5%;
	}
	.lineblock3_1, .lineblock3_1_in1, .lineblock3_1_in1_text, .lineblock3_2, .lineblock3_2_in1, .lineblock3_1_in2_nav, .lineblock3_1_in2_others, .lineblock3_1_in2, .lineblock3_2_in2_content{
		width: 100%;
	}
	.lineblock4{
		width: 33%;
	}
    .lineblock4.marginl20{
        margin-left: 10px;
    }
    .lineblock4:nth-child(3){
        width: 31.8%;
    }
	.lineblock4in_1, .lineblock4in_2, .lineblock4in_2in{
		width: 100%;
	}
    .lineblock4in_3, .lineblock4in_2in img, .funsXcontent img, .lineblock4in_4{
        width: 100%;   
    }
    .lineblock4in_3result_img img{
        width: 111% !important;
    }
    .xPlayx{
        margin-top: 50px;
    }
    .xPlayx, .xPlayx2 {
        margin-left: 77px;
    }
    .lineblock4in_3result, .lineblock5in_2, .lineblock5in_2in{
        width: 100%;      
    }
    .lineblock5, a.perLINK, .iframebox2{
        width: 50%;
    } 
    .iframebox2 img, .lineblock5 img, .lineblock5in_1, .lineblock4in_3result_item{
        width: 100%;
    }
    .lineblock5.marginl20, .iframebox2.do_left:nth-child(2){
        margin-left: 0;
    }
    .footertopin{
        padding-left: 15px;
    }
    .footerbtmin{
        padding-left: 23px;
    }
    .footerbtm li{
        padding: 0 40px 0 0px;
    }
    .sliderblock, .sliderchildin{
        overflow: inherit;
    }
    .headerblock .menublock .xmenu{
        padding: 5px 7px;
    }
    .timelineR{
        width: 92%;
    }
    .timelineRin, .timelineRitems{
        width: 100%;
    }
    .contentabvideo{
        width: 100%;
    }
    .contentabvideo iframe, .pagingblock, .da-thumbs5, .cdetilLin_contentin, .cdetilLin_contentin2_2, .cdetilLin_contentin2_3, .detilviews iframe{
        width: 100%;
    }
    .HeadImages{
        height: 100%;
    }
    .pdetblock{
        width: 95%;
    }
    .da-thumbs5 li{
        width: 18%;
    }
    .cdetilLin_contentin2{
        width: 70%;
    }
    #main-navbar .username-container>ul{
        right: -12px;
    }
    .lineblockin2:last-child{
        margin-left: 9px;
    }
}

.single-item{
    position: relative;
}
.single-item .slick-prev{
    position: absolute;
    top: 35%;
    background: #b40601 url(../images/arrow_left.png) no-repeat center center;
    width: 40px;
    height: 76px;
    z-index: 1;
    border: none;
}
.single-item .slick-next{
    position: absolute;
    top: 35%;
    right: 0;
    background: #b40601 url(../images/arrow_right.png) no-repeat center center;
    width: 40px;
    height: 76px;
    z-index: 1;
    border: none;   
}
.single-item .img-slide{
    position: relative;
    object-fit: cover;
}
.single-item .img-slide img{
    height: 530px;
}
.single-item .img-slide .shadow{
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: transparent;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
}
.single-item .img-slide .title{
    position: absolute;
    z-index: 11;
    font-family: 'Conv_Arvo-BoldItalic';
    width: 400px;
    height: 60px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    top: -25%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.single-item .img-slide .desc{
    position: absolute;
    z-index: 11;
    width: 600px;
    height: 60px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    top: 15%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
.years{
    width: 50px;
    font-family: 'Conv_Arvo-BoldItalic';
    height: 22px;
    background-color: #f47d31;
    position: absolute;
    z-index: 11;
    top: 28%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #ffffff;
}
.slick-prev .years-prev{
    font-family: 'Conv_Arvo-BoldItalic';
    width: 40px;
    background-color: #f47d31;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -23px;
    padding: 4px 0px;
}
.slick-prev .title-prev{
    width: 120px;
    height: 55px;
    background: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    left: 102%;
    color: #000;
    right: 0;
    padding: 10px;
    overflow: hidden;
    line-height: 14px;
}
.slick-next .years-prev{
    font-family: 'Conv_Arvo-BoldItalic';
    width: 40px;
    background-color: #f47d31;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -23px;
    padding: 4px 0px;
}
.slick-next .title-prev{
    width: 120px;
    height: 55px;
    background: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    color: #000;
    right: 100%;
    padding: 10px;
    overflow: hidden;
    line-height: 14px;
}

.border-orange{
    background: #F47D31;
    height: 5px;
    width: 200px;
    top: -2%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}
.font12.full  a{
font-weight:bold;
color:blue;
}
.font12.full  a:hover{
color:red;
}
.full  a{
font-weight:bold;
color:blue;
}
.full  a:hover{
color:red;
}
.bg-red{
background-color:red;
}

.alert-lomba{
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	width: 565px;
	margin-left: 5%;
	text-align: center;
    font-size: 16px;
}
.submitlomba{
    width: 600px !important;
}

.audisi-waper{
    background-color: #fff;
    padding: 5px;
}