/*
Template: Arma
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
 ------------------------------ */
.bm-feature-box-1 {
	position:relative;
    width: 100%;
	float:left;
}
.bm-feature-box-1 .box-overlap {
	position:relative;
    width: 100%;
	top:-40px;
	margin-bottom:30px;
	float:left;
}
.bm-feature-box-1 .box {
    width: 100%;
	float:left;
	padding:95px;
	background-color:#fff;
}
.bm-feature-box-1 .box .icon {
	font-size: 26px;
	color:#14b6c8;
	border:1px solid #14b6c8;
}


/* feature box 2
 ------------------------------ */
.bm-feature-box-2 {
    width: 100%;
	float:left;
}
.bm-feature-box-2 .icon {
	color:#14b6c8;
}
.bm-feature-box-2:hover .title, .bm-feature-box-2.active .title {
	color:#14b6c8;
}


/* featurebox 3
 ------------------------------ */
.bm-feature-box-3 {
    width: 100%;
    float: left;
}
.bm-feature-box-3 .img-box-main {
    width: 100%;
    float: left;
	padding:15px;
	transition: all 0.3s ease-out 0s;
	
	
background: rgba(20,182,200,1);
background: -moz-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(20,182,200,1)), color-stop(100%, rgba(217,240,88,1)));
background: -webkit-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -o-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -ms-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6c8', endColorstr='#d9f058', GradientType=1 );

}
.bm-feature-box-3 .img-box-main.primary {
	background-color:#2ac57a;
}
.bm-feature-box-3 .img-box-main .img-box {
	position:relative;
    width: 100%;
    float: left;
	padding:0px;
	text-align:center;
	overflow:hidden;
	background-color:#e9e9e9;
}
.bm-feature-box-3 .img-box-main .img-box img {
	position: relative;
	top: 0px;
	left: 0px;
	border:2px solid #fff;
	transition: all 0.3s ease-out 0s;
}
.bm-feature-box-3 .text-box {
    width:100%;
	padding:30px 50px;
	margin-top:17px;
	background-color:#fff;
	transition: all 0.3s ease-out 0s;
}
.bm-feature-box-3 .img-box-main .img-box .sc-icons-box{
	position: absolute;
	width:20%;
	height:100%;
	padding:0px;
	margin:0px;
	right: -110px;
	top:0px;
	overflow:hidden;
	z-index:1;
	text-align:center;
	display:inline-block;
	
background: rgba(20,182,200,1);
background: -moz-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(20,182,200,1)), color-stop(100%, rgba(217,240,88,1)));
background: -webkit-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -o-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -ms-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6c8', endColorstr='#d9f058', GradientType=1 );

	transition: all 0.3s ease-out 0s;
}
.bm-feature-box-3 .img-box-main .img-box .sc-icons-box .sc-icons{
	width:100%;
	padding:60px 0 0 0;
	margin:0px;
}
.bm-feature-box-3 .img-box-main .img-box .sc-icons-box .sc-icons li{
	width:100%;
	padding:0px;
	margin:0 0 10px 0;
	display:inline-block;
}
.bm-feature-box-3 .img-box-main .img-box .sc-icons-box .sc-icons li a{
	width:40px;
	height:40px;
	padding:15px 10px;
	color:#fff;
	line-height:12px;
	display:inline-block;
	border:1px solid rgba(255, 255, 255, 0.1);
}

.bm-feature-box-3 .h-line {
    width: 100%;
	height:1px;
    float: left;
	margin:10px 0 20px 0;
background: rgba(20,182,200,1);
background: -moz-linear-gradient(left, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,182,200,1)), color-stop(100%, rgba(217,240,88,1)));
background: -webkit-linear-gradient(left, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -o-linear-gradient(left, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -ms-linear-gradient(left, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: linear-gradient(to right, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6c8', endColorstr='#d9f058', GradientType=1 );

}

/* hover styles
 ------------------------------ */
.bm-feature-box-3:hover .img-box-main .img-box .sc-icons-box,
.bm-feature-box-3.active .img-box-main .img-box .sc-icons-box{
	right:0px;
}
.bm-feature-box-3:hover .img-box-main,
.bm-feature-box-3.active .img-box-main {
	background-color:#2ac57a;
}
.bm-feature-box-3:hover .img-box-main .img-box,
.bm-feature-box-3.active .img-box-main .img-box {
	background-color:#e0e0e0;
}

.bm-feature-box-3:hover .img-box-main .img-box img {
	 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



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

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


/* featurebox 5
 ------------------------------ */
 
.bm-feature-box-5 {
    width: 100%;
    float: left;
}
.bm-feature-box-5.padd-top {
	padding-bottom:50px;
}
.bm-feature-box-5 .datebox {
	color:#fff;
	font-size:18px;
	line-height:26px;
	padding-top:24px;
background: rgba(20,182,200,1);
background: -moz-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(20,182,200,1)), color-stop(100%, rgba(217,240,88,1)));
background: -webkit-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -o-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -ms-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6c8', endColorstr='#d9f058', GradientType=1 );


}
.bm-feature-box-5 .blog-post-info span {
	color: #14b6c8;
}


/* feature box 6
 ------------------------------ */
.bm-feature-box-6{
	width:100%;
	float:left;
	padding:12px;
	transition: all 0.3s ease-out 0s;
	background: rgba(20,182,200,1);
background: -moz-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(20,182,200,1)), color-stop(100%, rgba(217,240,88,1)));
background: -webkit-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -o-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: -ms-linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
background: linear-gradient(45deg, rgba(20,182,200,1) 0%, rgba(217,240,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6c8', endColorstr='#d9f058', GradientType=1 );
}
.bm-feature-box-6:hover, .bm-feature-box-6.active{
	background-color:#2ac57a;
}





/* price table 2
 ------------------------------ */
.ce4-price-table-2 {
    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;
}
.ce4-price-table-2 .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;
	background: rgba(20,182,200,1);
background: rgba(217,240,88,1);
background: -moz-linear-gradient(top, rgba(217,240,88,1) 0%, rgba(20,182,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,240,88,1)), color-stop(100%, rgba(20,182,200,1)));
background: -webkit-linear-gradient(top, rgba(217,240,88,1) 0%, rgba(20,182,200,1) 100%);
background: -o-linear-gradient(top, rgba(217,240,88,1) 0%, rgba(20,182,200,1) 100%);
background: -ms-linear-gradient(top, rgba(217,240,88,1) 0%, rgba(20,182,200,1) 100%);
background: linear-gradient(to bottom, rgba(217,240,88,1) 0%, rgba(20,182,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f058', endColorstr='#14b6c8', GradientType=0 );

}

.ce4-price-table-2 .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;
}
.ce4-price-table-2 .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;
}
.ce4-price-table-2 .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;
}
.ce4-price-table-2 .inner-box .price-circle .price i {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}
.ce4-price-table-2 .inner-box .price-circle .price sup {
	font-size: 18px;
	font-style: normal;
}
.ce4-price-table-2 ul.plan_features {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px 0;
}
.ce4-price-table-2 ul.plan_features li {
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
	transition: all 0.3s ease-out 0s;
}
.ce4-price-table-2 ul.plan_features li:last-child {
	border-bottom: none;
}

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

.ce4-price-table-2:hover .inner-box .price-circle, .ce4-price-table-2.active .inner-box .price-circle {
	color:#14b6c8;
}
.ce4-price-table-2:hover .inner-box .price-circle .price, .ce4-price-table-2.active .inner-box .price-circle .price {
	color: #14b6c8;
}
.ce4-price-table-2:hover .inner-box .price-circle, .ce4-price-table-2.active .inner-box .price-circle {
    color: #14b6c8;
}




/* footer newsletter
 ------------------------------ */
.fo-newsletter-3 {
	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;
	}
.fo-newsletter-3-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;
	}
.fo-newsletter-3-btn {
    width: 15%;
    height: 50px;
    float: left;
    padding: 0px;
	margin-top:5px;
	color:#101010;
	text-transform:uppercase;
    border-radius:40px;
	border: 1px solid #d8f058;
	background-color: #d8f058;
}

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

/* title line
 ------------------------------ */
.bm-title-line-1 {
	width: 50px;
	height:2px;
	margin:10px auto 10px auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14b6c8+0,d8f058+100 */
background: #14b6c8; /* Old browsers */
background: -moz-linear-gradient(left,  #14b6c8 0%, #d8f058 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #14b6c8 0%,#d8f058 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #14b6c8 0%,#d8f058 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6c8', endColorstr='#d8f058',GradientType=1 ); /* IE6-9 */

}
.bm-title-line-1.align-left {
	width: 50px;
	margin:10px auto 20px 0;
}




















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









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





}
	
	

	
	
/* ---------- 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%;
}










 
}



/* ---------- 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) {

.bm-feature-box-1 .box {
    padding: 50px;
}
.fo-newsletter-3 {
    width: 100%;
	margin-bottom:5px;
}
.fo-newsletter-3-email {
    width: 100%;
}
.fo-newsletter-3-btn {
    width: 100%;
}












}

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


}


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




}