@charset "utf-8";
/*
Theme Name: Just Jane
Theme URI: http://kwst.net
Description: A WordPress Blog Theme
Author: Kwst
Author URI: http://kwst.net
Version: 1.2
Text Domain: just-jane
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/*-------------Import fonts ---------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic|Lato:400,400italic,700,700italic,900,900italic|Playfair+Display:400,400italic,900);
/*-------------General  ---------------------------------------*/
html {
overflow-x:hidden!important;
height:100%;
}

body {
font-family:'Noto Serif', serif;
font-weight:400;
font-size:12px;
color:#000;
background:#fff;
height:100%;
text-align:center;
margin:0;
padding:0;
}

.wp-caption img  {
border:0 none;
height:auto;
max-width:98.5%;
width:auto;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

h1 {
font-size:4.46666666667em;
text-transform:uppercase;
font-weight:400;
line-height:1.17em;
}

h2 {
font-size:3.2em;
font-weight:300;
}

h3 {
font-size:1em;
}

h4 {
font-size:.9em;
font-weight:200;
}

h5 {
font-size:.8em;
font-weight:200;
}

h6 {
font-size:.6em;
font-weight:200;
}

p {
text-align:left;
font-size:14px;
line-height:22px;
padding-bottom:10px;
color:#797979;
}

article h1,article h2,article h3,article h4,article h5,article h6 {
text-align:left;
}

article h1 {
text-transform:none;
font-size:30px;
}

article h2 {
font-size:27px;
}

article h3 {
font-size:24px;
}

article h4 {
font-size:20px;
}

article h5 {
font-size:18px;
}

article h6 {
font-size:16px;
}

article hr {
border:0;
height:0;
border-bottom:1px solid #e5e5e5;
clear:both;
}

article ul,article ol  {
padding-left:45px;
margin-bottom:20px;
text-align:left;
}
article dl {
margin-bottom:20px;
text-align:left;
}
article dl dt , article dl dd{
padding:3px 0;
}
article dl dt{
font-weight: 700;
font-size: 14px;
}
address {
	float:left;
	font-size:15px;
	line-height:25px;
	border-left:5px solid #eee;
	margin:0 0 20px;
	padding:10px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#494949;
	text-align:left;
	width:100%;
}
article ul li {
margin-bottom:12px;
list-style:square;
}
article ol li {
margin-bottom:12px;
list-style:decimal;
}
article ul li ul li ul li, article ul li ul li  ,  article ol li  ol li  ol li    article ol li  ol li  , article ul li ul , article ol li ol  {

margin-bottom:0;

}
article ol li ol , article ul li ul , article ul , article ul li ul li {
margin-top:10px;
}
strong {
font-weight:bold;
color:#292929;
}
pre {
background-color:rgba(0,0,0,0.01);
border:1px solid #eaeaea;
max-width:100%;
overflow:auto;
white-space:pre-wrap;
word-wrap:break-word;
line-height:1.6;
text-align:left;
padding:23px;
}

.post-title {
text-align:center;
margin-bottom:0;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
margin-right:5px;
}

.alignright {
float:right;
margin-left:5px;
}

blockquote {
float:left;
font-size:17.5px;
border-left:5px solid #eee;
margin:0 0 20px;
padding:10px 20px;
width:100%;
}

blockquote p {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#494949;
}

h1,h2,h3,h4,h5,h6 {
font-family:"Playfair Display";
}

/*-------------Preload ---------------------------------------*/
.pace {
-webkit-pointer-events:none;
pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}

.pace .pace-progress {
background:#292929;
position:fixed;
z-index:2000;
top:0;
right:100%;
width:100%;
height:2px;
}

.pace .pace-progress-inner {
display:block;
position:absolute;
right:0;
width:100px;
height:100%;
opacity:1.0;
-webkit-transform:rotate(3deg) translate(0px,-4px);
-moz-transform:rotate(3deg) translate(0px,-4px);
-ms-transform:rotate(3deg) translate(0px,-4px);
-o-transform:rotate(3deg) translate(0px,-4px);
transform:rotate(3deg) translate(0px,-4px);
}

.pace .pace-activity {
display:block;
position:fixed;
z-index:2000;
top:15px;
right:15px;
width:14px;
height:14px;
border:solid 2px transparent;
border-top-color:#292929;
border-left-color:#292929;
border-radius:10px;
-webkit-animation:pace-spinner 400ms linear infinite;
-moz-animation:pace-spinner 400ms linear infinite;
-ms-animation:pace-spinner 400ms linear infinite;
-o-animation:pace-spinner 400ms linear infinite;
animation:pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/*-------------Content styles ---------------------------------------*/
#main {
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2;
}

.wrapper {
float:left;
width:100%;
position:relative;
z-index:5;
left:0;
opacity:0;
}

.hidcon {
overflow:hidden;
position:fixed;
height:100%;
}

.fixed-column {
position:fixed;
top:0;
left:0;
width:45%;
height:100%;
-webkit-transform:translate3d(0,0,0);
}

.column-bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

.bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-attachment:scroll;
background-position:center;
background-repeat:repeat;
background-origin:content-box;
}

.overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
background:#000;
opacity:0.5;
}

.content {
float:right;
width:55%;
left:0;
background:#fff;
position:relative;
z-index:4;
}

.container {
max-width:980px;
width:92%;
margin:0 auto;
}

.content-inner {
float:left;
width:100%;
position:relative;
padding:60px 0;
}

.media-holder {
float:left;
width:100%;
padding:30px 0;
}

.no-result-holder {
float:left;
width:100%;
position:relative;
background:#fff;
border-bottom:1px solid #eee;
}
/*-------------Navigation ---------------------------------------*/
.nav-button {
position:absolute;
top:50px;
right:50px;
z-index:21;
width:30px;
height:40px;
line-height:40px;
cursor:pointer;
font-size:24px;
}

.nav-button span {
width:100%;
float:left;
margin-bottom:5px;
height:2px;
background:#fff;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}

.nav-button.cmenu .nos {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-bottom:0;
top:8px;
}

.nav-button.cmenu .ncs {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
margin-bottom:0;
top:6px;
}

.nav-inner {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9;
}

.hid-her-wrap,.nav-inner {
visibility:hidden;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
-webkit-transform:scale(0.75);
-moz-transform:scale(0.75);
-o-transform:scale(0.75);
-ms-transform:scale(0.75);
transform:scale(0.75);
opacity:0;
}

.vismen {
visibility:visible;
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
opacity:1;
}

.nav-inner .overlay {
opacity:0.8;
}

.nav-inner nav {
width:100%;
float:left;
position:relative;
top:50%;
-webkit-transform:translate3d(0,0,0);
}

.nav-inner nav ul.menu li {
float:left;
width:100%;
position:relative;
padding:5px 0;
}

.nav-inner nav ul.menu li a {
color:#fff;
font-size:18px;
text-transform:uppercase;
position:relative;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
}
.nav-inner nav ul.menu li ul li a {
font-size:16px;
}

.content-search-form {
float:left;
width:100%;
padding:50px 0;
}
/*-------------Search form---------------------------------------*/
.show-search {
position:absolute;
top:50px;
left:50px;
color:#fff;
width:30px;
height:40px;
cursor:pointer;
z-index:21;
font-size:18px;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
}

.serch-form-holder {
position:absolute;
top:50px;
left:90px;
z-index:21;
width:0;
overflow:hidden;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
}

.content-search-form form {
float:left;
position:relative;
}

.content-search-form form input {
float:left;
background:#eee;
line-height:30px;
border:1px solid #ccc;
width:250px;
padding:4px 0 4px 10px;
-webkit-appearance: none;
}

.enter-val {
background:none;
border:none;
width:30px;
height:30px;
position:absolute;
top:6px;
right:20px;
z-index:5;
cursor:pointer;
}

.visserch {
width:170px;
}

.fixed-column .searchform-home input {
float:left;
width:100%;
background:none;
border:none;
line-height:30px;
border-bottom:1px solid rgba(255,255,255,0.51);
color:#fff!important;
}

.column-footer {
position:absolute;
bottom:50px;
left:0;
width:100%;
z-index:3;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
padding:0 50px;
}

.cf-social {
width:100%;
float:left;
}

.cf-social li {
display:inline-block;
}

.cf-social li a {
width:40px;
height:40px;
float:left;
border:1px solid rgba(255,255,255,0.41);
border-radius:100%;
color:#fff;
line-height:40px;
font-size:14px;
}

.cf-social h3 {
float:left;
width:100%;
padding-bottom:20px;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}
/*-------------Home ---------------------------------------*/
.hero-wrap {
position:absolute;
top:50%;
left:0;
width:100%;
z-index:5;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
padding:0 50px;
}

.hero-wrap p {
max-width:450px;
color:#fff;
text-align:center;
padding-top:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
margin:0 auto;
}

.logo-holder {
max-width:200px;
margin:0 auto;
}

.content-header {
float:left;
width:100%;
border-bottom:1px solid #eee;
height:90px;
position:relative;
background:#fff;
padding:10px 0;
}

.sidebar-button i {
width:30px;
height:30px;
color:#fff;
line-height:30px;
border-radius:100%;
margin-right:20px;
font-size:14px;
background:#696969;
}

.sidebar-button {
float:right;
width:50px;
position:relative;
cursor:pointer;
margin-top:20px;
}

.sb-tooltip {
width:120px;
height:auto;
line-height:20px;
font-size:11px;
color:#fff;
text-align:center;
text-indent:0;
position:absolute;
background:rgba(0,0,0,0.81);
top:-20%;
opacity:0;
left:0;
margin-left:-130px;
margin-top:-10px;
visibility:hidden;
pointer-events:none;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
z-index:6;
padding:10px;
}

.sb-tooltip:before {
content:'';
position:absolute;
top:50%;
margin-top:-7px;
left:100%;
margin-left:0;
width:0;
height:0;
border-color:transparent transparent transparent rgba(0,0,0,0.81);
border-style:solid;
border-width:7px 0 7px 7px;
}

.sidebar-button:hover .sb-tooltip {
visibility:visible;
opacity:1;
top:20%;
}

.content-logo {
float:left;
max-width:150px;
}

.nav-links {
float:left;
width:100%;
border-bottom:1px solid #eee;
padding:30px 0 40px;
}

.nav-links a,.nav-links span {
width:40px;
height:40px;
border-radius:100%;
color:#000;
background:#eee;
line-height:40px;
display:inline-block;
-webkit-transition:all 200ms linear;
-moz-transition:all 20ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
}
.nav-links span , .nav-links a:hover   {
color:#fff;
}
/*-------------Sidebar---------------------------------------*/
.sidebar {
position:fixed;
top:0;
right:-450px;
width:450px;
height:100%;
z-index:14;
background:#eee;
overflow-y:scroll;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

.sb-close {
float:left;
width:40px;
height:40px;
line-height:40px;
font-size:13px;
background:#fff;
cursor:pointer;
margin:20px 0 0 20px;
}
/*-------------Post ---------------------------------------*/
article {
float:left;
width:100%;
position:relative;
border-bottom:1px solid #eee;
padding:50px 0 30px;
}

article footer {
float:left;
margin-bottom:10px;
width:100%;
padding:20px 0;
}

.post-date,.archive-box span {
color:#494949;
font-size:12px;
position:relative;
padding:10px 0;
}

.archive-box {
float:left;
width:100%;
margin-top:70px;
}

.separator {
width:40px;
height:1px;
background:#ccc;
margin:10px auto;
}

.category-title {
font-size:10px;
font-family:Lato, serif;
letter-spacing:4px;
display:inline-table;
text-transform:uppercase;
margin-bottom:10px;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
padding:6px 10px;
max-width:250px;
}
.category-title a {
color:#fff;
}
.category-title:hover {
background:#eee;
}

.category-title:hover a {
color:#000;
}

.post-info {
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#494949;
font-style:italic;
padding-left:0;
margin-bottom:0;
}

.post-info li {
display:inline-block;
color:#494949;
}

.post-author,.post-author span {
padding-left:8px;
}

.more-link {
position:absolute;
bottom:-20px;
left:0;
border:1px solid;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
background:#fff;
font-family:Lato;
z-index:20;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
padding:10px 30px;
}

.more-link:before {
content:'';
position:absolute;
width:50%;
right:-50%;
margin-right:-2px;
height:100%;
background:#fff;
}

.count-comments a {
position:relative;
padding-right:20px;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
}
.count-comments a:hover {
color:#ccc}
.count-comments a:before {
content:'/';
position:absolute;
top:0;
right:5px;
} 
.share-container {
position:relative;
float:left;
padding:0 10px;
}

.share-title {
float:left;
margin-right:10px;
position:relative;
top:7px;
}

.share-icon {
height:30px;
width:30px;
display:inline-table;
position:relative;
border-radius:100%;
font-size:13px;
line-height:30px;
color:#fff;
background:#eee;
margin:2px;
}

.share-icon:before {
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-decoration:inherit;
}

.share-icon-digg:before {
content:"\f1a6";
}

.share-icon-email:before {
content:"\f003";
}

.share-icon-flickr:before {
content:"\f16e";
}

.share-icon-foursquare:before {
content:"\f180";
}

.share-icon-rss:before {
content:"\f09e";
}

.share-icon-facebook:before {
content:"\f09a";
}

.share-icon-twitter:before {
content:"\f099";
}

.share-icon-tumblr:before {
content:"\f173";
}

.share-icon-vimeo:before {
content:"\f194";
}

.share-icon-instagram:before {
content:"\f16d";
}

.share-icon-pinterest:before {
content:"\f0d2";
}

.share-icon-googleplus:before {
content:"\f0d5";
}

.share-icon-stumbleupon:before {
content:"\f1a4";
}

.border-row {
border-top:1px solid #eee;
margin-top:50px;
}

.content-footer {
float:left;
position:relative;
width:100%;
margin:14px 0 0;
}

.to-top-holder {
float:left;
width:100%;
position:relative;
}

.to-top {
float:right;
cursor:pointer;
overflow:hidden;
position:relative;
}

.to-top-holder p {
top:30px;
position:relative;
}

.to-top span {
position:relative;
display:inline-table;
font-size:12px;
top:0;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
}

.to-top i {
position:absolute;
left:0;
width:100%;
height:100%;
font-size:24px;
line-height:24px;
top:-100%;
opacity:0;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
}

.to-top:hover i {
opacity:1;
top:0;
}
 .alignnone  {
	width:100% !important;
	height:auto!important;
}
 
article .wp-caption  img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }
 
/*-------------Widgets ---------------------------------------*/
.footer-widgets {
float:left;
width:100%;
border-bottom:1px solid #eee;
padding:20px 0;
}

.footer-widget-box {
float:left;
width:33.3333333333%;
vertical-align:top;
padding:10px;
}

.widgets-holder {
float:left;
width:100%;
padding:20px;
}

.widget-box {
float:left;
width:100%;
margin-bottom:20px;
background:#fff;
padding:20px;
}

.widget-title {
float:left;
width:100%;
margin-bottom:20px;
border:1px solid;
text-transform:uppercase;
font-family:Lato, sans-serif;
padding:10px;
}

.wid-about img {
width:100%;
height:auto;
margin-bottom:20px;
}

.wid-socials a {
font-size:14px;
width:34px;
height:34px;
line-height:34px;
border-radius:100%;
color:#000;
float:left;
border:1px solid #eee;
padding:0 2px 2px 0;
}

.rest-post-img {
float:left;
width:35%;
}

.wid-posts-item {
float:left;
width:100%;
padding-bottom:10px;
border-bottom:1px solid #eee;
margin-bottom:10px;
}

.rest-post-info {
float:left;
width:65%;
text-align:left;
padding:0 5px 0 10px;
}

.rest-post-info h4 {
margin-bottom:1px;
color:#424242;
display:block;
font-size:13px;
font-family:Lato;
float:left;
width:100%;
}

.rest-post-info span {
font-size:11px;
color:#999;
font-style:italic;
font-family:Lato;
}

.cat-item {
float:left;
width:100%;
border-bottom:1px solid #eee;
text-align:left;
padding:10px 0;
}
.cat-item ul li {
border:none;
padding-bottom:0;
}
.cat-item a {
font-family:Lato;
}

.tagcloud a {
float:left;
background:#eee;
font-family:Lato;
color:#999;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
font-size:12px!important;
margin:0 4px 4px 0;
padding:6px 12px;
}

.single-slider-holder {
position:relative;
}

.single-slider-holder .customNavigation a {
position:absolute;
width:40px;
height:40px;
top:50%;
margin-top:-15px;
border-radius:100%;
overflow:hidden;
z-index:5;
line-height:40px;
cursor:pointer;
}

.single-slider-holder .customNavigation a i {
position:relative;
z-index:2;
color:#fff;
}

.single-slider-holder .customNavigation a:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.6;
z-index:1;
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
}

.single-slider-holder .customNavigation a.next-slide {
right:10px;
}

.single-slider-holder .customNavigation a.prev-slide {
left:10px;
}

.jr-insta-thumb ul li {
padding:4px!important;
}

.jr-insta-thumb ul li a {
-webkit-transition:all 400ms linear;
-moz-transition:all 400ms linear;
-o-transition:all 400ms linear;
-ms-transition:all 400ms linear;
transition:all 400ms linear;
}

.tut-follow-link {
display:none!important;
}

.tut-tweets li {
float:left;
width:100%;
border-top:1px solid #eee;
padding:20px 0;
}

.tut-tweets li:first-child {
border:none;
}

.tut-text {
float:left;
text-align:left;
width:100%;
font-size:13px;
color:#999;
padding:10px 0;
}

.tut-user {
float:left;
padding:0 10px;
}

#wp-calendar {
width:100%;
}

#wp-calendar caption {
text-align:right;
color:#777;
font-size:12px;
margin-top:10px;
margin-bottom:15px;
}

#wp-calendar thead th {
padding-bottom:10px;
text-align:center;
}

#wp-calendar tbody {
color:#aaa;
}

#wp-calendar tbody td {
background:#f5f5f5;
border:1px solid #fff;
text-align:center;
padding:8px;
}

#wp-calendar tbody td a {
font-weight:700;
color:#222;
}

#wp-calendar tbody .pad {
background:none;
}

#wp-calendar tfoot #next {
font-size:10px;
text-transform:uppercase;
text-align:right;
}

#wp-calendar tfoot #prev {
font-size:10px;
text-transform:uppercase;
padding-top:10px;
}

.widget-box	#searchform input#s {
border:1px solid #e5e5e5;
background:#fff;
width:100%;
float:left;
font-size:11px;
color:#000;
letter-spacing:1px;
height:50px;
padding:10px 14px;
-webkit-appearance: none;
}

.wpcf7 input {
width:266px;
}

div.wpcf7 {
overflow:hidden;
margin-top:40px;
}

.wpcf7 p.sp_input {
float:left;
margin-right:19px;
}

.wpcf7 p.sp_message {
clear:both;
}

.wpcf7 input,.wpcf7 textarea {
border:1px solid #DDD;
margin-right:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#777;
font-size:12px;
margin-top:6px;
margin-bottom:6px;
padding:8px;
-webkit-appearance: none;
}

.wpcf7 textarea {
width:95%;
}

.wpcf7 .wpcf7-submit:hover {
background:#777;
}

.column-search-title span {
font-size:14px;
}

.column-search-title h3 {
padding-top:4px;
font-size:34px;
}

.search-image {
float:left;
width:30%;
}

.search-image img {
float:left;
width:100%;
height:auto;
}

.search-item {
float:left;
width:70%;
padding:0 20px;
}

.search-item h2 {
float:left;
width:100%;
font-size:21px;
text-align:left;
}

.archive-search {
float:left;
width:100%;
border-bottom:1px solid #eee;
margin-bottom:10px;
padding:40px 0;
}

.search-item .post-date {
float:left;
width:100%;
text-align:left;
color:#999;
}

.search-link {
float:left;
font-size:12px;
letter-spacing:1px;
}

.search-link:hover {
color:#000;
text-decoration:underline;
}
/*-------------Post content ---------------------------------------*/
.post-comments {
margin-bottom:10px;
margin-top:30px;
float:left;
width:100%;
}

.comments {
margin-bottom:40px;
border-top:1px sold #eee;
float:left;
width:100%;
}

.comments li {
list-style:none;
float:left;
width:100%;
}

.thecomment {
border-bottom:1px dotted #eee;
padding-bottom:14px;
margin-bottom:14px;
float:left;
width:100%;
position:relative;
}

.thecomment .author-img {
width:60px;
position:absolute;
top:0;
left:0;
}

.thecomment .author-img img {
border-radius:100%;
width:60px;
height:60px;
}

.comment-text {
float:left;
width:100%;
padding-left:80px;
}

.thecomment .comment-text span.author,.thecomment .comment-text span.author a {
font-size:14px;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:16px;
color:#333;
float:left;
width:100%;
text-align:left;
}

.thecomment .comment-text span.author a:hover {
text-decoration:underline;
}

.thecomment .comment-text span.date {
font-size:14px;
color:#999;
font-style:italic;
display:block;
margin-bottom:10px;
float:left;
}

.thecomment .comment-text em {
font-size:13px;
margin-bottom:-14px;
display:block;
color:orange;
letter-spacing:1px;
}

.thecomment .comment-text em i {
font-size:14px;
color:#f3bd00;
}

.post-comments span.reply a {
float:right;
font-size:11px;
background-color:#aaa;
color:#FFF;
margin-left:7px;
font-family:Lato;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
padding:3px 6px 5px;
}

.post-comments span.reply a.comment-edit-link {
background:#c5c5c5;
}

ul.children {
margin:0 0 0 55px;
}

ul.children li.thecomment {
margin:0 0 8px;
}

#respond h3 {
font-size:14px;
color:#999;
font-weight:400;
margin-bottom:30px;
font-family:Lato;
letter-spacing:2px;
text-transform:uppercase;
}

#respond h3 a {
color:#000;
display:inline-block;
}

#respond h3 small a {
text-transform:uppercase;
font-size:11px;
background:#333;
color:#FFF;
border-radius:3px;
margin-left:7px;
letter-spacing:1px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
padding:4px 6px 5px;
}

#respond h3 small a:hover {
opacity:.8;
}

#respond input {
border:1px solid #DDD;
margin-right:10px;
color:#999;
margin-bottom:15px;
font-size:11px;
width:100%;
background:#eee;
border-radius:2px;
padding:8px 10px;
-webkit-appearance: none;
}

#respond textarea {
border:1px solid #DDD;
width:100%;
height:120px;
font-size:13px;
color:#777;
margin-bottom:14px;
line-height:20px;
font-family:Georgia;
background:#eee;
border-radius:2px;
padding:14px;
-webkit-appearance: none;
}

#respond #submit,.wpcf7 .wpcf7-submit {
font-family:Lato;
text-transform:uppercase;
letter-spacing:2px;
background:#eee;
font-size:11px;
color:#fff;
margin-top:6px;
display:inline-block;
border:none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
cursor:pointer;
border-radius:30px;
width:auto;
padding:12px 19px 14px;
-webkit-appearance: none;
}

.wpcf7 .wpcf7-submit {
padding:12px 59px 14px;
}

#respond #submit:hover {
background:#333;
color:#FFF;
}

article table {
width:100%;
margin-bottom:22px;
border-collapse:collapse;
}

article td,article th {
border-bottom:1px #e5e5e5 solid;
padding:12px;
}

article th {
font-weight:700;
font-size:14px;
background:#f5f5f5;
}

article tr:hover {
background:#f9f9f9;
}

.single-post-tags {
float:left;
width:100%;
margin-top:10px;
position:relative;
padding:40px 0 0 5px;
}

.single-post-tags:before {
content:'';
position:absolute;
top:0;
left:0;
width:270px;
height:1px;
background:#eee;
}

.single-post-tags i {
float:left;
margin-right:20px;
line-height:34px;
}

.single-post-tags a {
float:left;
margin-right:4px;
color:#fff;
font-size:12px;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
padding:6px 10px;
}

.post-author {
margin-bottom:40px;
margin-top:10px;
float:left;
border:1px solid #eee;
border-left:none;
border-right:none;
padding:20px 0;
width:100%;
}

.author-img {
float:left;
width:15%;
}

.author-content {
float:left;
width:85%;
padding-left:10px;
}

.author-img img {
border-radius:100%;
float:left;
}

.author-content h5 {
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:14px;
color:#000;
display:block;
float:left;
}

.author-content p {
margin-bottom:8px;
float:left;
width:100%;
}

.post-related {
float:left;
width:100%;
padding-bottom:20px;
border-bottom:1px solid #eee;
}

.post-box {
float:left;
width:100%;
margin-bottom:40px;
}

.rel-box-tile,.post-box-title {
border:1px solid;
text-transform:uppercase;
font-family:Lato, sans-serif;
padding:10px 20px;
}

.post-box-title {
display:inline-table;
font-size:12px;
}

.item-related {
float:left;
width:33.3%;
padding:0 10px 10px 0;
}

.item-related h3 {
float:left;
width:100%;
text-align:left;
font-family:"Playfair Display";
font-size:16px;
margin:10px 0 5px;
}

.item-related span {
text-align:left;
color:#494949;
float:left;
font-size:12px;
}

#post-nav {
float:left;
width:100%;
border-top:1px solid #eee;
padding:20px 0;
position:relative;
}

#post-nav .post-previous-holder {
float:left;
width:50%;
position:relative;
}

#post-nav .post-next-holder {
float:right;
width:50%;
position:relative;
}

.post-img-holder {
width:100px;
height:100px;
overflow:hidden;
position:absolute;
top:0;
}
#post-nav .post-previous-holder  .post-img-holder {
left:0;
}
#post-nav .post-next-holder .post-img-holder  {
right:0;
} 

#post-nav .post-previous-holder .post-nav-link {
float:left;
width:100%;
padding-left:100px;
 
}
 

#post-nav .post-next-holder .post-nav-link {
float:right;
width:100%;
padding-right:100px;
}

#post-nav .post-img-holder img {
position:absolute;
top:50%;
left:50%;
margin-left:-50px;
width:80px;
height:80px;
border-radius:100%;
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
}
#post-nav .post-next-holder .post-img-holder img  {
margin-left:-30px;
}
#post-nav .post-next-holder .post-nav-link h4 {
float:right;
width:100%;
text-align:right;
}

#post-nav .next {
float:right;
margin-top:20px;
}

#post-nav a.previous {
margin-top:20px;
float:left;
}
/*-------------404---------------------------------------*/
.error-404 {
text-align:center;
float:left;
width:100%;
padding-bottom:230px;
border-bottom:1px solid #eee;
}

.error-404 h1 {
font-size:190px;
font-weight:700;
float:left;
width:100%;
margin-bottom:50px;
}

.error-404 p {
float:left;
width:100%;
color:#999;
font-size:18px;
font-style:italic;
text-align:center;
}

article h1,article h2,article h3,article h4,article h5,article h6,article hr,#respond {
margin-bottom:20px;
}

.pace-inactive,.column-bg img,.nav-inner nav ul.menu li ul,.screen-reader-text {
display:none;
}

.media-holder img,.logo-holder img,.content-logo img,.rest-post-img img,.gallery img,.media-holder img,.media-holder video,.respimg,.item-related img {
width:100%;
height:auto;
}

.nav-button.cmenu .nbs,.to-top:hover span {
opacity:0;
}


.hero-wrap h1,
.hero-wrap span,span.current ,
.category-title a ,
.more-link:hover ,
.hero-wrap .post-title ,
.tagcloud a:hover ,
.column-search-title span ,
.column-search-title h3 {
color:#fff;
}
.fixed-column  .searchform  input::-webkit-input-placeholder {
    color:    #fff;
}
.fixed-column  .searchform  input:-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
.fixed-column  .searchform  input::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
.fixed-column  .searchform  input:-ms-input-placeholder {
   color:    #fff;
}

.cf-social li a i,.sb-close i,.share-icon,.rest-post-img a img,.wid-socials a,.search-image img,.search-item h2 a,.search-link,.author-content h5 a,.item-related img,.item-related h3 {
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-o-transition:all 200ms linear;
-ms-transition:all 200ms linear;
transition:all 200ms linear;
}

.cf-social li a:hover i,.rest-post-img a:hover img,.jr-insta-thumb ul li a:hover,.search-image a:hover img,.search-item h2 a:hover,.item-related a:hover img,.item-related h3:hover,#post-nav .post-img-holder:hover img {
opacity:0.6;
}

.share-holder{
float:right;
}

.hero-wrap separator,#wp-calendar tbody td:hover {
background:#fff;
}

.share-icon:hover,.single-post-tags a:hover {
background:#000;
}

.share-icon-linkedin:before,.share-icon-in1:before {
content:"\f08c";
}

.wid-about,#respond label {
float:left;
width:100%;
}

.wid-about p,#wp-calendar thead {
font-size:12px;
}

.tut-tweet header a {
float:left;
}

.tut-tweet footer,#post-nav .post-previous-holder .post-nav-link h4 {
float:left;
width:100%;
text-align:left;
}

.comment-text p,#respond .comment-form-url {
margin-bottom:10px;
}

#respond input:focus,#respond textarea:focus {
outline:none;
}
.textwidget img {
width:100%;
height:auto;
padding-top:20px;
}
.textwidget  {
text-align:left;
}
.recentcomments {
text-align:left;
padding:4px 0;
}
.recentcomments a:hover {
color:#ccc;
}
.comment-author-link {
color:#666;}
.sticky {}
.gallery-caption{}
.bypostauthor{}
article sup { 
    vertical-align: super !important;
    font-size: smaller !important;
	color:#000;
}
tt {
font-weight:600;
}
var { 
    font-style: italic;
}
q , cite , em { 
    display: inline;
	color:#292929;
	font-style: italic;
	letter-spacing:2px;
}

q:before , q:after { 
    content: '"';
}
 code , kbd {
    font-family: monospace;
	color:#000;
}
/*------  Responsive ------------------------------------------------------*/
@media only screen and  (max-width: 1080px) {
.content {
	float:left;
	width:100%;
}
.wrapper {
	height:100%;
}
.fixed-column {
	position:relative;
	width:100%;
	float:left;
}
.search-item , .search-image{
	width:100%;
}
.search-image {
	margin-top:20px;
}
}
@media only screen and  (max-width: 756px) {
.footer-widget-box {
	width:50% !important;
	height:auto !important;
}
.share-holder {
	float:left;
	width:100%;
}
.author-img  , .author-content {
	width:100%;
}
.author-content {
	margin-top:30px;
}
#post-nav .post-previous-holder	 {
	float:left;
	width:100%;
}
#post-nav .post-next-holder	 {
	float:right;
	width:100%;
}
.error-404  {
	padding-bottom:50px;
}	
}
@media only screen and  (max-width: 540px) {
 .footer-widget-box {
	width:100% !important;
	padding:0 0 10px 0;
}
.item-related {
	width:100%;
}
.sidebar {
	width:350px;
}
.error-404 h1 {
	font-size:90px;
}
}
@media only screen and  (max-width: 320px) {

.sidebar {
	width:310px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
	background-attachment: scroll !important;
	-webkit-background-size:cover;
	background-position:center;
}
}