/**
 * Front-end layout styles.
 */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.widget_woothemes_features {
  margin: 0;
  zoom: 1;
}
.widget_woothemes_features:before,
.widget_woothemes_features:after {
  content: "";
  display: table;
}
.widget_woothemes_features:after {
  clear: both;
}
.widget_woothemes_features > h3 {
  margin: 0 0 .8em;
}
.widget_woothemes_features .feature {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.widget_woothemes_features .feature h3 a {
  color: inherit;
}
.widget_woothemes_features .feature img {
  float: none;
  margin: 0 auto 1em auto;
  border: none;
}
.widget_woothemes_features .feature .feature-title {
  font-size: 1.2em;
}
.widget_woothemes_features{
	width:100%;
	float:left;
	background:url(../images/menu_cont_bg.jpg) repeat-x top;
	margin:58px 0 10px 0;
	}
.widget_woothemes_features{
	width:100%;
	float:left;
	background:url(../images/menu_cont_bg.jpg) repeat-x top;
	margin:58px 0 10px 0;
	}
.features { 
    width: 100%; 	
    float:none;	
    margin: 0 auto;	
    text-align: left;	
	max-width:780px;
    }
.features.box { 
    *zoom: 1;	
    margin-top: 0px;	
    margin-bottom: 0px;	
    }
.features.box:after { 
    content: "";	
    display: table;	
    clear: both;	
    }
.trait-emblem { 
    text-indent: -119988px;	
    overflow: hidden;	
    position: relative;	
	z-index:1000;
    overflow: visible;	
    display: block;	
	width:33%;
	text-align:center;
	max-width:260px;
	margin:0 -2px;
    }
.features dd{
	font-family: 'SourceSansPro-Light';;
	font-size:16px;
	line-height:22px;
	max-width:200px;
	width:100%;
	color:#000;
	margin: 35px auto 10px auto;
	}	
.trait-emblem.large { 
    width: 68px;	
    height: 74px;	
    }

.trait-emblem span { 
    position: absolute;	
    top: -2px;	
    left: 50%;	
    margin-left: -18px;	
    margin-top: -15px;	
    padding:0 20px !important;
	background:#4D8B3F;
	color:#FFF !important;
	line-height:33px;	
    display: block;	
    }
.trait-emblem span:after { 
    content: '';	
    display: block;	
    position: absolute;	
    bottom: 0;	
    left: 50%;	
    margin-left: -8px;	
    margin-bottom: -6px;	
    width: 16px;	
    height: 6px;	
    overflow: hidden;	
    }
.ie .trait-emblem span { 
    display: none;	
    }
.ie .trait-emblem:hover span { 
    display: block;	
    }
.trait-emblem span { 
    -webkit-transition: none 125ms ease-out;	
    -webkit-transition-delay: 150ms;	
    -moz-transition: none 125ms ease-out 150ms;	
    -o-transition: none 125ms ease-out 150ms;	
    transition: none 125ms ease-out 150ms;	
    -webkit-transition-property: opacity, top;	
    -moz-transition-property: opacity, top;	
    -o-transition-property: opacity, top;	
    transition-property: opacity, top;	
    opacity: 0;	
    top: 3px;	
    -webkit-transform: translateZ(0);
    }
.trait-emblem:hover span { 
    opacity: 1;	
    top: -2px;	
    }
.feature {
	float:left;	
    width:33%;	
    margin-top:0;	
    display: block;	
    text-align: center;	
    height: 120px;
    position: relative;	
    color: #4e4e4d;	
    text-decoration: none !important;	
    }
.feature h3 { 
    width: 100%;	
	float:left;
	color:#0077c0;
	display:block;
	padding:63px 0 0 0;
	font-family: 'SourceSansPro-Regular';
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
	position:absolute;
	line-height:33px;
    }
.features .feature:hover h3{
	/*position:absolute;*/
	bottom:24px;
	/*left:auto;
	right:auto;*/
	background:none !important;
	opacity:1;	
	}	
.features .feature h3 a{
	padding:4px 20px !important;
	font-weight:normal;
	-webkit-transition-duration: 325ms;	
    -moz-transition-duration: 325ms;	
    -o-transition-duration: 325ms;	
    transition-duration: 325ms;	
    -webkit-transition-delay: 200ms;	
    -moz-transition-delay: 200ms;	
    -o-transition-delay: 200ms;	
    transition-delay: 200ms;	
	background-color: rgba(77, 139, 63, 0) !important;
	-webkit-transform: translateZ(0);
	}	
.features .feature:hover h3 a{
	background-color: #0077c0 !important;
	color:#FFF !important;
	line-height:33px;
	font-weight:normal;
	opacity:1;
	-webkit-transition-duration: 325ms;	
    -moz-transition-duration: 325ms;	
    -o-transition-duration: 325ms;	
    transition-duration: 325ms;	
    -webkit-transition-delay: 100ms;	
    -moz-transition-delay: 100ms;	
    -o-transition-delay: 100ms;	
    transition-delay: 100ms;	
    -webkit-transform: translateZ(0);
	}	
.features h3 { 
    background:url(//www.sedulen.com/wp-content/uploads/2017/02/menu_bg_work.jpg) top no-repeat #FFF !important;
    }
.features .first h3 { 
    background:url(//www.sedulen.com/wp-content/uploads/2017/02/menu_bg_services.jpg) top no-repeat #FFF !important;
    }
.features .last h3 { 
    background:url(//www.sedulen.com/wp-content/uploads/2017/02/menu_bg_contact.jpg) top no-repeat #FFF !important;	
    }	
.feature h3 span { 
    color: #4e4e4d;	
    display: block;	
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;	
    font-weight: 700;	
    font-size: 24px;	
    letter-spacing: 1px;	
    font-style: normal;	
    text-transform: uppercase;	
    line-height: 26px;	
    }
.feature figure { 
    position: absolute;	
	top: 0;	
    left: 0;	
    overflow: hidden;	
    width: 100%;	
    height: 0;	
    opacity: 0;	
    }
.feature figure img { 
    position: absolute;	
    top: 0;	
    left: 0;	
    display: block;	
	z-index:1000;
    }
.feature .trait-emblem { 
    margin: -40px auto 22px;	
    }
.feature .trait-emblem span { 
    display: none !important;	
    }
.feature dd { 
    overflow: hidden;	
    height: 0;	
    opacity: 0;	
    }
.feature dd span { 
    white-space: nowrap;	
    display: block;	
    opacity: 0;	
	font-family: 'SourceSansPro-Light';
	font-size:14px;
	color:#0077c0;
	font-style:italic;
    }
.feature, .feature figure, .feature h3 span, .feature dd, .feature dd span { 
    -webkit-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);	
    -webkit-transition-delay: 0;	
    -moz-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;	
    -o-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;	
    transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;	
    -webkit-transform: translateZ(0);
    }
.feature:hover, .feature.expanded { 
    margin-top: -205px;
    height: 325px;	
	position:relative;
	z-index:1000;
	/*border:#95D600 solid 1px;*/
	background:#CCC;
	text-align:center;
	padding:0 0 0px 0;
	background:#FFF;
	margin-bottom:-6px;
	box-shadow:         0px 0px 0px 1px #333333;
	-webkit-box-shadow: 0px 0px 0px 1px #333333;
	-moz-box-shadow:    0px 0px 0px 1px #333333;
	-o-box-shadow:      0px 0px 0px 1px #333333;
	-ms-box-shadow:     0px 0px 0px 1px #333333;
	/*box-shadow:         2px 2px 6px -1px #C3C3C3;
	-webkit-box-shadow: 2px 2px 6px -1px #C3C3C3;
	-moz-box-shadow:    2px 2px 6px -1px #C3C3C3;
	-o-box-shadow:      2px 2px 6px -1px #C3C3C3;
	-ms-box-shadow:     2px 2px 6px -1px #C3C3C3;*/
    }


.feature:hover figure, .feature.expanded figure { 
    height: 184px;	
    opacity: 1;	
    }
.feature:hover h3 span, .feature.expanded h3 span { 
    color: #e8554e;	
    }
.feature:hover dd, .feature.expanded dd { 
    height: auto;	
    opacity: 1;	
    }
.feature:hover dd span, .feature.expanded dd span { 
    opacity: 1;	
    }
.feature:hover dd span{
	font-family: 'SourceSansPro-It';
	font-size:14px;
	color:#0077c0;
	font-style:italic;
	margin-top:20px;
	}	
.feature:hover dd span:hover, .feature.expanded dd span:hover { 
    font-family: 'SourceSansPro-It';
	font-size:14px;
	color:#4D8B3F;
	font-style:italic;
	
    }
.feature:hover, .feature:hover h3 span, .feature.expanded, .feature.expanded h3 span { 
    -webkit-transition-duration: 325ms;	
    -moz-transition-duration: 325ms;	
    -o-transition-duration: 325ms;	
    transition-duration: 325ms;	
    -webkit-transition-delay: 100ms;	
    -moz-transition-delay: 100ms;	
    -o-transition-delay: 100ms;	
    transition-delay: 100ms;	
    -webkit-transform: translateZ(0);
    }
.feature:hover{
	 -webkit-transition-duration: 525ms;	
    -moz-transition-duration: 525ms;	
    -o-transition-duration: 525ms;	
    transition-duration: 525ms;	
    -webkit-transition-delay: 100ms;	
    -moz-transition-delay: 100ms;	
    -o-transition-delay: 100ms;	
    transition-delay: 100ms;	
    -webkit-transform: translateZ(0);
	}	
.feature:hover figure, .feature.expanded figure { 
    -webkit-transition-duration: 325ms;	
    -moz-transition-duration: 325ms;	
    -o-transition-duration: 325ms;	
    transition-duration: 325ms;	
    -webkit-transition-delay: 100ms;	
    -moz-transition-delay: 100ms;	
    -o-transition-delay: 100ms;	
    transition-delay: 100ms;	
    -webkit-transform: translateZ(0);
    }
.feature:hover dd, .feature.expanded dd { 
    -webkit-transition-duration: 540ms;	
    -moz-transition-duration: 540ms;	
    -o-transition-duration: 540ms;	
    transition-duration: 540ms;	
    -webkit-transition-delay: 500ms;	
    -moz-transition-delay: 500ms;	
    -o-transition-delay: 500ms;	
    transition-delay: 500ms;	
    -webkit-transform: translateZ(0);
    }
.feature:hover dd span, .feature.expanded dd span { 
    
    -webkit-transition-duration: 540ms;	
    -moz-transition-duration: 540ms;	
    -o-transition-duration: 540ms;	
    transition-duration: 540ms;	
    -webkit-transition-delay: 1100ms;	
    -moz-transition-delay: 1100ms;	
    -o-transition-delay: 1100ms;	
    transition-delay: 1100ms;	
    -webkit-transform: translateZ(0);
    }
.feature-content {
    top: 40px;
    position: relative;
}
.feature > a {
    display: none;
}
@media only screen and (min-width: 980px) {
  #main .widget_woothemes_features .columns-1 .feature {
    width: 100%;
    text-align: left;
  }
  #main .widget_woothemes_features .columns-1 .feature img {
    float: left;
    margin: 0 2em 0 1em;
  }
  #main .widget_woothemes_features .columns-2 .feature {
    width: 47%;
    text-align: left;
  }
  #main .widget_woothemes_features .columns-2 .feature img {
    float: left;
    margin: 0 2em 0 1em;
  }
  #main .widget_woothemes_features .columns-3 .feature {
    width: 30%;
    text-align: center;
  }
  #main .widget_woothemes_features .columns-3 .feature img {
    float: none;
  }
  #main .widget_woothemes_features .columns-4 .feature {
    width: 21%;
    text-align: center;
  }
  #main .widget_woothemes_features .columns-4 .feature img {
    float: none;
  }
  #main .widget_woothemes_features .columns-5 .feature {
    width: 16%;
    text-align: center;
  }
  #main .widget_woothemes_features .columns-5 .feature img {
    float: none;
  }
  #main .widget_woothemes_features .columns-6 .feature {
    width: 12.4%;
    text-align: center;
  }
  #main .widget_woothemes_features .columns-6 .feature img {
    float: none;
  }
  #main .widget_woothemes_features .feature {
    float: left;
    margin-right: 5%;
  }
  #main .widget_woothemes_features .feature.last {
    margin-right: 0;
  }
  #main .widget_woothemes_features .feature .feature-content {
    overflow: hidden;
  }
  #sidebar .widget_woothemes_features .columns-2 .feature,
  #sidebar .widget_woothemes_features .columns-3 .feature,
  #sidebar .widget_woothemes_features .columns-4 .feature,
  #sidebar .widget_woothemes_features .columns-5 .feature,
  #sidebar .widget_woothemes_features .columns-6 .feature {
    width: 100%;
    float: none;
    margin-right: 0;
    clear: both;
  }
}