/* =========== © 2016 Centroarts.com  =========== */

/* Сброс */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');

/* Настройка основной типографии font-family: 'Lora', serif; */
body, select, input, textarea, button {
	font: normal 14px/1.5 'Roboto', sans-serif;
	color: #353535;
	outline: none;
}
	a { 
		outline: none;
		color: #a7aabb;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }
* {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.mobile_menu_btm{display: none;}


body{
	font-family: 'Roboto', sans-serif;
	color: #333333;
	font-size:16px;
	line-height: 1;
	background-color: #0c0c10;
    /*background: url(https://simhost.org/uploads/posts/2021-06/1622674716_bgpatern6.png); */
}

.header{
	display: flex;
	justify-content: center;
	left: 0;
	max-width: 100vw;
	height: 66px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
	background: #202634;
}

.box_header{
	--wrapper-horizontal-padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1280px;
}

.logo{
	align-items: flex-start;
	height: 24px;
	display: flex;
	gap: 3px;
	text-decoration: none;
}

.header_right{
	align-items: center;
	display: flex;
	flex-shrink: 1;
	justify-content: space-between;
}

.profile_picture img{
	width: 32px;
	height: 32px;
	border-radius: 32px;
}

.search_svg{
	width: 16px;
	height: 16px;
	fill: #a7aabb;
}

.icon_svg{
	width: 16px;
	height: 16px;
	fill: #ffffff;
}

.menu_header {
    display: flex;
    align-content: center;
    flex-direction: row;
}

.menu_header ul{
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}

.menu_header li a{
	color: #a7aabb;
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.menu_header li a{
	text-decoration: none;
	padding: 11px 12px;
}

.menu_header li.drop_block_li{position: relative;}

.drop_li{
    position: absolute;
    display: none;
    z-index: 100;
    top: 25px;
    left: -150px;
    transition: all .3s ease 0s;
    padding-top: 15px;
}

.drop_li{left: -15px;}

.drop_block_li:hover .drop_li{
    display: block;
    max-height: 500px;
    -webkit-animation: fadein2 .3s ease-in;
    -moz-animation: fadein2 .3s ease-in;
    animation: fadein2 .3s ease-in;
}

@keyframes fadein2 {
    from {
        opacity: 0;
        padding-top: 25px
    }

    to {
        opacity: 1;
        padding-top: 15px
    }
}

.drop_li_menu{
    border-radius: 15px;
    box-shadow: 0 10px 30px 10px rgb(15 18 26);
    display: block!important;
    padding: 0;
    position: relative;
    top: 0;
    list-style-type: none!important;
    left: 0;
    width: auto;
    border: none;
    margin: 0;
}

.drop_li_menu li a{
    border-bottom: #0f121a 2px solid;
    background: #202634;
    padding: 14px 18px;
    text-decoration: none;
    text-transform: unset;
    font-weight: 400;
    font-size: 15px;
    display: block;
    white-space: nowrap;
}

.drop_li_menu li a:hover {background: #37415a;}

.drop_li .drop_li_menu>li:last-child a {
    border-radius: 0 0 15px 15px;
    border: 0;
}

.drop_li .drop_li_menu>li:first-child a {
    border-radius: 15px 15px 0 0;}

.body_box{
	max-width: 1240px;
	margin: 0 auto;
	background-color: #f3f3f3;
}

.fotter, .box_header{
	max-width: 1280px;
	position: relative;
	margin: 16px auto;
}

.btmlink{
	width: auto;
	min-width: 32px;
	height: 32px;
	border-radius: 8px;
	border:none;
	background-color: #194dc5;
	text-align: center;
	cursor: pointer;
	color: #ffffff;
	line-height: 32px;
	text-decoration: none;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

.btmlink:hover{background-color: #103385;text-decoration:none;}


.btmldark{background-color: #37415a;}
.btmldark:hover{background-color: #4a546c;}

.btmnone{background-color: #202634;}
.btmnone:hover{background-color: #202634;}
.btmnone:hover .search_svg{fill: #ffffff;}


.padlr12{padding: 0 12px;}
.padlr16{padding: 0 16px;}
.mr8{margin-right: 8px;}
.mr16{margin-right: 16px;}
.mr24{margin-right: 24px;}


.ml16{margin-left: 16px;}

/*--- shearch ------ ***/

.search_bar_field {
    display: none;
    background-color: #1a1e28;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 66px;
    margin: auto;
    width: 100%;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search_bar{
    width: 1280px;
    margin: auto;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.search_filter{
    display: none;
    width: 100%;
    height: 100vh;
    z-index: 2;
    position: fixed;
    background: hsl(0deg 0% 0% / 74.0%);
}

.search_bar_open, .filter_open{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

html.no-scroll {
    height: 100vh;
    overflow: hidden;
    position: fixed;
    width: 100vw;
}
.search_cl{display: none;}
.search_op{display: flex;}
.search_op_df .search_cl{display: flex;}
.search_op_df .search_op{display: none;}

.btm_search{display: none;}

.search_bar_input{
    width: 865px;
    background-color: #0f121a;
    border: 1px solid #0f121a;
    border-radius: 8px;
    padding: 0 12px;
    color: rgb(167 170 187);
    height: 32px;
    display: block;
}

.search_form {
    display: flex;
    gap: 18px;
    align-items: center;
}

/*---Quick search on the site---*/

#searchsuggestions {
    z-index: 2200;
    width: 865px;
    border-radius: 2px;
    background-clip: padding-box;
    font-size: .9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    #searchsuggestions a, #searchsuggestions span.notfound {
    padding: 15px 25px;
    background-color: #0f1219;
    border-radius: 8px;
    display: block;
    text-decoration: none;
    margin-top: 6px;
    color: rgb(167 170 187);
    box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
}
    #searchsuggestions a { color: rgb(167 170 187); }
    #searchsuggestions a:hover {  background-color: #171c26;}
    #searchsuggestions a span { display: block; cursor: pointer; line-height: 1.3;}
    #searchsuggestions span.searchheading {
        display: block;
        font-weight: bold;
        margin-bottom: 0.4em;
        font-size: 16px;
    }

    #searchsuggestions a:hover > span.searchheading{color: rgb(64, 98, 187);}
    #searchsuggestions span.seperator { display: block; }
    #searchsuggestions span.seperator a {
        padding: 10px 0;
        text-align: center;
        border: 0 none;
        background-color: #37415a;
        color: #ffffff; 
    }
    #searchsuggestions span.seperator a:hover {background-color: #4a546c;}

    #searchsuggestions span.notfound { padding: 15px 25px; display: block;  }
    #searchsuggestions .break { display: none; }


.fotter{padding: 32px 32px 58px;}

.box_fotter
{
	display: grid;
	grid-template-columns: 1fr min-content;
	grid-row-gap: 64px;
	grid-column-gap: 7.73%;
}

.flogo p{
	font-size: 16px;
	line-height: 1.3;
	color:#a7aabb;
}

.logosvg{
	display: block;
	height: 24px;
	margin-bottom: 16px;
	width: auto;
	fill: #ffffff;
}

.socsvg:hover{fill: #a7aabb;}

.fmenu{}

.item_cat{
	font-size: 14px;
}

.fmenu a, .item_cat{
	color:#58585e;
	text-decoration: none; 
}

.fmenu a.fmenu_top{
	color:#a7aabb;
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
}
.fmenu a.fmenu_top:hover, .menu_header li a:hover{color:#fff;}
.fmenu a:hover{color:#a7aabb;}

.fmenu ul{
	display: flex;
	flex-wrap: wrap;
}

.fmenu li{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 4px;
	margin-right: 16px;
}

/*.fmenu a.a_subnav:before{
	color:#58585e;
	content: "•";
	margin-left: 8px;
	margin-right: 8px
}*/

.socsvg{
	height: 25px;
	width: 25px;
	fill: #ffffff;
}

.box_social{
	display: flex;
	margin: 0;
	padding: 0;
}

.box_social li{
	margin-left: 32px;
	margin-right: 0;
}

.box_social li:first-child {
    margin: 0;
}

.box_social li a{
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	position: relative;
	text-decoration: none;
}
.fmenu_help{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 600px;
}

.copir {
    --restriction-width: 48px;
    grid-column-gap: 15px;
    grid-row-gap: 8px;
    color: rgb(var(--white));
    display: grid;
}

.copir p{
	color: #a7aabb;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
}

.copir span{font-size: 14px;line-height: 1.3; color: #58585e;width: 340px; display: flex;}

.age{
	color: #DD1E1E;
    border-radius: 16px;
    border: 1px solid #DD1E1E;
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 2px 4px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/****  вывод модельного окна --  */

.tab-pane { display: none; }
.active { display: block; }

.modal_div {
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    display: none;
    opacity: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.modal_bg{
    width: 100%;
    height: 100%;
    background-color: #151522;
}

.modal_header{
    width: 100%;
    height: 50px;
}

.modal_close{
    float: right;
    color: #fff;
    padding:16px;
    cursor: pointer;
    pointer-events: auto;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.modal_close:hover{
    opacity: 1;
}

.modal_body{
    width: 270px;
    margin: auto;
}

.login_logo{
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_tabs{
    margin-top: 15px;
    display: flex;
}

.login_tabs .tabs_l{
    color: #575964;
    font-size: 15px;
    text-align: center;
    width: 50%;
    line-height: 24px;
    padding:15px;
    cursor: pointer;
    border-bottom: 1px solid #575964;
    transition: color .2s ease-out, background 1s ease-in;
}

.login_tabs .tabs_l.active, .login_tabs .tabs_l.active:hover{
    color: #ffffff;
    border-bottom: 1px solid #fff;
}

.login_tabs .tabs_l:hover{
    color: #b4b5bb;
}

.login_form p {
    color: #B6B6B6;
    text-align: center;
    font-size: 15px;
    margin: 15px 0;
}

.form_social{
    align-items: center;
    justify-content: center;
    display: flex;
}

.form_social .f_social{
    width: 24px;
    height: 24px;
    color: #fff;
    fill: #fff;
    cursor: pointer;
    opacity: 0.86;
    margin: 0 15px;
    transition: color .2s ease-out, opacity 0.2s ease-in;
}

.social_login{
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

.social_login_size{
    width: 24px;
    height: 24px;
    margin: 0 8px;
}

#ui_close {
    width: 24px;
    height: 24px;
    fill: #fff;
}

.ya{background-image: url(https://simhost.org/templates/game_night/images/social/yandex.svg);}
.gol{background-image: url(https://simhost.org/templates/game_night/images/social/google.svg);}
.fbk{background-image: url(https://simhost.org/templates/game_night/images/social/fbk.svg);}
.vks{background-image: url(https://simhost.org/templates/game_night/images/social/vk.svg);}
.twit{background-image: url(https://simhost.org/templates/game_night/images/social/twitter.svg);}
.mru{background-image: url(https://simhost.org/templates/game_night/images/social/mailru.svg);}
.clone{background-image: url(https://simhost.org/templates/game_night/images/social/classone.svg);}

.form_separator{
    text-align: center;
    position: relative;
    letter-spacing: 1px;
    line-height: 14px;
    overflow: hidden;
    margin: 15px 0 20px;
    font-size: 14px;
    color: #B6B6B6;
}

.form_separator:before, .form_separator:after {
    display: block;
    content: '';
    width: 50%;
    height: 1px;
    background-color: #575964;
    position: absolute;
    top: 7px;
}

.form_separator:before {
    left: -22px;
}

.form_separator:after {
    right: -22px;
}

.form_group {
    margin-bottom: 20px;
    border: 1px solid #0f0f11;
    border-radius: 8px;
}

.reginfo {
    color: #fff;
    margin-bottom: 16px;
    font-size: 14px;
}

.recaptcha_box {
    margin-top: 16px;
}

.recaptcha_box iframe {
    width: 268px;
}

.mlogin_group_input{}
.mlogin_group_input input{
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: none;
    box-sizing: border-box;
    background: none repeat scroll 0 0 transparent;
    transition: color .2s ease-out, background 0.2s ease-in;
    border: 0px;
    border-top: 1px solid #3c3e46;
    height: 44px;
    margin: 0 0 -1px 0;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    width: 100%;
    color: #FFFFFF;
    background-color: #51545e;
    display: block;
    font-size: 15px;
}

.mlogin_group_input input.first{
    border-radius: 8px 8px 0 0;
}

.mlogin_group_input input.last{
    border-radius: 0 0 8px 8px;
}

.mlogin_group_input input:focus{
    background-color: #33353C;
}

.form_fotter p{
    padding:10px 0;
    text-align: left;
    color: #B6B6B6;
    font-size: 13px;
}

.form_fotter p a{
    color: #575964;
    text-decoration: none;
}

.form_fotter p a:hover{
    color: #b4b5bb;
    text-decoration: underline;
}

.btm_sml{
    height: 35px;
    width: 100%;
    padding: 0;
    height: 40px;
    background-color: #194dc5;
    color: #fff;
    border-radius: 8px;
    border: 2px solid #194dc5;
    display: block;
    cursor: pointer;
}


.btm_sml:hover{
    background-color: transparent;
    border: 2px solid #194dc5;
    color: #0085d2;
}

.none{
    display: none;
}

/****  / вывод модельного окна */


/****  fitcher */

.fitcher_content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
}
.fitcher_content{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.fitcher_card{
    display: inline-block;
    position: relative;
    overflow: hidden;
    
    background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
    border-radius: 9px;
    z-index: 1;
}
/*background-color: #202634;
.fitcher_content .fitcher_card:nth-of-type(1), .fitcher_content .fitcher_card:nth-of-type(2){
    grid-column-start: 1;
    grid-column-end: 4;
    height: 360px;
}*/

.fitcher_content .fitcher_card:first-of-type {
    grid-column-start: 1;
    grid-column-end: 4;
    height: 320px;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 20%);
}


.fitcher_content .fitcher_card:nth-of-type(2){
    grid-column-start: 4;
    grid-column-end: 7;
    height: 320px;
}

.fitcher_content .fitcher_card:nth-of-type(3){
    grid-column-start: 1;
    grid-column-end: 3;
    height: 320px;
}

.fitcher_content .fitcher_card:nth-of-type(4){
    grid-column-start: 3;
    grid-column-end: 5;
    height: 320px;
}

.fitcher_content .fitcher_card:nth-of-type(5){
    grid-column-start: 5;
    grid-column-end: 7;
    height: 320px;
}

.fitcher_wrapper{
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg,transparent,rgba(0,0,0,.65));
}

.fitcher_wrapper img{
    display: block;
    position: absolute;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: -1;
    transition: transform 0.5s ease-out 0s;
}

.fitcher_card:hover > .fitcher_wrapper img{
    opacity: 0.75;
    transform: scale(1.04);
    transition: transform 0.75s ease-in-out 0s;
}

.card_content {
    position: absolute;
    bottom: 0;
    top: 190px;
    color: #fff;
    padding: 0 32px 32px;
}

.card_meta{
    padding: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.card_title{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 12px;
}

.mb_no{padding-bottom: 0px;}

.cat{
    background: #0f121a;
    padding: 0px 4px;
    border-radius: 2px;
    /* text-transform: uppercase; */
    font-size: 12px;
    line-height: 16px;
    margin-right: 8px;
    color: #fff;
}
.cat1{color:#ffffff;background:#25be7e;}
.cat2{color:#ffffff; background:#0085b0;}
.cat3{color:#ffffff; background:#e26606;}
.cat4{color:#ffffff; background:#b808d8;}
.cat5{color:#ffffff; background:#08d8a0;}
.cat6{color:#ffffff; background:#171a21;}
.cat7{color:#ffffff; background:#b42a0e;}
.cat8{color:#000000; background:#ffd634;}
.cat9{color:#000000; background:#d78209;}
.cat10{color:#ffffff; background:#b732ec;}
.cat11{color:#ffffff; background:#075fb9;}
.cat12{color:#ffffff; background:#00aced;}
.cat13{color:#ffffff; background:#27b000;}
.cat14{color:#ffffff; background:#333333;}
.cat15{background: #ffd70f;}
.cat16{color:#ffffff; background:#ec32b8;}
.cat17{color:#ffffff; background:#171a21;}
.cat18{color:#ffffff; background:#9a7447;}
.cat19{color:#ffffff; background:#312ece;}
.cat20{color:#ffffff; background:#0e700e;}
.cat21{color:#ffffff; background:#0085d2;}


/****  fitcher end */

/*------- посты --*/

.four_up {

    border-bottom: 0px;
    overflow: hidden;
}

.page_content {
    max-width: 1280px;
    padding: 99px 32px 58px;
    margin: auto;
    background-color: #1c1d2b;
    border-radius: 0 0 12px 12px
}

.object_cataloge{
    padding-top: 32px;
    border-radius: 0 0 12px 12px;
}

.object_xf{padding-top: 99px;}

.mb_no{padding-bottom: 0px;}

.content_feed{background-color: rgb(15 18 26);}

.page_top{padding-top: 32px;border-radius:0 0 12px 12px;}
.page_top2{
    padding: 32px;
    border-radius: 0;
    background-color: #202634;
}
.page_article{padding-top: 99px;}

.comments{
    margin-top: 16px;
    border-radius: 12px;
    padding: 32px;
}

.headline {
    color: #a7aabb;
    font-size: 2.25rem;
    font-weight: 900;
    padding-top: 0px;
    margin: 0px 1em 24px 0px;
    width: 100%;
}

.four_up_items {
	display: grid;
	grid-template-columns: repeat(2, minmax(46%, 48%));
	grid-template-rows: auto auto;
	column-gap: 24px;
}


.four_up_items .content_item {
    padding: 18px 0px;
    padding-top: 0px;
}

.four_up_items .item_body {
    display: grid;
    grid-auto-flow: row;
    gap: 12px;
    grid-template-rows: min-content auto;
}

.content_item a {
    text-decoration: none;
}

.item_thumbnail{position: relative;}

.aspect_ratio{
	padding-bottom: 48.25%;
	width: 100%;
	position: relative;
}

/*.aspect_video{padding-bottom: 57.25%;}*/

.aspect_ratio_child{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
    border-radius:8px;
}

.aspect_ratio_child img{
	background-color: #1c202b;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	transition: all .3s ease-in-out;
}

.play_btm {
    position: absolute;
    top: calc(60% - 37px);
    left: calc(55% - 37px);
    z-index: 66;
}

.item_thumbnail img:hover{opacity: 0.85;transform: scale(1.025);}

.item_body:hover > .item_thumbnail img{opacity: 0.85;transform: scale(1.025);}

.content_feed_grid .item_body {
    display: grid;
    grid-auto-flow: column;
    gap: 12px 18px;
    grid-template-columns: 1fr 2fr;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}

.item_details {
    display: grid;
    row-gap: 0.5rem;
}

.item_cat a{ font-size: 14px; line-height: 1.3; }



/*--------- контент ------*/
/*
.content_feed_grid{
    display: grid;
    column-gap: 36px;
    grid-template-columns: [mainContent-start] auto [mainContent-end rightRail-start] 300px [rightRail-end];
}

.main_content{
    flex: 1 1 40%;
    grid-area: mainContent / mainContent / mainContent / mainContent;
} /5/*/


.four_up_items .content_item{padding: 18px 0px; padding-top: 0px;}

.content_feed_grid .content_item{border-bottom: 1px solid rgb(55 65 90 / 37%);}

.content_feed_grid .content_item:last-child{border:none;}

.content_feed_grid .content_item {
    padding: 18px 0px; position: relative;
}

.content_feed_grid .content_item:first-of-type{padding-top: 0px} 

.content_item a{text-decoration: none;}

.item_title{
    margin: 0px;
    color: #a7aabb;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.25;
}

.content_item:hover .item_title a{
    text-decoration: underline;
    color: rgb(64, 98, 187);
    cursor: pointer;
}

.content_item:hover .item_title{
    text-decoration: underline;
    color: rgb(64, 98, 187);
    cursor: pointer;
}

.item_subtitle {
    color: rgb(167 170 187);
    font-size: 15px;
    line-height: 1.4
}

.item_subtitle{
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.item_subtitle a{
    color: rgb(64, 98, 187);
    text-decoration: underline;
}

.item_subtitle a:hover{color: rgb(191, 19, 19);}

.item-more-data {
    /*margin-right: auto;*/
    display: flex;
    align-items: center;
    gap: 18px;
   	flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.item_data, .autor_link, .view, .comment_count, .edit_link{
    display: flex;
    gap: 4px;
    /*margin-right: auto;
    display: grid;
    gap: 4px;
    -webkit-box-align: start;
    align-items: center;
    grid-auto-flow: column;*/
}
.item_data{
    color: rgb(191, 19, 19);
    font-weight: 600
}
.item_data, .autor_link, .view, .comment_count, .edit_link, .item-more-data a{
    font-size: 0.895rem;
    font-weight: 600;
    line-height: 1.125;
    letter-spacing: -0.004875rem;
    color: rgb(55 65 90);
}
.item-more-data a:hover{color: #4a546c;text-decoration:none;}


.item_data{color: rgb(55 65 90);}

.xbox{color: rgb(0 197 33);}

.item_data a{/*color: rgb(191, 19, 19);*/color: rgb(55 65 90);text-decoration: none}
.item_element a{color: rgb(191, 19, 19);}
.svgst svg{
    background-size: 100%;
    height: auto;
    width: auto;
    fill: #37415a;
}

.date {
    color: rgb(124, 125, 125);
    font-weight: 400;
}

.autor_profil{
    background-size: 100%;
    background-color: #202634;
    cursor: inherit;
    user-select: none;
    aspect-ratio: 1 / 1;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.5rem;
}
.autor_profil{
    width: 16px;
    height: 16px;
    border-radius: 16px;
}

.content_link{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*-- Полная страница поста --*/
.article_box{background-color: rgb(15 18 26);}
.article_page, .article_desc, .article_tegs, .article_autor, .article_comments{
    color:#a7aabb;
    width: 760px;
    margin: auto;
}
.article_page, .article_object{
    font-size: 18px;
    line-height: 30px;
    padding-top: 12px;
}

.article_desc h1, .article_page h2, .article_page h3, .article_object h1, .article_object h2, .article_object h3{
    font-weight: bold;
    margin: 12px 0;
}

.article_desc h1{
    font-size: 40px;
    line-height: 44px;
}

.article_page h2{
    font-size: 29px;
    line-height: 35px;
}

.article_page h3, .title{
    font-size: 24px;
    line-height: 28px;
}

.article_page img.fr-dib{
    display: block;
    width: 100%;
    height: auto;
    margin: 16px 0;
    border-radius: 8px;
}

.article_page a{color:#194dc5;border-bottom: 1px solid #194dc5;text-decoration:none;}
.article_page a:hover{text-decoration:none;color:#bf1313;border-color:#bf1313;}
.article_page b{font-weight: bold;}
.article_page li{
    list-style: disc;
    margin: 10px 0 10px 2em;
    word-wrap: break-word;
}

.article_page p span {
    color: #fff;
    padding: 2px 8px;
    border-radius: 6px;
}

.article_page iframe {
    width: 100%;
    height: 428px;
    margin-bottom: 15px;
    border-radius: 16px;
}

.article_page .quote{
    font-family: 'Lora', serif;
    background: #202634;
    padding: 25px;
    text-align: left;
    font-size: 24px;
    line-height: 1.3;
    /* font-weight: 600;  */
    border-radius: 16px;
}

.article_page .quote i{font-size: 20px;}
.article_page .quote a{  }

.article_tegs{padding: 34px 0 0 0;}
.article_tegs a{
    padding: 6px 9px;
    background-color: #0c0c10;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}

.article_tegs a:hover{background-color: #37415a}

.article_page_fotter{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.fbtm{
    background-color: #28293A;
    color: #a7aabb;
    padding: 8px 12px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}

.fbtm a{
    text-decoration: none;
}

.img_galery{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.img_galery img {
    display: flex;
    width: 33%;
}

.rate_value{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 12px;
}

.foter_telega, .article_page_fotter{
    color: #a7aabb;
    width: 760px;
    margin: auto;
    margin-top: 34px;
}
.foter_telega a.post_alert{
    padding: 16px;
    display: flex;
    background-color: #28293a;
    border-radius: 8px;
    font-size: 18px;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    gap: 6px;
}

.foter_telega a.post_alert:hover{background-color: #3b3c52;}

.foter_telega a.post_alert b{font-weight: 600;}

.alert_icon::before{
    width: 24px;
    height: 24px;
    display: inline-flex;
    font-size: 18px;
    line-height: 1.3;
    line-height: 24px;
}

.ai1::before{
    content: "🍓"}

.ai2::before{
    content: "🎄"}

.ai3::before{
    content: "🚨"}

.relnews{margin: 34px 0 0 0;}

.relnews li{
    list-style: disc;
    margin: 16px 0 0 25px;
    font-size: 18px;
    line-height: 1.3;
}
.relnews li a{text-decoration: none;}

.relnews li a:hover{
    text-decoration:none; 
    color: #194dc5;
    border-bottom: 1px solid #194dc5;}

.article_autor{
    padding-top: 34px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.team{
    background: #194dc5;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.desc_meta{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.profile_name{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    height: 32px;
}

.desc_meta a {
    display: flex;
}

.desc_autor{
    color: #37415a;
    padding: 8px 0;
    line-height: 1.2;
    font-size: 15px;
}

.video_article_box, .mimg_article_box{
    width: 840px;
    margin: auto;
    margin-top: 12px;
}

.video_article_box iframe {
    width: 100%;
    height: 472px;
    margin-bottom: 15px;
    border-radius: 9px;
}

.mimg_article_box img{
    width: 100%;
    border-radius: 9px;
}

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv { padding: 10px 0; min-width: 140px; width: auto !important; opacity: 1 !important; display: none; font-size: 1.0em;
        box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6;border-radius: 8px; border-color: rgba(0,0,0,0.1); background-clip: padding-box;
    }
    #dropmenudiv { background-color:#202634; }
    #dropmenudiv a { text-decoration: none !important; color: inherit; display: block; padding: 8px 16px; border: 0 none; white-space: nowrap; color: rgb(124, 125, 125); }
    #dropmenudiv a:hover { background-color: #37415a; }


.pages, .navigation{
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    justify-content: center;
    margin: 16px auto 0;
    max-width: 100%;
}
.pages span, .pages a, .navigation a{
    padding: 8px 12px;
    display: flex;
    align-items: center;
    background-color: #37415a;
    border-radius: 8px;
    color: rgb(167 170 187);
    text-decoration: none
}

.pages span{
    background-color: #ffffff;
    color: #37415a;
}

.pages a:hover, .navigation a:hover{background-color: #4a546c;}

.tile-link{
    display: flex;
    flex-direction: column;
}

.object-thumbnail{
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
}

.object-thumbnail img{
    width: 100%;
    height: 100%;
}


.item_rb {
    margin-bottom: 15px;
    width: 100%;
    background-color: rgb(15 18 26);
    border-radius: 12px;
    color: rgb(167 170 187);
}

.item_cats {
    padding: 32px;
}

.item_cats h1{
   font-weight: bold;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 12px;
}
.item_cats p{
    font-size: 15px;
    line-height: 1.4;
}

.game_slider, .object_cataloge div#dle-content{ 
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px 30px;
}

.figure-tile {
    max-width: 224px;
    min-width: 120px;
}

.figure-tile a:hover{text-decoration: none;}

.object-thumbnail{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 8px;
}

.object-thumbnail img{
    transform: scale(1);
    transition: transform .3s ease-in-out;}

.figure-tile:hover .object-thumbnail img{transform: scale(1.1);}

.details{
    display: flex;
    margin-top: 12px;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    text-decoration: none;
}

.object_title{
    line-height: 1.5;
    text-align: left;
    font-weight: bold;
}

.object_title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
    max-height: 4rem;
    margin-bottom: 4px;
}

.object_title:hover{
    text-decoration: underline;
    color: rgb(64, 98, 187);
    cursor: pointer;
}
.object_meta{color: rgb(55 65 90);}

.object_tab{
    display: flex;
    justify-content: flex-end;
    left: 4px;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.add_collection{
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(64,69,71,.5);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    padding: 0;
    width: 32px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.add_collection:hover{background: #202634;}
.icon-add{
    background-size: 100%;
    cursor: inherit;
    user-select: none;
    aspect-ratio: 1 / 1;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1rem;
    color: #fff;
}

.platforms_box{
    display: inline-flex;
    margin-bottom: 8px;
}

.platforms{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    fill:#fff;
}

.ps4{
    width: 22px;
    background-image: url(../images/ps4.svg);
}
.pc_platf{
    background-image: url(../images/pc.svg);
}

.xbox{
    background-image: url(../images/xbox.svg);
}

.apple{
    background-image: url(../images/apple.svg);
}

.android{
    background-image: url(../images/android.svg);
}

.stadia{
    background-image: url(../images/stadia2.svg);
}

.nintendo{
    background-image: url(../images/nintendo.svg);
}
.nswitch{
    background-image: url(../images/NSwitch.svg);
}


/* game baza d */

.item_object{
    display: grid;
    grid-gap: 34px;
    grid-template-columns: 1fr 3fr 3fr;
    -webkit-box-align: center;
    align-items: start;
    padding: 34px;
    border-radius: 24px;
    background-color: #28293a;
    color: #a7aabb;
    margin-top: 34px;
}
.box_one{grid-template-columns: 1fr;grid-gap: 12px;grid-auto-flow: row;align-items: center; align-content: start;}
.box_two{grid-template-columns: 1fr 1fr;}

.object_all{grid-template-columns: 1fr 5fr;}

.padding_object{/*margin-bottom: 34px;*/}

.breadcrumbs{
    width: 100%;
    margin-bottom: 24px;
    color: #a7aabb;
}
.speedbar li{
    font-size: 14px;
    float: left;
    margin-right: 8px;
    text-decoration: none;
}

.speedbar li a:hover{
    border-bottom: 1px solid #a7aabb;
    text-decoration: none;
}

.games_poster{
    width: 100%;
    min-width: 200px;
    height: auto;
    z-index: 6;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
    background: #0f121a;
}

.games_poster img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .3s ease-in-out;
}

.games_poster:hover img {
    transform: scale(1.1);
}

.games_page_desc h1 {
    white-space: pre-wrap;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 12px;
}

ul.game_desc_li {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

ul.list-li-row {flex-direction: row;}

ul.game_desc_li li{
    display: flex;
    flex-direction: row;
    gap: 4px;
    line-height: 1.3;
}

ul.game_desc_li li span{}

.game_desc_li a{
    text-decoration: underline;
}

.game_desc_li a:hover{
    text-decoration: underline;
    color: rgb(64, 98, 187);
    cursor: pointer;
}

.play_link{
    display: inline-flex;
    border-radius: 8px;
    flex-direction: row;
    align-items: center;
    background: #1c1d2b;
    gap: 6px;
    color: #fff;
    padding: 8px 16px;
}

.mlink{}

.top_m{
    margin-top: 24px;
}

.play_link:hover{background: #503487;}

.game_desc_li a.play_link{color: #fff;text-decoration:none;}

.game_movie_poster{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
}

.game_art_poster{height: 136px;}

.play_btm {
    position: absolute;
    top: calc(60% - 27px);
    left: calc(55% - 31px);
    z-index: 66;
}

.game_movie_poster img{
    width: 100%;
    height: auto; 
}
.game_movie_poster img, .cover_img img{
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.game_movie_poster:hover img, .cover_img:hover img{
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-transition: -webkit-transform 0.75s ease-in-out;
    -webkit-transition: transform 0.75s ease-in-out;
    transition: transform 0.75s ease-in-out;
}

.game_movie_title{
    margin: 12px 0 8px 0;
    font-size: 14px;
}


.page_object{padding: 0px;}

.page_object .article_page{
    width: 100%;
}

.nav_object{padding: 34px 0 0 0;}

.nav_object a {
    background-color: #28293a;
    padding: 0px 16px;
    border-radius: 32px;
    margin-right: 4px;
    display: inline-flex;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
}
.nav_object a:hover{background-color: #4a546c;color:#ffffff;}
.nav_object a.active{background-color: #194dc5;color:#ffffff;}

.item_object h2, .h2_game{
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    color: #a7aabb;
}

.item_object h2.alt_title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #6a6f8b;
}

.h2_game{
    margin: 34px 0;
}

.item_object p{
    font-size: 14px;
    line-height: 1.3;
}

.requirements_box{
    display: grid;
    grid-gap: 34px;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    align-items: start;

}

.requirements li {
    line-height: 1.3;
}

.requirements{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.requirements h2{
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
.requirements ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stack{
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: space-evenly;
}

.stack_meta_item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
}

.stack_meta_item h4{
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.stack_time{}
.caption{
    margin: 0px;
    font-size:0.6875rem;
    line-height: 1.35;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-weight: 500;
}

.divider{
    margin: 0px;
    border: 0px;
    width: 1px;
    background-color: #1c1d2b;
    align-self: stretch;
    flex: 0 0 1px;
}

.rpb{
    background-color: #cb4151;
    padding: 2px 4px;
    border-radius: 4px;
    color: #fff;    
}

.box-wrapper.two {
    display: grid;
    grid-auto-columns: 2fr 1fr;
    grid-auto-flow: column;
    gap: 34px;
}

/* game baza end  */


/*-- comments add --*/
.add_comments{
    margin-bottom: 34px;
}
.comment_form{
    padding: 16px;
    background-color: rgb(15 18 26);
    border-radius: 16px; 
}

.comment_editor{
    
}

.comment_editor textarea, #dlefastreplycomments .bb-editor textarea{
    font-family: 'Roboto', sans-serif;
    border:none;
    resize: none;
    overflow: hidden;
    background-color: rgb(15 18 26);
    color: rgb(167 170 187);
    font-size: 18px;
    line-height: 1.3;
    width: 100%;
    height: 70px;
}
#dlefastreplycomments .bb-editor textarea{margin-top: 16px;}
    
.commbtm{
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
}

.comment_panel, .save-buttons{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}


/*-- comments  --*/
.comment, .mass_comments_action, #dlefastreplycomments{
    background-color: #28293a;
    padding: 16px;
    margin-bottom: 12px;
    border-radius:16px;
}
#dlefastreplycomments{background-color: rgb(15 18 26);}


.comment_header{
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    max-width: 100%;
}
.comment_autor{}
.comment_autor a{
    grid-column-gap: 10px;
    display: grid;
    flex-shrink: 1;
    grid-template-columns: 32px 1fr;
    grid-template-rows: 20px 1fr;
    text-decoration: none;
}
.comment_autor_avatar{
    align-self: center;
    display: block;
    grid-row: 1/3;
    height: 32px;
    background-size: contain;
    border-radius: 32px;
    overflow: hidden;
}
.comment_autor_name{
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.comment_date{
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px; 
}

.autor_p{
    font-weight: 400;
    font-size: 12px;
    background: #37415a;
    padding: 0 6px;
    border-radius: 4px;
    line-height: 16px;
    margin-left: 12px; 
}

.comment_body{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}

.comment_footer{
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    row-gap: 8px;
}

.comment_button{
    align-items: center;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    line-height: 16px;
    padding: 6px 8px;
    border-radius: 8px;
    text-decoration: none;
    color: #a7aabb;

}
.comment_button:hover{background-color: #37415a;}
.comment_button span, .comment_footer a{
    text-decoration: none;
    line-height: 20px;
}

/*
.comment_button svg.svg_button, .rate_item svg.svg_button{
    height: 20px;
    width: 20px;
    fill: #a7aabb; 
}

*/

.positive{
    background-color: #23B94D;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
}
.negative{
    background-color: #F31F1F;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
}

input.bbcodes{
    width: auto;
    border-radius: 8px;
    border: none;
    background-color: #194dc5;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    line-height: 32px;
    text-decoration: none;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
}

input.bbcodes:hover {
    background-color: #103385;
    text-decoration: none;
}

input.cancelchanges {
    margin-left: 8px;
    background-color: #37415a;
}

input.cancelchanges:hover{
    background-color: #4a546c;
}

/*-- comments add end  --*/

/*-- user profile  --*/

.user_page{
    background-color: #28293a;
    color: #a7aabb;
    padding: 16px;
    margin-bottom: 34px;
    border-radius: 12px;
}

.user_profil{
    display: grid;
    grid-gap: 34px;
    grid-template-columns: 1fr 3fr 3fr;
    -webkit-box-align: center;
    align-items: start;
    padding: 34px;
    border-radius: 24px;
    background-color: #28293a;
    color: #a7aabb;
    margin-top: 34px;
}

.profile_ava{
    display: inline-block;
    margin: -60px 10px 0 0;
    position: relative;
}

/*-- user profile end --*/

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-front { z-index: 1000; } 
.ui-widget-overlay {
    background: #000;
    opacity: 0.5;
    left: 0; top: 0; right: 0; bottom: 0;
    position: fixed;
    }
    .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
    .ui-helper-clearfix { display: inline-block }
    * html .ui-helper-clearfix { height: 1% }
    .ui-helper-clearfix { display: block }
    .ui-dialog {
        text-align: left;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 370px;
        border-radius: 12px;
        box-shadow: 0 8px 40px -10px rgb(0 0 0 / 30%);
        border: 1px solid #0c0c10;
        border-color: rgb(12 12 16);
        background-color: #1c1d2b;
        background-clip: padding-box;
        outline: none;
    }
    .ui-dialog-titlebar { padding: 20px 20px; position: relative;background-color: #202634;color: #a7aabb; }
    .ui-dialog-title { float: left; font-weight: bold; font-size: 1.15em; }
    .ui-dialog-titlebar-close {
        position: absolute;
        right: 10px; top: 50%;
        margin-top: -16px !important;
        height: 23px !important;
        width: 32px;
        border: 0 none !important;
        background-color: inherit !important;
        box-shadow: none !important;
        padding: 0px !important;
    }
    .ui-dialog-titlebar-close .ui-icon {
        display: block;
        margin: 10px auto 0 auto;
        width: 16px; height: 16px;
        background-image: url(/templates/Default_game/images/close.png);
        -webkit-background-size: 16px auto; background-size: 16px auto;
        opacity: .5;
    }
    .ui-button {
    float: right;
    border: 0 none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 36px;
    border-radius: 8px;
    line-height: 22px;
    outline: none;
    background-color: #194dc5;
    color: #fff;
    border: 0 none;
    padding: 7px 22px;
    text-decoration: none !important;
    box-sizing: border-box;
    -webkit-transition: all ease .1s;
    transition: all ease .1s;
    }
    .ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }
    .ui-icon, .ui-button-icon-only { overflow: hidden; text-indent: -9999px; }
    .ui-dialog label { color: #575757; }
    .ui-dialog-content { padding: 20px; overflow: auto; position: relative; zoom: 1; color: #a7aabb; }
    .loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; }
    .ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
    .ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; }
    .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
    .ui-draggable .ui-dialog-titlebar { cursor: move; }
    .ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
    .ui-button { margin: 0 3px; }
    .ui-helper-hidden-accessible{display: none;}