/* Datalife Engine template 
creation date: 03 may 2019, 
version dle: 12-13
*/

/* SET BASE AND UI
----------------------------------------------- */
* {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;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
body {font: 14px GothamProRegular, Tahoma, Geneva, sans-serif; line-height: normal; padding: 0; margin: 0;        
color: #2e2e2e; background-color: #fff; min-height: 100%; width: 100%; font-weight: 400;}
a {color: #2e2e2e; text-decoration: none;}
a:hover, a:focus {color: #d25c5c; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 700; font-size: 18px;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 16px; font-family: GothamProRegular !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-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, .usp-btn a 
{display: inline-block; text-align: center; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 4px; cursor: pointer;  
background-color: #d25c5c; color: #fff; font-size: 16px; font-weight: 700;}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .meta-fav a:hover 
{background-color: #d25c5c; color: #fff;}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: 4px; border: 0; padding: 0 15px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000; 
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.2);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px #2e86de, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #000; opacity: 0.5; font-size: 15px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 66.5%;}
.img-resp-vert {padding-top: 145%;}
.img-resp-sq {padding-top: 100%;}
.img-box > img, .img-square > img, .img-resp > img, .img-resp-vert > img, .img-resp-sq > img {width: 100%; min-height: 100%; display: block;}
.img-resp > img, .img-resp-vert > img, .img-resp-sq > img {position: absolute; left: 0; top: 0;}
.img-wide > img {width: 100%; display: block;}
.img-fit > img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #dle-content22 {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;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start, #dle-content22 {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}

@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff");
    font-style: normal; font-weight: 400;
}
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProBold/GothamProBold.woff") format("woff");
    font-style: normal; font-weight: 700;
}
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff");
    font-style: normal; font-weight: 500;
}

b, strong {font-weight: 700;}
.hidden, #dofullsearch {display: none;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 20px; font-size: 20px; font-weight: 700;}
#dle-content22 > *:not(.thumb) {width: 100%;}


/* GRID
----------------------------------------------- */
.wrap {min-width:320px; position:relative; overflow: hidden;} 
.wrap-container {max-width:1170px; width: calc(100% - 30px); margin:0 auto; position:relative; z-index:100;}
.header {height: 100px; margin: 0 -1000px; padding: 0 1000px; margin-bottom: 30px;
	position: relative; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.07);}
.nav {background-color: #fbfcfe; margin: -30px -1000px 30px -1000px; padding: 30px 1000px;}
.footer {margin: 0 -1000px; padding: 25px 1000px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.12);}


/* IMAGES
----------------------------------------------- */
.hd-favs {background: url(../images/star.png) center center no-repeat;}
.search-btn, .search-box button {background: url(../images/search.png) center center no-repeat;}
.nav-toggle-btn:after {background: #fff url(../images/close.png) center center no-repeat;}
.nav-toggle-btn.is-active:after {background: #fff url(../images/arrow.png) center center no-repeat;}
.thumb-meta-rating {background: url(../images/like.png) left 2px no-repeat;}
.thumb-meta-views {background: url(../images/eye.png) left center no-repeat;}
.thumb-meta-time {background: url(../images/time.png) left center no-repeat;}
.thumb-meta-quantity {background: url(../images/video.png) left 4px no-repeat;}
.tlg {background: url(../images/tlg.png) right center no-repeat;}
.sorting-menu {background: url(../images/arrow.png) right 10px center no-repeat;}
.flike {background: url(../images/flike.png) left center no-repeat;}
.fdislike {background: url(../images/fdislike.png) left center no-repeat;}
.fmeta-time {background: url(../images/ftime.png) left center no-repeat; padding-left: 22px;}
.fmeta-views {background: url(../images/fviews.png) left center no-repeat; padding-left: 22px;}
.fmeta-date {background: url(../images/fdate.png) left center no-repeat; padding-left: 18px;}
.fdl {background: url(../images/fdl.png) 20px center no-repeat;}
.fav-btn {background: url(../images/ffav.png) center center no-repeat;}


/* HEADER
----------------------------------------------- */
.logo {display: block; height: 42px; float: left; margin-top: 25px; margin-right: 150px;}
.hd-menu, .hd-menu li {float: left;}
.hd-menu a {display: block; height: 100px; line-height: 100px; margin-right: 60px; 
	font-size: 15px; position: relative;}
.hd-menu a.is-active:before, .hd-favs:hover:before, .search-btn:hover:before 
{content: ''; height: 5px; background-color: #d25c5c; 
position: absolute; top: 0; left: 0px; right: 0px;}
.hd-favs {display: block; width: 21px; height: 100px; float: right; margin-left: 15px; position: relative;}
.search-btn {width: 20px; height: 100px; float: right; cursor: pointer; position: relative;}
.search-box {position: absolute; right: 1000px; top: 0; height: 100px; background-color: #fff; 
width: 300px; z-index: 999; padding-top: 30px; display: none;}
.search-box input {border-radius: 0; background-color: #fff; padding: 0; 
border: 0; box-shadow: none !important; border-bottom: 1px solid #e3e3e3;}
.search-box button {width: 20px; height: 40px; padding: 0; position: absolute; right: 0; top: 30px; 
background-color: transparent !important;}


/* NAV
----------------------------------------------- */
.nav-toggle-btn {float: right; position: relative; cursor: pointer; padding-right: 40px; 
	margin: -10px 0 0 0; font-size: 12px; color: #d1d1d1; height: 24px; line-height: 24px;}
.nav-toggle-btn:after {content: ''; height: 24px; width: 24px; border-radius: 50%; 
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.07); position: absolute; right: 0; top: 0;}
.nav-toggle-btn:hover {color: #d25c5c;}
.nav ul {padding-bottom: 30px;}
.nav li {width: 25%; float: left;}
.nav li a {font-size: 15px; display: inline-block; min-width: 65%; max-width: 100%; white-space: nowrap;
height: 30px; line-height: 30px; position: relative; margin-top: 10px;}
.nav li a:hover, .nav li a.is-active {font-weight: 700; color: #d25c5c;}
.nav li a:hover:before, .nav li a.is-active:before {content: ''; background-color: #d25c5c; height: 4px; 
position: absolute; left: -15px; right: 0; bottom: -3px;}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 30px;}
.sect-header {margin-bottom: 30px;}
.sect-title {font-weight: 700; font-size: 20px;}
.sect-items {margin: 0 -15px;}
.sect-link, .sect-desc p a {color: #d25c5c; text-decoration: underline;}
.sect-desc {margin: 0 -1000px; padding: 30px 1000px 60px 1000px; background-color: #fbfcfe;}
.sect-desc h1, .sect-desc h2, .sect-desc h3 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.sect-desc p {line-height: 24px; color: #444444;}
.sect-desc p + p {margin-top: 20px;}
.tlg {font-size: 16px; font-weight: 700; color: #009cd3; display: inline-block; margin-top: 30px; 
height: 34px; line-height: 34px; padding-right: 44px;}
.sect-desc-category {background: url(../images/category-bg.png) right top no-repeat; 
	margin: -30px 0 30px 0; padding: 40px 500px 0 0; min-height: 320px;}
.sect-desc-category .sorting {margin-top: 30px;}

.sorting {line-height: 30px;}
.sorting-title {color: #b8b8b8; display: inline-block; vertical-align: middle; margin-right: 10px;}
.sorting-menu {color: #828282; background-color: #f6f7fc; border-radius: 3px; cursor: pointer; 
padding: 0 30px 0 15px; position: relative; display: inline-block; vertical-align: middle;}
.sorter form {display: none; background-color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.12); 
border-radius: 3px; padding: 10px 0; width: 160px; position: absolute; right: 0; top: 100%; z-index: 999;}
.sorter a {display: block; padding: 0 15px;}
.sorter li[class] a {background-color: #d25c5c; color: #fff;}
.sorter:hover, .sorter.is-active {color: #fff; background-color: #d25c5c;}


/* THUMB
----------------------------------------------- */
.thumb {width: 33.33%; float: left; padding: 0 15px; margin-bottom: 70px; position: relative;}
.thumb-in {display: block;}
.thumb-img {box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15); border-radius: 3px;}
.thumb-title {height: 44px; line-height: 22px; font-size: 16px; margin-top: 20px; overflow: hidden;}
.thumb-meta {position: absolute; left: 15px; right: 15px; bottom: -30px; height: 20px; line-height: 20px; 
overflow: hidden; font-size: 13px; color: #ababab;}
.thumb-meta-item {display: inline-block; vertical-align: top; margin-right: 15px; padding-left: 20px;}
.thumb-in:hover .thumb-img {box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}

.thumb-model {width: 25%;}
.thumb-model .thumb-title {height: 22px; white-space: nowrap; text-overflow: ellipsis;}


/* PAGINATION
----------------------------------------------- */
.pagination {padding: 30px 0 50px 0; text-align: center; font-size: 0;}
.pagination a, .pagination span {display: inline-block; vertical-align: top; margin: 10px 7px 0 7px; 
height: 50px; line-height: 50px; padding: 0 10px; width: 50px; 
border-radius: 3px; font-size: 16px; font-weight: 700; 
box-shadow: 0 0 0 1px #f1f1f1, 0 10px 20px 0 rgba(0,0,0,0.05);}
.pagination span {box-shadow: none; color: #fff; background: #d25c5c;}
.pagination-models {text-align: left; padding: 15px 0 10px 0;}
.pagination-models > * {margin: 15px 15px 0 0 !important; text-align: center;}


/* FOOTER
----------------------------------------------- */
.ft-copyr {font-weight: 500; color: #9a9a9a; margin-right: 120px;}
.ft-menu a {margin-right: 40px;}


/*- FULL PAGE
---------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{height:550px; width: 100%; display: block;}
.fplayer {position: relative; background-color: #000; border-radius: 4px; overflow: hidden; 
box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15); margin-bottom: 30px;}
.fav-btn {width: 70px; height: 70px; position: absolute; z-index: 99999; right: 2px; top: 10px; cursor: pointer;}
.fav-btn.not-added {-webkit-filter:grayscale(1); filter:grayscale(10);}
.fmain {border-radius: 4px; overflow: hidden; box-shadow: 0 7px 15px 0 rgba(0,0,0,0.05);}
.fleft {padding: 30px;}
.fright {width: 370px; padding: 30px; background-color: #f4f4f4;}
.fleft h1 {font-size: 16px; font-weight: 500; margin-bottom: 20px; line-height: 24px;}
.fdesc {line-height: 22px; font-size: 14px; color: #505050;}

.frating {white-space: nowrap; padding-bottom: 10px;}
.flike, .fdislike {display: inline-block; vertical-align: top; cursor: pointer; 
	height: 20px; line-height: 20px; padding-left: 25px;}
.flike {color: #65b552;}
.fdislike {color: #d25c5c; margin-left: 20px;}
.frating-counter {color: #717171; margin-left: 3px;}
.fmeta {margin: 10px -30px; padding: 0 30px 10px 30px; border-bottom: 1px solid #ebebeb; color: #717171;}
.fmeta > * {height: 20px; line-height: 20px; display: inline-block; vertical-align: top;}
.fmeta > * + * {margin-left: 30px;}
.fcats {color: #717171; line-height: 24px;}
.fcats + .fcats {margin-top: 10px;}
.fcats a, .fdesc a {color: #d25c5c;}
.ftags a:before {content: '#';}
.fcats a:hover, .frating > *:hover {text-decoration: underline;}
.fdl {display: inline-block; height: 36px; line-height: 36px; border-radius: 3px; color: #fff !important; 
background-color: #a0a0a0; padding: 0 20px 0 50px; margin-top: 25px; font-weight: 500; font-size: 13px;}
.fdl:hover {background-color: #d25c5c;}



/* FULL STORY STATIC
----------------------------------------------- */
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.5; font-weight: 400;}
.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:#06c;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0;}
.full-text p {margin-bottom:10px;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}


/* COMMENTS
----------------------------------------------- */
.ac-protect22, .ac-textarea .bb-editor + br, .comments_subscribe, .mass_comments_action, 
.fcomm-add-textarea br {display: none;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display:none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff; 
padding:0 10px; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.side-panel a {display:block; padding:10px 0; font-size:16px; border-bottom: 1px solid #e3e3e3;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}

@media screen and (max-width: 1220px) {
.wrap-container {max-width:1000px;}
.logo, .ft-copyr {margin-right: 60px;}
.sect-desc-category {background-image: none; padding: 40px 0 0 0; min-height: 0;}

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

@media screen and (max-width: 950px) {
.wrap-container {max-width:768px;}
.hd-menu, .nav {display: none;}
.btn-menu {display: block; width: 30px; height: 100px; float: left; cursor: pointer; 
background: url(../images/menu.png) center center no-repeat; margin-right: 30px;}

.fright {width: 100%; -ms-flex-order: -1;-webkit-order: -1;order: -1;}
}

@media screen and (max-width: 760px) {
.wrap-container {max-width:640px;}
.search-box {width: auto; left: 1000px;}
.thumb {width: 50%;}
.thumb-model {width: 33.33%;}
.sect-header, .footer, .sect-desc {display: block; text-align: center;}
.sect-title {width: 100%;}
.sorting, .sect-link {margin-top: 15px; display: inline-block; white-space: nowrap;}
.ft-copyr {margin: 0;}
.ft-menu {margin: 15px 0;}
.ft-menu a {margin: 7px; display: inline-block;}
.pagination-models {text-align: center;}
.pagination-models > * {margin: 10px 7px 0 7px !important; text-align: center;}

.fmain {text-align: center;}

.dcont button {font-size:12px; padding:0 15px !important;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
.wrap-container {max-width:480px;}
.sect-desc-category p {display: none;}
.sect-desc-category h1, .sect-desc-category h2, .sect-desc-category h3 {margin-bottom: 0;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
.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) {
.wrap-container22 {max-width:320px;}
.btn-menu {margin-right: 30px;}
.logo {margin-right: 0;}
.thumb {width: 100%;}
.thumb-model {width: 50%;}

.fright {padding: 15px;}
.fmeta {padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px;}
.fdislike {margin-left: 10px;}
.fmeta > * + * {margin-left: 15px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}