/*
Theme Name: Justme
Theme URI: http://dwda.io/themeforest/justme_demo/
Version: 1.0
Description: Just Me is template for creatives, photographers, designers, bloggers, resume, portfolio & vCard. It has attractive modern layout based on fullscreen and colorful design. No coding knowledge is required which makes this template very easy to modify. It can be used for business personal, or showing your portfolio.
Author: kiratheme
Author URI: http://dwda.io
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready
*/


.sticky{box-shadow: 0 0px 15px rgba(255, 204, 0, 0.5) !important; }
.gallery-caption{}
.alignright{text-align: right;}
.bypostauthor{}
.aligncenter{text-align: center;}
.alignleft{text-align: left;}
.menu-content ul {list-style: outside none none;padding-left: 0;}
.sec-descr .vc_column_container > .vc_column-inner {padding-left:0px;padding-right:0px;}
#no-page{padding-top: 0;}
#no-page .download-btn::before {content: none;}
.chart canvas {
  height: 100px;
  width: 100px;
  margin-bottom:18px;
  left: 0;
position: absolute;
top: 0;
}
.percent {
  color: #787878 ;
  display: inline-block;
  font-family: "OswaldBold";
  font-size: 32px;
  line-height: 100px;
  margin:0 50px 0 0;
  z-index: 2;
}
.size-full { max-width: 100%;}
.chart {
  background-color: #ffffff;
display: inline-block;
position: relative;
width: 154px;
}
.first-row {
  margin-bottom: 15px;
}
.logo{text-align:center; display:block;}
.logo img {
  height: 40px;
  text-align: center;
  width: 40px;
}

.ver-hidden .menu-content li a{visibility:hidden;}
.ver-hidden.vertical-menu-opened .menu-content li a{visibility:visible;}
.sec-title{margin-top:0;}
.sec-descr:hover {
  overflow-y: auto;
}
.contact-form input, .contact-form textarea {
  width: 100%;
      padding: 15px;
}
.contact-form .col-md-6, .contact-form .col-md-12{
  padding-left: 0;
}

/* ==========================================================================
   #Blog Listing
   ========================================================================== */
   

.breadcrumbs {
	width: 100%;
	float: left;
	text-align: left;
	margin: 10px 0 40px;
}
.blog-top .breadcrumbs {
	color: #9e9e9e;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}
.blog-details-title .breadcrumbs{
	margin: 10px 0;
}
.blog-details-title .post-details {
	margin: 10px 0 30px;
}
.breadcrumbs a {
	color: #222;
}
.blog-left {
	width: 80%;
	float: left;
	margin:0 0% 0 0;
}
.blog-left .row .blog-list .blog-img p{margin: 0px;}
.blog-left .row .blog-list .blog-img .owl-wrapper-outer{padding-bottom: 0px;}
.blog-left .row .blog-list .blog-img .owl-pagination{bottom: 4% !important;}
.blog-left .row .blog-style-list, .blog-style-list{
	width: 100% !important;
	min-height: inherit !important;
	padding-bottom: 30px;
	border-bottom: 1px solid #dfdfdf;
}
.blog-left .row .blog-style-list .blog-list-details{
	padding: 0 15px;
}
.blog-left .row .blog-list, .blog-style-grid{
	float: left;
	margin: 0 2.7% 35px 0;
	position: relative;
	width: 30.6%;
	min-height: 630px;
}
.blog-left .row .blog-list:last-child {
	margin: 0;
}
.blog-list img {
display: block;
max-width: 100%;
}
.blog-list:hover h3.blog-post-title {
	opacity: 0.5;
}
video {
	max-width: 100%;
	height: auto;
}
iframe, embed, object {
	max-width: 100%;
}
.blog-list:hover .title-divider {
	background-color: #000;
}
.blog-list-details {
	margin: 20px 0 0 0
}
.blog-list-details h3.blog-post-title {
	margin: 0;
	font-size: 18px;
	font-weight: 100;
	line-height: 25px
}
.blog-list-details h3.blog-post-title a {
	color: #000;
}
.date {
	color: #909090;
	display: block;
	font-size: 15px;
	margin: 0 0 5px;
}
.post-details {
	margin: 20px 0 0 0;
	display: block;
}
.blog-list-details .title-divider {
	margin: 25px 0;
}
.blog-list .contact-social a i {
	font-size: 20px
}
.blog-right {
	float: right;
	margin: 0;
	width: 16%;
}

.widget .search {
	background: url("assets/images/icon-search.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);
	border: 1px solid #ededed;
	color: #838383;
	font-size: 13px;
	margin: 0;
	padding: 10px;
	width: 90%;
}
.widget {
	margin: 0 0 60px 0;
}
.widget ul {
	padding: 0;
	margin: 0
}
.widget ul ul.children, .widget ul ul.sub-menu {padding-left: 12px;}
.widget ul ul.children li:first-child, .widget ul ul.sub-menu li:first-child{margin-top: 12px; border-top: 1px solid #dfdfdf; padding: 12px 0;}
.widget ul ul.sub-menu li:last-child{padding-bottom: 0px;}
.widget ul li {
	border-bottom: 1px solid #dfdfdf;
	padding: 4px 0;
	list-style: none;
	display: inline-block;
}
.widget ul li:first-child {
	padding: 0 0 4px 0
}
.widget ul li:last-child {
	border-bottom: none;
	padding: 18px 0 0 0
}
.widget select{width: 100%; padding: 0 10px;}
.widget select option{padding: 10px;}
.widget .date {
	font-size: 13px
}
.calendar {
	width: 100%
}
.calendar td, .calendar th {
	text-align: center;
	font-weight: 400;
}
.calendar th {
	font-weight: 600
}
.calendar a {
	border-bottom: 2px solid #ffb400;
	font-weight: 600
}
.tagcloud {
	display: table
}
.tagcloud a {
	background: #fff;
	border: 1px solid #e5e5e5;
	display: inline-block;
	float: left;
	font-size: 12px !important;
	font-weight: 400;
	margin: 7px 7px 0 0;
	padding: 2px 11px 3px;
}
.tagcloud a:hover {
	background: #000;
	border: 1px solid #000;
	color: #FFF;
}
.pagination {
	border-top: 1px solid #dfdfdf;
	float: left;
	padding: 70px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.pagination ul {
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0 0 0 8%;
}
.pagination ul li {
	float: left;
	margin: 0 12px;
	list-style: none;
}
.pagination ul li a {
	border: 2px solid #e5e5e5;
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 50px;
	line-height: 52px;
	width: 50px;
}
.pagination ul li a:hover, .pagination ul li.pagi-active a {
	border: 2px solid #000;
}
.pagination ul li a i {
	color: #000;
	font-size: 22px;
	line-height: 35px;
}
.fluid-width-video-wrapper { padding-top:67.6% !important; }
.post-width > img{max-width:100%;}
.blog-details-img .head > img {
  max-width: 100%;
}
#single-blog {
  display: block;
  padding: 20px 0;
}
.blog-content {
  display: block;
  margin-bottom: 30px;
}
.breadcrumbs .active_breadcrumbs {
  color: #757575;
}
.author .blog-img img {
  height: auto;
  width: 100%;
  border-radius:0;
}
.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 15px;
}
div.wpcf7-validation-errors {
  border: medium none;
}
.software-items .wpb_wrapper {
  width: 70%;
}
.post-text ul li span{
	color: #787878;
}
.sidebar-block img{
	max-width: 100%;
	height: auto;
}

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video iframe {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.video .overlay {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    background: url(../img/overlay-pattern.png) repeat;
}