@import "reset-settings.css" all;

.search-box button, .login-show, .menu ul li a, .v-time, .v-views {background:url(../images/sprite.png) no-repeat;}
.short-img img, .top-img img, .bottom-img img {width:100%; min-height:100%;}
.top-img, .top-title {-webkit-transition: all .6s; -o-transition: all .6s;
-ms-transition: all .6s; transition: all .6s;}

/* KARKAS
----------------------------------------------- */
.all-wrap {width:100%; height:100%; padding:70px 0; background:url(../images/bg.jpg) center top fixed no-repeat; background-size:cover;}
.wrapper {width:100%; max-width:1200px; margin:0 auto;
background-color:#ffffff; box-shadow:0 0 0 10px rgba(255,255,255,0.3); border-radius:5px;}
.header {height:60px; background-color:#000; border-radius:5px 5px 0 0; padding:10px 195px 10px 265px; position:relative;}
.cont-wrap {padding:0 0 0 265px; position:relative; z-index:50; min-height:600px;}
.content {width:100%; padding:15px 0;}
.sidebar {margin-left:-265px; width:250px; position:relative; z-index:20; padding-bottom:15px;}
.cont-wrap:before {content:""; position:absolute; left:0; top:0; z-index:10;
width:250px; height:100%; background-color:#000; box-shadow:inset -20px 0 20px 0 rgba(0,0,0,0.2);}
.footer {height:50px; color:#ffffff; border-radius:0 0 5px 5px;
position:relative; z-index:100; padding:0 255px 0 20px; background-color:#000;}
.show-side-but {display:none;}

/* HEADER
----------------------------------------------- */
.logo {display:block; width:250px; height:130px; text-indent:-5000px; overflow:hidden;
position:absolute; left:0; bottom:0; background:url(../images/logo.png) no-repeat;}
.login-show {border-radius:5px; height:38px; line-height:36px; display:inline-block; color:#ffffff; width:165px;
padding:0 10px 0 60px; font-weight:bold; border:1px solid #353030; cursor:pointer; background-position:0 -50px; 
position:absolute; top:10px; right:15px;}
.login-show:hover {background-position:0 -91px; border:1px solid #ccc;}

.search-b {display:inline-block;width:100%;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:40px; border-radius:5px; padding:0 60px 0 20px;
background-color:#353030; box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,0.1); border:0; color:#f0f0f0;}
.search-box button {border-radius:0 5px 5px 0; border:1px solid #353030;
position:absolute; right:0; top:0; height:40px; width:40px;}
.search-box button:hover {opacity:0.7;}

.speedbar-sort {margin:0 15px 15px 0;}
.speedbar, .sort-wrap {display:inline-block; padding:8px 15px; border-radius:10px; border:1px solid #e3e3e3;}
.sort-wrap {font-weight:bold;}
.sort-wrap a {font-weight:normal;}
.sort-wrap a:hover, .speedbar a:hover {color:#c00; text-decoration:underline;}
.speedbar {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:100%;}

/* SIDEBAR
----------------------------------------------- */
.menu ul li a { display:block; background-color:#f0f0f0; line-height:30px; font-size:13px; font-weight:bold;
padding:0 20px 0 40px; color:#000000; background-position:16px -173px;}
.menu ul li:nth-child(2n) a {background-color:#ffffff;}
.menu ul li a:hover {color:#c00; background-position:15px -144px;}

.side-box {margin:20px 0 0 0; padding:0 15px;}
.side-title {height:40px; line-height:40px; padding:0 15px; border-radius:5px; border:1px solid #353030; 
font-weight:bold; font-size:13px;}
.side-content {margin-top:10px;}

/* SHORT I TOP
----------------------------------------------- */
.short-box {display:inline-block; width:22.5%; margin:0 1.6% 0 0.4%; margin-bottom:20px; border-radius:5px;
background-color: #f0f0f0; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); padding:5px 5px 0 5px;}
.short-go {display:inline-block; width:100%;}
.short-img {height:130px; overflow:hidden; position:relative;}
.short-img:before {content:""; position:absolute; left:0; top:0; z-index:20;
width:100%; height:100%; background:url(../images/blik.png) no-repeat; opacity:0.5;}
.short-title {margin:10px 5px;}
.short-title h2 {font-size:13px; height:35px; overflow:hidden; font-weight:bold;}
.short-rate {height:40px; text-align:center; background-color:#ffffff; margin:0 -5px; border-radius:0 0 5px 5px; line-height:50px;}
.short-rate .rating {display:inline-block;}
.short-go:hover h2 {color: #C00; text-decoration:underline;}
.show-time {position:absolute; left:5px; bottom:5px; z-index:10; display:inline-block; border-radius:3px;
background-color:rgba(0,0,0,0.7); color:#fff; font-size:11px; font-weight:bold; padding:5px;}

.top-n-wrap {min-height:150px; background-color:#424343; padding:40px 0; position:relative;}
.top-n-title {border-top:3px solid #FED11C; text-align:left; position:absolute; left:0; top:0; width:100%;}
.top-n-title span {display:inline-block; line-height:40px; padding:0 15px; border-radius:0 0 5px 5px; font-size:13px; font-weight:bold;}
.top-img {width:238px; height:140px; overflow:hidden; position:relative; border:2px solid #000; float:left; display:block;}
.top-title {background-color:rgba(0,0,0,0.6); color:#ffffff; padding:10px 5px; position:absolute; left:0; bottom:0px; width:100%;
opacity:1;}
.top-title p {font-size:12px; font-weight:bold; color:#ffffff;}
.top-img:hover { border:2px solid #3498DB;}
.top-img:hover .top-title {opacity:0;}
#owl-slides {margin-top:-25px;}
.owl-pagination {margin-bottom:15px;}

/* SEO TEKST
----------------------------------------------- */
.desc-text {margin:0 15px 15px 0; padding:20px; background-color:#e9e9e9;}
.desc-text h1 {font-size:18px; margin-bottom:10px;}
.desc-text h1 span {border-bottom:1px dashed #424343;}
.desc-text p {margin-bottom:10px; font-size:12px; line-height:16px; text-align:justify;}

/* FOOTER
----------------------------------------------- */
.footer p {width:100%; padding:20px 0 5px 0;}
.counts {position:absolute; top:10px; right:20px; width:220px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; margin-left:10px; background-color:#424343;}
.wr-copyr {position:absolute; right:20px; top:-22px; color:#8e8989; font-size:11px; text-decoration:underline; z-index:20;}
.wr-copyr:hover {color:#000; text-decoration:underline;}

/* FULL
----------------------------------------------- */
.full-wrp {padding:0 15px 0 0;}

.full-story { position:relative; padding:0 15px;border-radius:5px;
background-color: #f0f0f0; box-shadow:0 0 5px 0 rgba(0,0,0,0.2);}
.full-title { text-align:left; margin:0 -15px 15px -15px; background-color:#ffffff; border-radius:5px 5px 0 0;
padding:15px 15px; position:relative;}
.full-title h1 {display:block; font-size:18px; color:#424343;}

.addfavorit { opacity: 1; position:absolute; right:5px; bottom:-25px; z-index:100;}
.addfavorit:hover { opacity: 0.8 }
.iedit { position:absolute; right:30px; bottom:-25px; z-index:100;}
.iedit * { cursor: pointer; height: 17px; width: 17px;}
.iedit .thd { background-image: url("../dleimages/editstore.png"); display:inline-block;}

.video-wrp {margin-bottom:0px;}

.video-box {background-color:#ffffff; margin:0 -15px; padding:15px; border-radius:0 0 5px 5px;}
.v-player {height:450px;}
.v-player embed, .v-player object, .v-player video, .v-player iframe, .v-player frame {width: 100% !important; height:100% !important;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:450px !important;}

.v-info { margin-bottom:15px; padding:0 0 0 140px; position:relative;}
.v-views {display:inline-block; float:left; background-position:0 -259px; padding-left:23px; }
.v-time {display:inline-block; float:right; background-position:0 -220px; padding-left:23px; font-weight:bold;}
.v-rate {display:inline-block; position:absolute; left:0px; top:0px;}

.full-text {line-height:18px; font-size:13px; margin-bottom:15px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#D005C9;}
.full-text ul li {list-style:disc; margin-left:40px;}

/* RELATED I COMMENTS
----------------------------------------------- */
.full-bottom-wrp { margin:15px 0;}

.title-tabs {display:block;}
.title-tabs li {display:inline-block; height:40px; line-height:40px; padding:0 15px; cursor:pointer;
font-weight:bold; font-size:14px; margin-right:15px; border-radius:5px;}
.title-tabs li.current {}
.box {display: none; padding:15px 0; }
.box.visible {display: block; padding:15px 0;}

.bottom-item {width:23.6%; margin:0 1.8% 0 0; margin-bottom:20px; display:inline-block;}
.box .bottom-item:nth-child(4n) {margin-right:0;}
.bottom-img {height:130px; overflow:hidden; margin-bottom:5px;}
.bottom-item  p {height:30px; overflow:hidden; color:#424343; font-weight:bold; font-size:12px;}
.bottom-item:hover p { text-decoration:underline;}

.comments-wrp {margin:0 0 15x 0;}

.com-item {margin-bottom:15px; padding:0 0 0 95px;}
.com-av {width:80px; height:80px; margin-left:-95px; border:5px solid #f0f0f0; border-radius:45px;
box-shadow:0 0 3px 0 rgba(0,0,0,0.2); overflow:hidden;}
.com-av img {width:100%; height:100%;}
.com-text {width:100%;}
.com-info {}
.com-info ul li {float:left; display:inline-block; margin-right:20px;}
li.reply {float:right !important; margin-right:0 !important;}
.reply a {display:inline-block; padding:3px 5px; background-color:#c00; color:#fff; 
border-radius:3px; font-weight:bold;}
.com-body {font-size:12px; line-height:16px; margin:10px 0; background-color:#f0f0f0; border:1px solid #e3e3e3; 
padding:10px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; border-top:1px dashed #666; color:#666;
padding-top:10px; margin-top:15px;}
.com-edit {text-align:right;}
.com-edit ul li {display:inline-block; margin-left:15px; font-size:11px;}
.com-edit a {color:#c00; text-decoration:underline;}
.com-edit a:hover {text-decoration:none;}

.mass_comments_action { height: 1%; text-align: right; padding:15px 20px; margin:0; background-color: #f0f0f0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }

/* LOGIN
----------------------------------------------- */
.overlay {display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; margin: 3px; position: absolute; right: 5px; top: 5px; 
width: 31px; height: 31px; background-position: 0 -208px;}
#loginbox { background: #fff; padding: 40px; width: 450px; margin-left: -225px; min-height: 150px;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border:10px solid #f0f0f0;}
li.lfchek input, li.lfchek label {display:inline-block !important;}

.not-logged .f_input { font-size: 1.2em; padding: 10px; width: 100%; height: 40px;}
#loginbox form { margin: 0 }
.register-but {background-color:#3498DB; display:inline-block; padding:5px 20px; color:#FFF;
font-weight:bold; position:absolute; left:5px; top:5px; border-radius:5px;}
.register-but:hover {color:#FC0;}
.not-logged li { margin-bottom: 1em }
.not-logged li label { display: block; margin-bottom:5px; color:#000; }
.submitter { background-color:#f0f0f0; margin:0 -40px -40px -40px; height:70px; text-align:center;}
.submitter button {margin-left2:145px;}
.sociallogin {height:auto;}
.sociallogin a { float:left;}

.avatar { display: block; width: 80px;  }
.avatar img { width: 100%;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.22); border:5px solid #FFF;}
.avaprof { background-color:#f0f0f0; margin:-40px -40px 20px -40px; padding:40px 40px 20px 40px;}
.profbox {margin-left:20px;}
.profbox h3 {display:block; font-size:14px; margin:0 0 10px; color:#000;}
.logout-but {display:inline-block; padding:3px 5px; font-size:14px; background-color:#FFF; 
border-radius:3px; margin-left:20px;}
.avaprof ul li {display:inline-block; margin-right:5px;}
.avaprof ul li a {display:inline-block; padding:10px; color:#FFF; font-weight:bold;}
.logprof {background-color:#3498DB;}
.logadm {background-color:#424343;}
.logmenu {width:50%; display:block;}
.logmenu li a {display:block; padding:5px 10px; margin:0 5px 5px 0; background-color:#f0f0f0; color:#000; border-radius:3px;}
.logmenu li a:hover {background-color: #3498DB; color:#FFF;}

/* GO TOP BUTTON AND ADS */
.gotop{position:fixed;width:40px;height:50px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}

.side-tiz {background-color:#f0f0f0; padding:15px;}
.top-tiz {margin:0 15px 15px 0;}
.bottom-tiz {margin:15px 0 0 0;}

/* RESIZE
----------------------------------------------- */
@media screen and (max-width: 1200px) {
.wrapper { max-width:1000px;}
.desc-text {padding:10px 15px;}
.desc-text h1 {font-size:16px;}
.desc-text p {font-size:11px; line-height:14px;}
.short-box {width:22.5%; margin:0 1.5% 0 0.4%; margin-bottom:15px;}
.short-img {height:110px;}
.short-title h2 {font-size:11px; height:33px;}
.bottom-nav {height:40px; line-height:38px;}
.pprev, .pnext {width:70px; font-size:14px;}
.navigation {font-size:12px; }
.navigation a, .navigation span {width:30px;}
.navigation span {width:40px;}
.top-img {width:198px; height:130px;}
.footer {height:auto; padding-bottom:15px;}
.v-player {height:400px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px !important;}
.bottom-img {height:110px;}
}	
@media screen and (max-width: 1050px) {
.all-wrap {padding-bottom:0; background-image:none; background-color:#424343;}
.top-img {width:245px; height:150px;}
.wrapper, .header, .footer {border-radius:0px;}
}
@media screen and (max-width: 800px) {
.show-side-but {display:block;  background-image: url("../images/show-side-but.png"); height:50px; width:50px;
position:absolute; top:-63px; left:50%; margin-left:-25px;}
.cont-wrap {padding:0 0 0 15px; overflow:hidden;}
.sidebar {margin-left:-265px;}
.cont-wrap:before {left:-265px;}
.cont-wrap.show-side .sidebar {margin-left:-15px;}
.cont-wrap.show-side:before {left:0;}
.cont-wrap.show-side .content {margin-right:-250px;}
.footer {padding:0 15px;}
.counts {display:none;}
}		
@media screen and (max-width: 650px) {
.top-img {width:210px; height:120px;}
.short-box {width:30.5%; margin:0 1.6% 0 0.4%; margin-bottom:15px;}
.short-img {height:130px;}
.header {padding-right:15px;}
.login-show {top:-60px;}
#loginbox {top: 0;}
.v-player {height:300px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px !important;}
.bottom-item {width:31.8%; margin:0 1.8% 0 0; margin-bottom:15px;}
.box .bottom-item:nth-child(4n) {margin-right:1.8%;}
.box .bottom-item:nth-child(3n) {margin-right:0%;}
.bottom-img {height:110px;}
.side-tiz, .top-tiz, .bottom-tiz {display:none;}
}	
@media screen and (max-width: 500px) {
.speedbar-sort, .navigation, .login-show {display:none;}
.short-box {width:46%; margin:0 1.6% 0 0.4%; margin-bottom:15px;}
.short-img {height:130px;}
.top-n-title span {padding:0 10px; font-size:11px;}
.full-title h1 {font-size:14px;}
.full-text {font-size:11px;}
.v-player {height:280px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:280px !important;}
.bottom-item {width:48.2%; margin:0 1.8% 0 0; margin-bottom:15px;}
.box .bottom-item:nth-child(3n) {margin-right:1.8%;}
.box .bottom-item:nth-child(2n) {margin-right:0%;}
.bottom-img {height:120px;}
.title-tabs li {font-size:12px;}	
#searchsuggestions { width: 300px; }
}
@media screen and (max-width: 360px) {
.show-side-but {left:auto; margin-left:0; top:5px; right:0;}
.search-b {padding:0 15px 0 100px; position:absolute; top:-60px; left:0;}
.short-box {width:auto; margin:0 15px 15px 0px;}
.short-img {height:140px;}
.full-text {line-height:12px;}
.v-player {height:220px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:220px !important;}
.title-tabs li {font-size:11px; padding:0 10px; margin-right:10px;}	
.bottom-img {height:80px;}
.com-item {padding-left:0px;}
.login-show, .com-av, li.reply, .reply a, .com-edit, .mass_comments_action, .desc-text, .top-n-title span { display:none;}	
.sreswrp {margin:0px 15px 0 0; padding:15px;}
.sresimg {float:none; margin-left:0; width:100%; height:160px; overflow:hidden;}
.sresimg img {width:100%; min-height:100%;}
.srestext { float:none;}
.srestext h2 a {margin:5px 0; font-size:12px; font-weight:bold;}
}


/* SLIDER
----------------------------------------------- */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #FED11C;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center
}