@CHARSET "UTF-8";
.clear { clear: both; }
a { color: #045398; }
h1 { font-size: 28px; margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { font-family: "Bitter",Arial,serif; font-weight: normal; }
h2 {font-size: 24px; margin: 40px 0 20px; text-align: center; }
.pop-wrap.poems h2 {margin-top: 0}
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.two-cols .l-col { float: left; }
.two-cols .r-col { float: right; }
.l-text { font-size: 13px; line-height: 16px; }
a:hover { text-decoration: none; color: #FF876E;}
ul.dotted li { list-style-type: disc; margin: 0 0 8px 17px; }
img { border: none; }
.s-inp {border: 2px solid #eaeaea; padding: 11px 12px 10px; font-size: 16px; color: #3b3b3b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.filter .s-inp {background-color: #fff;}
select.s-inp { width: 422px; }
.filter .sort select {width: 160px;}
.s-inp:focus { border-color: #419adf; }
.input-wrap .help { margin-top: 10px; padding: 4px; font-size: 13px;}
.input-wrap .help a {text-decoration: none;}
.field { margin-bottom: 10px; }
.form .field.line .field-header { float: left; width: 200px; line-height: 40px; }
textarea { resize: none; }
textarea { padding: 5px; width: 100%; box-sizing: border-box; height: 160px; }
.pop-wrap { background: #FFF; margin: 10px auto; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; padding: 40px; width: 300px; color: #000; }
.pop-wrap.new { padding: 0; }
.pop-wrap.new .pop-header { background: #3b5998; color: #fff; padding: 20px; }
.pop-wrap.new .pop-cont { padding: 20px; }
.mfp-close-btn-in .pop-wrap.new .mfp-close { color: #ccc; }
.pop-wrap .s-inp { box-sizing: border-box; }
.d-table { border: 2px solid #f1f1f1; border-collapse: separate; border-radius: 2px; }
.d-table tr th { border-bottom: 1px solid #f1f1f1; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid #f1f1f1; padding: 10px; text-shadow: 0px 0px 0px rgba(0,0,0,0); font-weight: 100; vertical-align: middle; font-size: 15px; }
.d-table tr td:first-child, .d-table tr th:first-child { border-left: 0; }
.field-bl { font-weight: bold; margin-bottom: 4px; }
.val-errors, .jerrors { padding: 10px 20px; border: solid 1px #d71635; color: #d71635; line-height: 22px; margin-bottom: 30px; }
.val-errors .err-head { font-weight: bold; }
.s-btn { display: inline-block; padding: 8px 16px; border-radius: 4px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; background-color: #f5f5f5;}
.s-btn.blue-bt {text-shadow: none}
.s-btn:hover { text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.s-btn:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); }
.s-btn-green { color: #ffffff; background-color: #3b5998; border: 0}
.s-btn-gray { color: #333333;background-color: #f5f5f5;}
.s-btn-green:hover,
.s-btn-green:active { background-color: #FF876E; color: #fff}
.s-btn-gray:hover,
.s-btn-gray:active { color: #333333; background-color: #e6e6e6; }
.login-need { text-align: center; padding: 26px; }
.login-need .btns { margin-top: 20px; text-align: center; }
.login-need .btns a { margin-right: 10px; }
.d-table tr td { padding: 10px; border-color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #fff; border-left: 1px solid #f1f1f1; background-color: #fff; color: #666; }
.d-table tr:last-child td {border-bottom: 0}
.stext {line-height: 1.5; }
.wh-bl { background: #fff; -webkit-box-shadow: 0px 1px 5px 0px #d9d9d9; -moz-box-shadow: 0px 1px 5px 0px #d9d9d9; box-shadow: 0px 1px 10px 0px #f1f1f1; padding: 24px; line-height: 20px; border-radius: 3px; }
.text { line-height: 22px; }
.wh-bl.std { padding: 0; }
.wh-bl .hdr, .col { padding: 0px; border-bottom: solid 1px #f1f1f1; }
.wh-bl .hdr.mod, .mod .col {padding: 30px;}
.wh-bl.std .hdr h2,
.wh-bl.std h1.hdr,
.wh-bl.std h2.hdr {margin: 0;}
.hdr h1{margin: 16px 0; text-align: center;}
.wh-bl.std.big h1 {margin: 0; padding: 30px;}
.wh-bl.std.big .cnt.np { padding: 0px; }
.upping { margin-top: -20px; }
h2.std { text-align: left; color: #979595; text-transform: uppercase; font-size: 17px; margin-bottom: 12px; }
.top-poems .poem-wrap { float: left; width: 48%; box-sizing: border-box; margin: 0 1%; }
.top-poems { margin: 20px 0; }
.top-poems h2 { margin-bottom: 0; }
.info { color: #999; font-size: 12px; }
h2 + .info { font-size: 14px;  margin: 12px 0 32px; text-align: center; }
.top-poems .poem-author { text-align: center; margin-top: 10px; color: #999; }
.top-poems .poem-author a {font-size: 13px; color: #999; text-decoration: none; }
.top-poems .poem { margin-bottom: 10px; padding: 32px 20px !important; }
.top-poems .poem-text { white-space: pre-wrap; }
.top-poems .poem h3 { font-size: 17px; margin-bottom: 10px;}
.top-poems .poem h3 a {text-decoration: none;}
.hover-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); background: rgba(0,0,0,0.4) url(/content/images/icons/zoom-zoom.png?_=16268804277322) no-repeat center center; -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; cursor: pointer; }
.result-success h2 { color: #3b5998; font-size: 22px; margin-bottom: 18px; }
.result-success { text-align: center; border: dashed 2px #3b5998; padding: 10px; margin-bottom: 20px;}
.result-success .info,
.pop-wrap .info { font-size: 17px; color: #666; line-height: 22px; }
.pop-wrap .info { font-size: 14px; margin-bottom: 20px; }
.zoom-zoom { height: 38px; width: 38px; position: absolute; left: 100px; top: 100px; }
.hover-overlay:hover { opacity: 1; filter: alpha(opacity=1); }
span.req { font-size: 14px; color: #ff876e; margin-left: 4px; transform: translateY(3px); display: inline-block; font-weight: bold;}
.table { display: table; width: 100%; }
.tr { display: table-cell; vertical-align: middle; }
.attemp { background: #FCEDB1; padding: 10px 15px; margin-bottom: 10px; border-radius: 3px; font-size: 14px; line-height: 20px; color: #555; }
.attemp.grey { background: #fff8e1; }
.submenu a { cursor: pointer; background-color: #ffffff; color: #666; display: inline-block; font-size: 15px; line-height: 25px; margin-right: 2px; padding: 4px 16px; text-decoration: none; }
.submenu a:hover { background: #f1f1f1; }
.submenu a.active { background: #ff876e; color: #fff; border-color: #ff876e }
.submenu.simple { border-bottom: solid 1px #f1f1f1; padding: 0 10px; text-align: center; }
.number-page a,
.number-page span { display: inline-block; padding: 4px 10px; text-decoration: none; }
.number-page a:hover { background: #eee; }
.number-page span { background: #3b5998; color: #fff; }
.no-mess { color: #999; padding: 30px; }
.info-text { color: #999; padding: 24px; text-align: center;; }
.screen { max-width: 100%; border: dashed 1px #f1f1f1; border-radius: 4px; }
.orange-bt { padding: 12px 0; display: block; color: #FF876E; cursor: pointer; text-decoration: none; }
.red-bt { padding: 12px 0; display: block; color: #dc4e41; cursor: pointer; text-decoration: none; }
.red-bt:hover { background: #dc4e41; color: #fff; }
.index .orange-bt:hover { background: #FF876E; color: #fff; border-bottom: 1px solid #fff}
.blue-bt { padding: 10px 24px; display: inline-block; color: #fff; background: #3b5998; text-decoration: none; border-radius: 4px; border: none; cursor: pointer}
.blue-bt:hover { background: #5271b3; color: #fff}
.show-more-wrap { text-align: center; padding-bottom: 20px;} /* /a/poems */
.smw {display: block; text-align: center; padding: 24px;}
.loading-over { background: rgba(0, 0, 0, 0.4) url(/content/images/loader_m.gif?_=16268804277322) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bo { font-weight: bold; }
.gadv.istihi1 { border-bottom: solid 1px #f1f1f1; margin-bottom: 20px; padding: 0 12px 20px; }
.gadv.istihi2 { margin: 40px 0 20px; max-width: 600px; }
.elm-coin-s { margin: -2px 5px 0 0; }

@media screen and (max-width: 530px) { 
	.top-poems .poem-wrap { width: 98%; }
	/*.wh-bl.std.big.mod .hdr, .mod .col { padding: 24px; }*/ /*/profile/poems/add*/
}
@media screen and (max-width: 1180px) { 
	.container { width: 96%; padding: 0 2%;}
}
@media screen and (max-width: 1180px) { 
	.pop-wrap.login-need { width: 98%; box-sizing: border-box; }
}
@media screen and (max-width: 420px) { 
	#feedback-form .s-inp { width: 94%; }
@media screen and (max-width: 719px) { 
	/*.wh-bl.std.big h1 {padding: 0px; }*/
	.d-table, .d-table tr {display: flex; flex-direction: column; border: 0}
	.d-table tr.tbl-hdr {display: none}
	.d-table tr {border: 2px solid #f1f1f1; margin-bottom: 10px; padding: 12px}
	.d-table tr:last-child {margin-bottom: 0px;}
	.d-table tr td {border: 0; padding: 2px 0px;}
}