/*
Template: ""
category: Corporate
Author: Codelayers
Version: 1.0
Design and Developed by: Codelayers
*/


/*
======================================
[ CSS TABLE CONTENT ]
======================================

    [Table of contents]

	1.feature boxes
	2.parallax sections
	3.footer styles
	4.crossed shapes

	
======================================
[ END CSS TABLE CONTENT ]
======================================
*/

/*========= Wedding layout styles ===========*/

/*============ Feature boxes ============ */

/* feature box 1
 ------------------------------ */
 
 .bb-feature-box-verde-main {
    width: 100%;
	padding:0 0 0 0;
}


.bb-feature-box-verde {
    width: 100%;
}
.bb-feature-box-verde .icon {
	width: 120px;
	height:120px;
	padding:2px;

}

.bb-feature-box-verde h4 {
	color: #2fc57d;
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 18px;
	font-style: normal;

}

.bb-feature-box-verde  {
	width: 100%;
	height:100%;
	font-size:60px;
	line-height:75px;
	text-align:center;
	border-radius:100%;
	background: #fff;
	color: #2fc57d;
}
 
.bb-feature-box-1-main {
    width: 100%;
	float:left;
	padding:0 0 120px 0;
}


.bb-feature-box-1 {
    width: 100%;
	float:left;
}
.bb-feature-box-1 .icon {
	width: 80px;
	height:80px;
	float:left;
	padding:2px;
	border-radius:100%;



/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ac57a+1,1c8246+100 */
background: #2ac57a; /* Old browsers */
background: -moz-linear-gradient(top,  #2ac57a 1%, #1c8246 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2ac57a 1%,#1c8246 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2ac57a 1%,#1c8246 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ac57a', endColorstr='#1c8246',GradientType=0 ); /* IE6-9 */

}
.bb-feature-box-1 .circle-inner {
	width: 76px;
	height:76px;
	float:left;
	font-size:26px;
	line-height:75px;
	text-align:center;
	border-radius:100%;
	background: #fff;
	color: #2ac57a;
}

.bb-feature-box-1 .circle-inner-cinza {
	width: 76px;
	height:76px;
	float:left;
	font-size:26px;
	line-height:75px;
	text-align:center;
	border-radius:100%;
	background: #ededed;
	color: #2ac57a;
}


/* feature box 2
 ------------------------------ */
.bb-feature-box-2-img {
	position:relative;
    width: 100%;
	float:left;
	top:-170px;
}

/* feature box 3
 ------------------------------ */
.bb-feature-box-3 {
    width: 100%;
	float:left;
}
.bb-feature-box-3 .icon {
	background:none;
	color:#F00;
	border:2px solid #2fc57d;
}



/* featurebox 4
 ------------------------------ */
 
 .bb-feature-box-4-main {
    width: 100%;
    float: left;
}

.bb-feature-box-4 {
	position:relative;
    width: 100%;
    float: left;
	padding:65px;
	background-color:#fff;
}
 .bb-feature-box-4-main .img-circle {
    width: 150px;
	height:150px;
	margin:0 auto;
	padding:8px;
	border-radius:100%;
	background-color:#fff;
}
 .bb-feature-box-4-main .img-circle .img {
	background-color:#2fc57d;
}
.bb-feature-box-4 .arrow-down {
	position: absolute;
	left: 160px;
	bottom: -15px;
	float: left;
	z-index: 3;
	border-top: 20px solid #fff;
}



/* featurebox 5
 ------------------------------ */
 
.bb-feature-box-5 {
    width: 100%;
    float: left;
}
.bb-feature-box-5.padd-top {
	padding-bottom:50px;
}
.bb-feature-box-5 .datebox {
	color:#fff;
	font-size:18px;
	line-height:26px;
	padding-top:24px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7352eb+0,2fc57d+100 */
background: rgb(115,82,235); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(115,82,235,1) 0%, rgba(248,32,73,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(115,82,235,1) 0%,rgba(248,32,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(115,82,235,1) 0%,rgba(248,32,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7352eb', endColorstr='#2fc57d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.bb-feature-box-5 .blog-post-info span {
	color: #2fc57d;
}


/* featurebox 6
 ------------------------------ */
 
.bb-feature-box-6 {
    width: 100%;
    float: left;
	text-align:center;
}
.bb-feature-box-6 .img-circle {
    width:340px;
	height:340px;
	padding:10px;
	margin:0 auto;
	border-radius:50%;
	background-color:#fff;
}
.bb-feature-box-6 .img-circle .img {
    width:320px;
	height:320px;
	border-radius:50%;
	overflow:hidden;
	background-color:#fff;
	transition: all 0.3s ease-out 0s;
}

.bb-feature-box-6 .content {
    width: 70%;
	margin:0 auto;
}

.bb-feature-box-6:hover .img-circle .img,
.bb-feature-box-6.active .img-circle .img {
	background-color:#2fc57d;
}



/* feature box 7
 ------------------------------ */
.bb-feature-box-7{
	width:100%;
	float:left;
	padding:90px;
	background-color:#fff;
}
.bb-feature-box-7 .title{
	margin-bottom:45px;
}
.bb-feature-box-7.less-padd{
	padding:50px;
}




/* featurebox 8
 ------------------------------ */
 
.bb-feature-box-8 {
    width: 100%;
    float: left;
	text-align:center;
}
.bb-feature-box-8 .img-main {
    width:100%;
	padding:10px;
	margin:0 auto;
	background-color:#fff;
}
.bb-feature-box-8 .img-main .img {
    width:100%;
	overflow:hidden;
	background-color:#fff;
	transition: all 0.3s ease-out 0s;
}

.bb-feature-box-8 .content {
    width: 100%;
	float:left;
}

.bb-feature-box-8:hover .img-main .img,
.bb-feature-box-8.active .img-main .img {
	background-color:#2fc57d;
}


/* feature box 9
 ------------------------------ */
.bb-feature-box-9{
	width:100%;
	float:left;
	padding:90px;
	background-color:#fff;
}
.bb-feature-box-9 .title{
	margin-bottom:45px;
}
.bb-feature-box-9.less-padd{
	padding:50px;
}



/* featurebox 10
 ------------------------------ */
 
.bb-feature-box-10 {
    width: 100%;
    float: left;
	padding:50px;
	border:6px solid #2fc57d;
	background-color:#fff;
	transition: all 0.3s ease-out 0s;
}



/* featurebox 11
 ------------------------------ */

.bb-feature-box-11 {
    width: 100%;
    float: left;
	padding:50px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2fc57d+0,7352eb+100 */
background: #2fc57d; /* Old browsers */
background: -moz-linear-gradient(45deg,  #2fc57d 0%, #7352eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #2fc57d 0%,#7352eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #2fc57d 0%,#7352eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fc57d', endColorstr='#7352eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}




.bb-feature-box-11 .blog-post-info span{
	color:#fff;
	}


/* footer newsletter
 ------------------------------ */
.bb-newsletter {
	width: 25%;
	height: 50px;
	float: left;
	padding: 10px;
	color:#fff;
	margin-right:20px;
	border-radius:40px;
	text-align:center;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background:none;
	}
.bb-newsletter-email {
	width: 55%;
	height: 50px;
	float: left;
	padding: 10px;
	color:#fff;
	margin-right:20px;
	border-radius:40px;
	text-align:center;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background:none;
	}
.bb-newsletter-btn {
    width: 30%;
    height: 50px;
    padding: 15px;
	margin-top:25px;
	color:#fff;
	font-weight: 700;
	text-transform:uppercase;
    border-radius:40px;
	border: 1px solid #2fc57d;
	background-color: #2fc57d;
}


/*============ Section Titles ============ */

.bb-sub-title {
    width: 55%;
    font-size: 22px;
    line-height: 30px;
    margin: 15px auto 0 auto;
}
.bb-sub-title.left-align {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    margin: 15px auto 0 auto;
}



/* price table 1
 ------------------------------ */
.bb-price-table-1 {
    width: 100%;
	padding:20px;
    float: left;
	border-top-left-radius: 200px;
	border-top-right-radius: 200px;
	border-bottom-left-radius: 200px;
	border-bottom-right-radius: 200px;
	transition: all 0.3s ease-out 0s;
	background-color:#fff;
}
.bb-price-table-1 .border-box {
    width: 100%;
	padding:2px;
    float: left;
	border-top-left-radius: 200px;
	border-top-right-radius: 200px;
	border-bottom-left-radius: 200px;
	border-bottom-right-radius: 200px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2fc57d+0,7352eb+100 */
background: #2fc57d; /* Old browsers */
background: -moz-linear-gradient(#2fc57d 0%, #7352eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(#2fc57d 0%,#7352eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient( #2fc57d 0%,#7352eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fc57d', endColorstr='#7352eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bb-price-table-1 .inner-box {
    width: 100%;
	padding:80px 40px;
    float: left;
	border-top-left-radius: 200px;
	border-top-right-radius: 200px;
	border-bottom-left-radius: 200px;
	border-bottom-right-radius: 200px;
	background-color:#fff;
	transition: all 0.3s ease-out 0s;
}
.bb-price-table-1 .inner-box .price-circle {
	width: 130px;
	height: 130px;
	padding: 38px 0 0;
	margin: 0 auto;
	border-radius: 100%;
	background-color: #fff;
	border:3px solid #f5f5f5;
	transition: all 0.3s ease-out 0s;
}
.bb-price-table-1 .inner-box .price-circle .price {
	color: #242424;
	font-size:28px;
	padding: 8px 0 0 0;
	font-weight:700;
	text-align: center;
	transition: all 0.3s ease-out 0s;
}
.bb-price-table-1 .inner-box .price-circle .price i {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}
.bb-price-table-1 .inner-box .price-circle .price sup {
	font-size: 18px;
	font-style: normal;
}
.bb-price-table-1 ul.plan_features {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px 0;
}
.bb-price-table-1 ul.plan_features li {
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
	transition: all 0.3s ease-out 0s;
}
.bb-price-table-1 ul.plan_features li:last-child {
	border-bottom: none;
}

/* hover styles
 ------------------------------ */

.bb-price-table-1:hover .inner-box .price-circle, 
.bb-price-table-1.active .inner-box .price-circle {
	color:#2fc57d;
}
.bb-price-table-1:hover .inner-box .price-circle .price, 
.bb-price-table-1.active .inner-box .price-circle .price {
	color: #2fc57d;
}
.bb-price-table-1:hover .inner-box .price-circle, 
.bb-price-table-1.active .inner-box .price-circle {
    color: #2fc57d;
}

.bb-price-table-1:hover,
.bb-price-table-1.active {
    background-color: #000;
}
.bb-price-table-1:hover .inner-box,
.bb-price-table-1.active .inner-box {
	background-color:#000;
}
.bb-price-table-1:hover .inner-box .title,
.bb-price-table-1.active .inner-box .title {
	color:#fff;
}

.bb-price-table-1:hover ul.plan_features li,
.bb-price-table-1.active ul.plan_features li {
	border-bottom: 1px solid #393939;
}
.bb-price-table-1:hover ul.plan_features li:last-child,
.bb-price-table-1.active ul.plan_features li:last-child {
	border-bottom: none;
}










/* border light
 ------------------------------ */
.ba-divider-line {
	width:100%;
	height:1px;
    background-color: #ebebee;
}


/*============ Parallax Sections ============ */
.parallax-1 {
    background: rgba(0, 0, 0, 0) url("../images/bg-rodape.png") no-repeat fixed 50% 0;
}
.parallax-2 {
    background: rgba(0, 0, 0, 0) url("../images/bg-rodape.png") no-repeat fixed 50% 0;
}
.parallax-3{
    background: rgba(0, 0, 0, 0) url("../images/bg-rodape.png") no-repeat fixed 50% 0;
}
.parallax-4{
    background: rgba(0, 0, 0, 0) url("../images/bg-rodape.png") no-repeat fixed 50% 0;
}
.parallax-5{
    background: rgba(0, 0, 0, 0) url("../images/bg-rodape.png") no-repeat fixed 50% 0;
}




.header-inner .breadcrumb {
	margin-bottom:0px;
	background: none;
}
.header-inner .breadcrumb li {
	color:#fff;
    display: inline;
}
.header-inner .breadcrumb li a {
	color:#fff;
}
.header-inner .breadcrumb li.current a {
	color:#000;
}
.header-inner .breadcrumb li+li:before {
    content:"» ";
}


/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {
	
.bb-feature-box-6 .img-circle {
    width: 240px;
    height: 240px;
}	
.bb-feature-box-6 .img-circle .img {
    width: 220px;
    height: 220px;
}
.bb-feature-box-4 .arrow-down {
    left: 432px;
}


















}
	
	

	
	
/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {

.container{ 
	width:94%;
}












}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {

.fo-newsletter-3 {
    width: 100%;
	margin-bottom:5px;
}
.fo-newsletter-3-email {
    width: 100%;
}
.fo-newsletter-3-btn {
    width: 100%;
}
.bb-feature-box-4 .arrow-down {
    left: 335px;
}









 
}



/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {

.fo-newsletter-3 {
    width: 100%;
	margin-bottom:5px;
}
.fo-newsletter-3-email {
    width: 100%;
}
.fo-newsletter-3-btn {
    width: 100%;
}











}


/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {

}


@media screen and (max-width: 640px) {
.fo-newsletter-3 {
    width: 100%;
	margin-bottom:5px;
}
.fo-newsletter-3-email {
    width: 100%;
}
.fo-newsletter-3-btn {
    width: 100%;
}











}


@media screen and (max-width: 480px) {

.bb-feature-box-4 .arrow-down {
    left: 190px;
}
.section-side-image .text-inner-2 {
    padding: 60px;
}







}

/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {


}


/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {




}