/*
Theme Name: Appho
Theme URI: http://ekramit.net/tf-theme/appho
Author: Masum Billah
Author URI: http://getmasum.net
Description: Appho - App and Software Landing Page WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: appho
Tags: two-columns, right-sidebar

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Appho is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {
    border: none !important;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


a,
a:hover
{
	color: #ec7550;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
caption {
    font-size: 16px;
    margin: 20px 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
blockquote {
  border-left: 5px solid #ec7550;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}

dl {
  margin: 0 20px;
}
.blogpost-title,
.blogpost-title a{
	font-size: 20px;
}
.blog-post p{
	margin-bottom: 20px;
}
.blog-post h1,
.comments-area h1
{
	/* margin-bottom: 0; */
	font-size: 40px;
}
.blog-post h2,
.comments-area h2
{
	/* margin-bottom: 0; */
	font-size: 37px;
}
.blog-post h3,
.comments-area h3
{
	/* margin-bottom: 0; */
	font-size: 30px;
}
.blog-post h4,
.comments-area h4
{
	/* margin-bottom: 0; */
	font-size: 26px;
}
.blog-post h5,
.comments-area h5
{
	font-size: 22px;
}
.blog-post h6,
.comments-area h6
{
	margin-bottom: 0;
	font-size: 17px;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 30px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget ul{
	list-style-type: none;
	padding:0;
}
.widget ul li{
	padding-left: 20px;
}
.widget img{
	max-width: 100%;
	height: auto;
}
select{
	border: 1px solid #ddd;
	padding: 10px;
}
.widget select{
	width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

#appho_price_table{
	overflow: hidden;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0px!important;
}
.blogpost-title{
	margin-top: 0;
}
.blogpost-title a{
	color: #333;
	
}
.blog-post h4,
.blog-post h4 a,
.section-top-title h2{
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
}

.blogpost-title a:hover{
	 color: #ec7550;
}
.blockquote_post{
	margin-bottom: 0;
}
body.single-post .hentry{
	margin-bottom: 0px;
}
.widget-title{
	margin: 0 0 15px;
}
.widget li,
.widget li a{
	color: #666;
	font-size: 16px;
}
.widget li ul{
	padding-left: 10px;
	margin-left: 0;
}
.widget li ul li{
	margin-bottom: 0;
	padding-bottom: 0px;
}
.widget li a:hover{
	color: #ec7550;
}

.widget li{
	padding-bottom: 8px;
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
	border-bottom: 1px solid #e8e8e9;
}

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

.widget li:before{
	position:absolute;
	content: '\f10c';
	left: 0;
	font-family: FontAwesome;
	color: #ec7550;
	top: 1px;
}
.widget li li:before{
	content: '';
}

/*START SINGLE BLOG BLOG PAGE DESIGN*/
.comment_avatar{
	float: left;
	margin-right: 20px;
}
.comments-title,
#reply-title {
	font-size: 18px;
	margin-bottom: 0;
}
#comments .comments-title{
	font-size: 18px;
	text-transform: uppercase;
}
.comment-title{
	border-bottom: 1px solid #e8e8e9;
	margin-bottom: 10px;
	padding: 10px 0;
	text-transform: uppercase;
}
.single_comment .media-heading{
	font-size: 16px;
}
.blog-post-single img{
height: 400px;
width: 100%;
}
.post-bt-single{margin-top: 20px;}
.comments-area{
	margin-top: 30px;
}
.post-bt{
	padding-bottom: 10px;
  padding-top: 7px;
}
.single_comment{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e9;
}

.single_comment img{
	border-radius: 50%;
	width: 70px;
}
.single_comment h5{
	
}
.single_comment span{}
.single_comment p{}
.single_comment .creply_link{
	display: inline-block;
	float: right;
}
.single_comment h5{
	display: inline-block;
	text-transform: capitalize;
}
#reply-title{
	padding-bottom: 20px;
}
#respond textarea,
#respond input{
	margin-bottom: 15px;
}

.comment-list{
	margin-left: 0;
	padding-left: 0;
	padding-top: 25px;
	list-style-type:none;
}
.comment-list ul, .comment-list ol{
	list-style-type:none;
}
.comment-list ul.children{
	padding-left: 30px;
}
#cancel-comment-reply-link{
	float: right;
	font-size: 15px;
}
.date_comment{
	display: inline-block;
	padding-bottom: 8px;	
}
.comment-reply-link{
	font-weight: 700;
}
/*
 * ----------------------------------------------------------------------------------------
 *  21.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .section-top{
	 padding: 0;
 }
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 60px;
    padding-top: 100px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #1CBAC8!important }
/*SECTION OVERLAY*/
 .section-top .overlay {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/
.blog_section_area{
	padding-top: 60px;
	/* padding-bottom: 40px;*/
}
#searchform {
	position: relative;
}
#searchform  button {
  background-color: transparent;
  border: 0 none;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
#searchform .form-control{
	color: #666;
	font-size: 14px;
	font-weight: 300;	
	background: #fff;
}
.form-control,
input[type= 'text'],
input[type= 'email'],
input[type= 'password']

{
	border: 1px solid #eee;
	color: #202020;
	font-size: 16px;
	font-weight: 300;
	height: 50px ;
	line-height: 50px;
	padding: 15px;	
	box-shadow: none;
	font-family: "Source Sans Pro",sans-serif;
	border-radius: 2px;
	width: 100%;	
}
.read_more_btn
 {
  color: #fff;
  display: inline-block;
  font-weight: 400;
  height: 40px;
  line-height: 27px;
  width: auto;
  font-family: "Source Sans Pro",sans-serif;
  text-transform:capitalize;

}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	height: 50px;
	line-height: 21px;
	width: auto;
	border: none;
}
.maring-bt-30{
	margin-bottom: 40px;
}
.blog_section_area img{
	width: auto;
	height: auto;
}
.post-img img {
	width: 100%;
	height: auto;
}

.post-img,
.video_embed,
.audio_post
{
	margin-bottom: 20px;
}
.navigation.pagination{
	display: inline-block;
	text-align: center;
	width: 100%;
}
.navigation.pagination a,
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span
{
	background: #ec7550 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	padding: 10px 18px;
	margin: 0 5px;
	transition: .5s;
	border: none;
}
.woocommerce nav.woocommerce-pagination ul ,
.woocommerce nav.woocommerce-pagination ul li
{
	border: none;
}
.navigation.pagination .current{
	padding: 11px 18px;
	margin: 0 5px;
}
.navigation.pagination a:hover,
.navigation.pagination .current,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current

{
	background: #273140;
	color: #ffffff;
}
.prev_p_link,
.next_p_link,
.form-submit #submit
{
	background: #ec7550 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 18px;
	transition: .5s;
}
.next_p_link{
	text-align: right;
	float: right;	
}
#respond textarea{
	margin-bottom: 30px;
}
.prev_p_link:hover,
.next_p_link:hover,
.form-submit #submit:hover
{
	background: #273140;
}
.form-submit #submit{
	border: none;
	margin-top: 0px;
	margin-bottom: 20px;
}
.center-block{
	float: none;
}
.error-404.not-found{
	padding-bottom: 50px;
	padding-top: 20px;
}
.error-404.not-found h1{
	font-size: 76px;
}
.error-404.not-found p{
padding-bottom: 50px;
padding-top: 20px;
}
.userlogin_menu {
	padding: 30px 0;
}
.sticker.userlogin_menu{
	padding: 34px 0 10px!important;
}

.page-links.pagination{
	display:block;
	width: 100%;
	text-align: left;
}
.page-links.pagination a{
	font-weight: 700;
	margin: 3px;
}
.blog-post video
.blog-post audio,
.blog-post iframe{
	width: 100%;
}
.entry-footer{
	margin-top: 20px;
}
.tagcloud a{
	padding: 10px 15px;
	display: inline-block;
	border: 1px solid #ddd;
	font-size: 16px!important;
	margin: 0 8px 8px 0;
	
}
.brief-awesomeness > h2 {
  font-size: 46px;
  line-height: 50px;
}
.blog-post .post-bt span{
	padding-right: 8px;
}
.shop_area{
	padding: 60px 0;
}
.woocommerce-LoopProduct-link h3{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 13px;
	margin-top: 10px;
	color: #666;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color: #666;
  font-size: 18px;
  text-decoration: none;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  background: inherit;
  font-weight: 600;
  text-decoration: none;
}
.woocommerce div.product .price del{
  color: #666;
  font-size: 18px;
  font-weight: 700;
}
.woocommerce-LoopProduct-link .price{
	display: block;
	padding-bottom: 10px;
}
.margin-bottom-30{
	margin-bottom: 30px;
}	
.woocommerce span.onsale {
  background-color: #ec7550;
  border-radius: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 50px;
  line-height: 42px;
  width: 50px;
}
.woocommerce-result-count {
  margin-bottom: 0 !important;
  margin-top: 8px !important;
}
.woocommerce-ordering {
  margin-bottom: 30px !important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button ,
.woocommerce a.added_to_cart,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt
{
  background-color: #ec7550;
  background-image: none;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 100%;
  font-weight: 400;
  left: auto;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0.618em 1em;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover
{
	background: #273140;
	color: #fff;
}
.woocommerce .quantity .qty {
  border: 1px solid #ddd;
  height: 40px;
  padding: 8px;
  width: 3.631em;
  margin-right: 10px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	height: 40px;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added{
	display:none;
}
.price_slider_amount .button{
	text-transform: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
	background-color:#ec7550;
}
.single_product{
	padding-top: 60px;
	padding-bottom: 30px;
}
.summary.entry-summary .product_title,
#tab-description h2,
.related.products h2,
.woocommerce-Reviews-title,
.cart_totals h2,
#order_review_heading,
.woocommerce-shipping-fields h3,
.woocommerce-billing-fields h3,
.cross-sells h2
{
	font-size: 25px;
	line-height: 24px;
	margin-bottom: 15px;
}
#order_review_heading{
	margin-top: 20px;
}
.woocommerce-product-rating {
  margin-bottom: 10px !important;
}
.summary.entry-summary .price{
	padding-bottom: 15px;
}
.summary.entry-summary form.cart{
	padding-top: 25px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
	width: auto;
}
#coupon_code {
  width: auto;
}
#customer_details input[type="text"],
#customer_details  input[type="email"],
#customer_details input[type="password"],
#customer_details input,
#customer_details select
 {
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  padding: 5px;

}
.woocommerce-info::before {
  color: #ec7550;
}
.woocommerce-info {
  border-top-color: #ec7550;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  box-shadow: none;
  float: right;
  height: auto;
  margin-left: 4px;
  width: 69px;
}
.product_list_widget > li {
  margin-bottom: 15px !important;
  padding-bottom: 15px !important;
}
.widget ul li .children{
	padding-left: 0;
}
.widget ul li .children li{
	padding-left: 8px;
}
#woocommerce-product-search-field {
  border: 1px solid #ddd;
  padding: 12px 15px;
}
.main_benner_area{
	left: 0;
	max-height: 320px;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 100%;
}
.main_benner_area .overlay{
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	height: 100%;
}
.main_benner_area video{
	min-width: 100%;
}
.main_benner_area .section-top-title{
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(0%, -50%);
	width: 100%;
	z-index: 15;
}

.pdfbarbg { background:#EC7550; width:100%; height:100px; position: relative; }
.pdfholder { width: auto; margin: 0 auto; }
.pdfholder p { padding: 1.2% 0 0 270px; color:#fff; font-size:29px; text-align: center; line-height: 33px;  }
.pdfholder p span { font-weight: bold; }
.pdfholder a { margin-top: 21px; float:right; padding:15px 20px 15px 20px; border:3px solid #fff; color:#fff; }
.pdfholder a:hover { border: 3px solid #282828; color: #ffffff; transition: background-color 1s ease; background: #282828; }
.contactspacing { margin: 90px 0 0 0; }
.headertel { background: #EC7550; }
ul li.headertel:hover { background: #ffffff; color: #EC7550!important; }
ul#menu-menu-1 li a:hover { color: #EC7550!important; }

.footer-part h6 { font-size: 16px!important; line-height: 25px!important; }

ul.feature-list-2 li p { font-size: 16px!important; color: #fff; font-weight: normal; }
div.brief-awesomeness p { font-size: 19px!important; color: #EC7550; font-weight: 600; }

.vc_column_container>.vc_column-inner { padding-top: 0!important; margin-bottom: 0!important; }
button.ult-align-left { margin-top: -9px; }

/* iPhone 5 Up Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .pdfholder p { padding: 10px!important; line-height: 22px; font-size: 20px; }
    button.ult-align-left { float: none!important; margin: 10px auto!important; display: block!important; }
    .brief-awesomeness p, .brief-awesomeness h2 { padding: 0 20px 0 20px; }
    .maintextcont { width: 80%!important; }
    .logo img { margin: 16px 0 0 25px!important; }
    .navbar-default .navbar-toggle { margin-right: 10px!important;  }
    .navbar-toggle { padding:15px 10px 9px 10px!important; }
    .buttonpulse-image { float:none!important; }
    img.ult-align-left { margin: 0 auto!important; margin-top: 20px!important; }
    div.right-screenshot img { width: 80%; margin-left: 11%!important; }
    .footer-part h6 { font-size: 10px!important; }
    #slide-16-layer-2 {  font-size: 20px!important; line-height: 25px!important; margin:-50px 0 0 0!important; }
    section#features { padding: 50px 0!important; }
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.pdfholder p { padding: 18px 0 0 20px!important; font-size: 18px!important; }
.maintextcont { width: 80%!important; }
.brief-awesomeness p, .brief-awesomeness h2 { padding: 0 20px 0 20px; }
.contactspacing { margin: 50px 0 0 0; }
    .logo img { margin: 20px 0 0 25px!important; }
    .navbar-default .navbar-toggle { margin-right: 10px!important;  }
    .navbar-toggle { padding:15px 10px 9px 10px!important; }
    #slide-16-layer-2 {  font-size: 20px!important; line-height: 25px!important; margin:-50px 0 0 0!important; }
}


/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.pdfholder p { padding: 19px 0 0 20px!important; font-size: 23px!important; }
.navbar-default .nav li a { padding: 15px 10px!important; }
.maintextcont { width: 80%!important; }
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* button pulse */

.buttonpulse-image { -webkit-animation-name: glowPulse;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: glowPulse;
    -moz-animation-duration: 1.2s;
    -moz-animation-iteration-count: infinite;
    animation-name: glowPulse;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    border-radius: 3px;
    margin: -8px 0 0 0; }

@-webkit-keyframes glowPulse {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }

@-moz-keyframes glowPulse {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } }

@-moz-keyframes glowPulse {
	0% { -o-transform: translate(2px, 1px) rotate(0deg); }
	10% { -o-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -o-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -o-transform: translate(0px, 2px) rotate(0deg); }
	40% { -o-transform: translate(1px, -1px) rotate(1deg); }
	50% { -o-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -o-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -o-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -o-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -o-transform: translate(2px, 2px) rotate(0deg); }
	100% { -o-transform: translate(1px, -2px) rotate(-1deg); } }

@keyframes glowPulse {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); } }

.cbp-l-project-desc-text p { font-size: 14px; padding-bottom: 20px; }