/* Datalife Engine template by: redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */


/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
body {font: 12px Verdana, Geneva, sans-serif; line-height:normal; padding:0; margin:0;        
color: #2a2a2a; background:#f2f2f2 url(../images/bg.png); height:100%; width:100%; font-weight:400;}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #2a2a2a; text-decoration: none;}
a:hover, a:focus {color:#25c3f4; text-decoration: none;}
h1, h2, h4, h5 {font-weight:400; font-size:18px;}

.form-wrap {}
.sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}
.pages {background-color:#FFF; padding:20px; margin-bottom:20px;}


/*--- SET ---*/
.button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .cache-inf a {
padding:0 20px; color:#fff; font-size:16px; display:inline-block; background-color:#16a7d7; 
height:40px; line-height:40px; border-radius:6px; cursor:pointer;}
.button1 {padding:0 20px; color:#fff; font-size:16px; display:inline-block; background-color:#83bf0a; 
height:40px; line-height:40px; border-radius:6px; cursor:pointer; margin-left: auto; margin-right: auto;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{color:#fff; background-color:#128cb5;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#f5f5f5; border-radius:0px; -webkit-appearance: none; box-shadow:0 0 0 1px #EDEDED;}
input[type="text"]:focus {}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; 
border-radius:0 0 0px 0px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;}

.img-box {overflow:hidden; position:relative; background-color:#CCC;}
.img-box img {width:100%; min-height:100%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .short-in, .side-item, .viber-rkl a {transition: all .3s;}
a, .button, .button1, .ps-link{transition: color .3s, background-color .3s, opacity .3s;}

.flex-row {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; 
display:flex; flex-flow:row wrap; justify-content:space-between;}
.flex-col {display: -webkit-box; display:-webkit-flex; -webkit-flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; 
display:flex; flex-direction:column; justify-content:center;}

.ps-link {cursor:pointer;}
.icon-l .fa {margin-right:10px;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px;}
.center {max-width:1000px; margin:0 auto; position:relative; z-index:20; padding:0 10px;}
.header:before {content:""; width:100%; position:absolute; left:0; top:0; 
background:#609c52 url(../images/andr.jpg); height:80px;}
.header {margin-bottom:20px; background-color:#fff; box-shadow:0 5px 10px -5px rgba(0,0,0,0.3);}
.header-in {z-index:500;}
.h-one {height:80px; padding:10px 0; align-items:center;}
.h-two {height:120px; padding:10px 0; align-items:center;}
.cont {min-height:800px;}
.footer {background:#609c52 url(../images/andr.jpg); overflow:hidden; color:#fff;}
.f-one {padding:20px 0;}
.f-two {background-color:#438534; padding:20px 2000px; margin:0 -2000px;}
.fpage {margin-bottom:20px;}
.fcols {padding-right:300px;}
.fright {width:280px; margin-right:-300px; float:right;}
.fleft {width:100%; float:left;}


/* HEADER
----------------------------------------------- */
.h-menu > li {position:relative; display:inline-block;}
.h-menu > li > a {display:block; padding:0 20px; line-height:40px; height:40px; 
color:#FFF; font-weight:700; font-size:16px;}
.h-menu > li > a:hover {background-color:#83bf0a;}
.h-menu .menuactive > a, .hidden-menu a:hover {background-color:#128cb5 !important;}
.hidden-menu {position:absolute; left:0; top:100%; z-index:998; background-color:#16a7d7; width:240px;
box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); border:5px solid #128cb5; display:none;}
.hidden-menu a {display:block; padding:10px 20px; font-weight:700; color:#FFF; border-bottom:1px solid #128cb5;}
.submenu > a:after {content:"\f107 "; font-family:'FontAwesome'; margin-left:7px;}

.soc-btns {white-space:nowrap;}
.soc-btns .fa {width:40px; height:40px; border-radius:6px; text-align:center; line-height:40px; 
background-color:#C70003; color:#fff; font-size:18px; margin-right:5px; cursor:pointer;}
.soc-btns .fa:hover {opacity:0.8;}
.fa.fa-vk {background-color:#5075a5;}
.fa.fa-facebook {background-color:#4b6baf;}
.fa.fa-twitter {background-color:#2daae1;}
.fa.fa-odnoklassniki, .fa.fa-rss {background-color:#FC6D00;}

.logotype {height:98px; width:312px; display:block;}
.logotype img {display:block;}

.search-box {width:290px;}
.search-inner {width:100%; position:relative;}
.search-inner input, .search-inner input:focus {width:100%; padding:0 40px 0 10px; 
background-color:#f5f5f5; border-radius:6px; box-shadow:inset 0 0 0 1px #e3e3e3,inset 5px 5px 10px -5px rgba(0,0,0,0.2);}
.search-box button {position:absolute; right:0; top:0;  
padding:0 !important; width:40px; text-align:center; font-size:18px !important;}

.login-btns {width:312px; text-align:right; height:40px;}
.login-btns a {display:inline-block; vertical-align:middle; padding:0 20px 0 0; height:40px; line-height:40px; font-size:16px;}


/* SHORT TOP
----------------------------------------------- */
.speedbar {margin-bottom:20px;}
.speedbar a {text-decoration:underline;}
.short-header {align-items:center; margin-bottom:20px;}
.short-header > *:first-child {font-size:24px; color:#609c52; line-height:44px;}
.share {padding:10px; height:44px; line-height:24px; background-color:#fff; border-radius:6px; box-shadow:5px 5px 10px -5px rgba(0,0,0,0.3);}
.share .yashare-auto-init {display:inline-block; vertical-align:middle; margin-left:20px; position:relative; top:-1px;}
.s-menu {height:50px; margin-bottom:20px; background-color:#FFF; border:1px solid #ccc; 
background: linear-gradient(to bottom, #fff 0%,#cecece 100%);}
.s-menu > li {position:relative; float:left; border-right:1px solid #ccc;}
/*.s-menu > li:last-child {border-right:0; float:right;}*/
.s-menu > li > a {display:block; padding:0 18px; line-height:50px; height:50px; font-weight:700; font-size:12px;}
.s-menu > li:not(.submenu) > a:hover {background-color:#fff; background: linear-gradient(to top, #fff 0%,#cecece 100%);}
.s-menu .menuactive > a {background-color:#128cb5 !important; color:#FFF !important;}
.s-menu .hidden-menu {left:auto; right:0;}


/* SHORT
----------------------------------------------- */
.floats {margin:0 -10px;}
.short {width:25%; float:left; padding:0 10px 20px 10px;}
.short-in {background-color:#FFF; position:relative; padding:20px; text-align:center; /*height:374px;*/}
.short-img {width:180px; height:180px; border-radius:6px; margin:0 auto;} /*width:145px; height:145px;*/
.short-title {display:block; margin:10px 0; line-height:20px; height:60px; overflow:hidden; font-weight:700; font-size:16px;}
.short-btn {width:100%; height:40px; line-height:40px; background-color:#83bf0a; color:#fff; font-size:16px; 
position:absolute; left:0; bottom:0;}
.short-info .nowrap {margin-bottom:5px; opacity:0.8;}
.short-rate {display:inline-block; margin-top:10px;}
.short-desc {line-height:16px; height:80px; overflow:hidden; opacity:0.8;}
.short-in:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.3); z-index:50;}
.short-new:after {content:""; width:120px; height:84px; position:absolute; left:0; top:0; z-index:20; pointer-events:none; 
background:url(../images/new.png) no-repeat; pointer-events:none;}
.short-update:after {content:""; width:120px; height:84px; position:absolute; left:0; top:0; z-index:20; pointer-events:none; 
background:url(../images/update.png) no-repeat; pointer-events:none;}

.obs .short-title {height:40px;}
.art {width:50%;}
.art .short-in {text-align:left; height:255px;} /*height:225px;*/
.art .short-btn {display:inline-block; width:auto; padding:0 20px; left:auto; right:0;}
.art .short-img {position:absolute; left:20px; top:60px; margin:0;}
.art .short-title {height:20px; margin:0;}
.art .short-desc {padding-left:195px; padding-top:20px; height:132px;} /*padding-left:165px;*/

.three {width:33.33%;}
.three .side-item {height:122px;}

.capt {background-color:#024B58; color:#fff; height:290px; margin-bottom:20px; position:relative; padding:20px 20px 20px 290px; font-size:16px; 
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;}
.capt-img {width:250px; height:250px; border-radius:10px; position:absolute; left:20px; top:20px;}
.capt .short-btn {display:inline-block; width:auto; padding:0 20px; left:auto; right:0;}
.capt-capt {font-size:24px; font-weight:700; margin-bottom:20px;}
.capt-title {font-size:36px; color:#fff; margin-bottom:20px; display:block;}
.capt .fa {color:#FFD600;}

.capt2 {padding:20px 395px 20px 20px;}
.capt2 .capt-img {width:375px; left:auto; right:20px;}
.capt2 .short-btn {left:0; right:auto;}
.capt2 .fa {color:#83bf0a;}


/* SIDE
----------------------------------------------- */
.side-box {margin-bottom:20px;}
.side-bt {font-size:18px; font-weight:700; color:#609c52; margin-bottom:20px;}

.viber-rkl a {display:block; position:relative; border:5px solid #fff;}
.viber-rkl img {display:block; width:100%;}
.viber-rkl i {display:inline-block; padding:10px 20px; background-color:#25c3f4; color:#FFF; font-size:16px; 
position:absolute; left:0; bottom:0;}
.viber-rkl a:hover {border-color:#25c3f4;}

.side-item {display:block; padding:10px 10px 10px 110px; margin-bottom:10px; border:1px solid #e3e3e3; background:#FFF;}
.side-img {float:left; width:100px; height:100px; margin-left:-100px; border-radius:6px;}
.side-info {float:right; width:100%; padding-left:20px; color:#5c5c5c;}
.side-title {color:#444; font-size:16px; margin-bottom:10px;}
.side-desc {margin-top:5px;}
.side-item:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.side-info2 {color:#25c3f4; margin:5px 0; font-weight:700;}
.side-desc {padding-top:5px; border-top:1px dashed #CCC; opacity:0.8; line-height:14px; height:52px; overflow:hidden;}


/* SEO DESCRIPTION, BOTTOM, FOOTER
----------------------------------------------- */
.site-desc {padding:20px; background-color:#d4f2ce; margin-bottom:20px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:16px; font-weight:700; margin-bottom:10px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {}
.site-desc p {margin-bottom:10px;}
.site-desc a {text-decoration:underline;}

.b-menus {padding-bottom:20px;}
.b-menu {width:25%;}
.b-menu li {margin-bottom:10px;}
.b-menu a:before {content:"\f061"; margin-right:7px; font-family:'FontAwesome'; color:#25c3f4; vertical-align:middle; font-size:16px;}
.b-menu:nth-child(2) a:before {content:"\f00d";}
.b-menu:nth-child(3) a:before {content:"\f0a9"; color:#609c52;}
.b-menu:nth-child(4) a:before {content:"\f00c"; color:#609c52;}
.b-menu li:first-child {font-size:16px; font-weight:700;}

.footer a {color:#FFF;}
.f-two a {display:inline-block; vertical-align:top; padding-left:10px; margin-left:10px; border-left:1px solid #fff;}
.f-col {width:33%;}
.f-col:last-child {width:25%;}
.f-col > div:first-child {font-size:16px; font-weight:700; margin-bottom:20px; width:100%;}
.f-col .side-item {width:100%;}
.podpiska {position:relative; margin-bottom:20px;}
.podpiska input {background-color:#fff; box-shadow:none; padding:0 120px 0 15px;}
.podpiska button {position:absolute; right:0; top:0; border-radius:0 !important}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:left; font-size:16px; padding:20px 10px 20px 10px;}
.pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto; max-width:100%;
background-color:#FFF; border:1px solid #e3e3e3; border-radius:3px; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {border-right:1px solid #e3e3e3;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:40px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span {display:inline-block; padding:0 5px; min-width:38px;
color:#444; border-right:1px solid #e3e3e3; margin-right:-8px;}
.navigation span, .pagi-nav a:hover {background-color:#25c3f4; color:#fff;}
.navigation span.nav_ext {background-color:transparent; color:#888;}
.dle-comments-navigation .pagi-nav {}


/* FULL
----------------------------------------------- */
.ftop {background-color:#fff; /*margin-bottom:20px; padding-bottom:15px;*/}
.ftop h1 {width:100%; font-size:18px; font-weight:700; padding:20px 20px; border:1px solid #ccc; 
background: linear-gradient(to bottom, #fff 0%,#cecece 100%); margin-bottom:20px;}
.ftop h1:before {content:"\f17b"; margin-right:10px; font-family:'FontAwesome'; color:#83bf0a; vertical-align:top; font-size:24px;}
.ftleft {width:220px; padding:0 20px;} /*width:190px*/
.ftright {width:calc(100% - 220px); padding-right:20px;} /*width:calc(100% - 190px)*/
.ftleft > img {display:block; width:100%; border-radius:6px; height:180px;} /*height:150px*/
.fqr {width:110px; margin:0 auto;}
.ftlist li {margin-bottom:7px;} /*margin-bottom:5px;*/
.ftlist a {color:#25c3f4; text-decoration:underline;}
.ftlist .fa {color:#83bf0a; vertical-align:middle; font-size:16px;}
.fdl {padding-bottom: 20px; border-bottom: 1px dashed #ccc; align-items: center; width: calc(100% - 0px); padding-right: 20px; padding-left: 20px;border-top: 1px dashed #ccc; padding-top: 20px;}/*margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; align-items:center;*/
.fvote {text-align:center; margin-top:5px; opacity:0.8;}

.info-title {font-size:16px; color:#609c52; font-weight:700; padding-left: 20px; background-color: #FFF;} /*margin-bottom:20px; добавлено background-color: #FFF;*/
.info-item {background-color:#FFF; padding:20px; /*margin-bottom:20px;*/}
.rkl-item {text-align:center; cursor: pointer;}
.scr-item ul {white-space:nowrap; overflow-y:hidden; overflow-x:auto; text-align:center;}
.scr-item > a, .scr-item > img, .scr-item ul li {display:inline-block; vertical-align:top; margin:0 5px;}
.scr-item a, .scr-item img {display:block; max-width:200px; max-height:300px;}
.scr-item br {display:none;}
.dop + .dop {margin-top:10px;}
.dop {padding:10px 20px; font-style:italic;}
.dop span {font-weight: 600;}
.dop-blue {background: #CBE9EF;}
.dop-green {background: #d4f2ce;}
.share-item {margin-bottom:20px;}
.share-item .fa {color:#16a7d7; vertical-align:middle; font-size:16px;}

.info-item.rkl-item a + iframe {display:inline-block; vertical-align:middle;}

.dl-item {display:block; display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; 
-webkit-justify-content: space-between; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; 
color:#fff; background-color:#16a7d7; border-radius:0px; padding:15px 20px; 
box-shadow:0 0 10px 0 rgba(131,191,2,0);}
.dl-item {margin-bottom:10px;}
.dl-name {font-size:18px; color:#fff; max-width:calc(100% - 100px);}
.dl-item:hover {background-color:#83bf0a; color:#fff;}
.dl-gp {background:#288 url('../images/gplogo.png') 20px center no-repeat; padding-left:80px;}
.dl-gp .dl-name {max-width:100%;}
.dl-cache {cursor:pointer; border:1px solid #ccc; color:#5c5c5c !important;
background: linear-gradient(to bottom, #fff 0%,#cecece 100%);}
.dl-cache .dl-size {font-size:24px;}
.dl-cache .dl-name {color:#5c5c5c !important;}
.cache-inf {width:100%; padding:20px; margin-top:20px; background-color:#FFF; border:1px solid #e3e3e3; display:none;}
.dl-cache-btn {width:100%; align-items:center; cursor:pointer; }
.cache-inf a {margin-bottom:10px; width:100%;}

.fcols-art .ftop {margin-bottom:0px;}
.fcols-art .ftop h1 {margin-bottom:0px;}

.info-item2 {margin-bottom: 10px;}
.info-item2 a{display:block; display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; 
-webkit-justify-content: space-between; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; 
color:#fff; background-color:#16a7d7; border-radius:0px; padding:15px 20px; 
box-shadow:0 0 10px 0 rgba(131,191,2,0); font-size: 18px;}
.info-item2 a:hover {background-color:#83bf0a; color:#fff;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; max-width:100% !important; display:block;} /* height:360px;*/
.mejs-container {max-width:100% !important;}
.full-text {font-size:14px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#5c5c5c;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#25c3f4;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:16px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:10px 0;}
.full-text > ul li {list-style:disk; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}

.full-text table {width:100%; text-align:left; margin:10px 0;}
.full-text table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f5f5f5;} 
.full-text table tr:nth-child(1) {background-color:#598597 !important; color:#FFF; font-size:14px !important;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background-color:#16a7d7;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.full-taglist a {color:#598597;}
.full-taglist {margin-bottom:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}


/* COMMENTS
----------------------------------------------- */
.full-comms {background-color:#FFF; padding:20px; margin-bottom:20px;}
.add-comm-form {position:relative; padding:0 20px 20px 20px; margin:0 -20px 20px -20px; border-bottom:1px dashed #ccc;}
.ac-soc {position:absolute; right:41px; top:14px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px; height:30px; border-radius:15px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-av {width:40px; height:40px; border-radius:50%; float:left; margin-right:10px;
background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;}
.ac-title {font-weight:700; margin-bottom:15px;}
.ac-inputs input {width:49%; background-color:#FFF; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}
.ac-textarea textarea {height:85px;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {background-color:#FFF;}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#598597;}
.full-comms {}

.comm-item {padding-left:70px; margin-bottom:20px;}
.comm-left {width:45px; height:45px; margin-left:-65px; float:left; border-radius:50%; 
box-shadow:0 0 0 5px #fff,0 0px 15px 0 rgba(0,0,0,0.2);}
.comm-right {width:100%; float:right; background-color:#f5f5f5; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); padding:10px; position:relative;}
.comm-right:after {right: 100%; top:15px; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; border-color: rgba(255, 255, 255, 0); border-right-color: #f5f5f5; border-width: 10px;}

.comm-one {padding:0 80px 10px 0; position:relative; font-size:12px;}
.comm-one > span:nth-child(4) {color:#bcbcbc; float:right; margin-right:0;}
.comm-one > span {float:left; margin-right:20px;}
.comm-author {font-weight:700;}
.comm-author a {color:#598597; text-decoration:underline;}
.rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;}
.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;
color:#497b41; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;}
.rate3-comm a:hover {opacity:0.5;}
.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}
.rate3-comm > span > span.ratingtypeplus {color: #06b601;}
.rate3-comm > span > span.ratingplus {color: #95c613;}
.rate3-comm > span > span.ratingminus {color: #ff0e0e;}
.comm-two {color:#4c4c4c; line-height:20px; padding-bottom:0; font-size:14px;}
.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 
border-top:1px dashed #e3e3e3;}
.comm-three {margin-top:10px; font-size:12px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px;}
.comm-three a {color:#598597; text-decoration:underline;}
.comm-three li:first-child {margin-left:0px; float:left;}


/* LOGIN
----------------------------------------------- */
.login-box {background-color:#FFF; padding:20px; display:none;}
.lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#eaf2fc;  
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
.lb-name div {font-size:18px; font-weight:700;}
.lb-name a {margin-top:10px;}
.lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f5f5f5;}
.lb-menu a:hover, .lb-menu a:hover .fa {background-color:#609c52; color:#fff;}
.lb-menu a .fa {color:#609c52;}
.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
{display:block; margin-bottom:20px; width:100%;}
.lb-check input {display:none;}
.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.lb-check input:checked + label:before {background-color:#e5050b;}
.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#eaf2fc; text-align:center;}
.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
.lb-soc img {display:block; width:30px;}


/* GO TOP BUTTON */
#gotop{position:fixed; width:40px; height:40px; line-height:36px; right:10px; bottom:10px; cursor:pointer; font-size:20px;
z-index:9998; display:none; opacity:0.7; background-color:#000; color:#FFF; border-radius:6px; text-align:center;}



/* ADAPTIVE
----------------------------------------------- */
.show-menu, .cloned {display:none !important;}

@media screen and (max-width: 950px) {
.wrap {overflow:hidden;}
.center {max-width:768px;}
.h-one {position:relative; z-index:888;}
.h-menu, .s-menu {display:none;}
.cloned {display:block !important;}
.show-menu {display:block !important; width:40px; height:40px; border-radius:6px; text-align:center; line-height:40px; 
background-color:#128cb5; color:#fff; font-size:18px; cursor:pointer;}
.h-menu {background-color:#128cb5; width:100%; position:absolute; left:0; top:100%;}
.h-menu > li {display:block;}
.h-menu > li > a {line-height:30px; height:30px;}
.hidden-menu {position:static; width:100%;}
.h-two {padding:10px 0 60px 0; position:relative; align-items:flex-start; height:110px;}
.logotype {height:30px; width:150px; margin-top:-2px;}
.search-box {width:auto; position:absolute; bottom:10px; left:0; right:0;}
.short-header > *:first-child {font-size:16px;}
.short {width:33.33%;}
.three {width:50%; overflow:hidden;}
.three:nth-child(3n) {display:none;}
.art {width:50%;}
.capt-capt {font-size:18px;}
.capt-title {font-size:20px;}
.f-col {width:100%; padding-bottom:20px;}
.f-col .side-item {width:48%; overflow:hidden;}
.f-col:last-child {width:100%; padding-bottom:0;}

.fcols {padding-right:0;}
.fright {width:100%; margin-right:0; float:none;}
.fleft {width:100%; float:none; margin-bottom:20px;}
.fright {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; 
display:flex; flex-flow:row wrap; justify-content:space-between;}
.fright > * {width:280px;}
}

@media screen and (max-width: 760px) {
.center {max-width:640px;}
.share {height:auto;}
.share > span {display:none;}
.share .yashare-auto-init {margin-left:0; top:0px;}
.short {width:50%;}
.capt {height:180px; padding:20px 20px 20px 180px; font-size:14px;}
.capt-img {width:140px; height:140px;}
.capt-capt {font-size:14px; margin-bottom:10px;}
.capt-title {font-size:16px; margin-bottom:10px;}
.capt2 {padding:20px 250px 20px 20px; height:180px;}
.capt2 .capt-img {width:210px; height:140px;}
.art {width:100%;}
.b-menu {width:50%;}

.comm-one > span:nth-child(3), .comm-one > span:nth-child(1), .comments-tree-list .comments-tree-list:before {display:none;}
.comm-three {display:none;}

.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.center {max-width:480px;}
.login-btns {width:auto;}
.login-btns a {display:none;}
.f-two a {padding:10px 10px 0 0; margin:0; border:0;}
.f-left {width:100%;}

.ftleft {width:100%; padding:0 20px; margin-bottom:20px;}
.ftright {width:100%; padding:0 20px;}
.ftleft > img {display:block; width:180px; margin:0 auto;} /*width:150px*/
.fqr {display:none;}
.fright {display:block !important;}
.fright > * {width:280px; margin:0 auto 20px auto;}
.dl-item {padding:10px 10px}
.dl-name {font-size:16px;}
.dl-gp {background:#288 url('../images/gplogo.png') 10px center no-repeat; padding-left:60px;}

.comm-one > span:nth-child(4) {display:none;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc:before {display:none;}
.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.center {max-width:320px;}
.soc-btns .fa {width:30px; height:30px;line-height:30px;}
.short {width:100%; padding-bottom:10px;}
.three {width:100%; padding-bottom:0px;}
.short-header > *:first-child {line-height:18px; width:100%;}
.share {margin-top:10px;}
.short-title {height:auto;}
.capt {padding:20px 20px 20px 100px; height:150px;}
.capt-img {width:60px; height:60px;}
.capt-title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.capt2 {padding:20px 130px 20px 20px; height:110px;}
.capt2 .capt-img {width:90px; height:60px;}
.art .short-img {width:80px; height:80px;}
.art .short-desc {padding-left:100px;}
.f-col .side-item {width:100%;}

.fdl { text-align:center; display:block !important;}
.fdl .button {width:100%; margin-bottom:20px}
.fdl .button1 {width:100%; margin-bottom:20px}
.frate > div, .fvote {display:inline-block; vertical-align:middle; margin:0 10px;}
.info-item {padding:10px;}

.comm-two {line-height:18px; font-size:14px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}