/* 
Layout author Lexss 
Skype:lexss_freelance
Viber:+380989833614
WhatsApp:+380989833614
Telegram:@lexss_freelancer
E-mail:admin@lexss.org
Site:lexss.org
*/
:root{
--c-body:#fcefd1;
--c-a:#fcefd1;
--c-a-h:#f39c12;
--c-search-i:#111;
--c-red:#ea1853;
--b-body:#312d23;
--b-search-i:#fff;
--b-search-b:#f39c12;
--b-footer:#27241c;
--b-pag-a:#28251e;
--b-panel:#1f1d17;
--white:#fff;
--f-rate-l:#2ecc71;
--f-rate-d:#e74c3c;
--f-svg:#f39c12;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;transition: all .3s;}
html,body{height:100%}
body{position:relative;min-width:320px;background:var(--b-body,#312d23) url(../images/bg.webp) center top no-repeat;font:17px Rubik,Arial,sans-serif;padding:0;margin:0;color:var(--c-body,#fcefd1);width:100%;font-weight:400}
img{max-width:100%}
ul,ol{list-style:none}
a{outline:0;color:var(--c-a,#fcefd1);text-decoration:none}
a:hover,a.active,.logo span,footer span:hover{color:var(--c-a-h,#f39c12)}
button,textarea,select,input[type="text"],input[type="password"],input[type="button"],input[type="submit"]{height:40px;line-height:40px;vertical-align:middle;appearance:none;-webkit-appearance:none;border:0;outline:none;font-size:16px;font-family:'Rubik'!important}
input:focus{border:0;outline:none}
button:hover{cursor:pointer}
svg{position:relative;display:inline-block;width:24px;height:24px;fill:var(--white,#fff);vertical-align:middle}
h1,h2,h3,h4,h5{font-weight:600;font-size:24px}
h1{display: block;margin-bottom: 20px;font-size:28px;font-weight: 900;}
article h1{display:block;font-size:21px;font-weight:900;margin:10px 0 0 0;width:100%;border-bottom:1px solid var(--c-a-h,#f39c12);padding-bottom:10px;}
h2{display:block;margin-bottom:20px;font-weight:900}
.h3{text-align:center;margin-top:15px;font-weight:600}
.rel h3{font-size:28px;font-weight:400;margin-bottom:20px}
.flex-1,header,header nav,.info{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:flex-start;justify-content:flex-start}
.flex-2,.cats,.cats div,.tags div{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.basic{width:1170px;max-width:calc(100% - 30px);margin:0 auto}
.basic.main{min-height: calc(100vh - 136px);}
header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,0.2)}
.logo{font-size:38px;font-weight:900;text-transform:uppercase;margin-right:40px}
header nav{-ms-flex-positive:1;flex-grow:1}
header nav ul{display:-ms-flexbox;display:-webkit-flex;display:flex}
header nav li > a{display:block;text-transform:uppercase;margin:0 20px}
.search:hover{fill:var(--c-a-h,#f39c12);cursor:pointer}
.search-block{position:relative;width:100%;margin-top:20px;display:none}
.search-block.open,.dmca-abuse-modal.open{display:block}
.search-block input{width:100%;padding:0 65px 0 20px;background:var(--b-search-i,#fff);color:var(--c-search-i,#111);border-radius:20px}
.search-block button{position:absolute;right:0;top:0;z-index:2;width:60px;background:var(--b-search-b,#f39c12);color:var(--white,#fff);font-size:18px;padding:0;border-radius:20px}
.search-block button svg{width:18px;height:18px}
main{padding:30px 0 0 0}
footer{padding:30px 0;margin-top:30px;line-height:1.6;background:var(--b-footer,#27241c)}
footer .basic{text-align:center;text-transform:uppercase;}
footer span, footer a{text-decoration:none;margin: 0 20px;}
.main_description{padding:40px 0 90px;line-height:1.5;text-align:center}
.main_description h1{font-size:38px;font-weight:900;margin:0}
.main_description p,.seo_description p{margin-top:15px}
.main_description a{display:inline-block;text-align:center;padding:0 20px;margin-top:30px;height:60px;font-size:19px;line-height:60px;border-radius:3px;background:var(--b-search-b,#f39c12);color:var(--white,#fff);box-shadow:0 10px 20px 0 rgba(0,0,0,0)}
.main_description a svg{width:20px;height:22px}
.seo_description{line-height:1.5;text-align:justify}
.central,.fullstory{margin-bottom:30px}
.content{margin:0 -10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:flex-start;justify-content:flex-start}
.short{display:block;width:33.33%;padding:0 10px;margin-bottom:15px}
.img-block{position:relative;display:block;overflow:hidden;padding-top:60%;border-radius:3px;margin-bottom:15px;box-shadow:0 0 6px 0 rgba(0,0,0,0.25)}
.duration{position:absolute;z-index:5;left:6px;bottom:6px;background-color:rgba(0,0,0,0.6);color:#fff;padding:2px 6px;border-radius:3px}
.short p{display:block;line-height:1.2;height:20.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.short img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.pagination{font-size:18px;padding-top:20px}
.pagination ul{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.pagination a{display:inline-block;padding:0 10px;margin:5px;line-height:60px;min-width:60px;text-align:center;border-radius:3px;background:var(--b-pag-a,#28251e);border:1px solid transparent}
.pagination a:hover{border:1px solid var(--b-search-b,#f39c12)}
.pagination .chosen a{background:var(--b-search-b,#f39c12);color:var(--white,#fff);cursor:default}
.main-tags{padding:25px 0 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.main-tags a{order:0;margin:10px;background-color:transparent;border-radius:10px;-webkit-transition:background-color 0.3s,color .3s;transition:background-color 0.3s,color .3s;text-transform:uppercase;color:#fcefd1;font-weight:500;letter-spacing:.9px}
.main-tags a:hover{color:var(--c-red,#ea1853)}
.cats{-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left;}
.cats,.cats div,.tags div{font-size:15px}
.cats div,.tags div{margin-bottom:15px;width:25%;padding-right:2%}
.cats div:nth-child(4n),.tags div:nth-child(4n){padding:0}
.cats span,.tags span{margin-left:15px}
.cats a,.cats a:after,.tags a,.tags a:after{-ms-flex-positive:1;flex-grow:1;display:flex;justify-content:space-between;align-items:center}
.cats a:after,.tags a:after{content:'';height:1px;border-bottom:2px dotted #999;margin:0 0 0 15px}
.cats span{opacity:.5}
.tags{margin:0;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.panel,.cat-teg{-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:15px;margin-bottom:10px;background:var(--b-panel,#1f1d17);border-radius:0 0 3px 3px}
.result{vertical-align:middle}
.rate-like svg{fill:var(--f-rate-l,#2ecc71)}
.rate-dislike svg{fill:var(--f-rate-d,#e74c3c)}
[class^="rate-"]{display:inline-block;margin-right:15px;height:40px;line-height:40px}
[class^="rate-"]:hover{fill:var(--white,#fff)}
.panel [class^="rate-"] svg{width:31px;height:31px;margin-right:10px;vertical-align:middle}
.info svg{fill:var(--f-svg,#f39c12);height:24px;margin-right:10px}
.info div:first-child{margin:0}
.info div{margin-left:36px}
.rate{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.cat-teg span{margin-right:15px}
.cat-teg svg{width:20px;height:18px;vertical-align:middle;position:relative;top:-2px}
.cat-teg a{display:inline-block;margin-right:10px;vertical-align:middle}
.counter{margin-top:10px}
.jw-flag-top{margin-top:0 !important}
.dmca-on{cursor:pointer}
.dmca-abuse-modal-content{border-radius:4px;border:1px solid var(--c-a-h,#f39c12) !important}
.dmca-abuse-modal-content{background-color:var(--b-body, #312d23) !important;color:var(--white,#fff) !important}
.dmca-abuse-modal-content h2{color:var(--white,#fff) !important;font-size:20px !important;margin-bottom:10px}
.dmca-abuse-close{color:var(--white,#fff) !important;}
.dmca-abuse-close:hover,.dmca-abuse-close:focus{color:var(--c-a-h,#f39c12) !important;}
.dmca-abuse-modal-content input[type="submit"]{background-color:var(--b-search-b,#f39c12) !important;color:var(--white,#fff) !important;line-height:normal;height:auto;}
@media screen and (max-width:1220px) {
body{background-image:none}
.basic{width:1000px}
.main_description{padding:5px 0 30px}
.main_description h1{font-size:22px}
.main_description p{margin-top:5px}
.main_description a{margin-top:15px}
.cats div,.tags div{width:33.333%;}
.cats div:nth-child(3n),.tags div:nth-child(3n){padding:0 !important}
.cats div:nth-child(4n),.tags div:nth-child(4n){padding-right:2%}
}
@media screen and (max-width:950px) {
.basic{width:768px}
header{padding:20px 0}
nav{min-width:100%;-ms-flex-order:5;-webkit-order:5;order:5;margin-top:20px}
.logo,nav li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
nav ul{width:100%}
nav li > a{margin:0;text-align:center}
.short{width:50%}
article h1{font-size:19px}
.cats div,.tags div{width:50%}
.cats div:nth-child(3n),.tags div:nth-child(3n){padding-right:2% !important}
.cats div:nth-child(2n),.tags div:nth-child(2n){padding-right:0 !important}
.info{display:none}
}
@media screen and (max-width:760px) {
.basic{width:640px}
}
@media screen and (max-width:590px) {
.basic{width:480px}
.logo{font-size:22px}
.short{width:100%}
.main-tags{padding:20px 0}
.rate{-ms-flex-preferred-size:unset;flex-basis:unset;-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset;margin:0 auto}
.cat-teg{font-size:15px}
.cats div,.tags div{width:100%;}
.cats div:nth-child(n),.tags div:nth-child(n){padding-right:0 !important}
}
@media screen and (max-width:470px) {
.basic{width:360px}
}
@media screen and (max-width:340px) {
.cat-teg a{display:block;margin-top:10px}
}