@charset "utf-8";
/*
Theme Name: Business Plus
Theme URI: http://kodeforest.net/wp-demo/businessplus/
Description: Business Plus WordPress Theme
Author: KodeForest
Author URI: http://kodeforest.com/
Version: 1.0
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, theme-options
Text Domain: business-plus
*/
/*==================================================

	/**
	* Table of Contents :
	* 1.0 - Default Css Wrap Start #default css
	* 2.0 - Home Page 1 Start #home-page-1
		* 2.1 - Header Css Wrap Start #header-1 Css
		* 2.2 - Main Banner Css Wrap Start #MainBanner
		* 2.3 - Banner Bar Css Wrap Start #BannerBar
		* 2.4 - Achievements Wrap Start #Achievements
		* 2.5 - Small Services Wrap Start #Smallservices
		* 2.6 - Medium Services Wrap Strat #Mediumservices
		* 2.7 - Testimonial Wrap Start #Testimonial
		* 2.8 - Team Slider Wrap Start #Team Slider
		* 2.9 - Kode Modren Services Wrap Start #Kode Modren Services
		* 2.10 -  Kode Blog Medium Wrap Start #Kode Blog Medium
		* 2.11 - Kode Brand Wrap Start #Kode brand
		* 2.12 - Kode Footer 1 Wrap Start #Kode Footer1
		* 2.13 - Kode Copy Right 1 Wrap Start #Kode Copyright1
	* 3.0 - Blog Blog Medium Css Page Start #Blog Medium	
	* 4.0 - Our Team Css Page Start #Our Team
		* 4.1 - Founder Wrap Css start #Founder Wrap
	* 5.0 - Project Page Css Start #Project Page
	* 6.0 - Project Small Grid Page Css Start #Project Small Page
	* 7.0 - About us Page Css Start #Aboutus Page
	* 8.0 - Modren Services Page Css Start #Modren Services 
	* 9.0 - Blog Listing Page Css Start #Blog Listing
	* 10.0 - Blog Detail Page Css Start #Blog Detail
		* 10.1 - blog Slider start #blodslider
		* 10.2 - blog meta start #blogmeta
		* 10.3 - Kode Comments Css Start #commentsection
		* 10.4 - User Comment Css Start #usercomment
		* 10.5 - Comment Form Css Start #commentform
	* 11.0 - Contact us Page Css Start #Contactus
	* 12.0 - Project Detail Page Css Start #Project Detail
	* 13.0 - Services Detail Page Css Start #Services Detail
	* 14.0 - Employ Detail Page Css Start #Employ Detail
	* 14.0 - Sidr Page Css Start Sidr #sidr
	* 15.0 - Index 2 Css Start #index 2
		* 15.1 - Header 2 Css Wrap Start #Header 2
		* 15.2 - Main Banner 2 Css Wrap Start #MainBanner 2
		* 15.3 - Icon Thumb Wrap Start #Icon Thumb
		* 15.4 - Fancy Services Start #Fancy Services
		* 15.5 - Fancy Progress Start #Fancy Progress
		* 15.6 - Intro Wrap Start #Intro Wrap
		* 15.7 - Practice Thumb Start #Practice Thumb
		* 15.8 - History Timeline Wrap Start #History Timeline
		* 15.9 - Modren Team Wrap Start #Modren Team
		* 15.10 - Video Wrap 2 Start #Video Wrap 2
		* 15.11 - Blog2 Css Start #Blog2
	* 16.0 - Index 3 Css Start #Index 3
		* 16.1 - Header 3 Css Wrap Start #Header 3
		* 16.2 - Main Banner 3 Css Wrap Start #Main Banner 3
		* 16.3 - Services Slider Css Wrap Start #Services Slider
		* 16.4 - Modren Counter Css Wrap Start #Modren Counter
		* 16.5 - Practice List Css Wrap Start #Practice List
		* 16.6 - Cases Slider Css Wrap Start #Cases Slider
		* 16.7 - Video Wrap 3 Css Wrap Start #Video Wrap 3
		* 16.8 - Team Medium Thumb Css Wrap Start #Team Medium Thumb
		* 16.9 - Testimonial 2 Css Wrap Start #Testimonial 2
		* 16.10 - History Timeline Slider 2 Css Wrap Strat #History Timeline Slider 2
		* 16.11 - Blog Medium 2 Css Wrap Start #Blog Medium 2
		* 16.12 - Contant Bar Css Wrap Start #Contant Bar
	* 17.0 - Index 4 Css Start #Index 4
		* 17.1 - Header 5 Css Start #Header 5
		* 17.2 - Banner 4 Css Start #Banner 4
		* 17.3 - Categories Wrap Css Start #Categories Wrap
		* 17.4 - Services Description Css Start #Services Description
		* 17.5 - Modren Services2 Css Start #Modren Services2
		* 17.6 - Latest Services Css Start #Latest Services
		* 17.7 - Projects Slider 2 Css Start #Projects Slider 2
		* 17.8 - Team Slider 2 Css Start #Team Slider 2
		* 17.9 - Video 4 Css Start #Video 4
		* 17.10 - Price Tag Css Start #Price Tag
		* 17.11 - Brand 2 Css Start #Brand 2
		* 17.12 - Footer 2 Css Start #Footer 2

	[Color codes]

	Background: #ffffff (white)
	Content: #999999 (light black)
	Header h1: #3d3d3d (dark black)
	Header h2: #3d3d3d (dark black)
	Footer:  #000000 (dark black)

	a (standard): #999999 (light black)
	a (visited): #999999 (light black)
	a (active): #999999 (light black)

	[Typography]
	  
	Body copy:  18px/ "Open Sans",sans-serif
	Headers:  "Open Sans",sans-serif
	Input, textarea: "Open Sans",sans-serif
	Sidebar heading: "Open Sans",sans-serif

==================================================*/
/*
	  ============================================================
		   Default Css Wrap Start #default css
	  ============================================================
*/
.body-wrapper{
	overflow: hidden;
	position:relative;
}
.gallery-caption,
.bypostauthor{
	float:left;
	width:100%;
}
.kode_content_wrap,
.kode_wrapper,
header,
section{
	float:left;
	width:100%;
	position:relative;	
}
.section,
section{
	padding:70px 0px 20px;	
}
.no_padding{
	padding:0px;	
}
.no_margin{
	margin: 0!important;
}
.overflow_text{
	float: none;
	width: auto;
	overflow: hidden
}
.text{
	float: left;
	width: 100%;
}
figure,
.thumb{
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
figure img{
	float: left;	
	height: auto;
}
.slick-dots{
	display: none !important;
}
.uppercase{
	text-transform: uppercase;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left !important;
}
.text-right{
	text-align: right;
}
/*Bootstrap Changes*/
.nav-tabs{
	border: none;
	margin: 0;
	padding: 0;
}
.kode-blog-medium .kode-thumbnail{
	float: left;
	width: auto;
}
/*
	  ============================================================
		  Home Page 1 Css Wrap Start #home-page-1 css
	  ============================================================
*/
/*
	  ============================================================
		  Header 1 Css Wrap Start #header-1 css
	  ============================================================
*/
.kf_header_1{
    float: left;
    width: 100%;
    margin-bottom: -56px;
    position: relative;
}
/*TOP BAR CSS START*/
.kf_top_bar{
	float: left;
	width: 100%;
	position: relative;
}
.kf_header_1 .dropdown_button,
.kf_top_bar .pull-left
{

	padding: 15px 20px 15px;
}
.kf_top_bar .pull-left{
	padding-left: 0;
}
.float-xs-right{
	float: right;
}
.kf_top_bar .pull-left span{
	margin: 0;
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: normal;
	padding: 0px 0 0px 0;
	text-transform: capitalize;
}
.kf_location_btn{
	position: relative;
}
.kf_location_btn .dropdown{
	float: left;
	width: 100%;
}
.kf_header_1 .dropdown_button{
	float: left;
	width: 100%;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: normal;
	text-transform: capitalize;
}
.kf_location_btn .nav.nav-tabs li a {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 8px 25px;
    border-width:1px 0 0;
    border-color: #999;
    border-style: solid;
}
.kf_location_btn .nav.nav-tabs li:first-child a{
	border:none;
}
.dropdown_button .caret{
	margin-left: 15px;
	margin-top: -2px;
}
.dropdown-menu{
	right: 0;
	left: auto;
	padding: 0px;
	border:2px solid;
	border-radius: 0;
	min-width: 200px;
}
.kf_location_btn .dropdown-menu > li{
	float: left;
	width: 100%;
	position: relative;
}
.kf_location_btn .dropdown-menu > li > a{
	float: left;
	width: 100%;
	color: #333;
	font-size: 14px;
	padding: 8px 20px;
	line-height: normal;
	text-transform: capitalize;
}
.kf_location_btn .nav.nav-tabs li:hover a,
.kf_location_btn .dropdown-menu > li > a:hover{
	color: #fff;
}
/*TOP BAR CSS END*/
/*TOP LOGO CSS START*/
.kf_logo_bar{
	float: left;
	width: 100%;
	padding: 20px 40px;
	background-color: #fff;
}
.logo{
	float: left;
	width: auto;
}
.logo a{
	float: left;
	width: auto;
}
.logo img{
	float: left;
	width: 100%;
}
.kf_top_contact_wrap{
	width: auto;
	margin-top:12px;
}
.kf_contact_dec{
	float: left;
	width: auto;
	padding:0px;
	margin-left: 40px;
}
.kf_contact_dec .overflow_text{
	float: left;
	width: auto;
}
.kf_contact_dec > span{
	float: left;
	width: 26px;
	height: 40px;
	color: #38b44d;
	font-size: 30px;
	line-height: 39px;
	margin-right: 15px;
}
.kf_contact_dec p{
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: normal;
}
.kf_contact_dec h6{
	color: #333;
	font-size: 18px;
	line-height: normal;
	margin: 0;
}
.kf_top_contact_wrap .kf_contact_dec:first-child{
	margin-left: 0;
}
/*TOP LOGo CSS END*/
/*NAVIGATION CSS START*/
.header_container{
	float: left;
	width: 100%;
	position: relative;
}
.test-navigation {
    float: left;
    width: 90%;
}

.kf_header_1 .kode_navigation{
    float: left;
    width: 100%;
    z-index: 9999;
    padding: 0 40px;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
}
.navigation{
    float: left;
    width: auto;
    text-align: center;
}
.navigation ul{
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
    list-style: none;
}
.navigation ul li{
    float: left;
    width: auto;
    margin-bottom: 0;
    margin-right: 60px;
    position: relative;
}
.navigation ul li:last-child{
    margin: 0;
}
.navigation ul li a{
    float: left;
    width: 100%;
    color: #333;
    padding: 20px 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
.navigation ul li ul,
.navigation .children {
    position: absolute;
    top: 100%;
    z-index: 1000;
    margin: 0;
    padding: 0;
    left: 0;
    min-width: 280px;
    background-color: #fff;
    border: solid 1px #dbdbdb;
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.navigation ul li ul,
.navigation ul li .children  {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    visibility: hidden;
}
.navigation ul li:hover > ul,
.navigation ul li:hover > .children  {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
.navigation ul li ul ul,
.navigation ul li .children .children{
	left: 100%;
	top: 0;
}

.navigation ul li.last ul,
.navigation ul li.last .children{
	right: 0;
	left: auto;
}
.navigation ul li.last ul ul,
.navigation ul li.last .children .children{
	right: 100%;
	left: auto;
}
.navigation ul li ul li,
.navigation ul li .children li{
	float: left;
	width: 100%;
	margin: 0;
}
.navigation ul li ul a,
.navigation ul li .children  a {
    display: block;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    padding: 16px 30px !important;
    letter-spacing: normal;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.navigation ul li ul li:hover > a,
.navigation ul li .children li:hover  a{
	color: #fff;
}
/*LAST CHILD CSS END*/
/*NAVIGATION CSS END*/
/*RESPONCIVE MENU CSS START*/
.dl-menuwrapper{
	display: none;
}
.dl-menuwrapper .dl-menu{
	background: #fff;
}
.dl-menuwrapper li a {
    display: block;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    color: #333;
    text-align: left;
    letter-spacing: normal;
    border-bottom: 1px solid #dbdbdb;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
/*RESPONCIVE MENU CSS END*/

.kf_header_1  .kf_search_wrap{
	float: right;
	width: auto;
	padding: 12px 0;
}
#search.modal{
	background: #fff;
}
#search .modal-dialog {
    width: 70%;
    top: 50%;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: #fff;
    position: fixed;
    z-index: 99999999999999999999;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0 auto;
}
#search.modal.fade.in{
	opacity: 1;
}
#search .modal-dialog  .widget_search{
	float: left;
	width: 100%;
}
#search .modal-dialog  .widget_search input[type="text"]::-moz-placeholder{
	color:#fff;
}
#search .modal-dialog  .widget_search input[type="text"]::-webkit-input-placeholder{
	color: #fff;
}

.icon-signature .path1::before{
	background-color: transparent;
}
.margin-top-minus{
	top: -50px;
	z-index: 0;
}
.c-button,
.search-here{
	font-size: 28px;
	line-height: 27px;
	text-align: center;
    position: relative;
}
.kf_sidr_btn,
.kf_search_btn{
	float:left;
}
.search-here .icon-search span:before,
.search-here a{
	color: #333;
}
.kf_sidr_btn{
	margin-left:20px;
}
.kf_search_btn .kode_search{
	min-height: auto;
}
.kf_sidr_btn .menu-button{
	cursor: pointer;
	transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
/*
	  ============================================================
		  Main Banner Css Wrap Start #MainBanner
	  ============================================================
*/
.kode_banner_1{
    float: left;
    width: 100%;
    position: relative;
}
.main_banner{
	float: left;
	width: 100%;
	position: relative;
	cursor: col-resize;
}
.main_banner .slick-slide{
	padding: 0 0;
}
.main_banner .thumb{
	float: left;
	width: 100%;
	position: relative;
	background-color: #000;
}
.main_banner .thumb img{
	opacity: 0.43;
}

.kode-caption-wrapper {
    left: 0;
    right: 0;
    bottom: 50%;
    width: 1170px;
    z-index: 999;
    padding: 0 15px;
    margin:-4px auto 0;
    position: absolute;
	-webkit-transform: translateY(40%);
		-moz-transform: translateY(40%);
			-ms-transform: translateY(40%);
				-o-transform: translateY(40%);
					transform: translateY(40%);
}
.flex-direction-nav{
	display:none;
}
.flexslider.main_banner li{
	margin-bottom:0px;
}
.kode-caption-wrapper .kode-caption-title{
	color: #fff;
	font-size: 48px;
	line-height:68px;
	margin: 0 0 10px 0;
	font-weight: normal;
	text-transform: capitalize;
}
.kode-caption-wrapper .kode-caption-title span{
	display: block;
}
.kode-caption-wrapper .kode-caption-text{
	float: left;
	width: 100%;
	color: #fff;
	font-weight: normal;
	margin: 0 0 29px 0;
	line-height: normal;
	font-family: 'Montserrat', sans-serif;
}
.kode-caption-wrapper .kode_btn_store_1{
	color: #fff;
	float:left;
	margin-right: 20px;
	padding:  13px 25px 13px;
}
.kode-caption-wrapper .kode_btn_store_1:hover{
	background-color: #000;
	color: #fff;
}
.kode-caption-wrapper .kode_btn_store_1:last-child{
	margin: 0;
}
.kode-caption-wrapper.text-center .btn-1{
	margin: 0 10px;
}
.kode_banner_1 .flex-control-nav-wrapper,
.kode_banner_1 .bx-pager.bx-default-pager,
.main_banner .slick-arrow{
	display: none !important;
}


.banner-slider-3 .kode-caption-wrapper{
	bottom: 35%;
	-webkit-transform: translateY(35%);
		-moz-transform: translateY(35%);
			-ms-transform: translateY(35%);
				-o-transform: translateY(35%);
					transform: translateY(35%);
}
/*
	  ============================================================
		  Banner Bar Css Wrap Start #BannerBar
	  ============================================================
*/
.kf_banner_bar_wrap{
	float: left;
	width: 100%;
	position: relative;
}
.kf_banner_bar{
	float: left;
	width: 100%;
	z-index:1;
	position: relative;
	padding: 38px 0 43px 270px;
}
.kf_banner_bar h4{
	color: #fff;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: normal;
	text-transform: capitalize;
}
.kf_banner_bar p{
	float: left;
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	text-transform: capitalize;
}
.banner_bar_hd{
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 182px;
	padding: 24px 30px;
	margin-right: 60px;
	z-index:9999;
	position: absolute;
	-webkit-transform: scaleY(1.2);
		-moz-transform: scaleY(1.2);
			-ms-transform: scaleY(1.2);
				-o-transform: scaleY(1.2);
					transform: scaleY(1.2);
}
.banner_bar_hd::before {
    top: 0;
    bottom: 0;
    width: 50%;
    content: "";
    right: -30px;
    height: 100%;
    position: absolute;
    -webkit-transform: skewX(19deg);
	    -moz-transform: skewX(19deg);
		    -ms-transform: skewX(19deg);
			    -o-transform: skewX(19deg);
			    	transform: skewX(19deg);
}
.banner_bar_hd::after {
    bottom: 0;
    color: #fff;
    opacity: 0.1;
    right: -40px;
    height: 80px;
    font-size: 80px;
    content: "\eafe";
    position: absolute;
    line-height: normal;
    font-family: "icomoon" !important;
	-webkit-transform: scaleY(0.8);
		-moz-transform: scaleY(0.8);
			-ms-transform: scaleY(0.8);
				-o-transform: scaleY(0.8);
					transform: scaleY(0.8);
}
.banner_bar_hd p{
	margin: 0 0 3px 0;
	-webkit-transform: scaleY(0.9);
		-moz-transform: scaleY(0.9);
			-ms-transform: scaleY(0.9);
				-o-transform: scaleY(0.9);
					transform: scaleY(0.9);
}
.banner_bar_hd h4{
	margin: 0;
	font-size: 30px;
	line-height: 34px;
	padding: 0 0 11px;
	position: relative;
	font-weight: normal;
	-webkit-transform: scaleY(0.9);
		-moz-transform: scaleY(0.9);
			-ms-transform: scaleY(0.9);
				-o-transform: scaleY(0.9);
					transform: scaleY(0.9);
}
.banner_bar_hd h4::before{
	left: 0;
	bottom: 0;
	height: 2px;
	width: 44px;
	content: "";
	position: absolute;
	background-color: #fff;
}
/*
	  ============================================================
		  Banner Bar Css Wrap Start #BannerBar
	  ============================================================
*/
/*
	  ============================================================
		  Achievements Wrap Start #Achievements
	  ============================================================
*/
.achievements_slider{
	margin:0 0 50px; 
}
.kf_cop_achievements{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	border:1px solid #eeeeee;
}
.kf_cop_achievements > span{
	float: left;
	width: 100%;
	font-size: 50px;
	padding: 15px 0;
	margin: 0 0 0px 0;
	line-height: normal;
	background-color: #e9e9e9;
}
.achievements_slider .slick-center .kf_cop_achievements > span,
.kf_cop_achievements:hover > span{
	color: #fff;
}
.kf_cop_achievements .text{
	padding:35px 25px 40px;
	float:left;
	width:100%;
}
.kf_cop_achievements h5{
	margin:0px;
}
.kf_cop_achievements h5 a{
	float: none;
	width: auto;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin: 0 0 22px 0;
	line-height: normal;
	padding: 0 0 11px 0;
	display: inline-block;
	text-transform: capitalize;
}
.kf_cop_achievements h5 a::before{
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	width: 75px;
	height: 2px;
	margin: 0 auto;
	position: absolute;
	background-color: #666666;
}
.kf_cop_achievements p{
	float: left;
	width: 100%;
	margin: 0 0 26px 0;
}
.achievements_slider .slick-center .kf_cop_achievements .btn-1,
.kf_cop_achievements:hover .btn-1{
	color: #fff;
}
.achievements_slider .slick-prev{
	left: -55px;
}
.achievements_slider .slick-next{
	right: -55px;
}
.achievements_slider .slick-arrow:hover:before{
	color: #fff;
}
/*
	  ============================================================
		  Achievements Wrap End #Achievements
	  ============================================================
*/
/*
	  ============================================================
		  Small Services Wrap Start #Smallservices
	  ============================================================
*/
.kf_cp_video_wrap{
	float: left;
	width: 100%;
	position: relative;
}
.kf_cp_video_wrap .kf_cp_services{
	float: right;
	width: 50%;
}
.kf_cp_video{
	position: relative;
	text-align: center;
	padding:250px 0;
}
.kf_cp_video:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity:.7;
	position: absolute;
}
.video_caption{
	float: none;
	width: auto;
	display: block;
	margin: 0px auto 0;
	position: relative;
}
.video_caption span{
	color: #fff;
	font-size: 56px;
	margin: 0 0 9px 0;
}
.video_caption h4{
	color: #fff;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
/**/
.kf_cp_services{
	float: left;
	width: 100%;
	position: relative;
}
.kf_cp_services ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-style: solid;
	border-color: #c7c7c7;
	border-width: 1px 0 0 0;
}
.kode-traders-datail{
	border-style: solid;
	border-color: #c7c7c7;
	border-width: 1px 0 0 0;
}
.kode-traders-datail [class*="col"]{
	border-style: solid;
	border-color: #c7c7c7;
	border-width: 0 0 1px 0px;
}
.kf_cp_services ul li{
	float: left;
	width: 50%;
	border-style: solid;
	border-color: #c7c7c7;
	border-width: 0 0 1px 0px;
}
.kode-traders-datail [class*="col"]:nth-child(odd),
.kf_cp_services ul li:nth-child(odd) {
    border-right-width: 1px;
}
/*SERVICES SMALL CSS STRAT*/
.kf_cp_services_small{
	float: left;
	width: 100%;
	padding: 98px 0 91px;
	text-align: center;
	background-color: #fff;
}
.kf_cp_services_small > span{
	width: 70px;
	height: 70px;
	color: #666666;
	font-size: 70px;
	line-height: 70px;
	margin: 0 0 20px 0;
	display: inline-block;
}
.kf_cp_services_small h5 a{
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	text-transform: capitalize;
	
}

.kf_cp_services_small:hover h5 a,
.kf_cp_services_small:hover span{
	color: #fff;
}
/*SERVICES SMALL CSS END*/
/*
	  ============================================================
		  Small Services Wrap End #Smallservices
	  ============================================================
*/
/*
	  ============================================================
		  Medium Services Wrap Strat #Mediumservices
	  ============================================================
*/
.kf_medium_services{
	float: left;
	width: 100%;
	margin: 0 0 45px 0;
	background-color: #fff;
}
.kf_medium_services_content{
	top: -22px;
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 -22px 0;
}
.kf_medium_services_content .services_title{
	float: left;
	width: 100%;
	position: relative;
	z-index: 1;
}
.kf_medium_services_content .services_title a{
	float: left;
	width: 80%;
	color: #fff;
	text-align: left;
	font-weight: bold;
	margin: 0 0 22px 0;
	line-height: normal;
	padding: 10px 45px 9px;
	background-color: #404041;
	text-transform: capitalize;
}
.kf_medium_services:hover .kf_medium_services_content .services_title a{
	width: 100%;
}
.kf_medium_services_content p{
	margin: 0 0 21px;
}
.kf_medium_services figure figcaption{
	-webkit-transform: translate(-87%);
	-moz-transform: translate(-87%);
	-ms-transform: translate(-87%);
	-o-transform: translate(-87%);
	transform: translate(-87%);
}
/*
	  ============================================================
		  Medium Services Wrap End #Mediumservices
	  ============================================================
*/
/*
	  ============================================================
		  Testimonial Wrap End #Testimonial
	  ============================================================
*/
.kf_testimonial_wrap{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(extra-images/testimonial_bg.jpg);
}
.kf_testimonial_wrap:before{
	top: 0;	
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0.7;
	position: absolute;
	background-color: #2e2929;
}
.kf_testimonial{
	width: 100%;
	float: left;
	display: block;
	/*margin: 0 auto;*/
	/*padding: 0 1.5% !important;*/
	text-align: center;
	position: relative;
}
.kf_testimonial figure{
	float: none;
	width: 122px;
	height: 122px;
	display: block;
	border:2px solid;
	margin: 0 auto 15px;
	-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
			border-radius: 100%;
}
.kf_testimonial figure img{
	-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
			border-radius: 100%;
}
.kf_testimonial h5{
	margin: 0 0 4px 0;
}
.kf_testimonial h5 a{
	color: #fff;
	font-weight: normal;
	line-height: normal;
	text-transform: capitalize;
}
.kf_testimonial .rating_down{
	margin-bottom: 20px;
}
.kf_testimonial p{
	margin: 0;
	color: #fff;
}
.kf_testimonial_slider1,
.kf_testimonial_slider{
	margin: 0 0 46px 0;
}
.kf_testimonial_slider1 .slick-arrow,
.kf_testimonial_slider .slick-arrow{
	background-color: transparent;
	border:1px solid #fff;
}
.kf_testimonial_slider1 .slick-arrow:before,
.kf_testimonial_slider .slick-arrow:before{
	color: #fff;
}
/*
	  ============================================================
		  Testimonial Wrap End #Testimonial
	  ============================================================
*/
/*
	  ============================================================
		  Team Slider Wrap Start #Team Slider
	  ============================================================
*/
.team_slider{
	float: left;
	width: 100%;
	padding-bottom: 89px;
	margin-bottom: 50px;
}
.kf_cp_team{
	float: left;
	width: 100%;
	overflow: hidden;
	position:relative;
	margin: 0 0 50px;
}
.kf_cp_team .thumb img{
	float: left;
	width: 100%;
}
.team_slider .kf_cp_team{
	margin: 0;
}
.kf_cp_team:hover .team_caption:before{
	background-color: #404041;
	opacity: 0.85;
	-webkit-opacity: 0.85;
}
.team_caption{
	left: 0;
	right: 0;
	z-index: 1;
	bottom: 0%;
	opacity: 0.85;
	text-align: center;
	position: absolute;
	padding: 10px 0 6px 0;
	-webkit-transform: translateY(37%);
		-moz-transform: translateY(37%);
			-ms-transform: translateY(37%);
				-o-transform: translateY(37%);
					transform: translateY(37%);
}
.team_caption:before{
	top: 0;	
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	position: absolute;
}
.team_caption h5 a{
	color: #fff; 
	/*font-weight: bold;*/
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
        font-size: 18px;
}
.team_caption em{
	float: left;
	width: 100%;
	margin: 0px 0px;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: capitalize;
}
.kf_cp_team:hover .team_caption{
	top: auto;
	bottom: 0;
	-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
			-ms-transform: translateY(0);
				-o-transform: translateY(0);
					transform: translateY(0);
}
.kf_cp_team:hover .hover_caption.team_caption{
	opacity: 1;
	-webkit-opacity: 1;
	bottom: 0;
}
.kf_cp_team .default_social_icon li a{
	border-width: 0 1px 1px;
	border-color: #fff;
	border-style: solid;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
}
.kf_cp_team .default_social_icon li a:hover{
	background-color: #000;
	color: #fff !important;
	border-color: #000;
}
.hover_caption.team_caption em{
	margin-bottom: 20px;
}
.team_slider .slick-arrow{
	top: auto;
	bottom: 0;
	left: auto;
	right: auto;
	margin:0 -50px; 
	background-color: transparent;
	-webkit-transform: translate(0);
		-moz-transform: translate(0);
			-ms-transform: translate(0);
					-o-transform: translate(0);	
						transform: translate(0);	
}
.team_slider .slick-prev{
	left: 50%;
} 
.team_slider .slick-next{
	right: 50%;
}
.team_slider .slick-arrow:hover:before{
	color: #fff;
}
.kf_cp_team .default_social_icon{
	opacity: 0;
	z-index: -1;
	margin: 0;
}
.kf_cp_team:hover .default_social_icon{
	opacity: 1;
	z-index: 1;
}
/*
	  ============================================================
		  Team Slider Wrap End #Team Slider
	  ============================================================
*/
/*
	  ============================================================
		  Kode Modren Services Wrap Start #Kode Modren Services
	  ============================================================
*/
.kode-modren_services_wrap{
	float: left;
	width: 100%;
}

.kode_modren_services
{
	float: left;
	width: 100%;
	padding: 50px;
	position: relative;
}
.kode_modren_services:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	background-color: #333;
	opacity: 0.85;
}
.kode_modren_services:after{
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	content: "";
	border:1px solid #cacaca;
}
.kode_modren_services .kf_cp_services_small{
	float: left;
	width: 28%;
	z-index: 1;
	padding: 40px 0 34px;
	position: relative;
	background: transparent;
	border:1px solid #cfcfcf;
}
.kode-modren_services_wrap .kode_modren_services .kf_cp_services_small{
	margin: 25px 2.65% 25px 2.65%;
}
.kode_modren_services .kf_cp_services_small span{
	color: #fff;
	width: 50px;
	height: 50px;
	font-size:50px;
	margin: 0 0 20px 0;
	line-height: 50px;
	overflow: hidden;
}
.kode_modren_services .kf_cp_services_small h5 a{
	font-weight: normal;
	color: #fff;
}
.kf_request_form{
	padding: 50px;
	background-color: #fff;
}
.kf_request_form .kf_main_heading h3{
	text-transform: uppercase;
}
.request_form{
	float: left;
	width: 100%;
}
.request_form .form-submit{
	text-align: center;
}
.kode_modren_services.modren_new .kf_cp_services_small{
	float: none;
	width: auto;
}
/*
	  ============================================================
		  Kode Modren Services Wrap End #Kode Modren Services
	  ============================================================
*/
/*
	  ============================================================
		  Kode Blog Medium Wrap Start #Kode Blog Medium
	  ============================================================
*/
.kode-blog-medium{
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
	position: relative;
}
.kode-blog-medium figure{
	min-height: 42px;
}
.kode-thumbnail{
	float: left;
	width: 100%;
	clear: right;
	position: relative;
}
.kode-thumbnail .date_tag{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 175px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.kode-blog-content{
	float: left;
	width: 100%;
	z-index: 1;
	clear: left;
	position: relative;
}
.kode-blog-content p{
	margin: 0 0 21px 0;
}

/*
	  ============================================================
		  Kode Blog Medium Wrap End #Kode Blog Medium
	  ============================================================
*/
/*
	  ============================================================
		  Kode Brand Wrap Start #Kode brand
	  ============================================================
*/
.kf_brand{
	float: left;
	width: 100%;
	padding: 70px 0;
	background-color: #ececec;
}
.brand_slider.slick-dotted.slick-slider{
	margin: 0;
}
.brand_slider a img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.brand_slider a:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.brand_slider .slick-arrow{
	display: none !important;
}
.kf_brand .slick-dotted.slick-slider{
	margin: 0;
}
/*
	  ============================================================
		  Kode Brand Wrap End #Kode brand
	  ============================================================
*/
/*
	  ============================================================
		  Kode Footer 1 Wrap Start #Kode Footer1
	  ============================================================
*/
.kode_footer_1{
	float: left;
	width: 100%;
	position: relative;
	padding: 70px 0 40px;
	background-color: #3d3c41;
}
.kode_footer_1:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0.1;
	position: absolute;
	background-image: url(images/pattren.png);
}
/*Footer Logo*/
.footer_logo{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 58px;
	padding: 0 125px 40px;
	border-bottom:4px double rgba(255, 255, 255, 0.1);
}
.footer_logo .logo{
	float: none;
	display: block;
	margin: 0 auto 17px;
}

.footer_logo .logo a{
	float: none;
	display: inline-block;
}
.footer_logo p{
	float: left;
	width: 100%;
	color: #fff;
	margin: 0 0 26px;
}
footer .kf_recent .overflow_text h6 a{
	color: #fff;
}
/*
	  ============================================================
		  Kode Footer 1 Wrap End #Kode Footer1
	  ============================================================
*/
/*
	  ============================================================
		  Kode Copy Right 1 Wrap Start #Kode Copyright1
	  ============================================================
*/
.copy_right1{
	float: left;
	width: 100%;
	position: relative;
	padding: 16px 0 14px;
	background-color: #222;
}
.copy_right1 .container{
	position: relative;
}
.copy_right1 p{
	margin: 0;
	float: left;
	width: auto;
	color: #fff;
	font-size: 14px;
	line-height: normal;
}
.copy_right1 .navigation{
	float: right;
}
.copy_right1 .navigation ul li{
	margin-right: 30px;
}
.copy_right1 .navigation ul li:last-child{
	margin: 0;
}
.copy_right1 .navigation ul li a{
	color: #fff !important;
	font-size: 14px;
	padding: 0px 0 0;
	background-color: transparent !important;
	text-transform: capitalize;
}

/*
	  ============================================================
		  Kode Copy Right 1 Wrap End #Kode Copyright1
	  ============================================================
*/
/*
	  ============================================================
		  Blog Medium Css Page Start #Blog Medium
	  ============================================================
*/
.innner_banner{
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 230px 0 30px;
	margin-bottom:50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(images/inner-banner.jpg);
}
.header-style-1{
	padding: 130px 0 50px;
}
.innner_banner:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0.75;
	position: absolute;
	background-color: #252423;
}
.innner_banner h3{
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	position: relative;
	line-height: normal;
	padding: 0 0 8px 0;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.innner_banner h3:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	width: 66px;
	content: "";
	margin: 0 auto;
}
.innner_banner .breadcrumb{
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
	border-radius:0;
	list-style: none;
	position: relative;
	display: inline-block;
	background-color: transparent;
}
.innner_banner .breadcrumb li {
    float: left;
    width: auto;
    margin: 0 24px 0 0;
    position: relative;
}
.innner_banner .breadcrumb li:last-child{
	margin: 0;
}
.innner_banner .breadcrumb li:before {
    top: 50%;
    color: #fff;
    height: 10px;
    right: -17px;
    font-size: 16px;
    content: "\f105";
    font-weight: bold;
    margin: -10px 0 0;
    position: absolute;
    font-family: 'FontAwesome';
}
.innner_banner .breadcrumb li:last-child::before {
    display: none;
}
.innner_banner .breadcrumb li span, 
.innner_banner .breadcrumb li a {
    color: #fff;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    text-transform: capitalize;
    font-family: "Open Sans",sans-serif;
}
.innner_banner.header-style-3{
	padding: 206px 0 50px;
}
/*
	  ============================================================
		  Blog Medium Css Page End #Blog Medium
	  ============================================================
*/
/*
	  ============================================================
		  Our Team Css Page Start #Our Team
	  ============================================================
*/
/*Founder Wrap Css start #Founder Wrap*/
.kf_founder_wrap{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 50px 0;
}
.kf_founder_wrap figure{
	width: 360px;
    outline-offset: -5px;
    outline: 5px solid rgba(0, 0, 0, 0.3);
}
.kf_founder_wrap .overflow_text{
	padding: 0px 0 0px 40px;
}
.kf_founder_wrap .overflow_text h3{
	float: left;
	width: 100%;
	font-weight: bold;
	line-height: normal;
	margin: -8px 0 32px;
	text-transform: capitalize;
}
.kf_founder_wrap .overflow_text p{
	line-height: 24px;
	margin:0 0 20px;
	float: left;
	width: 100%;
}
.kf_founder_wrap .overflow_text p:last-child{
	margin: 0;
}
/*
	  ============================================================
		  Our Team Css Page End #Our Team
	  ============================================================
*/
/*
	  ============================================================
		  Project Page Css Start #Project Page
	  ============================================================
*/
.kf_projects{
	text-align: center;
	margin-bottom:45px;
}
.kf_projects .kode-blog-content{
	/*top: -56px;*/
	top: -5px;
	width: 90%;
	float: none;
	text-align: left; 
	margin:0 auto -56px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
}
.kf_projects .kode-blog-meta{
	float: left;
	width: auto;
}
.kf_projects .kode-readmore{
	float: right;
}
/*
	  ============================================================
		  Project Page Css End #Project Page
	  ============================================================
*/
/*
	  ============================================================
		  Project Small Grid Page Css Start #Project Small Page
	  ============================================================
*/
.kf_projects_small{
	text-align: center;
	margin-bottom:9px;
}
.kf_projects_small .blog-title a{
	width: 100%;
	font-size: 18px;
}
.kf_projects_small .kode-blog-content{
	top: -56px;
	width: 90%;
	float: none;
	padding-left: 20px;
	margin:0 auto -56px;
	padding-right: 20px;
	padding-bottom: 15px;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
}
.kf_projects_small .kode-blog-content p{
	margin-bottom: 15px;
}
/*
	  ============================================================
		  Project Small Grid Page Css End #Project Page
	  ============================================================
*/
/*
	  ============================================================
		  About us Page Css Start #Aboutus Page
	  ============================================================
*/
.ka_intro_wrap{
	float: left;
	width: 100%;
	margin: 0 0 65px;
	position: relative;
}
.ka_intro_wrap .text{
	float: left;
	width: 100%;
}
.intro-title{
	float: left;
	font-weight: bold;
	line-height: normal;
	margin: -8px 0 22px;
	text-transform: capitalize;
}
.ka_intro_wrap .text p{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 28px 0;
}
.ka_intro_wrap .text p:last-child{
	margin: 0;
}
.kf_video_tumb{
	float: left;
	width: 100%;
}
.kf_video_tumb iframe,
.kf_video_tumb video{
	min-height: 357px;
	float: left;
	width: 100%;
}

/**/
.mid_bar .banner_bar_hd{
	top: 50%;
	right: 0;
	margin: 0;
	padding: 0;
	left: auto;
	bottom: auto;
	height: auto;
	min-height: auto;
	text-align: right;
	background-color: transparent !important;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}
.mid_bar .banner_bar_hd:before,
.mid_bar .banner_bar_hd:after{
	display: none;
}
.mid_bar .banner_bar_hd .btn-1{
	border-color: #fff;
	background-color: #fff;
}
.mid_bar .banner_bar_hd .btn-1:hover{
	color: #fff;
	border-color: #000;
	background-color: #000;
}
.mid_bar .kf_banner_bar{
	padding-left: 0;
	padding-right: 200px;
}
/*
	  ============================================================
		  About us Page Css End #Aboutus Page
	  ============================================================
*/
/*
	  ============================================================
		  Modren Services Page Css Start #Modren Services 
	  ============================================================
*/
.kf_modren_services{
	float: left;
	width: 100%; 
	margin: 0 0 50px;
	text-align: center;
	padding: 40px 15px 34px;
	background-color: #f3f3f3;
}
.kf_modren_services:hover{
	background-color: #f4eaea;
}
.kf_modren_services > span{
	width: auto;
	height: 90px;
	display: block;
	font-size: 90px;
	line-height: 90px;
	text-align: center;
	margin: 0 auto 36px;
}
.kf_modren_services h5{
	float: left;
	width: 100%;
	margin: 0 0 26px;
	font-weight: bold;
	line-height: normal;
	text-transform: capitalize;
}
.kf_modren_services p{
	float: left;
	width: 100%;
	margin: 0 0 31px 0;
}
/*
	  ============================================================
		  Modren Services Page Css End #Modren Services 
	  ============================================================
*/
/*
	  ============================================================
		  Blog Listing Page Css Start #Blog Listing
	  ============================================================
*/
.kode-blog-listing{
	float: left;
	width: 100%;
	margin: 0 0 50px;
}
.kode-blog-listing .blog-title{
	padding: 0;
	margin: 0 0 7px;
	border:none;
}
.kode-blog-listing .kode-thumbnail{
	float: left;
	width: 50%;
}
.kode-blog-listing .kode-blog-content{
	width: 50%;
	padding: 24px 0px 31px 20px;
	clear:none;
}

.kode-blog-listing .kode-blog-meta{
	margin: 0 0 18px 0;
}
.kode-blog-listing .btn-1{
	border-color: #dfdfdf;
}
.kode-blog-listing:hover .btn-1{
	color: #fff;
}
/*
	  ============================================================
		  Blog Listing Page Css End #Blog Listing
	  ============================================================
*/
/*
	  ============================================================
		  Blog Detail Page Css Start #Blog Detail
	  ============================================================
*/
.kode-blog-detail{
	float: left;
	width: 100%;
	position: relative;
}
/*blog Slider start #blodslider*/
.blog_slider_wrap .bx-wrapper .bx-pager{
	display: none !important;
}
.blog_slider{
	float: left;
	width: 100%;
	position: relative;
}
.blog_slider figure{
	background-color: #bbbbbb;
}
.blog_slider figure img{
	opacity: 0.65;
}
.blog_slider .slick-slide{
	padding: 0;
}
.blog_slider .slick-arrow{
	width: 45px;
	height: 45px;
	border-radius: 0;
	background-color: #333;
}
.blog_slider .slick-prev{
	left: 10px;
}
.blog_slider .slick-next{
	right: 10px;
}
.blog_slider .slick-prev::before,
.blog_slider .slick-next::before{
	color: #fff;
	font-size: 19px;
	line-height: 45px;
	background-color: transparent;
}
.blog_slider .slick-prev::before{
	content: "\f100";
}
.blog_slider .slick-next::before{
	content: "\f101";
}
/*blog Slider End*/
.kode-blog-detail .blog-title{
	border:none;
	font-size: 24px;
	margin: 0 0 14px;
	padding: 33px 0 0;
}
.kode-blog-detail .kode-blog-meta{
	margin: 0 0 15px 0;
}
.kode-blog-detail .kode-blog-content p{
	margin: 0px 0 10px;
}
.thumb_wrap figure{
	margin: 0 0 40px 0;
}
.kode-blog-detail .kode-blog-content p:last-child{
	margin-bottom: 0;
}
.kode-blog-detail .kode-blog-content{
	margin-bottom: 36px; 
}
/*blog meta start #blogmeta*/
.blog_meta_wrap{
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 12px 30px;
	background-color: #f9f9f9;
}
.blog_meta_wrap .kf_social{
	float: right;
	width: auto;
	margin: 0;
}
.blog_meta_wrap  .kf_social{
	list-style:none;
	padding:0px;
}
.blog_meta_wrap  .kf_social li{
	float:left;
	margin: 0;
	width:auto;
}
.blog_meta_wrap  .kf_social li a{
	margin: 0 0 0 15px;
}
/*blog meta End*/
.blog_nav{
	float: left;
	width: 100%;
	margin: 0 0 34px;
	position: relative;
}
.blog_nav .blog_nav_prev{
	float: left;
	width: auto;
}
.kode-next a,
.blog_nav a{
	color: #fff;
	float: left;
	width: 173px;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	position: relative;
	text-align: center;
	background-color: #535050;    
}
.blog_nav a:hover{
	color: #fff;
	font-size: 14px;
}
.blog_nav a i{
	margin: 0 15px 0 0;
}
.blog_nav .blog_nav_next,
.blog_nav a.blog_nav_next{
	float: right;
}
.blog_nav .blog_nav_next i,
.blog_nav a.blog_nav_next i{
	margin: 0 0 0 15px ;
}
.blog_nav a span img{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
.blog_nav a span img{
	opacity: 1;
}
/*Comment Wrap Start*/
/*Kode Comments Css Start #commentsection*/
.kode-comments{
    float: left;
    width: 100%;
    position: relative;
}
.comment-reply-title,
.kode-comments .comment-title{
    float: left;
    width: 100%;
    color: #333;
    font-size: 20px;
    margin: 0 0 34px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}
.kode-comments > ul{
    margin: 0;
    padding: 0;    
    float: left;
    width: 100%;
    list-style: none;
}
#kode-comment .children{
	list-style: none;
	width:auto;
}
.kode-comments{
	overflow:hidden;
}
.kode-comments ul li{
    float: left;
    width: 100%;
}
.kode-comments > ul > ul{
    padding-left: 50px;
	width:auto;
}
.comment_item{
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 35px;
    border-bottom: 1px solid #dcdcdc;
}
/*User Comment Css Start #usercomment*/
.kode-user-comment{
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
}
.kode-user-comment figure{
    float: left;
    width: 100px;
    
}
.kode-user-comment figure img{
    float: left;
    width: 100%;
}
.kode-user-comment-content{
    float: none;
    width: auto;
    overflow: hidden;
    padding: 0 0 0 15px;
}
.kode-user-comment-head{
	float: left;
	width: 100%;
	margin: 0px 0 13px;
}
.kode-user-comment-content .kode-user-comment-head h5{
    margin: 0;
    float: left;
    width: auto;
    color: #333;
    font-size: 20px;
    line-height: normal;
    text-transform: capitalize;
}
.kode-user-comment-content span{
    color: #999;
    width: auto;
    float: right;
    font-size: 18px;
    padding-top: 3px;
    margin-left: 10px;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
}
.kode-user-comment-content p{
    float: left;
    width: 100%;
    margin: 0 0 7px;
}
.comment-reply-link{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
	line-height: normal;
	display: inline-block;
	text-transform: uppercase;
}
.comment-reply-link:before{
	top: 50%;
	left: 0px;
	content: "\f112";
	position: absolute;
	color: currentColor;
	font-family: 'FontAwesome';
	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
					transform: translateY(-50%);
}
/*Author Css End*/
/*Comment Form Css Start #commentform*/
.kode-comment-form{
    float: left;
    width: 100%;
    margin: 0px 0 50px 0;
}
.kode-comment-form > h3{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 22px 0;
    line-height: normal;
    text-transform: capitalize;
}
.comment-form{
    float: left;
    width: 100%;
    position: relative;
}
.contact-form > div,
.comment-form > div{
    float: left;
    width: 100%;
}
.contact-form > div.kode-textarea,
.comment-form > div.kode-textarea{
    float: right;
}
.contact-form .kf_commet_field,
.comment-form .kf_commet_field{
    float: left;
    width: 33.3%;
    padding: 0 15px;
}
.contact-form .kode-left-comment-sec  .kf_commet_field:first-child,
.comment-form .kode-left-comment-sec  .kf_commet_field:first-child{
    padding-left: 0;
}
.contact-form .kode-left-comment-sec  .kf_commet_field:last-child,
.comment-form .kode-left-comment-sec  .kf_commet_field:last-child{
    padding-right: 0;
}
.comment-form .kode-textarea textarea{
	min-height: 90px;
}
.contact-form .kf_commet_field input,
.contact-form .kode-textarea textarea,
.comment-form .kf_commet_field input,
.comment-form .kode-textarea textarea{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	border-width: 0 0 1px;
}
.contact-form .kode-textarea textarea{
	min-height: 130px;
}
.kf_commet_field label{
    float: left;
    width: auto;
    height: 12px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: normal;
}
/*Comment Wrap End*/
/*
	  ============================================================
		  Blog Detail Page Css End #Blog Detail
	  ============================================================
*/
/*
	  ============================================================
		  Contact us Page Css Start #Contactus
	  ============================================================
*/
.kf_location_map{
	float: left;
	width: 100%;
	position: relative;
}
.kf_location_map:before{
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	content: "";
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(extra-images/map_thumb.jpg);
}
.kf_location_map #map-canvas{
	width: 50%;
	float: left;
	height: 500px;
}
.kf_contact_contant{
	float: left;
	width: 100%;
	margin: 0 0 50px;
}
.kf_contact_contant .kf_main_heading{
	margin-bottom:  22px;
}
.kf_contact_contant .kf_main_heading h3{
	margin-bottom: 0;
}
.kf_contact_contant .kf_peragraph{
	float: left;
	width: 100%;
	margin:0 0 36px; 
	text-align: center;
}
.kf_info_wrap{
	float: left;
	width: 100%;
	margin: 0 0 70px;
}
.kode-contact-info{
	float: left;
	width: 33.3%;
	text-align: center;
	position: relative;
	padding: 41px 80px 33px;
	background-color: #f9f9f9;
	border-left: 1px solid #ccc;
}
.kf_info_wrap .kode-contact-info:first-child{
	border:none;
}
.kode-contact-info > span{
	color: #333;
	width: 37px;
	height: 37px;
	display: block;
	font-size: 37px;
	line-height: 37px;
	margin: 0 auto 24px;
}
.kode-contact-info a,
.kode-contact-info address,
.kode-contact-info em{
	float: left;
	width: 100%;
	color: #555;
	font-size: 14px;
	margin: 0 0 18px;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}
.kode-contact-info a{
	text-transform: capitalize;
}
.kode-contact-info a:last-child,
.kode-contact-info em:last-child{
	margin:0;
}
.kode-contact-form{
	float: left;
	width: 100%;
}
.contact-form > div,
.comment-form > div{
    float: left;
    width: 100%;
}
.contact-form > div.kode-textarea{
    float: right;
}
.contact-form .kf_commet_field{
    float: left;
    width: 33.3%;
    padding: 0 15px;
}
.contact-form .kode-left-comment-sec  .kf_commet_field:first-child{
    padding-left: 0;
}
.contact-form .kode-left-comment-sec  .kf_commet_field:last-child{
    padding-right: 0;
}
}
.contact-form .kf_commet_field input,
.contact-form .kode-textarea textarea{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	border-width: 0 0 1px;
}
.contact-form .kode-textarea textarea{
	min-height: 130px;
}
/*
	  ============================================================
		  Contact us Page Css End #Contactus
	  ============================================================
*/
/*
	  ============================================================
		  Project Detail Page Css Start #Project Detail
	  ============================================================
*/
.project_slider{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
	padding-bottom: 69px;
}
.project_slider .block-video{
	float: left;
	width: 65.2%;
}
.project_slider .block-nav{
	float: left;
	width: 34.8%;
}
.project_slider .slick-slider{
	position: static;
}
.project_slider .slick-arrow{
	bottom: 0;
	top: auto;
	width: 99px;
	height: 38px;
	margin: 0 15px;
	border-radius: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	background-color: #4d4d4d;
}
.project_slider .slick-prev{
	right: 50%;
	left: auto;
}
.project_slider .slick-next{
	left: 50%;
	right: auto;
}
.project_slider .slick-next:before,
.project_slider .slick-prev:before{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	content: "Previous" !important;
	text-transform: uppercase;
	background-color: transparent;
    font-family: 'Open Sans', sans-serif;
}
.project_slider .slick-next:before{
	content: "Next" !important;
}
.project_slider .slick-slide,
.project_slider .slick-list{
	padding: 0 !important;
}
.project_slider .block-video figure:before{
    top: 20px;
    opacity: 0;
    left: 20px;
    right: 20px;
    content: "";
    bottom: 20px;
    position: absolute;
    background-color: #000;
}
.project_slider .block-video figure:hover:before{
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.8;
}
.project_slider .block-video figcaption{
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
}
.project_slider .block-video figcaption a{
    opacity: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border:1px solid transparent;
    -webkit-transform: scale(3);
        -moz-transform: scale(3);
            -ms-transform: scale(3);
                -o-transform: scale(3);
                    transform: scale(3);
}
.project_slider .block-video figure:hover figcaption a{
    opacity: 1;
    -webkit-transform: scale(1);
        -moz-transform: scale(1);
            -ms-transform: scale(1);
                -o-transform: scale(1);
                    transform: scale(1);
}
.project_slider .block-video figure figcaption a:hover{
    border-color: #fff;
}
/*Project Detail*/
.kode-project-detail{
	float: left;
	width: 100%;
}
.kode-project-content{
	float: left;
	width: 100%;
}
.project-title{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	margin: -5px 0 14px 0;
	text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.project-title.project-title-small{
	font-size: 20px;
	margin-bottom: 25px;
}
.kode-project-content .kode-blog-meta{
	margin: 0 0 25px 0;
}
.kode-project-content > p{
	float: left;
	width: 100%;
	margin: -8px 0 36px 0;
}
.kode-project-content > p:last-child{
	margin:0; 
}
.kf_project_faced{
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.kf_project_faced .slider-nav3{
	float: left;
	width: 60%;
	position: relative;
	padding: 30px 0 0 ;
}
.kf_project_faced .slider-nav3:before{
	top: 0;
	bottom: 0;
	left: 59px;
	width: 6px;
	content: "";
	height: 100%;
	position: absolute;
	background-color: #e9e8e8;
}
.kf_challeng{
	float: left;
	width: 100%;
	margin: 0 0px;
	position: relative;
	padding: 0 30px 30px 30px;
}
.kf_challeng:before{
	top: 0;
	content: "";
	left: -15px;
	width: 24px;
	height: 24px;
	position: absolute;
	border-radius: 100%;
	background-color: #333;
}

.kf_challeng h6{
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	margin: -5px 0 10px;
	line-height: normal;
	text-transform: capitalize;
}
.kf_challeng p{
	float: left;
	width: 100%;
	margin: 0 0 -4px;
}
.kf_project_faced .thumb{
	float: left;
	width: 40%;
}
.kf_project_faced .slick-slide
{
	padding:0px 0 0px !important;
	cursor: pointer;
}
.kf_project_faced .slider-nav3 .slick-list{

	padding:0px 0px 0px 65px !important;
}
.kf_project_faced .slick-arrow{
	display: none !important;
}
.kf_team_wrap .project-title.project-title-small{
	margin-bottom: 23px;
}
/*
	  ============================================================
		  Project Detail Page Css End #Project Detail
	  ============================================================
*/
/*
	  ============================================================
		  Services Detail Page Css Start #Services Detail
	  ============================================================
*/
.kf_services_detail_wrap{
	float: left;
	width: 100%;
}
.kode-services-detail{
	float: left;
	width: 100%;
	position: relative;
}
.kode-services-content{
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
	padding: 40px 0 0 0;
	border-bottom: 1px solid #dadada;
}
.services-detail-title{
	float: left;
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	line-height: normal;
	margin: -8px 0 20px 0;
	text-transform: capitalize;
}
.kf_services_small_wrap p,
.kode-services-content p{
	float: left;
	width: 100%;
	margin: -8px 0 26px;	
}


.kf_services_small_wrap{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 20px 0;
}
.kf_services_small{
	float: left;
	width: 100%;
	margin: 0 0 30px;
	position: relative;
	text-align: center;
	padding: 60px 0 55px;
	border:1px solid #efeeee;
}
.kf_services_small > span{
	color: #333;
	width: 95px;
	height: 95px;
	font-size: 50px;
	margin: 0 0 25px;
	line-height: 95px;
	text-align: center;
	border-radius: 100%;
	display: inline-block;
	border:1px solid #dedede;
}
.icon-signature .path1::before{
	color: transparent;
}
.kf_services_small:hover span{
	color: #fff;
}
.kf_services_small h6{
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	text-transform: capitalize;
}
/*Accordian Css*/
.kf_accordion_wrap{
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
}
.kf_accordion{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 15px 0;
}
.kf_accordion_wrap .kf_accordion:last-child{
	margin: 0;
}
.kf_accordion span{
	color: #333;
	display: block;
	cursor: pointer;
	font-size: 20px;
	border-radius: 0;
	border-width: 1px;
	position: relative;
	font-weight: normal;
	border-style: solid;
	line-height: normal;
	border-color: #f2f2f2;
	padding: 16px 30px 15px;
	text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.kf_accordion .accordion-open span{
	color: #fff;
}
.kf_accordion span:before{
	top: 50%;
	right: 30px;
	color: #333;
	font-size: 14px;
	content: "\f107";
	position: absolute;
	font-family: 'FontAwesome';
	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
					transform: translateY(-50%);
}
.kf_accordion .accordion-open span:before{
	color: #fff;
	content: "\f106";
}
.kf_facts{
	float: left;
	width: 100%;
	display: block;
	padding:15px 15px 0; 
}
.kf_facts figure{
	width: 50%;
	padding: 0 15px 0 0px;
}
.kf_facts .overflow_text h6{
	float: left;
	width: 100%;
	font-size: 18px;
	margin:0 0 7px 0;
	line-height: normal;
	text-transform: capitalize;
}
.kf_facts .overflow_text{
	padding: 0 0px 0 15px;
}
.kf_facts .overflow_text p{
	float: left;
	width: 100%;
	margin: 0 0 14px;
}
.kf_facts .overflow_text ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
}
.kf_facts .overflow_text ul li{
	float: left;
	width: 100%;
	margin: 0 0 16px;
}
.kf_facts .overflow_text ul li:last-child{
	margin: 0;
}
.kf_facts .overflow_text ul li a{
	float: left;
	width: 100%;
	color: #666;
	font-size: 18px;
	line-height: 18px;
	position: relative;
	padding: 0 0 0 25px;
	text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.kf_facts .overflow_text ul a:before {
    top: 50%;
    left: 0px;
    font-size: 16px;
    content: "\f0da";
    margin: -9px 0 0;
    position: absolute;
    color: currentColor;
    font-family: "FontAwesome";
}
.kf_related_post{
	float: left;
	width: 100%;
}
.kf_related_post h6{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin: -6px 0 23px;
	line-height: normal;
	text-transform: capitalize;
}
/*
	  ============================================================
		  Services Detail Page Css End #Services Detail
	  ============================================================
*/
/*
	  ============================================================
		  Employ Detail Page Css Start #Employ Detail
	  ============================================================
*/
.kf_emply_detail{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
}
.kf_emply_detail figure{
	float: left;
	width: 359px;
	margin-right: 40px;
}
.kf_emply_detail .overflow_text h5{
	float: left;
	width: 100%;
	font-size: 23px;
	/*font-weight: bold;*/
	font-weight: 400;
	position: relative;
	line-height: normal;
	margin: 0px 0 23px 0;
	text-transform: capitalize;
}
.kf_emply_detail .overflow_text .text{
	margin: 0 0 20px 0;
}
.kf_emply_detail .overflow_text .text p{
	float: left;
	width: 100%;
	margin:-8px 0 26px;
}

h5.pre {
    font-size: 20px !important;
}
.kf_info_dec{
	float: left;
	width: 100%;
}
.kf_emply_info .kf_info_dec{
	width: 50%;
	padding: 0 30px;
	border-left: 1px solid #d8d8d8;
}
.kf_emply_info .kf_info_dec:first-child{
	border:none;
	padding-left: 0;
}
.kf_emply_info .kf_info_dec:last-child{
	padding-right: 0;
}
.kf_emply_info{
	float: left;
	width: 100%;
}
.kf_info_dec h5{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    line-height: normal;
    margin: -6px 0 23px;
    text-transform: capitalize;
}
.kf_emply_info  .contact_list li{
	margin: 0 0 28px;
}
.kf_emply_info  .contact_list li:last-child{
	margin: 0;
}
.kf_emply_info  .contact_list li p{
	font-size: 18px;
	line-height: 18px;
}
.kf_emply_info .contact_list i{
	color: #666;
	font-size: 18px;
}
.check-list ul,
.info_list{
	padding: 0;
	float: left;
	width: 100%;
	margin:-6px 0 0;
	list-style: none;
}
.check-list li,
.info_list li{
	float: left;
	width: 100%;
	padding-left: 20px;
	position: relative;
	margin: 0 0 18px 0;
}

.kf_emply_info .info_list li{
	width: 50%;
}
.check-list li:before,
.info_list li:before{
	left: 0;
	top: 7px;
	width: 11px;
	height: 11px;
	content: "\f192";
	line-height: 13px;
	position: absolute;
	border-radius: 100%;
	font-family: 'FontAwesome';
}
.check-list li,
.info_list li span{
	float: left;
	width: 100%;
	color: #555;	
	font-size: 14px;
	line-height:25px;
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
}
.info_list li span em{
	color: #666;
	font-style: normal;
}

.kf_info_dec .kf_social{
	margin-bottom: 15px;
}
.kf_info_dec .kf_social a{
	margin-bottom: 0;
}
.kf_emply_edu{
	float: left;
	width: 100%;
	margin-bottom: 26px;
}
.kf_emply_skill{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.kf_progress{
	float: left;
	width: 100%;
	position: relative;
	padding: 36px 30px 16px;
	border:1px solid #dadada;
}
.kf_progress > h5 {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    font-weight: bold;
    text-transform: capitalize;
}
.kf_progress > p{
	float: left;
	width: 100%;
	margin:-8px 0 16px 0;
}
.skill-progress{
	float: left;
	width: 100%;
	margin-bottom: 24px;
	position: relative;
}
.skill-progress > span {
    color: #555;
    float: left;
    width: 100%;
    margin: 0 0 9px;
    font-size: 20px;    
    line-height: normal;    
}
.skill-progress .progress_single_wrapper {
    float: left;
    height: 8px;
    width: 100%;
    background-color: #e9e9e9;
}
.skill-progress .progressbars.progress_single{
	height: 8px;
}
.skill-progress .progressbars.progress_single > span {
    top: 0;
    right: 0;
    color: #555;
    font-size: 16px;
    position: absolute;
    font-weight: normal;
    line-height: normal;    
}
.hire-form{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}
.hire-form .kode-left-comment-sec{
	margin: 0 -15px;
}
.hire-form  .kode-textarea{
    float: left;
    width: 100%;
}
.hire-form .kf_commet_field{
    float: left;
    width: 50%;
    padding: 0 15px;
}
.hire-form .kf_select select,
.hire-form .kf_commet_field input,
.hire-form .kode-textarea textarea{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	border-width: 0 0 1px;
}
.hire-form .kf_select::before{
	top: 0;
	margin: 0;
}
.hire-form .kode-textarea textarea{
	height: 100px;
}
.kf_commet_field label{
    float: left;
    width: auto;
    height: 12px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: normal;
}
/*
	  ============================================================
		  Employ Detail Page Css End #Employ Detail
	  ============================================================
*/
/*
	  ============================================================
		  Sidr Css Strat #sidr
	  ============================================================
*/
.menu-close {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    height: 26px;
    line-height: 21px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 26px;
    transition: all 0.3s ease-in-out;
}
.menu-close:hover{
	background-color: #fff;
	color: 3333;
}
.sidr {
  top: 0;
  color: #fff;
  height: 100%;
  width: 300px;
  display: block;
  padding: 30px 0;
  font-size: 15px;
  z-index: 999999;
  position: fixed;
  overflow-y: auto;
  background: #333;
  overflow-x: hidden;
}
.sidr div{
  transition: all 0.3s ease-in-out;
}
.sidr .logo{
  float: left;
  width: 100%;
  margin: 0 0 30px;
  text-align: center;
}
.kf_header_1 .logo{
	margin:0px;	
}
.sidr .logo a{
  float: none;
  display: inline-block;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -300px;
}
.sidr.left {
  left: -300px;
  right: auto;
}
.kf_sidr_wrap{
	float: left;
	width: 100%;
	position: relative;
}
.kf_sidr_wrap .widget-bg{
	border:none;
	background: transparent;
}
.kf_sidr_wrap .dl-menuwrapper{
  float: left;
  width: 100%;
  position: relative;
}
.kf_sidr_wrap .dl-menuwrapper{
  display: block !important;
}
.kf_sidr_wrap .dl-menuopen{
  float: left;
  width: 100%;
  border:none;
  margin: 0 0 0px;
  position: relative;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.kf_sidr_wrap .dl-menuopen li{
  float: left;
  width: 100%;
  border:none;
  position: relative;
  background: transparent;
}
.kf_sidr_wrap .dl-menuopen li a {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 20px;
  color: currentColor;
  text-transform: uppercase;
  font-family: "Montserrat",sans-serif;
}
.kf_sidr_wrap .dl-menuwrapper li.dl-back > a{
  padding-left: 33px;
}
.kf_sidr_wrap .kf_social{
  text-align: center;
}
.kf_sidr_wrap .widget-subscribe .btn-1,
.kf_sidr_wrap .kf_recent .overflow_text p,
.kf_sidr_wrap .kf_recent .overflow_text h6 a,
.kf_sidr_wrap .widget_title_simple{
  color: #fff;
}
/*
	  ============================================================
		  Sidr Css End #sidr
	  ============================================================
*/
/*
	  ============================================================
		   Index 2 Css Start #index 2
	  ============================================================
*/
/*
	  ============================================================
		   Header 2 Css Wrap Start #Header 2
	  ============================================================
*/
.kf_header_2{
	z-index: 3;
	float: left;
	width: 100%;
    margin: 0 0 0px;
	position: relative;
    background-color: #fff;
}
.kf_top_bar_2{
	float: left;
	width: 100%;
}
.kf_top_bar_2 .kf_top_info{
	float: left;
	width: auto;
}
.kf_top_info span{
	float: left;
	width: auto;
	color: #fff;
	font-size: 18px;
	margin: 0 40px 0 0;
	line-height: normal;
	padding: 8px 0 9px 0;
	text-transform: capitalize;
}
.kf_top_info span:last-child{
	margin: 0;
}
.kf_top_info span i{
	width: auto;
	margin: 0 15px 0 0;
	display: inline-block;
}
.kf_lung_btn{
	width: auto;
	float: right;
	background: rgba(0, 0, 0, 0.25);
}
.kf_lung_btn .dropdown_button{
	color: #fff;
	font-size: 14px;
	line-height: normal;
	padding: 13px 15px 12px;
	text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.kf_header_2 .dropdown-menu li{
	float: left;
	width: 100%;
}
.kf_header_2 .nav-tabs > li > a,
.kf_header_2 .dropdown-menu li a{
	float: left;
	width: 100%;
	font-size: 14px;
	padding: 3px;
	text-transform: capitalize;
	border:none !important;
	box-shadow: none;
}
.kf_header_2 .dropdown-menu li a:hover{
	color: #fff;
}
.kf_lung_btn .dropdown_button > span{
	margin: 0 0 0 5px;
}
/*NAVIGATION CSS START*/
.header_container{
	float: left;
	width: 100%;
	position: relative;
}
.kf_header_2 .kode_navigation{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}
.kf_header_2 .navigation{
    float: left;
    width: auto;
    text-align: center;
}
.kf_header_2 .navigation_right{
	float: right;
}
.kf_header_2 .navigation ul{
    padding:0;
    margin: 0;
    float: left;
    width: auto;
    list-style: none;
}
.kf_header_2 .navigation ul li{
    float: left;
    width: auto;
    padding: 0 0 0 0;
    margin-right: 60px;
    position: relative;
}
.kf_header_2 .navigation ul li:last-child{
    margin: 0;
}
.kf_header_2 .navigation ul li a{
    float: left;
    width: 100%;
    color: #999;
    padding:38px 0;
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.kf_header_2 .navigation ul .children{
    left:0;
    margin: 0;
    top: 110%;
    opacity: 0;
    padding: 0;
    width:260px;
    background: #fff;
    visibility: hidden;
    position: absolute;
    -webkit-transition:all 0.3s ease-in-out;
	    -moz-transition:all 0.3s ease-in-out;
		    -ms-transition:all 0.3s ease-in-out;
			    -o-transition:all 0.3s ease-in-out;
			    	transition:all 0.3s ease-in-out;
}
.kf_header_2 .navigation ul li:hover > .children{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.kf_header_2 .navigation ul .children li .children{
    right:-100%;
    left: auto;
}
.kf_header_2 .navigation ul .children li:hover > .children{
    top: 0;
}
.kf_header_2 .navigation ul ul li{
    margin: 0;
    float: left;
    width: 100%;
}
.kf_header_2 .navigation ul ul li a{
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: left;
    padding: 15px 20px;
}
/*LAST CHILD CSS START*/
.kf_header_2 .navigation ul li.last .children{
    left:auto;
    right: 0;
}
/*Header 2 Css  Logo Start*/
.kf_header_2 .logo {
    width: auto;
    float: none;
    bottom: -46px;
    margin-top: -46px;
    position: relative;
    border-color: #fff;
    border-style: solid;
    display: inline-block;
    padding: 10px 20px 30px;
    border-width: 0 10px 10px;
}
/*Header 2 Css  Logo End*/
/*
	  ============================================================
		   Header 2 Css Wrap End #Header 2
	  ============================================================
*/
/*
	  ============================================================
		  Main Banner 2 Css Wrap Start #MainBanner 2
	  ============================================================
*/
.kode_banner_2{
    float: left;
    width: 100%;
    position: relative;
}
.kode_banner_2 .main_banner{
	float: left;
	width: 100%;
	position: relative;
	cursor: col-resize;
}
.kode_banner_2 .main_banner .slick-slide{
	padding: 0 0;
}
.kode_banner_2 .main_banner .thumb{
	float: left;
	width: 100%;
	position: relative;
	background-color: #000;
}
.kode_banner_2 .main_banner .thumb img{
	opacity: 0.3;
}
.kode_banner_2 .main_banner .thumb .container{
	position: relative;
}
.kode_banner_3 .banner_caption,
.kode_banner_2 .banner_caption {
    left: 0;
    right: 0;
    width: 75%;
    bottom: 50%;
    z-index: 999;
    padding: 0 15px;
    margin:-4px auto 0;
    position: absolute;
	-webkit-transform: translateY(48%);
		-moz-transform: translateY(48%);
			-ms-transform: translateY(48%);
				-o-transform: translateY(48%);
					transform: translateY(48%);
}
.kode_banner_4 .text-left,
.kode_banner_3 .text-left,
.kode_banner_2 .text-left{
	right: auto;
}
.kode_banner_4 .text-right,
.kode_banner_3 .text-right,
.kode_banner_2 .text-right{
	left: auto;
}
.kode_banner_2 .banner_caption h2{
	color: #fff;
	font-size: 48px;
	line-height: 53px;
	font-weight: bold;
	margin: 0 0 18px 0;
	text-transform: capitalize;
}
.kode_banner_2 .banner_caption h2 span{
	display: block;
	font-size: 30px;
	margin: 0 0 3px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
    font-family: 'Open Sans', sans-serif;
}
.kode_banner_2 .banner_caption p{
	float: left;
	width: 100%;
	color: #fff;
	margin: 0 0 39px 0;
	font-weight: normal;
	line-height: normal;
	font-family: 'Montserrat', sans-serif;
}
.kode_banner_2 .banner_caption .btn-1{
	color: #fff;
	border-width: 1px;
	margin-right: 20px;
	border-color: #fff;
	background: transparent;
	padding:  11px 25px 11px;
}
.kode_banner_2 .banner_caption .btn-1:hover{
	color: #fff;
}
.kode_banner_2 .banner_caption .btn-1:last-child{
	margin: 0;
}
.kode_banner_2 .banner_caption.text-center .btn-1{
	margin: 0 10px;
}
.kode_banner_2 .main_banner .slick-arrow{
	display: none !important;
}
/*
	  ============================================================
		  Main Banner 2 Css Wrap End #MainBanner 2
	  ============================================================
*/
/*
	  ============================================================
		  Icon Thumb Wrap Start #Icon Thumb
	  ============================================================
*/
.kf_icon_wrap{
	float: left;
	width: 100%;
	padding: 0px 0;
	overflow: hidden;
	margin: -1px 0 0;
}
.kf_icon_thumb{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	padding: 40px 20px 38px;
}
.kf_icon_thumb:before{
	left: 0;
	top: 20px;
	width: 1px;
	content: "";
	bottom: 20px;
	height: auto;
	position: absolute;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(transparent, rgba(255,255,255,0.45), transparent); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(transparent, rgba(255,255,255,0.45), transparent); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(transparent, rgba(255,255,255,0.45), transparent); /* For Firefox 3.6 to 15 */
	background: linear-gradient(transparent, rgba(255,255,255,0.45), transparent); /* Standard syntax */
}
.row [class*="col"]:first-child .kf_icon_thumb:before{
	display: none;
}
.kf_icon_thumb:hover{
	z-index: 1;
	box-shadow: 0 6px 52px 0 rgba(32,32,32,0.37);
}
.kf_icon_wrap .kf_icon_thumb{
	width: 16.6%;
}
.kf_icon_thumb > span{
	width: 80px;
	color: #fff;
	display: block;
	font-size: 60px;
	min-height: 45px;
	line-height: 45px;
	text-align: center;
	margin: 0 auto 17px;
}
.kf_icon_thumb a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.kf_icon_thumb a:hover{
	color: #fff;
}
/*
	  ============================================================
		  Icon Thumb Wrap End #Icon Thumb
	  ============================================================
*/
/*
	  ============================================================
		  Fancy Services Start #Fancy Services
	  ============================================================
*/
.services2_wrap{
	padding-bottom: 0px;
}
.kf-fancy_services_wrap{
	float: left;
	width: 100%;
	margin: 0 0 40px;
 	border-bottom: 4px double #d7d7d7;
}
.kf-fancy_services{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 26px 0;
}
.kf-fancy_services > span{
	float: left;
	clear: both;
	height: 60px;
	font-size: 66px;
	line-height: 60px;
	margin: 0 0 26px 0;
}
.kf-fancy_services h6{
	float: left;
	width: 100%;
	font-size: 18px;
	margin: 0 0 21px;
	font-weight: bold;
	line-height: normal;
	text-transform: capitalize;
}
.kf-fancy_services p{
	float: left;
	width: 100%;
	margin: 0;
}
/*
	  ============================================================
		  Fancy Services End #Fancy Services
	  ============================================================
*/
/*
	  ============================================================
		  Fancy Progress Start #Fancy Progress
	  ============================================================
*/
.kf_progress_fancy {
    float: left;
    width: 100%;
    background-position-x: 50px;
    background-repeat: no-repeat;
}
.kf_progress_fancy .kf_progress{
	padding: 0;
	border:none;
	margin:0 0 40px 0;
}
.kf_progress_fancy .skill-progress{
	margin: 0 0 30px;
}
.kf_progress_fancy .skill-progress > span{
	color: #353535;
	font-size: 18px;
	margin: -4px 0 15px 0;
	text-transform: capitalize;
}
.kf_progress_fancy .skill-progress .progressbars.progress_single > span{
	color: #353535;
	font-size: 18px;
}
.kf_progress_fancy .skill-progress .progress_single_wrapper{
	height: 11px;
}
.kf_progress_fancy .skill-progress .progressbars.progress_single{
	height: 11px;
}
.kf_progress_fancy .skill-progress .progressbars.progress_single:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	position: absolute;
}
/*
	  ============================================================
		  Fancy Progress End #Fancy Progress
	  ============================================================
*/
/*
	  ============================================================
		  Intro Wrap Start #Intro Wrap
	  ============================================================
*/
.kf_intro_wrap{
	float: left;
	width: 100%;
	position: relative;
}
.kf_intro_contant{
	z-index: 1;
	float: left;
	width: 100%;
	text-align: left;
	position: relative;
	background-color: #353535;
	padding: 130px 210px 130px 60px;
}
.kf_intro_contant:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	content: "";
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
}
.kf_intro_contant > span{
	color: #fff;
	float: left;
	width: 115px;
	height: 115px;
	font-size: 115px;
	line-height: 115px;	
	margin: 0 20px 0 0px;
}
.kf_intro_contant h5{
	color: #fff;
	margin: 0 0 7px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	transform: translateY(-7px);
	-o-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-moz-transform: translateY(-7px);
	-webkit-transform: translateY(-7px);
}
.kf_intro_contant p{
	margin: 0 0 -4px 0;
	color: #fff;
	text-transform: capitalize;
}
.kf_intro_wrap > div{
	float: left;
	width: 50%;
}
.intro_style2{
	text-align: right;
	padding-left: 210px;
	padding-right: 60px;
	background-image: url(extra-images/intro_bg.jpg);
}
.intro_style2:before{
	opacity: 0.95;
	background-color: #353535 !important;
}
.intro_style2 > span{
	float: right;
	margin: 0 0px 0 20px;
}
/*
	  ============================================================
		  Intro Wrap End #Intro Wrap
	  ============================================================
*/
/*
	  ============================================================
		  Practice Thumb Start #Practice Thumb
	  ============================================================
*/
.kf_practices_thumb{
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0 0 50px 0;
	position: relative;
	border:1px solid #e5e5e5;
}
.kf_practices_thumb img{
	float: left;
	width: 100%;
	position: relative;
}
.kf_practices_thumb:hover img{
	opacity: 0.2;
}
.kf_practices_contant{
	top: 94%;
	left: -1px;
	right: -1px;
	width: auto;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kf_practices_thumb:hover .kf_practices_contant{
	top: 50%;
	margin: 3px 0 0 0;
}
.kf_practices_contant .text{
	padding: 0 25px;
}
.kf_practices_title{
	float: left;
	width: 100%;
	min-height: 64px;
	position: relative;
	margin: 9px 0 20px 0;
	padding: 10px 0 0 122px;
}
.kf_practices_title > span{
	top: -9px;
	left: 20px;
	width:82px;
	color: #fff;
	float: left;
	height: 82px;
	bottom: -9px;
	font-size: 30px;
	line-height: 82px;
	margin: 0 0px 0 0;
	text-align: center;
	position: absolute;
	border-radius: 100%;
	border:2px solid #ad0921; 
}
.kf_practices_title a{
	color: #fff;
	display: block;
	font-size: 18px;
	margin: 0 0 -2px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}
.kf_practices_title em{
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.kf_practices_contant p{
	float: left;
	width: 100%;
	color: #fff;
}
.kf_practices_contant .text .kode-readmore{
	color: #fff;
}
.kf_practices_contant .text .kode-readmore:hover{
	color: #000 !important;
}
.kf_practices_contant .text a,
.kf_practices_contant .text p{
	font-size: 0;
	opacity: 0;
}
.kf_practices_thumb:hover .kf_practices_title{
	background-color: transparent;
}
.kf_practices_thumb:hover .kf_practices_contant .text a{
	font-size: 14px;
	opacity: 1;
}
.kf_practices_thumb:hover .kf_practices_contant .text p{
	font-size:inherit;
	opacity: 1;
}
/*
	  ============================================================
		  Practice Thumb End #Practice Thumb
	  ============================================================
*/
/*
	  ============================================================
		  History Timeline Wrap Start #History Timeline
	  ============================================================
*/
.kf_history_bg{
	background-color: #f6f6f6;
}
.kf_history_slider{
	float: left;
	width: 100%;
	position: relative;
}
.history_nav{
	float: left;
	width: 100%;
}
.history_contant{
	float: left;
	width: 100%;
}
.kf_history_contant{
	float: left;
	width: 100%;
}
/*Timeline Slider Css Start*/
.kf_timeline_thumb{
	float: left;
	width: 100%;
	position: relative;
}
.kf_timeline_thumb figure:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0.7;
	position: absolute;
	background-color: #171615;
}
.kf_timeline_contant{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	padding: 30px 40px;
}
.kf_timeline_contant h6{
	float: left;
	width: 100%;
	color: #fff;
	margin: 0 0 7px;
	font-weight: bold;
	position: relative;
	line-height: normal;
	text-transform: uppercase;
}
.kf_timeline_contant p{
	float: left;
	width: 100%;
	color: #fff;
	margin: 0 0 16px;
}
.kf_timeline_contant .btn-1{
	color: #fff;
}
.kf_timeline_contant .btn-1:hover{
	color: #fff !important;
	border-color: #000 !important;
	background-color: #000 !important;
}
.timeline_slider{
	float: left;
	width: 100%;
	margin: 0 0 50px !important;
	padding: 0 80px;
} 
.timeline_slider .slick-arrow{
	width: 39px;
	height: 39px;
	border:1px solid;
	line-height: 39px;
	background-color: transparent;
}
.timeline_slider .slick-arrow:hover:before{
	color: #fff;
}
/*Timeline Slider Css End*/
/*
	  ============================================================
		  History Timeline Wrap End #History Timeline
	  ============================================================
*/
/*
	  ============================================================
		  Modren Team Wrap Start #Modren Team
	  ============================================================
*/
.team_modren_list{
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	margin: 0 0 20px;
	position: relative;
}
.team_modren_list > li{
	width: 20%;
	float: left;
}
.ka_team_modren{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	position: relative;
}
.ka_team_modren:hover{
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);
}
.ka_team_modren figure:before{
	content: "";
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	position: absolute;
}
.ka_team_modren:hover figure:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.85;
}
.ka_team_modren figcaption{
	left: 0;
	right: 0;
	top: 50%;
	opacity: 0;
	width: 136px;
	margin: -1px auto 0;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ka_team_modren:hover figcaption{
	opacity: 1;
}
.team_modren_contant{
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 16px 30px 18px;
}
.team_modren_contant h6 a{
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 6px 0;
	line-height: normal;
	text-transform: capitalize;
}
.team_modren_contant span{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: normal;
	text-transform: capitalize;
}
.list-item {
    display:none;
}
li#loadMore span{
	float: left;
	width: 100%;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	min-height: 233px;
	text-align: center;
	line-height: 231px;
	position: relative;
	text-transform: uppercase;
    transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
}
li#loadMore span:before{
	top: 15px;
	left: 15px;
	right: 15px;
	content: "";
	bottom: 15px;
	position: absolute;
	border:1px solid #fff;
}
/*
	  ============================================================
		  Modren Team Wrap Start #Modren Team
	  ============================================================
*/
/*
	  ============================================================
		  Video Wrap 2 Start #Video Wrap 2
	  ============================================================
*/
.kf_video_wrap2{
	float: left;
	width: 100%;	
	text-align: center;
	
}
.kf_video_wrap2 .video_caption{
	
}
.kf_video_wrap2 .video_caption h4{
	font-size: 36px;
	margin: 0 0  1px;
	text-transform: capitalize;
}
.kf_video_wrap2 .video_caption p{
	color: #fff;
	margin: 0;
}
/*
	  ============================================================
		  Video Wrap 2 End #Video Wrap 2
	  ============================================================
*/
/*
	  ============================================================
		  Blog2 Css Start #Blog2
	  ============================================================
*/
.kode-blog-2{
	float: left;
	width: 100%;
	margin: 0 0 45px;
	position: relative;
}
.kode-blog-2 figure{
	
	background-color: #606060;
}
.kode-blog-2 figure img{
	opacity: 0.8;
}
.kode-blog-2:hover figure img{
	opacity: 1;
}
.blog2-title{
	float: left;
	width: 100%;
	margin: 0 0 12px 0;
	position: relative;
}
.blog2-title h6{
	display: block;
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
}
.blog2-title > span{
	float: left;
	width: 58px;
	color: #fff;
	height: 58px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 20px 0 0;
	padding: 6px 0 0 0;
	line-height: normal;
	text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.blog2-title > span b{
	float: left;
	width: 100%;
	margin: 1px 0 0;
}
.blog2-title .kode-blog-meta{
	width: auto;
}
.blog2-title .blog-meta-list li{
	margin: 0 0 0 13px;
}
.blog2-title .blog-meta-list li:first-child{
	margin: 0;
}
.kode-blog-2 p{
	margin: 0;
	float: left;
	width: 100%;
	margin: 0 0 25px;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #e1e1e1;
}
/*
	  ============================================================
		  Blog2 Css End #Blog2
	  ============================================================
*/
/*
	  ============================================================
		   Index 3 Css Start #Index 3
	  ============================================================
*/
/*
	  ============================================================
		   Header 3 Css Wrap Start #Header 3
	  ============================================================
*/

.kf_header_3{
	top: 0;
	left: 0;
	right: 0;	
	z-index: 10;
	position: absolute;
}
.kf_header_3 .kf_logo_wrap{
	padding: 30px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1); 
}
.kf_header_3 .logo{
	float: left;
	width: auto;
}
.kf_login_wrap{
	float: right;
	width: auto;
}
.kf_login_wrap .btn-1{
	color: #fff;
	border-color:#fff;
	margin: 0 0 0 30px;
	font-weight: normal;
	padding:9px 20px 8px; 
	text-transform: capitalize;
}
.kf_login_wrap .btn-1:first-child{
	margin: 0;
}
.kf_login_wrap .btn-1:hover{
	color:#fff;
}
.kf_login_wrap .btn-1 i{
	margin: 0 10px 0 0;
}
/*navigation start*/
.kf_header_3 .navigation  ul  li  a{
	color: #fff;
	padding: 26px 0 26px;
}
.kf_header_3 .navigation  ul  li :hover > a,
.kf_header_3 .navigation  ul  li  a:hover{
	background-color: transparent !important;
}
.kf_header_3 .navigation ul li a:before{
	left: 0;
	top: -1px;
	opacity: 0;
	content: "";
	right: 100%;
	height: 1px;
	position: absolute;
}
.kf_header_3 .navigation ul li.active > a:before,
.kf_header_3 .navigation ul li:hover > a:before{
	opacity: 1;
	right: 0;
}
/*navigation End*/
.contact_no{
	width: auto;
	color: #fff;
	float: right;
	padding: 22px 0 0;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.contact_no i{
	margin: 0 15px 0 0;
}
/*
	  ============================================================
		   Main Banner 3 Css Wrap Start #Main Banner 3
	  ============================================================
*/
.kode_banner_3{
	float: left;
	width: 100%;
	position: relative;
}
.kode_banner_3 .banner_caption{
	-webkit-transform: translateY(79%);
	-moz-transform: translateY(79%);
	-ms-transform: translateY(79%);
	-o-transform: translateY(79%);
	transform: translateY(79%);
}
.kode_banner_3 .main_banner .thumb{
	background-color: #484848;
}
.kode_banner_3 .main_banner .thumb img{
	opacity: 0.2;
}
.kode_banner_3 .banner_caption em{
	color: #fff;
	display: block;
	font-size: 18px;
	margin: 0 0 8px 0;
	font-style: normal;
	line-height: normal;
	text-transform: capitalize;
}
.kode_banner_3 .banner_caption h2{
	margin: 0 0 15px 0;
}
.kode_banner_3 .banner_caption p{
	margin: 0 0 34px 0;
    font-family: 'Open Sans', sans-serif;
}
.kode_banner_3 .banner_caption .btn-1{
	color: #fff;
	border-color:#fff;
	border-width: 1px;
	background: transparent;
}
.effect_img{
	right: 5%;
	opacity: 0;
	width: auto;
	bottom: -100%;
	position: absolute;
	transition-delay: 0.3s;
	-webkit-transform: translateX(5%);
	-moz-transform: translateX(5%);
	-ms-transform: translateX(5%);
	-o-transform: translateX(5%);
	transform: translateX(5%);
	transition: all 0.6s ease-in-out;
}
.effect_img.img-left{
	left: 5%;
	right: auto;
	-webkit-transform: translateX(-5%);
	-moz-transform: translateX(-5%);
	-ms-transform: translateX(-5%);
	-o-transform: translateX(-5%);
	transform: translateX(-5%);
}
.effect_img img{
	opacity: 1 !important;
}
.kode_banner_3 .slick-current.slick-active .effect_img{
	bottom: 0;
	opacity: 1;
}
/*
	  ============================================================
		   Main Banner 3 Css Wrap End #Main Banner 3
	  ============================================================
*/
/*
	  ============================================================
		   Services Slider Css Wrap Start #Services Slider
	  ============================================================
*/
.services_slider_bg{
	padding-right:5%;
	padding-left:5%;
	background-color: #f3f3f3;
}
.kf_services_slider{
	float: left;
	width: 100%;
	padding: 0 140px;
	margin: 0 0 50px;
}
.kf_services_slider .kf_cp_services_small{
	padding: 60px 0;
	background-color: #fff;
	border:1px solid rgba(188,188,188,0.23);
}
.kf_services_slider .kf_cp_services_small h5{
	font-size: 18px;
}
.slider-nav .slick-arrow{
	height: 44px;
	width: 66px;
	line-height: 44px;
	background-color: #fff;
	border-radius: 20px 0 0 20px;
	border:1px solid rgba(188,188,188,0.23);
}
.slider-nav .slick-next{
	border-radius: 0px 20px 20px 0px;
}
.slider-nav .slick-arrow:before{
	color: #b3b3b3;
	line-height: 40px;
}
.slider-nav .slick-arrow:hover::before{
	color: #fff;
}
/*
	  ============================================================
		   Services Slider Css Wrap End #Services Slider
	  ============================================================
*/
/*
	  ============================================================
		   Modren Counter Css Wrap Start #Modren Counter
	  ============================================================
*/
.kf_counter_modren_wrap{
	float: left;
	width: 100%;
	padding: 0 5%;
	overflow: hidden;
	position: relative;
}
.kf_counter_modren{
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0 70px;
	background-color: #f3f3f3;
}
.container .row [class*="col"]:nth-child(even) .kf_counter_modren,
.kf_counter_modren:nth-child(even){
	background-color: #ebebeb;
}
.kf_counter_modren p{
	margin: 0;
	float: left;
	width: 100%;
	color: #484848;
	font-size: 45px;
	font-weight: bold;
	line-height: normal;
}
.kf_counter_modren p i{
	margin: 0 0 0 5px;
}
.kf_counter_modren h6{
	color: #484848;	
	font-size: 18px;
	padding:0 0 18px;
	font-weight: bold;
	position: relative;
	line-height: normal;
	display: inline-block;
	text-transform: capitalize;
}
.kf_counter_modren h6:before{
	left: 0;
	bottom: 0;
	height: 2px;
	width: 60px;
	content: "";
	position: absolute;
	background-color: #c2c2c2;
}
/*
	  ============================================================
		   Modren Counter Css Wrap Start #Modren Counter
	  ============================================================
*/
/*
	  ============================================================
		   Practice List Css Wrap Start #Practice List
	  ============================================================
*/
.kf_practices_list_wrap{
	margin: 0 0px 30px;
	padding: 0;
	position: relative;
	float: left; 
}
.div_row{
	margin: 0 -7px;
}
.div_row > div{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0 7px;
}
.kf_practices_list{
	float: left;
	width: 100%;
	padding: 8px;
	margin: 0 0 20px 0;
	background-color: #f3f3f3;
	border-radius: 95px 0px 0 95px;
	border:1px solid rgba(188,188,188,0.23);
}
.kf_practices_list figure{
	width: 177px;
	height: 177px;
	margin: 0 20px 0 0;
	border-radius: 100%;
}
.kf_practices_list.text-right{
	border-radius:0 95px 95px 0;
}
.kf_practices_list.text-right figure{
	float: right;
	margin: 0 0 0 20px;
}
.kf_practices_list figure:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0;
	position: absolute;
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.kf_practices_list:hover figure:before{
	opacity: 0.8;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.kf_practices_list .overflow_text{
	padding: 40px 0 0;
}
.kf_practices_list h5{
	float: left;
	width: 100%;
	font-weight: bold;
	line-height: normal;
	font-size: 24px;
	margin: 0 0 5px 0;
	text-transform: capitalize;
}
.kf_practices_list p{
	float: left;
	width: 100%;
	margin: 0 0 1px 0;
}
/*
	  ============================================================
		   Practice List Css Wrap End #Practice List
	  ============================================================
*/
/*
	  ============================================================
		   Cases Slider Css Wrap Start #Cases Slider
	  ============================================================
*/
.kf_cases_wrap{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(extra-images/cases-bg.jpg);
}
.kf_cases_wrap:before{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	opacity: 0.8;
	position: absolute;
	background-color: #484848;
}
.kf_cases_wrap .kf_fancy_heading2{
	padding: 78px 0 0 0;
}
.cases_slider_thumb{
	float: left;
	width: 100%;
	position: relative;
	-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
				-o-transition:all 0.5s ease-in-out;
					transition:all 0.5s ease-in-out;	
}
.cases_slider_thumb figure{
	background-color: #2c292a;
}
.cases_slider_thumb h6{
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 15px 10px 17px;
	line-height: normal;
	background-color: #fff;
	text-transform: capitalize;
}
.cases_slider_thumb h6 a{
	float: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.kf_cases_slider{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
	padding: 0 0 84px 0;
}
.kf_cases_slider .slick-arrow{
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}
.kf_cases_slider .slick-prev{
	left: 50%;
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	transform: translate(-100%);
}
.kf_cases_slider .slick-next{
	right: 50%;
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	-o-transform: translate(100%);
	transform: translate(100%);
}
.kf_cases_slider .slick-slide .cases_slider_thumb figure img{
	opacity: 0.7;
	-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
				-o-transition:all 0.5s ease-in-out;
					transition:all 0.5s ease-in-out;
}
.kf_cases_slider  .slick-current.slick-active .cases_slider_thumb figure img{
	opacity: 1;
}
.kf_cases_slider .slick-slide .cases_slider_thumb{
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
}
.kf_cases_slider  .slick-current.slick-active .cases_slider_thumb{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.kf_cases_wrap .slider_row.row{
	margin: 0 -30px;
}
/*
	  ============================================================
		   Cases Slider Css Wrap End #Cases Slider
	  ============================================================
*/
/*
	  ============================================================
		   Video Wrap 3 Css Wrap Start #Video Wrap 3
	  ============================================================
*/
.kf_video_wrap3{
	padding: 82px 0;
	background-size: 100% 100%;
	background-image:url("extra-images/video3.jpg");
}
.kf_video_wrap3::before{
	opacity: 0.93;
	background-color: #2c2a2a;
}
.kf_video_wrap3 .video_caption{
	margin: 8px auto 0;
}
/*
	  ============================================================
		   Video Wrap 3 Css Wrap End #Video Wrap 3
	  ============================================================
*/
/*
	  ============================================================
		   Team Medium Thumb Css Wrap Start #Team Medium Thumb
	  ============================================================
*/
.kf_team_medium{
	float: left;
	width: 100%;
	position: relative;
	border:1px solid #e6e6e6;
}
.team_medium_contant{
	float: left;
	width: 100%;
	text-align: center;
	padding: 16px 0 20px; 
}
.team_medium_contant h6{
	float: left;
	width: 100%;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 4px 0;
	line-height: normal;
	text-transform: capitalize;
}
.team_medium_contant span{
	float: left;
	width: 100%;
	color: #999;
	font-size: 16px;
	position: relative;
	margin: 0 0 20px 0;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 15px 0;
	font-family: 'Open Sans', sans-serif;
}
.team_medium_contant span:before{
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 43px;
	content: "";
	margin: 0 auto;
	position: absolute;
	background-color: #ccc;
}
.team_medium_contant .social_links li a{
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.kf_team_medium_slider{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
	padding: 0 0 84px 0;
}
.kf_team_medium_slider .slick-arrow{
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}
.kf_team_medium_slider .slick-prev{
	left: 50%;
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	transform: translate(-100%);
}
.kf_team_medium_slider .slick-next{
	right: 50%;
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	-o-transform: translate(100%);
	transform: translate(100%);
}
/*
	  ============================================================
		   Team Medium Thumb Css Wrap End #Team Medium Thumb
	  ============================================================
*/
/*
	  ============================================================
		   Testimonial 2 Css Wrap Start #Testimonial 2
	  ============================================================
*/
.kf_testimonial_bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(extra-images/testimonial2_bg.jpg);
}
.kf_testimonial_bg:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0.72;
	position: absolute;
	background-color: #484848;
}
.kf_testimonial_bg .kf_fancy_heading2 h3{
	margin-bottom: 0;
}
.kf_testimonial-thumb{
	float: left;
	width: 100%;
	position: relative;
}
.kf_testimonial-thumb figure{
	float: none;
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	margin: 0 auto 30px;
	border-radius: 100%;
	border:3px solid #fff;
	-webkit-border-radius: 100%;
}
.kf_testimonial_contant{
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
}
.kf_testimonial_contant .rating_down{
	margin-bottom: 20px;
}
.kf_testimonial_contant p{
	float: left;
	width: 100%;
	color: #fff;
	margin: 0 0 18px 0;
}
.kf_testimonial_contant h6{
	font-size: 16px;
	float: left;
	width: 100%;
	margin: 0 0 -5px;
	font-weight: bold;
	/*line-height: normal;*/
    line-height: 22px;
	text-transform: uppercase;
}
.kf_testimonial_contant h6 a{
	color: #fff;
}
.kf_testimonial_slider{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
	padding: 0 0 84px 0;
}
.kf_testimonial_slider .slick-arrow{
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}
.kf_testimonial_slider .slick-prev{
	left: 50%;
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	transform: translate(-100%);
}
.kf_testimonial_slider .slick-next{
	right: 50%;
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	-o-transform: translate(100%);
	transform: translate(100%);
}
/*
	  ============================================================
		   Testimonial 2 Css Wrap End #Testimonial 2
	  ============================================================
*/
/*
	  ============================================================
		   History Timeline Slider 2 Css Wrap Strat #History Timeline Slider 2
	  ============================================================
*/
.kf_history_timeline_slider{
	float: left;
	width: 100%;
	padding: 23px 0;
	padding: 23px 0px;
	margin: 0 0 134px;
	position: relative;
}
.kf_history_timeline_slider .slick-arrow{
	top: auto;
	bottom: -84px;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}
.kf_history_timeline_slider .slick-prev{
	left: 50%;
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	transform: translate(-100%);
}
.kf_history_timeline_slider .slick-next{
	right: 50%;
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	-o-transform: translate(100%);
	transform: translate(100%);
}
.kf_history_timeline_slider::after,
.kf_history_timeline_slider::before {
    top: 0;
    left: 0;
    z-index: 1;
    right: 0px;
    content: "";
    width: 23px;
    bottom: auto;
    height: 23px;
    margin: 0 auto;
    position: absolute;
    border-radius: 100%;
}
.kf_history_timeline_slider::after{
	top: auto;
	bottom: 0px;
}
.kf_ticker_slider{
	display:none;
}
/*Right Side Wrap Style*/
.kf_history_timeline{
	float:left;
	width:100%;
	padding: 15px 0;
	position:relative;	
}
.kf_history_timeline:before{
	top: 0;
	left: 0;
	bottom: 0;
	right: 1px;
	width: 1px;
	content: "";
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: #d6d6d6;
}
.kf_history_timeline_contant{
	width:50%;
	float:left;
	min-height: 200px;
	position:relative;
	text-align: right;
	padding: 9px 70px 9px 0;
}
.kf_history_timeline_contant:before{
	top:50%;
	width:23px;
	opacity: 0;
	content:"";
	right:-11px;
	height:23px;
	position:absolute;
	border-radius:100%;
	border:5px solid;
	background-color:#fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kf_history_timeline_slider .slick-active .kf_history_timeline_contant:before{
	opacity: 1;
	transition: opacity 0.5s 0 ease-in-out;
}
.kf_history_timeline_slider .slick-active.slick-center .kf_history_timeline_contant:before{
	animation-name: flash;
	animation-duration: 1s;
	-moz-animation-name: flash;
	-moz-animation-duration: 1s;
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@keyframes flash {  
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

/* Chrome 4+, Safari 4+, Opera 15+ */
@-webkit-keyframes flash {  
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

/* Firefox 5+ */
@-moz-keyframes flash {  
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}
.kf_history_timeline_contant figure{
	top: 50%;
	right: -48%;
	width: 200px;
	height: 200px;
	position: absolute;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
					transform: translateY(-50%);
}
.kf_history_timeline_contant.float-md-right{
	text-align: left;
	padding-right:0;
	padding-left:70px;
	float: right;
}
.kf_history_timeline_contant.float-md-right:before{
	right: auto;
	left: -12px;
}
.kf_history_timeline_contant.float-md-right figure{
	right: auto;
	left: -48%;
}
.kf_history_timeline_contant span{
	float: left;
	width: 100%;
	font-size: 16px;
	margin: 0 0 4px 0;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	text-transform: capitalize;
}
.kf_history_timeline_contant h5{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 5px 0;
	text-transform: capitalize;
}
.kf_history_timeline_contant p{
	float: left;
	width: 100%;
	margin: 0 0 17px 0;
}
.slick-vertical .slick-slide{
	border:none;
}
/*
	  ============================================================
		   History Timeline Slider 2 Css Wrap End #History Timeline Slider 2
	  ============================================================
*/
/*
	  ============================================================
		   Blog Medium 2 Css Wrap Start #Blog Medium 2
	  ============================================================
*/
.kode-blog-medium2{
	margin: 0 0 50px;
	border: 1px solid #e0e0e0;
}
.kode-blog-medium2 .kode-blog-content{
	padding: 26px 20px 30px;
}
.kode-blog-medium2 .kode-blog-content .kode-blog-meta{
	margin: 0 0 10px 0;
}
.kode-blog-medium2 .blog-title{
	padding: 0;
	border: none;
	margin: 0 0 10px;
}
.kode-blog-medium2 .kode-blog-content p{
	margin: 0 0 26px 0;
}
.kode-blog-medium2 .btn-1{
	color: #fff;
	border: none;
	font-weight: normal;
	padding: 8px 20px 7px;  
	text-transform: capitalize;
}
.kode-blog-medium2 .btn-1:hover{
	color: #fff;
	background: #000;
}
.kode-blog-medium2:hover .kf_pretty_icon{
	opacity: 1;
}
.mb-0 {
    margin-bottom: 0 !important;
}
/*
	  ============================================================
		   Blog Medium 2 Css Wrap End #Blog Medium 2
	  ============================================================
*/
/*
	  ============================================================
		   Contant Bar Css Wrap Start #Contant Bar
	  ============================================================
*/
.kf_contact_bar{
	background-repeat: no-repeat;
	background-image: url(images/phone-img.png); 
	background-position: 100px 45px;
}
.kf_contant{
	float: left;
	width: 100%;
	padding: 24px 0;
	margin: 0 0 50px 0;
	position: relative;
}
.kf_contant h6{
	float: left;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	margin: 0 0 17px 0;
	text-transform: uppercase;
}
.kf_contant h6 span{
	float: left;
	width: 100%;
}
.kf_contant p{
	margin: 0;
}
.kf_contact_bar .hire-form{
	margin: 0 0 50px;
}
.kf_contact_bar .hire-form .kf_select select,.kf_contact_bar .hire-form .kf_commet_field input,.kf_contact_bar .hire-form .kode-textarea textarea{
	background: transparent;
	min-height: 40px;
	height: 40px;
}
.kf_contact_bar .hire-form .form-submit input[type="submit"]{
	color: #333;
	background: transparent !important;
}
.kf_contact_bar .hire-form .form-submit input[type="submit"]:hover{
	color: #fff;
}
/*
	  ============================================================
		   Contant Bar Css Wrap End #Contant Bar
	  ============================================================
*/
/*
	  ============================================================
		   Inedx 3 End #Index 3
	  ============================================================
*/
/*
	  ============================================================
		   Inedx 4 Start #Index 4
	  ============================================================
*/
/*
	  ============================================================
		   Header 5 Css Start #Header 5
	  ============================================================
*/
.kf_topbar5{
	float: left;
	width: 100%;
	padding: 0 0 0 40px;
	position: relative;
}
.kf_topbar5 .kf_top_info span{
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 18px 30px 17px;
	border-left:1px solid rgba(255,255,255,0.2);
    font-family: 'Montserrat', sans-serif;
}
.kf_topbar5 .kf_top_info span:first-child{
	border: none;
	padding-left: 0;
}
.kf_topbar5 .social_links{
	float: left;
	padding: 15px 0;
	margin: 0 40px 0 0;
}
.kf_topbar5 .social_links li a{
	width: 23px;
	height: 23px;
	line-height: 23px;
	border:none;
	color: #fff;
	border-radius: 3px;
	background: rgba(255,255,255,0.2);
}
.kf_topbar5 .social_links li a:hover{
	background: #000;
	color: #fff;
}
.kf_topbar5 .kf_location_btn{
	float: left;
}
.kf_topbar5 .kf_location_btn ul{
	border:none;
	box-shadow: none;
}
.kf_topbar5 .kf_location_btn .dropdown{
	color: #fff;
	font-size: 16px;
	padding: 14px 38px 15px;
	background: rgba(0,0,0,0.1);
}
.kf_topbar5 .kf_location_btn .dropdown li{
	float: left;
	width: 100%;
}
.kf_topbar5 .kf_sidr_btn{
	float: left;
	padding: 12px 40px;
}
.kf_topbar5 .kf_sidr_btn a{
	color: #fff;
}
.kf_header_5 .kf_logo_wrap{
	float: left;
	width: 100%;
	padding: 0 50px;
}
.kf_header_5 .logo{
	padding: 15px 0;
}
.kf_header_5 .kode_navigation{
	float: left;
	width: auto;
}
.kf_header_5 .navigation ul li a,
.kf_header_5 .navigation > ul > li > a{
	padding: 34px 0;
}
.kf_header_5 .navigation ul li .children li:hover > a{
	color: #fff;
}
.kf_header_5 .kf_login_wrap{
	padding: 20px 0;
	margin: 0 0 0 70px;
}
.kf_header_5 .kf_login_wrap .btn-1:hover{
	color: #fff !important;
}
.kf_header_5 .search-icon{
	float: right;
	width: 41px;
	height: 41px;
	color: #fff;
	line-height: 41px;
	text-align: center;
	border-radius: 100%;
	margin: 0 0 0 20px;
}
.kf_header_5 .search-icon:hover{
	background: #000;
	color: #fff;
}
/*
	  ============================================================
		   Header 5 Css End #Header 5
	  ============================================================
*/
/*
	  ============================================================
		   Banner 4 Css Start #Banner 4
	  ============================================================
*/
.kode_banner_4 .banner_caption{
	width: 60%;
}
.kode_banner_4 .banner_caption h2{
	font-size: 60px;
	line-height: 64px;
}
.kode_banner_4 .banner_caption .btn-1 {
    background: transparent none repeat scroll 0 0;
    border-color: #fff;
    border-width: 1px;
    color: #fff;
    text-transform: capitalize;
    padding: 8px 35px;
}
.kode_banner_4 .banner_caption .btn-1:hover{
	color: #fff;
}
/*
	  ============================================================
		   Banner 4 Css End #Banner 4
	  ============================================================
*/
/*
	  ============================================================
		   Categories Wrap Css Start #Categories Wrap
	  ============================================================
*/
.kf_categories_wrap{
	float: left;
	width: 100%;
	position: relative;
	background: #f1f1f1;
	padding: 10px;
}
.kf_categories_wrap > .row{
	margin: 0 -5px;
}
.kf_categories_wrap > .row > [class*="col-md"]{
	padding: 0 5px;
}
.kf_categories_thumb{
	float: left;
	width: 100%;
	position: relative;
	text-align: left;
}
.kf_categories_thumb .thumb:before{
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	content: "";
	border:1px solid #fff;
}
.kf_categories_thumb:hover .thumb{
	background: #000;
}
.kf_categories_thumb .thumb img{
	opacity: 0;
}
.kf_categories_thumb:hover .thumb img{
	opacity: 0.1;
}
.kf_categories_thumb .text{
	/*position: absolute;*/
	position: relative;
	left: 20px;
	right: 20px;
	margin: 40px auto 0;
	top: 50%;
	width: auto;
	padding: 0 30px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kf_categories_thumb:hover .text{
	margin-top:0; 
}
.kf_categories_thumb .text > span{
	float: left;
	width: 100%;
	font-size: 70px;
	color: #fff;
	margin: 0 0 14px;
	line-height: 70px;
}
.kf_categories_thumb h5{
	font-size: 24px;
	line-height: normal;
	text-transform: capitalize;
	font-weight: bold;
	color: #fff;
	margin: 0 0 6px;
}
.kf_categories_thumb p{
	margin: 0 0 32px;
	color: #fff;
}
.kf_categories_thumb .btn-1 {
	border-width: 1px;
	border-color: #fff;
	color: #fff;
	opacity: 0;
}
.kf_categories_thumb:hover .btn-1{
	opacity: 1;
}
.kf_categories_thumb .btn-1:hover{
	color: #fff;
}
/*
	  ============================================================
		   Categories Wrap Css End #Categories Wrap
	  ============================================================
*/
/*
	  ============================================================
		   Services Description Css Start #Services Description
	  ============================================================
*/
.kf_services_dec{
	float: left;
	width: 100%;
	position: relative;
	margin: 55px 0 50px 0;
	text-align: center;
	padding: 0 15px 22px;
}
.kf_services_dec > span{
	top: -55px;
	width: 110px;
	height: 110px;
	font-size: 70px;
	display: block;
	margin: 0 auto -44px;
	line-height: 109px;
	text-align: center;
	border-radius: 100%;
	position: relative;
	background: #fff;
	border:3px solid transparent;
}
.kf_services_dec h5{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 11px;
	text-transform: capitalize;
}
.kf_services_dec p{
	float: left;
	width: 100%;
	margin: 0;
}
.kf_services_dec:hover p,
.kf_services_dec:hover h5 a{
	color: #fff;
}
/*
	  ============================================================
		   Services Description Css End #Services Description
	  ============================================================
*/
/*
	  ============================================================
		   Modren Services2 Css Start #Modren Services2
	  ============================================================
*/
.kode-modren_services_wrap2{
	float: left;
	width: 100%;
}
.kode-modren_services_wrap2 > div{
	float: left;
	width: 50%;
}
.opacity_effect{
	position: relative;
}
.opacity_effect:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.26;
	background: #000;
	content: "";
}
/*
	  ============================================================
		   Modren Services2 Css End #Modren Services2
	  ============================================================
*/
/*
	  ============================================================
		   Latest Services Css Start #Latest Services
	  ============================================================
*/
.kode-latest-services{
	float: left;
	width: 100%;
	padding: 23px 20px 24px;
	text-align: center;
	position: relative;
	margin: 0 0 50px;
	border: 1px solid #dedede;
}
.kode-latest-services:before{
	left: 0;
	right: 0;
	content: "";
	height: 3px;
	bottom: -4px;
	width: 0;
	position: absolute;
	background: transparent;
}
.kode-latest-services:hover:before{
	width: 100%;
}
.services-title{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
.kode-latest-services p{
	margin: 0 0 32px;
	float: left;
}
.kode-latest-services .btn-1{
	border-width: 1px;
	border-color: #dedede;
	padding:6px 30px;
	font-weight: normal;
	text-transform: capitalize;
}
.kode-latest-services .btn-1:hover{
	color: #fff;
}
.kode-latest-services figure{
	margin: 0 0 30px;
}
/*
	  ============================================================
		   Latest Services Css End #Latest Services
	  ============================================================
*/
/*
	  ============================================================
		   Projects Slider 2 Css Start #Projects Slider 2
	  ============================================================
*/
.projects_slider2{
	float: left;
	width: 100%;
}
.projects_slider2 .slick-slide{
	padding: 0;
}
.projects_slider2_contant{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 50px;
}
.projects_slider2_contant img{
	float: left;
	width: 100%;
}
.projects_slider2_contant h6{
	float: left;
	width: 100%;
	font-size: 18px;
	color: #fff;
	padding: 20px 20px;
	position: relative;
	top:-80px;
	opacity: 0; 
	text-transform: capitalize;
	line-height: normal;
	font-weight: normal;
}
.projects_slider2 .slick-center.projects_slider2_contant h6,
.projects_slider2_contant:hover h6{
	opacity: 1;
	top: 0;
}
.projects_slider2_contant span {
    float: left;
    line-height: normal;
    padding: 9px 0;
    width: auto;
}
.projects_slider2_contant h6 a{
	float: right;
	height: 41px;
	width: 41px;
	color: #fff;
	text-align: center;
	line-height: 41px;
	border: 1px solid #fff;
	border-radius: 100%;
}
.projects_slider2_contant h6 a:hover{
	background-color: #000;
	border-color: #000;
}
/*
	  ============================================================
		   Projects Slider 2 Css End #Projects Slider 2
	  ============================================================
*/
/*
	  ============================================================
		   Team Slider 2 Css Start #Team Slider 2
	  ============================================================
*/
.kf_team_medium_slider2{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
	padding: 0 0 29px 0;
}
.kf_team_medium_slider2 .slick-arrow{
	top: auto;
	bottom: 0;
	margin: 0 -10px;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}
.kf_team_medium_slider2 .slick-arrow:hover:before{
	color: #fff;
}
.kf_team_medium_slider2 .slick-prev{
	left: 50%;
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	transform: translate(-100%);
}
.kf_team_medium_slider2 .slick-next{
	right: 50%;
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	-o-transform: translate(100%);
	transform: translate(100%);
}
.kf_team_medium2{
	float: left;
	width: 100%;
	margin: 0 0 50px;
	overflow: hidden;
	position: relative;
}
.kf_team_medium2 img{
	float: left;
	width: 100%;
	position: relative;
}
.kf_team_medium2:hover img{
	opacity: 0.08;
}
.kf_team_medium2 .team_medium_contant {
    padding: 10px 10px 15px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
}
.kf_team_medium2:hover .team_medium_contant{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kf_team_medium2:hover .team_medium_contant h6 a{
	color: #fff !important;
}
.kf_team_medium2 .team_medium_contant:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.92;
	content: "";
}
.kf_team_medium2:hover .team_medium_contant:before{
	opacity: 0;
}
.kf_team_medium2 .team_medium_contant h6{
	font-size: 22px;
}
.kf_team_medium2 .team_medium_contant span{
	margin: 0 0 17px;
	padding: 0;
}
.kf_team_medium2 .team_medium_contant span:before{
	display: none;
}
.kf_team_medium2 .team_medium_contant p{
	margin: 0 0 32px;
	float: left;
	width: 100%;
	opacity: 0;
}
.kf_team_medium2:hover .team_medium_contant p{
	opacity: 1;
}
.kf_team_medium2 .team_medium_contant span,
.kf_team_medium2 .team_medium_contant p,
.kf_team_medium2 .team_medium_contant h6 a{
	color: #fff;
	position: relative;
}

.kf_team_medium2 .social_links{
	position: relative;
}
.kf_team_medium2 .social_links li a{
	border-color: #fff;
	color: #fff;
}
/*
	  ============================================================
		   Team Slider 2 Css End #Team Slider 2
	  ============================================================
*/
/*
	  ============================================================
		   Video 4 Css Start #Video 4
	  ============================================================
*/
.kf_video_wrap4{
	padding: 195px 0;
	background-image: url(extra-images/kf_video_wrap4.jpg); 
}
.kf_video_wrap4:before{
	opacity: 0.22;
	background: #bbb4b4;
}
/*
	  ============================================================
		   Video 4 Css End #Video 4
	  ============================================================
*/
/*
	  ============================================================
		   Price Tag Css Start #Price Tag
	  ============================================================
*/
.price_table2[class*="col"] > .row{
	margin: 0;
}
.kf_price_tag{
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0 0 50px;
	border: 1px solid #e2e2e2;
}
.price_label,
.price_title{
	float: left;
	width: 100%;
	margin: 0;
	padding:21px 0;
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
}
.kf_price_tag:hover .price_title{
	color: #fff;
}
.price_label{
	border-top: 1px solid #e2e2e2;
}
.price_label span{
	float: left;
	width: 100%;
	font-size: 14px;
	margin:4px 0 5px;
}
.price_list{
	float: left;
	width: 100%;
	padding: 0 0 10px;
	margin: 0;
	list-style: none;
}
.price_list li{
	float: left;
	width: 100%;
	font-size: 16px;
	padding: 15px 0 15px;
	line-height: normal;
	border-top: 1px solid #ebebeb; 
	text-transform: capitalize;
}
.price_list li a:hover{
	color: #333;
}
/*
	  ============================================================
		   Price Tag Css End #Price Tag
	  ============================================================
*/
/*
	  ============================================================
		   Brand 2 Css Start #Brand 2
	  ============================================================
*/
.kf_brand2{
	background: #f8f8f8;
}
.brand_slider2{
	float: left;
	width: 100%;
}
.brand_slider2 a{
	float: left;
	width: 100%;
	text-align: center;
	background: #99d3f9;
	padding: 40px 20px;
	border: 1px solid #e3e3e3;
}
.brand_slider2 a img{
	float: none;
	display: block;
	margin:0 auto;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.brand_slider2 a:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.brand_slider2 .slick-arrow{
	display: none !important;
}
/*
	  ============================================================
		   Brand 2 Css End #Brand 2
	  ============================================================
*/
/*
	  ============================================================
		   Footer 2 Css Start #Footer 2
	  ============================================================
*/
.kode_footer_2{
	/*background: #212020;*/
	background: #fff;
	float: left;
	width: 100%;
	padding: 68px 0 40px 0;
border-top: 1px solid #333;
}
.kode_footer_2 .widget_title span:before{
	display: none;
}
.copy_right1.copy_right2{
	background: #1c1b1b;
}
.copy_right1.copy_right2 p{
	padding: 11px 0;
}
.latest_news{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.latest_news li{
	float: left;
	width: 100%;
	margin: 0 0 26px;
	padding: 28px 0 0 0;
	border-top: 1px solid #fff;
}
.latest_news li:first-child{
	border: none;
	padding: 0;
}
.latest_news li p{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 14px;
	margin: -8px 0 0;
}
.latest_news li p a{
	color: #000;
}
.news_date{
	display: inline-block;
	font-size: 14px;
	text-transform: capitalize;
	line-height: normal;
}

.widget-contact2 > p{
	float: left;
	width: 100%;
	color: #000;
	font-size: 14px;
	margin: -8px 0 20px ;
}
.widget-contact2 form{
	float: left;
	width: 100%;
	margin: 0 0 30px;
}
.widget-contact2 .kf_commet_field input[type="text"]{
	min-height: 52px;
	background: #1c1b1b;
	border-color:transparent;
}
.widget-contact2 .kf_commet_field input[type="text"]::-webkit-input-placeholder{
	color:#fff;
}
.widget-contact2 .kf_commet_field input[type="text"]::-moz-placeholder{
	color:#fff;
}
.widget-contact2 .form-submit input[type="submit"]{
	text-transform: capitalize;
	font-weight: normal;
	padding: 4px 40px;
}
.copy_right2.copy_right1 .go-up{
	float: right;
	top: auto;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	width: 43px;
	height: 43px;
	line-height: 43px;
	line-height: 23px;
	color:#fff;
	background: #212020;
	border:none;
	font-size: 24px;
	position: static;
}
.copy_right2.copy_right1 .go-up:hover{
	border-color: transparent !important;
}
.copy_right2 .go-up i{
	left: -6px;
}

.copy_right1.copy_right3,
.copy_right1.copy_right4{
	background: #4e4e51;
}
.copy_right4 .navigation ul li a{
	color: #fff;
}
/*
	  ============================================================
		   Footer 2 Css End #Footer 2
	  ============================================================
*/
/*
	  ============================================================
		   Inedx 4 Start #Index 4
	  ============================================================
*/
/*
	  ============================================================
		   Ticker Css Start  #ticker
	  ============================================================
*/
.kf_ticker {
    float: left;
    width: 60%;
    position: relative;
}
.kf_ticker > span {
    z-index: 1;
    width: 25%;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    line-height: normal;
    padding:12px 0px;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}
.kf_ticker_slider {
    width: 75%;
    float: right;
    overflow: hidden;
    position: relative;
    padding:13px 0px 14px 0px;
}
.ticker{
	float: left;
	width: 100%;
	padding: 0px 0px 0 45px;
	margin: 0;
	overflow: hidden;
}
.kf_ticker .slick-dotted.slick-slider{
	margin: 0;
}
.kf_ticker .slick-slide{
	padding: 0 0 0 0px;
	margin: 0;
}
.ticker p{
    margin: 2px 0px 0px 9px;
    padding: 0;
    color: #fff;
    float: left;
    width: 100%;
    overflow: hidden;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:15px;
}
.kf_ticker_slider .slick-arrow{
	right: auto;
	left: 25px;
	width: 15px;
	color: #fff;
	height: 15px;
	margin-top: 1px;
	text-align: center;
	text-indent:inherit;
	background-color:transparent;
}
.kf_ticker_slider .slick-arrow.slick-prev{
	left: 0px;
}
.kf_ticker_slider .slick-arrow:before{
	left:0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	content: "";
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	text-align: center;
	font-family: 'FontAwesome';
}
.kf_ticker_slider .slick-arrow.slick-next:before{
	content: "\f105";
}
.kf_ticker_slider .slick-arrow.slick-prev:before{
	content: "\f104";
}

.kode-blog-thumbnail.kode-ux img {
    height: auto;
}
blockquote{
	float: left;
	width: 100%;
	border: none;
	position: relative;
	text-align: center;
	margin:0 0 10px !important;
	padding: 53px 90px 57px !important; 
	background:#f9f9f9;
}
blockquote:after,
blockquote:before{
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 83px;
	line-height: 74px;
	color: #eff0f0;
	font-family: 'FontAwesome';
	content: "\f10d";
}
blockquote:after{
	content: "\f10e";
	left: auto;
	right:10px;
	top: auto;
	bottom: 2px;
}
blockquote p{
	float: left;
	width: 100%;
	margin: 0 !important;
	color: #7d8386;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize;
}




.social-links{
	margin:0px;
	list-style:none;
}
.social-links li{
	float:left;
}
.social-links li a{
	padding:10px;
}
.kf_top_bar .open > .dropdown-menu{
	padding:0px;
	margin:0px;
	border:none;
}
.kf_top_bar .open > .dropdown-menu li{
	float:left;
	width:100%;
	margin:0px;
	border:none;
	padding:0px;
}
.kf_top_bar .open > .dropdown-menu li .nav-tabs{
	border:none;
}

.kode_sidebar_wrap_side {
    float: left;
    padding: 30px;
    width: 100%;
	background:#fff;
}
.body-wrapper .c-menu{
	/*background-color:#25252f;*/
	background-color:#3c92ca;
	padding:50px 20px 30px;
}
.kode_sidebar_wrap{
	float:left;
	background-color:#25252f;
	padding:50px 20px 30px;
	position:relative;
}
.kode_sidebar_wrap .close{
	position:absolute;
	top:10px;
	right:10px;
	height:37px;
	width:37px;
	text-align:center;
	line-height:30px;
	border-radius:100%;
	border:2px solid #fff;
	color:#fff;
	font-size:14px;
}
.kode_sidebar_content{
	padding:20px 0px;
	border-bottom:1px solid #4b4b59;
}
.kode_side_post h5,
.kode_sidebar_content h5{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;
}
.kode_sidebar_content p{
	color:#fff;
	font-size:16px;
	line-height:26px;
	margin-bottom:20px;
}
.kode_sidebar_service li a{
	display:block;
	font-size:15px;
	color:#fff;
}
.kode_sidebar_service li{
	display:block;
	margin-bottom:10px;
}
.kode_sidebar_service li a i{
	font-size:20px;
	margin-right:10px;
}
.kode_side_post{
	padding-top:30px;
	border-bottom:1px solid #4b4b59;
	margin-bottom:20px;
}
.kode_recent_medium{
	margin-bottom:30px;
}
.kode_recent_medium figure{
	float:left;
	overflow:hidden;
}
.kode_recent_medium:hover figure img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	opacity:0.7;
	-webkit-transform:scale(1.1);
}
.kode_recent_content {
    overflow: hidden;
    padding: 0 0 0 16px;
}
.kode_side_post h5{
	margin-bottom:20px;
}
.kode_recent_content p{
	font-size:15px;
	line-height:24px;
	color:#fff;
}
.kode_side_comment li{
	float:left;
	margin-right:14px;
}
.kode_side_icon li:last-child,
.kode_side_comment li:last-child{
	margin:0px;
}
.kode_side_comment li a{
	font-size:12px;
	color:#fff;
}
.kode_side_comment li a i{
	margin-right:5px;
}
.kode_side_copyright p{
	float:left;
	color:#333;
	font-size:14px;
}
.c-menu--slide-right  .c-menu__close ,
.c-menu--push-right  .c-menu__close {
	right: auto !important;
	left: 10px;
	top: 10px;
}

.c-menu--push-top,
.c-menu--slide-right, 
.c-menu--push-right{
	direction: rtl;
}
.c-menu--push-top .kode_sidebar_wrap_side,
.c-menu--push-right .kode_sidebar_wrap_side{
	direction: ltr;
}
.c-menu--slide-top, .c-menu--slide-bottom, .c-menu--push-top, .c-menu--push-bottom{
	overflow-x: hidden !important;
}
.kode_sidebar_wrap_side{
	text-align: left;
}
.kode_sidebar_wrap_side {
    float: left;
    padding: 30px;
    width: 100%;
}
.side-navigation .c-menu__close {
    color: #fff;
    font-size: 14px;
    height: 37px;
    line-height: 32px;
    opacity: 1;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 10px;
    width: 37px;
    border-radius: 100%;
    border: 2px solid #fff;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.body-wrapper.has-push-right,
.body-wrapper.has-push-left{
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.kode_sidebar_wrap_side .kode_sidebar_logo{
	margin: 0 0 30px;
	text-align: center;
}
.kode-sidebar-menu-element .widget_archive ul{
	margin-left: 0;
}
.kode-sidebar-menu-element > div{
	margin: 0px 0 30px 0;
}
.kode-sidebar-menu-element #wp-calendar thead{
	background: #fff !important;
}
.kode-sidebar-menu-element .calendar_wrap th,
.kode-sidebar-menu-element .calendar_wrap td{
	padding: 10px;
	border-color: #fff;
	text-align: center;
}
.kode-sidebar-menu-element .calendar_wrap th:hover{
	background: transparent;
}
.kode-sidebar-menu-element .calendar_wrap table{
	border-color:#fff;
}
.kode-sidebar-menu-element .widget_pages ul li ul{
	display: none;
}
.kode-sidebar-menu-element .widget_pages ul li:hover > ul{
	display: block;
}

.kode_side_copyright .kode_side_icon{
	float: left;
	width: 100%;
	margin:0;
	padding:15px 0; 
	list-style: none;
	text-align: center;
}
.kode_side_copyright .kode_side_icon li {
    display: inline-block;
    float: none;
    margin-right: 8px;
    width: auto;
}
.kode_side_copyright .kode_side_icon li a {
    color: #333;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    display: inline-block;
    height: 30px;
    line-height: 30px;
    opacity: 0.99;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59) 0s;
    width: 30px;
}
.kode_side_copyright .kode_side_icon li a::before {
    background-color: #000;
    content: "";
    height: 140%;
    left: -110%;
    position: absolute;
    top: 90%;
    transform: rotate(45deg);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59) 0s;
    width: 140%;
    z-index: -1;
}
.kode_side_copyright .kode_side_icon li a:focus::before, .kode_side_icon li a:hover::before {
    left: -20%;
    top: -20%;
}
#c-menu--slide-right .kode-sidebar-menu-element [class*="col-"],
#c-menu--slide-left .kode-sidebar-menu-element [class*="col-"],
#c-menu--push-left .kode-sidebar-menu-element [class*="col-"],
#c-menu--push-right .kode-sidebar-menu-element [class*="col-"]{
	width:100%;
	padding:0px;
}

.kf_search_wrap .kode_search{
	margin-bottom: 0;
}
.kf_search_wrap .kode_search.open ~ .overlay{
	opacity: 0.9;
}

#kode_search .search-here i{

}
#kode_search .kode_search-close{
	transform: none !important;
	overflow: visible;
	background-color: transparent;
	width: auto;
	margin-top: -19px;
	top: 0px;
}
#kode_search .kode_search-close:before{
	position: absolute;
	content:"\f00d" !important;
	font-family: fontawesome;
	font-size: 20px;
	color:#1e73be ;
	top:0px;
	right: 0px;
	width:40px;
	height: 40px;
	transform: none !important;
	overflow: visible;
	opacity: 1;
	background-color: #fff;
	border:3px solid #1e73be ;
	border-radius: 100%;
	padding: 0px 9px;
	line-height: 32px;
	text-align: center;
}
#kode_search .kode_search-close:after{
	display: none;
}
#searchform input:focus{
	box-shadow: 8px 8px 10px rgba(0,0,0,0.3);
}
.kf_worker img {
    height: auto;
    width: 100%;
}
.kode_search.kf_pet_search .widget-search{
	display:none;
}
.kode_search.kf_pet_search.open .widget-search{
	display:block;
}
.kode_search.kf_pet_search.open .widget-search input[type="text"]{
	background-color:#fff; 
	padding: 18px 20px;
}
.kode-traders-datail .col-md-6.columns{
	padding:0px;
}
.kode-blog-list-grid.kode-modern-new > [class*="col-"]{
	padding:0px;
}
.kode-financial-icons{
	
}
.kode-financial-error404 {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
}
.kode-financial-error404 h3 {
    float: left;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}
.kode-financial-error404 h2 {
    float: left;
    font-size: 200px;
    line-height: 200px;
	margin-top:0px;
    margin-bottom: 25px;
    text-transform: uppercase;
    width: 100%;
}
.kode-financial-error404 ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.kode-financial-error404 ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    width: 100%;
}
.kode-financial-error404 ul li a {
    border: 1px solid #666;
    font-size: 14px;
    line-height: normal;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.kode-financial-error404 ul li a:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.kode-user-comment-content p.edit-link {
    margin-right: 15px;
    width: auto;
}
.projects_img{
	float: left;
	width: 100%;
	margin: 0 0 50px;
}
.side_img p img,
.side_img p{
	margin: 0;
}
.content-wrapper {
	float:left;
	width:100%;
}
.pie-chart-table{
	height:900px;
	width:100%;
}
.modal-dialog{
	z-index: 999999999;
}



.outer-input input{
	background-color: #f5f5f5;
}
.outer-input label{
	float: left;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    margin-bottom: 6px;
    text-transform: uppercase;
    width: 100%;
}
.outer-input label i{
	margin-right: 10px;
}
.modal-header h3{
	float: left;
	width: 100%;
	margin:0; 
	position: relative;
	font-size: 24px;
	text-transform: uppercase;
	line-height: normal;

}
.modal-header .close {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 100%;
    box-shadow: 0 5px 4px 0 rgb(0, 0, 0, 0.2);
    height: 30px;
    opacity: 1;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
}
.modal-header .close:hover{
	color: #fff;
}
.modal-body .status {
    float: right;
    margin: 0;
    position: relative;
    width: auto;
    line-height: normal;
    padding: 2px 5px;
    font-size: 14px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.modal-body > span{
	float: left;
	width: 100%;
	margin-bottom: 15px;
	text-transform: uppercase;
	line-height: normal;
	font-size: 14px;
}
.logout-btn a:hover{
	color: #fff;
}
/*
  ============================================================
	event shop STARTS
  ============================================================
*/
.event_shop_style{
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid #d4d4d4;
	margin-bottom: 30px;
}
.event_shop_style figure{
	background-color: #ccc;
	float: left;
	width: 100%;
	position: relative;
}
.event_shop_style{
	text-align: center;
}
.event_shop_style .main-heading{
	margin-bottom: 20px;
}
.event_shop_style .main-heading h5{
	font-size: 20px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
.event-shop-content{
	float: left;
	width: 100%;
	text-align: center;
	padding: 24px 0px 30px;
}
.event-shop-content .social-icons{
	width: 100%;
}
.event-shop-content .social-icons li:first-child{
	margin-left: 0px;
}
.event-shop-content .social-icons li a{
	border: 1px solid #d4d4d4;
	color:#666666;
	width: 40px;
	height: 40px;
	line-height: 39px;
	font-size: 18px;
}
.event-shop-content .social-icons li:hover a{
	color:#fff;
}
.event_shop_style figure:before{
	position: absolute;
	content: "";
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	opacity: 0;
}
.event_shop_style figure .shop-hover{
	position: absolute;
	left: 0px;
	right: 0px;
	top:50%;
	margin-top: -25px;
	text-align: center;
	-o-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity: 0;
}
.event_shop_style:hover figure:before{
	opacity: 0.6;
}

.event_shop_style:hover .shop-hover{
	-o-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity: 1;
}
/*
  ============================================================
	event shop ends
  ============================================================
*/
.post-password-form input[type="submit"]{
	background:#535050;
	height:42px;
	color:#fff;
}
.post-password-form label{
	width:auto;
	margin-right:12px;
}
.screen-reader-text{
	display:none;
}
.calendar_wrap caption{
	padding:15px;
	text-align:center;
}
.kode_banner_1.banner-slider-1 .flex-control-nav{
	display:none;
}
.slick-slider {
    background: url(images/bx_loader.gif) no-repeat;
}
.slick-slider .slick-list { 
    opacity: 0; 
    position: absolute; 
}
.slick-slider.slick-initialized {
    background: none;
}
.slick-slider.slick-initialized .slick-list { 
    opacity: 1;
    position: relative;
    transition: opacity 0.2s ease-in;
}
.kode_news_detail{
	margin-bottom:30px;
}
#kode-comment .comment-respond{
	margin-bottom:30px;
	width:100%;
	float:left;
}
.kode-single-detail .kode-blog-meta{
	margin-top:30px;
}
.kode-single-detail .blog_meta_wrap{
	background:#535050;
	
}
.kode-single-detail .social-404 a,.kode-single-detail .kf_social a,
.kode-single-detail .blog_tag_meta .sep,.kode-single-detail .blog_tag_meta a,.kode-single-detail .blog_tag_meta i{
	color:#fff;
}
/*
===============================================
	footer 03
===============================================	
*/

.disaster_footer_03{
	float: left;
	width: 100%;
	background: #2e3639;
	padding: 80px 0 50px;
}
.footer_widget_logo,
.widget{
	float: left;
	width: 100%;
}
.footer_widget_logo .logo-here{
	margin-bottom: 35px;
}
.widget ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.logo-here{
	display: inline-block;

}
.widget_links{
	float: left;
	width: 100%;
	padding-left: 0px;
}
.widget_links li{
	float: left;
	width: 50%;
	list-style: none;
	position: relative;
	margin-bottom: 11px;
}
.widget_links li:last-child{
	margin-bottom: 0px;
}
.widget_links li a{
	display: inline-block;
	position: relative;
	color:#a9aaae;
	font-size: 14px;
	text-transform: capitalize;
	padding-left: 15px;
}
.widget_links li:hover a{
	color:#09a223;
}
.widget_links li:hover a:before{
	background-color:#09a223; 
}
.widget_links li a:before{
	position: absolute;
	content: "";
	left: 0px;
	top:50%;
	bottom:0px;
	width: 6px;
	height: 6px;
	background: #575f61;
	margin: -3px 0px;
}
.widget-title02{
	color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 14px;
    text-transform: uppercase;
    width: 100%;
}
.office_detail{
	float: left;
	width: 100%;
	position: relative;
	z-index: 10;
}
.office_detail:before{
	position: absolute;
	content: "";
	left: -20px;
	right: -10px;
	top:5px;
	bottom: 0px;
	border-left:1px solid #394345;
	border-right:1px solid #394345;
	z-index: -1;
}
.office_detail li{
	margin-bottom: 15px;
}
.office_detail li:last-child{
	margin-bottom: 0px;
}
.office_detail li span{
 	color: #b0b0b0;
    float: left;
    font-size: 18px;
    padding: 1px 0 10px;
    text-align: center;
    width: 30px;
    margin-right: 10px;
}
.office_detail li p{
	line-height: 24px;
	display: inline;
	font-size: 14px;
	color:#a9aaae;
}

.follows_gallery{
	float: left;
	width: 100%;
	padding: 5px 0px 0px;
}
.flickr_badge_image{
	float: left;
	
	width:auto;
	padding: 0px 10px 10px 0px;
}
.flickr_badge_image a{
	display: inline-block;
	width: 100%;
	position: relative;
}
.flickr_badge_image:hover a:before{
	width: 100%;
	opacity: 0.85;
}
.flickr_badge_image:hover a:after{
	opacity: 1;
	font-size: 18px;
}
.flickr_badge_image a:before{
	background-color: #2b2b2b;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.85;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    opacity: 0;
}
.flickr_badge_image a:after{
	position: absolute;
	content: "\f00e";
	font-family: fontawesome;
	font-size: 0px;
	text-align: center;
	top:50%;
	margin-top: -15px;
	left: 0px;
	color:#fff;
	right: 0px;
	opacity: 0;
}
.flickr_badge_image a img{
	width: 100%;
}
.copyright_comment{
	float: left;
	width: 100%;
	border-top: 1px solid #394345;
	padding: 33px 0 0;
	margin-top: 17px;
}
.copyright_comment p{
	float: left;
	line-height: 24px;
	margin-bottom: 0px;
	color:#a9aaae;
	font-size: 14px;
}
.copyright_comment p a{
	color:#a9aaae;
}
.copyright_comment p a:hover{
	color:#a9aaae;
}
.copyright_nav{
	float: right;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
	width:auto;
}
.copyright_nav li{
	float: left;
	margin-right: 30px;
	width:auto;
}
.copyright_nav li:last-child{
	margin-right: 0px;
}
.copyright_nav li a{
	display: inline-block;
	text-transform: capitalize;
	color:#a9aaae;
}
.disaster_footer_04 .copyright_nav li:hover a,
.copyright_nav li:hover a{
	color:#09a223;
}
/*
===============================================
	footer 03 ends
===============================================	
*/

/*
===============================================
	footer 04
===============================================	
*/
.disaster_footer_04{
	float: left;
	width: 100%;
	background-image: url(images/footer04_bg_images.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0 50px;
	position: relative;
	z-index: 10;
}
.disaster_footer_04:before{
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	top:0px;
	bottom: 0px;
	background-color: #131313;
	opacity: 0.91;
	z-index: -1;
}
.disaster_footer_04 .footer_widget_logo p{
	margin-bottom: 20px;
	font-size: 14px;
}
.disaster_footer_04 p{
	color:#fff;
}
.disaster_footer_04 .copyright_nav li a{
	color:#fff;
}
.widget-form{
	float: left;
	width: 100%;
}
.inputer{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.disaster_footer_04 .copyright_comment p a,
.inputer textarea::placeholder,
.inputer input::placeholder{
	color:#fff;
}
.inputer textarea::-moz-placeholder,
.inputer input::-moz-placeholder{
	color:#fff;
}
.inputer textarea::-webkit-placeholder,
.inputer input::-webkit-placeholder{
	color:#fff;
}
.inputer textarea,
.inputer input{
	background: transparent;
	float: left;
	width: 100%;
	height: 37px;
	padding: 0px 20px;
	text-transform: capitalize;
	font-size: 14px;
	border-color: #394345;
	font-weight: 500;
	color: #394345;
	resize:none;
	box-shadow: -0px 0px 1px 1px rgba(0,0,0,0.0);
}
.inputer textarea:focus,
.inputer input:focus{
	box-shadow: -2px 2px 1px 1px rgba(0,0,0,0.3);
	border-color: #09a223;
}
.inputer textarea{
	height: 87px;
	padding-top: 12px;
}
.disaster_footer_04 .office_detail li span,
.disaster_footer_04 .office_detail li p{
	color:#fff;
}


.disaster_social_icons{
	float: left;
	width: 100%;
	position: relative;
}
.disaster_social_icons li{
	float: left;
	margin-right: 15px;
	width:auto;
}
.disaster_social_icons li:last-child{
	margin-right: 0px;
}
.disaster_social_icons li a{
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 18px;
	color:#fff;
	border:1px solid #394345;
	line-height: 40px;
	border-radius: 4px;
}
.disaster_social_icons li:hover a{
	background-color: #09a223;
	border-color: transparent;
}
.submit-btn{
	padding:6px 12px 5px;
	color:#fff;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	background-color: #09a223;
}
.submit-btn:hover{
	background-color: #333;
}

.copyright_comment p a,
.widget_links li,
.widget_links li a,
.widget_links li a:before,
.flickr_badge_image a,
.flickr_badge_image a:after,
.flickr_badge_image a:before,
.inputer textarea,
.copyright_nav li,
.disaster_social_icons li,
.disaster_social_icons li a,
.copyright_nav li a,
.inputer textarea,
.inputer input,
.submit-btn,
.disaster_social_icons li a

{
	-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
			-ms-transition:all 0.3s ease-in-out;
				-o-transition:all 0.3s ease-in-out;
					transition:all 0.3s ease-in-out;

}
.kode-blog-single-full .kode-blog-medium .kode-thumbnail{
	margin-bottom:20px;
}
.kode-center-content-tf{
	float:none;
	display:inline-block;
}
.kode-blog-content h4 a{
	font-size:16px !important;
}
.dl-menuwrapper li a:hover{
	background:#333 !important;
}
.kode-financial-errors{
	padding-top:10px;
}

/********************6 june 2017 *******************/

.kf_dropmenuss {
    margin-bottom: 40px;
}

/*.kf_top_info span {
    width: 20%;
}*/

.team_caption {
    height: 25%;
}

.team_caption:hover {
    height: auto;
}

/*.team_caption em:hover {
margin-bottom:30px;
}*/

.kf_testimonial_contant p {
    font-size: 15px;
}

.fa-briefcase:before {
    font-size: 15px;
    content: "\f0b1";
    margin-right: 15px;
}

.kode-main-accodien {
        cursor: pointer;
    margin-bottom: 4px;
    border: 1px solid #ccc;
    background: url('http://stage.acaciaresearch.com/wp-content/uploads/2017/06/down-arrow.png')no-repeat scroll 99% 20px / 9px auto;
}

.kode-main-accodien h6 i {
    margin-left: 10px;
}

.just-for-accodien-data p {
    margin-left: 40px;
}

#vsel .vsel-content {
    width: 100%;
clear:none;
margin-right:3%;
}

#vsel .vsel-meta {
    width: 100%;
    float: left;
}

#vsel .vsel-meta-title {
    font-size: 22px;
    margin: 0 0 10px;
    line-height: 33px;
}

#vsel .vsel-image-info {
    width: 100%;
    float: left;
}

.kode-blog-date {
        margin-right: 2%;
    background: #000;
    width: 10%;
    float: left;
    color: #fff;
    padding-left: 9px;
}

.vsel-information {
    width: 88%;
    float: left;
}

.kode-blog-date span {
    font-size: 25px;
    line-height: 38px;
}

.blog-title {
    font-weight: 400 !important;
}

.kf_sidr_btn a i:hover {
    color: #71B5E2 !important;
}

ul.year {
    list-style-type: none;
    width: 100%;
margin-left: 5%;
margin-bottom: 40px;
}

ul.year li {
    margin-bottom: 15px;
}

ul.year li a {
    font-size: 19px;
    margin: 0 0 10px;
    line-height: 33px;
cursor: pointer;
padding: 10px;
    color: #3c92ca;
}

ul.year li a:before {
    margin-right: 20px;
    font-family: fontawesome;
    content: "\f111";
}

ul.monthLi li a:before {
    font-size: 12px;
    margin-right: 12px;
    font-family: fontawesome;
    content: "\f10c";
}

ul.monthLi li a {
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 33px;
background: transparent;
color: #333;
}

ul.monthLi {
    list-style-type: none;
}

ul.monthLi li {
    margin-bottom: 0;
}

ul.year>li:first-child ul {
    display: block !important;
}

.inner_post_title a {
    color: #388eaa !important;
}

div#homee .col-md-12.simple-column {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div#homee .container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

div#business_plus_recent_news_widget-2 span {

color: #3c92ca !important;
}

div#business_plus_contact_widget-2 span {
color: #3c92ca !important;
}

.widget-contact2 span {
color: #3c92ca !important;
}

div#business_plus_contact_widget-2 p {
color: #000;
}

.inner_post_date {
    margin: 0 40px 0px;
}

.inner_post_title {
    margin: 0 58px 0;
}

ul.contact_list li i {
    margin-top: 4px;
}

ul.contact_list li p {
    line-height: 20px;
}

div#text-3 h5 span {
    color: #3c92ca !important;
}

div#text-3 ul li a {
    font-family: open sans;
    font-weight: normal;
    font-size: 14px;
    color: #000;
}

div#text-3 ul li a:hover {
    color: #3c92ca !important;
}

div#text-4 h5 span {
    color: #3c92ca !important;
}

div#text-4 ul li a {
    color: #000;
}

div#text-4 span a:hover {
    color: #3c92ca !important;
}

div#vsel_widget-2 h5 span {
    color: #3c92ca !important;
}

.mc4wp-form-fields input[type="email"] {
    border-radius: 50px !important;
    float: left;
    width: 100%;
    height: auto;
    font-size: 14px !important;
    color: #fff !important;
    padding: 8px 20px;
    line-height: normal;
    border: 1px solid #e3e3e3;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    min-height: 52px;
    background: #1c1b1b;
    border-color: transparent;
    margin-top: 20px;
}

.mc4wp-form-fields input[type="submit"] {
    background-color: #3c92ca !important;
    text-transform: capitalize;
    font-weight: normal;
    padding: 10px 40px;
    color: #fff;
    border-radius: 50px;
    margin-top: 20px;
}

span.date {
    color: #3c92ca !important;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    line-height: normal;
    width: 100% !important;
}

div#text-3 h5 {
    margin-bottom: 16px !important;
}

div#text-4 h5 {
    margin-bottom: 16px !important;
}

div#vsel_widget-2 h5 {
    margin-bottom: 0px !important;
}

span.view a {
    color: #3c92ca !important;
    font-size: 13px !important;
font-family: "Arial", Helvetica, sans-serif;
}
span.view {
    float: right;
}

div#vsel_widget-2 h4.vsel-meta-title {
    font-weight: normal;
    color: #000;
    font-family: Open sans;
    font-size: 14px !important;
    line-height: 30px !important;
}

div#vsel_widget-2 .kode-blog-date span {
    font-size: 10px !important;
    line-height: 15px !important;
}

div#vsel_widget-2 .kode-blog-date {
    margin-right: 3% !important;
width: 14% !important;
}

div#vsel_widget-2 .vsel-information {
    width: 83%;
    float: left;
}

div#slider-wrapper {
    display: none;
}

.licensing-ops-tbl th {
    background: #000 !important; 
}

#main #investor-listing .cat-title {
    border-top: 3px solid #3c92ca !important;
}

#main #investor-listing .subcontent a {
    color: #3c92ca !important;
}

#main #investor-listing:last-child {
    border-bottom: 3px solid #3c92ca !important;
}

.col-md-12.simple-column h3 {
    margin-bottom: 10px !important;
}

.kode-main-accodien h6 {
    font-size: 20px !important;
    padding: 20px !important;
    margin-bottom: -1px !important;
}

#main .post-listing .drop-arrow-dwn {
    float: right;
    margin: 16px 0 0 0;
    width: 5px;
    height: 3px;
    background: url("http://stage.acaciaresearch.com/wp-content/uploads/2017/06/acacia_dwn_arrow.png") no-repeat !important;
}

.kode-main-accodien p img {
    margin-right: 10px !important;
}

.otw-sc-toggle .toggle-trigger {
    background: #333 !important;
    text-shadow: 1px 1px 0 #333 !important;
}

.page-id-5872 .content {
    margin-bottom: 60px;
}

.otw-sc-toggle br {
    display: none;
}

.otw-sc-toggle h3 {
    margin-bottom: 20px !important;
}

.last {
    float: none !important;
}

.kf_testimonial.slick-slide figure {

display:none !important;
}

.kf_testimonial_slider1 .slick-prev {
    left: -47px;
}

.kf_testimonial_slider1 .slick-next {
    right: -42px;
}

.kf_testimonial h5 {
    font-size: 25px;
}


.kf_testimonial p {
    font-size: 13px;
}