/* Datalife Engine template 
creation date: 29 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: #383838; color: #fff; 
font-size: 15px; font-family: 'Montserrat'; font-weight: 300; font-style: normal;}
a {text-decoration: none; color: #fff;}
a:hover {color: #43b2d2;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 15px; font-weight: 300; font-family: 'Montserrat' !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: #43b2d2}
.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: #43b2d2; 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: 55%;}
.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: 600;}
.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;}
.shadow {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background-color: #4d4d4d;}
.rounded {border-radius: 6px;}
.icon {display: inline-block; vertical-align: middle;}
.icon-search {width: 16px; height: 16px; background: url(../images/isearch.png);}
.icon-video3 {width: 17px; height: 17px; background: url(../images/ivideo.png);}
.icon-eye {width: 23px; height: 17px; background: url(../images/ieye.png);}
.icon-clock {width: 18px; height: 18px; background: url(../images/iclock.png);}
.icon-like {width: 19px; height: 19px; background: url(../images/ilike.png);}
.icon-left {width: 7px; height: 13px; background: url(../images/ileft.png);}
.icon-right {width: 7px; height: 13px; background: url(../images/iright.png);}
.icon-play {width: 15px; height: 17px; background: url(../images/iplay.png);}
.icon-flike {width: 19px; height: 19px; background: url(../images/iflike.png);}
.icon-fdislike {width: 19px; height: 19px; background: url(../images/ifdislike.png);}
.icon-fleft {width: 30px; height: 56px; background: url(../images/ifleft.png);}
.icon-fright {width: 30px; height: 56px; background: url(../images/ifright.png);}
.hidden, #dofullsearch {display: none;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 20px; font-size: 24px; font-weight: 400;}
#dle-content > *:not(.thumb) {width: 100%;}


/* GRID
----------------------------------------------- */
.wrap {min-width:320px;} 
.wrap-container {max-width:1530px; margin:0 auto; width: calc(100% - 40px); position: relative;}
.header {border-bottom: 1px solid #4d4d4d;}
.header-in {height: 90px;}
.content {padding: 40px 0; min-height: 80vh;}
.col-left {width: 275px; margin-right: 20px;}
.footer {text-align: center; padding: 110px 0 40px 0; border-top: 1px solid #4d4d4d; 
	background: url(../images/logo.png) center 40px no-repeat;}


/* HEADER, FOOTER, SIDEBAR
----------------------------------------------- */
.hmenu {font-size: 0;}
.hmenu li {display: inline-block; vertical-align: top; margin-right: 50px;}
.hmenu li a {display: block; height: 90px; line-height: 90px; font-size: 18px;}
.hmenu li a.is-active, .hmenu li a:hover {color: #43b2d2; box-shadow: inset 0 -5px #43b2d2;}
.logo {display: inline-block;}
.search-wrap {width: 330px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {box-shadow:none; padding: 0 45px 0 15px;
background-color:#434343; color: #000; height: 38px; line-height: 38px; border-radius: 19px;}
.search-box button {position:absolute; right:0; top:-2px; z-index:10; padding:0 !important; 
background:transparent !important; width: 40px; box-shadow: none !important;}
.search-box input:not(:focus)::placeholder {color: #fff; opacity: 0.75; font-size: 18px;}

.ft-menu li a {height: 50px; line-height: 50px;}
.ft-copyright {font-size: 14px; margin-top: 20px;}

.nav-title {height: 36px;}
.nav-box {padding: 20px;}
.nav-caption {text-transform: uppercase; color: #43b2d2; margin-bottom: 20px; font-weight: 700; font-size: 18px;}
.nav-list + .nav-caption {margin-top: 20px;}
.nav-list {border-left: 1px solid #43b2d2; border-right: 1px solid #43b2d2;}
.nav-list li {position: relative;}
.nav-list span {display: inline-block; position: absolute; right: 10px; top: 0; z-index: 1; 
	line-height: 34px; opacity: 0.6; pointer-events: none;}
.nav-list a {display: block; height: 34px; line-height: 34px; padding: 0 10px;}
.nav-list a:hover + span {opacity: 1; color: #43b2d2;}
.nav-list a.is-active, .nav-list a.is-active + span {background-color: #43b2d2; color: #fff;}


/* SECT
----------------------------------------------- */
.sect {margin-bottom: 40px;}
.sect-desc, .sect-rkl {padding: 20px; overflow: hidden;}
.sect-desc-text {line-height: 21px;}
.sect-desc .title {background-color: #656565; padding: 15px 20px; margin: -20px -20px 8px -20px;}
.sect-header .title {margin-bottom: 0;}
.sect-header {margin-bottom: 20px;}
.sect-items {margin: 0 -10px;}
.sort {font-size: 0; white-space: nowrap;}
.sort li {display: inline-block; margin-left: 20px;}
.sort a {font-size: 15px; height: 36px; line-height: 36px; display: block;}
.sort li[class] a {color: #43b2d2; box-shadow: inset 0 -3px #43b2d2;}


/* THUMB
----------------------------------------------- */
.thumb {width: 33.33%; padding: 0 10px; margin-bottom: 20px;}
.th-in:hover .th-img {border-color: #43b2d2;} 
.th-in:hover .th-meta {opacity: 0;}
.th-img {border: 1px solid transparent;}
.th-title {margin-top: 10px; line-height: 20px;}
.th-meta {position: absolute; z-index: 10; left: 10px; right: 10px; bottom: 10px; background-color: rgba(0,0,0,0.7);
height: 40px; line-height: 40px; border-radius: 20px; overflow: hidden; padding: 0 30px; font-weight: 400;}
.th-meta-item {position: relative; z-index: 10; color: #fff;}
.th-meta-item.to-center {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.th-meta-item .icon {margin-right: 10px; position: relative; top: -1px;}
.th-meta-item .icon-like {top: -3px;}

.categ {width: 20%; padding: 0 10px; margin-bottom: 10px;}
.categ-title {height: auto; overflow: visible;}
.categ .th-img {padding-top: 78%;}
.categ-count {height: 40px; line-height: 40px; border-radius: 20px; padding: 0 15px; overflow: hidden; 
position: absolute; bottom: 10px; right: 10px; background-color: rgba(0,0,0,0.7);}
.th-in:hover .categ-count {background-color: rgba(67,178,210,0.7);}


/* TAGS, RKL
----------------------------------------------- */
.sect-tags {font-size: 0;}
.sect-tags a, .sect-tags > span.ftags-caption {display: inline-block; vertical-align: top; margin: 0 10px 10px 0; height: 34px; line-height: 34px; 
font-weight: 400; font-size: 15px; border-radius: 17px; background-color: #4d4d4d; padding: 0 10px;}
.sect-tags a:hover, .tags_more a {background-color: #43b2d2; color: #fff;}
.rkl {overflow: hidden; width: 300px; margin: 0 10px 20px 10px;}
.rkl-box {margin: 0 -10px -20px -10px;}
.rkl > * {display: block;}


/* PAGS
----------------------------------------------- */
.pags {font-size: 18px; line-height: 36px; width: 100%; padding: 0 10px; padding-top: 30px;}
.pags-list {margin: 0 20px; text-align: center;}
.pags-list > * {display: inline-block; vertical-align: top; margin: 0 10px; height: 36px; min-width: 20px;}
.pags-list > span, .pags-arrow a:hover {color: #43b2d2; box-shadow: inset 0 -3px #43b2d2;}
.pags-arrow > * {width: 20px; height: 36px; text-align: center; display: inline-block;}


/* VIDEO
----------------------------------------------- */
.fright {width: 100%; margin-top: 40px;}
@media screen and (min-width: 1220px) {
.fright {width: 400px; margin: 0 0 0 20px;}
.fright .sect-items {margin: 0;}
.fright .thumb {width: 100%; padding: 0; margin: 0;}
.fright .thumb + .thumb {margin-top: 20px;}
.frkl {margin-left: auto; margin-right: auto; max-width: calc(100% - 300px);}
}
.fplayer {background-color: #000;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; height:620px; display: block;}
.fctrl {border-bottom: 5px solid #353535;}
.frate a {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.frate a + a {margin-right: 20px;}
.frate a:hover {background-color: #43b2d2;}
.frate .fmeta-item {margin-right: 20px;}
.ftabs > * {display: inline-block; height: 40px; line-height: 40px; font-weight: 400; margin-right: 40px;}
.ftabs > *:last-child {margin-right: 20px;}
.ftabs .is-active, .ftabs > *:hover {color: #43b2d2; box-shadow: inset 0 -3px #43b2d2; cursor: pointer;}
.ftabs-box {display: none;}
.ftabs-box.visible {display: block;}
.fsoc {padding: 20px; text-align: center;}

.fmeta {padding: 16px 20px 5px 20px;}
.fmeta-item {display: inline-block; vertical-align: middle; margin-right: 35px; font-weight: 400; color: #43b2d2;}
.fmeta-item span:not([id]) {color: #fff; margin-right: 5px;}
.ftext {padding: 10px 20px; font-weight: 400; line-height: 21px;}
.ftext a {color: #43b2d2; text-decoration: underline;}
.ftags {padding: 0 20px;}
.ftags-caption {padding: 0 !important; background-color: transparent !important;}
.ftags a:not(:hover) {background-color: #383838;}

.fcomms {padding: 20px; border-top: 5px solid #353535; margin-top: 10px;}
.comm-item {margin-top: 20px;}
.comm-left {width: 50px; height: 50px; margin-right: 10px; border-radius: 25px;}
.comm-text {line-height: 21px; margin-top: 3px;}
.comm-author {font-weight: 600; margin-right: 10px; color: #43b2d2;}
.comm-date {opacity: 0.6;}
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 50px; text-align: center; 
background-color: #000; color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase;}
.fpags {font-size: 12px; margin-top: 20px;}

.fcomm-add {max-width: 540px;}
.fcomm-add input, .fcomm-add textarea {width: 100%; border-radius: 15px; 
	background-color: #434343; box-shadow: none;}
.fcomm-add input {height: 30px; line-height: 30px; margin-bottom: 10px; padding: 0 10px;}
.fcomm-add textarea {padding: 10px; height: 40px; border-radius: 20px;}
.fcomm-add-textarea button {padding: 0 !important; background-color: transparent !important; border-radius: 0 !important;
color: #43b2d2 !important; box-shadow: inset 0 -3px #43b2d2 !important; margin-left: 20px;}
.fcomm-add input:not(:focus)::placeholder {color: #fff; opacity: 0.75;}

.sect-carou {padding: 0 140px; margin-top: -10px;}
.sect-carou .thumb {margin: 0; padding-top: 10px; width: 100%;}
.sect-carou .th-in:hover .th-img {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}


/* 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:50%; margin-top: -28px;}
.owl-prev, .owl-next {width:30px; height:56px; position:absolute; top:0; z-index:200;
text-align:center; line-height:56px; margin-top: -15px; opacity: 0.6;}
.owl-prev {left:-60px;}
.owl-next {right:-60px;}
.owl-prev:hover, .owl-next:hover {opacity: 1;}
.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:#43b2d2;}


/* FULL STORY STATIC
----------------------------------------------- */
.mejs-container {max-width:100% !important;}
.full-text {line-height: 21px;}
.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:#43b2d2;}
.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-protect, .ac-textarea .bb-editor + br, .comments_subscribe, .mass_comments_action, 
.fcomm-add-textarea br {display: none;}


/* ADAPTIVE
----------------------------------------------- */
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#383838;
padding:0 10px; 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-wrap {width: 100%; margin: 20px 0;}
.side-panel .hmenu li a {height: 40px; line-height: 40px;}
.side-panel .hmenu li {width: 100%;}
.side-panel .nav-box {padding: 20px 10px;}

.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: #fff; display: block;
	height: 3px; width: 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.toggle-icon::before {width: 24px; left: -4px;}
.toggle-icon::after {width: 24px; left: -4px;}

@media screen and (max-width: 1500px) {
.ftabs {width: 100%; padding-left: 20px; justify-content: center; border-top: 1px solid #353535;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:450px;}
}

@media screen and (max-width: 1260px) {
.wrap-container {max-width:1000px; width: calc(100% - 20px);}
.col-left, .header .hmenu, .header .search-wrap {display: none;}
.wrap {padding-top: 60px;}
.header-in {height: 60px;}
.header {position: fixed; z-index: 999; left: 0; top: 0; width: 100%; background-color: #4d4d4d;}
.logo {position: static; transform: none; max-height: 60px; max-width: 240px; overflow: hidden;}
.toggle {display: block;}
.sect-desc-top {margin-top: 0;}
.categ {width: 25%;}

.fmeta-item {margin-right: 17px;}
.sect-carou {padding-left: 40px; padding-right: 40px;}
.owl-prev {left: -40px;}
.owl-next {right: -40px;}
.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;}
.thumb {width: 50%;}
.categ {width: 33.33%;}
}

@media screen and (max-width: 760px) {
.wrap-container {max-width:640px;}
.sort {width: 100%;} 
.sort ul {white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.sort ul li {margin: 0 15px 0 0;}
.sect-rkl {padding: 0; background-color: transparent; box-shadow: none;}
.categ {width: 50%;}

.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;}
.thumb {width: 100%;}
.pags-arrow {display: none;}
.pags-list {margin: 0;}
.sect-desc .title {font-size: 18px;}
.ft-menu li {margin: 0; width: 100%;}

.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;}
.categ {width: 100%;}

.fcols {display: block;}
.fmain {margin-left: -10px; margin-right: -10px;}
.frate, .ftabs, .fmeta {justify-content: space-between; width: 100%;}
.frate a {width: 50%; margin: 0 !important; background-color: #333;}
.frate a + a {border-left: 3px solid #111;}
.frate .fmeta-item {margin: 0; padding: 10px; padding-right: 0; font-size: 12px;}
.frate .fmeta-item + .fmeta-item {padding-right: 10px; padding-left: 0;}
.ftabs > *, .fmeta > * {margin: 0 !important; font-size: 12px;}
.ftabs {padding: 0 10px; flex-wrap: nowrap;}
.fmeta {padding-left: 10px; padding-right: 10px; display: flex;}
.fmeta .fmeta-item span {display: block;}
.sect-carou {padding: 0; margin-left: -10px; margin-right: -10px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}