/*
Theme Name: Circle LITE
Theme URI: http://kopatheme.com/freebies/circle-multi-purpose-wordpress-theme-light
Author: Kopatheme
Author URI: http://kopatheme.com
Description: Circle theme is designed for magazine, news, or corporatewith flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 1.0.5
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, right-sidebar, custom-menu, editor-style, featured-images, post-formats, theme-options, translation-ready

Circle WordPress Theme, Copyright 2014 kopatheme.com
Circle is distributed under the terms of the GNU GPL
*/

body {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    background:url(images/background/body-bg.png) repeat 0 0;
}
pre, code {
    font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin:20px 0;
}

ol {
    margin:0px;
}
ul {
    margin:0px;
}
ul li {
    list-style:none;
    margin:0;
}
ol li {
    list-style:none;
    margin:0;
}
/*------responsive image----------------*/
.responsive-img{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
/* =========================================================
Elements
============================================================ */
blockquote {
    background-color:#f4f4f4;
    color:#999;
    font-size:13px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    margin-bottom:20px;
    padding:10px 15px 10px 20px;
    line-height:24px;
    border-left:5px solid #91c448;
}

/*-DropCap-*/
.kopa-dropcap {
    color: #fff;
    background-color:#91c448;
    font-family:'Rokkitt', serif;
    display: inline-block;
    *display:inline;
    zoom:1;
    float: left;
    font-size: 36px;
    height: 36px;
    line-height: 38px;
    margin: 5px 10px 0 0;
    text-align: center;
    width: 34px;
}
.kp-dropcap.color {
    background-color: #91c448;
    font-size:30px;
    color: #FFFFFF;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width: 36px;
    z-index: 0;
    margin: 5px 10px 0 0;
}

/*-Button-*/
.small-button {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:3px 10px;
}
.medium-button {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:7px 15px;
}
.big-button {
    font-size:13px;
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:10px 20px;
}
.green-button,
.border-button:hover {
    color:#fff;
    background-color:#91c448;
    border:1px solid #91c448;
}
.border-button,
.green-button:hover,
.blue-button:hover,
.orange-button:hover,
.black-button:hover {
    background-color:#fff;
    border:1px solid #e4e4e4;
    color:#484848;
}
.blue-button,
.orange-button,
.black-button {
    transition: all 0.3s ease-in-out 0s;
}
.blue-button {
    background-color: #049cdb;
    border: 1px solid #049cdb;
    color: white;
}
.orange-button {
    background-color: #f89406;
    border: 1px solid #f89406;
    color: white;
}
.black-button {
    background-color: #454545;
    border: 1px solid #454545;
    color: white;
}

.more-link-icon {	
    display: inline-block;
    *display:inline;
    zoom:1;
}
.more-link-icon span {
    color:#91c448;
    font-size:16px;
    font-family:'Rokkitt', serif;
    display: inline-block;
    line-height:20px;
    float:left;
}
.more-link-icon i {
    color:#fff;
    background-color:#91c448;
    background-image:none;
    font-size:8px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    line-height:16px;
    padding:2px 2px 3px 3px;
    float:left;
    margin:0 5px 0 0;
}
.more-link-icon:hover span {
    color:#333;
}
.more-link-icon:hover i {
    background-color:#333;
}

/* =========================================================
Heading
============================================================ */
h1 {
    color: #333;
    font: 400 32px/34px  'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}
h2 {
    color: #333;
    font: 400 28px/30px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;
}
h3 {
    color: #333;
    font: 400 24px/26px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;
}
h4 {
    color: #333;
    font: 400 20px/22px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}
h5 {
    color: #333;
    font: 400 16px/20px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}
h6 {
    color: #333;
    font: 400 14px/20px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #91c448;
}
p { 
    margin-bottom:10px;
    line-height:20px;
}
/* =========================================================
Clear Floated Elements
============================================================ */
.left{ 
    float:left;
}
.right{
    float:right;
}
.clear {  
    clear: both;  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    width: 0;  height: 0;
}
.clearfix:before, .clearfix:after{
    content: '.';  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    font-size: 0;  
    line-height: 0;  
    width: 0;  
    height: 0;
}
.clearfix:after{  
    clear: both;
}
.clearfix{  
    zoom: 1;
}
.hover-effect{
    cursor:pointer;
    position:relative;
}
.hover-effect .mask {
    opacity:0;
    filter: alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
}
.hover-effect:hover .mask {
    opacity:1;
    filter: alpha(opacity=100);
}
.hover-effect .mask a.link-detail {
    width:40px !important;
    height:40px !important;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:16px;
    position:absolute;
    top:50%;
    margin:-20px 0 0 -20px;
    left:100%;
}
.kp-cat-3 .hover-effect .mask a.link-detail {
    width:60px !important;
    height:60px !important;
    line-height:60px;
    font-size:26px;
    margin:-30px 0 0 -30px;
}
.hover-effect:hover .mask a.link-detail {
    left:50%;
}
.hover-effect .mask a.link-gallery {
    width:40px !important;
    height:40px !important;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:16px;
    position:absolute;
    top:50%;
    margin:-20px 0 0 -20px;
    right:100%;
}
.hover-effect:hover .mask a.link-gallery {
    right:50%;
}
.pf-box .hover-effect .mask a.link-detail {
    margin:-10px 0 0 -20px;
}
.pf-box .hover-effect .mask a.link-gallery {
    margin:-30px 0 0 -20px;
}

.bwWrapper {
    position:relative;
    display:block;
}
.bwWrapper a.kp-pf-detail {
    width:40px;
    height:40px;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:20px;
    font-weight:700;
    position:absolute;
    top:50%;
    margin:-20px 0 0 -20px;
    left:50%;
    opacity:0;
    filter: alpha(opacity=0);
}
.bwWrapper:hover a.kp-pf-detail {
    opacity:0.8;
    filter: alpha(opacity=80);
}
.bwWrapper a.kp-pf-detail:hover {
    opacity:1;
    filter: alpha(opacity=100);
}


/* =========================================================
CSS3 Transition
============================================================ */
#main-menu li,
.socials-link li a span,
.search-box .search-form .search-submit,
[class^="fa-"], [class*=" fa-"],
.tagcloud a,
.kp-filter ul.ss-links li,
.pagination ul > li > a,
#pf-items article .mask,
.hover-effect .mask,
#toggle-view li span,
.green-button,
.border-button,
#comments-form #submit-comment,
.more-link-icon span,
.next,.prev,
.kp-our-work .carousel-nav a,
.socials-link li a,
.pf-detail-slider .flex-direction-nav a,
.pf-detail-nav a,
.kp-testimonial .carousel-nav a,
.bwWrapper a.kp-pf-detail,
#mobile-menu > span,
.widget_tag_cloud a,
#pf-filters li label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#pf-items article .mask a,
.hover-effect .mask a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.search-box .search-form .search-text,
.related-article .entry-item {
    -webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
}
/* =========================================================
Colunms
============================================================ */
.wrapper{
    width:1120px;
    margin: 0 auto;
}
#main-col {
    float:left;
    width:795px;
    margin-right:25px;
}
.sidebar {
    float:left;
    width:300px;
}
.kp-left-sidebar #main-col {
    float:right;
    width:795px;
    margin-right:0px;
    margin-left:25px;
}
.two-sidebar .sidebar {
    width:250px;
}
.two-sidebar #main-col {
    width:570px;
    margin:0 25px;
}

#main-col.kopa-layout-single-3{
    width: 100%;
    margin: 0px;
}

.mb-20 {
    margin-bottom:20px;
}
.mt-30{
    margin-top: 30px;
}
.sidebar .kopa_widget_text .mb-20{
    margin-bottom: 0;
}
/* =========================================================
Header
============================================================ */
#page-header {
    border-top:3px solid #91c448;
}
#header-top {
    background-color:#fff;
    border-bottom:1px solid #e5e5e5;
}
/*---Main Menu---*/
#main-menu > li {
    float:left;
    position:relative;
    z-index:99999;
}
#main-menu > li > a {
    font-size:16px;
    color:#444;
    font-family:'Rokkitt', serif;
    text-transform:uppercase;
    display:block;
    line-height:26px;
    padding:15px 20px 13px;
    border-left:1px solid #e5e5e5;
}
.sf-arrows > li > .sf-with-ul:after {
    border-width:0px;
}
.sf-arrows li ul li .sf-with-ul:after {
    border-width:7px;
    margin-top:-7px;
    right:8px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(images/background/menu-arrow.png);
}
.sf-arrows ul li > .sf-with-ul:focus:after, 
.sf-arrows ul li:hover > .sf-with-ul:after, 
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color:transparent;
}
#main-menu > li:hover {
    background-color:#f4f4f4;
}
#main-menu > li.current-menu-item, #main-menu > li.current-menu-parent {
    background-color:#91c448;
}
#main-menu > li.current-menu-item a, 
#main-menu > li.current-menu-parent a{
    color:#fff;
}
#main-menu > li.menu-home-icon > a {
    background:url(images/icons/home.png) no-repeat center center;
    text-indent:-99999px;
    width:20px;
    height:26px;
}
#main-menu > li.menu-home-icon.current-menu-item > a {
    background:url(images/icons/home-hover.png) no-repeat center center;
    background-color:#91c448;
}
#main-menu li:hover > ul{
    display:block;
}

/*---Sub menu---*/
#main-menu li ul {
    display:none;
    position:absolute;
    width:180px;
    top:54px;
    left:0;
    background-color:#fff;
    border:1px solid #e5e5e5;
}
#main-menu li ul li {
    border-top:1px solid #e5e5e5;
    padding:10px 15px;
    position:relative;
}
#main-menu li ul li:first-child {
    border-top:none;
}
#main-menu li ul li:hover,
#main-menu li ul li.current-menu-item {
    background-color:#f4f4f4;
}
#main-menu li ul li a {
    color:#444 !important;
    font-size:13px;
    display:block;
}
#main-menu li ul li ul {
    top:-1px;
    left:180px;
}

/*--------------Mobile Menu-------------------*/
#mobile-menu {
    display:none;
    position:relative;
}
#mobile-menu > span {
    display:inline-block;
    text-transform:uppercase;
    font-family:'Rokkitt', serif;
    font-size:20px;
    padding:10px 0;
    cursor:pointer;
}
#mobile-menu > span:hover {
    color:#91c448;
}
#toggle-view-menu {
    display:none;
    list-style: none;
    margin: 0;
    padding: 0;	
    border-top: none;
    position:absolute;
    top:40px;
    left:0;
    z-index:99999;
    width:220px;
}
#toggle-view-menu > li {
    border-bottom:1px solid #84b440;
    border-top:1px solid #b1da76;
    margin: 0;
    position: relative;
    cursor: pointer;
    list-style: none;
    background-color:#91c448;
}
#toggle-view-menu h3 {
    font-size: 16px;
    margin: 0;	
    float: left;
    line-height: 40px;	
    padding: 0 15px;
}
#toggle-view-menu h3 a {
    color: #fff;
    width:100%;
    display:block;
}
#toggle-view-menu h3 a:hover {
    color: #91c448;
}
#toggle-view-menu span {
    float: right;
    font-size: 26px;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    color: #636363;
    line-height: 40px;
    background-color:#c2ec86;
}
#toggle-view-menu li.active {
    background-color:#91c448;
}
#toggle-view-menu li.active span,
#toggle-view-menu li.active h3 a {
    color:#fff;
}
#toggle-view-menu .menu-panel {
    margin: 0px;
    display: none;
    padding: 10px 15px 0;
    font-size: 14px;
    color: #fff;
    background-color:#b1da76;
}
#toggle-view-menu .menu-panel ul {
    margin:0;
}
#toggle-view-menu li .menu-panel ul li {
    border:none;
    list-style:disc inside;
    margin: 0 0 10px 0;
    color:#405325;
}
#toggle-view-menu .menu-panel ul li a {
    display:inline-block;
    *display:inline;
    zoom:1;
    color:#405325;
    font-size:12px;
}
#toggle-view-menu .menu-panel ul li ul {
    margin-left:40px;
    margin-top:10px;
}

/*---Header Bottom---*/
#header-bottom {
    border-bottom:1px solid #e5e5e5;
    padding:20px 0;
    background-color:#fafafa;
}
.kp-home-3 #header-bottom {
    border-bottom:none;
}
.sub-page #header-bottom,
.kp-contact-page #header-bottom {
    border-bottom:none;
}
/*---Logo---*/
#logo-image {
    float:left;
    margin-top:7px;
}
#logo-image a,
#logo-image a img {
    display:block;
    width:100%;
}

.social-box {
    float:right;
}
.socials-link {
    float:left;
    margin:5px 20px 0 0;
}
.socials-link li {
    float:left;
    margin-left:10px;
    list-style-type: none !important;

}
.socials-link li:first-child {
    margin-left:0;
}
.socials-link li a{
    width:30px;
    height:30px;
    background-color:#d6d6d6;
    text-align:center;
    line-height:30px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display: block;    
}
.socials-link li a span {
    font-size:14px;
    color:#fff;
}
.socials-link li.facebook-icon a:hover {
    background-color:#39599f;
}
.socials-link li.twitter-icon a:hover {
    background-color:#45b0e3;
}
.socials-link li.gplus-icon a:hover {
    background-color:#1872bf;
}
.socials-link li.feed-icon a:hover {
    background-color:#f8bc2e;
}
.socials-link li.flickr-icon a:hover {
    background-color:#ff0084;
}
.socials-link li.dribbble-icon a:hover {
    background-color:#d97aa5;
}
.socials-link li.pinterest-icon a:hover {
    background-color:#cb2027;
}
.socials-link li.google-icon a:hover {
    background-color:#fa0101;
}
.socials-link li.linkedin-icon a:hover {
    background-color:#338eb6;
}
.socials-link li.deviantart-icon a:hover {
    background-color:#5cab31;
}
.socials-link li.wordpress-icon a:hover {
    background-color:#288ebb;
}
.socials-link li.youtube-icon a:hover {
    background-color:#cb1616;
}
.socials-link li.vimeo-icon a:hover {
    background-color:#44bbff;
}
/*- Search Box -*/
.social-box .search-box{
    float:right;
}
.search-box .search-form {
    position:relative;
    margin:0;
}
.search-box .search-form .search-text {
    height:40px;
    line-height:40px;
    background-color:#fafafa;
    border:1px solid #e4e4e4;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    padding:0 10px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    margin:0;
    width:100%;
    box-shadow:none;
    color:#666;
    font-size:12px;
}
.social-box .search-box .search-form .search-text {
    width:202px;
}
.search-box .search-form .search-submit {
    border:none;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    background-position: center center;
    background-color:#91c448;
    background-image:url(images/icons/search-icon.png);
    position:absolute;
    right:0px;
    top:0;
    padding:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.search-box .search-form .search-text:focus {
    box-shadow:none;
    border:1px solid #91c448;
}
.search-box .search-form .search-submit:hover {
    background-color:#e4e4e4;
}

/* =========================================================
Home page slider
============================================================ */
.ei-slider{
    position: relative;
    width: 100%;
    max-width: 2700px;
    height: 405px;
    margin: 0 auto 45px;
}
.kp-home-2 .ei-slider {
    margin: 0 auto;
}
.ei-slider-loading{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:999;
    background: rgba(0,0,0,0.9);
    color: #fff;
    text-align: center;
    line-height: 405px;
}
.ei-slider-large{
    height: 100%;
    width: 100%;
    position:relative;
    overflow: hidden;
}
.ei-slider-large li{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.ei-slider-large li img{
    width: 100%;
    display:block;
}
.ei-title{
    position: absolute;
    left: 40px;
    bottom: 40px;
    width:580px;
}
.ei-title h2, .ei-title h3{
    text-align: left;
}
.ei-title h2{
    font-size: 24px;
    font-weight:700;
    line-height: 26px;
    font-family:'Rokkitt', serif;	
    float:left;
    margin-bottom:10px;	
    padding:3px;
    background-color:rgba(255,255,255,.4);
}
.ei-title h2 a {
    display:block;
    color: #fff;
    background-color:#91c448;
    padding:5px 15px;
}
.ei-title h3{
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    background-color:rgba(0,0,0,.7);
    font-family: 'Open Sans', sans-serif;
    padding:10px;
    border-top:2px solid #91c448;
    float:left;
    margin:0;
}
.ei-slider-thumbs{
    height: 8px;
    margin: 0 auto;
    position: relative;
    z-index:900;
}
.ei-slider-thumbs li{
    position: relative;
    float: left;
    height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    z-index: 10;
    text-indent: -9000px;
    background: #91c448;
}
.ei-slider-thumbs li a{
    display: block;
    text-indent: -9000px;
    background: #d6d6d6 ;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline:none;
    -webkit-box-shadow: 0px 1px 0px 1px #fff;
    -moz-box-shadow: 0px 1px 0px 1px #fff;
    box-shadow: 0px 1px 0px 1px #fff;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
    background-color: #91c448;
}
.ei-slider-thumbs li img{
    position: absolute;
    bottom: 50px;
    opacity: 0;
    z-index: 999;
    max-width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-reflect: 
        below 0px -webkit-gradient(
        linear, 
        left top, 
        left bottom, 
        from(transparent), 
        color-stop(50%, transparent), 
        to(rgba(255,255,255,0.3))
        );
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
    opacity: 1;
    bottom: 13px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* for preview gallery post format on eislider */
.gallery-eislider-preview {
    position: absolute; 
    top: 0; 
    height: 63px; 
    overflow: hidden; 
}
.gallery-eislider-preview .hover-effect {
    float: left;
}
.gallery-eislider-preview .hover-effect img {
    width: 63px;
    height: auto;
}
.gallery-eislider-preview .hover-effect .mask a.link-detail {
    font-size: 13px;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
}

/* =========================================================
Main content
============================================================ */
#main-content {
    padding-top:40px;
}
.kp-home-3 #main-content,
.kp-about-page #main-content {
    padding-top:0px;
}
.sub-page #main-content {
    background-color:#fff;
}

/*-Tabs-*/
.list-container-1 ul {
    margin:0;
}
.list-container-1 ul li {
    list-style:none;
    float:left;
    margin:0px 1px 0 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:49.939%;
}
.list-container-1 ul li a {
    border:1px solid #e4e4e4;
    padding:15px 20px;
    color:#333;
    font-size:24px;
    font-family:'Rokkitt', serif;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.list-container-1 ul li.active a, 
.list-container-1 ul li:hover a {
    text-decoration:none;
    color:#fff;
    border:1px solid #91c448;
    background-color:#91c448;	
}
.list-container-1 ul li a span {
    margin-right:10px;
    background:none;
    width:25px;
    color:#91c448;
}
.list-container-1 ul li:hover a span,
.list-container-1 ul li.active a span{
    color:#fff;	
}
.kp-title{
    border:1px solid #91c448;
    background-color:#91c448;	
    padding:10px 20px;
    color:#fff;
    font-size:24px;
    font-family:'Rokkitt', serif;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.kp-title span{
    color:#fff;	
    margin-right:10px;
    background:none;
    width:25px;
}
/*---Timeline---*/
.timeline-container {
    position:relative;
    padding-top:25px;
    margin-bottom:35px;
}
#time-line {
    height:100%;
    width:2px;
    background-color:#91c448;
    position:absolute;
    top:0;
    left:75px;
}
.timeline-container .load-more {
    position:absolute;
    border:2px solid #91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fff;
    bottom:0;
    left:59px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#91c448;
    cursor: pointer;
}
.timeline-container .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.timeline-container .tooltip.top .tooltip-arrow {
    border-top-color: #91c448;
}
.timeline-container .tooltip-inner {
    background-color:#91c448;
}
.timeline-container .load-more i {
    background:none;
    font-size:16px;
    line-height:16px;
    width:16px;
    margin:0;
}
.kp-loading{
    width: 16px;
    height: 16px;
    position: absolute;
    bottom:-23px;
    left:68px;
    background: url(images/loading.gif) no-repeat 0 0;
    display: block;
}
.timeline-item {
    margin-bottom:25px;
}
.timeline-item.gallery-post {
    margin-bottom:40px;
}
.timeline-item .timeline-icon {
    float:left;
    width:110px;
    position:relative;
}
.timeline-item .timeline-icon .dotted-horizon {
    border-bottom:2px dotted #91c448;
    position:absolute;
    top:20px;
    left:48px;
    width:60px;
    height:2px;
    display:block;
}
.timeline-item .timeline-icon .vertical-line {
    background:url(images/background/body-bg.png) repeat-y;
    width:24px;
    height:34px;
    position:absolute;
    top:5px;
    left:64px;
    z-index:3;
}
.timeline-item .timeline-icon .circle-outer {
    border:2px solid #91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background:url(images/background/body-bg.png) repeat 0 0;
    position:absolute;
    top:13px;
    left:67px;
    display:block;
    width:15px;
    height:15px;
    z-index:4;
}
.timeline-item .timeline-icon .circle-inner {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#91c448;
    position:absolute;
    top:20px;
    left:74px;
    display:block;
    width:5px;
    height:5px;
    z-index:5;
}
.timeline-item .timeline-icon div .post-type {
    margin:0;
    width:47px;
    height:47px;
    line-height:47px;
    background-color:#91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    font-size:15px;
    color:#fff;
    text-align:center;
    display: block;
}
.timeline-item .timeline-icon div p span {
    margin-top:15px;
}
.timeline-item .entry-body {
    float:left;
    padding:20px;
    background-color:#fff;
    border:1px solid #e4e4e4;
    width:685px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.timeline-item .entry-body .entry-title {
    margin:-3px 0 5px;
}
.more-link {
    color: #91C448;
    font-family: 'Rokkitt',serif;
    font-size: 18px;
    padding: 0 15px 0 0;   
}
.more-link:hover {
    color:#333;
}

.timeline-item .entry-body .kp-thumb {
    float:left;
    margin-right:20px;
    width:268px;
}
.timeline-item .entry-body .kp-thumb a,
.timeline-item .entry-body .kp-thumb img {
    display:block;
    width:100%;
}
.timeline-item .entry-body header {
    margin-bottom:10px;
    border-bottom:1px solid #ececec;
    padding-bottom:5px;
    float:left;
    width:355px;
}
.timeline-item.link-post .entry-body header {
    float:none;
    width:100%;
}

.timeline-item.quote-post,
.timeline-item.audio-post,
.timeline-item.gallery-post {
    text-align:center;
}
.timeline-item.gallery-post .entry-body {
    position:relative;
}

.timeline-item.quote-post .entry-body p {
    font-size:24px;
    font-family:'Rokkitt', serif;
    line-height:26px;
    color:#333;
    margin-top:-3px;
}

.timeline-item.quote-post .entry-body .quote-name {
    position:relative;
    display:inline-block;
    font-size:13px;
    color:#333;
}
.timeline-item.quote-post .entry-body header {
    margin-top:10px;
}

.timeline-item.quote-post .entry-body header {
    width:100%;
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
    float:none;
}
.timeline-item.audio-post .entry-body header {
    width:100%;
    float:none;
    margin-bottom:20px;
}
.timeline-item.gallery-post .entry-body header {
    width:100%;
    float:none;
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
}

.timeline-item.audio-post .entry-body audio {
    margin-bottom:15px;
}

.timeline-item.gallery-post .latest-gallery-img a,
.timeline-item.gallery-post .latest-gallery-img a img,
.timeline-item.gallery-post .older-gallery-img li a,
.timeline-item.gallery-post .older-gallery-img li a img {
    display:block;
    width:100%;
}
.timeline-item.gallery-post .older-gallery-img {
    margin:10px -10px 0px 0;
}
.timeline-item.gallery-post .older-gallery-img li,
.timeline-item.gallery-post .more-gallery-img li {
    float:left;
    margin-right:10px;
    width:207px;
}
.timeline-item.gallery-post .more-gallery-img li{
    margin-bottom: 10px;
}
.timeline-item.gallery-post .more-gallery-img {
    margin:10px -10px 10px 0;

}
.more-panel{
    display:none;
}
.load-more-gallery {
    background-color:#91c448;
    display:block;
    width:34px;
    height:16px;
    position:absolute;
    bottom:-16px;
    left:50%;
    margin-left:-17px;
    border-radius:0 0 34px 34px;
    -moz-border-radius:0 0 34px 34px;
    -webkit-border-radius:0 0 34px 34px;
    cursor:pointer;
}
.load-more-gallery span {
    position:absolute;
    top:4px;
    right:11px;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: block;
    height: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.load-more-gallery.arrow-up span {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: none;
}

.timeline-item.audio-post .entry-body iframe {
    margin-bottom:10px;
}

.time-to-filter {
    margin-left:45px;
    height:17px;
    margin-bottom:37px;
    border-bottom:1px solid #e4e4e4;
    position:relative;
}
.time-to-filter .timeline-filter {
    color:#91c448;
    font-weight:700;
    font-size:14px;
    font-family:'Rokkitt', serif;
    line-height:34px;
    background:url(images/background/body-bg.png) no-repeat 0 center;
    background-size:20px 20px;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    width:65px;
    text-align:center;
}
.time-to-filter .timeline-filter span {
    display:inline-block;
    background:url(images/background/body-bg.png) repeat 0 0;
}
.time-to-filter .post-quantity {
    position:absolute;
    left:100px;
    top:8px;
    font-size:14px;
    font-family:'Rokkitt', serif;
    color:#535353;
    background-color:#fff;
    border:1px solid #e4e4e4;
    padding:0 10px;
}
.time-to-filter .top-ring {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:8px;
    height:8px;
    background-color:#91c448;
    display:block;
    position:absolute;
    top:0;
    left:27px;
}
.time-to-filter .bottom-ring {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:8px;
    height:8px;
    background-color:#91c448;
    display:block;
    position:absolute;
    bottom:-17px;
    left:27px;
}
.kp-filter .ss-links {
    display:none;
}
.kp-filter {
    display:inline-block;
    position:absolute;
    right:20px;
    top:-43px;
    z-index:10000;
    cursor:pointer;
}
.kp-filter div {
    position:relative;
}
.kp-filter div > a {
    width:22px;
    height:22px;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#a1d952;
    background-image:url(images/background/filter-arrow.png);
    display:block;
    float:left;
}
.kp-filter span {
    display:block;
    float:left;
    line-height:22px;
    margin-right:5px;
    color:#fff;
    font-style:italic;
}
.kp-filter em {
    display:block;
    float:left;
    line-height:22px;
    margin-right:10px;
    color:#fff;
}
.kp-filter ul.ss-links {
    position:absolute;
    top:38px;
    right:-21px;
    width:175px;
    background-color:#91c448;
}
.kp-filter ul.ss-links li {

}
.kp-filter ul.ss-links li a, .kp-filter ul.ss-links li span {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    font-family:'Rokkitt', serif;
    border-bottom:1px dotted #fff;
    padding:10px 20px 10px;
    display:block;
    float: none;
    font-style: normal;
}
.kp-filter ul.ss-links li:hover {
    background-color:#a1d952;
}
.kp-filter ul.ss-links li.year {
    background-color:#222;
    border-bottom:none;
}
.kp-filter ul.ss-links li.year span{
    font-size:26px;
    font-weight:400;
    line-height: 20px;
    margin-right: 0;
}

/* =========================================================
Sidebar
============================================================ */
.sidebar .widget {
    margin-bottom:35px;
}
.sidebar .widget .widget-title {
    margin:-3px 0 15px;
    font-size:20px;
    text-transform:uppercase;
    line-height:20px;
}
.sidebar .widget.kp-gallery-widget .widget-title {
    margin-bottom: 5px;
}.sidebar .widget.kp-gallery-widget ul{
    margin-bottom: 0;
}

.sidebar .widget .entry-category a:hover,
.sidebar .widget .entry-comment a:hover {
    color:#91c448;
}
.sidebar .widget ul li,
#bottom-sidebar .widget ul li {
    border-bottom:1px solid #ececec;
    padding-bottom:15px;
    margin-bottom:15px;
}
.sidebar .widget .kp-popular-post li .entry-thumb,
.sidebar .widget .kp-latest-post li .entry-thumb,
.sidebar .widget .kp-comment li .entry-thumb,
.sidebar .widget .kp-latest-comment li .entry-thumb,
#bottom-sidebar .widget .kp-latest-comment li .entry-thumb {
    display:block;
    float:left;
    margin-right:15px;
    width:60px;
}
.sidebar .widget .kp-latest-comment li .entry-content .comment-name{
    color: #91C448;
}
.sidebar .widget .kp-latest-comment li .entry-content p{
    margin-bottom: 0;
}
.sidebar .widget .kp-popular-post li .entry-title,
.sidebar .widget .kp-latest-post li .entry-title,
.sidebar .widget .kp-comment li .entry-title {
    font-size:18px;
    margin:0px;
    line-height:20px;
}
.sidebar .widget .entry-meta,
.sidebar .widget .entry-category,
.sidebar .widget .entry-comment {
    font-size:11px;
    color:#777;
}
.sidebar .widget .entry-category a,
.sidebar .widget .entry-comment a {
    color:#777;
}

.list-container-2 ul,
.list-container-3 ul {
    margin: 0;
}
.list-container-2 ul li,
.sidebar .widget .list-container-2 ul li,
.list-container-3 ul li,
.sidebar .widget .list-container-3 ul li {
    float: left;
    list-style: none outside none;
    margin: 0 2px 0 0;
    border:none;
    padding:0;
    width:98px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.two-sidebar .list-container-2 ul li,
.two-sidebar .sidebar .widget .list-container-2 ul li,
.two-sidebar .list-container-3 ul li,
.two-sidebar .sidebar .widget .list-container-3 ul li {
    width:81px;
}
.list-container-2 ul li a,
.list-container-3 ul li a {
    background-color: #fff;
    border:1px solid #e4e4e4;
    color: #7e7e7e;
    display: block;
    font-family:'Rokkitt', serif;
    font-size: 18px;
    padding: 8px 0;
    text-align:center;
    outline:none;
    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;
}
.list-container-2 ul li.active a, 
.list-container-2 ul li:hover a,
.list-container-3 ul li.active a, 
.list-container-3 ul li:hover a {
    border-top:1px solid #91c448;
    color: #333;
    text-decoration: none;
}
.tab-container-2 {
    background-color:#fff;
    border:1px solid #e4e4e4;
    border-top:none;
    padding:30px 20px 15px;
}
.tab-container-3 {
    background-color:#fff;
    border:1px solid #e4e4e4;
    padding:15px 20px;
    margin-top: -1px;
}

/*---Twitter---*/
.tweet_list li .tweet_time a,
.tweet_list li .tweet_text a:hover {
    color:#555;
}
.tweet_list li .tweet_time a:hover,
.tweet_list li .tweet_text a {
    color:#91c448;
}
.tweet_list li .tweet_text {
    display:block;
}
.tweet_list li .tweet_avatar {
    display:block;
    float:left;
    margin-right:10px;
}

.widget_archive ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_meta ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
    font-size:13px;
}
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_meta ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
    list-style:inside disc;
    color:#aaa;
}
.widget_archive ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_meta ul li a,
.widget_categories ul li a, 
.widget_archive ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a{
    color:#444;
}
.widget_archive ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_rss ul li a:hover,
.widget_meta ul li a:hover,
.widget_categories ul li a:hover, 
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
    color:#91c448;
}
.widget_tag_cloud a {
    display:inline-block;
    color:#fff;
    background-color:#9e9e9e;
    padding:3px 10px;
    margin-bottom:5px;
    margin-right:2px;
}
.widget_tag_cloud a:hover {
    background-color:#91c448;
}
.widget_archive ul li i {
    background:none;
    margin-right:10px;
    color:#c2c2c2;
    line-height:18px;
}
.adv-300-300 a,
.adv-300-300 a img {
    display:block;
    width:100%;
}

.sidebar .kp-gallery-widget ul {
    margin-right:-9px;
}
.sidebar .kp-gallery-widget ul li {
    float:left;
    margin-right:9px;
    width:94px;
    border-bottom:none;
    padding-bottom:0;
    margin-top:9px;
    margin-bottom:0px;
}
.sidebar .kp-gallery-widget ul li a,
.sidebar .kp-gallery-widget ul li a img {
    display:block;
    width:100%;
}
.widget_categories select,
.widget_archive select{
    width: 100%;
}

.widget_nav_menu ul li .sub-menu {
    margin-left:30px;
    margin-top:15px;
}
.widget_nav_menu ul li .sub-menu li {
    list-style:none;
}

/* =========================================================
Bottom Sidebar
============================================================ */
#bottom-sidebar {
    background-color:#fafafa;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    padding:40px 0 30px;
}
#bottom-sidebar #logo-image {
    float:none;
    margin-bottom:20px;
}
#bottom-sidebar #logo-image a img {
    max-width:100%;
    width:auto;
}
#bottom-sidebar .widget .widget-title {
    text-transform:uppercase;
    color:#555;
    margin:0 0 25px;
    font-size:22px;
}
.kp-home-3 #bottom-sidebar,
.kp-about-page #bottom-sidebar,
.kp-pf-3col #bottom-sidebar,
.kp-pf-2col #bottom-sidebar,
.kp-pf-1col #bottom-sidebar {
    border-top:1px solid #e5e5e5;
}

/*---Flickr---*/
.flickr-wrap {
    margin:-10px;
}
.flickr-badge-image {
    float:left;
    margin:10px;
    width:71px;
}
/*============================================================================
sidebar
==============================================================================*/
.tagcloud {
    padding-left:13px;
}
.tagcloud a {
    display:inline-block;
    background-color:#9e9e9e;
    color:#fff;
    padding:0px 18px 0 18px;
    height:26px;
    margin-bottom:10px;
    position:relative;
    margin-right:10px;
}
.tagcloud a .kp-tag-left {
    position:absolute;
    top:0px;
    left:-13px;
    border-right: 13px solid #9e9e9e;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: block;
    height: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.tagcloud a .kp-tag-right {
    position:absolute;
    top:0px;
    right:0px;
    border-right: 13px solid #fafafa;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: block;
    height: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.tagcloud a .kp-tag-rounded {
    width:10px;
    height:10px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fafafa;
    position:absolute;
    left:0px;
    top:8px;
}
.tagcloud a .kp-tag-text {
    line-height:24px;
}
.tagcloud a:hover {
    background-color:#91c448;
    color:#fff;
}
.tagcloud a:hover .kp-tag-left {
    border-right: 13px solid #91c448;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

#bottom-sidebar .kp-latest-comment li a.comment-name {
    color:#91c448;
    display:inline-block;
}
#bottom-sidebar .kp-latest-comment li a.comment-name:hover {
    color:#333;
}
#bottom-sidebar .kp-latest-comment li p {
    display:inline;
}

/* =========================================================
Footer
============================================================ */
#page-footer {
    padding:15px 0;
}
#page-footer .row-fluid,
#page-footer .row-fluid .span12 {
    min-height:inherit;
}
#copyright {
    margin:0;
    color:#626262;
}
/*----------------Back to top-----------------*/
#back-top {
    bottom: 30px;
    margin-bottom: 0;
    margin-right: 15px;
    position: fixed;
    right: 0;
    z-index: 100;
}
#back-top a {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#91c448;
    background-image:url(images/icons/arrow-up.png);
    display: block;
    height: 50px;
    outline: medium none;
    position: relative;
    text-indent:-9999px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 50px;
    z-index: 0;
    text-align:center;
}
#back-top a:hover {
    background-color:#c9c9c9;
}
.dark-footer #bottom-sidebar {
    background-color:#2c2d2e;
    border-top:4px solid #91c448;
    border-bottom:none;
}
.dark-footer #bottom-sidebar .textwidget {
    color:#b2b2b2;
}
.dark-footer #bottom-sidebar .widget .widget-title {
    color:#fff;
}
.dark-footer #bottom-sidebar .tagcloud a {
    background-color:#515151;
    color:#fff;
}
.dark-footer #bottom-sidebar .tagcloud a .kp-tag-left {
    border-right:13px solid #515151;
}
.dark-footer #bottom-sidebar .tagcloud a .kp-tag-right {
    border-right:13px solid #2c2d2e;
}
.dark-footer #bottom-sidebar .tagcloud a .kp-tag-rounded {
    background-color:#2c2d2e;
}
.dark-footer #bottom-sidebar .tagcloud a:hover {
    background-color:#91c448;
    color:#fff;
}
.dark-footer #bottom-sidebar .tagcloud a:hover .kp-tag-left {
    border-right: 13px solid #91c448;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.dark-footer #bottom-sidebar .kp-latest-comment li p {
    color:#b2b2b2;
}
.dark-footer #bottom-sidebar .widget ul li {
    border-bottom:1px solid #3c3c3c;
}
.dark-footer #bottom-sidebar .kp-latest-comment li a.comment-name:hover {
    color:#fff;
}
.dark-footer #page-footer {
    background-color:#161617;
}
#logo-image a.white-logo {
    display:none;
}
.dark-footer #logo-image a.dark-logo {
    display:none;
}
.dark-footer #logo-image a.white-logo {
    display:block;
}

/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#isotop-container{
    margin-top: 30px;
    position:relative;
}
.kp-pf-3col #isotop-container,
.kp-pf-2col #isotop-container,
.kp-pf-1col #isotop-container{
    margin-top: 0px;
    position:relative;
}

.isotop-header{
    display:inline-block;
    position:absolute;
    top:-67px;
    right:20px;
    z-index:10;
    cursor:pointer;
}
.isotop-header em {
    display:block;
    float:left;
    margin-right:5px;
    color:#fff;
    line-height:22px;
}
.isotop-header span {
    display:block;
    float:left;
    margin-right:10px;
    color:#fff;
    line-height:22px;
    font-style:italic;
}
.isotop-header > a {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#A1D952;
    background-image:url("images/background/filter-arrow.png");
    display: block;
    float: left;
    height: 22px;
    width: 22px;
}
.isotop-header #filters {
    display:none;
    background-color: #91C448;
    position: absolute;
    right: -20px;
    top: 38px;
    width: 175px;
    z-index:10000;
}
.isotop-header #filters li{

}
.isotop-header #filters li a{
    color: #FFFFFF;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px dotted #FFFFFF;
    padding: 10px 20px;
    display:block;
}
.isotop-header #filters li:hover {
    background-color: #A1D952;
}

.m-wrapper {
    display:none;
    background-color:#91c448;
    height:40px;
    width:100%;
    margin-bottom:20px;
}
.m-isotop-header{
    display:inline-block;	
    z-index:10;
    cursor:pointer;
    float:right;
    margin-top:10px;
    margin-right:10px;
}
.m-isotop-header em {
    display:block;
    float:left;
    margin-right:5px;
    color:#fff;
    line-height:22px;
}
.m-isotop-header span {
    display:block;
    float:left;
    margin-right:10px;
    color:#fff;
    line-height:22px;
    font-style:italic;
}
.m-isotop-header > a {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#A1D952;
    background-image:url("images/background/filter-arrow.png");
    display: block;
    float: left;
    height: 22px;
    width: 22px;
}
.m-isotop-header #m-pf-filters {
    display:none;
    background-color: #91C448;
    position: absolute;
    right: 0px;
    top: 40px;
    width: 175px;
    z-index:10000;
}
.m-isotop-header #m-pf-filters li a{
    color: #FFFFFF;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px dotted #FFFFFF;
    padding: 10px 20px;
    display:block;
}
.m-isotop-header #m-pf-filters li:hover {
    background-color: #A1D952;
}

#pf-filters {
    border:1px solid #eaeaea;
    margin-bottom:25px;
}
#pf-filters li {
    float:left;
}
#pf-filters li label {
    color: #777;
    font-family: 'Rokkitt',serif;
    font-size: 18px;
    display:block;
    padding:7px 15px;
    border-right:1px solid #eaeaea;
    margin: 0;
}
#pf-filters li label.active,
#pf-filters li label:hover {
    color:#fff;
    background-color:#91c448;
    text-decoration:none;
}
#pf-filters li label input {
    display: none;
}

#pf-items article{
    margin-bottom: 25px;
    position:relative;
}
.kp-pf-3col #pf-items {
    margin-left: -25px;
}
.kp-pf-3col #pf-items article {
    width:248px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.kp-pf-2col #pf-items {
    margin-left: -25px;
}
.kp-pf-2col #pf-items article {
    width:385px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.kp-pf-1col #pf-items article {
    width:795px;
}

#pf-items article img,
#portfolio-items article img {
    display:block;
    width:100%;
    height: auto !important;
}

#portfolio-items article:hover .mask,
#pf-items article:hover .mask {
    opacity:1;
    filter: alpha(opacity=100);
}
#portfolio-items article .mask,
#pf-items article .mask {
    opacity:0;
    filter: alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.71);
}
#portfolio-items article .mask a,
#pf-items article .mask a {
    width:40px;
    height:40px;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:16px;
    position:absolute;
}
#portfolio-items article .mask a.kp-pf-gallery {
    top:60px;
    right:100%;
}
.kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
    top:50px;
    right:100%;
}
.kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
    top:90px;
    right:100%;
}
.kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
    top:200px;
    right:100%;
}
#portfolio-items article:hover .mask a.kp-pf-gallery,
#pf-items article:hover .mask a.kp-pf-gallery {
    right:48%;
}
#portfolio-items article .mask a.kp-pf-detail {
    top:80px;
    left:100%;
}
.kp-pf-3col #pf-items article .mask a.kp-pf-detail {
    top:70px;
    left:100%;
}
.kp-pf-2col #pf-items article .mask a.kp-pf-detail {
    top:110px;
    left:100%;
}
.kp-pf-1col #pf-items article .mask a.kp-pf-detail {
    top:230px;
    left:100%;
}
#portfolio-items article:hover .mask a.kp-pf-detail,
#pf-items article:hover .mask a.kp-pf-detail {
    left:48%;
}
#portfolio-items article .mask .portfolio-caption,
#pf-items article .mask .portfolio-caption {
    text-align:center;
    color:#fff;
    position:absolute;
    bottom:40px;
    left:0;
    width: 100%;
}
#portfolio-items article .mask .portfolio-caption h3 {
    color:#fff;
}
#portfolio-items article .mask .portfolio-caption h3,
#portfolio-items article .mask .portfolio-caption p {
    padding:0 15px;
}
#portfolio-items article .mask .portfolio-caption p {
    margin-bottom:0;
}

.pagination {
    border-top:1px solid #e5e5e5;
    padding-top:20px;
    margin-top:20px;
    margin-bottom:25px;
}
#comments .pagination,
.entry-box .pagination {
    border-top:none;
    padding-top:0;
}
.pagination ul {
    box-shadow:none;
}
.pagination ul > li {
    margin-right:5px;
    display:inline-block;
}
.pagination ul > li:first-child > a, 
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a, 
.pagination ul > li:last-child > span {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.pagination ul > li > a,
.pagination ul > li > span {
    color:#333;
    font-size:18px;
    font-family: 'Rokkitt',serif;
    background-color:#fff;
    padding:5px 12px;
    border:1px solid #e4e4e4;
}
.pagination ul > li:hover > a,
.pagination ul > li span.current {
    color:#fff;
    background-color:#91c448;
}
.pagination ul > li span.dots {
    color:#91c448;
}


#pf-items .pf-info,
.pf-box li .pf-info {
    border:1px solid #eaeaea;
}
#pf-items .pf-info .entry-view,
#pf-items .pf-info .entry-like,
.pf-box li .pf-info .entry-view,
.pf-box li .pf-info .entry-like {
    display:inline-block;
    width:49%;	
    text-align:center;
    line-height:35px;
    box-sizing:border-box;
    moz-box-sizing:border-box;
}
#pf-items .pf-info .entry-view,
.pf-box li .pf-info .entry-view {
    border-right:1px solid #eaeaea;
}
.entry-view,
.entry-like,
.entry-tag,
.entry-category {
    font-size:11px;
    color:#666;
}
.entry-view span.entry-icon,
.entry-tag span.entry-icon,
.entry-category span.entry-icon {
    color:#91c448;
    font-size:15px;
    margin-right:8px;
    background:none;
}
.entry-like a {
    color:#91c448;
    font-size:13px;
    margin-right:8px;
}
.entry-like a:hover {
    color:#666;
}
#pf-items .pf-info .pf-name,
.pf-box li .pf-info .pf-name {
    display:block;
    background-color:#f5f5f5;
    color:#555;
    font-size:18px;
    border-top:1px solid #eaeaea;
    padding:7px 15px;
    font-family: 'Rokkitt',serif;
}
#pf-items .pf-info .pf-name:hover,
.pf-box li .pf-info .pf-name:hover {
    color:#91c448;
}

.pf-thumb-1col {
    width:560px;
    float:left;
    margin-right:20px;
}
.pf-des-1col {
    float:left;
    width:215px;
}
.pf-des-1col header .pf-name {
    font-size:24px;
    color:#333;
    font-family: 'Rokkitt',serif;
    display:block;
    border-bottom:1px solid #dadada;
    padding-bottom:10px;
    margin-bottom:10px;
}
.pf-des-1col header .pf-name:hover {
    color:#91c448;
}
.pf-des-1col header {
    margin-bottom:8px;
}
.pf-des-1col ul {
    border-top:1px solid #ececec;
    margin-top:15px;
    padding-top:5px;
}
.pf-des-1col ul li {
    margin-top:10px;
}
.pf-des-1col ul li .entry-icon {
    width:30px;
    text-align:left;
    margin-right:0;
}

/* =========================================================
Elements page
============================================================ */
#breadcrumb-wrapper {
    background-color:#91c448;
    padding:20px 0;
}
.breadcrumb {
    color:#fff;
    background:none;
    font-weight:700;
    font-family: 'Rokkitt',serif;
    font-size:18px;
    padding:0;
    margin-bottom:0px;
    line-height: 30px;
}
.breadcrumb a {
    color:#fff;
}
.kp-intro {
    color:#fff;
    font-size:13px;
}
.kp-intro p {
    margin:0;
}

.elements-box {
    margin-bottom:25px;
}
.element-title {
    font-size:30px;
    padding-bottom:10px;
    margin:0 0 20px;
    border-bottom:1px solid #e5e5e5;
}

/*-------------Toggle Boxes-----------*/
#toggle-view {
    list-style:none;   
    margin:0;
    padding:0;
}
#toggle-view p {
    margin-bottom:0;
}
#toggle-view li {
    margin:0 !important;
    position:relative;
    cursor:pointer;
    list-style:none;	
}

#toggle-view li h3 {
    font-family: 'Rokkitt',serif;
    font-size:20px;
    margin:0;
    color:#5a5a5a;
    padding:17px 20px 17px 45px;
    border-bottom:1px solid #e3e3e3;
}

#toggle-view li:hover span,
#toggle-view li.active span {
    background-color:#929292;
}
#toggle-view li span {
    position:absolute;
    left:0px;
    top:15px;
    font-size:20px;
    width:30px;
    height:30px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    line-height:28px;
    background-color:#91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
#toggle-view li.active span {
    line-height:26px;
}
#toggle-view .panel {
    margin:0;
    display:none;
}
#toggle-view .panel p {
    margin:10px 0;
}

/************Accordion**************/
.accordion-title {
    margin-bottom:10px;
    position:relative;
}
.accordion-title span {
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    color:#fff;
    background-color:#91c448;
    line-height:30px;
    text-align:center;
    font-size:20px;
    font-weight:700;
    left:0;
    top:0;
    cursor: pointer;
}
.accordion-title h3{
    margin:0px 0px 0px 45px;
    line-height:18px;
    font-size:22px;
    color:#333;
    font-family: 'Rokkitt',serif;
    line-height:30px;
}
.accordion-title a {
    color:#333;
    display: inline-block;
    *display:inline;
    zoom:1;
}
.accordion-title.active span {
    background-color:#929292;
}
.accordion-container {
    margin:10px 0;
}
.kp-button-box .small-button,
.kp-button-box .medium-button,
.kp-button-box .big-button {
    margin-right:15px;
    margin-bottom:15px;
}

/* =========================================================
Category page 1
============================================================ */
.article-list > li {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #ececec;
    position:relative;
}
.kp-cat-3 .article-list li {
    margin-bottom:30px;
}
.article-list li article.article-no-thumb .entry-content .entry-header {
    width:100%;
}
.article-list li article .entry-thumb {
    float:left;
    margin-right:20px;
    width:290px;
}
.article-list li article.audio-post .entry-thumb {
    float:none;
    margin-right:0px;
    margin-bottom:15px;
}
.kp-cat-3 .article-list li article .entry-thumb {
    float:none;
    margin-right:0px;
    width:100%;
    margin-bottom:20px;
}
.kp-cat-3 .article-list li article .entry-thumb img {
    width:100%;
}
.article-list li article .entry-thumb a,
.article-list li article .entry-thumb a img {
    display:block;
    width:100%;
}
.article-list li article .entry-title {
    font-size:30px;
    margin:-3px 0 7px;
}
.article-list li article .entry-title a {
    color:#686868;
}
.article-list li article .entry-title a:hover {
    color:#91c448;
}
.article-list li article .entry-header {
    border-bottom:1px solid #ececec;
    padding-bottom:10px;
    margin-bottom:15px;
    float:left;
    width:475px;
}
.article-list li article.audio-post .entry-header {
    float:none;
    width:100%;
}
.kp-cat-3 .article-list li article .entry-header,
.kp-cat-3.two-sidebar .article-list li article .entry-header {
    float:none;
    width:100%;
}
.two-sidebar .article-list li article .entry-header {
    width:260px;
}
.two-sidebar .article-list li article.audio-post .entry-header {
    width:100%;
}
.article-list li article .entry-date,
.article-list li article .entry-comment,
.article-list li article .entry-comment a,
.article-list li article .entry-category,
.article-list li article .entry-category a,
.article-list li article .entry-author,
.article-list li article .entry-author a {
    font-size:11px;
    color:#555;
}
.article-list li article .entry-comment a:hover,
.article-list li article .entry-category a:hover,
.article-list li article .entry-author a:hover {
    color:#91c448;
}
.article-list li article .entry-date,
.article-list li article .entry-author,
.article-list li article .entry-category {
    margin-right:15px;
}
.kp-cat-1 .article-list-wrapper .article-bullet,
.kp-cat-1 .article-list-wrapper .article-list-line,
.kp-cat-1 .article-list li article .entry-meta-box .entry-meta-icon,
.kp-cat-1 .article-list li article .entry-meta-box .entry-meta-circle,
.kp-cat-3 .article-list-wrapper .article-bullet,
.kp-cat-3 .article-list-wrapper .article-list-line,
.kp-cat-3 .article-list li article .entry-meta-box .entry-meta-icon,
.kp-cat-3 .article-list li article .entry-meta-box .entry-meta-circle {
    display:none;
}

/* =========================================================
Category page 2
============================================================ */
.kp-cat-2 .article-list-wrapper {
    position:relative;
    padding-left:25px;
    margin-top:25px;
    margin-bottom:25px;
}
.article-list-wrapper .article-bullet {
    display:block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#91c448;
    width:7px;
    height:7px;
    position:absolute;
    bottom:0;
    left:22px;
}
.article-list-wrapper .article-list-line {
    position:absolute;
    width:1px;
    height:100%;
    background-color:#91c448;
    top:0;
    left:25px;
}
.kp-cat-2 .article-list li {
    margin-top:40px;
    border-bottom:none;
    margin-bottom:60px;
}
.kp-cat-2 .article-list li article .entry-content {
    width:370px;
    float:left;
}
.kp-cat-2 .article-list li article.audio-post .entry-content {
    width:100%;
    float:none;
}
.kp-cat-2 .article-list li article .entry-content .entry-header {
    width:100%;
}
.kp-cat-2 .article-list li article .entry-content p {
    margin-bottom:15px;
}
.kp-cat-2 .article-list li article.article-no-thumb .entry-content {
    width:100%;
}
.kp-cat-2 .article-list li article .entry-header {
    border-bottom:none;
    margin-bottom:0;
    display:block;
    padding-bottom:5px;
}
.kp-cat-2 .article-list li article .entry-meta-box {
    display:block;
    position:absolute;
    top:-40px;
    left:0;
    border-bottom:1px solid #e5e5e5;
    width:100%;
    padding-bottom:0;
    margin-bottom:0;
}
.kp-cat-2 .article-list li article .entry-meta-box .entry-meta-box-inner {
    position:absolute;
    top:-12px;
    left:40px;
}
.kp-cat-2 .article-list li article .entry-date,
.kp-cat-2 .article-list li article .entry-author,
.kp-cat-2 .article-list li article .entry-category,
.kp-cat-2 .article-list li article .entry-comment {
    display:inline-block;
    border:1px solid #ededed;
    padding:3px 10px 2px;
    background:url(images/background/body-bg.png) repeat 0 0;
}
.kp-cat-2 .article-list li article {
    margin-left:40px;
}
.kp-cat-2 .article-list li article .entry-meta-box .entry-meta-circle {
    display:block;
    width:6px;
    height:6px;
    background-color:#91c448;
    position:absolute;
    right:0;
    top:-3px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.kp-cat-2 .article-list li article .entry-meta-box .entry-meta-icon {
    display:block;
    width:47px;
    height:47px;
    background-color:#91c448;
    position:absolute;
    left:-23px;
    top:-23px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    color:#fff;
    line-height:47px;
    font-size:18px;
}
.kp-cat-2 .article-list-wrapper .pagination {
    margin-left:40px;
}
.kp-cat-2 .article-list li article .entry-thumb {
    width:340px;
}

/* =========================================================
Singe page 1
============================================================ */
.entry-box {
    margin-bottom:30px;
}
.entry-box ul li,
.entry-box ol li {
    list-style:inside disc;
    margin-bottom:10px;
}
/*
.entry-box img {
    float:left;
    width:40%;
    margin-right:20px;
}
*/
.entry-box .entry-thumb,
.entry-box .entry-thumb img {
    display:block;
    width:100%;
    float:none;
}
.entry-box .entry-header {
    margin-bottom:15px;
}
.entry-box .entry-title {
    font-size:33px;
    color:#333;
    margin:15px 0 10px;
}
.kp-single-3 .entry-box .entry-title {
    margin:20px 0 10px;
}
.entry-date,
.entry-comment,
.entry-comment a,
.entry-category,
.entry-category a,
.entry-author,
.entry-author a,
.entry-tag a {
    font-size:11px;
    color:#777;
}
.entry-date span.entry-icon,
.entry-author span.entry-icon,
.entry-category span.entry-icon,
.entry-comment span.entry-icon {
    background:none;
    margin-right:5px;
    font-size:13px;
    color:#91c448;
}
.entry-comment a:hover,
.entry-category a:hover,
.entry-author a:hover,
.entry-tag a:hover {
    color:#91c448;
}
.entry-date,
.entry-author,
.entry-category {
    margin-right:15px;
}

.kp-single-1 .entry-box .article-bullet,
.kp-single-1 .entry-box .article-list-line,
.kp-single-1 .entry-box .entry-meta-box .entry-meta-icon,
.kp-single-1 .entry-box .entry-meta-box .entry-meta-circle {
    display:none;
}
.entry-box .pagination {
    text-align:center;
    margin:25px 0 20px;
}
.entry-box .pagination li a,
.entry-box .pagination li span {
    border:none;
    background:none !important;
    padding:3px 7px;
    color:#444;
}
.entry-box .pagination li a:hover {
    color:#91c448;
}
.entry-box footer .prev-post {
    float:left;
}
.entry-box footer .next-post {
    float:right;
}
.entry-box footer .prev-post a,
.entry-box footer .next-post a {
    font-size:18px;
    font-family: 'Rokkitt',serif;
    color:#91c448;
}
.entry-box footer .prev-post a:hover,
.entry-box footer .next-post a:hover {
    color:#333;
}

/*---Socials Link Container---*/
.socials-link-container {
    margin-bottom: 30px;
    margin-top: -20px;
}
.socials-link-container-loop-2 {
    margin-left: 40px;
}

/*---About Author---*/
.about-author {
    border:1px solid #ededed;
    padding:20px 20px 10px;
    margin-bottom:30px;
}
.about-author .avatar-thumb {
    display:block;
    width:75px;
    height:75px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    margin-right:15px;
    float:left;
}
.about-author .avatar-thumb img {
    width:100%;
    display:block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
.about-author .author-content {
    float:left;
    width: 100%;
}
.kp-single-4 .about-author .author-content {
    float:left;
    width:988px;
}
.kp-single-2 .about-author .author-content {
    width:598px;
}
.about-author header {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:5px;
    margin-bottom:15px;
}
.about-author header h4 {
    font-size:18px;
    color:#555;
    margin:0 15px 0 0;
    float:left;
}
.about-author header .author-name {
    color:#91c448;
    font-size:13px;
}
.about-author header .author-name:hover {
    color:#333;
}
.about-author header .social-link {
    float:right;
}
.about-author header .social-link li {
    float:left;
    margin-left:15px;
}
.about-author header .social-link li a {
    color:#666;
    font-size:14px;
}
.about-author header .social-link li.facebook-icon a:hover {
    color:#39599f;
}
.about-author header .social-link li.twitter-icon a:hover {
    color:#45b0e3;
}
.about-author header .social-link li.gplus-icon a:hover {
    color:#1872bf;
}
.about-author header .social-link li a:hover {
    color:#91c448;
}

/*---Comments List---*/
#comments {
    margin-bottom:30px;
}
#comments h3 {
    color:#444;
    margin:0 0 25px;
    text-transform:uppercase;
}
.comments-list .comment {
    margin-bottom:25px;
}
#comments .comment-avatar {
    float:left;
    margin-right:15px;
    width:60px;
}
#comments .comment-avatar img {
    display:block;
    width:100%;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
#comments .comment-body {
    border-bottom:1px solid #e8e8e8;
    float:left;
    width:720px;
}
.kp-single-4 #comments .comment-body {
    width:1045px;
}
#comments .comment-body .comment-meta {
    margin-bottom:10px;
}
#comments .comment-body .author {
    font-weight:700;
    font-size:16px;
    font-family: 'Rokkitt',serif;
    color:#333;
}
#comments .comment-body .date {
    font-size:16px;
    font-family: 'Rokkitt',serif;
    color:#666;
}
#comments .comment-body p {
    color:#777;
    margin-bottom:5px;
}
#comments .comment-body footer {
    text-align:right;
}
#comments .comment-body .comment-reply-link,
#comments .comment-body .comment-edit-link {
    display:inline-block;
}
#comments .comments-list .children {
    margin-left:60px;
}
#comments .comments-list .children .comment-body {
    width:660px;
}
.kp-single-4 #comments .comments-list .children .comment-body {
    width:985px;
}
.entry-box .kopa-comment-pagination {
    float:none;
}
.kopa-comment-pagination {
    float:right;
    margin:0;
    font-size:16px;
    font-family: 'Rokkitt',serif;
}
.kopa-comment-pagination a {	
    color:#444;
    margin-left:15px;
}
.kopa-comment-pagination a:hover {
    color:#91c448;
}
.kopa-comment-pagination .current {
    color:#91c448;
    margin-left:15px;
}

/*---Comment form---*/
#respond {
    margin-bottom:20px;
}
#respond h3 {
    color:#444;
    margin:0 0 20px;
    text-transform:uppercase;
}
#comments-form {
    margin-bottom:0;
}
#comments-form .comment-left {
    float:left;
    width:290px;
}
#comments-form .comment-right {
    float:right;
    width:475px;
}
.kp-single-4 #comments-form .comment-left {
    width:440px;
}
.kp-single-4 #comments-form .comment-right {
    width:650px;
}
#comments-form label.required {
    font-size:13px;
    color:#000;
    margin-bottom:10px;
    display:block;
}
#comments-form label.required span {
    color:#91c448;
}
#comments-form #comment_name,
#comments-form #comment_email,
#comments-form #comment_url {
    padding:0 15px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:#fbfbfb;
    border:1px solid #eee;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none !important;
    height:35px;
    line-height:35px;
    margin:0 0 5px;
}
#comments-form #comment_message {
    padding:5px 15px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:#fbfbfb;
    border:1px solid #eee;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none !important;
    margin:0 0 5px;
    height:195px;
}
#comments-form #submit-comment {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:7px 15px;
    color:#fff;
    background-color:#91c448;
    border:1px solid #91c448;
}
#comments-form #submit-comment:hover {
    background-color:#fff;
    border:1px solid #e4e4e4;
    color:#484848;
}
#comments-form #comment_name:focus,
#comments-form #comment_email:focus,
#comments-form #comment_url:focus,
#comments-form #comment_message:focus {
    border:1px solid #91c448;
}

/*---Related Article---*/
.related-article{
    margin-bottom:35px;
    overflow:hidden;
    position:relative;
}
.related-article > h3 {
    color:#444;
    margin:0 0 25px;
    text-transform:uppercase;
    border-bottom:1px solid #eee;
    position:relative;
    height:30px;
}
.related-article > h3 > span {
    background-color:#fff;
    padding:0 10px 0 0;
    position:absolute;
    bottom:-8px;
    left:0;
    display:block;
}
.related-article .entry-item {
    border:1px solid #ececec;
}
.related-article .entry-item .entry-thumb img {
    width:100%;
}
.related-article .entry-item:hover {
    border-bottom:1px solid #91c448;
}
.related-article .entry-item .entry-content {
    margin:15px 20px;
}
.related-article .entry-item .entry-content .entry-title {
    font-size:20px;
    text-transform:none;
    margin:0 0 10px;
    line-height:22px;
}
.related-article .entry-item .entry-content .entry-title a {
    color:#444;
}
.related-article .entry-item .entry-content .entry-title a:hover {
    color:#91c448;
}
.related-article .entry-item .entry-content .entry-category {
    margin-right:10px;
}

/*-----------------Carousel------------------*/
.list-carousel.responsive {
    width: auto;
    margin: 0 -15px;
}
.list-carousel > ul {
    display: block;
    height: 100%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.list-carousel ul li {
    display: block;
    float: left;
    margin: 0 15px;
    padding: 0;
    width:245px;
}
.carousel-nav {
    position:absolute;
    top:6px;
    right:0;
    height:24px;
}
.carousel-nav a {
    width:22px;
    height:22px;
    background-color:#91c448;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #91c448;
    display:inline-block;
    text-indent:-99999px;
    line-height:0;
    font-size:0;
    float:left;
    margin-left:1px;
}
.carousel-nav a:hover {
    background-color:#fbfbfb;
    border:1px solid #eee;
}
.carousel-nav .carousel-next,
.kp-our-work .carousel-nav .carousel-next:hover,
.kp-testimonial .carousel-nav .carousel-next:hover,
.pf-detail-nav .pf-detail-next:hover,
.pf-detail-nav a[rel='next']:hover{
    background-image:url(images/slider/carousel-next.png);
}
.carousel-nav .carousel-prev,
.kp-our-work .carousel-nav .carousel-prev:hover,
.kp-testimonial .carousel-nav .carousel-prev:hover,
.pf-detail-nav .pf-detail-prev:hover,
.pf-detail-nav a[rel='prev']:hover{
    background-image:url(images/slider/carousel-prev.png);
}
.carousel-nav .carousel-next:hover,
.kp-our-work .carousel-nav .carousel-next,
.kp-testimonial .carousel-nav .carousel-next,
.pf-detail-nav .pf-detail-next,
.pf-detail-nav a[rel='next']{
    background-image:url(images/slider/carousel-next-hover.png);
}
.carousel-nav .carousel-prev:hover,
.kp-our-work .carousel-nav .carousel-prev,
.kp-testimonial .carousel-nav .carousel-prev,
.pf-detail-nav .pf-detail-prev,
.pf-detail-nav a[rel='prev']{
    background-image:url(images/slider/carousel-prev-hover.png);
}
.kp-single-1 .single-line,
.kp-single-1 .single-bullet {
    display:none;
}
/* =========================================================
Singe page 2
============================================================ */
.kp-single-2 .single-wrapper {
    position:relative;
    padding-left:25px;
    margin-top:50px;
}
.single-line {
    height:100%;
    width:1px;
    background-color:#91c448;
    position:absolute;
    top:0;
    left:25px;
}
.single-bullet {
    position:absolute;
    bottom:0;
    left:22px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:7px;
    height:7px;
    background-color:#91c448;
}
.kp-single-2 .entry-box {
    position:relative;
    padding-top:20px;
}
.kp-single-2 .entry-box .entry-meta-box {
    border-bottom: 1px solid #ededed;
    display: block;
    left: -40px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    top: -24px;
    width: 100%;
    padding-left:40px;
}
.kp-single-2 .entry-box .entry-meta-box .entry-meta-box-inner {
    left: 40px;
    position: absolute;
    top: -12px;
}
.kp-single-2 .entry-box .entry-meta-box .entry-date, 
.kp-single-2 .entry-box .entry-meta-box .entry-author, 
.kp-single-2 .entry-box .entry-meta-box .entry-category, 
.kp-single-2 .entry-box .entry-meta-box .entry-comment {
    background: url("images/background/body-bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #EDEDED;
    display: inline-block;
    padding: 3px 10px 2px;
}
.kp-single-2 .entry-box .entry-meta-icon {
    background-color: #91C448;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 47px;
    left: -23px;
    line-height: 47px;
    position: absolute;
    text-align: center;
    top: -23px;
    width: 47px;
}
.kp-single-2 .entry-box .entry-meta-circle {
    background-color: #91C448;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display: block;
    height: 6px;
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px;
}
.kp-single-2 .entry-box,
.kp-single-2 .about-author,
.kp-single-2 #comments,
.kp-single-2 #respond,
.kp-single-2 .related-article {
    margin-left:40px;
}
.kp-single-2 .entry-box .entry-thumb {
    width:340px;
    float:left;
    margin-right:20px;
    margin-bottom:5px;
}
.kp-single-2 .entry-box .entry-title {
    margin:0 0 10px;
}
.kp-single-2 #comments-form .comment-left {
    width:260px;
}
.kp-single-2 #comments-form .comment-right {
    width:445px;
}
.kp-single-2 #comments .comment-body {
    width:655px;
}
.kp-single-2 #comments .comments-list .children .comment-body {
    width:595px;
}

/* =========================================================
Singe page 3
============================================================ */
.kp-single-3 .entry-box .entry-thumb {
    position:relative;
}
.kp-single-3 .entry-box #carousel img {
    margin:0;
    width:690px;
}

/* =========================================================
Home page 2
============================================================ */
#main-col .widget .widget-title {
    border-bottom:2px solid #e5e5e5;
    position:relative;
    margin:0 0 25px;
    text-transform:uppercase;
    min-height:25px;
}
#main-col .widget .widget-title span {
    border-bottom:2px solid #91c448;
    position:absolute;
    left:0;
    bottom:-2px;
    display:inline-block;
    padding-bottom:5px;
}
.featured-widget {
    position:relative;
    overflow:hidden;
}
.featured-widget .carousel-nav {
    display: none;
}

.featured-widget .list-carousel.responsive {
    width: auto;
    margin: 0 -11px;
}
.featured-widget .list-carousel ul li {
    display: block;
    float: left;
    margin: 0 11px;
    padding: 0;
    width:250px;
}
.featured-widget .pagination {
    text-align: center;
    position:absolute;
    top:28px;
    right:0;
    border-top:none;
    padding:0;
    margin:0;
}
.featured-widget .pagination a {
    background-color:#c8c8c8;
    width: 9px;
    height: 9px;
    margin: 0 0 0 5px;
    display: inline-block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.featured-widget .pagination a.selected {
    cursor: default;
    background-color:#91c448;
}
.featured-widget .pagination a span {
    display: none;
}
.kp-home-2 .carousel-nav {
    /*display:none;*/
}
.kp-home-2 .kp-our-work {
    background-color: transparent;
    border-bottom: none;
}

#main-col .widget.featured-widget .entry-content .entry-title {
    font-size:22px;
    line-height:20px;
    margin-bottom:10px;
}
#main-col .widget .entry-thumb {
    margin-bottom:15px;
    position:relative;
}

.widget-area-2,
.widget-area-3,
.widget-area-4,
.widget-area-5 {
    margin-bottom:30px;
}
.kp-home-2 .widget-area-5 {
    margin-bottom:40px;
}
.kp-home-2 .widget-area-14 .kp-our-work{
    padding-top:0;
}
.kp-home-2 .widget-area-14 .kp-our-work .carousel-nav{
    top:45px;
}
.kp-home-2 .widget-area-14 .widget .widget-title {
    font-size: 20px;
    border-bottom: 2px solid #E5E5E5;
    min-height: 25px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
}
.kp-home-2 .widget-area-14 .widget .widget-title span {
    bottom: -2px;
    display: inline-block;
    left: 0;
    padding-bottom: 5px;
    position: absolute;
    border-bottom: 2px solid #91C448;
}

.kp-home-3 .widget-area-2,
.kp-home-3 .widget-area-3,
.kp-home-3 .widget-area-4,
.kp-home-3 .widget-area-5 {
    margin-bottom:0px;
}
.widget-area-3,
.widget-area-4 {
    float:left;
    width:385px;
}
.widget-area-3 {
    margin-right:25px;
}



#main-col .widget .entry-content .entry-title {
    font-size:24px;
    line-height:24px;
    margin-bottom:10px;
}

#main-col .widget .older-post {
    margin-top:20px;
}
#main-col .widget .older-post li {
    border-top:1px solid #ececec;
    padding-top:20px;
    margin-bottom:15px
}
#main-col .widget .older-post li .entry-thumb {
    float:left;
    width:80px;
    margin-right:20px;
}
#main-col .widget .older-post li .entry-content {
    width:285px;
    float:left;
}
#main-col .widget .older-post li .entry-content .entry-title {
    margin-bottom:5px;
}
#main-col .widget .older-post li .more-link-icon {
    display:none;
}

#main-col .widget-area-5 .widget .entry-thumb {
    /* width:250px; */
    float:left;
    margin-right:25px;
    margin-bottom:0;
}
#main-col .widget-area-5 .widget ul li {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #ececec;
}

/* =========================================================
Contact page
============================================================ */
.kp-map {
    margin-bottom:30px;
}
.kp-map iframe {
    margin-bottom:15px;
}
.contact-title {
    font-size: 30px;
    margin: 0 0 20px;
}
#contact-info address p {
    margin-bottom:15px;
}
#contact-form p.input-block, 
#contact-form p.subject-block {
    position: relative;
    margin-bottom: 5px;
}
#contact_name, 
#contact_email, 
#contact_url, 
#contact_subject, 
#contact_phone {
    border: 1px solid #e4e4e4;
    height: 45px;
    line-height:45px;
    margin-top: 5px;
    padding: 0 55px 0 120px;
    width: 100%;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:0;
    background-repeat:no-repeat;
    background-position:350px 10px;
    background-color:#fff;
}

#contact_url {
    padding:0 55px 0 70px;
}

#contact-form p.textarea-block {
    position: relative;
}
#contact_message {
    border: 1px solid #e8e8e8;
    height: 150px;
    padding: 10px 20px 10px 145px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none;
    height:160px;
}
#contact_message:focus,
#contact_name:focus, 
#contact_email:focus, 
#contact_url:focus, 
#contact_subject:focus {
    outline:0;
    border:1px solid #91c448!important
}
#contact-form .contact-button {
    margin-bottom:0px;
}
#contact-form #submit-contact {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:7px 15px;
    color:#fff;
    background-color:#91c448;
    border:1px solid #91c448;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#contact-form #submit-contact:hover {
    background-color:#fff;
    border:1px solid #e4e4e4;
    color:#484848;
}

#contact-form label.required {
    color:#777;
    position:absolute;
    top:12px;
    left:15px;
    font-size:12px;
}
#contact-form p.textarea-block label.required {
    top:12px;
}

#contact-form label.error {
    color: #32a7dd;
    position: absolute;
    right: 15px;
    top: 12px;
}
#contact-form p.textarea-block label.error {
    top: 7px;
}

#response {
    margin-bottom: 20px;
    text-align: center;
    font-size:18px;
}
#response .success {
    color: #32a7dd;
    margin-top:20px;
    display:inline-block;
    *display:inline;
    zoom:1;
}
#response .failure {
    color: #32a7dd;
    margin-top:20px;
    display:inline-block;
    *display:inline;
    zoom:1;
}

#contact-info {
    font-size:18px;
    color:#3f3f3f;
    font-family: 'Rokkitt',serif;
}
#contact-info i {
    color:#91c448;
    font-size:17px;
    width:17px;
    text-align:center;
    margin-right:10px;
}
#contact-info a {
    color:#3f3f3f;
}
#contact-info a:hover {
    color:#91c448;
}

/* =========================================================
Home page 3
============================================================ */
#main-nav {
    float:left;
}
.contact-top {
    float:right;
    margin-top:18px;
}
.contact-top li {
    float:left;
    margin-left:15px;
}
.contact-top li span,
.contact-top li a {
    margin-left:5px;
    color:#8d8d8d;
    font-size:13px;
}
.contact-top li i {
    color:#91c448;
    font-size:16px;
    margin:0px 5px 0 0;
    background:none;
}
.contact-top li a:hover {
    color:#91c448;
}

.kp-home-3 .kp-tag-line {
    position:relative;
    text-align:center;
    background-color:#fff;
}
.kp-home-3 .kp-tag-line .widget-title {
    font-size:30px;
    margin:0 auto 10px;
    color:#333;
    text-transform:uppercase;
    line-height:32px;
    width:70%;	
}
.kp-home-3 .kp-tag-line p {
    color:#5b5b5b;
    font-size:16px;
    width:60%;
    margin:0 auto;
    line-height:24px;
}
/*------------------------------------------------------------------------------
Full width content widget
-------------------------------------------------------------------------------*/
.kp-home-3 .kp-full-content {
    position:relative;
    padding:30px 0;
    border-bottom:1px solid #e5e5e5;
    background-color:#fff;
}
.kp-home-3 .kp-full-content .widget-title {
    font-size:30px;
    margin:0 auto 10px;
    color:#333;
    text-transform:uppercase;
    line-height:32px;
    width:70%;	
}


.bottom-circle {
    border:1px solid #e5e5e5;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fff;
    width:15px;
    height:15px;
    bottom:-8px;
    left:50%;
    margin-left:-8px;
    display:block;
    position:absolute;
    z-index:10;
}
.bottom-bullet {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#e5e5e5;
    width:5px;
    height:5px;
    bottom:-2px;
    left:50%;
    margin-left:-2px;
    display:block;
    position:absolute;
    z-index:10;
}

.kp-our-work {
    position:relative;
    background-color:#fff;
    border-bottom:1px solid #e5e5e5;
    padding:30px 0 40px;
}
.kp-our-work .span12 {
    overflow:hidden;
}
.kp-our-work .widget-title {
    color:#333;
    font-size:30px;
    text-align:center;
    margin:0 0 80px;
    text-transform:uppercase;
}
.kp-our-work .carousel-nav {
    height:39px;
    right:50%;
    margin-right:-40px;
    top:75px;
}
.kp-our-work .carousel-nav a {
    width:37px;
    height:37px;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border:1px solid #dedede;
    background-color:#fff;
    position:relative;
    z-index:1;
}
.kp-our-work .carousel-nav a:hover {
    background-color:#91c448;
    border:1px solid #91c448;
}

.kp-our-work ul li .entry-item {
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    border-bottom:2px solid #91c448;
}
.kp-our-work ul li .entry-item .entry-content {
    margin:0 20px 20px;
}

.kp-our-experient {
    position:relative;
    border-bottom:1px solid #e5e5e5;
    background-color:#fff;
}
.kp-home-3 .widget-area-3 {
    float:left;
    border-right:1px solid #e5e5e5;
    margin-right:-1px;
    width:50%;
    padding:40px 0;
}
.kp-home-3 .widget-area-4 {
    float:left;
    border-left:1px solid #e5e5e5;
    margin-right:-1px;
    width:50%;
    padding:40px 0;
}
.kp-our-experient .widget-title {
    color:#333;
    font-size:30px;
    margin:0 0 40px;
    text-transform:uppercase;
}
.kp-our-experient .widget-area-4 .widget-title {
    margin-left:30px;
}

.kp-our-experient .entry-item {
    margin-right:30px;
    margin-bottom:20px;
}
.kp-our-experient .entry-item .entry-date {
    float:left;
    margin-right:25px;
    border:2px solid #91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:40px;
    height:70px;
    text-align:center;
    color:#91c448;
    padding:0 15px;
    position:relative;
    z-index:0;
}
.kp-our-experient .entry-item .entry-date p {
    font-size:30px;
    font-family: 'Rokkitt',serif;
    border-bottom:1px solid #91c448;
    padding-bottom:5px;
    margin:13px 0 5px 0;
}
.kp-our-experient .entry-item .entry-date strong {
    color:#91c448;
    font-size:20px;
    font-family: 'Rokkitt',serif;
}
.kp-our-experient .entry-item .entry-content {
    float:left;
    width:431px;
}
.kp-our-experient .entry-item .entry-title {
    font-size:24px;
    margin:0 0 5px;
}
.kp-our-experient .entry-item .entry-title a {
    color:#575757;	
}
.kp-our-experient .entry-item .entry-title a:hover {
    color:#91c448;
}
.kp-our-experient .entry-item .entry-meta {
    border-bottom:1px dotted #c3c3c3;
    padding-bottom:10px;
    margin-bottom:10px;
}
.widget-area-1 .entry-date,
.widget-area-10 .entry-date {
    display: none;
}
.widget-area-1 .entry-item,
.widget-area-10 .entry-item {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.widget-area-1 .entry-item:last-child,
.widget-area-10 .entry-item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.widget-area-1 .entry-item .more-link,
.widget-area-10 .entry-item .more-link{
    display:none;
}
.widget-area-1 .entry-item .entry-content p,
.widget-area-10 .entry-item .entry-content p{
    margin-bottom:0;
}
.widget-area-1 .entry-item .entry-content .entry-title,
.widget-area-10 .entry-item .entry-content .entry-title{
    margin:0;
}
.kp-home-3 .entry-date, 
.kp-home-3 .entry-comment, 
.kp-home-3 .entry-comment a, 
.kp-home-3 .entry-category, 
.kp-home-3 .entry-category a, 
.kp-home-3 .entry-author, 
.kp-home-3 .entry-author a {
    color: #acacac;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.kp-home-3 .entry-comment a:hover, 
.kp-home-3 .entry-category a:hover, 
.kp-home-3 .entry-author a:hover {
    color: #91c448;
}

.kp-client-logo {
    position:relative;
    border-bottom:1px solid #e5e5e5;
    padding:30px 0;
    background-color:#fff;
}
.kp-client-logo ul li {
    float:left;
    width:20%;
    text-align:center;
}
.kp-client-logo ul li a img {
    max-width:100%;
}
.kp-client-logo .widget-title {
    text-align:center;
    margin:0 0 30px 0;
    color:#222;
    font-size:30px;
}

.kp-testimonial {
    position:relative;
    padding:30px 0;
}
.kp-testimonial .widget-title {
    text-align:center;
    margin:0 0 70px 0;
    color:#222;
    font-size:30px;
}
.kp-testimonial .testimonial-content {
    background-color:#fff;
    border:1px solid #ebebeb;
    padding:15px 20px;
    position:relative;
    margin-bottom:50px;
}
.kp-testimonial .testimonial-content blockquote {
    border-left:none;
    margin:0;
    padding:0;
    background:none;
}
.kp-testimonial .testimonial-content .quote-icon {
    float:left;
    margin-right:10px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(images/icons/dark-quote-icon.png);
    display:block;
    width:21px;
    height:16px;
}
.kp-testimonial .testimonial-content .arrow {
    position:absolute;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(images/background/testimonial-arrow.png);
    width:26px;
    height:34px;
    bottom:-34px;
    left:25px;
}
.kp-testimonial .testimonial-author img {
    display:block;
    float:left;
    border:3px solid #fff;
    margin-right:20px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
.kp-testimonial .testimonial-author a {
    color:#91c448;
    font-family: 'Rokkitt',serif;
    font-size:16px;
    line-height:63px;
}
.kp-testimonial .testimonial-author a:hover {
    color:#222;
}
.kp-testimonial .carousel-nav {
    height: 39px;
    margin-right: -40px;
    right: 50%;
    top: 70px;
}
.kp-testimonial .carousel-nav a {
    background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    height: 37px;
    width: 37px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    z-index:0;
}
.kp-testimonial .carousel-nav a:hover {
    background-color: #91C448;
    border: 1px solid #91C448;
}

.bottom-twitter {
    background:url(images/background/shadow.png) no-repeat center bottom;
    padding-bottom:37px;
    position:relative;
}
.bottom-twitter .twitter-widget {
    background:#91c448;
    padding:15px 25px;
}
.bottom-twitter .tweet_list li {
    color:#fff;
    font-size:13px;
}
.bottom-twitter .tweet_list li .tweet_avatar {
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(images/icons/twitter-icon.png);
    width:24px;
    height:19px;
    display:block;
    float:left;
    margin-right:20px;
}
.bottom-twitter .tweet_list li .tweet_avatar img {
    display:none;
}
.bottom-twitter .tweet_list li .tweet_time {
    display:none;
}
.bottom-twitter .tweet_list li a,
.bottom-twitter .tweet_list li span.at {
    color:#434343;
    font-size:12px;
    font-style:italic;
}
.bottom-twitter .tweet_list li a:hover {
    color:#fff;
}

/* =========================================================
About page
============================================================ */
.about-list-container {
    background:url(images/background/shadow-2.png) no-repeat center top #91c448;
    padding:20px 0;
}
.about-list-container h2 {
    color:#fff;
    font-size:30px;
    float:left;
    margin-right:30px;
}
.about-tabs li {
    float:left;
    margin-right:20px;
}
.about-tabs li a {
    width:45px;
    height:45px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fff;
    color:#bebebe;
    display:block;
    text-align:center;
    line-height:45px;
    font-size:26px;
    position:relative;
    z-index:0;
}
.about-tabs li.active a,
.about-tabs li a:hover {
    color:#91c448;
}

.about-tab-container {
    padding:40px 0 0;
}
.about-intro,
.about-skill {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:20px;
    position:relative;
    margin-top:30px;
}
.about-intro h2,
.about-skill h2 {
    text-align:center;
    font-size:30px;
    color:#555;
    text-transform:uppercase;
    margin:0 0 25px;
}
.about-intro p {
    margin-bottom:20px;
    color:#6f6f6f;
}
.about-skill-intro {
    margin:0 auto 30px;
    width:40%;
    text-align:center;
}
.kp-about-page .kp-our-work {
    padding:0;
    margin-bottom:40px;
    border-bottom:none;
}
.kp-about-page .kp-our-work .carousel-nav {
    top:42px;
}

.kp-about-page .kp-client-logo {
    border-bottom: none;
    padding: 0px 0 30px;
}

.about-team {
    margin:40px 0 0px;
}
.about-team article {
    text-align:center;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    border-bottom:2px solid #91c448;
}
.about-team article img {
    display:block;
    width:100%;
    margin-bottom:15px;
}
.about-team article .team-content header {
    border-bottom:1px solid #ececec;
    padding-bottom:10px;
    margin-bottom:15px;
}
.about-team article .team-content h2 {
    text-transform:uppercase;
    color:#555;
    font-size:24px;
    margin:0;
    line-height:24px;
}
.about-team article .team-content p {
    margin:0 20px 15px;
}
.about-team article .socials-link {
    float:none;
    display:inline-block;
    margin:0 0 20px;
}
.about-team article .socials-link li {
    margin:0 0 0 10px;
}
.about-team article .socials-link li:first-child {
    margin-left:10px;
}

.about-list-container .tooltip-inner {
    color: #555;
    font-size:18px;
    background-color: #fff;
    box-shadow:0 1px 1px rgba(224,224,224,.75);
    -moz-box-shadow:0 1px 1px rgba(224,224,224,.75);
    -webkit-box-shadow:0 1px 1px rgba(224,224,224,.75);
    font-family: 'Rokkitt',serif;
    padding:5px 20px;
    position:relative;
    z-index:0;
}

.about-list-container .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
}
.about-list-container .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* =========================================================
Portfolio detail page
============================================================ */
.more-pf-box {
    margin-top:15px;
    margin-bottom: 20px;
}
.more-pf-box h3 {
    font-size:24px;
    color:#444;
    text-transform:uppercase;
    margin:0 0 20px;
}
.portfolio-detail .pf-detail-item {
    position:relative;
}
.pf-detail-nav {
    position:absolute;
    top:-4px;
    right:0px;
}
.pf-detail-nav a {
    width:23px;
    height:23px;
    border:1px solid #DEDEDE;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display:inline-block;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    text-align:center;
    line-height:22px;
    color:#fff;
    position:relative;
    z-index:1;
}
.pf-detail-nav a:hover {
    border:1px solid #91c448;
    background-color:#91c448;
}
.portfolio-detail .pf-detail-item h3 {
    border-bottom:1px solid #eaeaea;
    padding-bottom:2px;
    margin:0 0 25px;
}
.portfolio-detail .entry-meta-box {
    float:left;
    width:195px;
    margin-right:25px;
}
.portfolio-detail .entry-meta-box .entry-meta li {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #d6d6d6;
}
.portfolio-detail .entry-meta-box .socials-link {
    float:none;
    margin:20px 0 0;
}


.portfolio-detail .pf-detail-content {
    float:left;
    width:575px;
}
.portfolio-detail .pf-detail-content .pf-thumb {
    margin-bottom:25px;
}
.portfolio-detail .pf-detail-content .pf-thumb img {
    display:block;
    width:100%;
}
.portfolio-detail .pf-detail-content .pf-thumb audio {
    display:block;
    width:100%;
    height:28px;
}
.pf-box li {
    position:relative;
    width:248px;
    margin-left:25px;
    float:left;
}
.pf-box li:first-child {
    margin-left:0;
}

li.portfolio-box-space{
    width: 100% !important;
    height: 20px;      
}

li.portfolio-box-position-1{
    margin-left: 0px;
}
li.portfolio-box-position-3{
    margin-right: 0px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;    
}


.video-wrapper iframe,
.video-wrapper object,
.video-wrapper video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* =========================================================
Blog page style 3
============================================================ */
.entry-meta-column {
    display:none;
}
.kp-cat-3 .entry-meta-column {
    display:block;
    float:left;
    margin-right:25px;
    width:105px;
}
.kp-cat-3.two-sidebar .entry-meta-column {
    width:80px;
}
.kp-cat-3 .entry-item {
    float:left;
    width:665px;
}
.kp-cat-3.two-sidebar .entry-item {
    width:465px;
}

.kp-cat-3 .entry-meta-column p {
    width:105px;
    height:105px;
    text-align:center;
    line-height:105px;
    color:#fff;
    background-color:#91c448;
    font-size:46px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
.kp-cat-3.two-sidebar .entry-meta-column p {
    width:80px;
    height:80px;
    line-height:80px;
    font-size:36px;
}
.kp-cat-3 .entry-meta-column a,
.kp-cat-3 .entry-meta-column span {
    display:block;
    text-align:center;
}
.kp-cat-3 .entry-meta-column a {
    font-size:16px;
    color:#91c448;
}
.kp-cat-3 .entry-meta-column a:hover {
    color:#666;
}
.article-list li article .entry-thumb audio {
    width:100%;
    height:28px;
}

/* =========================================================
404 Page
============================================================ */
.error-404{
    margin:20px 10% 50px;
}
.error-404 .left-col{
    width:41%;
    float:left;
    margin:0 2%;
}
.error-404 .left-col p{
    font-size:120px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    color:#91c448;
    line-height:100px;
    text-align:right;
}
.error-404 .right-col{
    width:50%;
    float:left;
    margin:0 2%;
}
.error-404 .right-col h1{
    margin-bottom:10px;
    font-size:29px;
    color:#91c448;
    margin-top:0;
}
.error-404 .right-col a {
    color:#91c448;
}
.error-404 .right-col a:hover {
    color:#666;
}
.kopa-pagelink{
    margin-top:20px;
    margin-bottom:20px;
}
.kopa-pagelink a{	
    color:#91c448;
    text-decoration:underline;
    font-weight:700;
    padding-right:15px;
}

/* =========================================================
        Columns
============================================================ */
.kopa-one-two {
    float:left;
    margin-right:3%;
    width:48%;
}
.kopa-one-third {
    float:left;
    margin-right:2%;
    width:32%;
}
.kopa-two-third {
    float:left;
    margin-right:2%;
    width:66%;
}
.kopa-one-fourth {
    float:left;
    margin-right:2%;
    width:23.5%;
}
.kopa-three-fourth {
    float:left;
    margin-right:2%;
    width:74.5%;
}

.kopa-one-two.last,
.kopa-one-third.last,
.kopa-two-third.last,
.kopa-one-fourth.last,
.kopa-three-fourth.last{
    margin-right:0 !important;
}



body.logged-in #comments-form .comment-right,
body.logged-in #comment_message{
    margin: 0px !important;
    width: 100%;
}


.wp-caption{
    max-width: 100%;
}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*=================Calenadar============================*/
#wp-calendar {width: 100%; background:#EBF5FB; }
#wp-calendar caption { border-top:1px dotted #3F89E2; text-align: right; font-weight:bold; color: #333; font-size: 12px;  padding:10px 10px 0 0; padding-bottom: 15px;  background:#EBF5FB;}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 0px; }
#wp-calendar thead th {padding-bottom: 10px; text-align: center;}

#bottom-sidebar #wp-calendar {width: 100%; background:#333; }
#bottom-sidebar #wp-calendar caption { border-top:1px dashed #555; text-align: right; font-weight:bold; color: #999; font-size: 12px;  padding:10px 10px 0 0; padding-bottom: 15px;  background:#555;}

#bottom-sidebar #wp-calendar tbody { color: #999; }
#bottom-sidebar #wp-calendar tbody td { background: #333; border: 1px solid #888; text-align: center; padding:8px;}
#bottom-sidebar #wp-calendar tbody td:hover { background: #666; }
/*revolution slider*/
.rev_slider_wrapper{
    background:url("images/slider/shadow.png") no-repeat scroll center 0 rgba(245, 245, 245, 0.77) !important;
}

/*=================Default Widget===================*/
.widget-area-2 .widget,
.widget-area-3 .widget,
.widget-area-4 .widget,
.widget-area-5 .widget {
    margin-bottom:35px;
}
.kp-home-3 .widget-area-2 .widget,
.kp-home-3 .widget-area-3 .widget,
.kp-home-3 .widget-area-4 .widget,
.kp-home-3 .widget-area-5 .widget {
    margin-bottom:0px;
}
#bottom-sidebar .widget {
    margin-bottom:30px;
}
.widget-area-2 .widget_archive ul li,
.widget-area-2 .widget_categories ul li,
.widget-area-2 .widget_recent_comments ul li,
.widget-area-2 .widget_recent_entries ul li,
.widget-area-2 .widget_rss ul li,
.widget-area-2 .widget_pages ul li,
.widget-area-2 .widget_meta ul li,
.widget-area-2 .widget_nav_menu ul li,
.widget-area-3 .widget_archive ul li,
.widget-area-3 .widget_categories ul li,
.widget-area-3 .widget_recent_comments ul li,
.widget-area-3 .widget_recent_entries ul li,
.widget-area-3 .widget_rss ul li,
.widget-area-3 .widget_pages ul li,
.widget-area-3 .widget_meta ul li,
.widget-area-3 .widget_nav_menu ul li,
.widget-area-4 .widget_archive ul li,
.widget-area-4 .widget_categories ul li,
.widget-area-4 .widget_recent_comments ul li,
.widget-area-4 .widget_recent_entries ul li,
.widget-area-4 .widget_rss ul li,
.widget-area-4 .widget_pages ul li,
.widget-area-4 .widget_meta ul li,
.widget-area-4 .widget_nav_menu ul li,
.widget-area-5 .widget_archive ul li,
.widget-area-5 .widget_categories ul li,
.widget-area-5 .widget_recent_comments ul li,
.widget-area-5 .widget_recent_entries ul li,
.widget-area-5 .widget_rss ul li,
.widget-area-5 .widget_pages ul li,
.widget-area-5 .widget_meta ul li,
.widget-area-5 .widget_nav_menu ul li {
    border-bottom:1px solid #ECECEC;
    margin-bottom:15px;
    padding-bottom:15px;
}


.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}


#main-col .elements-box ul,
#main-col .post ul { 
    margin-left:0em; 
    padding-left:0px;   
    margin-bottom:10px;        
}
#main-col .elements-box ul li,
#main-col .post ul li {   
    padding-left:0px;
    list-style: square inside none;
}

#main-col .elements-box ul ul li,
#main-col .post ul ul li { 
    list-style: circle inside none;
}

#main-col .elements-box ol,
#main-col .post ol{
    margin-bottom: 10px;
    list-style: decimal inside none;
}

#main-col .elements-box ol li,
#main-col .elements-box ul li,
#main-col .post ol li, 
#main-col .post ul li { 
    margin-bottom:5px;
}

#main-col .elements-box ol,
#main-col .elements-box ol li,
#main-col .post ol,
#main-col .post ol li{     
    padding-left:0px; 
    list-style: decimal inside none;
}

#main-col .elements-box ol ol li,
#main-col .post ol ol li {         
    list-style: lower-latin inside none;
}


.flex-direction-nav,
.flex-direction-nav > li{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    list-style: none !important;    
}

/* =========================================================
UPDATE TO GPL LICENCE 04/04/2014
@by: thang.tran@kopasoft.com
============================================================ */
li.staffs.type-staffs.hentry .entry-thumb img,
li.testimonials.type-testimonials.hentry .entry-thumb img,
li.services.type-services.hentry .entry-thumb img,
li.post.type-post.hentry .entry-thumb img,
.widget.kopa_widget_articlelist_large_thumbnail .entry-thumb img,
.widget.kopa_widget_articlelist_small_thumbnail .entry-thumb img,
.widget.kp-our-work   .entry-thumb img,
.widget.featured-widget  .entry-thumb img,
.more-pf-box article img,
.latest-gallery-img  img,
.older-gallery-img .hover-effect img,
.more-gallery-img .hover-effect img{
    width: 100%;
    max-width: 100%;
    height: auto !important;
}


/*
 * --------------------------------------------------
 * VIDEO WRAPPER
 * --------------------------------------------------
 */

.wp-video,
.mejs-overlay{
    width: 100% !important;
    position: relative !important;
    padding-bottom: 56.25% !important;
    padding-top: 0px !important;
    height: 0 !important; 
}
.wp-video-shortcode{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


.kopa-header-text{
    font-size: 24px;
}

#main-content #main-col .single-wrapper img,
#main-content #main-col .elements-box img{
    max-width: 100% !important;
    height: auto;
}

.widget_tag_cloud a {
	font-size:100% !important;
}