@charset "utf-8";
/*
	Visual by TEMPLATE STOCK
	templatestock.co @templatestock
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/


/*-----------------------------------------------------------------------------

Table of Contents:

 1) General
 2) Typography
 3) Backgrounds
 4) Home Sections
 5) Home Revolution Slider Section
 6) Header
 7) Features Section
 8) About Section
 9) Team Section
10) Skills Section
11) Fun Facts Section
12) Quote Section
13) Portfolio Section
14) Get Connected Section
15) Services Section
16) Call to Action 1
17) Price List Section
18) Clients Section
19) Testimonials Section
20) Contact Form Section
21) Google Map Section
22) Video Popup Section
23) Footer 1
24) Subscribe Form - Twitter Feed
25) Shortcode

------------------------------------------------------------------------------*/

/*----- Stylesheets -----*/
@import "revolution-slider.css";
@import "owl.carousel.css";
@import "animate.css";
@import "cubeportfolio.min.css"; 


 
/*----- Blog -----*/

.post-time-section {
	float: left;
	text-align: center;
	margin-right: 15px;
   margin-top: 12px;
	margin-bottom: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	overflow: hidden;
}

.post-time-section .post-date {
	padding: 15px 0;
	width: 55px;
	background-color: #444;
	color: #fff;
}

.post-time-section .post-date .day {
	font-size: 20px;
	font-weight: 700;
	display: block;
	letter-spacing: 1px;
}

.post-time-section .post-month .month {
	display: block;
	text-transform: uppercase;
	line-height: 14px;
	font-size: 11px;
	letter-spacing: 1px;
	height: 25px;
	line-height: 25px;
	color: #fff;
}
.blog-column-left{
   margin-left: 70px;
   margin-top: 12px;
}
#blog {
    padding-top: 60px;
    padding-bottom: 60px; 
}
.blog-post {
    position: relative;
    margin-bottom: 80px; 
}
.blog-post-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 26px;
    margin-top: 30px;
}
.blog-post-title a {
    color: #1c1c1c;
}
.blog-post-info {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
.blog-post-info li {
    display: inline-block;
    font-size: 13px;
    margin-right: 15px;
}
.blog-post-info li a { 
    color: #888;
}
.blog-post-info li a:hover { 
    color: #1c1c1c;
}
.blog-post-info li i {  
    font-size: 12px; 
    margin-right: 3px;
}
.blog-post-date {
    position: absolute;
    right: 5px;
    top: -7px;
    text-align: center;
}
.blog-post-date h2,
.blog-post-date h5 {
    margin: 0;
}
.blog-post .video-container {
    margin-bottom: 0;
}
.blog-post .img-responsive {
    width: 100%;
}
.blog-post .owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    z-index: 100 !important;
} 
.blog-post .owl-theme .owl-controls .owl-page span {
    cursor: pointer;
    display: inline-block;
    background-color: #888;
    border-color: #888;
    border: 2px solid transparent;
    height: 12px;
    width: 12px; 
    margin: 0 3px;
    opacity: 1;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.blog-post .owl-theme .owl-controls .owl-page.active span {
    border-color: #888; 
    background-color: transparent;
}
.blog-post .owl-controls.clickable {
    margin-top: 0; 
    text-align: center;
}
.blog-post .btn {
    margin-top: 10px;
    margin-left: 0;
}
.pager li>a, 
.pager li>span {
    display: inline-block;
    padding: 8px 13px; 
    background-color: #333;
    border: none;
    border-radius: 2px;
    font-size: 11px;
    color: #f3f3f3;
} 
.post-title a {
    color: #3a3a3a;
}
.post-img {
    margin-bottom:10px;
}
.project-img {
    margin-bottom:60px;
}
.tags-list {
    list-style: none; 
    padding:0px;
}
.tags-list li {
    font-size: 13px;
    margin-top: 5px;
    display: inline-block;
    padding: 5px 9px; 
    border: 1px solid #ccc;
    border-radius: 5px;
}
.tags-list li a {
    color: #888; 
}
.blog-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-list li {
    color: #888; 
    font-size: 13px; 
    padding: 10px;  
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.blog-list li a {
    color: #3a3a3a;
}
.blog-list li a:hover {
    color: #fff;
}
.blog-list li:hover a {
    color: #fff;
}
.blog-widget-container {
    margin-bottom: 60px;
}
@media (min-width:992px) {
    .blog-sidebar {
        padding-left: 40px;   
        padding-top: 10px;
    }
}
.blog-widget-container .form-control {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    box-shadow: none;
    background: #f3f3f3;
    border: 1px solid #ccc;
}
.search {
    height: 40px;   
} 
.search-button { 
    position: absolute; 
    height: 40px;  
    right: 50px;
    width: 50px;
    overflow: hidden;
    padding: 5px 10px;
    border: none;
    box-shadow: none;
    font-size: 22px;
    color: #fff;
    z-index: 6;
}
.search-button:hover {     
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.blog-clean .post-title {
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 10px; 
    letter-spacing: -2px; 
}
.blog-clean .post-subtitle {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px; 
}
.blog-post .lead {
    margin-bottom: 20px;
    line-height: 1.6;
}
.blog-post p {
    line-height: 1.8;
}
pre {
    background-color: #f3f3f3;
    border: none;
    border-radius: 0;
    color: #888;
}
.comments { 
    margin-top: 40px;
    margin-bottom: 80px;
}
.comments-title {
    text-transform: uppercase;
    margin-bottom: 20px; 
}
.comments .avatar {
    width: 65px;
}
.comment {
    margin-bottom: 20px;
}
.comment .media-body {
    background: #f3f3f3;
    padding: 20px;
}
.comment .time {
    margin-bottom: 20px;
}
.comment .media-body p {
    color: #888;
}
.depth-2 {
    padding-left: 40px;
}
.depth-3 {
    padding-left: 80px;
}
.comment-form {
    margin-bottom: 80px;
}
.comment-form input, select, textarea{ 
    font-family: 'Exo', sans-serif;
    font-weight: 400;
	width: 100%; 
	max-width: ;
	padding: 12.9px; 
	color: #1c1c1c; 
	background: #f2f2f2; 
	border: 1px solid #f0f0f0; 
	margin: 3px 0px 24px 0; 
	-webkit-border-radius: 2px; 
} 
.comment-form input, select, textarea {  
    margin: 3px 0px 10px 0;
    -webkit-border-radius: 2px;
}


#masonry .column {
    padding: 15px; 
}
#masonry .blog-column {
    background: #f3f3f3;
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
@media (min-width:992px) {
    .column{ width: 33.3%; }
}
@media (min-width:564px) and (max-width:992px) {
    .column { width: 50%; }
}
@media (max-width:564px) {
    .column { width: 100%; }
}
#masonry .column-info {
    padding: 15px; 
}
#masonry img {
    width: 100%; 
}
#masonry .blog-column .btn {
    margin-top: 20px;
    margin-left: 0;
}



.pricing_table {
	float: left;
	width: 100%;
	padding: 10px 0px;
	text-align: center;
}
.pricing_table .planbox {
	float: left;
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}
.pricing_table .planbox .title {
	float: left;
	width: 100%;
	padding: 20px 0px 10px 0px;
}
.pricing_table .planbox .prices {
	background: #5f686f;
	display: inline-block;
	margin-bottom: 35px;
	position: relative;
	width: 100%;
	padding: 27px 0px 23px 0px;
	color: #fff;
}
.pricing_table .planbox .prices:before {
	border-top: 15px solid #5f686f;
	border-left: 115px solid transparent;
	border-right: 130px solid transparent;
	content: "";
	height: 0px;
	left: 0;
	position: absolute;
	bottom: -15px;
	width: 0;
}
.pricing_table .planbox .prices strong {
	color: #fff;
	font-size: 45px;
	font-weight: 800;
	display: block;
}
.pricing_table .planbox .prices strong i {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
}
.pricing_table .planbox .prices b {
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	display: block;
	margin-bottom: 20px;
}
.pricing_table .planbox .prices b em {
	font-style: normal;
	text-decoration: line-through;
}
.pricing_table .planbox .prices a {
	color: #5f686f;
	font-size: 14px;
	background: #fff;
	padding: 11px 32px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 600;
	transition: all 0.3s ease;
}
.pricing_table .planbox .prices a:hover {
	color: #fff;
	background: #86c724;
}
.pricing_table .planbox ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 20px 0px;
   list-style:none;
}
.pricing_table .planbox li {
	float: left;
	width: 100%;
	padding: 9px 0px;
	color: #2a363f;
	border-bottom: 1px solid #eee;
}
.pricing_table .planbox li.last {
	border-bottom: none;
}

.pricing_table .planbox.highlight .prices {
	background: #86c724;
}
.pricing_table .planbox.highlight .prices:before {
	border-top: 15px solid #86c724;
}
.pricing_table .planbox.highlight .prices a {
	color: #86c724;
	background: #fff;
}
.pricing_table .planbox.highlight .prices a:hover {
	color: #5f686f;
}
.pricing_table .planbox.highlight .hiimg {
	display: block;
	margin: -22px auto 0 auto;
}