body, html { font-family: Tahoma, Geneva, sans-serif; text-decoration: none; margin:0px; padding:0px; font-size: 13px; color: #5a1e02; background-color: #F9C2A2; text-align: center;} @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?knosdr'); src:url('../fonts/icomoon.eot?knosdr#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?knosdr') format('truetype'), url('../fonts/icomoon.woff?knosdr') format('woff'), url('../fonts/icomoon.svg?knosdr#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-heart:before { content: "\e9da"; } .icon-bubble2:before { content: "\e96e"; } .icon-folder-open:before { content: "\e930"; } .icon-eye:before { content: "\e9ce"; } .icon-fire:before { content: "\e9a9"; } .icon-search:before { content: "\e986"; } .icon-woman:before { content: "\e9dd"; } .icon-calendar:before { content: "\e953"; } .icon-menu:before { content: "\e9bd"; } .icon-sort-amount-desc:before { content: "\ea4d"; } .icon-bookmarks:before { content: "\e9d3"; } .icon-shuffle:before { content: "\ea30"; } .icon-user:before { content: "\e971"; } .rate-full { color: #0a1b37; font-size: 2.1em; font-weight: 500; float: left; padding-top: 7px; } .rate-full .ratingtypeplusminus { display: inline-block; padding: 0 5px 0 4px; } .rate-full .rate-like { fill: #8cc323; } .rate-full .rate-like:hover { fill: #98d12b; } .rate-full .rate-dislike { fill: #ea454d; } .rate-full .rate-dislike:hover { fill: #fa777d; } .rate-heart	{ background-color: #ff1354; color: #fff; padding: 3px; border-radius: 0 0 0 5px; } .rate-procent { background-color: #eff8f5; padding: 2px 2px 1px 2px; color: #464545; border-radius: 0 5px 0 0; min-width: 38px; display: inline-block; font-weight: 600; } #rating-short-view { display: inline-block; position: absolute; top: 5px; right: 3px; opacity: 0.7; } #rating-short-view:hover { opacity: 1; } #kat li a, #foot a:hover, #short-stori a:hover span.inftext, .icon-search:hover, .icon-sort-amount-desc:hover, .icon-menu:hover, #full-ph a:hover, #dle-comments-list a:hover, #fullsearch input#dosearch:hover, #fullsearch input#dofullsearch:hover, #navi a:hover, .navran:hover, #speed-bar a:hover, #head-menu li a:hover, #cat-blok a:hover, #enter-but-reg:hover, #enter-but-en:hover { transition: all .3s; } #container { width: 100%; max-width: 1150px; min-width: 270px; background-color: #ffffff; margin: 15px auto; margin-bottom: 0px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.62); } #head { max-width: 1150px; min-width: 270px; position:relative; z-index:50; -webkit-overflow-scrolling:touch; -webkit-transition:top 0.3s ease-in-out; -moz-transition:top 0.3s ease-in-out; -o-transition:top 0.3s ease-in-out; transition:top 0.3s ease-in-out; } #head.is-active { top:0px; position:fixed; width: inherit; z-index:150; overflow:auto; max-width: 1150px; min-width: 270px; } #head.is-opened{ bottom:0 } .l-head{ vertical-align:middle; z-index:50; position:relative; height: 70px; text-align: left; background-color: #d05135; border-bottom: 1px solid #f5d8d1; background: url(../images/head.jpg) no-repeat; } .m-menu{ background-color:#fff; list-style:none; margin:0; font-size:18px; max-height:0; position:absolute; overflow-y:scroll; width:90%; top:70px; bottom:0; z-index:150; -webkit-transition:max-height 0.5s ease-out; -moz-transition:max-height 0.5s ease-out; -o-transition:max-height 0.5s ease-out; transition:max-height 0.5s ease-out; } .sort-bar .sort { margin: 0; padding:0; list-style: none; background-color: #926960; display:none; } .sort-bar li { display: inline-block; margin: 10px; font-size: 1.5em; } .sort a { color: #fff; } .sort-bar.active .sort { display:block; } #mobile-sb nav#navbar.blok_body { margin-bottom:0; } .m-menu.opened{ max-height:100%; -webkit-transition:max-height 0.5s ease-in; -moz-transition:max-height 0.5s ease-in; -o-transition:max-height 0.5s ease-in; transition:max-height 0.5s ease-in; } .search-bar{ background-color: #926960; max-height:0; -webkit-transition:max-height 0.3s ease-out; -moz-transition:max-height 0.3s ease-out; -o-transition:max-height 0.3s ease-out; transition:max-height 0.3s ease-out; overflow:hidden; } .search-bar.opened{ max-height:100px; -webkit-transition:max-height 0.3s ease-in; -moz-transition:max-height 0.3s ease-in; -o-transition:max-height 0.3s ease-in; transition:max-height 0.3s ease-in; } .search-bar.show{ max-height:60px; } .search-bar form{ position:relative } .no-scrolling{ overflow:hidden; } #link-logo { height: 70px; width: 230px; display: inline-block; background: url(../images/logo.png) left center no-repeat; overflow: hidden; /*background-color: #fef0e9; border-right: 1px solid #ffdcd3;*/ background-size: contain; margin-right: 5px;} #head-menu { display: inline-block; list-style: none; margin: 0; padding: 0; height: 70px; position: absolute; } #head-menu li { display: inline-block; font-size: 1.4em; line-height: 70px; } #head-menu li a { text-decoration: none; display: block; color: #fff; padding: 0 7px; } #head-menu li a:hover, .icon-search:hover, .icon-menu:hover, .icon-sort-amount-desc:hover { color: #fff; text-shadow: 1px 1px 10px #fdefb7, 0 0 1em #fc0;} #search input, #searchinput { width: 70%; height: 35px; line-height: 30px; padding: 0 10px; color: #771c1c; font: italic 18px Georgia; border: 1px solid #b82805; margin: 15px auto; box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); } #search button { text-align: center; width: 80px; height: 35px; vertical-align: bottom; line-height: 30px; font-size: 1.2em; color: #fff; border: 1px solid #b82805; background-color: #d05135; cursor: pointer; margin: 15px 0; } #fullsearch input#searchinput { width: 80% !important; height: 45px; line-height: 40px; padding: 0 10px; color: #771c1c; font: italic 18px Georgia; border: 1px solid #b82805; } #fullsearch input#dosearch, #fullsearch input#dofullsearch, #fullsearch input#doclear, #fullsearch input#doreset { text-align: center; width: 30%; height: 35px; line-height: 30px; font-size: 1.2em; color: #fff; border: 1px solid #b82805; display: inline-block; background-color: #ab8f6e; cursor: pointer; } #fullsearch input#dosearch:hover, #fullsearch input#dofullsearch:hover { background-color: #ada49b; } #fullsearch input#doclear, #fullsearch input#doreset { width: 20% !important; } .icon-search, .icon-menu { color: #fff; display: inline-block; position: absolute; right: 0; height: 70px; width: 50px; cursor: pointer; font-size: 2em; line-height: 70px; text-align: center; } .icon-menu { display: none; position: absolute; right: 50px; height: 70px; width: 50px; cursor: pointer; font-size: 2em; line-height: 70px; text-align: center; } .l-head .icon-sort-amount-desc {color: #fff; display: inline-block; position: absolute; right: 50px; height: 70px; width: 50px; cursor: pointer; font-size: 2em; line-height: 70px; text-align: center;} #menu { background-color: #FEF0E9; width: 230px; border-right: 1px solid #ffdcd3; border-bottom: 1px solid #ffdcd3; float: left; } .shap { font-size: 1.8em; margin: 10px; text-align: left; color: #da4a06; } .blok_body { margin-bottom: 25px; } #kat { list-style: none; padding: 0; margin: 0; text-align: left; } #kat li a { display: block; padding: 10px 10px; border-top: 1px solid #ffdcd3; font-size: 1.1em; color: #711A24; text-decoration: none; } #kat li a:hover { background-color: #cd4908; color: #fff; } #content { margin-left: 230px; } #content a { color: #711a24; } #content p { text-align: left; margin: -15px 5px 5px 20px; } #content h2 { text-align: left; margin: 10px 0 10px 20px; font-weight: normal; } #dle-content { margin-left: 5px; } #speed-bar { height: 25px; padding: 0 10px; line-height: 25px; font-family: Georgia; font-size: 1.2em; font-style: italic; background-color: #fff; overflow: hidden; text-overflow: ellipsis; text-align: left; border-bottom: 1px solid #b82805; } #speed-bar a { text-decoration:none; } .caption { border-bottom: 2px solid #c35316; color: #903824; margin: 0px 0 20px 20px; text-align: left; } .caption h1 { border-bottom: 2px solid #c35316; font-size: 2em; padding-bottom: 5px; display: inline-block; margin: 0; font-weight: normal; } #infa { padding: 15px; background-color: #FFF; text-align: justify; color: #5c5c5c; font-size: 1.1em; margin-top: 20px; clear: both; } #inform { padding: 15px; background-color: #fef0e9; text-align: justify; color: #5a1e02; font-size: 1.1em; margin-top: 20px; clear: both; } #inform a { color:#793312; } #foot { border-top: 1px solid #c35316; background-color: #fff; padding: 15px; text-align: left; font-size: 1.1em; clear: both; } #foot a { color: #2b2626; } #foot a:hover { color: #de5c1c; } .linkFooter { float:right; } .img-topnews { width: 46%; margin: 3px; overflow-x: hidden; overflow-y: hidden; } #previewimg { position:absolute; display:none; z-index:999; background:#B82805; padding:10px; border-radius: 6px; color:#fff; max-width: 200px; } #previewimg img{ background:#B82805; width: 200px; height: 300px; margin-top: 4px; } #full-ph { text-align: left; padding-left: 20px; } #full-ph a, #inf-ph span, #dle-comments-list a, #speed-bar a, #cat-blok a { color: #ba3103; } #full-ph a:hover, #dle-comments-list a:hover, #speed-bar a:hover, #cat-blok a:hover { color: #ef762d; } #img-bl img { margin: 5px; max-width: 800px; } #inf-ph { font-size: 1.1em; } #inf-sec { margin: 5px 5px; } #inf-title { border-bottom: 2px solid #c35316; margin: 20px 0px 15px 5px; text-align: left; } #inf-title span { border-bottom: 2px solid #c35316; font-size: 1.5em; padding-bottom: 5px; color: #903824; display: inline-block; margin: 0; font-weight: normal; } #knopki { margin-top: 15px; text-align: right; margin-right: 2%; } #dwn { display: inline-block; border: 2px solid #b82805; padding: 5px; } #social { display: inline-block; border: 2px solid #b82805; padding: 8px; vertical-align: middle; } .rel-img { max-width: 165px; width: 46%; margin: 2px; overflow-x: hidden; overflow-y: hidden; } #short-stori { width: 30%; max-width: 270px; display: inline-block; margin: 1% 1% 5px 1%; overflow-x: hidden; overflow-y: hidden; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; } #short-stori a img { z-index: 1; width: 100%; max-width: 270px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; } #short-stori a span.inftext { color: #fff; font-size: 0.9em; display: block; position: absolute; bottom: 0; width: 94%; padding: 3%; left: 0; line-height: 1.5; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } #short-stori a span.inftext b { color: #fff; } #short-stori a span.inftext:hover { white-space: normal; } #short-stori a span.inftext span { color: #fff; font-size: 0.8em; margin-top: 3px; line-height: 10px; } #short-stori a:hover span.inftext { background: #cd4b2a !important; filter: none !important; } #short-stori span.favorlink img { width: 30px; height: 30px; } #short-stori span.favorlink { display: block; position: absolute; top: 0; left: 0; z-index: 10; text-decoration: none; margin: 5px 0px -30px 5px; opacity: 0.4; } #short-stori span.favorlink:hover { opacity: 1; } .infa { background: rgba(171, 43, 8, 0.6) !important; cursor: pointer; } #dle-comments-form { width: 90%; max-width: 650px; text-align: left; margin: 2%; display: inline-block; } #addcom-t { font-size: 1.3em; background-color: #ead7ca; padding: 8px; margin: 10px 0px 2px 0px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } #addcom-b{ background-color: #ead7ca; padding: 8px; font-size: 1.1em; margin: 0px 0px 2px 0px; } #addcom-bot { background-color: #ead7ca; padding: 8px; margin: 0px 0px 2px 0px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #dle-comments-form textarea { width: 80%; } #dle-comments-form input { width: 30%; height: 20px; border: 1px solid #b82805; } #dle-comments-form input:focus { border-color: #b82805; box-shadow: 0 0 10px 0 rgba(17, 71, 90, 0.5); } #dle-comments-form button { text-align: center; width: 20%; height: 10%; line-height: 30px; font-size: 1.1em; color: #fff; border: 1px solid #b82805; display: inline-block; background-color: #e66a32; cursor: pointer; } #dle-comments-form input#allow_subscribe { width:20px; vertical-align:middle; } #comment { padding: 10px 0; margin: 0; border-bottom: solid 1px #b82805; } #comm-l { width: 80px; float: left; } #comm-r { margin-left: 90px; } #comm-l img { max-width: 60px; max-height: 60px; padding: 5px; border: solid 1px #b82805; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 7px; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(255, 255, 255, 1); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(255, 255, 255, 1); } #comm-l p.group { color: #b82805; display: block; font-size: 0.9em; margin: 0; } #comm-r .comm-header { margin: 0 0 7px 0; position: relative; padding-bottom: 5px; font-size:1.1em; border-bottom: dashed 1px #b57f63; } #comm-right .comm-header a{ text-decoration: underline; } #comm-right .comm-body { font-size:1.1em; } #comm-foot { margin: 30px 0px 0px; text-align: right; padding-right: 10px; } #dle-comments-list { text-align:left; padding-left: 20px; } #navi { display: inline-block; background-color: #fff; overflow: hidden; line-height: 40px; margin: 20px 0 20px 0; border: 1px solid #4D1111; font-size: 1.1em; } #navi span { display: inline-block; float: left; } #navi a { text-decoration: none; } .navran {min-width:35px;max-width:40px;padding:0 2px;border-right:1px solid #4D1111;line-height: 40px;} .navp, .navn { text-align: center; color: #3e3f40; width: 80px; } .navp span, .navn span { color: #a59999; width: 80px; } .navp a, .navn a { color: #3e3f40; display: block; } .navigat { text-align: center; } .navigat a, .navigat span { display: inline-block; padding: 0 2px; color: #780C16; min-width: 35px; border-right: 1px solid #4D1111; float: left; } .navigat span, #navi a:hover, .navran:hover { color: #fff; background-color: #d24a1a; } #navi span.nav_ext { background: none; color: #3e3f40; } .navp a { border-right: 1px solid #4D1111; } #toTopWrapper { width:100px; height: 100%; left: 0; position: fixed; top: 0; } #toTopClickZone { cursor: pointer; width: 100px; opacity: 1; background-color: rgba(204, 84, 0, 0.12); z-index:99999; display:none; } #toTopClickZone p, #toTopCloneCapt { color: #FFFFFF; font-family: tahoma,verdana,arial; font-size: 12px; height: 27px; left: 37px; margin-top: 12px; line-height: 25px; position: fixed; text-align: center; text-shadow: 1px 1px 1px #000000; top: -2px; width: 63px; z-index:100; } #toTopCloneCapt { display:none; z-index:101; } #toTop { background: url("../images/goup.png") no-repeat scroll 0 0 #FF6600; height: 27px; left: 10px; position:fixed; top: 10px; width: 27px; opacity: 1; cursor: pointer; display:none; z-index:99; } #cat-blok{ font-size:1.3em; color:#e6440d; width:20rem; margin:10px 22px; text-align:left; float: left; } #cat-blok ul{ list-style:none; padding:0px 10px; margin: 10px 0px; } #cat-blok a{ line-height:1.4; text-decoration:none; } #cat-blok a:hover{ text-decoration:underline; } .cat-blok-head{ color:#862605; font-size:1.4em; padding: 0px 5px; } #head-menu-title, .m-show { display:none !important; } @media screen and (max-width: 1050px) { .remove_in_mobile img { max-width: 700px; } } @media screen and (max-width: 1150px) { #img-bl img { max-width: 630px; } } @media screen and (max-width: 991px) { body { font-size: 12px; } #short-stori a span.inftext,#short-stori a span.inftext span,#comm-l p.group { font-size: 1em; } #menu { width: 200px; } /*#link-logo { width: 200px; }*/ #content { margin-left: 200px; } #search input, #search button { height: 25px; line-height: 20px; } #navi, .navran { line-height: 35px; } .navp, .navn, .navp span, .navn span { width: 65px; } .navigat a, .navigat span { padding:0; } #toTop { bottom: 10px; top: initial; } #toTopClickZone p, #toTopCloneCapt { bottom: -2px; top: initial; } .rate-procent { padding: 2px 2px 2px 2px; } #container {margin:0 auto;}} @media screen and (min-width: 935px) { #mobile-sb #head-menu { display:none; } .remove_in_pk { display:none; } } @media screen and (max-width: 935px) { #menu #clone-kat.shap, #menu #navbar.blok_body, #menu.del_mob_full, #menu #login {display:none;} #container {margin-top: 0px !important;} #content { display: table-cell; margin-left: 0; } #menu { display:table-footer-group; float:none; width:100%; } #dle-content { margin:0; } #img-bl img { max-width: 800px; } #head-menu { display:none; } #mobile-sb #head-menu { display:block; 	position: static; height: initial; text-align: left; } #mobile-sb #head-menu li { line-height: normal; font-size: 1.1em !important; display: block !important; } #mobile-sb #head-menu li a { display: block !important; padding: 10px 0 10px 20px !important; border-top: 1px solid #bbbaba !important; color: #711a24 !important; } #head-menu li a:hover { background-color: #cd4908; } #mobile-sb #clone-kat.shap, #head-menu-title.shap { font-size: 1.6em; margin: 20px 5px 5px; } #head-menu-title, .m-show { display:block !important; } #kat li a { padding: 10px 0 10px 20px; } .icon-menu { display: inline-block; } .img-topnews { width: 30%; } #full-ph, #dle-comments-list { padding: 10px !important; } .navigat, #speed-bar { display: none !important; } .navp, .navn, .navp span, .navn span { width: 130px; } .navp span { border-right: 1px solid #4D1111; } #clear { clear:both; } .l-head { text-align: center; } .icon-search { left:0; } .icon-menu { right:0; } .l-head .icon-sort-amount-desc { display: none; } #link-logo { margin-right: 0px  !important; } .remove_in_mobile { display: none; } .remove_in_pk { display: block; } a.tg-icon { right: 50px; } } @media screen and (max-width: 890px) { #img-bl img { width:95% } } @media screen and (max-width: 650px) { #short-stori, .img-topnews { width: 47%; } .caption h1 { font-size: 1.6em; } .caption { margin: 5px; 	text-align: center; border:none; } #content p { display: none; } #comment p { display: block !important; } #content h2 { display: none; } #search input { width: 60%; } #search button { width: 25%; } #dle-comments-form button { width: 37%; } #fullsearch input#dosearch, #fullsearch input#dofullsearch { width:49%; font-size: 1em; padding: 0 !important; } #link-logo { width: 180px; background-size: 100%; } #dwn, #social { margin: 5px auto; } .linkFooter { float:none; padding-top:5px; } #foot { text-align: right; } } @media screen and (max-width: 320px) { #short-stori, .img-topnews { width: 97%; } #dle-comments-form button { width: 40%; } .icon-search, .icon-menu { width: 40px; } } @media screen and (max-height: 370px)  { #short-stori, .img-topnews { width: 30%; } } 
/*---------Логин-----------*/ #login { background: #ffebd4; text-align: left; border: solid 1px #cd4908; width: 95%; margin: 10px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 4px 0px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(255, 255, 255, 0.6); box-shadow: 0px 1px 4px 0px rgba(255, 255, 255, 0.6); } #lname { text-align: left; margin: 2px; padding: 2px; background: #fcf9f6; border: solid 1px #ccc; text-transform: none; color: #FC6341; font-size: 1.4em; font-weight: bold; } #login a { font-size: 13px; text-decoration: underline; color: #380a0f; } #login a:hover { text-decoration: none; color: #d64309; } #login .fleft { width: 60px; text-align: center; margin: 10px; float: left; } #login img { width: 60px; border: 0px none currentColor; vertical-align: middle; } #login ul { text-align: left; padding: 2px; font: 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; list-style: none outside none; } #log-enter-pass, #log-enter-login { border: 1px solid #a43701; box-shadow: inset 1px 1px 6px 0px rgba(150, 51, 3, 0.298); background: #ffede4; text-align: left; border-radius: 3px; padding: 0 5px; height: 27px; color: #777; display: inline; position: relative; } #log-enter-login { width: 90%; margin: 5px; } #log-enter-pass { width: 61%; margin: 5px 0 0 5px; } #enter-but-reg, #enter-but-en { background: #da4a06; border: 1px solid #b02904; border-radius: 3px; box-sizing: border-box; color: #FFFFFF; cursor: pointer; display: inline-block; font: 13px "Arial"; height: 29px; overflow: hidden; padding: 0px 10px; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap; } #enter-but-reg:hover, #enter-but-en:hover { border: 1px solid #CD4908; text-shadow: 1px 1px 10px #fdefb7, 0 0 1em #fc0; } #log-enter-pass:focus, #log-enter-login:focus { border: 1px solid #f16e2d; outline: none; } #enter-but-reg { margin: 5px 0; } .lostpassword { display: inline-block; margin: 6px; } .lostpassword a { text-decoration: none !important; } /*---------/Логин-----------*/
.dating {text-align: center; margin: 10px 0;} .dating a { background-image: url("/uploads/dating.jpg"); background-size: contain; background-repeat: no-repeat; padding: 10px 2px 10px 50px; font-size: 20px; border: 2px solid #ea454d; border-radius: 10px; display: inline-block; text-decoration: none; }
.tg-icon {color: #fff; display: inline-block; position: absolute; right: 100px; height: 70px; width: 50px; cursor: pointer; font-size: 2em; line-height: 70px; text-align: center; background-image: url(/uploads/tg.png); background-repeat: no-repeat; background-size: 80%; background-position: center; } @media screen and (max-width: 385px) { a.tg-icon { width: 40px; } }
.sponsored {margin: 0; padding: 10px 15px; border-top: 1px solid #c35316; background-color: #fef0e9; text-align: justify; color: #5a1e02; font-size: 1.1em;} .sponsored a {color: #793312;} .sponsored p {margin: 0px 0px 5px 0px;}