/*
	* Table of Contents :
	* 1.0 - Widget Title Start #Widget_title
	* 2.0 - Text Start #Widget_text
	* 3.0 - Recent Post Start #Widget_recent
	* 4.0 - Contact Start #Widget-contact
	* 5.0 - Project List Meta Start #Widget Project List Meta
	* 6.0 - Brochures Link Strat #Widget Brochures
	* 7.0 - Search Start #Widget Search
	* 8.0 - Archives Start #Widget Archives
	* 9.0 - Recentpost Start #Widget Recentpost
	* 10.0 - Subscribe Start #Widget subscribe
	* 11.0 - Services list Start #Widget Services list
	* 12.0 - Worker Slider Start #Widget Worker Slider
*/
.widget{
	float: left;
	width: 100%;
	position: relative;
}
.widget-bg{
	padding: 30px 30px 30px;
	background-color: #f9f9f9;
}
.div_border{
	float: left;
	width: 100%;
	padding: 30px;
	border-style: solid;
	border-color: #e2e2e2;
	border-width: 0 1px 1px;
}
/*
	  ============================================================
			Widget Title Start #Widget_title
	  ============================================================
*/
.widget_title{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	line-height: 20px;
	font-weight: bold;
	position: relative;
	margin: 0 0 27px 0;
	text-transform: uppercase;
}
.widget_title span{
	float: left;
	width: auto;
	position: relative;
	padding-right: 15px;
}
.widget_title span:before{
	left: 100%;
	bottom: 4px;
	content: "";
	height: 1px;
	right: auto;
	width: 175px;
	margin: 0 auto;
	position: absolute;
	background-color: #cecece;
}
/*
	  ============================================================
			Widget Title End #Widget_title
	  ============================================================
*/
/*
	  ============================================================
			Widget Fancy Title Start #Widget_title
	  ============================================================
*/
.widget_title_fancy{
	float: left;
	width: 100%;
	color: #fff;
	padding:16px 30px;
	font-weight: normal;
	line-height: normal;
	background-color: #333;
	text-transform: capitalize;
}
.widget_title_simple{
	float: left;
	width: 100%;
	line-height: normal;
	text-transform: capitalize;
	font-weight: bold;
	margin: -5px 0 25px;
}
/*
	  ============================================================
			Widget Fancy Title End #Widget_title
	  ============================================================
*/
/*
	  ============================================================
			Widget Text Start #Widget_text
	  ============================================================
*/
footer .widget{
	margin-bottom: 30px;
}

.widget_text p{
	color: #fff;
	float: left;
}
.widget_text > p{
	margin: -9px 0 12px;
}
.contact_list{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
}
.contact_list li{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 14px; 
	margin: 0 0 17px;
	line-height: 14px;
}
.contact_list li:last-child{
	margin: 0;
}
.contact_list li i{
	float: left;
	width: auto;
	margin-right: 20px;
}
.contact_list li p{
	margin: 0;
	float: none;
	font-size: 14px;
	overflow: hidden;
	line-height: 14px;
	width: auto !important;
}
/*
	  ============================================================
			Widget Text End #Widget_text
	  ============================================================
*/
/*
	  ============================================================
			Widget Recent Post Start #Widget_recent
	  ============================================================
*/
.kf_recent{
	float: left;
	width: 100%;
	margin: 0 0 30px;
	position: relative;
}
.widget-recent .kf_recent:last-child{
	margin: 0;
}
.kf_recent figure{
	float: left;
	width: 70px;
	border:1px solid #f0f0f0;
}
.kf_recent:hover figure img{
	opacity: 0.5;
}
.kf_recent .overflow_text{
	padding:9px 0 13px 15px;
}
.kf_recent .overflow_text h6{
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 3px 0;
	text-transform: capitalize;
}
.kf_recent .overflow_text h6 a{
	color: #fff;
}
/*
	  ============================================================
			Widget Recent Post End #Widget_recent
	  ============================================================
*/
/*
	  ============================================================
			Widget Contact Start #Widget-contact
	  ============================================================
*/
.widget-contact .kode-textarea textarea,
.widget-contact .kf_commet_field input{
	background-color: transparent;
	border-color: rgba(236, 236, 236, 0.2);
}
.widget-contact .form-submit{
	text-align: right;
}
.custom-sm-6 .widget_text > p{
	margin:0px 0px 15px;
}
.widget-contact .kf_commet_field,.widget-contact .kode-textarea,.widget-contact .kf_input{
	margin-bottom: 15px;
}

.widget-contact .kode-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.widget-contact .kode-textarea textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.widget-contact .kode-textarea textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.widget-contact .kode-textarea textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.widget-contact .kf_commet_field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.widget-contact .kf_commet_field input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.widget-contact .kf_commet_field input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.widget-contact .kf_commet_field input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
/*
	  ============================================================
			Widget Contact End #Widget-contact
	  ============================================================
*/
/*
	  ============================================================
			Widget Project List Meta Start #Widget Project List Meta
	  ============================================================
*/
.kode-sidebar{
	float: left;
	width: 100%;
}
.kode-sidebar .widget{
	margin:50px 0 0 0;
}
.kode-sidebar .widget:first-child{
	margin:0;
}
.kf_projects_list_meta{
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.widget_projects .kf_projects_list_meta:last-child{
	margin: 0;
}
.kf_projects_list_meta:before{
	left: 0;
	right: 0;
	top: 50%;
	content: "";
	height: 1px;
	width: 100%;
	z-index: -1;
	position: absolute;
	background-color: #dddddd;
	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
					transform: translateY(-50%);
}
.kf_projects_list_meta p{
	float: left;
	width: 100%;
	color: #333;
	font-size: 14px;
	position: relative;
	margin:-4px 0 -2px; 
	line-height: normal;
	font-weight: normal;
	background-color: #fff;
	text-transform: capitalize;
}
.kf_projects_list_meta p a{
	color: #333;
}
.kf_projects_list_meta p i{
	color: #666;
	margin-right: 20px;
}
.kf_projects_list_meta .title{
	float: left;
	width: auto;
	padding-right: 20px;
}
.kf_projects_list_meta .content{
	width: auto;
	float: right;
	padding-left: 20px;
}
/*
	  ============================================================
			Widget Project List Meta End #Widget Project List Meta
	  ============================================================
*/
/*
	  ============================================================
			Widget Brochures Link Strat #Widget Brochures
	  ============================================================
*/
.brochures_link{
	float: left;
	width:  89px;
	height: 89px;
	color: #b0b0b0;
	cursor: pointer;
	font-size: 24px;
	line-height: 89px;
	margin-left: 15px;
	text-align: center;
	position: relative;
	background-color: #e9e8e8;
}
.brochures_link:first-child{
	margin-left: 0;
}
.brochures_link .btn-1 {
	opacity: 0;
    left: -8px;
    color: #fff;
    width: 106px;
    bottom: -12px;
    padding:3px 0;
    z-index: -1;
    margin: 0 auto;
    position: absolute;
    text-align: center;
}
.brochures_link .btn-1:hover{
	color: #fff;
	border-color: #000;
	background-color: #000;
}
.brochures_link:hover .btn-1{
	opacity: 1;
	z-index: 1;
} 
/*
	  ============================================================
			Widget Brochures Link End #Widget Brochures
	  ============================================================
*/
.widget_contact-us #map-canvas{
	float: left;
	width: 100%;
	height: 185px;
	margin-bottom: 30px;
}
.widget_contact-us .contact_list li p{
	color: #333;
}
.widget_contact-us .contact_list li i{
	color: #666;
}
/*
	  ============================================================
			Widget Search Start #Widget Search
	  ============================================================
*/
.widget_search .kode-search{
	margin: 0;
}
.widget_search .kode-search input{
	min-height: 53px;
}
.widget_search .kode-search label{
	top: 0;
	right: 0;
	margin: 0;
	bottom: 0;
	z-index: 1;
	width: 55px;
	height: 100%;
	position: absolute;
	text-align: center;
}
.widget_search .kode-search label:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	z-index: -1;
	font-size: 18px;
	content: "\f002";
	line-height: 53px;
	text-align: center;
	position: absolute;
	font-family: 'FontAwesome';
}
.widget_search .kode-search label:hover:before{
	color: #fff;
	background-color: #000;
}
.widget_search .kode-search label input{
	border:none;
	height: auto;
	line-height: normal;
	background-color: transparent;
}
/*
	  ============================================================
			Widget Search End #Widget Search
	  ============================================================
*/
/*
	  ============================================================
			Widget Archives Start #Widget Archives
	  ============================================================
*/
.widget_archive ul,
.widget_categories ul{
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	margin: -5px 0 0;
}
.widget_archive ul li,
.widget_categories ul li{
    float: left;
    width: 100%;
    color: #999;
	font-size: 16px;
    text-align: right;
    text-align: right;
    position: relative;
    line-height: normal;
    padding: 15px 0px 0px 25px;
    border-bottom: 1px solid #dfdfdf;
}
.widget_archive ul li:hover,
.widget_categories ul li:hover{
	padding-left: 30px;
}
.widget_archive ul li:first-child,
.widget_categories ul li:first-child{
	padding-top: 0;
}
.widget_archive a,
.widget_categories a{
	float: left;
	width: auto;
    color: #999;
	position: relative;
	margin: 0 0 15px 0;
	text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.widget_archive li a:before,
.widget_categories li a:before {
    top: 50%;
	left: -25px;
    content: "";    
    font-size: 16px;
    margin: -9px 0 0;
    position: absolute;
    color: currentColor;
    font-family: "FontAwesome";
}
.widget_archive li a:before{
	content: "\f0da";
}
.widget_archive ul li:last-child,
.widget_categories ul li:last-child{
	border:none;
}
.widget_categories li:last-child a{
	margin: 0;
}
/*
	  ============================================================
			Widget Archives End #Widget Archives
	  ============================================================
*/
/*
	  ============================================================
			Widget Recentpost Start #Widget Recentpost
	  ============================================================
*/
.kode-sidebar .widget-recent .kf_recent figure{
	width: 80px;
	height: 80px;
}
.kf_recent .overflow_text h6 a{
	color: #333;
}
.kf_recent .overflow_text{
	padding: 0 0 0 15px;
}
.kf_recent .overflow_text p{
	margin: 0;
}
/*
	  ============================================================
			Widget Recentpost Start #Widget Recentpost
	  ============================================================
*/
/*
	  ============================================================
			Widget Subscribe Start #Widget subscribe
	  ============================================================
*/
.widget-subscribe .btn-1{
	padding: 7px 20px;
	border-width: 1px;
	border-color: #dfdfdf;
}
.widget-subscribe .btn-1:hover{
	color: #fff;
}
/*
	  ============================================================
			Widget Subscribe End #Widget subscribe
	  ============================================================
*/
/*
	  ============================================================
			Widget Services list Start #Widget Services list
	  ============================================================
*/
.widget_services_list .div_border{
	padding: 0;
}
.services_list{
	float: left;
	width: 100%;
	font-size: 18px;
	padding: 15px 30px;
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
}
.services_list:hover{
	background-color: #eeeeee;
}
.services_list:last-child{
	border:none;
}
.services_list a{
	float: left;
	width: auto;
	line-height: normal;
	font-weight: normal;
	text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.services_list > span{
	float: right;
	width: auto;
	font-size: 22px;
}
/*
	  ============================================================
			Widget Services list End #Widget Services list
	  ============================================================
*/
/*
	  ============================================================
			Widget Worker Slider Start #Widget Worker Slider
	  ============================================================
*/
.widget_worker_slider .bx-wrapper .bx-pager{
	display: none !important;
}
.kf_worker_slider{
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 39px;
}
.kf_worker_slider .slick-arrow {
    bottom: 0;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 -50px;
    transform: translate(0px);
    background-color: transparent;
}
.kf_worker_slider .slick-prev {
    left: 50%;
}
.kf_worker_slider .slick-next {
    right: 50%;
}
.kf_worker{
	float: left;
	width: 100%;
	text-align: center;
}
.kf_worker .text{
	padding: 26px 30px 25px;
}
.kf_worker h6{
	float: left;
	width: 100%;
	font-weight: bold;
	line-height: normal;
	text-transform: capitalize;
}
.kf_worker p{
	margin: 0;
	float: left;
	width: 100%;
	font-size: 14px;
	position: relative;
	line-height: normal;
}
/*
	  ============================================================
			Widget Worker Slider End #Widget Worker Slider
	  ============================================================
*/