/*
Theme Name: ITPort 5.1
Description: IT news & learning
Theme URI: http://itport.ir
Author: itport team
Author URI: http://dbasoft.ir
Version: 5.1
*/

.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/tab-loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container > .nav{left:0}.lb-nav a{outline:none;position:relative;color:#000}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev:before{font:30px/1 'fontello';content:'\e817';margin:-20px 0 0 20px;position:absolute;top:50%;left:0}.lb-nav a.lb-prev{width:34%;left:0;float:left;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;text-decoration:none}.lb-nav a.lb-next:before{font:30px/1 'fontello';content:'\e816';margin:-20px 20px 0 0;position:absolute;top:50%;right:0}.lb-nav a.lb-next{width:64%;right:0;float:right;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;text-decoration:none}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999}.lb-data .lb-close:before{content:"\e80d";font:24px/1 'fontello';color:#fff}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;text-decoration:none}
@font-face {
  font-family: 'fontello';
  src: url('assets/icons/fontello.eot?5343675');
  src: url('assets/icons/fontello.eot?5343675#iefix') format('embedded-opentype'),
       url('assets/icons/fontello.woff?5343675') format('woff'),
       url('assets/icons/fontello.ttf?5343675') format('truetype'),
       url('assets/icons/fontello.svg?5343675#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-comment:before{content:'\e800'}.icon-play:before{content:'\e801'}.icon-user:before{content:'\e802'}.icon-search:before{content:'\e803'}.icon-menu:before{content:'\e804'}.icon-photo:before{content:'\e805'}.icon-facebook:before{content:'\e806'}.icon-share:before{content:'\e807'}.icon-dot:before{content:'\e808'}.icon-twitter:before{content:'\e809'}.icon-instagram:before{content:'\e80a'}.icon-gplus:before{content:'\e80b'}.icon-rss:before{content:'\e80c'}.icon-close:before{content:'\e80d'}.icon-anchor:before{content:'\e80e'}.icon-tags:before{content:'\e80f'}.icon-related:before{content:'\e810'}.icon-up:before{content:'\e811'}.icon-chat:before{content:'\e812'}.icon-reply:before{content:'\e813'}.icon-heart-empty:before{content:'\e814'}.icon-heart:before{content:'\e815'}.icon-right:before{content:'\e816'}.icon-left:before{content:'\e817'}.icon-send:before{content:'\e818'}.icon-email:before{content:'\e819'}.icon-linkedin:before{content:'\e81a'}.icon-logout:before{content:'\e81b'}.icon-edit:before{content:'\e81c'}.icon-home:before{content:'\e81d'}.icon-info:before{content:'\e81e'}.icon-pinterest:before{content:'\e81f'}

#comments-body{margin:30px auto;height:auto;overflow:hidden}#comment-count{position:absolute;right:0;bottom:10px;background:#00acc1}.no-comments{margin:0;padding:30px 0;float:left;text-align:center;width:100%}ol.commentlist{list-style:none;margin:0;padding:10px 0}.comment-body{width:100%;margin:0 auto 25px;position:relative;float:left}.comment-author img{border-radius:30px}.fn{position:absolute;top:10px;right:65px;font-family:WYekan;font-size:14px;font-weight:bold;font-style:normal;color:#424242}.comment-meta{position:absolute;top:30px;right:65px;font-size:8pt;width:85%}.comment-meta a:link,.comment-meta a:visited{color:#9f9e9e}.angle{display:block;width:14px;height:7px;float:right;margin:-7px 5px 0 0}.comment-text{border:1px solid #bcbcbc;background:#FCFCFC;padding:0px 10px 20px;margin:10px 0 0 0;border-radius:2px;box-shadow:-1px 1px 1px 0 #e9e9e9}.comment-text p{padding:20px 20px 0;text-indent:10px;color:#5f5f5f;font-size:14px;line-height:22px}.bypostauthor .comment-text{border-right:8px solid #00acc1}.children{width:95%;float:left}.says{display:none}.comment-awaiting-moderation{position:absolute;left:15px;top:40px;color:red}.reply{position:absolute;bottom:5px;left:5px;display:none}.reply span{float:right;margin:5px 0 0 6px}.comment-reply-link{font:15px 'WMitra';color:#333 !important}.comment-reply-link:before{content:'\e813';font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.comment-reply-link:hover{color:#000}.comment-body:hover .reply{display:block}#respond{background:#f4f4f4;border-radius:10px;box-shadow:-1px 1px 1px #ccc;padding:60px 60px 50px}#comments-form{height:auto}#comments-form .form-control{border:1px solid #b3b3b3;border-radius:0}#comments-form input.form-control{height:47px;line-height:47px}#respond .author-loggedin{padding:5px 0;height:auto;overflow:hidden}#respond .author-loggedin .author-name img{margin-left:10px}#respond .author-loggedin .logout-link{color:red}


@font-face {
    font-family: 'WYekan';
    src:  url('assets/fonts/YekanWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ISnas';
    src:  url('assets/fonts/IranianSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WYekan';
    src:  url('assets/fonts/YekanWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body{
	font:14px 'WYekan';
	direction: rtl;
	text-align: right;
	background: #fff;
}

/* Bounce In */
.hvr-bounce-in:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:before:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/*
  Wordpress customize
*/
.aligncenter{
	margin:20px auto;
	clear:both;
	display: block;
}
.alignleft{
	float:left;
	margin:10px;
	display:block;
	clear:both
}
.alignright{
	float:right;
	margin:10px;
}
.wp-caption{
	text-align:center;
	border-radius:3px;
	width: 100% !important;
}
.wp-caption img{
	border:none !important;
	background:none !important;
	padding:0 !important;
	max-width:100%;
	height:auto;
}
.wp-caption-text{
	font-style:italic;
	font-family:WYekan !important;
	font-size:13px !important;
	color:#666 !important;
	text-align:center !important;
	padding:0 5px;
	margin:0 !important;
	text-shadow:1px 1px 0 #fff;
}
/*
  End Wordpress customize
*/

/*
  Bootstrap customize
*/
a:hover,a:focus,a:active{
	text-decoration: none;
}
.ltr{
	direction: ltr;
	text-align: left;
}
.btn{
	border-radius: 2px;
	box-shadow:0 1px 1px #eee;
}
.btn-area{
	padding: 10px 0 30px;
}
.btn-success{
	background-color: #59ac00;
	border-color: #4b9000;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.open>.dropdown-toggle.btn-success{
	background-color: #4b9000;
	border-color: #4b9000;
}
.btn-outline-primary{
	border:1px solid #008fbe;
	color: #008fbe;
	border-radius: 20px;
	background: none;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
	color: #fff;
}

.img-responsive-w100{
	width: 100%;
	height: auto;
}
.img-responsive-wh100{
	width: 100%;
	height: 100%;
}


#pagination{
	height: 50px;
	line-height: 50px;
	margin: 30px 0 100px;
	padding-top: 10px;
}

#pagination a:link,#pagination a:visited{
	padding: 0 12px 0 10px;
	line-height: 28px;
	height: 30px;
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-family: 'WYekan';
	font-size: 16px;
}
#pagination a:hover{
	border-color:#ccc;
}
#pagination ul{
	text-align:center
}
#pagination li {
 display: inline-block;
	margin: 0 0 0 5px;
}
#pagination .active a{
	border-color: #337ab7 !important;
	background: #337ab7;
	color: #fff;
	cursor: default;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 50%;
}
/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged.
*/
@media (max-width: 350px) {
	#right-sidebar,
	#left-sidebar{
		width: 100%
	}
}
@media (min-width: 768px) {
  /* Use this if you wish to hide the caret
  .navbar-nav .caret {
    display: none;
  } 
  */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-default .navbar-nav > li:hover {
    background: #0097a7
  }
  .media-header .navbar-default .navbar-nav > li:hover {
    background: #1f1f1f
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
  }
  #navigation .navbar-nav > li.menu-item-has-children:hover > .dropdown-menu {
    display: block;
  }

  	.container {
	    width: 100%;
	}
}

@media (min-width: 992px){
	.container {
	    width: 100%;
	}
}

@media (min-width: 1200px){
	.container {
	    width: 1170px;
	}
}


#navigation .menu{
	margin-right: 0px
}
#navigation .navbar-nav>li>a{
	padding-top: 14px;
	padding-bottom: 16px;
	color: #fff;
}
#navigation .navbar-nav>li>a:hover{
	background: #0097a7;
	color: #fff;
}
.media-header #navigation .navbar-nav>li>a:hover{
	background: #1f1f1f;
	color: #fff;
}

#navigation .dropdown-menu{
	background: #00acc1;
	padding: 0;
	margin-top: 0;
}
.media-header #navigation .dropdown-menu{
	background: #313131;
}
#navigation .dropdown-menu li{
	border-bottom:1px solid #00acc1;
}
.media-header #navigation .dropdown-menu li{
	border-bottom:1px solid #1f1f1f;
}
#navigation .dropdown-menu li:last-child{
	border:none;
}
#navigation .dropdown-menu li:last-child>a{
	border-radius: 0 0 2px 2px
}
#navigation .dropdown-menu>li>a{
	padding: 8px 20px;
	line-height: 1.4;
	color: #fff
}
#navigation .dropdown-menu>li>a:hover,
#navigation .dropdown-menu>li>a:focus{
	background: #0097a7;
	color:#fff;
}
.media-header #navigation .dropdown-menu>li>a:hover,
.media-header #navigation .dropdown-menu>li>a:focus{
	background: #1f1f1f;
}
#navigation .nav .open>a,
#navigation .nav .open>a:hover,
#navigation .nav .open>a:focus{
}
.caret{
	display: none;
}
/*
  End Bootstrap customize
*/

/*
  itport Adv
*/
.adv{
	margin: 30px auto;
}

.adv .adv_place{
	background: #eee;
	color: #ccc;
	text-align: center;
	font-size:30px;
}
.adv_750_90{
	width: 750px;
	height: 90px;
	line-height: 90px;
}
.adv_256_256{
	width: 100%;
	height: auto;
	line-height: 256px;
}
.adv p.empty_notice{
	text-align: center;
	direction: ltr;
	font: 20px/1.5em sans-serif 'arial';
    color: #999;
    height: 100%;
    text-shadow: 1px 1px 0 #fff;
}
.adv_256_256 p.empty_notice{
	line-height: 250px;
}
.adv_750_90 p.empty_notice{
	line-height: 90px;
}
/*
  itport Adv
*/

#header-replace-height{
	height: 50px;
	display: none;
}
header#header.affix + #header-replace-height{
	display: block;
}
header#header{
	background: rgba(0,172,193,1);
}


header#header .container{
	position: relative;
}
header#header.affix{
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1040;
	background: #00acc1;

}
header.media-header{
	background: rgba(49,49,49,1) !important;
}
#logo{
	margin: 0 0 0 30px;
	padding: 0;
	height: 50px;
	line-height: 1;
}
#logo > span{
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
#logo > a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#logo img{
	max-height: 40px;
	width: auto;
}
#logo .icon-home{
	color: #fff;
	font-size: 31px;
	line-height: 1;
    margin: 0;
    display: none;
}
#logo .icon-home::before{
	display: block;
}
header#header.affix #logo img{
	display: none;
}
header#header.affix #logo .icon-home{
	display: block;
}
.loginuser{
	background: #0097a7;
	display: block;
	height: 50px;
	width: 50px;
}
.media-header .loginuser{
	background: #252525;
}
.media-header .loginuser:hover{
	background: #1f1f1f;
}
.media-header .itport-menu{
	border-right: 1px solid #1f1f1f;
}
.media-header .itport-menu:hover,
.media-header .search-form:hover{
	background: #1f1f1f;
}


.loginuser .icon-user{
	font-size: 15px;
    color: #e0f7fa;
    border: 1px solid #e0f7fa;
    border-radius: 50px;
    display: block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 22px;
    margin: 12px 13px 7px;
}
.loginuser img{
	width: 100%;
	height: auto;
}
.itport-menu{
	border-right: 1px solid #0097a7;
	position: relative;
}
.itport-menu .icon-menu{
	font-size: 21px;
  	color: #e0f7fa;
	display: block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 38px;
	margin: 7px 15px 7px;
}
.itport-menu button.icon-menu{
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.itport-menu .icon-up{
	position: absolute;
	left:50%;
	margin-left: -0.5em;
	top:103%;
	line-height: 0;
	color: #0097a7;
	display: none;
}
.itport-menu .menu{
	display: none;
	background: #0097a7;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	top:115%;
	z-index: 9999;
	border-radius: 5px;
	box-shadow: 0 1px 40px #999
}
.itport-menu.is-open .menu,
.itport-menu.is-open .icon-up{
	display: block;
}


.itport-menu .menu li{
	float: none;
	border-bottom: 1px solid #00acc1;
}
.itport-menu .menu li:last-child{
	border:none;
}
.itport-menu .menu li>a{
	display: block;
	color: #fff;
	padding:12px 15px 10px;
}
.itport-menu .menu li>a:hover{
	background: #00838f
}

.search-form .icon-search{
	font-size: 21px;
  	color: #e0f7fa;
	display: block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 38px;
	margin: 7px 10px 7px;
}

.loginuser:hover
{
	background: #00838f;
}
.itport-menu:hover,
.search-form:hover{
	background: #00a0b4;
}

.loginuser:hover .icon-user,
.itport-menu:hover .icon-menu,
.search-form:hover .icon-search
{
	color: #fff;
	border-color: #fff;
}


.hot_labels{
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #fdfdfd;
	height: auto;
	overflow: hidden;
	margin-top: 30px
}

.hot_labels .title{
	padding: 0 20px;
	font-size: 16px;
	margin: 0;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.hot_labels .icon-info{
	display: inline-block;
    line-height: 50px;
    color: #999;
}
.hot_labels .menu li>a,
.hot_labels .menu li>a:visited{
	color:#9d9d9d;
}


.hot_labels .menu li>a:hover,
.hot_labels .menu li>a:focus{
	color: #666
}
.search-form{
	position: relative;
}
#search-form{
	position: absolute;
	left: -1px;
	bottom: -100%;
	width:300px;
	display: none
}
.search-form.is-open #search-form{
	display: block;
}
.search-form button.search-btn{
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

#search-form #search-input{
	border:1px solid #ccc;
	border-top: none;
	border-radius: 0 0 8px 8px;
	height: 50px;
	line-height: 50px;
}
#search-form #search-input:hover{

}

/*
----------------- tile style -----------------
*/
.main-tiles{
	margin: 30px 0 0;
}
.tile-post{
}
.tile-post.col-sm-12{
	height: 240px;
}
.tile-post.col-sm-6{
	height: 120px;
}
.tile-post{
	margin-bottom: 4px
}
@media (min-width: 768px) {
	.tile-2 , .tile-4{
		padding-left:2px;
	}
	.tile-3 , .tile-5{
		padding-right: 2px;
	}
}

.tile-content{
	overflow: hidden;
	position: relative;
	z-index: 0;
	height: 100%
}
.tile-bg{
	z-index: 10;
	position: absolute;
	top:-25%;
	width: 100%
}
.tile-bg img{
	width: 100%;
	height: auto;
}

.tile-entry{
	z-index: 20;
	position: absolute;
	width: 100%;
	top:0;
	right: 0;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.tile-entry:hover{
	background: rgba(0,0,0,0.3);
}

.tile-entry .content{
	padding: 15px 15px;
}


.tile-entry h2{
	color: #fff;
	text-shadow:0 0 10px #000;
}
.tile-entry h2:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #00b0ff;
	float: right;
	margin: 10px 0 0 10px
}

.tile-1 .tile-entry h2{
	font-size: 30px;
}
.tile-1 .tile-entry h2:before{
	margin:16px 0 0 10px;
	width: 10px;
	height: 10px;
}

.tile-2 .tile-entry h2,
.tile-3 .tile-entry h2,
.tile-4 .tile-entry h2,
.tile-5 .tile-entry h2{
	font-size: 16px;
	line-height: 25px;
  	margin: 0;
}

.tile-entry .author{
	color: #aaa;
	font-size:13px;
	text-shadow:0 0 10px #000;
	padding-right: 16px
}

.tile-1 .author{
	margin: 0;
}
.tile-entry .avatar{
	border-radius: 100px;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 1px;
	margin: 0 0 0 20px;
}
.categories span{
	border: 1px solid #aaa;
	  border-radius: 2px;
	  padding: 0px 4px 0px;
	  height: 20px;
	  display: inline-block;
	  line-height: 17px;
	  margin-left: 5px;
}

/*
-----------------sidebar tiles --------------
*/

.sidebar-slides{
	margin: 30px 0 0;
}
.sidebar-slides .slide{
	height: 240px;
	background: #eee;
	position: relative;
}
.sidebar-slide{
	position: relative;
	margin-bottom: 8px;
}
.sidebar-slide .slider-label{
	display: inline-block;
	width: 24px;
	height: 110px;
	background: url(assets/images/slider-label.png) no-repeat;
	position: absolute;
	top: 0;
	right: -24px;
}
.sidebar-slide .tuts-slider-label{
	background-position: 0 -111px;
}
.sidebar-slides .slide .carousel-caption{
	width: 100%;
	height: 100%;
  	right: 0;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,0.6);
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.sidebar-slides .slide .carousel-caption:hover{
	background: rgba(0,0,0,0.3);
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.sidebar-slides .slide .carousel-caption:hover .media-icon{
	color: rgba(255,255,255,0.6);
}
.sidebar-slides .slide .carousel-caption h3{
	font-size:16px;
	line-height: 23px;
	color: #fff;
	text-shadow:0 0 10px #000;
}
.sidebar-slides .slide .carousel-caption .media-icon{
	font-size: 60px;
  color: rgba(255,255,255,0.4);
  line-height: 0px;
  margin: 30% 0 0 0;
  display: block;
}
.sidebar-slides .slide .carousel-caption .categories{
	text-align: right;
	padding: 0 20px;
	color: #ddd
}
.sidebar-slides .slide .carousel-caption .author{
	text-align: right;
	padding: 0 20px;
	color: #ddd
}
.sidebar-slides .slide .carousel-caption .author .avatar{
	margin-left: 10px;
	border-radius: 40px;
	border:1px solid #eee;
	box-shadow: 0 0 5px #000
}
#tuts-slide h3{
	text-align: right;
	padding: 0 20px;
	margin-top: 10px
}
#tuts-slide .content{
	margin-top:20%;
}
.sidebar-slides .slide .item .thumb{
	height: 240px;
	overflow: hidden;
}
.sidebar-slides .slide .item .thumb img{
	height: 100%;
	width: auto;
}
.sidebar-slide .carousel-indicators li{
	display: block;
	background: #87c5ca;
	border:none;
	margin-top: 3px;
}
.sidebar-slide .carousel-indicators li.active{
	background: #00838f;
}
.sidebar-slide .carousel-indicators{
	right: -20px;
	width: 24px;
	bottom: 0;
	margin: 0;
	padding: 0;
}

/*
-------------------main posts--------------------
*/

.posts-title{
	font-size:20px;
	color: #a4a4a4;
	text-align: center;
	position: relative;
	margin-top: 9px;
	margin-bottom: 0;
	font-weight: normal;
}
.posts-title:before,
.posts-title:after{
	display: block;
	float: right;
	content: "";
	height: 2px;
	background-color: #eee;
	margin: 0;
	position: absolute;
	width: 25%;
	top:22px;
	right: 0;
}
.posts-title:after{
	left:0 !important;
	right: auto;
}


.post-header{
	margin: 0 0 20px
}
.post-categories{
	margin: 0
}
.post-categories a{
	height: 20px;
	border:1px solid #00acc1;
	color: #00acc1;
	border-radius: 2px;
	padding: 0 5px;
	margin-left: 6px;
	line-height: 17px;
	text-align: center;
	display: inline-block;
}
.post-categories a:hover{
	color: #0097a7;
	border-color: #0097a7
}
#single{
	margin-top: 30px;
}
#posts{
	padding-top:30px;
}
#single .post-title,
#posts .post-title{
	margin: 0 0 20px;
	font-size: 30px;
	line-height: 40px;
}

#single .post-title,
#posts .post-title a{
	color: #444;
	line-height: 1em;
}
#posts .post-title a:hover{
	color: #000;
}
#single .postmeta .avatar-frame,
#posts .postmeta .avatar-frame{
	border-radius: 100px;
	border:1px solid #333;
	overflow: hidden;
	margin:0 0 0 6px;
}
#single .postmeta time,
#posts .postmeta time{
	color: #999;
}
#single .postmeta .icon-comment,
#posts .postmeta .icon-comment{
	color: #00acc1;
	font-size: 35px;
	position: relative;
	line-height: 0;
	text-align: center;
}
#single .postmeta .icon-comment:before,
#posts .postmeta .icon-comment:before{
	padding: 0;
	margin: 0;
}
#single .postmeta .icon-comment span,
#posts .postmeta .icon-comment span{
	position: absolute;
	top:0px;
	left:0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow:1px 1px 0 #333;
	font-size: 13px;
	line-height: 28px;
}
#single .post-thumb,
#posts .post-thumb{
	margin: 0 0 10px 0;
}
.post .post-entry{
	position: relative;
}
.post .post-entry img{
	max-width: 100%;
	height: auto;
}
#single .post-entry p,
#posts .post-entry p{
	font: 15px/1.7 normal 'ISnas';
	color: #212121;
	padding: 6px 0 8px; 
	text-align: right;
	text-indent: 10px;
}

#posts .post-entry h2,
#single .post-entry h2{
	font-size:24px;
}
#posts .post-entry h2:before,
#single .post-entry h2:before{
	display: block;
	float: right;
	margin: 0 0 0 10px;
	height: 35px;
	width:6px;
	content: "";
	background: #0288d1; 
}
#single .post-entry ul,
#single .post-entry ol,
#posts .post-entry ul,
#posts .post-entry ol{
	font: 15px/1.7 normal 'ISnas';
	padding:10px 50px;
}


#posts .post-entry .more-link{
	position: absolute;
    left: 0;
    bottom: -40px;
    font-family:'WYekan';
}
#posts .post-entry .more-link .icon-dot{
	margin: 0 0 0 12px;
}
#posts .post-entry .more-link .icon-dot1{
	border:1px solid #337ab7;
	border-radius: 100px;
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 0 0 0 6px;
	font-size:14px;
	line-height: 21px;
	display: inline-block;
}
#posts .post-footer{
	border-bottom: 2px solid #ededed;
	margin: 10px 0 40px;
	height: auto;
	overflow: hidden;
	padding: 0 0 6px 0;
}
#posts .post-share{
	color: #656565;
	font-size: 16px; 
	padding: 5px 5px 5px 8px;
	border-radius: 2px;
}
#posts .post-share.open{
	background: #eee;
}
#posts .post-share #share-icon{
	display: inline-block;
	margin: 0px 0px 2px 5px;
  padding: 3px 0 3px 3px;
	float: right;
	line-height: 0;
}
#posts .post-share.open #share-icon{
	border-left: 1px solid #ccc;	
}
#posts .share-btns{
	margin: 0;
	padding: 0;
	float: right;
	display: none;
}
.share-btns li{
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 0;
	float: right;
	line-height: 0;
}
.share-btns li a{
	display: block;
  width: 24px;
  height: 24px;
  line-height: 0;
  background: url(assets/images/share-btns.png) no-repeat;
}
.share-btns .facebook{background-position:0px -24px !important}
.share-btns .gplus{background-position:-24px -24px !important}
.share-btns .twitter{background-position:-48px -24px !important}
.share-btns .pinterest{background-position:-96px -24px !important}

.single-box{
	margin: 30px auto;
}
.single-box .title{
	text-align: left;
	color: #212121;
	font-size: 16px;
	border-bottom: 2px solid #f5f5f5;
	padding: 5px 0;
	margin: 0 0 20px 0;
	position: relative;
}
.single-box .title .icon{
	font-size: 20px;
	color: #212121;
	margin: 6px 10px 0 0;
	line-height: 0;
	padding: 0;
	float: left;
}

.single-box .title:after{
	position: absolute;
	left:0;
	bottom: -2px;
	height: 2px;
	width: 145px;
	display: block;
	background: #00acc1;
	content:"";
}

#related-posts h4{
	font-size: 16px;
	line-height: 22px;
}
#related-posts h4 a{
	color: #212121
}
#related-posts h4 a:hover{
	color: #000;
}
#client-profile .title:after{
	width:250px;
}
#profile-btns{
	margin:0 0 5px 0;
	padding: 0 0 10px 0;
	text-align: left
}
#profile-btns a{
	height: 30px;
	line-height: 25px;
	text-align: center;
	padding: 0px;
	color: #ff0000;
	display: inline-block;
}
#profile-btns a:hover{
	color: #333;
	border-color: #666
}
#editprofile{
	background: #eee;
	border-radius: 10px;
	padding: 50px 35px 80px;
}
#editprofile fieldset{
	background-color: #fff;
    padding: 20px 20px 20px;
    border-radius: 10px;
}


/*
-------------------login modal---------------------------
*/
#userlogin .modal-content{
	border-radius: 0
}
#userlogin .modal-body{
	padding: 20px 15px 0 15px;
}
#userlogin .alert{
	border:none;
	border-radius: 0;
}
#userlogin .modal-header{
	background: #00838f;
}
#userlogin .modal-header .close{
	font-size: 35px;
}
#userlogin .modal-header .title{
	padding: 0px 0;
	font-size: 16px;
	color: #fff
}
#userlogin .form-control{
	border-radius: 0;
}

#userlogin .links{
	color: #ccc;
	text-align:left;
	padding: 0 0 15px;
	font-size: 14px;
}

#userlogin .modal-footer{
	padding: 8px 0 3px;
    background-color: #eee;
    margin: 20px -15px 0;
}
#userlogin .modal-footer p{
	padding: 0 15px;
    text-align: center;
    color: #999;
}
#userlogin .modal-footer p a{
	color: #666
}
#userlogin .btn{
	border-radius: 0;
}


#userlogin .wp-social-login-widget{
	margin:0px auto 30px;
	border-bottom: 1px dashed #ddd;
	padding: 0 0 20px;
}
#userlogin .wp-social-login-connect-with{
	color: #999;
	text-align: center;
	font-size: 18px;
}

#userlogin .wp-social-login-provider-list{
	padding: 0;
}
#userlogin .wp-social-login-provider{
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 10px 0;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	border-radius: 2px;
	position: relative;
	font-size: 0;
	direction: ltr;
}
#userlogin .wp-social-login-provider:before{
	position: absolute;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 30px;
	font-size:17px;
	top: 0;
	right: 0;
}
#userlogin .wp-social-login-provider img{
	float: left;
}
#userlogin .wp-social-login-provider-google{
	background: #df4a32;
}
#userlogin .wp-social-login-provider-google:before{
	content: "Sign in with Google!";
}
#userlogin .wp-social-login-provider-yahoo{
	background: #560b5c;
}
#userlogin .wp-social-login-provider-yahoo:before{
	content: "Sign in with Yahoo!";
}


@media (min-width: 768px){
	.modal-dialog {
		width: 300px
	}
}

/*
-------------------single---------------------------
*/
.share-post-single{
	background: #f6f6f6;
	border:1px solid #c8c8c8;
	border-radius: 3px;
	padding: 20px 10px;
	margin: 30px auto;
	color: #455a64;
	font:16px/1.5 normal 'WYekan';
}

.share-post-single ul{
	text-align: center;
	margin-top: 20px;
}
.share-post-single li{
	margin: 0 5px;
	padding: 0;
}
.share-post-single li>a{
	font-size: 34px;
	color: #455a64;
	line-height: 0;
}
.share-post-single li>a:before{
	margin: 0;
}

.share-post-single .icon-rss:hover{ color: #f68f25}
.share-post-single .icon-twitter:hover{ color: #6eb8f0 }
.share-post-single .icon-instagram:hover{ color: #456892 }
.share-post-single .icon-gplus:hover{ color: #d84315}
.share-post-single .icon-facebook:hover{ color: #5771a7 }


.article-src,
.post-tags{
	margin: 5px 0;
}

.article-src .icon-anchor,
.article-src a,
.post-tags .icon-tags,
.post-tags a
{
	background: #e53935;
    text-shadow: 1px 1px 0 #b71c1c;
    color: #fff;
    line-height: 30px;
    margin: 0;
    padding: 0 3px;
    height: 30px;
    font-size: 15px;
    position: relative;
    display: inline-block;
}

.article-src a,
.post-tags a{
	padding: 0 10px;
	font-size: 14px;
}
.article-src a:last-child,
.post-tags a:last-child{
	border-radius: 2px 0 0 2px;
	border:none;
}
.post-tags a{
	border-left:1px solid #e3625f;
	margin-bottom: 5px
}
.article-src a:hover,
.post-tags a:hover{
	background: #d32f2f;
}
.article-src .icon-anchor:after,
.post-tags .icon-tags:after{
	background:#e3625f;
	width: 1px;
	float: left;
	margin:0;
	padding: 0;
	content: "";
	display: inline-block;
	height: 80%;
	position: absolute;
	top:10%;
	left: 0;
}



/*
-------------------Archive--------------------
*/
.author-bio{
	border-bottom: 3px solid #00acc1;
	padding: 00px 0 30px;
	margin:0 0 50px 0;
}
.author-bio h3{
	margin-top:10px;
}
.author-bio .author-role{
	color: #666;
	font: 14px/1 normal 'ISnas';
	padding: 4px 0
}
.author-bio .author-description{
	padding-top:20px;
}
.author-bio .avatar{
	border-radius:128px;
	overflow: hidden;
}

.author-social li{
	margin: 0;
	padding: 0;
}
.author-social a{
	color: #666;
	font-size: 17px;
	padding: 0;
	margin: 0;
}
.author-social a:hover{
	color: #212121
}


/*
-------------------Mediaport--------------------
*/
.archive.media .post-title {
	font-size:20px !important;
	line-height: 27px !important;
}
.archive-media-icon{
	font-size: 15px;
	color: #fff;
	background: #c1272d;
	text-shadow:2px 1px 0 #333;
	width: 25px;
	height: 25px;
	border-radius: 2px;
	display: inline-block;
	margin: 0 2px 0 10px;
	padding: 0;
	line-height: 26px;
	box-shadow: 2px 0px 0 #84151a;
	text-align: center;
}
.archive-media-icon:before{
	margin: 0;
	padding: 0;
	line-height: 0;
}

.archive.media .post-thumb{
	position: relative;
}
.archive.media .post-thumb .video-length{
	position: absolute;
	z-index: 10;
	left:0;
	bottom: 0;
	font-size: 20px;
	color: #fff;
	text-shadow:0 0 4px #666; 
	padding: 0 15px;
	text-align: left;
}
.archive.media .post-thumb .video-length:after{
	display: block;
	/*background: url(assets/images/video_length_bg.png) no-repeat left bottom;*/
	width: 200px;
	height: 100px;
	content: "";
	float: left;
	margin: 0;
	position: absolute;
	left:0;
	bottom: 0;
	z-index: 9;
}
.media #related-posts .title:after{
	width:180px;
}
/*
-------------------sidebar right--------------------
*/
.sideright-box{
	margin-bottom: 60px;
}
.sideright-box .title{
	border-top:2px solid #eaeaea;
	border-bottom: 2px solid #c1c1c1;
	padding: 6px 0 8px;
	font-size: 16px;
	line-height: 16px;
	color: #616161;
}
.sideright-box .title .img-icon{
	display: inline-block;
	float: left;
	width: 30px;
	height: 27px;
	margin-top:-4px;
	background: url(assets/images/icons.png) no-repeat;
}
.popular-posts .img-icon{
	background-position: 0 0 !important;
}
.most-comment .img-icon{
	background-position: 0 -40px !important;
}

.sideright-box ul{}
.sideright-box ul>li{
	background: #f7f7f7;
	display: block;
	text-align: right;
	line-height: 20px;
	margin: 0 0 5px 0;
	height: auto;
	overflow: hidden;
}
.sideright-box ul>li:hover{
	background: #eee
}
.sideright-box ul>li>a{
	color: #616161;
	padding: 0 0 0 10px
}
.sideright-box ul>li>a:hover{
	color: #333;
	text-decoration: none;
}
.sideright-box ul>li .thumb-sm{
	margin:0 0 0 8px; 
}
.sideright-box ul>li .hits{
	color: #ccc;
}
.sideright-box.txt-vip .img-icon{
	background-position: 0 -85px;
}
.sideright-box.txt-vip li>a{
	display: block;
    padding: 5px 10px;
    color: #337ab7;
}
.sideright-box.txt-vip li>a:hover{
	color: #337ab7;
}
.sideright-box.txt-vip li>a p{
	color: #999
}


/*
-------------------sidebar left--------------------
*/
.sideleft-box{
	margin-bottom: 60px;
}
.sideleft-box .title{
	background: #00acc1;
	padding: 6px 8px 8px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-shadow:1px 1px 0 #008494;
}
.sideleft-box ul{}
.sideleft-box ul>li.md-post-item{
	margin: 20px 0 15px 0;
	padding-bottom: 10px;
	height: auto;
	overflow: hidden;
	border-bottom: 2px solid #eee;
}
.sideleft-box ul>li:hover{}
.sideleft-box ul>li>a{}
.sideleft-box ul>li>a:hover{
	color: #333;
}

.md-post-item .post-meta{
	color: #b6b6b6;
	font-size:14px;
	font-weight: normal;
}
.md-post-item .post-meta .icon-comment{
	padding: 0 10px 0 0;
	direction: ltr;
}

.md-post-item .post-title{
	line-height: 18px;
	color: #575757;
	font-size: 18px;
}
.md-post-item .thumb-md{
	position: relative;
}
.md-post-item .thumb-md .post-share{
	position: absolute;
	left:0;
	bottom: 0;
}


.md-post-item .post-share{
	color: #656565;
	font-size: 16px; 
	padding: 5px;
	border-radius:0 2px 0 0;
	background: rgba(255,255,255,.4);
}
.md-post-item .post-share.open{}
.md-post-item  .post-share #share-icon{
	display: inline-block;
	margin: 0px;
  padding: 0px;
	float: right;
	line-height: 0;
	color: #eee
}

.md-post-item .share-btns{
	margin: 5px 15px 5px 5px;
	padding: 0;
	float: right;
	display: none;
}


/*
----------------------footer--------------------
*/
footer#footer .footer_bg{
	background: #f6f6f6;
	padding: 30px 0;
	margin: 20px 0 0
}
.footer-box p{
	color: #78909c
}
.footer-box-title{
	color: #455a64;
	font-size: 14px;
	border-bottom: 2px solid #dadada;
	margin: 0 0 15px 0;
	padding: 0 0 11px 34px;
	display: inline-block;
}
.footer-list a{
	color: #78909c;
	font-size:14px;
}
.footer-list a:hover{
	color: #455a64;
}

.footer-social li{
	margin: 0 1px;
	padding: 0;
}
.footer-social li>a{
	font-size: 25px;
	color: #9597a1;
	line-height: 0;
}
.footer-social li>a:before{
	margin: 0;
}

.footer-social .icon-rss:hover{ color: #f68f25}
.footer-social .icon-twitter:hover{ color: #6eb8f0 }
.footer-social .icon-instagram:hover{ color: #456892 }
.footer-social .icon-gplus:hover{ color: #d84315}
.footer-social .icon-facebook:hover{ color: #5771a7 }

#footer .designer{
	padding: 15px 0;
}
.company{
	direction: ltr;
}
.company li>a{
	height: 50px;
	width: 100px;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
	background: url(assets/images/company.gif?ver=1.4) no-repeat;
}

.company .apple		{background-position: 0 0px !important;}
.company .google	{background-position: 0 -50px !important;}
.company .samsung	{background-position: 0 -100px !important;}
.company .microsoft	{background-position: 0 -150px !important;}
.company .huawei	{background-position: 0 -200px !important;}
.company .sony		{background-position: 0 -250px !important;}
.company .lg		{background-position: 0 -300px !important;}
.company .htc		{background-position: 0 -350px !important;}
.company .facebook	{background-position: 0 -400px !important;}
.company .twitter	{background-position: 0 -450px !important;}
.company .asus		{background-position: 0 -500px !important;}
.company .lenovo	{background-position: 0 -550px !important;}
.company .intel		{background-position: 0 -600px !important;}
.company .acer		{background-position: 0 -650px !important;}
.company .hp		{background-position: 0 -700px !important;}
.company .xiaomi	{background-position: 0 -750px !important;}
.company .yahoo		{background-position: 0 -800px !important;}
.company .nokia		{background-position: 0 -850px !important;}
.company .dell		{background-position: 0 -900px !important;}
.company .linux		{background-position: 0 -950px !important;}


.company .apple:hover		{background-position: -100px 0px !important;}
.company .google:hover		{background-position: -100px -50px !important;}
.company .samsung:hover		{background-position: -100px -100px !important;}
.company .microsoft:hover	{background-position: -100px -150px !important;}
.company .huawei:hover		{background-position: -100px -200px !important;}
.company .sony:hover		{background-position: -100px -250px !important;}
.company .lg:hover			{background-position: -100px -300px !important;}
.company .htc:hover			{background-position: -100px -350px !important;}
.company .facebook:hover	{background-position: -100px -400px !important;}
.company .twitter:hover		{background-position: -100px -450px !important;}
.company .asus:hover		{background-position: -100px -500px !important;}
.company .lenovo:hover		{background-position: -100px -550px !important;}
.company .intel:hover		{background-position: -100px -600px !important;}
.company .acer:hover		{background-position: -100px -650px !important;}
.company .hp:hover			{background-position: -100px -700px !important;}
.company .xiaomi:hover		{background-position: -100px -750px !important;}
.company .yahoo:hover		{background-position: -100px -800px !important;}
.company .nokia:hover		{background-position: -100px -850px !important;}
.company .dell:hover		{background-position: -100px -900px !important;}
.company .linux:hover		{background-position: -100px -950px !important;}

p.simple-image{
	text-align: center;
    background: #efefef;
}
p.simple-image img{
	max-width: 100%;
	height: auto;
}

#mailerlite-1-field-email{
	width: 100%
}

#mailerlite-form_1 .mailerlite-subscribe-submit{
	    width: 100%;
    background: #337ab7;
    border: none;
    height: 40px;
    /* line-height: 0; */
    color: #fff;
    border-radius: 4px;
}