/*--
	Theme Name: Ahrefs-3
	Theme URI: https://ahrefs.com/
	Description: WordPress for Ahrefs Blog
	Author: Ahrefs
	Author URL: https://ahrefs.com/
	Version:1.0
--*/

/*----------------------------------------
				General
---------------------------------------- */
html,
body {
	min-width:320px;
}
html {
	height:100%;
}
body {
	min-height: 100%;
	font-size:16px;
	line-height:22px;
	color:#333;
	font-family: "Open Sans", sans-serif;
	font-weight:normal;
	background:#fff;
	position:relative;
}

.logged-in {margin:32px 0 0;}

@media screen and (max-width: 782px) {
	.logged-in {margin:46px 0 0;}
}

p {margin:0 0 30px;}

a {color:#0f75c0;}
	a:hover {
		color:#000;
		text-decoration:none;
	}
	
em {font-style:italic;}

.dd_outer {
	display:none;
}

img {
	max-width:100%;
	height:auto;
}

/*---------------------------------------- 
			Bootstrap Elements
---------------------------------------- */
@media (min-width:1200px){
	.container{width:1130px;}
}
	
.btn-primary {
	font-size:13px;
	line-height:22px;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	padding:9px 22px;
	border:none;
	background:#e77729;
	border-radius:0;
}	
	.btn-primary:hover {
		background:#ff7a20;
	}

/*----------------------------------------
				Headings
---------------------------------------- */	
h1 {
	font-size:34px;
	line-height:40px;
	color:#000;
	font-weight:700;
	margin:0 0 1px;
}
@media (min-width:768px) {
	h1 {
		font-size:38px;
		line-height:46px;
		margin:0 0 10px;
	}
}
h2 {
	font-size:28px;
	line-height:34px;
	color:#000;
	font-weight:700;
	margin:70px 0 30px;
}
h3 {
	font-size:20px;
	line-height:30px;
	color:#000;
	font-weight:700;
	margin:60px 0 30px;
}
h4 {
	font-size:20px;
	line-height:21px;
	color:#000;
	font-weight:300;
	margin:20px 0 30px;
}
h5 {
	font-size:16px;
	line-height:20px;
	color:#000;
	font-weight:600;
	margin:20px 0 30px;
}
/*---------------------------------------- 
			List Styling
---------------------------------------- */
ul {
	padding:0; 
	margin:0 0 30px;
}
@media (min-width:768px) {
	ul {
		padding:0 0 0 13px;
	}
}
	ul li {
		color:#000;
		padding:0 0 0 27px;
		margin:0 0 12px;
		background:url(images/dotblue.gif) 0 10px no-repeat;
		list-style-type: none;
		vertical-align:top;
	}
		ul li a {
			display:inline-block;
			color:#0f75c0;	
		}
			ul li a:hover {color:#000;}
			
ol {
	list-style-position:outside;
	list-style-type:decimal;
	padding:0 0 0 20px; 
	margin:0 0 30px 0;
}
@media (min-width:768px) {
	ol {
		margin:0 0 30px 10px;
	}
}
	ol li {
		padding:0 0 0 8px;
		margin:0 0 12px;
	} 
		ol li a {
			display:inline-block;
			color:#0f75c0;	
		}
			ol li a:hover {color:#000;}
			
.single #content ul li,
.single #content ol li {
	font-size:18px;
	line-height:30px;
}
.single #content ul li {background-position:0 14px;}

/*---------------------------------------- 
			Blockquote Styling
---------------------------------------- */
blockquote {    
    font-size:20px;
	line-height:24px;
	color:#666;
	font-style:italic;
    margin:38px 0;
    padding:0 0 0 25px;
	border-left:4px solid #0a416c;
}
@media (min-width:768px) {
	blockquote {
		padding:0 0 0 35px;
	}
}
/*----------------------------------------
				Transition
---------------------------------------- */
.navbar-nav > li > a,
.navbar-toggle .icon-bar,
.post-header h2 a,
.post-meta a,
#back-top a,
#back-top i.fa,
.btn-primary,
.author-name a,
.author-social span,
.list-categories li a,
.social-items li a i,
input[type="submit"],
.top-shadow a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	
/*----------------------------------------
				 Header
---------------------------------------- */
#header {
	padding:0;
	background:#0a416c;
	overflow:hidden;	
}

@media (min-width:768px) {
	#header {
		padding:22px 0 18px 0;
	}
}
/* Logo */
.logo {
	float:left;
	margin:19px 0;
	position:relative;	
}
	
	.logo h1,
	.logo h2 {
		font-size:0;
		line-height:0;
		margin:0;
		padding:0;
		background:none;
	}
		.logo h1 a,
		.logo h2 a {
			display:block;
			width:200px;
			height:33px;
			text-decoration:none;
			margin:0;
			padding:0;
			vertical-align:top;
			background:url(images/logo-blog@2x.png) 0 0 no-repeat;
			background-size:100% auto;
		}

@media (min-width:400px) {
	.logo {margin:17px 0 14px 0;}
		.logo h1 a,
		.logo h2 a {
			width:245px;
			height:40px;
			background-image:url(images/logo-blog.png);
		}
}
@media (min-width:768px) {
	.logo {margin:0;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:1.3 / 1), only screen and (min-resolution:125dpi), only screen and (min-resolution:1.3dppx) {
	.logo h1 a,
	.logo h2 a {
		background-image:url(images/logo-blog@2x.png);
	}
}
/*----------------------------------------
		Header Navigation
---------------------------------------- */
#navbar {
	margin:0 -15px;
}
.navbar-collapse {
	padding:0;
	border-top:none;
}

.navbar-nav {
    display:block;
	margin:0;	
}
	.navbar-nav > li {
		display:block;
		padding:0;
		margin:0;
	}
		.navbar-nav > li > a {
			display:block;
			font-size:12px;
			font-weight:600;
			color:#ddd;
			text-transform: uppercase;
			padding:8px 15px;
			background:#01243e;
		}
			.navbar-nav > li > a:hover,
			.navbar-nav > li > a:focus {
				color:#01243e;
				background:#fff;
			}
			
@media (min-width:768px) {
	#navbar {
		margin:0;
		position:absolute;
		right:15px;
		top:0;
	}
		.navbar-nav {
			float:right;
			padding:8px 0 0 0;
		}
			.navbar-nav > li {
				margin:0 0 0 24px;
			}
				.navbar-nav > li > a {
					display:inline-block;
					padding:0;
					background:none;
				}
					.navbar-nav > li > a:hover,
					.navbar-nav > li > a:focus {
						color:#fff;
						background:none;
					}
}
		
/*----------------------------------------
		Navbar Toggle
---------------------------------------- */
.navbar-toggle {
	padding:23px 20px;
	margin:0 -15px 0 0;
	background-color:#01243e;
	border-radius:0;
}
.navbar-toggle .icon-bar {
	width:32px;
	height:3px;
	background:#4e6678;
	border-radius:0;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:7px;
}
	.navbar-toggle:hover .icon-bar {
		background:#fff;
	}
/*----------------------------------------
				Content
---------------------------------------- */
#container {
	padding-top:30px;
}
@media (min-width:768px) {
	#container {
		padding-top:56px;
	}
	
	.single #container {
		padding-top:40px;
	}
	.single #container.container-roundup {
		padding-top:55px;
	}
}
/*----------------------------------------
				Archive's Pages
---------------------------------------- */
.page-title {
	font-size:28px;
	line-height:34px;
	color:#0073c3;
	font-weight:400;
	padding:0 0 2px;
	margin:0 0 30px;
	border-bottom:1px solid #0073c3;
}

/*----------------------------------------
			Post Holder
---------------------------------------- */
.post-holder {
	padding:0 15px 28px;
	margin:0 -15px 28px;
	border-bottom:1px solid #eee;
}

@media (min-width:600px) {
	.post-holder {
		padding:0 0 28px;
		margin:0 0 28px;
	}
}

.post-content {
	overflow:hidden;
}

/* Featured Thumbnail */
.featured-thumbnail {
	float:none;
	width:100%;
	height:auto;
	margin:0 0 12px 0;
	overflow:hidden;
}
	.featured-thumbnail a {display:block;}
		.featured-thumbnail img {
			width:100%;
			height:auto;
			margin:0;
		}
			
@media (min-width:600px) {
	.featured-thumbnail {
		float:left;
		width:262px;
		height:168px;
		margin:5px 26px 12px 0;
		border:1px solid #ddd;
	}
}
@media (min-width:768px) {	
	.featured-thumbnail {
		margin:5px 26px 0 0;
	}
}

/* Post Content */
.post-header {
	margin:0 0 11px;
}
	.post-header h2 {
		font-size:26px;
		line-height:30px;
		color:#222;
		margin:0 0 2px;
	}
		.post-header h2 a {
			color:#222;
		}
			.post-header h2 a:hover {
				color:#0f75c0;
				opacity:1;
			}

/* Post Meta */
.post-meta {	
	font-size:12px;
	line-height:24px;
	color:#666;
	position:relative;
}
.post-author,
.post-date,
.social {
	display:inline-block;
}

	.post-author .author {
		color:#0f75c0;
		font-weight:700;
		text-transform:uppercase;
	}
	
.separator {
	display:inline-block;
	color:#a7a7a7;
	font-size:11px;
	margin:-2px 5px 0 9px;
	vertical-align:top;
}

/*----------------------------------------
			Single Post Holder
---------------------------------------- */
.single .post-holder {
	font-size:18px;
	line-height:30px;
	padding:0;
	margin:0 0 50px;
	border-bottom:none;
}
@media (min-width:992px) {	
	.post-inner {
		padding:0 45px 0 0;
	}
}

.single .post-content {
	overflow:visible;
}
	.single .featured-thumbnail {
		float:none;
		width:100%;
		height:auto;
		margin:0 0 37px;
		border:none;
		overflow:hidden;
	}
	
	.single .post-header {
		margin:0 0 26px;
	}
	
	@media (min-width:768px) {	
		.single .post-header {
			margin:0 0 34px;
		}
	}
	
	.single .post-meta {	
		font-size:15px;
	}

/*----------------------------------------
				Share Buttons
---------------------------------------- */
.share-box {
	display:none;
	width:80px;
	padding:12px 5px 0;
	background:#fff;
	border:1px solid #e5e5e5;
	position:absolute;
	top:0;
	left:-95px;
	margin:58px 0 0 0;
	z-index:20;
}

/* RoundUp Share Box */
.container-roundup .share-box {
	margin:0;
	left:-313px;
}
	.share-box:after {
		content:"";
		display:block;
		position:absolute;
		top:100%;
		left:-1px;
		width:80px;
		height:33px;
		background:url(images/shareleftbg.png) center top no-repeat;
	}

	.share-box  .share-social-btn {
		display:block;
		text-align:center;
		padding:4px 1px;
		margin:0;
	}

@media (min-width: 1300px) {
	.share-box.fixed-box {
		position:fixed;
		top:40px;
		left:50%;
		margin:0 0 0 -645px;
	}
}

@media (min-width: 1400px) {
	.share-box {
		left:-140px;
	}
	.share-box.fixed-box {
		margin:0 0 0 -690px;
	}
}

/*----------------------------------------
			Single RoundUp
---------------------------------------- */			
.container-roundup #content {
	float:none;
	margin: 0 auto;
}
@media (min-width:992px) {	
	.container-roundup .post-inner {
		padding:0 21px;
	}
}
/*----------------------------------------
		RoundUp - Header
---------------------------------------- */
#head-container {
    height:400px;
	vertical-align:top;
	background-size:cover;
	background-position:center-top;
	background-repeat:no-repeat;
    position:relative;
}
.head-container-roundup {
	float:none;
	height:400px;
	color:#fff;
	margin:0 auto;
	position:relative;
}
.head-container-wrapper {
	position:absolute;
	left:15px;
	right:15px;
    bottom:25px;
}
@media (min-width:600px) {	
	.head-container-wrapper {
		width:570px;
	}
}
@media (min-width:992px) {	
	.head-container-wrapper {
		left:36px;
		right:36px;
	}
}

.head-container-wrapper h1 {
    font-size:30px;
    line-height:40px;
	color:#fff;
	text-shadow:0 2px 3px #333;
	padding:0 0 25px;
	margin:0 0 10px;
    border-bottom:1px solid #868788;    
}
	.head-container-wrapper h1 span {
		display:table;
		text-shadow: 0 2px 1px #183d5e;
		font-weight:300;
		padding:10px 15px;
		margin:0 0 10px;
		background: rgba(31, 91, 142, 0.9);
	}

@media (min-width:600px) {	
	.head-container-wrapper h1 {
		font-size:38px;
		line-height:48px;
	}
}

.head-container-meta {
    font-size:15px;
}
	.head-container-meta .author {
		color:#96d4ff;
		font-weight:bold;
		text-transform:uppercase;
		padding:0 20px 0 0;
		margin:0 20px 0 0;
		position:relative;
	}
		.head-container-meta .author:before {
			content:"";
			position:absolute;
			right:0;
			height:12px;
			margin-top:6px;
			border-right:1px solid #ccc;
		}
		
/*----------------------------------------
		RoundUp - Table Bordered
---------------------------------------- */
table {
	margin: 60px 0;
}
table.bordered tr:first-child {
	border-top:3px solid #ccc;
}

.container-roundup table.bordered {
	width:100%;
}
.container-roundup table.bordered td {
	display:block;
	width:100%;
	line-height:15px;
	padding:10px 5px;
	vertical-align:middle;
	border-bottom:1px solid #ddd;
}

.container-roundup table.bordered img {
	border:none;
	margin:0 10px 0 0;
}

.container-roundup table.bordered td a {
	display:inline-block;
	font-size:13px;
	color:#0f75c0;
	font-weight:600;
	margin-top:3px;
}

@media (min-width:600px) {	
	.container-roundup table.bordered td {
		width:230px;
		display:table-cell;
	
		text-align:center;
	}
	.container-roundup table.bordered img {
		display:block;
		margin:0 auto 10px;
		position:relative;
	}
}
@media (min-width:992px) {	
	.container-roundup table.bordered {
		width:976px;
		margin-left:-200px;
		max-width:976px;
	}
}
@media (min-width:1200px) {	
	.container-roundup table.bordered {
		width:1100px;
		margin-left:-209px;
		max-width:1100px;
	}
	
	.container-roundup table.bordered td {
		text-align:left;
	}
	
	.container-roundup table.bordered img {
		display:inline-block;
		margin:0 10px 0 0;
	}
}	

.container-roundup #dd_ajax_float,
.dd_ajax_floa--roundup {
	left: -305px !important;
}

/*----------------------------------------
		RoundUp - Share this
---------------------------------------- */
.authorMetaBio {
	min-height:110px;	
	padding:15px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	position:relative;
}
	.authorMetaBio:after {
		content: '';
		position: absolute;
		width:0;
		height:0;
		border-right:9px solid transparent;
		border-left:9px solid transparent;
		border-top:9px solid #ccc;
		bottom:-10px;
		left:34px;
	}
	
.authorMetaBio .avatar {
    float:left;
	width:80px;
    height:80px;
    margin:0 20px 0 0;
    padding:0;
    border: 1px solid #ddd;
	border-radius:80px;	
}

.authorMetaBio h4 {
	font-size:18px;
	line-height:18px;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:4px 0;
}
	.authorMetaBio .postauthort a {
		font-size:18px;
		color:#0f75c0;
		font-style:normal;
	}

.authorMeta .tweetShare {
	float:right;
	font-size:11px;
	line-height:21px;
	color:#0f75c0;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	padding:4px 20px;
	margin:-18px 0 0 0;
	background-color:#f4f4f4;
	position:relative;
	z-index:9;
	cursor:pointer;
}
	.authorMeta .tweetShare i.fa {
		float: left;
		font-size:20px;
		vertical-align:top;
		margin:1px 5px 0 0;
	}
			
/*----------------------------------------
			Post Footer
---------------------------------------- */
.post-footer {
	margin:0 0 50px;
	border:1px solid #dddddd;
}
.container-roundup .post-footer {margin:0;}

@media (min-width:992px) {
	.post-footer {
		margin:0;
	}
}
	.post-footer h4 {margin:0 0 2px;}
	.post-footer h5 {margin:0 0 24px;}
	
	.post-footer .box-social h5 {margin:0 0 14px;}
	
.box-social {
	padding:26px 20px;
}
	.box-social h4,
	.box-social h5 {display:none;}
	
@media (min-width:768px) {
	.box-social {
		float:left;
		width:50%;
		padding:21px 24px 15px 27px;
	}
		.box-social h4,
		.box-social h5 {display:block;}
}
.post-footer .share-buttons {overflow:hidden;}
.post-footer .share-buttons .share-social-btn {
	float:left;
	width:25%;
	text-align:center;
	vertical-align:top;
}
	
@media (min-width:768px) {
	.post-footer .share-buttons .share-social-btn {
		width:auto;
		text-align:left;
		margin:0 0 0 20px;
	}
		.post-footer .share-buttons .share-social-btn:first-child {margin:0;}
}
@media (min-width:992px) {
	.post-footer .share-buttons .share-social-btn {
		margin:0 0 0 3px;
	}
}
@media (min-width:1200px) {
	.post-footer .share-buttons .share-social-btn {
		margin:0 0 0 20px;
	}
}
	
	.post-footer .share-buttons .share-social-btn > iframe,
	.post-footer .share-buttons .share-social-btn div span,
	.post-footer .share-buttons .share-social-btn > span {vertical-align:top!important;}


.box-form {
	display:none;
	float:left;
	width:50%;
	padding:21px 24px 36px 27px;
	border-left:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (min-width:768px) {
	.box-form {
		display:block;
	}
}	
	.box-form .form {position:relative;}
		.box-form .form-group {
			margin:0;
		}
		
		.box-form input[type='email'] {
			font-size:14px;
			line-height:20px;
			color:#bbb;
			width:100%;
			height:40px;
			padding:5px 12px;
			border:1px solid #ddd;
		}
		
		.box-form input[type='submit'] {
			font-size:14px;
			line-height:22px;
			color:#fff;
			font-weight:700;
			text-transform:uppercase;
			text-align:center;
			width:64px;
			height:40px;
			padding:5px;
			background:#fd8e42;
			border:none;
			border-radius:0;
			position:absolute;
			right:0;
			top:0;
			z-index:2;
		}
			.box-form input[type='submit']:hover {
				background:#ff7a20;
			}

/*----------------------------------------
			Comments
---------------------------------------- */			
.comments-wrapper {
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
}
@media (min-width:768px) {
	.comments-wrapper {
		padding:28px 32px;
	}
}
/*----------------------------------------
			WP Pagenavi
---------------------------------------- */
.wp-pagenavi {
	padding:0 20px;
	margin:-9px 0 0;
	border:none;
}
.wp-pagenavi a, 
.wp-pagenavi span {
	display:inline-block;
	font-size:12px;
	line-height:27px;
	color:#0f75c0!important;
	text-decoration:none;
	padding:0 10px;
	margin:0 2px;
	border:1px solid #eaeaea;
	background:#eaeaea;
	border-radius:3px;	
}
.wp-pagenavi span.current {
	font-weight:bold;
}

.wp-pagenavi .last, 
.wp-pagenavi .first {
    color:#0f75c0!important;
	border:1px solid #eaeaea;
	background:#eaeaea;
}

.wp-pagenavi .extend {
	color:#0f75c0!important;
	padding:0 5px;
	border:none;
	background:transparent;
}

.wp-pagenavi a:hover, 
.wp-pagenavi span.current  {
	color:#555!important;
	border:1px solid #e6e6e6;
	background:#fff!important;
}

@media screen and (max-width:500px){
	.wp-pagenavi.wp-pagenavi a.page:nth-child(5),
	.wp-pagenavi.wp-pagenavi a.page:nth-child(6),
	.wp-pagenavi.wp-pagenavi a.page:nth-child(7),
	.wp-pagenavi.wp-pagenavi a.page:nth-child(8),
	.wp-pagenavi.wp-pagenavi a.page:nth-child(9){
		display: none;
	}
}

/*----------------------------------------
			Back to Top
---------------------------------------- */
#back-top-wrapper {
	padding:23px 0 0;
	text-align:center;
}
	#back-top a {
		display:inline-block;
		width:100px;
		font-size:12px;
		line-height:20px;
		color:#999;
		text-transform:uppercase;
	}

	#back-top i.fa {
		display:block;
		font-size:25px;
		vertical-align:top;
		color:#cbcbcb;
	}
	
	#back-top a:hover,
	#back-top a:hover i.fa {
		color:#999;
	}

/*----------------------------------------
			Single Post - Back to Top
---------------------------------------- */	
.single #back-top-wrapper {
	padding:22px 0 0;
	text-align:center;
}
	.single #back-top a {
		width:100px;
	}
		.single #back-top i.fa {
			display:block;
			margin:-2px 7px 0 0;
		}

@media (min-width:992px) {
	.single #back-top-wrapper {
		text-align:right;
	}
	.single #back-top a {
		width:130px;
	}
	.single #sidebar #back-top i.fa {
		display:inline-block;
	}
}

.clear {
	clear: both;
	display: block;
}

/*----------------------------------------
			Image Styling
---------------------------------------- */
.alignnone,
a img.alignnone {
	margin:39px 0 29px 0;
}
.aligncenter,
a img.aligncenter {
	display:block;
	margin:39px auto 29px;
}
.alignright,
a img.alignright {
	float:right;
	margin:39px 0 29px 30px;
}
.alignleft,
a img.alignleft {
	float:left;
	margin:39px 30px 29px 0;
}

/*----------------------------------------
			WP Caption
---------------------------------------- */
.wp-caption {
	max-width:100%!important;
}
	.wp-caption p.wp-caption-text {
		font-size:16px;
		line-height:30px;
		color:#555;
		font-style:italic;
		padding:10px 0 0 0;
		margin:0;
	}

img.wp-smiley {
	vertical-align: middle;
}

/*----------------------------------------
			Sidebar
---------------------------------------- */
@media (min-width:1200px) {
	.sidebar-inner {
		padding:0 0 0 47px;
	}
}
	.widget-title {
		font-size:20px;
		line-height:23px;
		color:#000;
		margin:0 0 14px;
	}

/*----------------------------------------
			Author Meta (Author's Box)
---------------------------------------- */	
.author-meta {
	text-align:center;
	padding:27px 20px 41px;
	margin:0;
	border:1px solid #e1e1e1;
	overflow:hidden;
}
.container-roundup .author-meta {margin:50px 0 0;}
.author .author-meta {margin:0 0 50px;}

#sidebar .author-meta {display:none;}

	.author-avatar {
		display:block;
		width:82px;
		height:82px;
		margin:0 auto 7px;
		border:1px solid #e0e0e0;
		border-radius:82px;		
	}
		.author-avatar img {
			width:82px;
			height:82px;
			margin:0;
			border-radius:82px;		
		}
		
	.author-name {
		font-size:16px;
		line-height:22px;
		color:#000;
		font-weight:700;
		text-transform:uppercase;
		margin:0 0 10px;
	}
		.author-name a {color:#000;}
			.author-name a:hover {color:#0f75c0;}
			
	.author-social {
		display:inline-block;
		line-height:22px;
		padding:4px 25px;
		margin:0 0 25px;
		background:#f1f1f1;
		border-radius:15px;
	}
		.author-social a {
			display:inline-block;
			height:17px;
			margin:4px 9px 0;
		}
			.author-social span {		
				display:inline-block;
				vertical-align:top;
				font-size:17px;
				color:#0f75c0;
			}			
			.author-social a.author-link span {
				font-size:15px;
			}
			.author-social span.line {
				color:#ddd;
			}
			
			.author-social a:hover span {
				color:#000;
			}

	.author-desc {
		font-size:15px;
		line-height:24px;
		color:#000;
		font-style:italic;
	}

@media (min-width:550px) {
	.author-meta {
		text-align:left;
		padding:27px 20px;
	}
	
	.author-avatar {
		float:left;
		margin:0 30px 0 0;
	}
	.author-desc {
		overflow:hidden;
	}	
	.author-name {
		display:inline-block;
		margin:0 20px 15px 0;
	}
	.author-social {
		margin:0 0 15px;
	}
}

@media (min-width:992px) {
	#sidebar .author-meta {
		text-align:center;
		padding:27px 20px 41px;
		margin:0 0 34px;
	}
	
	.post-holder .author-meta {display:none;}
	
	#sidebar .author-meta,
	.container-roundup .post-holder .author-meta {
		display:block;
	}
	
	#sidebar  .author-avatar {
		float:none;
		margin:0 auto 7px;	
	}
	
	#sidebar .author-name {
		display:block;
		margin:0 0 10px;
	}
	
	#sidebar .author-social {
		margin:0 0 25px;
	}
}	
				
/*----------------------------------------
			Widget Subscribtion
---------------------------------------- */		
.widget-subscription {
	display:none;
	padding:28px 20px 36px;
	text-align:center;
	border:1px solid #e1e1e1;
}
	.widget-subscription .widget-title {
		font-size:19px;
		line-height:24px;
		margin:0 0 29px;
	}
	.widget-subscription .widget-logo {
		margin:0 0 32px;
	}

.widget-subscription .btn-primary {font-weight:400;}	
	.widget-subscription .btn-primary strong {font-weight:700;}
	
@media (min-width:992px) {
	.widget-subscription {
		display:block;
	}
	
	.widget-subscription.float_block {
		position:fixed;
		width:300px;
	}
}

.colophon-widget {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	margin: 0;
	min-height: 0;
	padding: 30px 0;
	margin-top: 6px;
}
.colophon-widget .widget-title {
	color: #000000;
	font-size: 22px;
	letter-spacing: -1px;
	text-align: left;
	text-transform: none;
}
.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"] {
	width: 100%;
}
#top-widget {
}
.top-widget {
	background: none;
	border: none;
	clear: right;
	float: right;
	min-height: 0;
	padding: 0 3px 0 0;
	text-align: right;
	width: 45%;
}
.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"] {
	width: auto;
}
.top-widget #searchform {
	margin: 0;
}
.searchform--wrapper {
	width: 335px;
}


/*----------------------------------------
			Footer
---------------------------------------- */
#footer {
	font-size:13px;
	line-height:18px;
	color:#fff;
	width:100%;
	background:#10466f;
    position:absolute;
    bottom:0;
	left:0;
}
.footer-top {padding:36px 0 20px 0;}
	@media (min-width:550px) {
		.footer-top {padding:36px 0 45px 0;}
	}
	
	.footer-top .col-footer.col-xs-6 {width:100%;}	
		@media (min-width:550px) {
			.footer-top .col-footer.col-xs-6 {width:50%;}
		}
		@media (min-width:768px) {
			.footer-top .col-footer.col-md-4 {width:33.33333333%;}
		}
	
	.col-footer {margin:36px 0 0;}
		@media (min-width:768px) {
			.col-footer {margin:0;}
		}
	
#footer h3 {
	font-size:15px;
	line-height:20px;
	color:#fff;
	font-weight:normal;
	text-transform: uppercase;
	margin:0 0 6px 0;
}
	
.footer-list {
	list-style:none;
	margin:0;
	padding:0;
}
	.footer-list li {
		display:block;
		font-size:13px;
		line-height:18px;
		color:#fff;
		padding:0;
		margin:0 0 6px 0;
		background:none;
	}
		.footer-list.fixed-width li {
			display:inline-block;
			width:47.5%;
			margin:0 2.5% 6px 0;
		}
		.footer-list.fixed-width li:nth-child(2n) {margin:0 0 6px 0;}
			@media (min-width:768px) {
				.footer-list.fixed-width li {
					display:inline-block;
					width:130px;
					margin:0 10px 6px 0;
				}
				.footer-list.fixed-width li:nth-child(2n) {margin:0 0 6px 0;}
			}			
			.footer-list li a {color:#95d3ff;}
			.footer-list li a:hover {
				color:#95d3ff;
				text-decoration:underline;
			}
			.footer-list li a.current {color:#fff;}

.footer-contacts {vertical-align:top;}
	.footer-contacts li a {color:#fff;}
		.footer-contacts li a.mail-link {color:#95d3ff;}
	
	.footer-contacts li .icon {
		display:inline-block;
		font-size:18px;
		margin:1px 0 0 0;
		vertical-align:top;
	}
	.footer-contacts li .contact-item {
		display:inline-block;
		width:40px;
		margin:0 0 0 5px;
		vertical-align:top;
	}	
		
.copyright {
	font-size:11px;
	line-height:15px;
	color:#b9c0c7;
	padding:16px 0;
	background:#0d3859;
}
	@media (min-width:768px) {
		.copyright {padding:16px 0 29px;}
	}

/*----------------------------------------
			Footer Widget Area
---------------------------------------- */
#footer-widget-area {float:left;}
@media (min-width:768px) {
	#footer-widget-area {float:right;}
}
.widget-area-inner {
	padding:0 0 33px;
	border-bottom:1px solid #3c6a8d;
}	
@media (min-width:768px) {
	.widget-area-inner {
		margin:5px 0 0 -20px;
		padding:0 0 0 19px;
		border-left:1px solid #28597e;
		border-bottom:none;
	}
}
@media (min-width:1200px) {
	.widget-area-inner {
		padding:0 5px 0 39px;
		margin:5px 0 0 10px;
	}
}

/* Footer Search Form widget */
.widget-searchForm {
	padding:9px;
	margin:0 0 24px;
	background:#0f436b;
	position:relative;
}
	@media (min-width:768px) {
		.widget-searchForm {
			margin:0 0 19px;
		}
	}
	#searchform {
		border:1px solid #245377;
		background:#27567a;
		position:relative;
		overflow:hidden;
	}
		#searchform .searching {
			float:left;
			width:100%;
			height:55px;
			font-size:14px;
			line-height:24px;
			color:#fff;
			font-family: "Open Sans", sans-serif;
			font-style:italic;
			padding:5px 80px 5px 10px;
			border:none;
			background:transparent;
		}
		#searchform .searching::-moz-placeholder {color:#fff;}
		#searchform .searching::-webkit-input-placeholder {color:#fff;}
		#searchform .searching:-ms-input-placeholder {color:#fff;}
		#searchform .searching:-moz-placeholder {color:#fff;}
		
		@media (min-width:768px) {
			#searchform .searching {
				height:44px;
			}
		}
		
		#searchform .btn-submit {
			display:block;
			width:46px;
			height:55px;
			padding:0;
			border:none;
			background:url(images/bg-submit.png) center center no-repeat;
			position:absolute;
			top:0;
			right:0;
			z-index:2;
		}
			@media (min-width:768px) {
				#searchform .btn-submit {
					width:46px;
					height:44px;
				}
			}
			#searchform .btn-submit:hover {background-color:#3a6485;}
		
		#searchform	.close {	
			display:none;
			float:none;
			font-size:20px;
			color:#fff;
			text-shadow:none;
			position:absolute;
			top:18px;
			right:65px;
		}
			@media (min-width:768px) {
				#searchform	.close {
					top:12px;
				}
			}
		
/* Social widget */
.widget-social {
	overflow:hidden;
}
	#footer .widget-social h3 {
		float:left;
		font-size:14px;
		line-height:30px;
		color:#90a0b1;
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:normal;
		text-transform:none;
		margin:0 10px 0 0;
	}
	@media (min-width:400px) {
		#footer .widget-social h3 {
			padding:0 0 0 20px;
		}
	}
	@media (min-width:768px) {
		#footer .widget-social h3 {
			font-size:12px;
			line-height:18px;
			padding:0;
		}
	}
	@media (min-width:992px) {
		#footer .widget-social h3 {
			padding:0 0 0 20px;
		}
	}
	.social-items {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
		.social-items li {
			display:inline-block;
			margin:0 0 0 11px;
			padding:0;
			background:none;
		}
		@media (min-width:400px) {
			.social-items li {
				margin:0 0 0 24px;
			}
		}
		@media (min-width:768px) {
			.social-items li {
				margin:0 0 0 7px;
			}
		}
		@media (min-width:992px) {
			.social-items li {
				margin:0 0 0 16px;
			}
		}
			.social-items li a {
				font-size:30px;
				line-height:30px;
				vertical-align:top;
			}
				.social-items li a i {
					font-size:30px;
					line-height:30px;
					color:#587e9a;
					vertical-align:top;
				}
				
				.social-items li a:hover i {color:#fff;}
			
			@media (min-width:768px) {
				.social-items li a,
				.social-items li a i {
					font-size:23px;
					line-height:23px;
				}
			}

/*----------------------------------------
			Forms default
---------------------------------------- */
input, 
select, 
textarea { 
	vertical-align:middle;
	font-size:14px;
	line-height:20px;
	color:#bbb;
	font-weight:400;
	font-family:'Open Sans', sans-serif;
	border:1px solid #ddd;
	outline:none;
}
input[type="text"], 
input[type="email"],
textarea {
	height:40px;
	padding:5px 12px;
	border:1px solid #ddd;
	background:#fff;
	border-radius:0;
	position:relative;
	resize:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
textarea {
	height:100px;
}
input[type="submit"], 
input[type="reset"] {
	display:inline-block;
	cursor:pointer;
	height:40px;
	font-size:14px;
	line-height:22px;
	color:#fff;
	text-transform:uppercase;
	padding:5px 20px;
	font-weight:700;
	font-family:'Open Sans', sans-serif;
	background:#fd8e42;
	border:none;
	border-radius:0;
	position:relative;
}
input[type="submit"]:hover, 
input[type="reset"]:hover {
	color:#fff;
	background:#ff7a20;
}

/*----------------------------------------
			Searchform Main
---------------------------------------- */	
#searchform-main .searching {width:225px;}	

/*----------------------------------------
			Page 404
---------------------------------------- */
.page-404 {
	text-align:center;
}
	.page-404 h2 {
		font-size:20px;
		margin:0 0 40px 0;
		position:relative;
	}
	@media (min-width:440px) {
		.page-404 h2 {
			font-size:28px;
			margin:0 0 62px 0;
		}
	}
		.page-404 h2:after {
			display:block;
			content:"";
			width:48px;
			height:19px;
			background:url(images/service/arrow-right-down@2x.png) 0 0 no-repeat;
			background-size:100% auto;
			position:absolute;
			left:50%;
			top:100%;
			margin:6px 0 0 -24px;
			
		}
	
	.image-404 {margin:0 0 11px;}
	.top-shadow {
		font-size:11px;
		padding:12px 0 0 0;
		background:url(images/service/bottom-shadow.png) center top no-repeat;
	}
	@media (min-width:440px) {
		.top-shadow {
			font-size:14px;
		}
	}
		.top-shadow a {
			font-weight:700;
			position:relative;
		}
		
		.top-shadow a:after {
			display:block;
			content:"";
			width:30px;
			height:36px;
			background:url(images/service/ahrefs-hand-blue@2x.gif) 0 0 no-repeat;
			background-size:100% auto;
			position:absolute;
			top:100%;
			left:50%;
			margin:3px 0 0 -15px;
		}

/*----------------------------------------
			Ebook
---------------------------------------- */
.ebookpromotional--bar {
	display:none;
	width:100%;
	height:150px;
	background:#223d5b;
	position:fixed;
	top:-150px;
	opacity: 0;
	z-index:10;
}
.ebookpromotional--bar .book,
.ebookpromotional--bar .content {
	float:left;
}
	.ebookpromotional--bar .book {
		width:120px;
		padding-top:20px;
	}
	.ebookpromotional--bar .content h3 {
		font-size:22px;
		color:#fff;
		font-weight:600;
		text-align:left;
		margin:31px 0 11px 0;
	}
	.ebookpromotional--bar .content cite {
		display:block;
		font-size:18px;
		line-height:24px;
		color:#7aa8df;
		max-width:360px;
	}

	.ebookpromotional--bar .button {
		float:right;
	}
.ebookpromotional--bar .button button {
	font-size:16px;
	color:#000;
	font-weight:600;
	text-transform: uppercase;
	margin-top:50px;
	padding:15px 30px;
	background:#ffd21c;
	border:none;
	border-bottom:2px solid #f1b014; 
	overflow: hidden;
}
	.ebookpromotional--bar .button button:hover {
		background:#ffdd51;
	}
	.ebookpromotional--bar .button button span {
		display: inline-block;
		font-size:41px;
		font-weight:300;
		vertical-align:top;
		margin-top:-6px;
		margin-left:10px;
	}
	.ebookpromotional--bar .container {
		position:relative;
	}
	.ebookpromotional--bar .fa-times-circle {
		cursor:pointer;
		font-size:25px;
		color:#4e647c;
		position:absolute;
		top:10px;
		right:-30px;
	}
		.ebookpromotional--bar .fa-times-circle:hover {
			opacity: 0.8;
		}
		
/*----------------------------------------
                        Popup
---------------------------------------- */
.bg-overlay {
    display:none;
    background:rgba(4,5,10,.6);
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:100;
}
.popup-box {
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:101;
}
.box-content {
    width:644px;
    background:url(images/bg-popup.jpg) 0 0 no-repeat #fff;
    /*top:207px;*/
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    left:50%;
    margin-left:-322px;
    top:50%;
    margin-top:-218px;
}
.box-inner {padding:25px 55px 30px;}


.btn-close {
    width:29px;
    height:29px;
    font-size:0;
    line-height:0;
    background:url(images/bg-close.png) 0 0 no-repeat;
    position:absolute;
    top:-15px;
    right:-14px;
}
	.btn-close:hover {
		opacity:0.75;
	}
/*----------------------------------------
            Complete
---------------------------------------- */
.diagram-line {
    height:2px;
    border:1px solid #e2e2e2;
    background:#fff;
    margin:0 0 32px;
    position:relative;
}
.complete {
    height:4px;
    width:50%;
    background:url(images/loading.gif) 0 0 no-repeat;
    position:absolute;
    left:0;
    top:-1px;
}

#pbox h3 {
    font-size:26px;
    line-height:30px;
    color:#343433;
    font-family:"Open Sans";
    font-weight:800;
    letter-spacing:-1px;
    text-align:center;
    margin:0 0 30px;
}

#pbox h6 {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-family: "Open Sans";
    font-weight: 700;
    text-align:center;
    text-transform:uppercase;
    margin: 0 0 11px;
}

/*----------------------------------------
            Ebook Form
---------------------------------------- */
#pbox fieldset {
    border: 0px;
}
#pbox .field {
    margin:0 0 9px;
    position:relative;
}
#pbox input.form-control {
    width:100%;
	height:42px;
    font-size:16px;
    line-height:20px;
    color:#9b9b9b;
    font-family:"Open Sans";
    font-weight:400;
    padding:5px 15px;
    background:#fff;
    border:1px solid #d0dce2;
	border-radius:2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Error */
#pbox .field.error:after {
    display:block;
    content:'';
    width:24px;
    height:24px;
    background:url(images/error-icon.png) 0 0 no-repeat;
    position:absolute;
    left:100%;
    top:50%;
    margin:-12px 0 0 15px;
}
#pbox .error .form-control {
    background:#ffebeb;
    border:1px solid #ff8989;
}

#pbox .error-msg {
    display:none;
    font-size:14px;
    line-height:20px;
    color:#ff4b4b;
    font-family:"Open Sans";
    font-weight:400;
    text-align:center;
    padding:6px 0 0 0;
}
.error-msg.error {display:block;}

#pbox input.form-control::-webkit-input-placeholder {color:#545252;}
#pbox input.form-control::-moz-placeholder          {color:#545252;}/* Firefox 19+ */
#pbox input.form-control:-moz-placeholder           {color:#545252;}/* Firefox 18- */
#pbox input.form-control:-ms-input-placeholder      {color:#545252;}

#pbox input.form-control:focus::-webkit-input-placeholder {color: transparent}
#pbox input.form-control:focus::-moz-placeholder          {color: transparent}
#pbox input.form-control:focus:-moz-placeholder           {color: transparent}
#pbox input.form-control:focus:-ms-input-placeholder      {color: transparent}

/*----------------------------------------
                Book
---------------------------------------- */
.book {
    float:left;
    margin:0 -5px 0 0;
}
.book-info {
    font-size:16px;
    line-height:19px;
    color:#3f3f3f;
    font-weight:300;
    text-align:center;
    padding:25px 30px 0 0;
    overflow:hidden;
}
.book-info p {
    padding: 0 140px;
    margin:0 0 24px;
}

.popup-book .book {
    margin:5px 23px 0 -41px;
}
.popup-book .book-info {
    text-align:left;
    padding:0 19px 0 0;
    overflow:visible;
}
/*----------------------------------------
            Ebook Button
---------------------------------------- */
#pbox .form-buttons {
    padding:24px 0 0 0;
    text-align:center;
}
#pbox .button {
    display:inline-block;
    cursor:pointer;
    font-size:18px;
    line-height:24px;
    color:#fff;
    font-family:"Open Sans";
    font-weight:400;
    text-decoration:none;
    text-transform:uppercase;
    padding:13px 64px 11px 24px;
    background:#eb792a;
    border:1px solid #ed8b46;
    border-radius: 3px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#pbox .button:hover {
    background-color:#e26e1e;
    border-color:#e26e1e;
}
#pbox .btn-text {
    display:inline-block;
	text-shadow:0 1px 0 #fff;
    position:relative;
}
#pbox .btn-text:after {
    content:'';
    display:inline-block;
    width:20px;
    height:18px;
    margin-left:17px;
    background:url(images/arrow-small.png) 0 0 no-repeat;
    position:absolute;
    left:100%;
    top:3px;
}

/* #Clearing
================================================== */
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}

.clearfix:after {clear: both;}
.clearfix {zoom: 1;}


/* #Post boxes
================================================== */
.problem-box, .solution-box, .takeaway-box {
    padding-left:60px;
    margin-bottom:20px;
    min-height:40px;
    background-size:30px 30px;
    background-repeat:no-repeat;
    background-position:top-left;
}
.problem-box {
    background-image:url('images/icon-cross.png');
}
.solution-box {
    background-image:url('images/icon-tick.png');
}
.takeaway-box {
    background-image:url('images/icon-info.png');
}
.point-box {
    margin-top:40px;
    padding-right:30px;
    margin-bottom:40px;
    font-size:0.9em;
    border-bottom:1px dotted #ccc;
}