/* Start:/local/templates/obcasion/template_styles.css?163637972319405*/

@font-face {
font-family: 'LatoMed';
src: url('/local/templates/obcasion/../font/Lato-Medium.woff2') format('woff2'),
url('/local/templates/obcasion/../font/Lato-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
.headerLink {
  color: #fff !important; 
}
.headerFix {
    position: fixed !important; 
    top: 0;
    width: 1020px;
    z-index: 99999;
}
.header_menu {
    margin-top: 48px;
}
.navbar-toggler {
    background: #fff !important;
}
.regButton {
    border-radius: 3px;
    background-color: rgb(226, 37, 37);
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
    font-size: 15px;
    padding: 8px 10px;
    text-decoration: none;
}
.regButton:hover {
    background-color: rgb(201, 38, 38);
    text-decoration: none;
    color: #fff;
}

.regButtonBig {
    border-radius: 3px;
    background-color: rgb(226, 37, 37);
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
    font-size: 18px;
    padding: 15px 20px;
    text-decoration: none;
}
.regButtonBig:hover {
    background-color: rgb(201, 38, 38);
    text-decoration: none;
    color: #fff;
}

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, form, label, legend { border: 0px none; margin: 0px; padding: 0px; }
:focus { outline: 0px none; }
button { overflow: visible; }
body { color: rgb(0, 0, 0); font-family: 'Lato', Arial, sans-serif;min-height: 100%; background: rgb(245, 245, 245) none repeat scroll 0% 0%; position: relative; z-index: 0; }
table { border-collapse: collapse; border-spacing: 0px; }
a { color: #028cd2; font-family: 'Lato', Arial, sans-serif;text-decoration: none;}
a:hover{color: #0236c9}
span { font-family: 'Lato', Arial, sans-serif; }
img { border: 0px none; max-width: 1920px; max-height: 1200px; }
.clr { clear: both; font-size: 0px; }
html { background: rgb(240, 240, 240) none repeat scroll 0% 0%; height: 100%; }
textarea, input { font-family: 'Lato', Arial, sans-serif;font-size:13px}
p { font-family: 'Lato', Arial, sans-serif; font-size: 17px;margin-bottom: 19px;line-height: 22px;}
p.uved{font-size:20px;margin-bottom:13px}
h1,h2,h3,h4 { font-family: 'Lato', Arial, sans-serif; }
h2 {font-size: 30px; line-height: 35px}
h3{font-size: 30px; line-height: 35px}
table { font-family: 'Lato', Arial, sans-serif; }
h4 { font-size: 15px; margin-top: 0; margin-bottom: 0;}
h5 { font-size: 16px; margin-top: 0; margin-bottom: 0; color: green;}
ol{font-size:17px}
.tableofcontents{width: auto;height: auto;border: 1px solid black;background-color: #fff;margin-right: 25px;margin-bottom: 20px;padding-right:20px;font-size: 18px;}
.avbrd{width: auto;height: auto;border: 2px solid black;border-radius:10px;background-color: #fff;margin: 20px 0 20px 0;padding: 0 0 0 15px;font-size: 20px;font-weight:800;color:#029200}
.midpic{display: block;margin-left: auto;margin-right: auto;}
.ads{color: red;text-align: center}
.colored-bg-green { background: rgb(0, 176, 75) none repeat scroll 0% 0% ! important; }
.colored-bg-gray { background: rgb(210, 210, 210) none repeat scroll 0% 0% ! important; }
.by-sides tr td:first-child { text-align: left; }
.wrapper { width: 1020px; margin: 0px auto; }
.section { padding-left: 30px; padding-right: 30px; }
.section-main-content { background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.4); }
.section-general-title { padding-top: 5px; padding-bottom: 20px; }
.title { font-family: 'Lato', Arial, sans-serif; }
.color-title { margin-left: -33px; padding-left: 33px; float: left; font-family: Tahoma,Geneva,sans-serif ! important; }
.color-title .title, .color-title h1, .color-title h2, .color-title h3 { font-size: 45px; line-height: 45px; float: left; font-weight: 400; font-family: 'Lato', Arial, sans-serif !important; margin: 10px 10px 0px 0px; padding: 0px; letter-spacing: -1px; }
.full-width h1, .full-width h2, .full-width h3 { max-width: 920px; }
.title-blue .color-title { background: transparent url("/local/templates/obcasion/images/bg_title-blue.png") no-repeat scroll left top; }
.section-breadcrumbs { background: rgb(245, 245, 245) none repeat scroll 0% 0%; font-size: 12px; text-transform: uppercase; text-shadow: 0px 1px 0px rgb(255, 255, 255); font-family: Tahoma,Geneva,sans-serif; margin: 0px 10px; padding: 6px 10px; }
.section-breadcrumbs a.bread-parent { color: rgb(0, 154, 251); text-decoration: none; }
.section-breadcrumbs .breadcrumbs-arrow { background: transparent url("/local/templates/obcasion/images/breadcrumbs-arrow.png") no-repeat scroll center center; padding: 0px 8px; }
.section-breadcrumbs .bread-child { color: rgb(111, 111, 111); }
.section-header { background: rgb(0, 0, 0) url("/local/templates/obcasion/images/bg_header.png") no-repeat scroll center top; height: 105px; border-bottom: 1px solid rgb(0, 0, 0); border-top: 2px solid rgb(251, 0, 0); margin-bottom: 57px; position: relative; }
.section-header .logo { width: 260px; float: left; padding: 12px 0px 0px; }
.section-header .user-manage { width: 700px; float: left; text-align: right; }
.user-new { padding-top: 10px; }
.user-new a.user-link { color: rgb(255, 255, 255); font-size: 2em; margin-top: 5px; display: inline-block; }
.section-menu { background: transparent url("/local/templates/obcasion/images/bg_menu.png") repeat-x scroll center top; border-top: 1px solid rgb(51, 51, 51); padding-bottom: 15px; position: absolute; z-index: 99; margin-top: -57px; }
.menu-div .menu-cell { vertical-align: middle; }
.menu-cell .submenu {
    width: 100%;
    max-width: 300px;
    display: none; 
    position: absolute;
}


.menu-cell .submenu .submenu-link {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #fff;    
    background: transparent url(/local/templates/obcasion/../images/bg_menu.png) repeat-x;
    padding: 3px 10px;
    background-size: contain;
}
.menu-cell .submenu .submenu-link:hover { 
    color: #dcd9d9;
}
.menu-div .separ { width: 2px; background: transparent url("/local/templates/obcasion/images/bg_menu-separ.png") repeat-x scroll center center; }
.menu-div a.menu-link { display: table-cell; height: 42px; vertical-align: middle; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 0px 15px; }

.menu-link:hover { 
    color: #dcd9d9;
}

.menu-div a.menu-link span { display: inline-block; font: 13px Lato,Tahoma,Geneva,sans-serif; color: rgb(255, 255, 255); }
.lent-date, .lent-user, .lent-views, .lent-comments, .topic-actions { display: inline-block; margin-right: 0px; }
.lent-views { padding-left: 3px; min-height: 10px; text-decoration: none; line-height: 15px; }
.section-responses { padding: 10px 2px 20px; width: 100%; max-width:730px;}
.user-info td { vertical-align: middle; padding: 5px 0px; }
.user-info .lent-comments, .user-info .lent-views, .topic-actions { color: rgb(51, 51, 51); font-size: 13px; vertical-align: middle; }
.vote-minus, .vote-plus { height: 16px; width: 16px; display: inline-block; vertical-align: middle; cursor: pointer; background: transparent url("/local/templates/obcasion/images/vote.png") no-repeat scroll 0% 0%; }
.vote-plus { background-position: 0px 0px; margin-left: -5px; }
.vote-minus { background-position: -16px 0px; }
.vote-result { font-family: 'Open Sans', sans-serif; font-size: 15px;display: inline-block; vertical-align: middle; height: 20px; color: rgb(255, 255, 255); border-radius: 3px; margin: 0px 1px; padding: 0px 5px; }
.sect-comment .vote-result { font-size: 14px; height: 16px; line-height: 18px; }
.td-user-info { width: 35px; }
.td-user-name { text-align: left ! important; line-height: 14px; padding-left: 5px ! important; font-weight: bold}
.td-user-name .response-date { background: transparent none repeat scroll 0% 0%; padding-left: 0px; }
.user-info .user-image { vertical-align: middle; float: left; margin: 6px 0px 0px; }
.user-image img { border-radius: 3px; }
.user-info .user-name { font-size: 15px; display: inline-block; vertical-align: baseline; }
.response-date { font-size: 13px; color: rgb(51, 51, 51); display: inline-block; line-height: 15px; }
.responses-title { font: 20px Lato,Tahoma,Geneva,sans-serif; background: rgb(238, 238, 238) none repeat scroll 0% 0%; color: rgb(51, 51, 51); padding: 5px 7px; }
.response-body { background: rgb(240, 240, 240) none repeat scroll 0% 0%; position: relative; padding: 5px ! important; }
.blog-block { border-bottom: 1px solid rgb(238, 238, 238); padding: 5px 5px 9px; }
.user-vote { white-space: nowrap; }
.footer-bottom {padding: 23px 0px 20px; background: #2c2c2c; }
.footer-logo { float: left; margin: -2px 15px 0px 15px; }
.info-menu { font-size: 12px; color: rgb(210, 210, 210); float: right; width: 360px; text-align: right; margin: 0px; padding: 4px 0px 0px; }
.info-menu li { border-left: 1px solid rgb(210, 210, 210); list-style: outside none none; display: inline-block; padding: 0px 13px; }
.main_text { font-size: 16px; color: rgb(0, 0, 0); line-height: 150%; padding: 0px 2px; }
.main_text img { max-width: 726px; max-height: 1200px; }
.main_text p img { max-width: 100%; }
.center { text-align: center; margin: 5px 0px; }
.clear { clear: both; }
.no-borders { border: medium none ! important; }
table, td, tr, .comment_level_icons, .nyroModalImage img { vertical-align: top; }
a:hover, .user-short-data .title a, .title-actions .title-menu a, .tab-actions .tab-menu a, .user-name a, .sect-friends .popup .title a, .user-info .popup .title a, .profile-data .val a { text-decoration: none; }
.by-sides tr td, .sect-comment .user-mark, .one-action { text-align: right; }
.title-current-menu, .menu-parent, .lent-image, .jslider .jslider-bg { position: relative; }
.block-title, .response-maintitle { width: 100%; margin-bottom: 15px; }
.manage-table, .filter-table, .menu-div, .game-description-table, .user-info, .social-video, .blog-block-top { width: 100%; }
.menu-div { margin: 0px -20px; }
.sect-video-hd, .list-type-view { margin: 0px 15px; }
.info-menu li:first-child { border-left: 0px none; }
.sect-friends .popup .short-info .value, .user-info .popup .short-info .value, .ft-about a, .info-menu a { color: rgb(210, 210, 210); }
.footer-copyr { color: rgb(102, 102, 102); text-align: center; font-size: 11px; margin-top: 10px; }
.counters-bottom { float: left; opacity: 0.3; margin: -4px 0px 0px 95px; }
.site-rate { background: red none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); border-radius: 3px; color: rgb(255, 255, 255); font-size: 18px; width: 38px; float: left; margin: 0px 5px 0px 0px; padding: 2px 5px 4px; }
.section-menu .menu-holder { width: 960px; margin: 0px auto; }
.left-wrap { float: left; width: 100%; }
.lent-left { margin-right: 250px ! important; }
.lent-left, .lent-left-games { float: left; width: 730px; border: 1px solid rgb(236, 236, 236); border-radius: 3px; overflow: hidden; margin: 0px 7px 10px 0px; padding: 5px; }
.responsive-header, .header_menu_space, .mobile_menu_close { display: none; }
.topic_author { background: rgb(245, 252, 229) none repeat scroll 0% 0%; }
@media screen and (min-width: 787px) {
.section-news-lent .lent-right, .header_menu .section-menu .menu-holder { display: block ! important; }
}
@media screen and (min-width: 1036px) {

.section-header .user-manage { display: block ! important; }
.menu-div .menu-cell { display: table-cell ! important; }
.menu-drop-header, .menu-show-less { display: none ! important; }
}
@media screen and (max-width: 1150px) {
.hide1150 { display: none ! important; }
}
.topic_author { background: rgb(245, 252, 229) none repeat scroll 0% 0%; }
.monets_cost_icon { position: relative; width: 13px; height: 13px; top: 2px; padding-right: 3px; }
@media not all, (min-resolution: 2dppx) {
}
@media print {
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-moz-document url-prefix("") {
.fotorama__active { box-shadow: 0px 0px 0px transparent; }
}
@keyframes tooltipster-fading {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes tooltipster-rotating {
25% { transform: rotate(-2deg); }
75% { transform: rotate(2deg); }
100% { transform: rotate(0deg); }
}
@keyframes tooltipster-scaling {
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
@media screen and (max-width: 1035px) {
.hide1035 { display: none ! important; }
body { overflow-x: hidden; }
.section-menu { background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; padding-bottom: 194px ! important; }
.menu-show-more { position: absolute; top: 0px; right: 0px; width: 42px; height: 42px; display: block; }
.menu-show-more::after { content: ""; display: block; position: absolute; top: 50%; margin-top: -7px; left: 50%; margin-left: -4px; width: 0px; height: 0px; border-style: solid; border-width: 7px 0px 7px 8px; border-color: transparent transparent transparent rgb(128, 128, 128); cursor: pointer; }
.menu-show-less { display: block; padding: 2px 14px 10px; font-size: 13px; color: rgb(255, 255, 255); text-align: right; cursor: pointer; }
.menu-show-less::before { content: ""; width: 1px; height: 1px; border-width: 3px 4px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; margin-right: 5px; display: inline-block; position: relative; top: -1px; }
.wrapper { width: 100%; min-width: 320px; }
.title-red .color-title { background-position: left top; }
.color-title h1 { display: inline; float: none; }
.color-title .title, .color-title h1, .color-title h2, .color-title h3 { position: relative; top: 1px; }
.lent-left, .lent-left-games { width: auto; float: none; }
.page-reverse.list-type-view .lent-left .lent-block, .page-inverse.list-type-view .lent-right .lent-block { width: 100%; box-sizing: border-box; }
.responsive-header { display: block; text-align: center; position: relative; }
.responsive-header-wrapper { display: block; width: 100%; height: 50px; position: fixed; top: 0px; z-index: 9999; box-shadow: 0px 3px 5px rgb(0, 0, 0); background: rgb(0, 0, 0) url("/local/templates/obcasion/images/bg_header_001.png") no-repeat scroll left top; }
.responsive-header .user-login, .responsive-header .open-menu { float: left; }
.responsive-header .logo { display: inline-block; width: 174px; padding: 7px 0px; margin-left: -30px; }
.responsive-header .logo img { width: 100%; height: auto; }
.open-menu, .user-login { display: inline-block; height: 49px; width: 45px; position: relative; margin-left: 5px; cursor: pointer; }
.open-menu { margin-right: 5px; width: 60px; color: rgb(255, 255, 255); font-family: Lato,Tahoma,Geneva,sans-serif; padding: 14px 0px 0px 35px; font-size: 18px; }
.user-login { margin-left: 0px; float: right ! important; }
.open-menu:active, .open-menu:focus { background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; }
.open-menu::before { content: ""; display: block; position: absolute; top: 14px; left: 7px; width: 30px; height: 2px; background: rgb(224, 224, 224) none repeat scroll 0% 0%; box-shadow: 0px 9px 0px rgb(224, 224, 224), 0px 18px 0px rgb(224, 224, 224); }
.user-login::before, .user-login::after { content: ""; display: block; position: absolute; top: 50%; left: 0px; background: rgb(224, 224, 224) none repeat scroll 0% 0%; }
.user-login::before { left: 10px; width: 24px; height: 7px; margin-top: 2px; border-radius: 9px 9px 0px 0px; }
.user-login::after { left: 17px; width: 10px; height: 14px; margin-top: -11px; border-radius: 5px / 5px 5px 10px 10px; }
.section-header { padding-left: 0px; padding-right: 0px; background: transparent none repeat scroll 0% 0%; margin-bottom: 0px; border: medium none; height: auto; }
.header_menu { display: block; position: fixed; background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 230px; left: -260px; top: 50px; height: 100%; z-index: 1000; padding: 10px 15px 0px; transition: all 300ms ease 0s; backface-visibility: hidden; overflow-y: auto; overflow-x: hidden; }
.section-breadcrumbs { margin-right: 0px; margin-left: 0px; padding: 10px; clear: both; }
.main_text img { max-width: 98%; height: auto; }
.main_text { max-width: 100%; font-size: 16px; }

.social-likes { width: 100%; text-align: center; }
}
@media screen and (max-width: 1023px) {
.user-vote { text-align: right; }
}
@media screen and (max-width: 786px) {
.hide786 { display: none; }
.right-block-pad .tab-stream li { display: none; }
.lent-left, .lent-left-games { width: 100%; float: none; }
.section-news-lent { position: relative; }
.section-news-lent .lent-left, .section-news-lent .lent-left-games { width: 100%; float: none; border: medium none; padding: 5px 0px; overflow: visible; }
.section-general-title.title-blue { position: relative; overflow: hidden; }
.section-news-lent .lent-right { display: none; height: 100%; position: fixed; top: 0px; right: -14px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); z-index: 100; backface-visibility: hidden; overflow-y: auto; overflow-x: hidden; }
.section-news-lent .lent-right .right-block { padding-left: 10px; padding-right: 5px; }
.section-news-lent .lent-right .title-alone { margin-left: -15px; margin-right: -15px; padding-left: 15px; }
.counters-bottom { opacity: 0.3; margin: 0px; float: none; clear: both; padding: 10px 0px; text-align: center; }
.footer-logo { float: none; margin: 0px; text-align: center; }
.site-rate { float: none; display: inline-block; position: relative; top: -10px; margin-right: -1px; }
.list-type-view .lent-brief, .list-type-view .lent-title { max-height: 600px; }
.section-general-title.title-blue .title-actions-top:empty { margin: 0px; }
.user-info td { padding-bottom: 10px; }
@media screen and (max-width: 767px) {
.hide767 { display: none; }
.ft-container { width: 100%; text-align: center; }
.lent-line, .sect-video-hd, .list-type-view { margin-left: 10px; margin-right: 10px; border: medium none; }
body .lent-line .lent-block, body .lent-left .lent-block { padding-left: 5px; padding-right: 5px; }
.lent-image img { box-shadow: 1px 2px 4px 1px rgb(153, 153, 153); }
}
@media screen and (max-width: 580px) {
}
@media screen and (max-width: 411px) {
}
@media screen and (max-width: 699px) {
.lent-block .lent-brief { padding-left: 15px; }
.other-data .lent-brief { padding-left: 0px; }
.section-news-lent .lent-actions {}
.section-news-lent .lent-left .lent-actions { margin-left: 0px; }
.img-tag { padding-left: 10px; padding-right: 10px; }
.page-reverse.list-type-view .lent-left .lent-block { background-position: right center; background-size: 80px auto; }
}
@media screen and (max-width: 499px) {
.lent-line, .sect-video-hd, .list-type-view { margin-left: 5px; }
.lent-block .lent-brief { padding-left: 0px; }
.user-info .user-name { display: block; padding-top: 4px; margin-bottom: 5px; }
.user-info .td-user-name .user-name { display: inline-block; padding: 0px; margin: 0px; }
.responsive-header .logo { margin-left: -20px; padding: 11px 0px; }
.responsive-header .logo img { width: 80%; }
.lent-left .lent-image { width: 100%; margin-bottom: 5px; }
.list-type-view .lent-brief { padding-left: 0px; }
.color-title .title, .color-title h1, .color-title h2, .color-title h3 {}
}
@media screen and (max-width: 1023px) {
    .regButton {
        position: fixed;
        top: 8px;
        right: 10px;
        z-index: 999999;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 38px !important;
    }
}
/* End */
/* /local/templates/obcasion/template_styles.css?163637972319405 */