/* Datalife Engine template 
creation date: 25 june 2019, 
version dle: 12-13
*/

/* 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;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
body {background-color: #c4d9ea; color: #262626; 
font-size: 16px; font-family: 'PT Sans'; font-weight: 400; font-style: normal;}
a {text-decoration: none; color: #262626;}
a:hover {color: #f6387e;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 16px; font-weight: 400; font-family: 'PT Sans' !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: 3px; cursor: pointer; font-size: 15px; font-weight: 400; color: #fff; background: #d24a43}
.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: #d24a43; 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: 58%;}
.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-content {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-content {-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;}

b, strong, .bolder {font-weight: 700;}
.anim, .th-img:after, .categ-img:after {transition: all .2s;}
.title, h1, h2, h3, h4, h5 {font-size: 24px; font-weight: 400; margin-bottom: 20px;}
.icon-left .icon {margin-right: 10px;}
.icon {display: inline-block; vertical-align: middle;}
.icon-search {width: 16px; height: 16px; background: url(../images/search.png);}
.icon-star {width: 18px; height: 16px; background: url(../images/star.png);}
.icon-arrow-left {width: 16px; height: 5px; background: url(../images/arrow-left.png);}
.icon-twitter {width: 22px; height: 18px; background: url(../images/twitter.png);}
.icon-telegram {width: 22px; height: 20px; background: url(../images/tlg.png);}
.icon-arrow-top {width: 10px; height: 23px; background: url(../images/arrow-top.png);}
.icon-angle-left {width: 9px; height: 13px; background: url(../images/angle-left.png);}
.icon-angle-right {width: 9px; height: 13px; background: url(../images/angle-right.png);}
.icon-chevron-right {width: 8px; height: 12px; background: url(../images/chevron-right.png);}
.icon-like {width: 20px; height: 18px; background: url(../images/like.png);}
.icon-dislike {width: 20px; height: 18px; background: url(../images/dislike.png);}
.hidden, #dofullsearch {display: none;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 20px; font-size: 24px; font-weight: 400;}
#dle-content > *:not(.th-item) {width: 100%;}
.btn-ui, .pags-list > span:not(.nav_ext), .sect-carou-alphabet span {color: #fff; box-shadow: 0 20px 60px rgba(0,0,0,0.2); 
background: linear-gradient(135deg, #ff7c6e 0%,#f5317f 100%);}
.btn-ui:hover {color: #fff; box-shadow: 0 20px 60px rgba(0,0,0,0); 
background: linear-gradient(135deg, #f5317f 0%,#ff7c6e 100%);}


/* GRID
----------------------------------------------- */
.wrap {min-width:320px; padding: 60px; background: url(../images/bg.jpg) center top no-repeat;} 
@media screen and (min-width: 1600px) {
	.wrap {background-position: left top;}
}
.wrap-container {max-width:1530px; margin:0 auto; position: relative;}
.wrap-main {background-color: rgba(246,247,251,0.9); box-shadow: 0 20px 60px rgba(0,0,0,0.2);}
.header {height: 100px; position: relative; z-index: 20; padding-left: 135px;}
.col-right {padding: 0 20px 40px 60px; min-height: 100vh;}
.col-left {width: 225px; background-color: rgba(234,238,243,0.8); padding: 30px 40px;}
.footer {width: 100%; padding: 28px 20px 28px 520px; line-height: 2; 
	background: #f9f9f9 url(../images/logo2.png) 280px center no-repeat;}

#gotop{position:fixed; width:66px; height:66px; line-height:63px; right:10px; bottom:10px;
z-index:9998; display:none; cursor:pointer; font-size:15px; 
border-radius:50%; text-align:center; border-bottom: 5px solid #cd3b62;}


/* HEADER, FOOTER, SIDEBAR
----------------------------------------------- */
.logo {display: inline-block; position: absolute; left: 0; top: 12px;}
.link-to-fav {display: block; color: #b1b1b1; font-size: 13px; margin-right: 30px;}
.link-to-fav .icon {position: relative; top: -2px; margin-right: 6px;}
.btn-login {height: 36px; line-height: 36px; padding: 0 30px; border-radius: 3px; font-size: 13px; 
border-bottom: 3px solid #cd3b62; cursor: pointer;}
.search-wrap {}
.search-box {display: inline-block; position:relative;}
.search-box input, .search-box input:focus {box-shadow:none; padding: 0 45px 0 0; width: 240px; transition: all .2s;
background-color:transparent; color: #000; height: 36px; line-height: 36px; border-radius: 0; 
border-bottom: 2px solid #e6e8ec;}
.header .search-box input:focus {width: 350px; border-bottom-color: #cfd3d9;}
.search-box button {position:absolute; right:0; top:-5px; z-index:10; padding:0 !important; 
background:transparent !important; width: 16px; box-shadow: none !important;}
.search-box input:not(:focus)::placeholder {color: #d3d7dd; opacity: 1; font-size: 14px;}

.footer a {font-size: 16px; margin-right: 60px; color: #7e7e7e;}
.footer a:hover {color: #f6387e;}

.link-to-main {font-size: 14px;}
.nav a, .link-to-main {line-height: 25px; color: #7e7e7e; display: block; position: relative; margin-bottom: 15px;}
.nav, .link-to-main {margin-bottom: 45px;}
.nav a:hover, .nav a.is-active {color: #f5367e; font-weight: 700;}
.nav a:hover:before, .nav a.is-active:before {content: ''; position: absolute; top: 0; right: -40px; 
height: 100%; width: 3px; background: linear-gradient(to top, #f5317f 0%,#ff7c6e 100%);}
.subscribe-title {font-size: 16px; color: #9e9e9e; padding-top: 20px;}
.subscribe-btns a {display: inline-block; margin: 14px 12px 0 0;}
.subscribe-btns a:hover {filter: grayscale(1);}


/* SECT
----------------------------------------------- */
.sect {margin-bottom: 60px;}
.sect-header {margin-bottom: 30px;}
.sect-title {font-size: 18px;}
.sect-title-small {font-size: 15px;}
.sect-title-big {font-size: 20px;}
.sect-items {margin: 0 -10px;}
.sect-cats {margin-top: 180px; position: relative;}
.sect-carou {margin: -40px -20px -80px -60px; min-height: 266px;}
.sect-carou .owl-stage-outer {padding: 40px 0 80px 60px;}
.sect-cats:before {content: ''; width: 207px; height: 478px; background: url(../images/gina.png) no-repeat; 
position: absolute; z-index: 1; top: -270px; right: 230px; pointer-events: none;}
.sect-cats > * {position: relative; z-index: 10;}
.sect-desc h1, .sect-desc h2, .sect-desc h3 {font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.sect-desc {line-height: 1.7; font-size: 16px;}
.sect-desc-top, .sect-alphabet {margin-top: 60px; margin-bottom: 40px;}

.sect-carou-alphabet {min-height: 0;}
.sect-carou-alphabet a, .sect-carou-alphabet span {font-weight: 700; font-size: 18px; height: 46px; line-height: 46px; 
display: inline-block; vertical-align: top; box-shadow: 0 20px 60px rgba(0,0,0,0.2); width: 46px; text-align: center;}
.sect-carou-alphabet a {background-color: #fff;}
.sect-carou-alphabet span {border-bottom: 3px solid #cd3b62;}


/* THUMB
----------------------------------------------- */
.th-item {width: 33.33%; padding: 0 10px; margin-bottom: 40px;}
.th-in {display: block;}
.th-img {box-shadow: 0 20px 60px rgba(0,0,0,0.2);}
.th-time {background: #dee1e5; color: #313131; font-size: 12px; font-weight: 700; display: inline-block;
position: absolute; z-index: 1; left: 0; top: 20px; padding: 1px 8px; border-radius: 0 4px 4px 0;}
.th-img:after {content: ''; position:absolute; z-index: 1; left:0; bottom:0; width:100%; height:50%; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);}
.th-title {margin: 15px 0 5px 0; line-height: 1.5;}
.th-meta {font-size: 13px; color: #999999;}
.th-meta a {color: #999999;}
.th-meta a:hover {color: #f6387e;}
.th-in:hover .th-img {box-shadow: 0 20px 60px rgba(0,0,0,0);}

.cat-item {width: 90px;}
.cat-item .th-img {padding-top: 100%; border-radius: 6px; margin-bottom: -5px;}
.cat-item .th-img:after, .model-item .th-img:after {display: none;}

.model-item .th-img {padding-top: 100%; margin-bottom: 20px; object-position: center top;}
.model-title {font-size: 16px; padding-right: 10px;}


/* PAGS
----------------------------------------------- */
.pags {font-size: 18px; font-weight: 700; padding: 0 10px; padding-top: 20px; justify-content: flex-end;}
.pags-list {text-align: center;}
.pags-list > * {display: inline-block; vertical-align: top;
	height: 40px; line-height: 40px; padding: 0 10px; min-width: 40px;}
.pags-list span:not(nav_ext) {margin: 0 10px;}
.pags-arrow > * {width: 20px; height: 40px; line-height: 35px; text-align: right; display: inline-block; margin-left: 10px;}


/* VIDEO
----------------------------------------------- */
.fplayer {background-color: #000; box-shadow: 0 20px 60px rgba(0,0,0,0.2); margin-top: 20px; margin-bottom: 40px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; height:500px; display: block;}
.fright {width: 320px; margin-left: 40px;}
.frow + .frow {margin-top: 20px;}

.fleft h1 {font-size: 22px; font-weight: 700;}
.fmeta {color: #848484; justify-content: flex-end;}
.fmeta > * {margin-left: 40px;}
.fmeta > *:first-child {margin-left: 0;}
.ftags {font-size: 14px; line-height: 1.7; margin-bottom: 10px;}
.ftags-caption {font-weight: 700; margin-right: 10px;}
.ftags a {color: #f8497a;}
.ftags a:hover {color: #49b0f8; text-decoration: underline;}

.fctrl {line-height: 40px; border-bottom: 4px solid #e6e6e6; margin-bottom: 10px;}
.ftabs > * {display: inline-block; color: #c1c1c1; padding: 0 20px; position: relative;}
.ftabs .is-active, .ftabs > *:hover {color: #fd6a72; cursor: pointer;}
.ftabs .is-active:before {content: ''; width: 100%; height: 4px; background-color: #fd6a72; 
position: absolute; left: 0; bottom: -4px;}
.ftabs-box {display: none;}
.ftabs-box.visible {display: block;}

.frate {font-size: 14px; position: relative;}
.rate-bar {width:100%; height:4px; overflow:hidden; 
position:absolute; background-color:#f8497a; left: 0; bottom: -4px;}
.rate-fill {width:50%; height:100%; position:absolute; left:0; top:0; 
	background-color:#66d86c; transition:width 1s linear;}

.add-comm-btn {width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; 
cursor: pointer; border-bottom: 5px solid #cd3b62; font-size: 24px;}
.comm {margin-bottom: 30px;}
.comm-left {width: 40px; margin-right: 20px; position: relative;}
.comm-av {width: 40px; height: 40px; border-radius: 3px;}
.comm-one, .comm-three {font-size: 14px; color: #9b9b9b;}
.comm-author {font-weight: 700; color: #474747; margin-right: 10px;}
.comm-two {padding: 5px 0;}
.comm-three a {color: #5990e2; margin-left: 50px;}
.comm-three a:hover {text-decoration: underline;}
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px; text-align: center; 
background-color: #000; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase;}


/* COMMENTS
----------------------------------------------- */
.add-comm-form {position:relative; background-color: #fff; padding: 30px; 
max-width: 700px; margin: 0 auto 30px auto; display: none;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}
.comments_subscribe input {margin-right: 10px;}
.ac-inputs input {width:49%;}
.ac-textarea textarea {height:85px;}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size: 14px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}

.mass_comments_action {display: none;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#00a6e4;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width:100%; max-width:100% !important; height:500px; display:block; margin:0 auto;}
.mejs-container {max-width:100% !important;}
.full-text {line-height:26px; font-size: 16px; color: #414141;}
.full-text img:not(.emoji) {max-width:100%; border:0px solid #f0f0f0; margin:10px auto; display: block;}
.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; font-size:24px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:10px 0;}
.full-text > ul li {list-style:disc; margin-left:40px; position:relative;}
.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:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}



/* Owl Carousel v2.1.0 */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left;
/* -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */}
.owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item {display: none; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab {cursor: move; cursor: grab; }
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; 
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
@keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%;
margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; background-color:#FFF;
-webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {opacity: 0; height: 100%;
background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-nav {position:absolute; left:0; right:0; top:0; margin-top: -12px;}
.owl-prev, .owl-next {width:30px; height:56px; position:absolute; top:0; z-index:200;
text-align:center; line-height:56px; margin-top: -15px; filter: grayscale(1); opacity: 1;}
.owl-prev {right:35px;}
.owl-next {right:10px;}
.owl-prev:hover, .owl-next:hover {opacity: 0.3;}
.owl-dots {text-align:center; position: static; padding-top: 20px;}
.owl-dot {display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 5px; 
border-radius:50%; background-color:#ccc;}
.owl-dot.active {background-color:#d24a43;}


/* LOGIN
----------------------------------------------- */
.login-overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
background-color: #000; opacity: 0.6; display: none;}
.login-box {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); 
background-color: #f2f5fa; padding: 30px 60px 40px 60px; width: 400px; 
box-shadow: 0 20px 60px rgba(0,0,0,0.5); display: none;}
.login-title {font-size: 24px; margin-bottom: 15px; text-align: center;}
.login-avatar {width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 15px auto; 
text-align: center; line-height: 60px; font-size: 24px; background-color: #111; color: #939393;}
.login-input {margin-bottom: 15px;}
.login-btn button {width: 100%; margin: 15px 0;}
.login-btm a {border-bottom: 1px dotted #5488d9; color: #5488d9; font-size: 14px;}
.login-menu {border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;}
.login-menu li {text-align: center; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 50%;}
.login-menu a {display: block; padding: 10px 5px; font-size: 14px;}
.login-menu li .fa {display: none; height: 28px; font-size: 22px; color: #06c;}
.login-admin {text-align: center; margin: -10px 0 25px 0;}


/* ADAPTIVE
----------------------------------------------- */
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#ebeff4;
padding:20px 40px; z-index:9999; position:fixed; left:-320px; top:0; 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:9998; display:none;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .search-box {width: 100%; margin-bottom: 20px; width: calc(100% + 40px); margin-left: -20px;}
.side-panel .search-wrap input {background-color: #fff !important; padding: 0 10px; width: 100%;}
.side-panel .search-wrap button {right: 10px;}
.side-panel .subscribe {padding-bottom: 40px;}

.toggle {cursor: pointer; width: 30px; height: 40px; position: relative; display: none;}
.toggle-icon {position: relative; margin-top: 18px; margin-bottom: 18px; margin-left: 10px;}
.toggle-icon::before {top: -8px;}
.toggle-icon::after {top: 8px;}
.toggle-icon::after, .toggle-icon::before {content: ""; position: absolute;}
.toggle-icon, .toggle-icon::after, .toggle-icon::before {background-color: #000; display: block;
	height: 2px; width: 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.toggle-icon::before {width: 20px; left: -4px;}
.toggle-icon::after {width: 20px; left: -4px;}

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1260px) {
.wrap {padding: 0; background-image: none;}
.wrap-container {max-width:1000px; overflow: hidden;}
.col-left, .header .search-wrap, .link-to-fav, #gotop, .pags-arrow {display: none !important;}
.toggle {display: block;}
.logo {left: 60px; top: 7px;}
.header {padding-left: 0;}
.col-right {padding-left: 20px;}
.sect-carou {margin: -40px -20px -80px -20px;}
.sect-carou .owl-stage-outer {padding: 40px 0 80px 20px;}
.sect-cats:before {right: 50px;}
.footer {padding: 20px; padding-left: 160px; background-position: 20px center;}
.footer a {margin-right: 18px;}
.pags {justify-content: center;}

.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;}
.th-item {width: 50%;}
.not-logged .login-avatar {display: none;}
.login-close {top: -5px;}
.login-title {font-size: 18px;}
.login-box {max-width: calc(100% - 60px); padding: 15px;}
}

@media screen and (max-width: 760px) {
.wrap-container {max-width:640px;}

.fmeta, .ftabs {display: none;}
.fctrl {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fright {margin-left: 0; width: 100%;}
.ftabs-box {margin-bottom: 30px;}

.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;}
.th-item {width: 100%;}
.model-item {width: 50%;}
.model-item .th-meta {display: none;}

.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:360px;}
.btn-login {padding: 0 20px;}

.ac-inputs input {width:100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}