/*
Theme Name: Timeliner
Author: DJMiMi
Theme URI: http://themeforest.net/user/DJMiMi
Author URI: http://themeforest.net/user/DJMiMi
License: GPL 2.1
License URI: license.txt
Description:  Clean and powerfull timeline bloggig theme
Version: 2.5
Tags: light
*/


/***********************************
TABLE OF CONTENTS:

1. OVERALL STYLING
2. TABLES
3. BUTTON
4. TIMELINE
5. POST META
6. POST BLOCKS
7. RESPONSIVE SLIDES
8. AUDIO POST FOMRAT
9. TOP BAR
10. NAVIGATION
11. POST FORMAT ICONS
12. COMMENTS
13. WIDGETS
14. SUBMIT FORMS
15. SINGLE POST SHARE
16. ABOUT AUTHOR
17. NEXT PREV POSTS
18. VIDEO CONTAINER
19. LOADER
20. PAGINATION

*************************************/

/* 1. OVERALL STYLING */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-size: 100%;
	font-family: "Roboto Slab", sans-serif;
	color: #717171;
	font-size: 16px;
	line-height: 30px;
	background-color: #F5F5F5;
	overflow-x: hidden;
	overflow: visible;
}

.background-fixed{
	background-image: url(../../media/pictures/slider-1-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: brightness(0.4);
}

a, a:hover, a:focus, a:active, a:visited{
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}

.grey-link{
	color: #717171;
}

img{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
	max-width: 100%;
	height: auto;
}

.page .wp-post-image{
	width: 100%;
}

.break-word{
	word-break: break-all;
}

select{
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6{	
	margin: 10px 0px;
	font-weight: 700;
	line-height: 1.25;
	color: #454545;
	font-family: "Roboto Slab",sans-serif;
}

h1 {
    font-size: 38px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
    font-size: 18px;
}

blockquote{
	font-size: 20px;
	font-style: italic;
	border-left: 5px solid #E74C3C;
	padding-left: 20px;
	margin-bottom: 20px;
}

cite{
	font-size: 16px;
	font-style: normal;
	text-align: right;
	display: block;
}

.send_result .alert{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

p{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 25px;
}


.white-block{
	margin: 50px 0px;
	overflow: hidden;
	background: #ffffff;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.post-inner{
	padding: 30px;
}

section{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

/* END OVERALL STYLING */

/* 2. TABLES */
table{
	width: 100%;
	border: 1px solid #eeeeee;
	margin: 15px 0px;
}

hr{
	border-color: #eeeeee;
}

table th{
	text-align: center;
	background: #E74C3C;
	color: #ffffff;
	font-size: 13px;
	padding: 5px;
}

table th a, table th a:hover, table th a:focus, table th a:active{
	color: #ffffff;
}

table td{
	border: 1px solid #eeeeee;
	text-align: center;
	font-size: 13px;
	padding: 5px;
}
/* END TABLES */

/* 3. BUTTON */
.tagcloud a, .btn, a.btn{
	word-break: break-all;
	padding: 6px 12px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none;
	background: #39c1fd;
	color: #ffffff;
	display: inline-block;
	white-space: normal;
}
.tagcloud a:hover, .tagcloud a:focus, .tagcloud a:active,
.btn:hover, .btn:focus, .btn:active{
	border: none;
	background: #454545;
	color: #ffffff;
}
.tagcloud a{
	padding: 0px 10px;
	margin: 2px 0px;
}

/* END BUTTON */

/* 4. TIMELINE*/
.cd-container {
  
  max-width: 100%;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-timeline {
  position: relative;
  margin: 50px 0px;
  margin-bottom: 110px;
}
#cd-timeline::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	top: 0;
    left: 50%;
	margin-left: -2px;
	height: 100%;
	width: 4px;
	background: #ffffff;
	opacity: 0.6;
}

.cd-timeline-block {
  position: relative;
  margin: 4em 0;
}

.relative{
	position: relative;
}

.cd-content .relative  img,
.cd-content > img{
	width: 100%;
}

.cd-timeline-block.year-block{
	margin: 8em 0;
}

@media only screen and (max-width: 768px) {
	.cd-timeline-block.year-block{
		margin: 0px;
	}	
	
	.cd-timeline-block.year-block .cd-timeline-year{
		margin-bottom: 0px;
	}
}

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

.cd-timeline-img, .cd-timeline-year {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	color: #ffffff;
	padding-top: 11px;
	margin: 0px auto;
	margin-bottom: 20px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.load-more-block .cd-timeline-year{
	margin-bottom: 0px;
}

.cd-timeline-year{
	background: #454545;
}

.cd-timeline-img{
	background: #39c1fd;
	color: #ffffff;	
}

.cd-timeline-img h2, .cd-timeline-year h2{
	margin: 0px;
	color: #ffffff;
	line-height:22px;
	font-size: 20px;
}

 .cd-timeline-year h2{
	margin: 0px;
	line-height: 35px;
 }

.cd-timeline-img p, .cd-timeline-year p{
	line-height: 13px;
	font-size: 13px;
	text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
	.cd-timeline-img, .cd-timeline-year{
		position: absolute;
		left: 50%;
		margin-left: -30px;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}
}

.cd-timeline-img.is-hidden, .cd-timeline-year.is-hidden {
	visibility: hidden;
}

.cd-timeline-img.bounce-in,.cd-timeline-year.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-1 0.6s;
	-moz-animation: cd-bounce-1 0.6s;
	animation: cd-bounce-1 0.6s;
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  /*background: #ffffff;*/
  background: rgba( 0, 0, 0, 0.2 );
  color: #fff;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.cd-timeline-content.sticky-post{
	border-top: 3px solid #39c1fd;
}

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content .cd-read-more{
	color: #ffffff;
	display: inline-block;
}

.cd-timeline-content .cd-author {
	display: none;
	margin-bottom: 30px;
}

.cd-timeline-content .cd-read-more {
	border: none;
}

.overlay{
	background: rgba( 57, 193, 253, 0.8  );
	text-align: center;
	color: #ffffff;
	padding: 100px 20px;
}

.content-bg blockquote h2, .content-bg a h2{
	font-style: italic;
	color: #ffffff;
}

.content-bg cite{
	text-transform: uppercase;
	display: block;
	text-align: right;
	margin-top: 20px;
}


.overlay .post-meta{
	margin-bottom: 30px;
}

.overlay .post-meta, .overlay .post-meta a{
	text-align: center;
	color: #ffffff;
}

.overlay .post-meta a:hover{
	color: #dfdfdf;
}

.cd-timeline-content .cd-author {
	float: left;
	padding: .8em 0;
}


@media only screen and (min-width: 768px) {
	.cd-timeline-content {
		margin-left: 0;
		width: 43%;
	}	
	.cd-timeline-content .cd-read-more {
		float: left;
	}
	.cd-timeline-content .cd-author {
		display: inline-block;
		position: absolute;
		width: 100%;
		left: 125%;
		top: 40px;
	}
  
	.cd-timeline-content .cd-author img{
		box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
		border-radius: 0% 100% 100% 100%;
		width: 150px;
		height: 150px;
	}
  
	.cd-timeline-block.even .cd-timeline-content {
		float: right;
	}

	.cd-timeline-block.even .cd-timeline-content .cd-read-more {
		float: right;
	}
	.cd-timeline-block.even .cd-timeline-content .cd-author {
		left: auto;
		right: 125%;
		clear: both;
	}
	
	.cd-timeline-block.even .cd-timeline-content .cd-author img{
		border-radius: 100% 0% 100% 100%;
		float: right;
	}
 
}

.cd-timeline-content.is-hidden {
	opacity: 0;
	top: 20px;
}


@media only screen and (min-width: 990px) {
	.cd-timeline-content {
		width: 45%;
	}
	.cd-timeline-block.even .cd-timeline-content .cd-author {
		right: 120%;
	}
	
	.cd-timeline-content .cd-author {
		left: 120%;
	}
}
/* END TIMELINE */

/* 5. POST META */
.post-header .post-meta{
	margin: 10px 0px;
}

.post-meta li{
	display: inline-block;
	margin-right: 10px;
}

.post-meta li .fa{
	margin-right: 2px;
}

.post-meta{
	font-size: 13px;
	line-height: 23px;
	color: #717171;
}

.post-meta a, .post-meta a:visited{
	color: #717171;
}

.post-meta a:hover{
	color: #E74C3C;
}
/* END POST META */

/* 6. POST BLOCKS */
.post-title{
	margin: 0px;
	display: inline-block;
	
}

.post-title h2{
	margin: 0px;
	color: #fff;
}

.post-title:hover h2{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #3c86e7;
}

.post-content{
	margin: 20px 0px;
}

.post-content img{
	max-width: 100%;
}

.content-padding{
	padding: 15px;
}

/* END POST BLOCKS */

/* 7. RESPONSIVE SLIDES */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}

.rslides li img{
	width: 100%;
	height: 100%;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides_nav{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
	opacity: 0.1;
	background: #E74C3C;
	position: absolute;
	top: 45%;	
	z-index: 999999;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.post-slider:hover .rslides_nav{
	opacity: 1;
}

.rslides_nav.prev{
	left: -100px;
	padding: 3px 14px 3px 10px;
}

.rslides_nav.next{
	right: -100px;
	padding: 3px 12px;
}

.post-slider:hover .rslides_nav.prev{
	left: 10px;
}

.post-slider:hover .rslides_nav.next{
	right: 10px;
}

.rslides_nav .fa{
	color: #ffffff;
}
/* END RESPONSIVE SLDIES */

/* 8. AUDIO POST FOMRAT */
.post-audio-absolute{
	position: absolute;
	bottom: 20px;
	left: 5%;
	right: 5%;
	display: block;
}

.audio-player{
	display: block;
	width: 100%;
}
/* END AUDIO POST FOMRAT */

/* 9. TOP BAR */
.top-bar{
	padding: 30px 0px;
	background-color: #666666;
	background-attachment: fixed;
	background-position: top center;
	min-height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
	.top-bar {
		min-height: 1024px;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
	.top-bar {
		min-height: 768px;
	}
}

@media screen and (device-aspect-ratio: 40/71) {
	.top-bar {
		min-height: 500px;
	}
}

.main-listing{
	margin-top: 150px;
	background-color: transparent;
}

.main-listing-bg{
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100vh;
	background-position: center center;
}

.blog-title{
	position: relative;
	text-align:center;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.2 );
	z-index:4;
}

@media only screen and (min-width: 768px){
	.blog-title{	
		position: absolute;
		padding: 0px 10px;
		margin: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%); /* IE 9 */
		-webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
	}
}
.blog-title h1{
	margin: 2px 0px;
	color: #ffffff;
	font-size: 72px;
}

@media only screen and (max-width: 768px){
	.blog-title h1{
		font-size: 52px;
	}
}

@media only screen and (max-width: 240px){
	.blog-title h1{
		font-size: 42px;
	}
}

.blog-title small{
	text-transform: uppercase;
}
.main-share{
	margin: 0px;
}
.main-share li{
	list-style: none;
	display: inline-block;
}
.main-share .share{
	border: 1px solid #ffffff;
	width: 35px;
	height: 35px;
	line-height: 34px;
	color: #ffffff;
	text-align: center;
	display: inline-block;	
}
/* END TOP BAR */


/*  10. NAVIGATION*/
#navigation .dropdown-menu{
	margin:0px;	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.nav.navbar-nav > li > .dropdown{
	margin-top: 1px;
}

.navbar li.dropdown ul li.dropdown ul{
	left: 100%;
	top: 0px;
}
.navbar li{
	margin-bottom: 0px;
}

.navbar{
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
	background: transparent;	
	min-height: 0px;
}

.navbar-collapse{
	padding-left: 0px;
	border: none;
}

.nav.navbar-nav li a{
	font-size: 14px;
	color: #717171;
	text-transform: uppercase;
}

.nav.navbar-nav > li{
	margin: 0px 3px;
}

.nav.navbar-nav > li li{
	border-bottom: 1px solid #eeeeee;
}

#navigation .nav.navbar-nav > li > a{
	background: transparent;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.2 );
	border-bottom: 4px solid #ffffff;
}

#navigation .nav.navbar-nav > li.open > a,
#navigation .nav.navbar-nav > li > a:hover,
#navigation .nav.navbar-nav > li > a:focus ,
#navigation .nav.navbar-nav > li > a:active,
#navigation .nav.navbar-nav > li.current > a,
#navigation .navbar-nav > li.current-menu-parent > a, #navigation  .navbar-nav > li.current-menu-ancestor > a, #navigation  .navbar-nav > li.current-menu-item  > a{
	color: #ffffff;
	border-color: #E74C3C;
}

.nav.navbar-nav ul li.open > a,
.nav.navbar-nav ul li.open > a:hover,
.nav.navbar-nav ul li.open > a:focus,
.nav.navbar-nav ul li.open > a:active,
.nav.navbar-nav ul li.current > a,
.navbar-nav ul li.current-menu-parent > a, .navbar-nav ul li.current-menu-ancestor > a, .navbar-nav ul li.current-menu-item  > a{
	color: #E74C3C;
	background: #ffffff;
}

.nav.navbar-nav ul{
	padding: 0px;
	border-radius: 0px;
	border: none;
}

.nav.navbar-nav ul li a{
	padding: 10px 15px;
	position: relative;
}

.nav.navbar-nav ul li a:hover{
	color: #E74C3C;
	background: #ffffff;
}

.navbar-toggle{
	color: #E74C3C;
	line-height: 15px;
	float: none;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		background: #ffffff;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:active
	.navbar-default .navbar-nav .open .dropdown-menu > li.current > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-ancestor > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-item > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-parent > a{
		color: #E74C3C;
		background: #ffffff;
	}
	
	.navbar-nav .open .dropdown-menu > li > a{
		padding: 5px 15px;
	}
	
	.nav.navbar-nav > li > a{
		line-height: 20px;
	}
	#navigation{
		text-align: center;
	}
	#navigation .navbar-nav li a{
		text-align: center;
	}
}

.current-caret{
	position: absolute;
	left: 0px;
	top: 11px;
	font-size: 20px;
}
/* END NAVIGAION */


/* 11. POST FORMAT ICONS */
.fake-thumb-wrap{
    position: absolute;
    text-align:center;
    margin: 0;
    top: 50%;
    left: 30px;
	width: 60px;
	border: 1px solid #eeeeee;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
}

.post-format{
	font-size: 25px;
	line-height: 59px;
	font-family: dashicons;
}

.post-format-standard:before{	
	content: '\f109';
}

.post-format-aside:before{	
	content: '\f123';
}

.post-format-gallery:before{	
	content: '\f161';
}

.post-format-link:before{	
	content: '\f103';
}

.post-format-image:before{	
	content: '\f128';
}

.post-format-quote:before{	
	content: '\f122';
}

.post-format-status:before{	
	content: '\f130';
}

.post-format-video:before{	
	content: '\f126';
}

.post-format-audio:before{	
	content: '\f127';
}

.post-format-chat:before{	
	content: '\f125';
}

.fake-thumb-holder .post-format{
	color: #E74C3C;
	font-size: 20px;
	line-height: 10px;
}

.to_top.btn{
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: none;
	z-index: 3;
	-webkit-transform: translate3d(0,0,0);
}


.load-more{
	display: block;
	color: #ffffff;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

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

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


/* 12. COMMENTS */
#disqus_thread{
	background: #ffffff;
	padding: 30px;
	margin: 50px 0px;
}

.comment-reply-link{
	float: right;
	color: #717171;
}

.comment-reply-link:hover{
	color: #E74C3C;
}

.comment-border{
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	margin: 30px 0px;
}

.comment-margin-left{
	margin-left: 48px;
}

@media only screen and (max-width: 768px){
	.comment-margin-left{
		margin-left: -15px;
	}
}

.comment-content{
	margin-top: 30px;
}

.comment-content img{
	width: 100%;
}

.comment-content .comment-name{
	margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
	.comment-content .comment-name{
		margin-top: 15px;
	}
}

.comment-form{
	margin-top: 30px;
}

.contact-form{
	margin-top: 20px;
}

.form-control, .form-control:focus, .form-control:active, .form-control:focus:active{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #eeeeee;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.form-submit #submit{
	border: none;
	background: #E74C3C;
	color: #ffffff;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin-top: 10px;
	padding: 5px 10px;
	transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	font-size: 14px;
	line-height: 24px;
}

.form-submit #submit:hover, .form-submit #submit:focus, .form-submit #submit:active{
	background: #454545;
	color: #ffffff;
}

.comment-row{
	margin-bottom: 20px;
}

.comment-row:hover img{
	opacity: 0.8;
}

#reply-title{
	font-size: 16px;
	font-weight: normal;
	color: #717171;
}

#reply-title small{
	font-size: 16px;
}

/* COMMENTS */


/* 13. WIDGETS*/

.widget{
	padding: 30px;
}

.widget ul{
	padding: 0px;
}
.widget ul li{
	list-style: none;
	clear: both;
	padding: 5px 0px;
}

.widget_timeliner_recent_comments ul li, 
.widget_custom_posts ul li,
.widget_widget_top_author ul li{
	padding: 10px 0px;
}

.widget ul li:hover img{
	opacity: 0.8;
}

.widget ul li a{
	display: block;
}

.widget_categories li,
.widget_archive li{
	text-align: right;
}

.widget_archive li a:before,
.widget_categories li a:before,
.widget_pages li a:before,
.widget_nav_menu li a:before,
.widget_meta li a:before{
	content: "\f101";
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 12px;
}

.widget_categories li a,
.widget_archive li a{
	float: left;
}

.widget_archive li:hover > a,
.widget_categories li:hover > a,
.widget_pages li:hover > a,
.widget_nav_menu li:hover > a,
.widget_meta li:hover > a{
	margin-left: 5px;
}

.widget ul li ul{
	padding-left: 10px;
}
.widget-title-wrap{
	border-bottom: 1px solid #eeeeee;
	display: block;
	text-align: left;
	margin-bottom: 15px;
}
.widget-title{
	margin: 0px;
	margin-bottom: -2px;
	padding-bottom: 15px;
	border-bottom: 3px solid #E74C3C;
	display: inline-block
}

.widget-image-thumb{
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.widget-image-thumb img{
	width: 60px;
	height: 60px;
}

.widget-text{
	display: inline-block;
	float: left;
	width: calc( 100% - 70px );
}

.widget-small-link, .widget-small-link:visited{
	line-height: 1.5;
	color: #777777;
}

.widget-small-link:hover{
	color: #E74C3C;
}

.widget_custom_posts .nav-tabs{
	border: none;
}

.widget_custom_posts .nav-tabs li{
	float: none;
	display: inline-block;
	width: 33%;
}

.widget_custom_posts .nav-tabs li a{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #eeeeee;
	padding: 5px 10px;
}

.widget_custom_posts .nav-tabs li a:hover, .widget_custom_posts .nav-tabs li a:active, .widget_custom_posts .nav-tabs li a:focus{
	background: #E74C3C;
	border-color: #E74C3C;
	color: #ffffff;
}
.widget_custom_posts .list-unstyled li{
	position: relative;
	clear: both;
}

.widget_widget_social .btn{
	margin-left: 2px;
	margin-bottom: 2px;
	width: 32px;
	height: 32px;
	padding: 0px;
	text-align: center;
	line-height: 31px;
}

.footer_widget_section{
	background: #ffffff;
}
.footer_widget_section .white-block{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.widget img{
	max-width: 100%;
}
#wp-calendar td{
	padding: 0px 5px;
}
/* END WIDGETS */


/* 14. SUBMIT FORMS*/
.timeliner-form{
	width: 100%;
	display: block;
	position: relative;
}

.timeliner-form  input, .timeliner-form  input:focus, .timeliner-form  input:active, .timeliner-form  input:active:focus{
	border: 1px solid #eeeeee;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 100%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.timeliner-form .btn{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	line-height: 22px;
}

.sub_result{
	margin-top: 15px;
}

.alert{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
/* END SUBMIT FORMS */

/* 15. SINGLE POST SHARE */

.post-share{
	width: 100%;
	padding-top: 25px;
	text-align: center;
	margin: 12px 0px;
}

@media and screen (max-width: 768px){
	.post-share{
		text-align: center;
	}	
}

.share, .share:active, .share:visited{
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 31px;
	text-align: center;
	font-size: 15px;
	color: #717171;
	border: 1px solid #eeeeee;
	margin-right: 2px;
}

.facebook:hover{
	background: #3b5998;
	border-color: #3b5998;
	color: #ffffff;
}

.twitter:hover{
	background: #00aced;
	border-color: #00aced;
	color: #ffffff;
}

.google:hover{
	background: #dd4b39;
	border-color: #dd4b39;
	color: #ffffff;
}

.linkedin:hover{
	background: #007bb6;
	border-color: #007bb6;
	color: #ffffff;
}

.tumblr:hover{
	background: #32506d;
	border-color: #32506d;
	color: #ffffff;
}
/* END SINGLE POST SHARE */

/* 16. ABOUT AUTHOR */
.author-info{
	width: 100%;
	margin-top: 30px;
}

.author-info img{
	width: 100%;
	margin-bottom: 15px;
}

.author-info:hover img{
	opacity: 0.8;
}
/* END ABOUT AUTHOR */

/* 17. NEXT PREV POSTS */
.right-text, .left-text{
	margin: 10px 0px;
}

.left-text{
	text-align: left;
}
.left-text a{
	text-align: left;
}
.right-text{
	text-align: right;
}
.right-text a{
	text-align: left;
}

@media only screen and (max-width: 768px) {
	.next-prev .btn{
		width: 100%;
	}
	.right-text{
		text-align: center;
		padding-bottom: 20px;
	}
	.left-text{
		text-align: center;
		padding-bottom: 20px;
	}
}
/* END NEXT PREV POSTS */


/* 18. VIDEO CONTAINER */
 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container blockquote, .video-container embed {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
/* END VIDEO CONTAINER */

.bypostauthor{}
.gallery-caption{}

/* 19. LOADER */
.spinner-wrap{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 848484;	
}

.leftside{
	position: absolute;
	left: 0px;
	width: 50%;
	height: 100%;
	background: #E74C3C;
}

.rightside{
	position: absolute;
	right: 0px;
	width: 50%;
	height: 100%;
	background: #E74C3C;
}


.spinner {
	height: 30px;
	font-size: 10px;
    position: absolute;
    text-align:center;
    padding: 0px 10px;
    margin: 0;
    top: 50%;
    left: 50%;
	width: 100%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari and Chrome */	
}


.spinner > div {
	background-color: #ffffff;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*END LOADER */

/* 20. PAGINATION */
.pagination a.active{
	background: #454545;
	color: #ffffff;
}
/* END PAGINATION */

/* 21. GALLERY */
.gallery-item{
	position: relative;
	overflow: hidden;
}

.gallery-item img{
	width: 100%;
}

.gallery-overlay{
	color: #ffffff;
	position: absolute;
	background: rgba( 231, 76, 60, 0.8  );
	top: 3%;
	left: 3%;
	bottom: 3%;
	right: 3%;
	display: block;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.gallery-overlay i{
	font-size: 20px;
	line-height: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
}

.gallery-item:hover .gallery-overlay{
	opacity: 1;
}


/* END GALLERY */