/*** 

====================================================================
	Feature Section
====================================================================

***/

.feature-section{
	position:relative;
	overflow:hidden;
	padding:100px 0px 0;
	background-color:#f5f8ff;
      
}

.feature-section .blocks-column{
	position:relative;
}

.feature-section .blocks-column .inner-column{
	position:relative;
}

/* Feature Block */

.feature-block{
	position:relative;
	margin-bottom:30px;
}

.feature-block .inner-box{
	position:relative;
	text-align:center;
	border-radius:5px;
	padding:26px 25px 22px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.feature-block .inner-box .icon-box{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:24px;
	margin:0 auto;
	line-height:40px;
	text-align:center;
	margin-bottom:12px;
	border-radius:4px;
	background-color:#92b339;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.feature-block .inner-box:hover .icon-box{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.feature-block .inner-box h6{
	position:relative;
	font-weight:500;
	line-height:1.2em;
	margin-bottom:6px;
}

.feature-block .inner-box h6 a{
	position:relative;
	color:#243559;
	font-size:16px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.feature-block .inner-box h6 a:hover{
	color:#92b339;
}

.feature-block .inner-box .text{
	position:relative;
	color:#7683a3;
	font-size:16px;
	line-height:1.6em;
}

.feature-section .image-column{
	position:relative;
}

.feature-section .image-column .inner-column{
	position:relative;
}

.feature-section .image-column .image{
	position:relative;
	overflow:hidden;
	border-radius:15px;
	height: 380px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.feature-section .image-column .image img{

	position:relative;
	width:100%;
	display:block;
}

.feature-section .image-column .feature-block-two{
	position:absolute;
	left:50%;
	bottom:0px;
	transform:translateX(-50%);
      width: 80%
}

.feature-section .image-column .feature-block-two .inner-box{
	width:100%;
	width:100%;
}

/* Feature Block Two */

.feature-block-two{
	position:relative;
	margin-bottom:30px;
}

.feature-block-two .inner-box{
	position:relative;
	text-align:center;
	border-radius:5px;
	padding:26px 25px 22px;
	background-color:rgba(255,255,255,0.80);
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.feature-block-two .inner-box .icon-box{
	position:relative;
	width:40px;
	height:40px;
	color:#92b339;
	font-size:20px;
	margin:0 auto;
	line-height:40px;
	text-align:center;
	margin-bottom:12px;
	border-radius:4px;
	border:2px solid #92b339;
	background-color:#ffffff;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.feature-block-two .inner-box:hover .icon-box{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.feature-block-two .inner-box h6{
	position:relative;
	font-weight:500;
	line-height:1.2em;
	margin-bottom:6px;
}

.feature-block-two .inner-box h6 a{
	position:relative;
	color:#243559;
	font-size:16px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
      color:#92b339;
}

.feature-block-two .inner-box h6 a:hover{
	color:#92b339;
      opacity: .8;
}

.feature-block-two .inner-box .text{
	position:relative;
	color:#7683a3;
	font-size:16px;
	line-height:1.6em;
}









/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:30px;
}

.sec-title .title{
	position:relative;
	color:#243559;
	font-size:20px;
	font-weight:500;
	padding-bottom:18px;
	text-transform:uppercase;
}

.sec-title .title:before{
	position:absolute;
	content:'';
	left:0%;
	bottom:0px;
	height:2px;
	width:40px;
	background-color:#92b339;
}

.sec-title h2{
	position: relative;
    color:#243559;
    font-weight: 700;
    line-height: 1.3em;
	margin-top:15px;
}

.sec-title h2 span{
	position: relative;
	color:#92b339;
}

.sec-title .text{
	position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:18px;
	font-size:18px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered .title:before{
	left:50%;
	margin-left:-20px;
}

.sec-title.centered{
	text-align: center !important;
}



.feature-block .add-to-cart{
      background-color: #92b339;
      border-radius: 20px;
      color: white;
      opacity: .8;
      transition: all .4s ease-in-out;
}


.feature-block .add-to-cart:hover{
      opacity: 1;
}

.feature-block h4 a{
      color: #243559;
}


.feature-section .comp-container{
      border: 1px solid #efebeb;
      border-radius: 20px;
      padding: 20px;
      background-color: white;
      box-shadow: 0 0 5px #afacac;
      margin-bottom: 70px;
}


.comp-btn{
      text-align: center;
}

.comp-btn .comp-more{
    border: 1px solid #92b339; 
    border-radius: 20px;
    color: #92b339; 
    opacity: .8;
    transition: all .4s ease-in-out;
    padding-right: 30px;
    padding-left: 30px;

}

.comp-btn .comp-more:hover{
      opacity: 1;
      color: white; 
      background-color: #92b339;
}


.show-more-data{
      display: none;
      overflow: hidden;
}


.feature-block h4 a{
	color: #243559!important;
}