@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:300,500,600,700,900,400);
@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic);


	/* ------------------------------ */
	.btn-border, a.btn-border{
	border:solid 1px #bbb;
	color:#111 !important;
	font-weight:500;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:20px;
	padding-right:20px;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	
	
	}
	.btn-border:hover,a.btn-border:hover, 
	.btn-border.hover,a.btn-border.hover{
	color:#fff !important;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	}


	.btn-border:hover:after, a.btn-border:hover:after, a.btn-border.hover:after{
	color:#fff;
	}

	
	.btn-border:after, a.btn-border:after{
	font-family:FontAwesome;
	content: "\f054";
	margin-left:10px;
	}
	

	.front h3 {
	margin-top: 0;
	font-size:18px;
	letter-spacing:.5px;
	font-family: 'Raleway',Arial, Helvetica, sans-serif;
	font-weight:500;
	color:#000;
	}
	
	 .front span {
	font-weight:normal;
	color: #707070;
	line-height: 1.8em;
	padding:0;
	} 
	
 .info p {
	font-size: 14px !important;
	font-weight:normal;
	color: #fff;
	line-height: 1.5em;

	} 
	
	
	/* feature box style 1 */
	.feature-box i {
	border:solid 1px;
	}
	
	.feature-box-small-icon {
	margin-bottom: 30px;
	margin-left:2%;
	}
	
	.feature-box-small-icon.center{
	text-align:center;
	}
	
	.feature-box-small-icon .text {
	padding-left: 70px;
	}
	
	.feature-box-small-icon.center .text{
	padding-left:0;
	display:block;
	}
	
	.feature-box-small-icon i {
	text-shadow:none;
	color: #333;
	font-size: 32px;
	width: 68px;
	height: 68px;
	text-align: center;
	position: absolute;
	border-radius:60px;
	}
	
	.feature-box-small-icon i.hover {
	color:#333 !important;
	}
	
	.feature-box-small-icon .border{
	height:2px;
	width:30px;
	background:#ccc;
	display:block;
	margin-top:20px;
	margin-left:85px;
	}
	
	
	.feature-box-small-icon .btn{
	margin-top:10px;
	}
	
	.feature-box-small-icon.center i{
	position:inherit;
	float:none;
	display:inline-block;
	margin-bottom:20px;
	border:none;
	font-size:60px;
	background:none;
	padding:0px;
	}
	
	.feature-box-small-icon h3 {
	line-height: normal;
	margin-bottom: 5px;
	}
	

	.f-hover{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	 outline: none;
	}
	
	
	
	/* with image */
.feature-box-image img{
	width:100%;
	margin-bottom:10px;
	height:auto;
	}
#mod-cubic-slider {
display:none;

}
	 .feature-box-image h3 {
	line-height: normal;
	margin-bottom: 5px;
	font-size:20px;
	font-weight:bold;
	}  
	
	
	
	 .box-fx .inner{
	position:relative;
 	overflow:hidden;
	border:solid 1px #e5e5e5;
	border-bottom:solid 2px;
	}
	
	
	
 .box-fx .front{
	padding:60px 0 60px 0;
	} 
	
	.box-fx .front span{
	font-size:14px;
	}
	
	 .box-fx .info{
	position:absolute;
	padding:60px 30px 60px 30px;
	background:#fff;
	color:#fff;
	} 
	
	 .box-fx i{
	font-size:72px !important;
	margin-bottom:20px;
	} 
	
	 .box-fx .btn-border, .dark a.btn-border{
	border:solid 1px rgba(255,255,255,0.5);
	color:#fff !important;
	background:none !important;
	} 
	
	.box-fx .btn-border:hover, .box-fx a.btn-border:hover{
	background:#fff !important;
	color:#111 !important;
	border-color:#fff;
	}
	
	.box-fx .btn-border:after, .box-fx a.btn-border:after{
	color:#fff !important;
	}
	
	.box-fx .btn-border:hover:after, .box-fx a.btn-border:hover:after, .box-fx a.btn-border.hover:after{
	color:#111 !important;
	}
	
	
 .box-fx .info{
	
}

.box-fx .inner{

}

.feature-box-small-icon.center i{

}
	
	
	
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.containers {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.feature-box-small-icon.col4 {
	width:23%;
	float:left;
}
.feature-box-small-icon.col3 {
	width:31.333333%;
	float:left;
}
.feature-box-small-icon.col2 {
	width:47.99999%;
	float:left;
}

.feature-box-small-icon.col1 {
	width:100%;
	float:left;
}





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

.feature-box-small-icon.col4,.feature-box-small-icon.col3 {
	width:47.99999%;
}

}

@media screen and (max-width: 480px) {
 .feature-box-small-icon.col4,.feature-box-small-icon.col3{
	width:100%;
	float:left;
}
}