@charset "utf-8";
* {
    margin: 0px;
    padding: 0px;
}


/*[class*="col-md-"] {
	float: none !important;
	display: inline-block;
	margin: 0px -4px 0px 0px;
	vertical-align: top;
}*/


/*==// Header Setup //==*/

header {
    background-color: #ffffff;
    float: left;
    width: 100%;
}

header.header-2 {
    background: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 100;
}

header.header-2 .navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

header.header-2 .search-btn {
    color: #fff;
}

header.header-2.sticky,
header.header-2 .logo,
header.header-2 .search-btn,
header.header-2 .navigation ul>li>a,
.kdcroud .kdtext,
.kdcroud.compact .progress,
.kdcroud.compact figure img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

header.header-2.sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999999;
}

header.header-2.sticky .navigation ul>li>a {
    padding: 20px 15px;
}

header.header-2.sticky .search-btn {
    padding: 20px 0px;
}

header.header-2 .logo {
    width: 100%;
}

header.header-2.sticky .logo {
    width: 140px;
    margin: 10px 0px;
}

header [class*="col-md-"] {
    margin: 0px -4px 0px 0px;
}


/*==// TopStrip Setup //==*/

.topbaar {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    background-color: #54B8A2;
}

.strip-info li {
    list-style: none;
    float: left;
    color: #ffffff;
    font-size: 12px;
    margin: 0px 20px 0px 0px;
    padding: 5px 0px;
}

.strip-info li a {
    color: #ffffff;
}

.strip-info li i {
    margin-right: 7px;
}

.socialnetwork {
    float: right;
}

.socialnetwork ul li {
    list-style: none;
    float: left;
    margin: 0px 22px 0px 0px;
    padding: 5px 0px 0px 0px;
}

.socialnetwork ul li:last-child {
    margin-right: 0px;
}

.socialnetwork ul li a {
    color: #ffffff;
    font-size: 17px;
}

.logo {
    float: left;
    margin: 14px 0px 20px 0px;
}

.right-section {
    float: right;
}


/*==// Navigation Setup //==*/

.navigation {
    padding: 0px 0px 0px 0px;
    float: left;
}

.navigation ul li {
    list-style: none;
    position: relative;
}

.navigation ul>li>a {
    font-size: 14px;
    padding: 35px 30px 35px 30px;
    color: #5d5d5d;
    text-transform: capitalize;
}

.navigation ul>li:hover>a {
    color: #ffffff;
}

.sub-dropdown {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 215px;
    margin: 0px;
    z-index: 99;
    background-color: #ffffff;
    border-top: 3px solid;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}


/*==// Navigation Setup //==*/

.navigation {
    padding: 0px 0px 0px 0px;
    float: left;
}

.navigation ul li {
    list-style: none;
    position: relative;
}

.navigation ul>li>a {
    font-size: 14px;
    padding: 36px 15px 35px 15px;
    color: #333333;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
}

.navigation ul>li:hover>a {
    color: #ffffff;
}

.sub-dropdown {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 215px;
    margin: 0px;
    z-index: 99;
    background-color: #ffffff;
    border-top: 3px solid;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.fwhite {
    color: #fff;
}

.f24 {
    font-size: 24px;
}

.sub-dropdown2 {
    width: 100px!important;
}

.navigation ul ul ul {
    right: 100%;
    left: auto;
    top: 0px;
    margin: 0px;
}

.sub-dropdown li {
    padding: 0px;
    border-bottom: 1px solid #eeeeee;
    float: left;
    width: 100%;
}

.navigation ul>li:hover>.sub-dropdown {
    opacity: 1;
    visibility: visible;
}

.navigation ul li .sub-dropdown li a {
    color: #5d5d5d;
    text-transform: capitalize;
    padding: 10px 15px;
    float: left;
    width: 100%;
    position: relative;
}

.navigation ul li .sub-dropdown>li:hover>a {
    color: #ffffff;
}

.navigation ul .sub-dropdown li.parentIcon:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 10px;
    color: #767676;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);
}

.header4 .mainheader {
    text-align: center;
}

.header4 .mainheader .logo,
.header4 .mainheader .right-section {
    float: none;
    display: inline-block;
}

.header4 .mainheader .right-section {
    margin: 0px 0px -5px 0px;
}

.mainheader.kd-mainnav {
    background: rgba(0, 0, 0, 0.4);
}

.header4 .navbar-default .navbar-nav>li>a,
.header4 .search-btn {
    color: #ffffff;
}

.header4 {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    background-color: transparent;
}

.header4 .topbaar {
    background-color: transparent;
    border: none;
}

.header4 .mainheader .right-section {
    text-align: left;
}

.header4~#mainbanner .eccaption {
    top: 45%;
}


/*==// Search Setup //==*/

.kd-search {
    float: right;
    position: relative;
}

.search-btn {
    color: #777;
    padding: 36px 0px 35px 0px;
    float: left;
}

.searchform {
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: 99;
    width: 260px;
    background-color: #ffffff;
    padding: 15px;
    border-top: 3px solid;
}

header .searchform input {
    float: left;
    width: 100%;
    background-color: #efefef;
    height: 30px;
    font-size: 12px;
    color: #777777;
    border: none;
}


/*==// Banner Setup //==*/

#mainbanner {
    float: left;
    width: 100%;
}

#mainbanner .transparent-bg {
    background-color: rgba(0, 0, 0, 0.01);
}

#mainbanner ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 0;
}

#mainbanner .bx-pager {
    display: none;
}

#mainbanner .bx-wrapper .bx-controls-direction a {
    color: #ffffff;
    text-indent: 0px;
    font-size: 60px;
    margin-top: -35px;
}

.eccaption {
    position: absolute;
    left: 0px;
    top: 40%;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.eccaption h3 {
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    font-size: 60px;
}

.eccaption h3,
.eccaption h4 {
    color: #ffffff;
}

.eccaption h4 {
    font-family: 'Prompt', sans-serif;
    margin: 0px 0px 8px 0px;
    font-size: 34px;
}

.linksection {
    display: inline-block;
    padding: 40px 0px 0px 0px;
    width: 100%;
}

.linksection a {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 8px 55px;
    text-transform: uppercase;
    background-color: #000;
    color: #ffffff;
    font-weight: bold;
    margin-right: 15px;
}

.sepratore {
    border-bottom: 1px solid #ffffff;
    width: 400px;
    display: inline-block;
}

#banner-1 {
    float: left;
    width: 100%;
}

#banner-1 .caption {
    position: absolute;
    right: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 30px;
    top: 16%;
    width: 500px;
    margin-right: -580px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#banner-1 .caption h4 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: solid 1px #fff;
}

#banner-1 .caption h4,
#banner-1 .caption h2 {
    font-size: 24px;
    color: #fff;
}

#banner-1 .caption h2 {
    font-size: 30px;
}

#banner-1 .caption p {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
}

#banner-1 .caption a.donate-btn {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

#banner-1 .bx-wrapper .bx-controls-direction a.bx-prev:before,
#banner-1 .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 46px;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: normal;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#banner-1 .bx-wrapper .bx-controls-direction a {
    height: 50px;
    width: 50px;
    background-color: rgba(255, 255, 255, 0.2);
}

#banner-1 .bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

#banner-1 .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f105";
}


/*==// SubHeader Setup //==*/

.subheader {
    float: left;
    width: 100%;
    padding: 30px 0px;
    position: relative;
}

.page-info {
    float: left;
}

.page-info h2 {
    text-transform: uppercase;
    font-size: 32px;
}

.page-info h2,
.page-info p {
    color: #ffffff;
}

.breadcrumb {
    background-color: transparent;
    margin: 0px;
    float: right;
    padding: 30px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 12px;
}

.breadcrumb span {
    float: left;
    color: #ffffff;
    margin: 6px 12px 0px 0px;
}

.breadcrumb span i {
    margin-right: 5px;
}

.breadcrumb ul {
    float: left;
}

.breadcrumb ul li {
    float: left;
    list-style: none;
    margin: 0px 22px 0px 0px;
    position: relative;
}

.breadcrumb ul li:last-child {
    margin-right: 0px;
}

.breadcrumb ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: -14px;
    top: 0px;
    color: #ffffff;
}

.breadcrumb ul li:last-child:before {
    display: none;
}

.breadcrumb ul li a {
    color: #ffffff;
}


/*==// Content Setup //==*/

.main-content {
    float: left;
    width: 100%;
    padding: 30px 0px 0px 0px;
}

.transparent-bgdark {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.transparent-bg {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.transparent-bg-5 {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.kf-transparent-bg-dark {
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

body.home .main-content {
    padding: 0px;
}

.kd-sectiontitle {
    display: inline-block;
    min-width: 670px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.kd-sectiontitle h2 {
    text-transform: uppercase;
    font-size: 32px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    line-height: normal;
}

.kd-sectiontitle h2:before,
.kd-sectiontitle h2:after {
    content: '';
    width: 9999px;
    height: 4px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    position: absolute;
    top: 22px;
    left: 100%;
    margin-left: 20px;
}

.kd-sectiontitle h2:after {
    content: '';
    left: auto;
    right: 100%;
    margin-left: 0px;
    margin-right: 20px;
}

.kdwhite .kd-sectiontitle h2:before,
.kdwhite .kd-sectiontitle h2:after {
    border-color: #ffffff;
}

.kdwhite .kd-sectiontitle h2,
.kdwhite span {
    color: #ffffff;
}


/*==// ContentIInfo Setup //==*/

.kd-contentinfo {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.kd-contentinfo span {
    font-size: 22px;
    margin: 0px 0px 20px 0px;
    display: block;
}

.kd-contentinfo h3 {
    text-transform: uppercase;
    font-size: 36px;
}

.kd-contentinfo h2 {
    text-transform: uppercase;
}


/*==// Blog Setup //==*/

.kdblog {
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 25px 20px;
    position: relative;
}

.kdblog:hover {
    box-shadow: 0px 0px 6px 2px #f3f3f3;
}

.kdpost-option li {
    list-style: none;
    float: left;
    margin: 0px 16px 14px 0px;
}

.kdblog figure img {
    float: left;
    width: 100%;
}

.kdblog figure {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
}

.kdblog:hover figure img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.kdblog figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
}

.kdblog:hover figure figcaption {
    opacity: 1;
}

.kdblog figure figcaption a {
    color: #ffffff;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 30px;
    margin: -16px 0px 0px -6px;
}

.kdblog p {
    margin: 0px 0px 20px 0px;
    float: left;
}

.kdblog .kd-readmore {
    float: left;
    padding: 4px 17px;
    color: #ffffff;
}

.kdblog h2 {
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
}

.kdpost-option {
    float: left;
}

.kdpost-option li {
    color: #333333;
    font-size: 13px;
}

.kdpost-option li i {
    color: #444444;
    margin-right: 5px;
}

.kdpost-option li a {
    color: #333333;
}

.kd-readmore {
    float: right;
    padding: 7px 17px;
    /*padding: 8px 25px;*/
    color: #444444;
    border: 2px solid #ccc;
    text-transform: uppercase;
    border-radius: 4px;
}

.kd-readmore i {
    margin-right: 5px;
}

.thbg-colorhover:hover {
    color: #ffffff;
}

.blognetwork {
    position: absolute;
    right: 12px;
    top: 36px;
}

.blognetwork ul li {
    float: left;
    list-style: none;
    margin: 0px 10px 0px 0px;
}

.blognetwork ul li a {
    float: left;
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    color: #d7d7d7;
    text-align: center;
    font-size: 20px;
    padding: 9px 0px 0px 0px;
}

.blognetwork ul li a:hover {
    color: #ffffff;
}

.kdblog .bx-pager.bx-default-pager {
    display: none;
}

.kdblog .bx-wrapper .bx-controls-direction a {
    height: 100%;
    width: 60px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #ffffff;
    margin: 0px;
}

.kdblog .bx-wrapper .bx-prev {
    left: 0px;
}

.kdblog .bx-wrapper .bx-prev:before,
.kdblog .bx-wrapper .bx-next:before {
    content: "\f104";
    text-indent: 0px;
    font-family: FontAwesome;
    position: absolute;
    left: 16px;
    color: #ffffff;
    top: 50%;
    font-size: 55px;
    margin: -30px 0px 0px 0px;
}

.kdblog .bx-wrapper .bx-next {
    right: 0px;
}

.kdblog .bx-wrapper .bx-next:before {
    content: "\f105";
}


/*==// Pagination Setup //==*/

.pagination {
    float: left;
    width: 100%;
    text-align: center;
}

.pagination ul {
    float: none;
    display: inline-block;
}

.pagination ul li {
    float: left;
    list-style: none;
    margin: 0px 5px 0px 0px;
}

.pagination ul li a {
    float: left;
    padding: 0px 11px;
    font-size: 14px;
    font-weight: bold;
    color: #aba5a5;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
}

.pagination ul li a:hover,
.pagination ul li.active a {
    color: #ffffff;
    border-color: transparent;
}


/*==// Blog Detail Setup //==*/

.blog-detail .kdblog {
    padding: 25px 20px 2px 20px;
}

blockquote {
    border: none;
    border: 1px solid #e8e8e8;
    padding: 25px 25px 25px 100px;
    font-style: italic;
    font-size: 16px;
    font-family: 'Prompt', sans-serif;
    line-height: 1.8;
    position: relative;
    margin: 8px 0px 25px 0px;
    font-weight: normal;
}

blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 40px;
    color: #d7d7d7;
    font-style: normal;
}

blockquote span {
    display: block;
    color: #d7d7d7;
    font-style: italic;
}

blockquote span small {
    display: inline-block;
    color: #d7d7d7;
}

.kddetail-post {
    float: left;
    width: 100%;
    padding: 8px 0px;
    margin: 0px 0px 25px 0px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.kd-posttag {
    padding: 6px 0px 0px 0px;
}

.kd-posttag,
.kd-posttag h6 {
    float: left;
}

.kd-posttag h6 {
    padding: 0px 6px 0px 0px;
}

.kd-posttag a {
    color: #777777;
    display: inline-block;
    margin: 3px 1px 5px 0px;
}

.kddetail-post .socialnetwork ul li a {
    float: left;
    width: 33px;
    height: 33px;
    border: 2px solid #dbdbdb;
    text-align: center;
    color: #d7d7d7;
    border-radius: 100%;
}

.kddetail-post .socialnetwork ul li:hover a {
    color: #ffffff;
}

.nextprev-post {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.nextprev-post ul {
    margin: 0px 0px 0px -30px;
}

.nextprev-post ul li {
    float: left;
    width: 50%;
    padding: 0px 0px 0px 30px;
    list-style: none;
}

.nextprev-post ul li .inner-post {
    background-color: #fcfcfc;
    border: 1px solid #f0f0f0;
    padding: 10px 20px;
}

.nextprev-post ul li.pull-left {
    text-align: left;
}

.nextprev-post ul li.pull-right {
    text-align: right;
}

.post-btn,
.inner-post h5 {
    text-transform: uppercase;
}

.nextprev-post ul li:hover .inner-post a {
    color: #ffffff;
}


/* UserComment */

#kdcomments,
#kdcomments h2,
.thumblist,
#kdcomments ul ul.children,
#respond h2 {
    float: left;
    width: 100%;
}

#kdcomments h2 {
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
}

#kdcomments ul li .thumblist {
    padding-bottom: 30px;
}

#kdcomments ul li {
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
}

#kdcomments ul ul {
    margin: 0px;
}

#kdcomments ul li figure {
    float: left;
    width: 60px;
}

#kdcomments ul li figure img {
    border-radius: 100%;
}

#kdcomments ul li figure~.text {
    padding: 0px 0px 0px 80px;
}

#kdcomments ul li .text a {
    font-weight: bold;
    text-transform: capitalize;
    margin: 0px 15px 5px 0px;
    display: inline-block;
}

#kdcomments ul li .text time {
    color: #999999;
    font-size: 12px;
}

#kdcomments ul li .text a.replay-btn {
    color: #333;
    padding: 0px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    top: -6px;
    font-weight: normal;
    text-transform: uppercase;
}

#kdcomments ul li .text a.replay-btn:hover {
    color: #ffffff;
    border-color: transparent;
}

#kdcomments ul ul.children {
    padding: 0px 0px 0px 60px;
    margin: 0px 0px 20px 0px;
    position: relative;
}

#kdcomments ul ul.children:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0px;
    border-left: 1px solid #ededed;
    width: 2px;
    height: 100%;
}

#kdcomments ul ul.children:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 30px;
    width: 35px;
    height: 2px;
    border-bottom: 1px solid #ededed;
}


/* Comment Form */

#respond,
#respond form,
#respond form p.kd-textarea,
#respond form p textarea {
    float: left;
    width: 100%;
}

#respond h2 {
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

#respond form p {
    float: left;
    width: 50%;
    padding: 0px 25px 25px 0px;
    margin: 0px;
}

#respond form p:last-child {
    padding-bottom: 0px;
}

#respond form p:nth-child(2n),
#respond form p.kd-textarea {
    padding-right: 0px;
}

#respond form input[type="text"] {
    float: left;
    width: 100%;
    border: 1px solid #eaeaea;
    height: 40px;
    color: #333333;
    padding: 9px;
}

#respond form input[type="text"]:focus,
#respond form p textarea:focus {
    background-color: #f4f4f4;
}

#respond form p textarea {
    height: 170px;
    border: 1px solid #eaeaea;
    color: #333333;
    padding: 9px;
}

#respond form p input[type="button"],
#respond form p input[type="submit"] {
    float: left;
    padding: 5px 15px;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
}


/*==// Portfolio Setup //==*/

.kd-portfolio,
.kd-portfolio ul li figure {
    float: left;
    width: 100%;
}

.kd-portfolio ul li figure img {
    width: calc(100% + 50px);
    transform: translate3d(-40px, 0px, 0px);
    max-width: none
}

.kd-portfolio ul li:hover figure img {
    transform: translate3d(0px, 0px, 0px);
}

.event-detail-gal.kd-portfolio ul li {
    padding: 0px;
}

.kd-portfolio ul li {
    margin: 0px 0px 0px 0px;
    list-style: none;
}

.blog-detail .kd-portfolio ul li {
    padding: 0px;
}

.kd-portfolio ul li figure {
    margin: 0px;
    overflow: hidden;
}

.kd-portfolio ul li figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(177, 245, 68, 0.7);
    opacity: 0;
    text-align: center;
}

.kd-portfolio ul li:hover figure figcaption {
    opacity: 1;
}

.kd-portfolio ul li figure figcaption a:hover {
    background-color: #ffffff;
    color: #000;
}

.kd-portfolio ul li figure figcaption a {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #333;
    color: #ffffff;
    padding: 6px 0px 0px 0px;
    position: relative;
    top: 45%;
    margin: 0px 5px 0px 5px;
}

.kd-portfolio ul li:hover figure figcaption a {}

.item_tab {
    float: left;
    width: 100%;
    margin: 0px 0px 25px 0px;
    text-align: center;
}

.item_tab li {
    float: none;
    display: inline-block;
    list-style: none;
    margin: 0px 10px 0px 0px;
}

.item_tab li a {
    float: left;
    padding: 7px 20px;
    font-size: 12px;
    color: #2c3e52;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0px 1px 1px 0px #cccccc;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
}

.item_tab li a.active {
    color: #ffffff;
}


/*==// Portfolio Detail Setup //==*/

.portfolio-thumb {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 15px 0px;
}

.portfolio-thumb figure img {
    float: left;
    width: 100%;
}

.portfolio-thumb figure {
    float: left;
    width: 55%;
    margin: 0px;
}

.kd-posttitle {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.portfolio-thumb figure~.portfolio-info {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 45%;
}

.portfolio-info {
    float: left;
    width: 100%;
    background-color: #fcfcfc;
    padding: 20px;
    border: 1px solid #f0f0f0;
}

.portfolio-info ul li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #ececec;
}

.portfolio-info ul li:last-child {
    margin: 0px;
    padding: 0px;
    border: none;
}

.portfolio-info ul li h2 {
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
}

.portfolio-info ul li h6,
.kd-posttitle h2 {
    text-transform: uppercase;
}

.portfolio-info ul li p {
    margin: 0px 0px 24px 0px;
}

{
    font-size: 13px;
    color: #333333;
    display: block;
    line-height: 1;
    font-weight: bold;
}

.portfolio-info ul li span {
    font-size: 22px;
    font-weight: 300;
    display: block;
}

.portfolio-info ul li small,
.portfolio-info ul li a {
    font-size: 12px;
    color: #666666;
}

.portfolio-info ul li.kd-sharepost span {
    float: left;
}

.portfolio-info ul li.kd-sharepost a {
    color: #d5d5d5;
    margin: 0px 9px 0px 0px;
}

.kd-sharepost .socialnetwork {
    clear: left;
    float: left;
}

#portfolio-item-holder {
    margin-left: -30px;
    float: none;
}

.k_column_4 {
    float: float;
    width: 370px;
    margin-left: 30px;
}


/*==// Services Setup //==*/

.kd-service {
    text-align: right;
    position: relative;
    padding-bottom: 40px;
}

.kd-service:last-child {
    padding-bottom: 0px;
}

.kd-service h2 {
    font-weight: 300;
    margin: 0px 0px 0px 0px;
}

.kd-service i {
    width: 80px;
    height: 80px;
    float: right;
    border: 2px solid #dbdee2;
    color: #4ecadd;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center;
    font-size: 36px;
    padding: 20px 0px 0px 0px;
    position: relative;
    background-color: #f5f5f5;
}

.kd-service:hover i {
    color: #ffffff !important;
}

.kd-service i~.service-info {
    padding: 0px 112px 0px 0px;
}

.kd-service.kdleft {
    text-align: left;
}

.kd-service.kdleft:before {
    right: auto;
    left: 9%;
}

.kd-service.kdleft i {
    float: left;
}

.kd-service.kdleft i~.service-info {
    padding: 0px 0px 0px 100px;
}

.kd-service:last-child:before {
    height: 40%;
}


/*==// News Setup //==*/

.kd-newslisting .kdnews.col-md-4 {
    margin-bottom: 30px;
}

.kdnews figure {
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

.kdnews .kd-readmore {
    float: left;
}

.kdnews figure,
.kdnews figure img,
.kdnews .newsinfo {
    float: left;
    width: 100%;
}

.kdnews figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 42px;
    height: 100%;
}

.kdnews figure figcaption i {
    float: left;
    width: 100%;
    height: 42px;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    padding: 11px 0px 0px 0px;
}

.kdnews figure figcaption time {
    background-color: #efefef;
    color: #333;
    font-size: 12px;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 4px 0px;
}

.kdnews figure figcaption time span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.kdnews:hover .bloghover,
.kdcroud:hover .bloghover,
.portfolio-list:hover .bloghover {
    opacity: 1;
    visibility: visible;
}

.kdnews .bloghover {
    left: 42px;
    width: 88%;
}

.bloghover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.bloghover i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 30px;
    color: #ffffff;
    margin: -10px 0px 0px -7px;
}

.kdnews:hover figure figcaption i {
    color: #fff
}

.kdnews figure,
.kdnews .newsinfo {
    padding-left: 42px;
}

.kdnews .newsinfo h2 {
    text-transform: uppercase;
    font-size: 22px;
    margin: 0px 0px 14px 0px;
}

.kdnews .kdpost-option {
    float: left;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 6px 0px 0px 0px;
    margin-bottom: 10px;
}

.kdnews .kdpost-option li {
    margin-bottom: 8px;
}

.blog-listing [class*="col-md-"] {
    margin-bottom: 25px;
}


/*==// CroudFunding Setup //==*/

.kd-croudlisting .kdcroud[class*="col-md-"] {
    margin-bottom: 25px;
}

.funding-detail .kd-croudlisting .progress {
    margin: 0px 0px 10px 0px;
}

.kdcroud {
    text-align: center;
}

.kdcroud figure {
    margin: 0px;
    overflow: hidden;
}

.kdcroud figure,
.kdcroud figure img {
    float: left;
    width: 100%;
}

.kdcroud:hover .kdtext {
    bottom: 0;
    color: #fff;
}

.kdcroud .kdtext {
    float: left;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px 20px 20px 20px;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    bottom: -300px;
    left: 0;
    right;
    0;
}

.kdcroud .kdtext h5 {
    text-transform: uppercase;
}

.kdcroud .kdtext p {
    text-align: left;
}

.kdcroud .croudinfo {
    float: left;
    width: 100%;
    padding: 20px 10px;
    position: relative;
    border: 1px solid #eeeeee;
    border-top: none;
    background-color: #ffffff;
}

.kdcroud.compact figure {
    position: relative;
    background-color: #000;
}

.kdcroud.compact .progress {
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

.kdcroud.compact:hover .progress {
    bottom: 15px
}

.kdcroud.compact:hover figure img {
    opacity: 0.5;
}

.kdcroud.compact .croudoption {
    margin: 0px;
}

.kdcroud.compact a.kd-readmore {
    position: absolute;
    right: 15px;
    top: 15px;
    visibility: hidden;
    opacity: 0;
}

.home .wrapper .main-content .pagesection .container .kdcroud.compact a.kd-readmore:hover {
    color: #fff !important;
}

.kdcroud.compact:hover a.kd-readmore {
    visibility: visible;
    opacity: 1;
}

.progress {
    background-color: #f8f8f8;
    height: 20px;
    background-image: none;
    box-shadow: none;
    border-radius: 0px;
}

.progress-bar {
    height: 10px;
    background-image: none;
    background-color: #ffc000;
    box-shadow: none;
    margin: 5px 0px 0px 7px;
}

.croudoption {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.croudoption li {
    background: none repeat scroll 0 0 #f8f8f8;
    display: inline-block;
    list-style: outside none none;
    padding: 10px 0;
    width: 30%;
}

.croudoption li i,
.croudoption li span {
    color: #333;
    text-transform: uppercase;
    display: block;
    line-height: 1.5;
}

.croudoption li i {
    font-size: 30px;
    margin: 0px 0px 5px 0px;
}

.croudoption li span {
    font-size: 12px;
}

.croudoption li span.kdprice {
    font-size: 20px;
}

.kdcroud .kd-readmore {
    float: none;
    display: inline-block;
    border-color: transparent;
    color: #ffffff;
    background-color: #ffffff;
    position: relative;
}

.kdcroud .kd-readmore i {
    margin-right: 4px;
}


/*==// Portfolio Listing Setup //==*/

.portfolio-section .portfolio-list.col-md-3 {
    margin-bottom: 25px;
}

.portfolio-list {
    text-align: center;
}

.portfolio-list figure,
.portfolio-list figure img {
    float: left;
    width: 100%;
}

.portfolio-list figure {
    float: left;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}

.portfolio-list:hover figure img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.portfolio-list .kd-text {
    float: left;
    width: 100%;
    background-color: #fcfcfc;
    border: 1px solid #f0f0f0;
    border-top: none;
    padding: 16px 10px 0px 10px;
}

.portfolio-list:hover .kd-text {
    border-color: transparent;
}

.portfolio-list:hover .kd-text h6 a,
.portfolio-list:hover .kdpost-option li i,
.portfolio-list:hover .kdpost-option li a {
    color: #fff;
}

.portfolio-list:hover .kdpost-option li a:hover {
    text-decoration: underline;
}

.portfolio-list:hover .kdpost-option li i {}

.portfolio-list .kd-text h6 {
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 0;
}

.portfolio-list .kd-text .kdpost-option {
    float: none;
    display: inline-block;
}

.portfolio-list .kd-text .kdpost-option li {
    margin-right: 0px;
}


/*==// SubsCribe Setup //==*/

.divider1 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.divider1 span {
    display: inline-block;
    width: 100px;
    height: 3px;
    margin: 0px 0px 0px 0px;
}

.newslatter-form {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.newslatter-form form {
    display: inline-block;
    width: 60%;
    position: relative;
}

.newslatter-form input[type="text"] {
    float: left;
    width: 100%;
    background-color: #ffffff;
    border: none;
    height: 60px;
    padding: 6px 20px;
    font-size: 14px;
    font-style: italic;
    color: #666;
    font-weight: 200;
}

.newslatter-form input[type="submit"] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    top: 2px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    padding: 18px 25px 17px 25px;
}

.newslatter-form input[type="submit"]:hover {
    background-color: #999 !important;
}


/*==// Clients Setup //==*/

.kd-client {
    float: left;
    width: 100%;
    text-align: center;
}

.kd-client ul {
    margin: 0px 0px 40px 0px;
}

.kd-client ul li {
    padding: 0px 0px 0px 1px;
    border-right: 1px solid #d4d3d9;
    border-top: 1px solid #d4d3d9;
    list-style: none;
}

.kd-client ul li:nth-child(6n) {
    border-right: none;
}

.kd-client ul li:nth-child(-n+6) {
    border-top: none;
}

.kd-client .kd-readmore {
    float: none;
    display: inline-block;
}


/*==// Event Setup //==*/

.kdevent {
    float: left;
    width: 100%;
    background-color: ghostwhite;
    position: relative;
}

.kdevent:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 232px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #f5f5f5;
    margin: 0px 0px 0px 100px;
}

.event-date {
    float: left;
    padding: 31px 17px;
    background-color: #212121;
    text-align: center;
}

.event-date span {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
}

.kdmunth {
    font-size: 50px;
    margin: 0px 0px 20px 0px;
}

.kdmunth small,
.kdtime time {
    display: block;
    font-size: 20px;
}

.kdtime i {
    display: block;
    font-size: 60px;
}

.kdevent figure img {
    width: 100%;
}

.kdevent figure {
    float: left;
    width: 270px;
    margin: 0px;
}

.kdevent figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 10px 15px 10px;
}

#defaultCountdown {
    float: left;
    width: 100%;
}

.countdown-section {
    float: left;
    width: 25%;
    text-align: center;
}

.countdown-section span {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
}

.countdown-section .countdown-amount {
    font-size: 32px;
}

.countdown-section .countdown-period {
    font-size: 12px;
}

.kdevent .event-info {
    padding: 25px 0px 0px 138px;
}

.kdevent figure~.event-info {
    padding: 25px 0px 0px 420px;
}

.kdevent .event-info h2 {
    text-transform: uppercase;
}

.kdevent .event-info span {
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    margin: 0px 0px 15px 0px;
    display: block;
}

.kdevent .event-info span i {
    margin-right: 12px;
}

.kd-booknow {
    float: right;
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 20px;
    margin: 3px 15px 0px 0px;
    border-radius: 4px;
    font-weight: normal;
}


/*==// Event Detail Setup //==*/

.event-detail .kdevent:before {
    display: none;
}

.event-detail .kdevent figure {
    width: 40%;
}

.event-detail .kdevent .event-info {
    padding: 0px;
    width: 60%;
    float: left;
    position: relative;
}

.kd-detailinfo {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 8px 30px;
}

.event-info .kd-detailinfo span {
    color: #ffffff;
    font-size: 35px;
    text-transform: uppercase;
    margin: 0px;
    display: block;
}

.event-info .kd-detailinfo small {
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    margin-right: 15px;
}

.rich-editer strong {
    display: inline-block;
}

.rich-editer p,
.rich-editer strong {
    margin: 0px 0px 15px 0px;
}

.rich-editer strong {
    font-weight: 300;
    font-size: 20px;
}

.event-detail .socialnetwork {
    float: left;
}

.event-detail .socialnetwork h4 {
    float: left;
    margin: 11px 15px 0px 0px;
    color: #b2b2b2;
    text-transform: uppercase;
}

.event-detail .socialnetwork ul {
    float: left;
}

.event-detail .socialnetwork li,
.kd-team .socialnetwork li,
.kd-mainthumb .socialnetwork li {
    margin-right: 10px;
}

.event-detail .socialnetwork li a,
.kd-team .socialnetwork li a,
.kd-mainthumb .socialnetwork li a {
    border: 2px solid #d7d7d7;
    float: left;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 100%;
    padding: 5px 0px 0px 0px;
    font-size: 20px;
    color: #999;
}

.event-detail .socialnetwork li a:hover,
.kd-team .socialnetwork li a:hover,
.kd-mainthumb .socialnetwork li a:hover {
    color: #ffffff;
}

.event-detail .rich-editer .socialnetwork {
    padding: 20px 0px;
}

.kd-team .socialnetwork {
    float: none;
    display: inline-block;
}


/*==// TeamInfo Setup //==*/

.team-info .socialnetwork li a:hover {
    border-color: transparent;
}

.team-info .socialnetwork li:hover a i {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.team-info {
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
    text-align: center;
    border: solid 1px #ccc;
}

.kd-team .team-mainsection {
    margin-bottom: 30px;
}

.team-mainsection figure {
    margin: 0px;
    background-color: #000;
    float: left;
    width: 100%;
}

.team-mainsection:hover .team-info {
    background-color: #f4f4f4;
}

.kd-team figure,
.team-mainsection figure img {
    float: left;
    width: 100%;
}

.team-mainsection:hover figure img {
    opacity: 0.5;
}

.team-mainsection h4,
.team-info span {
    text-transform: uppercase;
}

.team-info span {
    color: #a9a9a9;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    display: block;
}

.kd-team figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.kd-team .team-mainsection:hover figure figcaption {
    opacity: 1;
}

.kd-team .team-mainsection:hover figure figcaption .team-caption {
    bottom: 10px;
}

.kd-team figure figcaption:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.team-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    padding: 0px 10px;
    display: none;
}

.team-caption span {
    font-weight: bold;
    display: block;
    margin: 0px 0px 5px 0px;
}

.event-detail .kd-post-title {
    margin: 0px;
}

.kd-post-title {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

.kd-post-title h2 {
    font-size: 32px;
    text-transform: uppercase;
}


/*==// Related Event Setup //==*/

.related-event .kdevent figure {
    width: 70%;
}

.related-event .kdevent .event-info {
    width: 100%;
    padding: 20px;
}

.event-info #map-canvas {
    height: 339px;
}

.related-event .kd-booknow {
    float: left;
    position: static;
    text-align: center;
    padding: 9px 20px;
}

.related-event .event-date {
    padding: 39px 19px 39px 18px;
    width: 30%;
}


/*==// Twitter Setup //==*/

#kdtwitter {
    float: left;
    width: 100%;
    text-align: center;
}

#kdtwitter h2 {
    font-weight: bolder;
    text-transform: capitalize;
}

#kdtwitter h2,
#kdtwitter p,
#kdtwitter a {
    color: #ffffff;
    font-size: 20px;
}

#kdtwitter a {
    font-weight: bold;
}

#kdtwitter a span {
    font-weight: normal;
}

#kdtwitter .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border: 1px solid #ffffff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

#kdtwitter .bx-wrapper .bx-pager.bx-default-pager a:hover,
#kdtwitter .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #ffffff;
}

#kdtwitter .bx-wrapper .bx-pager,
#kdtwitter .bx-wrapper .bx-controls-auto {
    bottom: -50px;
}


/*==// News View Two Setup //==*/

.kdnews-vtwo .newsinfo,
.kdnews-vtwo .newsinfo p,
.kdnews-vtwo figure,
.kdnews-vtwo figure img,
.kdnews-vtwo .newsinfo .kdpost-option {
    float: left;
    width: 100%;
}

.kdnews-vtwo figure {
    margin: 0px;
    overflow: hidden;
    background-color: #000;
}

.kdnews-vtwo figure span {
    position: absolute;
    background-color: #000;
    padding: 10px 10px;
    left: -100%;
    opacity: 0;
    z-index: 10;
}

.kdnews-vtwo:hover figure img {
    opacity: 0.5
}

.kdnews-vtwo:hover figure span {
    left: 0px;
    opacity: 1;
}

.kdnews-vtwo figure span p {
    margin: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

.kdnews-vtwo figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.kdnews-vtwo:hover figure figcaption {
    opacity: 1;
}

.kdnews-vtwo figure figcaption:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.kdnews-vtwo figure figcaption a {
    position: absolute;
    left: -15px;
    width: 100%;
    text-align: center;
    top: 50%;
    color: #ffffff;
    font-size: 40px;
    margin: -25px 0px 0px 0px;
}

.kdnews-vtwo:hover figure figcaption a {
    left: 0px;
}

.news-listing .newsinfo {
    background-color: #fafafa;
    padding: 20px;
    box-shadow: 0px 1px 1px 0px #cfcfcf;
    border-radius: 0px 0px 6px 6px;
}

.news-listing .kf-medium-1 {
    background-color: #fafafa;
    box-shadow: 0px 1px 1px 0px #cfcfcf;
    -moz-box-shadow: 0px 1px 1px 0px #cfcfcf;
    -webkit-box-shadow: 0px 1px 1px 0px #cfcfcf;
    float: left;
    width: 100%;
}

.news-listing .kf-medium-1 .newsinfo {
    background: none;
    box-shadow: none;
}

.news-listing .newsinfo .kdpost-option {
    border-bottom: 1px solid #e4e4e4;
    margin: 0px 0px 17px 0px;
}

.news-listing .newsinfo h2 {
    text-transform: uppercase;
    font-size: 20px;
}

.news-listing .newsinfo p {
    margin: 0px 0px 18px 0px;
}

.news-listing .newsinfo .kd-readmore {
    float: left;
    padding: 4px 17px;
    color: #ffffff;
}

.news-listing .newsinfo .kd-readmore:hover {
    background-color: #000 !important;
    border-color: transparent !important;
}


/*==// Medium News Setup //==*/

.kd-mediumview figure {
    width: 191px;
}

.kd-mediumview .newsinfo {
    width: 65%;
    padding: 10px 15px 20px 25px;
    border-radius: 0px;
}

.kd-mediumview .newsinfo .kdpost-option {
    margin: 0px;
    border: none;
}

.kd-mediumview .newsinfo p {
    margin: 0px 0px 10px 0px;
}

.kd-mediumview .newsinfo h4 {
    margin: 0px 0px 7px 0px;
    text-transform: uppercase;
}

.kd-mediumview .newsinfo .kdpost-option li {
    margin: 0px 0px 4px 0px;
}

.kd-mediumview .newsinfo .kd-readmore {
    padding: 0px;
    border: none;
    text-transform: capitalize;
}

.page-content .kd-mediumview .newsinfo {
    width: 53%;
}


/*==// Funding Detail Setup //==*/

.detail-thumb,
.detail-thumb img {
    float: left;
    width: 100%;
    margin: 0px;
}

.funding-detail .progress {
    float: left;
    width: 86%;
    margin: 0px;
}

.funding-info {
    float: left;
    width: 100%;
    padding: 20px 18px;
    background-color: #ff4141;
}

.funding-info small:nth-child(1) {
    padding: 0px 20px 0px 0px;
}

.funding-info small.secend-price {
    padding: 0px 0px 0px 12px;
}

.funding-info small {
    float: left;
    color: #ffffff;
}

.funding-detail .rich-editer .kd-readmore {
    margin: 0px 0px 15px 0px;
}

.funding-detail .rich-editer h2,
.funding-detail .rich-editer p {
    float: left;
}

.list-style {
    float: left;
    width: 100%;
}

.list-style li {
    list-style: none;
    float: left;
    width: 100%;
}

.list-style li i {
    margin: 0px 10px 0px 0px;
}


/*==// Services Setup //==*/

.kd-services {
    text-align: center;
    margin-bottom: 30px;
}

.kd-services i {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    color: #ffffff;
    font-size: 45px;
    padding: 26px 0px 0px 0px;
    margin: 0px 0px 24px 0px;
}

.kd-services i {
    display: inline-block;
    width: 200px;
    height: auto;
    border-radius: 100%;
    color: #ffffff;
    font-size: 45px;
    padding: 26px 0px 0px 0px;
    margin: 0;
}

.kd-services i {
    padding: 0;
}

.kd-services2 i {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    color: #ffffff;
    font-size: 45px;
    padding: 26px 0px 0px 0px;
    margin: 0px 0px 24px 0px;
}

.kd-services2:hover i {
    box-shadow: 0px 0px 0px 8px #fff inset;
}

.kd-services h5 {
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

.kd-services .kd-readmore {
    float: none;
    text-align: center;
}

.kd-services p {
    margin: 0px 0px 25px 0px;
}


/*==// Owl Carousel Setup //==*/

.kd-carousel {
    float: left;
    width: 100%;
}

.kdcrousel-list figure {
    float: left;
    width: 174px;
}

.kdcrousel-list figure~.kdcrousel-info {
    padding: 32px 0px 0px 200px;
}

.kdcrousel-info h6 {
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
    display: block;
}

.kdcrousel-info span {
    color: #a4a6a9;
    margin: 0px 0px 10px 0px;
    display: block;
}

.kd-carousel .owl-dots {
    display: none;
}

.kd-carousel .owl-nav div {
    position: absolute;
    left: -40px;
    top: 50%;
    font-size: 40px;
    color: #dedede;
    margin: -25px 0px 0px 0px;
}

.kd-carousel .owl-nav div.owl-next {
    left: auto;
    right: -30px;
}


/*==// Product Listing Setup //==*/

.kdproduct li {
    list-style: none;
    text-align: center;
}

.kdproduct li figure {
    overflow: hidden;
}

.kdproduct li figure,
.kdproduct li figure img,
.product-info {
    float: left;
    width: 100%;
    margin: 0px;
}

.kdproduct li figure figcaption {
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
}

.kdproduct li:hover figure figcaption {
    opacity: 1;
    left: 0px;
}

.kdslae {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #ff4141;
    color: #ffffff;
    padding: 6px 0px 0px 0px;
    border-radius: 100%;
    z-index: 9;
    display: none;
}

.kdnew {
    background-color: #4aadfb;
}

.list-price {
    font-size: 50px;
    color: #ffffff;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 50%;
    font-weight: 300;
    margin: -10px 0px 0px 0px;
}

.list-price small {
    font-size: 30px;
    left: 5px;
    position: relative;
    top: -14px;
}

.like-btn {
    position: absolute;
    right: 14px;
    bottom: 10px;
    color: #ffffff;
    font-size: 20px;
}

.product-info {
    padding: 16px;
    box-shadow: 0px 0px 2px 0px #ddd;
    background-color: #fcfcfc;
}

.product-info h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 0px 15px 0px;
    letter-spacing: 0;
}

.product-info .kd-readmore {
    float: none;
    display: inline-block;
    padding: 3px 25px;
}

.kdrating {
    overflow: hidden;
    position: absolute;
    left: 33%;
    top: 60%;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    width: 8em;
    letter-spacing: 9px;
    margin: 8px 0px 0px 0px;
}

.kdrating:before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: FontAwesome;
    color: #ffffff;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.kdrating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.kdrating span:before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: FontAwesome;
    top: 0;
    position: absolute;
    left: 0;
    color: #fff200;
}


/*==// Product Detail Setup //==*/

.kd-mainthumb img,
.thumblisting li img {
    float: left;
    width: 100%;
}

.thumblisting {
    float: left;
    width: 18%;
    padding: 0px 20px 0px 0px;
}

.thumblisting li {
    float: left;
    list-style: none;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.kd-mainthumb {
    float: left;
    width: 82%;
    text-align: center;
}

.kd-mainthumb .socialnetwork {
    float: none;
    display: inline-block;
    margin: 16px 0px 0px 0px;
}

.summery-detail h3 {
    text-transform: uppercase;
}

.summery-detail small {
    font-size: 12px;
    color: #282828;
    font-style: italic;
    display: block;
    margin: 0px 0px 15px 0px;
}

.summery-detail {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.summery-detail small i {
    color: #95cf29;
    margin: 0px 10px 0px 0px;
    font-size: 20px;
    float: left;
}

.wocommerce-rating {
    float: left;
    width: 30%;
    position: relative;
    height: 2em;
}

.wocommerce-rating .kdrating {
    left: 0px;
    top: 0px;
    font-size: 1.5em;
    margin: 0px;
}

.wocommerce-rating .kdrating:before {
    color: #e4e4e4;
}

.wocommerce-rating .kdrating span:before {
    color: #ff4141;
}

.product-price {
    font-size: 40px;
    float: left;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
}

.kd-first {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

.kd-first label {
    float: left;
    padding: 10px 10px 0px 0px;
    margin: 0px;
    width: 60px;
}

.summery-detail form {
    float: left;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    padding: 20px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}

.kd-first select {
    float: left;
    width: 80%;
    border: none;
    border-bottom: 1px solid #e3e3e3;
}

.number-count {
    float: left;
    width: 100%;
    margin: 40px 0px 0px 0px;
}

.number-count input[type="text"] {
    height: 40px;
    border-left: none;
    border-right: none;
    background-color: #ffffff;
}

.number-count input {
    float: left;
    width: 30px;
    height: 40px;
    background-color: #fafafa;
    border: 1px solid #e1e1e1;
}

.summery-detail .kd-readmore {
    float: left;
    margin: 20px 0px 0px 0px;
}

.wocommerce-tab,
.summery {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.wocommerce-tab .tab-content {
    float: left;
    width: 100%;
    padding: 25px;
    border: 1px solid #dddddd;
    border-top: none;
}

.wocommerce-tab .nav-tabs>li>a {
    text-transform: uppercase;
}

.kdmap {
    float: left;
    width: 100%;
}

.kdmap #map-canvas {
    height: 350px;
    width: 100%;
}

.map-canvas {
    height: 250px;
    width: 100%;
}


/*==// Footer Setup //==*/

footer {
    background-color: #3f3f3f;
    float: left;
    width: 100%;
    padding: 40px 0px 30px 0px;
}

footer .widget {
    margin: 0px -4px 0px 0px;
}

.widget-title {
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
}

.widget-title h2 {
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #565656;
    padding: 0px 0px 15px 0px;
    position: relative;
}

.widget-title h2:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    border-bottom: 1px solid #a9a9a9;
    width: 50px;
    height: 1px;
}


/*--// Text Widget Setup //--*/

.text-widget>p {
    color: #aaaaaa;
    margin: 0px 0px 25px 0px;
}

.kd-userinfo {
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
}

.kd-userinfo li {
    list-style: none;
    float: left;
    width: 100%;
}

.kd-userinfo li i {
    float: left;
    margin: 5px 12px 0px 0px;
    color: #a9a9a9;
}

footer .kd-userinfo li p,
footer .kd-userinfo li p a {
    color: #ffffff;
}

footer .socialnetwork {
    float: left;
}

footer .socialnetwork ul li {
    margin: 0px 7px 7px 0px;
}

footer .socialnetwork ul li a {
    background-color: #464646;
    float: left;
    color: #646464;
    width: 33px;
    height: 33px;
    text-align: center;
    padding: 2px 0px 0px 0px;
}

footer .socialnetwork ul li a:hover {
    color: #ffffff;
}


/*--// RecentPost Widget Setup //--*/

.recentpost-widget ul li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px 0px 16px 0px;
}

.recentpost-widget ul li:hover {
    padding-left: 10px;
}

.recentpost-widget figure {
    float: left;
    width: 70px;
}

.recentpost-widget figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.recentpost-widget figure figcaption i {
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0px 0px -9px;
    font-size: 24px;
}

.recentpost-widget ul li:hover figure figcaption {
    opacity: 1;
    visibility: visible;
}

.recentpost-widget figure~.posttext {
    padding: 0px 0px 0px 85px;
}

.recentpost-widget .posttext h6 a {
    color: #ffffff;
}

.main-content .recentpost-widget .posttext h6 a {
    color: #333;
}

.recentpost-widget .posttext h6 {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0px;
}

.recentpost-widget .posttext time {
    color: #8a8a8a;
    text-transform: capitalize;
}


/*--// ShortCode Setup //--*/

.kd-tab {
    float: left;
    width: 100%;
    margin: 0px 0px 25px 0px;
}

.kd-horizontal-tab .nav-tabs>li>a {
    background-color: #f9f9f9;
}

.kd-horizontal-tab .tab-content {
    padding: 20px 0px 0px 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: #ffffff;
}


/* Vertical Tab */

.kd-vertical-tab .nav-tabs {
    float: left;
    width: 30%;
}

.kd-vertical-tab .nav-tabs li {
    width: 100%;
}

.kd-vertical-tab .tab-content {
    float: left;
    width: 70%;
    border-left: 1px solid #eeeeee;
    padding: 0px 0px 0px 20px;
}

.kd-vertical-tab .nav-tabs>li.active>a:hover {
    border: none;
}

.kd-vertical-tab .nav-tabs {
    border-bottom: 1px solid #eeeeee;
}

.kd-vertical-tab .nav-tabs>li.active>a,
.kd-vertical-tab .nav-tabs>li.active>a:focus {
    border: none;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    background-color: #ffffff;
}

.kd-vertical-tab .nav-tabs>li {
    margin: 0px;
}

.kd-vertical-tab .nav-tabs>li>a {
    background-color: #f9f9f9;
    margin: 0px;
    border: none;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-radius: 0px;
}


/* DropCap */

.kd-dropcap p::first-letter {
    font-size: 43px;
    color: #777777;
    float: left;
    padding: 10px 15px 0px 0px;
}


/* Message Box */

.close {
    line-height: 26px;
    font-size: 32px;
}

.genral-message {
    background-color: #f9f9f9;
    border: 2px solid #eeeeee;
}

.success-message {
    background-color: #e4f5ba;
    border: 2px solid #cbdaa5;
}

.warning-message {
    background-color: #fdedbf;
    border: 2px solid #e4c789;
}

.error-message {
    background-color: #fcd4cb;
    border: 2px solid #e1a197;
}

.information-message {
    background-color: #e3eff7;
    border: 2px solid #a6c4d8;
}

pre {
    padding: 9.5px 25px;
}


/* Table ShortCode */

.kd-table {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.kd-table tr td {
    border: none;
    border-bottom: 1px solid #eeeeee;
}

.kd-table tr th {
    color: #ffffff;
    padding: 4px 20px;
    border: none;
}

.kd-table tbody {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.kd-table tbody tr td {
    padding: 2px 20px;
}

.kd-tableone thead {
    background-color: #f34a53;
}

.kd-tabletwo thead {
    background-color: #11b7ad;
}


/* Services */

.kd-userservices article {
    margin-bottom: 30px;
}

.kd-modrenview {
    text-align: center;
}

.kd-modrenview article:hover i {
    border-radius: 10%;
}

.kd-modrenview i {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    line-height: 2.8;
    margin: 0px 0px 20px 0px;
    border: solid 2px;
}

.services-info h3 {
    font-weight: 300;
}

.kd-smallview i {
    float: left;
    width: 40px;
    height: 40px;
    color: #ffffff;
    background-color: #11b7ad;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px 0px 0px 0px;
    margin: 6px 0px 0px 0px;
}

.kd-smallview i~.services-info {
    padding: 0px 0px 0px 50px;
}


/* Testimonial */

.kd-testimonial {
    float: left;
    width: 100%;
    text-align: center;
}

.kd-testimonial i,
.kd-testimonial p,
.kd-testimonial span {
    color: #ffffff;
}

.kd-testimonial p {
    font-size: 22px;
}

.kd-testimonial i {
    font-size: 80px;
    line-height: 0.6;
}

.kd-testimonial span {
    color: #afb4b6;
}

.kd-testimonial .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #91989a;
}

.kd-testimonial .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kd-testimonial .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #ffffff;
}

.kd-testimonial .bx-wrapper .bx-pager,
.kd-testimonial .bx-wrapper .bx-controls-auto {
    position: static;
    padding-top: 6%;
}


/* Call To Action */

.kd-call-action.align-center {
    text-align: center;
}

.kd-call-action.align-center h2 {
    float: none;
    text-align: center;
}

.kd-call-action.align-center .action-btn {
    display: inline-block;
    float: none;
    margin-top: 20px;
}

.kd-call-action {
    float: left;
    width: 100%;
}

.kd-call-action h2 {
    color: #ffffff;
    float: left;
    margin: 5px 0px;
    font-weight: 300;
    text-transform: uppercase;
}

.action-btn {
    padding: 10px 28px;
    color: #ffffff;
    border: 2px solid #ffffff;
    float: right;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.kf-btn-hover {
    position: relative;
}

.kf-btn-hover:before,
.action-btn:hover:before,
.frame-btn:hover:before {
    width: 100%;
}

.action-btn:before,
.frame-btn:before,
.kf-btn-hover:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}


/* Image Frame */

.kd-imageframe {
    float: left;
    width: 100%;
}

.kd-imageframe a.frame-thumb {
    display: inline-block;
    box-shadow: 0px 0px 4px 1px #999;
}

.kd-imageframe h1 {
    font-weight: 300;
    margin: 0px 0px 15px 0px;
}

.kd-imageframe span {
    font-size: 22px;
    color: #999999;
    margin: 0px 0px 20px 0px;
    display: inline-block;
    width: 100%;
}

.kd-imageframe p {
    margin: 0px 0px 20px 0px;
}

.frame-btn {
    float: left;
    padding: 16px 35px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 18px;
    position: relative;
}


/* List Style */

.unorder-list li {
    list-style: inside none disc;
}

.kd-list {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.kd-list li {
    margin: 0px 0px 10px 0px;
}

.order-list li {
    list-style: desimal inside;
}

.icon-list li {
    list-style: none;
}

.icon-list li i {
    margin-right: 6px;
    color: #666;
}

.squareicon-list li {
    list-style: none;
    float: left;
    width: 100%;
}

.squareicon-list li i {
    float: left;
    width: 25px;
    height: 25px;
    background-color: #333;
    color: #ffffff;
    margin-right: 15px;
    border-radius: 100%;
    text-align: center;
    padding: 8px 0px 0px 0px;
    font-size: 10px;
}


/* Accordion Setup */

.kd-accordion {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.kd-accordion .accordion {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    padding: 15px 20px;
    color: #444444;
    font-size: 13px;
    margin: 0px 0px 3px 0px;
    position: relative;
}

.kd-accordion .accordion span {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    color: #777777;
    border-left: 1px solid #eeeeee;
    font-size: 16px;
    padding: 18px 0px 0px 0px;
    text-align: center;
}

.kd-accordion .accordion.accordion-open span:before {
    content: "\f068";
}

.accordion-content>p {
    padding: 20px;
    text-align: justify;
}


/* Button's */

.kd-button,
.kd-icon {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

.custom-btn {
    display: inline-block;
    vertical-align: middle;
    background-color: #f34a53;
    color: #ffffff;
    padding: 8px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: bold;
}

.kd-medium {
    padding: 13px 26px;
}

.kd-large {
    padding: 17px 26px;
}


/* Icon's */

.plain-icon {
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
}

.plain-icon a {
    margin-right: 20px;
}

.plain-icon a {
    color: #777777;
}


/* Modren Icon */

.circle-icon a {
    display: inline-block;
    background-color: #f24952;
    width: 65px;
    height: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    border-radius: 100%;
    padding: 13px 0px;
    margin-right: 12px;
}

.square-icon a {
    display: inline-block;
    background-color: #11b7ad;
    width: 65px;
    height: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 28px;
    border-radius: 5px;
    padding: 13px 0px;
    margin-right: 12px;
}


/* Divider */

.kd-divider {
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
}

.kd-divider span {
    width: 100%;
    display: inline-block;
}

.divider2 span {
    border-bottom: 1px solid #eeeeee;
}

.divider3 span {
    border-bottom: 1px dotted #eeeeee;
}

.divider4 span {
    border: 5px double #eeeeee;
}

.divider5 span {
    border: 1px dashed #eeeeee;
}


/*--// ShortCode Setup //--*/


/*--// Event Row Setup //--*/

.event-row {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.event-box {
    float: left;
    width: 100%;
    background-color: #eeeeee;
}

.event-box .top-holder {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #fff;
    background-color: #ff5f13;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
}

.event-box .top-holder .next-btn {
    float: left;
    display: inline-block;
}

.event-box .top-holder a {
    color: #fff;
}

.event-box .top-holder .next-btn .fa {
    margin: 0 10px 0 0;
}

.event-box .top-holder .date {
    float: right;
    display: inline-block;
}

.event-box .text {
    float: left;
    width: 100%;
    padding: 20px 15px;
    color: #000000;
}

.event-box .text h3 {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
}

.event-box .text p {
    margin: 0 0 15px;
}

.event-box .text .read-more {
    font-size: 14px;
    color: #000;
    padding: 4px 10px;
    margin: 0 0 15px;
    display: inline-block;
    font-style: italic;
    position: relative;
    border-bottom: 3px solid #e5e5e5;
}

.event-box .text .read-more:after {
    content: '';
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100;
    height: 3px;
    background-color: #e5e5e5;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.event-box .text .read-more:hover:after {
    left: 0;
}

.event-box .text .read-more .fa {
    margin: 0 7px 0 0;
    color: #333;
}

.event-box .text .event-info-list {
    float: right;
}

.event-info-list li {
    float: left;
    width: 100%;
    color: #333;
    list-style: none;
}

.event-info-list li a {
    color: #333;
}

.event-info-list li span {
    float: left;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px 0 0;
    text-align: right;
    width: 80px;
}


/*--// Recent Row Setup //--*/

.recent-row {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.recent-box {
    float: left;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.recent-box:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.recent-box img {
    width: 100%;
}

.recent-box figure {
    position: relative;
}

.recent-box figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    float: left;
    width: 100%;
}

.recent-box .text {
    float: left;
    width: 100%;
}

.recent-box .recent-date {
    padding: 5px 15px;
    display: inline-block;
    background-color: #a4ae2b;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
}

.recent-box .recent-date span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.recent-box h2 {
    display: inline-block;
    float: left;
    width: 70%;
    padding: 20px 15px;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
}

.recent-box:hover h2 {
    display: block;
    float: left;
    width: 100%;
    background-color: #b1b624;
}


/*--// Our Skill Setup //--*/

.our-skills {
    float: left;
    width: 100%;
}

.heading-style3.white h2,
.heading-style3.white p {
    color: #ffffff;
}

.skills-title {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 0 0 47px;
}

.skills-title h2 {
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #fff;
}

.skills-title p {
    margin: 0;
}

.our-skills ul li {
    list-style: none;
}

.progress-holder {
    float: left;
    width: 100%;
}

.progress-holder span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px;
    display: block;
}

.progress-holder .progress {
    float: left;
    width: 100%;
    padding: 0;
    border-radius: 10px;
    height: auto;
    margin: 0 0 50px;
    text-align: left;
}

.progress-holder .progress .progress-bar {
    margin: 0;
    height: 20px;
    padding: 0 10px;
    text-align: right;
    font-weight: bold;
}

.progress .bg-color1 {
    background-color: #03acdc !important;
}

.progress .bg-color2 {
    background-color: #ffcc0e !important;
}

.progress .bg-color3 {
    background-color: #18e2ba !important;
}

.progress .bg-color4 {
    background-color: #f65353 !important;
}

.progress .bg-color5 {
    background-color: #564bb5 !important;
}

.progress .bg-color6 {
    background-color: #52c854 !important;
}


/*--// Latest News Row Setup //--*/

.latest-news-row {
    float: left;
    width: 100%;
    padding: 100px 0;
    margin: 0 0 50px;
    background-color: #f1f1f1;
}

.latest-news-row h2 {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 27px;
    text-align: center;
    text-transform: uppercase;
}

.news-box {
    float: left;
    width: 100%;
}

.news-box:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.news-box:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.5;
}

.news-box figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.news-box figure img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.news-box .text {
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    /* padding: 15px 30px 20px 70px; */
    position: relative;
    z-index: 11;
}

.news-box .text h3 {
    font-size: 18px;
    line-height: normal;
}

.news-box .text .date {
    padding: 20px 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: -40px;
}

.news-box:hover .text .date {
    background-color: #333 !important;
}

.news-box .text .date span {
    display: block;
    font-size: 14px;
    font-style: italic;
}


/*--// Heading Style Setup //--*/

.heading-style3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #333333;
    margin: 0 0 15px;
}

.heading-style3 h2 {
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 15px;
    padding: 0 0 15px;
    position: relative;
    font-weight: 300;
}

.heading-style3 h2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 70px;
    height: 3px;
    background-color: #cacaca;
}

.heading-style3 h2 span {
    color: #ff4141;
}

.heading-style4 {
    float: left;
    width: 100%;
    text-align: inherit;
    color: #333333;
    margin: 0 0 15px;
}

.heading-style4 h2 {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 15px 0;
    padding: 0 0 0 15px;
    position: relative;
}

.heading-style4 h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #cacaca;
}

.heading-style4 h2 span {
    color: #ff4141;
}

.heading-style5 {
    float: left;
    width: 100%;
    text-align: center;
    color: #333333;
    margin: 0 0 15px;
}

.heading-style5 h2 {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 15px;
    padding: 0 0 15px;
    position: relative;
}

.heading-style5 span {
    display: block;
    padding: 0 0 10px;
    font-size: 13px;
    line-height: 13px;
    color: #333333;
}


/* Defoult Pages */

.kd-undercunstruction {
    position: fixed;
    height: 100%;
    width: 100%;
    background: url(images/under-bg.jpg);
    background-size: cover;
    top: 0%;
    left: 0px;
    padding: 110px 0px 0px 0px;
}

.wrap-title {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px 45px 0px;
}

.wrap-title h1 {
    border-bottom: 1px dotted #849910;
    display: inline-block;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 15px 0px;
    color: #ffffff;
    text-transform: uppercase;
}

.wrap-title p {
    color: #ffffff;
}

#wrapping {
    float: left;
    width: 100%;
    text-align: center;
}

#clock-ticker {
    display: inline-block;
}

#clock-ticker .block {
    float: left;
}

#clock-ticker .flip-top {
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 3px;
    padding: 20px 22px;
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    width: 100%;
}

.flip-btm {
    border-bottom: 1px dotted #b1c2b9;
    min-width: 30px;
    display: inline-block;
}

.kd-label {
    background-color: #000;
    color: #ffffff;
    padding: 9px 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
    width: 100%;
}

.kd-block {
    float: left;
    width: 120px;
    padding: 0px 30px 0px 0px;
}


/* 404 Page */

.kd-404 {
    float: left;
    width: 100%;
    text-align: center;
}

.kd-404 h1 {
    font-size: 300px;
    color: #dc3d28;
    font-weight: bold;
    line-height: 270px;
}

.kd-404 span {
    font-size: 30px;
    color: #4f4f4f;
}

.kd-404 p {
    font-size: 20px;
    color: #999999;
}


/*--// Gallery Widget Setup //--*/

.gallery-widget ul {
    margin: 0px 0px 0px -7px;
}

.gallery-widget ul li img {
    width: 100%;
}

.gallery-widget ul li a {
    float: left;
    width: 100%;
    position: relative;
}

.gallery-widget ul li a:before {
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    z-index: 5;
    margin: -12px 0px 0px -5px;
}

.gallery-widget ul li a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.gallery-widget ul li a:before,
.gallery-widget ul li a:after {
    opacity: 0;
    visibility: hidden;
}

.gallery-widget ul li:hover a:before,
.gallery-widget ul li:hover a:after {
    opacity: 1;
    visibility: visible;
}

.gallery-widget ul li {
    list-style: none;
    float: left;
    width: 33.33%;
    padding: 0px 0px 7px 7px;
}

.gallery-widget .kd-readmore {
    border-color: #565656;
    border-width: 1px;
    color: #919191;
    display: inline-block;
    margin: 22px 0px 0px 0px;
    padding: 6px 25px 5px 25px;
    border-radius: 0px;
    float: left;
}

.gallery-widget .kd-readmore:hover {
    color: #ffffff;
}


/*--// Twitter Widget Setup //--*/

.twitter-widget ul li {
    list-style: none;
    margin: 0px 0px 15px 0px;
}

.twitter-widget ul li:last-child {
    margin: 0px;
}

.twitter-widget p {
    color: #aaaaaa;
    margin: 0px 0px 4px 0px;
}

.twitter-widget p a {
    color: #ffffff;
}

.twitter-widget time {
    color: #ffffff;
    text-transform: capitalize;
}

.twitter-widget i {
    color: #767676;
    margin-right: 6px;
}

.footer2 {
    padding: 0px;
    position: relative;
}

.footertransparent-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 99;
}

.kd-footermap .map-canvas {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.kd-footermap .container {
    position: relative;
    z-index: 110;
}

.kd-footermap .col-md-4 {
    background-color: #3f3f3f;
    padding-top: 15px;
    padding-bottom: 15px;
}

.kd-footermap {
    height: 447px;
}


/*--// CopyRight Setup //--*/

.kdcopyright {
    float: left;
    width: 100%;
    background-color: #00a950;
    padding: 30px 0px;
    text-align: center;
    position: relative;
}

.kdcopyright p {
    color: #d5d5d5;
    margin: 0px;
}

.kdcopyright a {
    color: #d5d5d5;
}

.backtop {
    background-color: #00a950;
    border-radius: 100% 100% 0 0;
    color: #6e6b6b;
    font-size: 30px;
    height: 60px;
    left: 50%;
    line-height: 1;
    margin: 0 0 0 -30px;
    position: absolute;
    top: -26px;
    width: 80px;
    z-index: 115;
}

.kf-white h3,
.kf-white p {
    color: #fff;
}

.kf-white.heading-style3 h2::after {
    background-color: #fff;
}

.kf-white.heading-style3 p,
.kf-white.heading-style3 h2 {
    color: #fff;
}

.kf-white.kd-parallux .team-info h4 a,
.kf-white.kd-parallux .team-info h4 {
    color: #fff;
}

.wrapper.dark_scheme header {
    background: #1B1B1B;
}

.wrapper.dark_scheme .topbaar {
    border-bottom-color: #1B1B1B;
}

.wrapper.dark_scheme .navbar-default .navbar-nav>li>a {
    color: #eee;
    font-weight: bold;
}

.wrapper.dark_scheme .search-btn {
    color: #eee;
}

.wrapper.dark_scheme .service-box-list {
    padding: 20px;
    background: #000;
}

.wrapper.dark_scheme .services-info h3 {
    font-weight: 600;
}

.wrapper.dark_scheme .kd-dark-new {
    background: #EEEEEE;
    padding: 20px;
    float: left;
}

.wrapper.dark_scheme .kdcroud .croudinfo,
.wrapper.dark_scheme .news-box .text {
    background: #202020;
}

.wrapper.dark_scheme .news-box .text {
    color: #999;
}

.wrapper.dark_scheme .service-info h2 {
    color: #fff;
}

.wrapper.dark_scheme .service-info p {
    color: #868686;
}

.wrapper.dark_scheme footer {
    background-color: #000;
}

.wrapper.dark_scheme .kd-accordion .accordion {
    background: #000;
    color: #fff;
}

.wrapper.dark_scheme .kd-dropcap p,
.wrapper.dark_scheme .kd-accordion p {
    color: #868686;
}

.wrapper.dark_scheme .kd-horizontal-tab .nav-tabs>li>a {
    background: #ccc;
}

.wrapper.dark_scheme .nav-tabs>li.active>a,
.wrapper.dark_scheme .nav-tabs>li.active>a:hover,
.wrapper.dark_scheme .nav-tabs>li.active>a:focus {
    background-color: #000;
    color: #fff;
}

.wrapper.dark_scheme .kd-portfolio ul li figure {
    border-color: #000;
}

#banner-1 .bx-wrapper .bx-controls-direction a {
    text-indent: 0px;
}

.stickybanner header {
    position: relative;
    z-index: 999;
}

.stickybanner #mainbanner {
    position: fixed;
}

.stickybanner #mainbanner~.main-content {
    margin-top: 900px;
}

.align-center {
    text-align: center;
    width: 100%;
    display: block;
    float: none;
    position: relative;
}

.theme-top-margin {
    margin-top: 30px;
    float: left;
}

.theme-bottom-margin {
    margin-top: 30px;
}

.hover-style-1 {
    position: relative;
    -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;
    overflow: hidden;
}

.hover-style-1:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    width: 0;
    left: 0px;
    right: 0px;
    height: 100%;
    -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;
    margin: auto;
}

.hover-style-1:hover:before {
    width: 100%;
}

.event-list-grid .kdevent .event-info {
    width: 100%;
    padding: 20px;
    float: left;
}

.event-list-grid figure {
    float: left;
    width: 100%;
    position: relative;
}

.event-list-grid .event-date {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 10;
}

.event-list-grid #defaultCountdown {
    float: right;
    width: 75%;
}

.event-list-grid .map-canvas {
    height: 150px;
}

.about-auther {
    border: solid 1px #ccc;
    padding: 20px;
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    background-color: #eee;
}

.about-auther figure {
    float: left;
    width: 110px;
}

.about-auther figure img {
    width: 100%;
}

.about-auther .text {
    padding: 0px 0px 0px 130px;
}

.about-auther .text p {}

.about-auther .text a {
    font-size: 20px;
}

.about-auther .socialnetwork {
    float: left;
}

.about-auther .socialnetwork ul li {
    margin: 0px 5px 0px 0px;
    padding: 0px;
}

.about-auther .socialnetwork ul li a {
    height: 30px;
    width: 30px;
    background-color: #333;
    display: block;
    text-align: center;
    font-size: 14px;
}

.kd-team-2 .team-info {
    border: none;
    position: absolute;
    top: 78%;
    left: 0px;
    padding: 10px 20px;
    background-color: #363636;
    text-align: center;
}

.kd-team-2 .kd-team-container:hover .team-info {
    top: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 40px 20px;
    height: 100%
}

.kd-team-2 .team-info p {
    color: #777777;
    padding: 20px 50px;
}

.kd-team-2 .team-info h4 a {
    color: #fff;
}

.kd-team-2 {
    text-align: center;
}

.kd-team-2 .socialnetwork,
.kd-team-2 .socialnetwork,
.kd-team-2 .socialnetwork ul {
    float: left;
    width: 100%;
}

.kd-team-2 .socialnetwork ul li {
    margin: 0px 3px;
    display: inline-block;
    padding: 0px;
    float: none;
}

.kd-team-2 .socialnetwork ul li a {
    display: block;
    height: 42px;
    width: 42px;
    border-radius: 100%;
    border: solid 2px #d7d7d7;
    padding: 5px 0px;
}

.kd-team-2 .socialnetwork ul li a:hover {
    border-color: transparent;
}

.kd-team-container {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.kf-event-meta {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #000;
    margin: 0px 0px 10px 0px;
}

.kf-event-meta li {
    margin: 0px 0px 0px 15px;
    color: #fff;
}

.kf-event-meta li a,
.kf-event-meta li i {
    color: #fff;
}

.kf-event-meta li:first-child {
    margin: 0px;
}

.team-detail .team-mainsection .team-info {
    text-align: left;
    padding: 10px 0px 0px 0px;
    border: none;
}

.team-detail .team-mainsection:hover .team-info {
    background: none;
}

.team-detail .kd-team-2 .team-mainsection:hover .team-info {
    background-color: rgba(0, 0, 0, 0.9)
}

.team-detail .team-mainsection .team-info h4 {
    margin: 0px;
}

.team-detail .socialnetwork {
    float: left;
    width: 100%;
}

.team-detail .socialnetwork ul {
    float: left;
    width: 100%;
}

.team-detail .socialnetwork ul li a {
    display: block;
    height: 30px;
    width: 30px;
    background-color: #000;
    text-align: center;
}

.team-detail .socialnetwork ul li {
    margin: 0px 5px 0px 0px;
}

.team-detail .team-info h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
}

.team-detail .team-info span {
    font-weight: normal;
    font-size: 14px;
    text-transform: inherit;
}

.team-skills {
    float: left;
    width: 100%;
}

.team-skills ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.team-skills ul li {
    float: left;
    width: 100%;
    list-style: none;
}

.team-skills ul li .progress-holder {
    margin: 0px 0px 20px 0px;
}

.team-skills ul li .progress-holder span {
    color: #999;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

.team-skills ul li .progress-holder .progress {
    margin: 0px;
}

.team-detail .kd-team-2 .team-mainsection .team-info {
    text-align: center;
}

.team-detail .kd-team-2 .socialnetwork ul li a {
    height: 42px;
    width: 42px;
}

.team-detail .kd-team-2 .team-info {
    top: 81%;
}

.team-detail .kd-team-2 {
    text-align: left;
}