/* ==============================================================

Project:	AppMe - App Landing Page Template
Info:		https://themeforest.net/item/appme-app-landing-page-template/21994945
Version:	1.0
Author:		AthenaStudio
Profile:	https://themeforest.net/user/athenastudio

-----------------------------------------------------------------
					*** TABLE OF CONTENTS ***
-----------------------------------------------------------------

	1.	General
	2.	Loader
	3.	Buttons
	4.	Navigation
	5.	Slider
	6.	Sections
	7.	Features
	8.	Parallax video
	9.	Screenshots
	10.	Team
	11.	Counters
	12.	Subscribe
	13.	Testimonials
	14.	Pricing
	15.	Support
	16.	Contact
	17.	Footer
	18.	Blog
	19.	Single blog post
	
=============================================================*/

/*********************
    - 1. General -
*********************/
body {
	font-size:14px;
	font-family:"Montserrat", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0;
	font-family:"Montserrat", sans-serif;
	font-weight:700;
}

img {
	max-width:100%;
}

a {
	color:#444;
	-webkit-transition:.3s;
	   -moz-transition:.3s;
			transition:.3s;
}

a:hover {
	text-decoration:none;
	outline:0;
}

a:focus {
	text-decoration:none;
	outline:0;
}

p {
	margin-bottom:20px;
}

/********************
    - 2. Loader -
********************/
.preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:9999999;
}

.spinner-loader {
    position:absolute;
    top:50%;
    left:50%;
	width:50px;
    height:50px;
	margin-left:-25px;
	margin-top:-25px;
    text-align:center;
    font-size:10px; 
}

.spinner-loader > div {
    height:100%;
    width:6px;
	margin-right:3px;
	border-radius:3px;
    display:inline-block;
    -webkit-animation:loader-stretchdelay 1.2s infinite ease-in-out;
    		animation:loader-stretchdelay 1.2s infinite ease-in-out;
}

.spinner-loader > div:last-child {
	margin-right:0;
}

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

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

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

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

@-webkit-keyframes loader-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform:scaleY(0.5);
				transform:scaleY(0.5);
    }
	
    20% {
        -webkit-transform:scaleY(1);
				transform:scaleY(1);
    }
}

@keyframes loader-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform:scaleY(0.5);
				transform:scaleY(0.5);
    }
	
    20% {
        -webkit-transform:scaleY(1);
				transform:scaleY(1);
    }
}

/*********************
    - 3. Buttons -
*********************/
.btn-custom {
	display:inline-block;
	border:1px solid;
	border-radius:2px;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	padding:10px 25px;
	text-align:center;
}

.btn-custom i {
	margin-right:6px;
}

.btn-fill {
	position:relative;
	box-shadow:0 0 1px transparent;
	transition:all 0.3s;
	-webkit-transform:perspective(1px) translateZ(0);
			transform:perspective(1px) translateZ(0);
	-webkit-transition-property:color;
			transition-property:color;
	-webkit-transition-duration:0.3s;
			transition-duration:0.3s;
}

.btn-fill:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-transform:scaleX(0);
			transform:scaleX(0);
	-webkit-transform-origin:0 50%;
			transform-origin:0 50%;
	-webkit-transition-property:transform;
			transition-property:transform;
	-webkit-transition-duration:0.3s;
			transition-duration:0.3s;
	-webkit-transition-timing-function:ease-out;
			transition-timing-function:ease-out;
	-webkit-transform-origin-x:0px;
	-webkit-transform-origin-y:50%;
}

.btn-fill:hover {
	color:#fff;
}

.btn-fill:hover:before {
	-webkit-transform:scaleX(1);
    		transform:scaleX(1);
}

/* Download */
.btn-download {
	position:relative;
	display:inline-block;
	color:#fff;
	background:rgba(255, 255, 255, 0.1);
	border-radius:2px;
	border:1px solid rgba(255, 255, 255, 0.3) !important;
	padding:8px 20px 6px 60px;
	font-size:20px;
	font-weight:600;
	min-width:220px;
	margin-right:20px;
	margin-bottom:20px;
	text-align:left;
	transition:all 0.1s linear;
}

.btn-download span {
	font-size:14px;
	display:block;
	font-weight:400;
	letter-spacing:0.04em;
}

.btn-download i {
	font-size:32px;
	position:absolute;
	top:14px;
	left:16px;
}

.btn-download:focus,
.btn-download:hover {
	border-color:#fff !important;
	color:#fff !important;
}

/************************
    - 4. Navigation -
************************/
.navbar {
	margin-bottom:0;
}

.navbar-brand {
	padding:35px 15px 0;
	height:auto;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

.navbar-default {
	background:none;
	border:0;
	z-index:8;
	-webkit-transition:all 1s;
	   -moz-transition:all 1s;
			transition:all 1s;
}

.navbar-nav li {
	padding:30px 0;
	margin:0 2px;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

.nav li {
    position:relative;
}

.navbar-default .navbar-nav > li > a {
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	padding:5px 12px; 
	position:relative;
	border:1px solid transparent;
}

.nav ul {
	display:none;
	padding:0;
	min-width:200px;
	list-style:none;
    position:absolute;
	top:100%;
	left:0;
	border:0;
	margin-top:0px;
}

.nav ul li {
	transition:all 0.4s;
	margin:0;
}

.nav ul li:hover {
	background:rgba(255, 255, 255, 0.14);
}

.nav li:hover a {
	border-radius:2px;
	border:1px solid rgba(255, 255, 255, 0.5);
}

.nav ul li a {
	font-size:13px;
	border:none !important;
}

.nav .active a {
	background:none !important;
	color:#fff !important;
	border-radius:2px;
	border:1px solid rgba(255, 255, 255, 0.5) !important;
	transition:all 0.3s;
}

.nav ul li a {
	display:block;
	color:#fff;
	padding:12px 20px;
}

.nav .active ul li a {
	border:none !important;
}

.nav ul ul {
	left:100%;
	top:0;
	margin-top:-1px;
}

.nav ul li {
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	border-bottom:1px solid rgba(255, 255, 255, 0.12);
}

.nav ul li:last-child {
	border-bottom:none;
}

.sticky-header {
	background:#111;
	border-bottom:0;
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

.sticky-header .navbar-brand {
	padding-top:19px;
}

.sticky-header .navbar-nav>li {
	padding:15px 0;
}

.sticky-header .navbar-brand h1,
.sticky-header .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color:#fff;
}

/********************
    - 5. Slider -
********************/
.banner {
	position:relative;
	top:0px;
	left:0;
	width:100%;
	padding:168px 0 54px;
}

.banner:after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.9;
	background: linear-gradient(90deg, #0A21FF, #0999ff00) !important;
}

.banner .row {
	position:relative;
	z-index:1;
}

.header-content {
	padding-top:50px;
}

.header-content h2 {
	font-size:48px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
}

.header-content p {
	font-size:18px;
	color:#fff;
	line-height:1.6em;
	margin-bottom:40px;
}

.download-button a {
	margin-right:20px;
	color:#fff;
	border-color:#fff;
	border-radius: 10px;
}

.download-button a:before {
	background:#fff;
	border-radius: 10px;
}

/* Slider */
.header-slider {
	text-align:center;
}

.slider-image img {
	display:inline-block !important;
	width:auto !important;
	max-width:100%;
}

.header-slider .owl-dots .owl-dot {
	display:inline-block;
	margin-top:25px;
}

.header-slider .owl-dots .owl-dot span {
    width:10px;
    height:10px;
	margin:5px 3px;
    display:block;
    transition:all 0.3s;
    border-radius:20px;
    background:#fff;
}

.header-slider .owl-dots .active span {
	width:30px;
}

/* Video */
.video-bg .header-content {
	padding:50px 0 100px;
	text-align:center;
}

/**********************
    - 6. Sections -
**********************/
section {
	position:relative;
	background:#fff;
	padding:100px 0;
}

section.bg-grey {
	background:#f7f7f7;
}

/* Parallax background */
.parallax-bg {
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-size:cover;
}

/* Section title */
.section-title {
	text-align:center;
	margin-bottom:70px;
}

.section-title h2 {
	position:relative;
	clear: both;
	display:inline-block;
	font-size:35px;
	color:#000;
	font-weight:300;
	margin-left: 14px;
	margin-bottom:20px;
	text-transform:uppercase;
}

.section-title h2:before {
	content:"";
	position:absolute;
	top:6px;
	left:-15px;
	height:26px;
	width:6px;
	-webkit-transform:skewX(-10deg);
	   -moz-transform:skewX(-10deg);
			transform:skewX(-10deg);
}

.section-title h2 > strong {
	font-weight:700;
}

.section-title p {
	font-size:14px;
	color:#7f7f7f;
	margin-bottom:0;
}

/* White */
.section-title.white h2,
.section-title.white p {
	color:#fff !important;
}

.section-title.white h2:before {
	background:#fff !important;
}

/**********************
    - 7. Features -
**********************/
.feature-single {
	position:relative;
	text-align:center;	
}

.feature-single .icon {	
    display:inline-block;
    font-size:52px;
    margin-bottom:10px;
}

.feature-single h3 {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	padding:10px 0;
	transition:all 0.3s;
}

.feature-single p {
	color:#666;
	font-size:14px;
	line-height:1.5em;
}

.feature-mobile {
	padding-top:50px;
	margin-bottom:-150px;
	z-index:2;
}

/* Key features */
section.key-features {
	padding-bottom:0;
	overflow:hidden;
}

.key-features .section-title {
	padding-top:20px;
}

.feature-box {
	position:relative;
	display:block;
	width:100%;
	margin-bottom:30px;
}

.feature-box.box-left:last-child {
	margin-bottom:0;
}

.feature-box:after {
    content:"";
    clear:both;
    display:block;
}

.feature-box.box-left {
	padding-right:90px;
	text-align:right;
}

.feature-box.box-right {
	padding-right:0;
	padding-left:90px;
	text-align:left;
}

.feature-box .box-icon {
    position:absolute;
    right:0;
    top:0;
    width:70px;
    height:70px;
    text-align:center;
    border:1px solid #000;
    line-height:70px;
    border-radius:100%;
    font-size:30px;
	transition:all 0.3s;
}

.feature-box.box-right .box-icon {
	right:auto;
	left:0;
}

.feature-box:hover .box-icon {
    color:#fff;
}

.feature-box .box-title {
    text-transform:uppercase;
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
	transition:all 0.3s;
}

.feature-box .box-text {
    font-size:14px;
	line-height:1.5em;
	color:#666;
}

.feature-center {
	margin-bottom:-150px;
}

/****************************
    - 8. Parallax video -
****************************/
.parallax-video {
	color:#fff;
}

.video-control {
	width:70px;
	text-align:center;
	color:#fff;
	cursor:pointer !important;
}

.video-control i {
	cursor:pointer !important;
	font-size:18px;
	line-height:64px;
	width:70px;
	border:3px solid #fff;
	border-radius:50%;
	-moz-backface-visibility:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.video-control i.fa-play {
	text-indent:4px;
}

.video-control:hover i {
	background-color:#fff;
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
			transform:scale(1.12);
}

.watch-text {
	text-align:center;
	text-transform:uppercase;
	font-size:30px;
	font-weight:700;
	margin-top:30px;
}

/*************************
    - 9. Screenshots -
*************************/
.screenshot-slider .owl-item img {
	border-radius:2px;
}

.screenshot-slider .owl-dots {
	text-align:center;
	margin-top:40px;
}

/* Dots */
.screenshot-slider .owl-dots .owl-dot {
	display:inline-block;
}

.screenshot-slider .owl-dots .owl-dot span {
    width:10px;
    height:10px;
	margin:5px 3px;
    display:block;
    transition:all 0.3s;
    border-radius:20px;
    border:1px solid #000;
}

.screenshot-slider .owl-dots .active span {
	 width:30px;
}

.screenshot-slider .owl-nav {
	margin-top:30px;
	text-align:center;
}

/* Arrows */
.screenshot-slider .owl-nav .owl-prev,
.screenshot-slider .owl-nav .owl-next {
	display:inline-block;
	width:34px;
	height:34px;
	border:1px solid #c8c8c8;
	margin:0 4px;
	color:#212121;
	padding-top:6px;
	border-radius:50%;
	transition:all 0.3s;
}

.screenshot-slider .owl-nav .owl-prev:hover,
.screenshot-slider .owl-nav .owl-next:hover {
	color:#fff;
}

/*******************
    - 10. Team -
*******************/
.team-member {
    position:relative;
    background-color:#fff;	
    transition:all 0.3s;
	overflow:hidden;
}

[class^="col-"]:last-child .team-member {
	margin-bottom:0 !important;
}

.team-member .team-image img {
    width:100%;
	border-radius:2px;
}

.team-member .team-details {
    position:absolute;
    left:0;
    bottom:0;
    background-color:#fff;
    width:100%;
	border-radius:0 0 2px 2px;
    transition:all 0.3s;
}

.team-member:hover .team-details {
    bottom:0;
}

.team-member .team-details .team-title-box {
    position:absolute;
    left:0;
    bottom:0;
	width:100%;
	padding:15px 10px;
    text-align:center;
    background-color:rgba(255, 255, 255, 0.8);
	transition:all 0.3s;
}

.team-member:hover .team-details .team-title-box {
	background-color:#fff;
    bottom:100%;
}

.team-member .team-details .team-title-box .title {
    text-transform:uppercase;
    font-weight:700;
	margin-top:3px;
	transition:all 0.3s;
}

.team-member .team-details .team-title-box .position {
    color:#666;
}

.team-member .team-details .team-social {
    text-align:center;
    padding:15px 0;
    margin-bottom:-100%;
	border-radius:0 0 2px 2px;
    transition:all 0.3s;
}

.team-member:hover .team-details .team-social {
    margin-bottom:0;
}

.social-links > a {
   	display:inline-block;
	color:#666;
	font-size:16px;
	line-height:16px;
	margin:0 12px;
	transition:all 0.3s;
}

/***********************
    - 11. Counters -
***********************/
.counter {
	text-align:center;
	overflow:hidden;
	color:#fff;
}

.counter .icon {
	position:relative;
	display:block;
	font-size:40px;
	line-height:40px;
	font-weight:normal;
	margin-bottom:20px;
	text-align:center;
	cursor:default;
}

.counter-content {
	border-right:1px solid rgba(255, 255, 255, 0.15);
}

[class^="col-"]:last-child .counter-content {
	border-right:0;
}

.counter-content h5 {
	font-weight:700;
	font-size:45px;
	line-height:45px;
	margin-bottom:20px;
}

.counter-content p {
	font-size:16px;
	line-height:16px;
}

/************************
    - 12. Subscribe -
************************/
.subscribe-form {
	text-align:center;
}

.subscribe-form .form-control {
	font-family:"Montserrat", sans-serif;
	font-size:14px;
	background:#fff;
	border:1px solid #e0e0e0;
	border-right:none;
	box-shadow:none;
	border-radius:2px;
	height:54px;
	min-width:400px;
	padding:0 20px;
	transition:all 0.3s;
}

.subscribe-form .btn-subscribe {
	font-family:"Montserrat", sans-serif;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	height:54px;
	font-weight:600;
	border:none;
	border-radius:0 2px 2px 0;
	padding:0 30px;
	margin-left:-4px;
	outline:0;
}

.subscribe-form .btn-subscribe:focus {
	color:#fff;
	box-shadow:none;
	outline:0;
}

/***************************
    - 13. Testimonials -
***************************/
.testimonial-carousel .carousel-text {
    margin-bottom:50px;
}

.testimonial-carousel .carousel-text .single-box {
    width:620px;
    text-align:center;
    margin:0 auto;
}

.testimonial-carousel .carousel-text .single-box p {
    font-size:25px;
    line-height:1.5em;
}

.testimonial-carousel .carousel-images .slick-slide img {
    cursor:pointer;
    padding:12px;
    transition:all 0.3s;
    opacity:0.5;
}

.testimonial-carousel .carousel-images .slick-slide .client-info {
    margin-top:25px;
    text-align:center;
    transition:all 0.3s;
    visibility:hidden;
    opacity:0;
}

.testimonial-carousel .carousel-images .slick-slide .client-info h3 {
    text-transform:uppercase;
    font-size:15px;
    margin:0 0 5px 0;
}

.testimonial-carousel .carousel-images .slick-slide .client-info span {
    display:block;
}

.testimonial-carousel .carousel-images .slick-slide:active,
.testimonial-carousel .carousel-images .slick-slide:focus {
    outline:none;
}

.testimonial-carousel .carousel-images .slick-center img {
    padding:0;
    opacity:1;
}

.testimonial-carousel .carousel-images .slick-center .client-info {
    visibility:visible;
    opacity:1;
}

/**********************
    - 14. Pricing -
**********************/
.price-table {
    border-radius:2px;
    text-align:center;
    width:100%;
	background-color:#fff;
    -webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
    		box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);    
    -webkit-transform:translateY(0);
       -moz-transform:translateY(0);
        	transform:translateY(0);
    transition:all 0.3s;
}

.price-table:hover {
    -webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
    		box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform:translateY(-5px);
       -moz-transform:translateY(-5px);
        	transform:translateY(-5px)
}

.price-table .price-title {
    padding:30px 30px 20px 30px;
    border-bottom:1px solid #e0e0e0;
    margin-bottom:0;
    text-transform:uppercase;
    font-weight:700;
    transition:all 0.3s;
}

.price-table .price-content {
    padding:60px 30px;
}

.price-table .price-content .price-rate {
    margin-bottom:20px;
}

.price-table .price-content .price-rate .currency {
    font-weight:700;
    font-size:14px;
}

.price-table .price-content .price-rate .rate {
    font-weight:700;
    font-size:40px;
    transition:all 0.3s;
}

.price-table .price-content .price-rate .time:before {
    content:"/";
    margin-right:5px;
}

.price-table .price-content ol,
.price-table .price-content ul {
    list-style:none;
    margin:0;
    padding:0;
}

.price-table .price-content ol li,
.price-table .price-content ul li {
    margin-bottom:10px;
}

.price-table .price-content ol li:last-child,
.price-table .price-content ul li:last-child {
    margin-bottom:0;
}

.price-table .price-footer {
    border-top:1px solid #e0e0e0;
    padding:30px;
}

/**********************
    - 15. Support -
**********************/
.faq-support .panel {
	border:none;
	border-radius:0;
	box-shadow:none;
	margin-bottom:8px;
}

.faq-support .panel-heading {
	padding:0;
	border:1px solid #e0e0e0;
	border-radius:2px;
}

.faq-support .panel-heading h4 {
	font-size:16px;
	font-weight:600;
	cursor:pointer;
}

.faq-support .panel-heading h4 a {
	display:block;
	padding:16px 40px 16px 16px;
}

.faq-support .panel-body {
	border:1px solid #e0e0e0;
	border-top:none !important;
	border-radius:0 0 2px 2px;
}

.faq-support .panel-body p {
	font-size:14px;
	line-height:1.5em;
}

.faq-support .panel-body p:last-child {
	margin-bottom:0;
}

.faq-support .panel-heading  .panel-title a {
	position:relative;
}

.faq-support .panel-heading  .panel-title a:after {
	content:'\f106';
	font-family:'FontAwesome';
	position:absolute;
	right:20px;
	top:18px;
}

.faq-support .panel-heading  a.collapsed:after {
	content:'\f107';
	font-family:'FontAwesome';
	position:absolute;
	right:20px;
	top:18px;
}

/**********************
    - 16. Contact -
**********************/
.contact-us {
	padding:100px 0;
}

.contact-form {
	max-width:748px;
	margin:0 auto;
}

.contact-form .form-group {
	margin-bottom:20px;
}

.contact-form .form-control {
	font-family:"Montserrat", sans-serif;
	width:100%;
	border:1px solid #e0e0e0;
	box-shadow:none;
	border-radius:2px;
	padding-left:20px;
	padding-right:20px;
	min-height:50px;
	font-size:14px;
}

.btn-contact {
	background:transparent;
	outline:0;
}

.btn-contact:hover{
	color:#fff;
}

/* Contact info */
.contact-right {
	padding-left:5% !important;
}

.contact-box {
	margin-bottom:40px;
}

.contact-box h4 {
	clear:both;
	font-weight:700;
	font-size:16px;
	margin-bottom:20px;
	text-transform:uppercase;
}

.contact-box p {
	clear:both;	
}

/*********************
    - 17. Footer -
*********************/
footer {
	padding:60px 0;
	background:#212121;
	text-align:center;
}

.footer-logo,
.footer-social {
	margin-top:20px;
}

.footer-social ul {
	padding-left:0;
}

.footer-social ul li {
	display:inline-block;
	padding:0 4px;
}

.footer-social ul li a {
	display:block;
	color:#fff;
	font-size:16px;
	line-height:16px;
	margin:0 6px;
	transition:all 0.3s;
}

.copyright-text {
	margin-top:20px;
}

.copyright-text p {
	color:#b0b0b0;
	font-size:13px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:0;
}

.copyright-text a {
	color:#fff;
	font-weight:700;
}

.to-top {
	display:inline-block;
	width:35px;
	height:35px;
	margin:0 auto;
}

.to-top i {
	cursor:pointer !important;
	font-size:18px;
	line-height:31px;
	width:35px;
	height:35px;
	color:#fff;
	border:2px solid #fff;
	border-radius:50%;
	-moz-backface-visibility:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}

.to-top:hover i {
	background-color:#fff;
	color:#282828;
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
	  	 -o-transform:scale(1.12);
		-ms-transform:scale(1.12);
			transform:scale(1.12);
}

.mfp-close-btn-in .mfp-close {
	position:absolute;
}

/*******************
    - 18. Blog -
*******************/
.blog-home .blog-about {
	padding:10px 0 20px 0;
	margin:0; 
}

.blog-home .blog-about li {
	margin-right:15px;
	display:inline-block;
}

.blog-home .blog-about li a,
.blog-home .blog-about li {
	font-size:12px;
	font-weight:normal;
}

.blog-home .blog-about li i {
	color:#cfcfcf;
	margin-right:5px;
}

.blog-home .blog .blog-col > a {
	display:block;
	background:#fff;
}

.blog-home .blog-img {
	width:100%;
	transition:.5s;
	border-radius:2px;
}

.blog-home .blog-img:hover {
	opacity:0.6;
}

.blog-home .blog-text h4 {
	font-size:16px;
	font-weight:700;
	margin-bottom:10px;
	text-transform:uppercase;
}

/* Main title */
.main-title {
	position:relative;
    top:0px;
    left:0;
    width:100%;
    padding:160px 0 70px;
}

.main-title:after {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
	opacity:0.9;
}

.main-title .row {
    position:relative;
    z-index:1;
    text-align:center;
}

.main-title-caption h1 {
    font-size:32px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    position:relative;
	margin-bottom:0;
}

/* Breadcrumb */
.breadcrumb {
	background:none;
	margin-bottom:0;
}

.breadcrumb li {
	letter-spacing:0.1em;
	text-transform:uppercase;
}

.breadcrumb > li+li:before {
	color:#fff;
	font-size:14px;
}

.breadcrumb li a {
	color:#fff;
	font-size:14px;
}

.breadcrumb > .active {
	color:#000;
	font-size:14px;
}

/* Sidebar */
.sidebar-single {
	margin-bottom:50px;
}

/* Sidebar title */
.sidebar-title {
	position:relative;
  	margin-bottom:30px;
	z-index:5;
}

.sidebar-title h2 {
	display:inline-block;
  	margin-bottom:0;
	padding-bottom:10px;
  	font-weight:700;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	border-bottom:1px solid #000;
}

.sidebar-title h2:before {
  	content:'';
  	position:absolute;
  	display:inline-block;
  	width:100%;
  	height:1px;
  	bottom:0;
  	left:0;
  	z-index:-5;
	background-color:#eee;
}

/* Search form */
.search-form .form-group {
	display:table;
	width:100%;
}

.search-form .form-control {
	float:left;
	font-family:"Montserrat", sans-serif;
	font-size:14px;
	background:#fff;
	border:1px solid #e0e0e0;
	border-right:none;
	box-shadow:none;
	border-radius:2px 0 0 2px;
	width:calc(100% - 51px);
	height:48px;
	padding:0 20px;
	transition:all 0.3s;
}

.btn-search {
	float:right;
	font-family:"Montserrat", sans-serif;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	width:48px;
	height:48px;
	font-weight:600;
	border-radius:0 2px 2px 0;
	background-color:#fff;
	border:1px solid #e0e0e0 !important;
	border-left:0 !important;
	outline:0;
}

.btn-search:hover {
	color:#fff;
}

/* Author */
.author-content {
	text-align:center;
	padding-top:10px;
}

.author-content img {
	border-radius:50%;
}

.author-content h5 {
	font-size:18px;
	font-weight:700;
	margin-top:20px;
}

.author-content p {
	font-size:14px;
	line-height:1.5em;
	margin:20px 0;
}

.author-social {
	text-align:center;
	padding:10px 0;
}

/* Categories */
.custom-categories > ul {
	padding:30px;
	background-color:#f9f9f9;
	list-style:none;
}

.custom-categories > ul > li > ul {
	padding:0;
	margin-top:11px;
	border:0 !important;
}

.custom-categories li {
	position:relative;
	padding-left:20px;
	margin-bottom:11px;
}

.custom-categories > ul > li:last-child,
.custom-categories > ul > li > ul > li:last-child{
	margin-bottom:0;
}

.custom-categories li:before {
	content:'\f105';
  	font-family:'FontAwesome';
	position:absolute;
	top:2px;
	left:1px;
	font-size:14px;
	font-weight:400;
	line-height:1;
	color:#ccc;
}

.custom-categories li > a {
	border:0 !important;
	padding:0 40px 0 0 !important;
	font-size:13px;
	font-weight:600;
	background-color:transparent !important;
}

.custom-categories li > a:before {
	display:none !important;
}

.custom-categories li > span {
	position:absolute;
	right:0;
	top:0;
	padding:4px 6px;
	font-size:10px;
	line-height:10px;
	text-align:center;
	border:1px solid #ddd;
	background-color:#fff;	
	font-weight:500;
	vertical-align:middle;
	white-space:nowrap;
	color:#777;
}

/* Recent posts */
.recent-post {
    padding:14px 0 6px;
}

.recent-post-image {
    width:24%;
    display:table-cell;
	padding-top:6px;
}

.recent-post-info {
    width:75%;
    display:table-cell;
    padding-left:12px;
    vertical-align:middle;
}

.recent-post-info h4 {
	font-size:14px;
	font-weight:700;
	line-height:1.5em;
	margin-bottom:6px;
	text-transform:uppercase;
}

.recent-post-categories {
	color:#999;
	font-size:12px;
	margin-bottom:6px;
}

.recent-post-categories a:hover {
	text-decoration:underline;
}

.recent-post-info p {
	color:#666;
	font-size:12px;
	margin:0;
}

/* Instagram feed */
.instagram-feed {
	margin-left:-3px;
	margin-right:-3px;
	margin-bottom:-6px;
}

.instagram-feed div {
	padding:0 3px 6px 3px;
}

/* Tag cloud */
.tagcloud a {
  	display:inline-block;
  	padding:8px 12px;
  	margin-right:2px;
  	margin-bottom:5px;
  	background:#eee;
  	color:#333;
	font-size:12px;
	line-height:14px;
}

.tagcloud a:hover {
  	color:#fff;
}

/* Read more button */
.btn-read-more {
	margin-top:10px;
	margin-right:20px;
	font-size:14px;
	background:none;
	z-index:1;
	padding:6px 15px;
	min-width:auto;
}

.btn-read-more:hover {
	color:#fff;
}

/* Horizontal post */
.post-single {
	margin-bottom:30px;
}

.post-single h2 {
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
}

.post-single .post-categories {
	color:#999;
	font-size:12px;
	margin-bottom:6px;
}

.post-single .post-categories a:hover {
	text-decoration:underline;
}

.post-single .post-meta {
	color:#666;
	font-size:12px;
	margin-bottom:20px;
}

.post-single p {
	font-size:14px;
	color:#5d5d5d;
	line-height:21px;
}

.post-single figure {
	float:left;
	width:46%;
	height:100%;
	overflow:hidden;
}

.post-single figure img {
	width:100%;
	border-radius:2px;
	transition:all 0.3s;
}

.post-single:hover figure img {
	opacity:0.6; 
}

.post-single .blog-content {
	float:right;
	width:50%;
	margin-left:-3px;
}

.post-single:after {
	content:'';
	display:block;
	clear:both;
}

/* Pagination */
.pagination {}

.pagination > li {
	display:inline-block;
	margin:0 2px;
}

.pagination > li > a {
	font-weight:600;
	padding:8px 16px;
	border-radius:2px !important;
	font-size:14px;
	color:#444;
	border-color:#e0e0e0;
}

.pagination > li > a:hover {
	background:#fff;
}

.pagination > .active > a {
	background:#fff;
}

.pagination > .active > a:hover {
	background:#fff;
}

/*******************************
    - 19. Single blog post -
*******************************/
.blog-single-content {
	background:#fff;
	margin-bottom:50px;
}

.entry-header {
	padding:20px 30px;
	width:100%;
}

.entry-header ul {
	padding:0;
	list-style:none;
	margin:0;
}

.entry-header ul li {
	display:inline-block;
	margin-right:8px;
	font-size:12px;
}

.entry-header ul li a {
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
}

.entry-header ul li a i {
	font-size:12px;
	margin-right:2px;
}

.entry-body {
	padding:50px 0 20px;
}

.entry-body h1 {
	font-size:32px;
	margin-bottom:24px;
}

.entry-body h2 {
	font-size:22px;
	margin-bottom:24px;
}

.entry-body p {
	font-size:14px;
	color:#5d5d5d;
	line-height:1.8em;
	margin-bottom:1.5em;
}

.entry-body blockquote {
	background:#f8f8f8;
	padding:20px;
}

.entry-body blockquote p:before {
	content:'\f10d';
	font-family:'FontAwesome';
	font-size:23px;
	margin-right:8px;
}

.entry-body ol {
	padding-left:50px;
	margin-bottom:1.5em;
}

.entry-body ol li {
	padding:5px 0;
	font-size:14px;
	color:#5d5d5d;
}

.entry-body ul {
	padding-left:50px;
	margin-bottom:1.5em;
	list-style:none;
}

.entry-body ul li {
	padding:5px 0;
	font-size:14px;
	color:#5d5d5d;
	position:relative;
}

.entry-body ul li:before {
	content:'';
	width:6px;
	height:6px;
	background:#ccc;
	position:absolute;
	left:-14px;
	top:12px;
}

.post-tags,
.post-social {
	padding:6px 0;
}

.post-tags span,
.post-social span {
	display:inline-block;
	font-weight:700;
	text-transform:uppercase;
	margin-right:6px;
}

.post-tags a {
	display:inline-block;
	text-transform:uppercase;
	transition:all 0.3s;
}

.post-tags a:after {
	content:',';
}

.post-tags a:last-child:after {
	display:none;
}

.post-nav {
	margin-top:40px;
}

.post-nav:after {
	content:'';
	display:block;
	clear:both;
}

.post-nav a {
	z-index:1;
}

.post-nav a:hover {
	color:#fff;
}

.post-nav .btn-prev {
	float:left;
}

.post-nav .btn-next {
	float:right;
}

.single-postbox {
	background:#fff;
	margin-bottom:50px;
}

.single-postbox-title h2 {
    font-size:22px;
    text-transform:uppercase;
    padding-bottom:24px;
    margin-bottom:30px;
    border-bottom:1px solid #e2e2e2;
}

.related-post-single {
	text-align:center;
}

.related-post-single a img {
	transition:all 0.3s;
}

.related-post-single a img:hover {
	opacity:0.6;
}

.related-post-single h3 {
    font-size:14px;
	font-weight:700;
    line-height:1.5em;
	text-transform:uppercase;
	margin-top:10px;
}

.comment-box-single {
	padding:20px 0 10px;
	border-bottom:1px solid #f1f1f1;
}

.comment-box-single:last-child {
	border-bottom:none;
}

.comment-reply {
	margin-left:10%;
}

.comment-box-single:after {
	content:'';
	display:block;
	clear:both;
}

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

.comment-single-content {
	width:80%;
	float:right;
}

.author-info h3 {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:6px;
}

.author-info h3 a.reply {
	float:right;
	font-weight:400;
	font-size:12px;
}

.author-info h4 {
	font-size:12px;
	font-weight:400;
	margin-top:0;
	padding-bottom:6px;
}

.comment-single-content p {
	font-size:14px;
	color:#5d5d5d;
	line-height:1.5em;
}

.comment-form .form-group {
	margin-bottom:30px;
}

.comment-form .form-control {
	font-family:"Montserrat", sans-serif;
	width:100%;
	border:1px solid #e0e0e0;
	box-shadow:none;
	border-radius:2px;
	padding-left:20px;
	padding-right:20px;
	min-height:50px;
	font-size:14px;
}

.btn-comment {
	background:none;
	z-index:1;
}

.btn-comment:hover {
	color:#fff;
}