/*
-------------------------------------------------------------------
Theme Name: Kodium
Theme URI: http://themes.themewaves.com/kodium
Description: Themewaves Framework
Author: ThemeWaves
Author URI: http://www.themewaves.com
Version: 1.0.0
Text Domain: kodium
Domain Path: /languages
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, theme-options, sticky-post, post-formats, flexible-header, featured-images, custom-menu, four-columns, three-columns, two-columns, one-column
*/


/*------------------------------------------------------------------

[Table of contents]

1. Base / Typography / Body / Links forms
2. Wordpress Core
3. Header
4. Menu SF / Menu Customize / Mega Menu /
5. Page Title / Breadcrumb /
6. Footer /
7. Blog Single / Post Share / Social Icons / jp Player / Comments
8. Elements / Button / Label / Dropcaps
9. Error 404 / Boxed and Fullwidth Styles
10. Scroll Up Style / BG Video
11. ThemeWaves Page Builder CSS Start
12. Page Builder Elements START
        Accordion
        Carousels
        Pagination
        Post Carousel
        Portfolio
        Cirlce Chart
        Separator
        Heading
        List
        Message Box
        Pricing Box
        Progress Bar
        IconBox
        Tab
        Team
        Testimonial
13. Blog
        Thumb Hover
        Blog Styles
        Grid Blog
        Filter
        Post Formats
        Pagination
14. Dark Style (Container style Dark)
15. Margin & Helper Classes
16. Other Helpful CSS
        Map
        Infinite Scroll
        CF7 (Contact Form 7)
        Sidebar
        Loader Style
        
-------------------------------------------------------------------*/


/* Theme kodium Theme Styling Start */

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

/* ------------ BASE ------------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
::selection {
    background: #111;
    color: #ffffff;
}
::-moz-selection {
    background: #111;
    color: #ffffff;
}
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
ul {
    margin: 0;
    list-style: none;
}
li,dl{
    line-height: 1.9;
}
p {
    margin: 0 0 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
embed, img {
    max-width: 100%;
    height: auto;
    border: none;
}    
iframe{
    width: 100%;
    max-width: 100%;
    border: none;
} 
a:hover {
    text-decoration: none;
}

/* Typography */

body {
    overflow-x: hidden;
    color: #737980;
    background: #fff;
    font-family: "Oswald", Helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: 0.06em;
    line-height: 1.7;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #292e33;
    font-family: "Oswald", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
.highlight { 
    color: #ffc600;
}
p img {
    margin: 0;
}
em,
cite{
    font-style: normal;
    text-transform: capitalize;
    color: #999;
}
strong {
    font-weight: 500;
}
small {
    font-size: 80%;
}
hr {
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}
pre {
    overflow-x:auto;
    margin: 0 0 20px 0;
    padding: 10px 20px;
    height: auto;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
    font-family: Consolas, monospace;
}
.hidden {  display: none !important; }
.kodium-invisible-column>.wpb_wrapper{opacity: 0 !important;}
dt{
    font-weight: 400;
}
dl dd{
    margin-left: 15px;
}

/* 02. Links and Form */
a{
    outline: 0;
    color: #374040;
    text-decoration: none;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
a:hover,
a:focus {
    outline: 0;
    color: #888;
    text-decoration: none;
}
ul,
ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol,
ul { margin-left: 10px; }
ol { list-style: decimal; }
ul { list-style: square outside; }
aside ul{ margin: 0;padding: 0; list-style: none;}
aside ul li ul{margin-top: 0; margin-left: 15px;}
ul li ul,
ol li ul,
ol li ul,
ol li ol { margin-bottom: 0; margin-left: 5px; }
form,
fieldset { margin-bottom: 20px; }
input,
input[type="tel"],
input[type="date"],
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    resize: none;
    display: block;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 15px;    
    width: 230px;
    outline: none; 
    line-height: 1.4;
    background: #fff;
    border: solid 1px rgba(0,0,0,.08);
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}
textarea { width: 100%; }
select {
    padding: 5px 16px;
    width: 220px;
    height: 40px;
}
label,
legend {
    display: block;
    cursor: pointer;
}
label span,
legend span { font-weight: bold; }

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #374040;
    display: inline-block;
    padding: 18px 30px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    width: auto;
    border-radius: 0;
    font-family: 'Oswald';
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.error404-container > a.btn:hover{
    background: #61c2c2;
    color: #ffffff;
}
textarea:focus,
input:focus{
    border-color: #111;

}
::-webkit-input-placeholder {
    color: #999;
    line-height: 1.4;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
    line-height: 1.4;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #999;
    line-height: 1.4;
}
:-ms-input-placeholder {  
    color: #999;
    line-height: 1.4;
}


/* ------------ Table Styling --------------- */
table {
    border-collapse: collapse;
    border: 1px solid #e6e6e6;
    margin-bottom: 1.5em;
}
td, th {
    line-height: 1;
    color: #111;
    padding: 13px;
    border-top: 1px solid #e6e6e6;
}
th{
    vertical-align: top;
}
th {
    font-weight: normal;
}

/* ------------ Hover Transitions --------------- */
input[type="submit"],
.kodium-menu,
a.btn,
.tagcloud a,
.entry-title a,
.image-overlay,
.recent-thumb i,
.kodium-pagination a,
div.kodium-social-icon a{
    -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;
}
ul.sf-menu > li a:before,
aside.widget a:hover:after,
.next-post-link a:after,
.prev-post-link a:after,
.addresswidget .kodium-address a:after,
.footer-menu ul li a:after,
.kodium-filters ul li a:hover:after,
.kodium-pagination ul li > a:hover:after,
.kodium-pagination.kodium-meta div a:hover:after{
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    transition: width .3s ease-out;
}


/* ------------ Wordpress Core ------------- */
.alignnone {
    margin: 5px 20px 10px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption {
    max-width: 100%; /* Image does not overflow the content area */
}

.wp-caption.alignnone {
    margin: 43px 20px 28px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    text-align: right;
}

.wp-caption.aligncenter{
    margin: 25px auto 20px auto;
    text-align: center;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    border: 0 none;
}

.gallery-caption,
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 10px 0 0;
    font-size: 13px;
    line-height: 23px;
    color: #b2b2b2;
}

/* WP Default Gallery */

.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: -15px;
    padding: 23px 0 28px;
}
.gallery .gallery-row {
    display:block;
    clear: both;
    overflow: hidden;
    margin: 0;
}
.gallery .gallery-item {
    overflow: hidden;
    float: left;
    list-style: none;
    padding: 15px;
    margin: 0;
}
a[rel^="prettyPhoto"],
.gallery .gallery-item a {
    display: inline-block;
    position: relative;
}
.gallery .gallery-item a:hover .image-overlay {
    opacity: 1;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    margin: 0;
}
.gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
    width: 16.6%;
}

/* kodium Vertical Align Middle */
.kodium-middle:before{content: '';height: 100%;min-height: 100%;display: inline-block;vertical-align: middle;}
.kodium-middle>*{vertical-align: middle;display: inline-block;}

/* Logo */
.kodium-logo{
    margin-right: auto;
}
h1.site-name {
    font-size: 17px;
    line-height: 1;
    margin-bottom: 0;
}

/* Header */
body.header-small .kodium-menu-container{
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    transition: none;
    border-bottom: 1px solid rgba(0,0,0,.08);
    background: #2c3333;
}

.admin-bar.header-small .kodium-menu-container{
    top: 32px;
}
@media screen and (max-width: 782px){
    .admin-bar.header-small .kodium-menu-container{
        top: 46px;
    }
}

/* ----------- Header --------- */
.kodium-header{
    background: #2c3333;
}
/* ----------- Main Menu --------- */
body.show-mobile-menu{
    overflow: hidden;
}
.kodium-menu-container{
    position: absolute;
    width: 100%;
    z-index: 999;
    min-height: 140px;
    transition: margin 0.2s ease-in;
    display: flex;
    align-items: center;
}
.kodium-menu-container > div{
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}
.header-clone{
    height: 140px;
}
.kodium-menu{
    position: relative;
    padding: 0 20px;
    line-height: 0;
}
.kodium-mobile-menu{
    display: none;
}
.kodium-mobile-menu > i{
    font-size: 24px;
}
.tw-mobile-menu{
    right: auto;
    left: -400px;
    overflow-y: auto;
    background-color: #2c3333;
    position: fixed;
    height: 100%;
    width: 320px;
    z-index: 100000;
    -webkit-transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
    -ms-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    transition: left 0.4s ease;
    max-width: 80%;
}
.tw-mobile-menu > nav ul{
    list-style: none;
    margin: 0;
}
.tw-mobile-menu > nav > ul{
    padding-top: 40px;
}
.tw-mobile-menu>nav ul li{
    padding: 5px 0;
}
.tw-mobile-menu>nav {
    max-height: 100%;
}
.tw-mobile-menu>nav ul li a{
    color: rgba(255,255,255,0.4);
}
.tw-mobile-menu>nav ul li a:hover,
.tw-mobile-menu>nav ul li.current_page_item a{
    color: #fff;
}

.tw-mobile-menu-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s linear;
}
.show-mobile-menu .tw-mobile-menu-overlay{
    visibility: visible;
    opacity: 0.3;
}
/* ------------ Menu SF Essentials ------------- */
.sf-menu{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    display: inline-block;
}
.sf-menu li {
    display: block;
    position: relative;
}
.sf-menu li a,
.sf-menu li a:hover{
    text-decoration: none;
}
.sf-menu ul {
    position: absolute;
    min-width: 210px;
    top: 100%;
    left: -40px;
    text-align: left;
    z-index: 99;
    display: none;
    margin-left: 0;
}
.sf-menu > li {
    float: left;
    line-height: 1;
    padding: 40px 0;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    z-index: 9999;
    display: block;    
}
.sf-menu ul ul {
    top: 0;
    left: 100% !important;
}


/* ThemeWaves Menu Styling*/
ul.sf-menu > li:before{
    content: '';
    height: 100%;
    min-height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.sf-menu > li ul{
    padding: 30px 20px 30px 40px;
    background: #fff;
}
ul.sf-menu > li > a{
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
    vertical-align: middle;
    color: rgba(255,255,255,.4);
    text-transform: uppercase;
    font-weight: 400;
}
ul.sf-menu > li a:hover{
    color: #fff;
}
ul.sf-menu > li a:before{
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    top: 50%;
    background-color: #61c2c2;
    visibility: hidden;
}
ul.sf-menu > li a:hover:before,
ul.sf-menu > li.current_page_item a:before{
    visibility: visible;
    width: 100%;
}
ul.sf-menu ul li > a{
    z-index: 1;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1;
    padding-right: 20px;
}
ul.sf-menu li ul li[class*="fa-"] a,
ul.sf-menu li ul li[class*="icon-"] a {
    padding: 12px 0 12px 50px;
}
.sf-menu li:before{
    display: none;
    color: #262626;
}
.sf-menu ul li:before{
    display: block;
    text-align: center;
    position: absolute;
    top: 17px;
    width: 14px;
    height: 14px;
    text-align: center;
    left: 25px;
    font-size: 14px;
    line-height: 14px;
    z-index: 9;
    -webkit-font-smoothing: antialiased;
}
.sf-menu ul [class^="icon-"]:before, .sf-menu ul [class*=" icon-"]:before {
    font-family: Simple-Line-Icons;
}
.sf-menu ul [class^="fa-"]:before, .sf-menu ul [class*=" fa-"]:before{
    font-family: FontAwesome;
}

/* ------------ Sub Menu--------------- */
ul.sf-menu li ul.kodium-mega-menu > li > ul,
ul.sf-menu li ul.kodium-mega-menu > li > div{
    border-color: #3d3d3d;
}
ul.sf-menu li ul li a{
    color: rgba(55,64,64,.6);
}
ul.sf-menu li ul li a:hover{
    color: rgb(55,64,64);
}

/* ----------- Header Menu --------- */
.header-menu{
    margin-top: 5px;
    font-size: 11px;
}
.header-menu ul.sf-menu > li > a{
    margin: 0 20px 0 0;
    color: #151515
}
.header-menu ul.sf-menu > li:last-child > a{
    margin-right: 0;
}

/* ------------ Header Socials ----------- */
.header-socials{
    font-size: 14px;
    margin-top: 18px;
    text-align: right;
}
.header-socials > a{
    margin-left: 18px;
}

/* ------------ Menu sidebar btn ----------- */
.search-btn{
    font-size: 18px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    color: rgba(255,255,255,.4);
}

/* ------------ Menu search form ----------- */
body.search-box-opened.admin-bar .search-box{
    bottom: -32px;
}
.search-box{
    background: #fff;
    visibility: visible;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    bottom: 100%;
    transition: bottom 0.4s ease-out;
}
body.search-box-opened .search-box{
    bottom: 0;
}
.search-box .kodium-logo{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-box .search-form{
    padding: 45px 0;
    border-bottom: 1px solid rgba(55,64,64,.1);
}
.search-box .search-form form{
    margin-bottom: 0;
}
.search-box .search-form input{
    border-left: 1px solid #61c2c2;
    border-bottom: 0;
    width: 80%;
    display: inline-block;
    font-size: 25px;
    color: #374040;
    font-weight: 200;
    padding: 6px 20px;
}
.search-box .search-form .btn{
    font-size: 14px;
    letter-spacing: 0.12em;
    padding: 15px 30px; 
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    transition: background 0.4s ease;
    position: absolute;
    top: 0;
}
.search-box .close-search{
    font-size: 54px;
    color: #374040;
    position: absolute;
    top: 10px;
    right: 30px;
    line-height: 1;
    cursor: pointer;
}

/* ----------- kodium Container --------- */
.kodium-sidebar,
.content-area{
    padding-top: 100px;
    padding-bottom: 100px;
}
.page-title-container + .content-area,
.page-title-container + .content-area + .kodium-sidebar{
    padding-top: 0;
}
body.no-padding .kodium-sidebar,
body.no-padding .content-area{
    padding-top: 0;
    padding-bottom: 0;
}
.comments-open .kodium-sidebar,
.comments-open .content-area{
    padding-bottom: 0;
}
.kodium-sidebar:first-child > .sidebar-inner{
    margin-right: 30px;
}
.kodium-sidebar:last-child > .sidebar-inner{
    margin-left: 30px;
}

/* Theme Boxed Layout Style*/
.theme-boxed #theme-layout{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1230px;
    max-width: 100%;
}
.theme-boxed .header-inner{
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    transition: background 0.4s ease;
}
.theme-boxed .fixed-footer, 
.theme-boxed.header-small .header-inner{
    width: 1230px;
    left: auto;
    right: auto;
    max-width: 100%;
}
.ie8 .theme-boxed.header-small .header-inner,
.ie8 .theme-boxed{
    width: 1000px;
}

/* ------------ Error 404 ------------- */
.error404-container{
    position: relative;    
    margin: 80px 0 100px;
    text-align: center;
}
h1.error404{
    font-family: inherit;
    font-weight: 900;
    font-size: 200px;
    line-height: 1;
    color: #e5e5e5;
    margin-bottom: 30px;
}
.error404-container h3{
    font-size: 30px;
    color: #333;
}
.error-msg{
    font-size: 14px;
    line-height: 20px;
    max-width: 300px;
    color: #333;
    margin: 0 auto;
}
.error404-container .searchform{
    max-width: 360px;
    margin: 25px auto;
}
.error404-container > a.btn{
    margin-top: 40px;
}

/* ------------- Search Page ------------ */
.kodium-search > article{
    padding-bottom: 55px;
    margin-bottom: 55px;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
.kodium-search .entry-title{
    margin-bottom: 30px;
}
.search-meta .categories span:last-child,
.kodium-search .entry-content > .more-link{
    display: none;
}
.search-meta{
    font-family: 'Oswald';
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 30px;
    color: #292e33;
}
.search-meta > span{
    margin-right: 40px;
}
.search-meta > .read-more{
    float: right;
    color: #737980;
}
.search-meta > span > span{
    color: #737980;
    margin-right: 3px;
}
.kodium-search .kodium-pagination{
    margin-left: 0;
}

/* ---------- Search Not Found ---------- */
.search-notfound{
    margin: 80px 0;
}
.search-notfound h3{
    margin-bottom: 60px;
    font-size: 20px;
    text-align: center;
    padding: 0 70px;
}
.search-notfound .searchform{
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 400px;
}
/* Sticky Post */
.content-area article.sticky .entry-post:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 40px;
    top: 0;
    right: 60px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40" width="20" fill="#ffb60a"><path d="M0 0 L20 0 L20 40 L10 30 L0 40 Z" /></svg>');
}
/* ------------- Default page ----------- */
.content-area.col-md-8:not(.without-sidebar) .page-content{
    margin-right: 15px;
}
.page-content .entry-title{
    font-size: 30px;
    line-height: 40px;
    margin-top: 3px;
    margin-bottom: 21px;
    text-transform: uppercase;
}
.page-content .page-image{
    margin-bottom: 33px;
}

/* -------------- Blog page ------------- */
.content-area.without-sidebar{
    float: none;
    margin: 0 auto;
    border-right: none;
}

/* Blog */
.kodium-blog > article{
    position: relative;
    margin-bottom: 60px;
}
.kodium-blog:not(article.without-media){
    min-height: 723px;
}
.kodium-blog .entry-post{
    position: relative;
    padding-left: 70px;
}
.kodium-blog .entry-content{
    padding-left: 60px;
}
.kodium-blog .more-link .btn{
    background: #374040;
    color: #ffffff;
    letter-spacing: 0.12em;
    font-size: 13px;
}
.kodium-blog .more-link .btn:hover{
    background: #61c2c2;
    color: #ffffff;
}
.entry-media{
    position: relative;
    text-align: center;
    margin-bottom: -1px;
    z-index: 0;
}
.entry-media p{
    margin-bottom: 0;
}
.kodium-thumbnail{
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
}
.blog-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #374040;
    opacity: .4;
}
.entry-categories{
    font-size: 17px;
    color: #374040;
    opacity: 0.5;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 13px;
}

.entry-categories span:last-child{
    display: none;
}

.entry-title{
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 12px;
}
.entry-title a{
    color: inherit;
}
.entry-title a:hover{
    opacity: 0.8;
}
.entry-content p:last-child{
    margin-bottom: 0;
}
.entry-content p.more-link{
    margin: 35px 0 3px;
}

.kodium-blog > article .image-overlay{
    background: transparent;
}
.comment-section.col-md-8.without-sidebar{
    margin: 0 auto;
    float: none;
}

/* List Blog */
.blog-list article.post .entry-media{
    position: absolute;
    width: 240px;
}
.blog-list article.post .entry-post{
    margin-left: 270px;
    min-height: 135px;
}
.blog-list .without-media.post .entry-post{
    margin-left: 0;
}

/* Grid Blog */
.blog-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog-grid article.post:not(:first-child){
    width: 50%;
    max-width: 370px;
}

.blog-carousel .swiper-pagination{
    position: absolute;
    bottom: 20px;
}
.blog-carousel .swiper-pagination span{
    background: none;
    color: rgba(255,255,255,.5);
    font-size: 13px;
    margin: 0 8px;
    width: 10px;
    border-radius: 0;
    opacity: 1;
}
.blog-carousel .swiper-pagination span.swiper-pagination-bullet-active{
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #61c2c2;
}
.blog-carousel .swiper-button-next,
.blog-carousel .swiper-button-prev{
    font-size: 14px;
    width: auto;
    height: auto;
    right: 40px;
    bottom: 27px;
    top: auto;
}
.blog-carousel .swiper-button-prev{
    left: 40px;
    right: auto;
}
/* Post format icons */
article.format-quote blockquote,
article.format-link > div{
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 60px;
    background-color: #e5e5e5;
    background-size: cover;
    background-position: center center;
}
article.format-quote blockquote .quote-author,
article.format-link .link-url{
    margin-top: 20px;
    display: flex;
    align-items: center;
}
article.format-quote blockquote .quote-author i,
article.format-link .link-url i{
    font-size: 24px;
    margin-right: 12px;
    color: #61c2c2;
}
/* Gallery post format */
.gallery-item {
    float: left;
    width: 33.3%;
}
.swiper-button-next, 
.swiper-button-prev{
    background-image: none;
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: #fff;
    margin-top: -24px;
}
.swiper-button-prev{
    left: 22px;
}
.swiper-button-next{
    right: 22px;
}

/* Chat Posts */
.format-chat .entry-content p:not(.more-link){
    background: #f2f2f2;
    border-left: 2px solid #111;
    padding-bottom: 2px;
    padding-left: 13px;
    margin: 0;
}
.format-chat .entry-content p:nth-child(odd) {
    background: #fcfcfc;
    border-left-color: #f2f2f2;
}

/* Blockquote */
.entry-content blockquote{
    margin: 47px 50px;
    font-size: 15px;
    color: #374040;
    max-width: 700px;
    padding: 10px;
    position: relative;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
}

.entry-content blockquote > p{
    display: inline-block;
    margin-bottom: 0;
}
.entry-content blockquote cite{
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
    color: #333;
    font-size: 12px;
}

/* Pagination */
.kodium-pagination ul{
    list-style: none;
    padding: 0;
    margin: 60px 0 100px 0;
    text-align: center;
}
.kodium-pagination ul li{
    display: inline-block;
    margin-right: 20px;    
}
.kodium-pagination ul li > a,
.kodium-pagination ul li > span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 52px;
    color: #374040;
    font-size: 12px;
    position: relative;
}
.kodium-pagination ul li > a:hover:after{
    width: 100%;
}
.kodium-pagination ul li > a:after,
.kodium-pagination ul li > span:after{
    content: '';
    width: 0;
    height: 2px;
    background: #61c2c2;
    position: absolute;
    left: 0;
    bottom: 0;
}
.kodium-pagination ul li > span:after{
    width: 100%;
}
.kodium-pagination ul li > a.prev,
.kodium-pagination ul li > a.next{
    width: auto;
    padding: 0 20px;
}
.kodium-pagination i{
    font-size: 11px;
}

.kodium-pagination.kodium-meta{
    margin: 0;
}
.kodium-pagination.kodium-meta div{
    display: inline-block;
}
.kodium-pagination.kodium-meta .older{
    float: right;
}
.kodium-pagination.kodium-meta div a{
    color: #374040;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 15px 30px 15px 15px;
    position: relative;
}
.kodium-pagination.kodium-meta .older a{
    padding: 15px 15px 15px 30px;
}
.kodium-pagination.kodium-meta div i{
    font-size: 11px;
    padding: 0 15px;
}
.kodium-pagination.kodium-meta div a:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #61c2c2;
}
.kodium-pagination.kodium-meta a:hover:after{
    width: 100%;
}
.kodium-pagination .page-numbers span{
    font-size: 14px;
}
.kodium-pagination .page-numbers.next span i{
    font-size: 11px;
    margin-left: 20px;
}
.kodium-pagination .page-numbers.prev span i{
    font-size: 11px;
    margin-right: 20px;
}
/* ------------ Category Page ------------- */
.archive-heading,
.search-title{
    background: #2c3333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 60px;
    padding: 52px 0 60px 0;
    position: relative;
}
.archive-heading span,
.search-title span{
    color: rgba(255,255,255,.6);
    letter-spacing: 0.12em;
}
.search-title h1,
.archive-heading h1{
    font-size: 36px;
    
    color: #fff;
    margin: 0;
}
.search-title:after,
.archive-heading:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #2c3333 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}
.archive-heading a{
    color: #fff;
}
/* ------------ Blog Single ------------- */
.single-title{
    text-align: center;
    margin-bottom: 40px;
}
.single-title .entry-title{
    font-size: 36px;
    line-height: 1;
    margin-bottom: 15px;
    text-transform: uppercase;
}
article.single .entry-post{
    position: relative;
    padding-left: 70px;
    min-height: 600px;
    margin-bottom: 80px;
}
article.single .entry-post .entry-content{
    padding-left: 60px;
    position: relative;
}
.kodium-blog article .entry-meta,
article.single .entry-meta{
    margin-bottom: 30px;
    line-height: 1;
}
.kodium-blog article .entry-meta > a,
.kodium-blog article .entry-meta > span,
article.single .entry-meta > a,
article.single .entry-meta > span{
    font-size: 11px;
    color: rgba(55,64,64,.6);
    margin-right: 40px;
}
.kodium-blog article .entry-meta > span i,
.kodium-blog article .entry-meta > a i,
article.single .entry-meta > span i,
article.single .entry-meta > a i{
    margin-right: 10px;
    font-size: 15px;
}
.kodium-blog article .entry-meta a:hover,
article.single .entry-meta a:hover{
    color: #282d32;
}

.kodium-blog article .entry-media,
article.single .entry-media{
    margin-bottom: 40px;
}
article.single .entry-tags{
    margin-left: 60px;
}
.entry-tags{
    margin: 15px 0 25px;
    position: relative;
}
.entry-tags a{
    display: inline-block;
    color: #737980;
    background-color: #f7f7f7;
    padding: 9px 20px;
}
.entry-tags > a:not(:last-child){
    margin-right: 10px;
}
.entry-footer{
    padding-top: 35px;
    margin-top: 60px;
    border-top: 1px solid rgba(0,0,0,.08);
}
.entry-footer i{
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.entry-footer > div{
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    line-height: 1;
    color: #292e33;
}
.entry-metabox{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.entry-share,
.share-entry-date{
    width: 70px;
    height: 200px;
    background: #374040;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share-entry-date{
    border-right: solid 3px #61c2c2;
}
.entry-share{
    width: 67px;
}
.entry-metabox, .entry-share{
    height: 400px;
}
.entry-metabox .share-entry-date > div,
.entry-share .share-text{
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transform: rotate(270deg);
    white-space: nowrap;
}
.entry-share .share-text{
    position: absolute;
    top: 50%;
    left: -20px;
}
.entry-share .share-icon,
.without-media .entry-share .share-text{
    display: none;
}
.without-media .entry-share .share-icon{
    display: block;
    color: #fff;
}
.without-media .entry-metabox,
.without-media .entry-share{
    height: 80px;
}
.without-media .close-share{
    top: 12px;
}
.kodium-blog .without-media .entry-post{
    position: static;
}
.without-media .single-title{
    padding-left: 70px;
    position: relative;
    z-index: 1;
}
.entry-share .close-share{
    visibility: hidden;
    font-size: 56px;
    color: #fff;
    position: absolute;
    top: 40px;
    right: 40px;
    transition: width 0.4s ease;
}
.share-icons{
    position: absolute;
    display: flex;
    transition: width 0.4s ease;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 67px;
    height: 100%;
    overflow: hidden;
    border-right: solid 3px #61c2c2;
    background: #374040;
    padding-left: 67px;
    z-index: 1;
}
.share-icons a{
    color: rgba(255,255,255,.5);
    font-size: 18px;
    margin: 0 30px;
}
.share-icons a:hover{
    color: #fff;
}
.open-icons{
    width: 100%;
}
.entry-share{
    position: relative;
    z-index: 2;
    border-bottom: 1px solid rgba(255,255,255,.2);
    cursor: pointer;
}
.close-share{
    position: absolute;
    font-size: 56px;
    top: 40px;
    right: 40px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}
.likeit{
    cursor: pointer;
}
.likeit.liked i:before{
    content: '\f004';
}
/* Portfolio Single */
.single-portfolio .kodium-container > .container:first-child{
    margin-bottom: 100px;
}
.related-folio{
    background: #374040;
    padding: 80px 0 100px 0;
}
.related-folio .page-title{
    color: #fff;
    font-size: 25px;
    margin-bottom: 80px;
}
article.single .entry-meta span.folio-author{
    font-size: 15px;
    color: #374040;
    font-weight: 200;
    text-decoration: underline;
    float: right;
    margin: 0;
}
.single-portfolio article.single .entry-meta{
    margin-top: 40px;
}
.folio-like-btn{
    text-align: center;
}
.folio-like-btn > span{
    color: #374040;
    padding: 14px 21px;
    border: 1px solid #374040;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    margin-top: 60px;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.folio-like-btn > span:hover{
    background-color: #61c2c2;
    border-color: #61c2c2;
    color: #fff;
}
.folio-like-btn > span.liked{
    background-color: #61c2c2;
    border-color: #61c2c2;
    color: #fff;
}
.folio-like-btn > span i{
    margin-right: 10px;
    font-size: 14px;
}
.realted-folio .rel-title{
    line-height: 1px;
}
.related-folio .portfolio-thumb{
    position: relative;
    margin-bottom: 30px;
}
.related-folio .folio-title a{
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 12px;
}
.related-folio .entry-categories{
    line-height: 1;
    opacity: 1;
    color: #fff;
    margin-bottom: 0;
}
.related-folio .entry-categories a{
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
}
.more-folio{
    padding: 17px 31px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    margin-top: 60px;
}
.more-folio:hover,
.footer-socials a.footer-contact:hover{
    background: #fff;
    border-color: #fff;
    color: #323232;
}
.footer-socials a.footer-contact:hover i{
    color: #323232;
}
.waves-subscribe{
    background-color: #61c2c2;
    background-size: cover;
    background-position: center center;
}
.waves-subscribe .subscribe-title{
    line-height: 1;
    color: #374040;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.waves-subscribe .subscribe-title ~ form{
    margin-top: 40px;
}
/* Post Author */
.kodium-author{
    position: relative;
    padding: 30px 160px 30px 30px;
    margin-bottom: 30px;
    min-height: 160px;
    background: #f5f5f5;
}
.author-image{
    position: absolute;
    right: 30px;
    top: 30px;
}
.author-image img{
    margin: 0;
}
.author-content p{
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}
.user-socials{
    font-size: 14px;
    margin-top: 8px;
}
.user-socials > a{
    margin-right: 17px;
}
/* Page Title */
.page-title-container{
    text-align: center;
    padding: 80px 0;
}
body.has-breadcrumb .page-title-container{
    padding-top: 60px;
}
.page-title{
    display: inline-block;
    font-size: 36px;
    color: #374040;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0px;
    line-height: 1;
}
.page-title:before{
    content: "";
    position: absolute;
    width: calc(100% + 80px);
    height: 2px;
    top: 50%;
    left: -40px;
    background-color: #61c2c2;
}
/* Breadcrumb */
.kodium-breadcrumbs{
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5;
}
.kodium-breadcrumbs .col-md-12{
    display: flex;
    align-items: center;
}
.kodium-breadcrumbs a.home > i{
    font-size: 16px;
}
.kodium-breadcrumbs i{
    font-size: 6px;
    padding: 0 20px;
}
/* Next Prev Post LINK */
.nextprev-postlink a{
    color: rgba(55,64,64,.3);
    text-transform: uppercase;
    font-weight: 600;
}
.prev-post-link{
    text-align: right;
}
.prev-post-link i{
    padding-left: 10px;
}
.next-post-link i{
    padding-right: 10px;
}
.prev-post-link a,
.next-post-link a{
    position: relative;
    padding: 0 30px;
}
.prev-post-link a:hover,
.next-post-link a:hover{
    color: #374040;
}
.next-post-link a:after,
.prev-post-link a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 0;
    height: 2px;
    background-color: #61c2c2;
}
.next-post-link a:hover:after,
.prev-post-link a:hover:after{
    width: 100%;
}
/* About author on single post */
.bypostauthor{}

/* Comments */
#comments{
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 100px;
    border-top: 1px solid #e6e7e7;
}
.kodium-full-element#comments{
    background-color: #fafafa;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea,
.comment-form input[type="text"], .comment-form-comment textarea{
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    border: 0;
    border-bottom: 1px solid rgba(55,64,64,.2);
    font-family: 'Oswald';
    font-size: 13px;
}
.comment-form-author > p,
.comment-form, p.form-submit{
    margin-bottom: 0;
}
.comment-form-name,
.comment-form-email{
    width: 100%;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus,
.comment-form input[type="text"]:focus, .comment-form-comment textarea:focus{
    border-color: #ccc;
}
.comment-form input[type="submit"] {
    min-width: 140px;
    margin-bottom: 0;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 600;
}
.comment-form-author span.required {
    color: #fe4743;
}
.comment-title-container h4, 
h3.comment-reply-title{
    font-size: 25px;
    margin-bottom: 80px;
    color: #374040;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-right: 30px;
    line-height: 1;
}
h3.comment-reply-title:before,
.comment-title-container h4:before{
    position: absolute;
    top: 50%;
    content: "";
    height: 2px;
    width: 100%;
    background: #61c2c2;
}
.comment-list{
    margin-bottom: 53px;
}
.comment-author{
    float: left;
    position: relative;
}
.comment-author img{
    margin: 0;
    border-right: 3px solid #61c2c2;
}
.comment-meta{
    margin-bottom: 33px;
}
.comment-meta i{
    font-size: 16px;
    color: #999
}
.comment-reply-link{
    font-size: 13px;
    letter-spacing: 0.12em;
    color: rgba(55,64,64,.6);
}
.comment-reply-link > i{
    margin-left: 20px;
    font-size: 14px;
    color: #374040;
    opacity: .6;
}
.comment-reply{
    float: right;
}
.comment-list .comment.depth-1:before,
.comment-list .comment:not(.depth-1):after{
    content: "";
    height: 1px;
    width: 30px;
    background: rgba(55,64,64,.2);
    position: absolute;
    top: 40px;
    left: 0;
}
.comment-list .comment:not(.depth-1):before{
    content: "";
    height: 30px;
    width: 1px;
    background: rgba(55,64,64,.2);
    position: absolute;
    top: 25px;
    left: 0;
}
h3.comment-author-link{
    display: inline-block;
    font-size: 16px;
    color: #374040;
    text-transform: uppercase;
    margin-right: 20px;
    margin-bottom: 0;
}
.comment-date{
    font-size: 13px;
    color: rgba(55,64,64,.6);
    letter-spacing: 0.12em;
}
.comment-body{
    position: relative;
    margin-left: 120px;
    min-height: 88px;
}
.comment-body p{
    font-size: 13px;
    font-weight: 200;
    color: #374040;
}
.comment-list > .comment > .comment{
    margin-left: 50px;
}
.comment-list .comment .comment{
    margin-top: 35px;
}
.comment-list .comment{
    position: relative;
    margin-bottom: 60px;
    padding-left: 70px;
}
.comment-list .comment.depth-3 .comment{
    padding-left: 50px;
}

/* Label */
.label {
    padding: 7px 5px;
}

/* Image overlay */

.image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(97,194,194,.86);
    text-align: center;
}
.image-overlay > a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-overlay i{
    font-size: 64px;
    color: #fff;
}
.image-overlay:hover{
    opacity: 1;
}

/* ThemeWaves Page Builder CSS Start */

/* Button */
.btn{
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 0 31px;
    background: #2c3333;
    color: #fff;
    text-align: center;
    letter-spacing: 0.12em;
    font-weight: 700;
    border: 2px solid transparent;
}
.btn.white-btn{
    color: #2c3333;
}
.btn.btn-border{
    color: #292e33;
    border-color: #292e33;
    background: transparent;
}
.btn.btn-round{
    border-radius: 20px;
}
.btn-round.btn-l{
    border-radius: 25px;
}
.btn-round.btn-s{
    border-radius: 18px;
}
.btn-round.btn-xs{
    border-radius: 15px;
}
.btn-xs{
    font-size: 12px;
    min-width: 100px;
    padding: 8px 14px;
}
.btn-s{    
    font-size: 14px;
    padding: 9px 15px;
    min-width: 120px;
}
.btn-m{
    padding: 12px 15px;
    min-width: 140px;
}
.btn-l{
    font-size: 18px;
    padding: 13px 24px;
    min-width: 160px;
}
.btn i{
    font-size: 32px;
    margin-left: 10px;
}
/* Portfolio Element */
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide:first-child{
    opacity: 0;
}
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide .image-overlay{
    background: rgba(55,64,64,.9);
}
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide .image-overlay{
    text-align: left;
    padding-left: 60px;
    padding-top: 60px;
}
.kodium-element.kodium-portfolio.kodium-isotope-container article .image-overlay{
    text-align: left;
    padding: 40px;
}
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide .image-overlay .portfolio-title,
.kodium-element.kodium-portfolio.kodium-isotope-container article .portfolio-title{
    letter-spacing: 0.12em;
    font-size: 25px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 32px;
    text-align: left;
}
.kodium-element.kodium-portfolio article .portfolio-title a{
    color: #fff;
}
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide .image-overlay .portfolio-meta a,
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide .image-overlay .portfolio-meta,
.kodium-element.kodium-portfolio.kodium-isotope-container article .image-overlay .portfolio-meta a,
.kodium-element.kodium-portfolio.kodium-isotope-container article .image-overlay .portfolio-meta{
    font-size: 12px;
    letter-spacing: 0.12em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}
.kodium-element.kodium-portfolio .portfolio-thumb{
    position: relative;
}
.kodium-element.kodium-portfolio .portfolio-thumb.no-thumb{
    min-height: 350px;
}
.kodium-element.kodium-portfolio .portfolio-thumb img{
    width: 100%;
}
.kodium-element.kodium-portfolio .swiper-navigator{
    position: absolute;
    top: 0;
    left: 0;
    background: #374040;
    z-index: 9;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
}
.kodium-element.kodium-portfolio .swiper-navigation > div{
    position: static;
    display: inline-block;
    line-height: 0;
    margin-top: 40px;
}
.kodium-element.kodium-portfolio .swiper-navigation > div:first-child{
    margin-right: 10px;
}
.kodium-element.kodium-portfolio .swiper-navigation i{
    color: #fff;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 11px;
    padding: 15px;
}
.kodium-element.kodium-portfolio .swiper-navigator h2{
    font-size: 25px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.kodium-element.kodium-portfolio .swiper-navigator h2:after,
.kodium-element.kodium-portfolio .swiper-wrapper .swiper-slide .image-overlay h2:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    width: calc(100% + 40px);
    background-color: #61c2c2;
}
.kodium-element.kodium-portfolio .swiper-navigator span{
    color: #fff;
    opacity: .5;
    font-size: 15px;
    display: block;
    font-weight: 300;
    margin-bottom: 20px;
}
.kodium-element.kodium-portfolio.kodium-isotope-container{
    margin-left: -15px;
}
.kodium-element.kodium-portfolio.kodium-isotope-container .portfolio-block,
.kodium-element .portfolio-swiper article.portfolio{
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: #374040;
}
.kodium-element.kodium-portfolio.kodium-isotope-container article{
    padding: 15px;
}
.kodium-element.kodium-portfolio article .folio-like{
    font-size: 11px;
    color: #fff;
    font-weight: 300;
    position: absolute;
    bottom: 40px;
}
.kodium-element.kodium-portfolio article .folio-like i{
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}
.kodium-element.kodium-portfolio.dark .kodium-pagination ul li a,
.kodium-element.kodium-portfolio.dark .kodium-pagination ul li > span.current,
.kodium-element.kodium-portfolio.dark .kodium-pagination ul li a:hover,
.kodium-element.kodium-portfolio.dark .kodium-filters ul li a{
    color: #fff;
}
.kodium-filters{
    margin-bottom: 40px;
}
.kodium-filters ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.kodium-filters ul li{
    float: left;
    list-style: none;
    padding: 0 20px;
}
.kodium-filters ul li a{
    position: relative;
}
.kodium-filters ul li a:after,
.kodium-filters ul li a.selected:after{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #61c2c2;
    left: 0;
    bottom: -7px;
}
.kodium-filters ul li a:hover:after,
.kodium-filters ul li a.selected:after{
    width: 100%;
}
/* Kodium Slider */
.kodium-slider .swiper-slide > div{
    padding: 120px 0 80px 0;
}
.kodium-slider .swiper-slide{
    background-size: cover;
    background-position: center center;
}
.kodium-slider .slider-title{
    font-size: 60px;
    color: #fff;
    line-height: 1;
    margin-bottom: 42px;
    display: inline-block;
    position: relative;
}
.kodium-slider .slider-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 60%;
    width: calc(100% + 40px);
    height: 2px;
    background-color: #61c2bf;
}
.kodium-slider .slider-subtitle{
    font-size: 13px;
    color: #fff;
    line-height: 1;
    margin-bottom: 210px;
    display: inline-block;
    position: relative;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding-bottom: 5px;
}
.kodium-slider .slider-subtitle:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #61c2bf;
}
.kodium-slider .kodium-slider-nav-holder{
    position: relative;
}
.kodium-slider .kodium-slider-nav{
    position: absolute;
    bottom: 80px;
    right: 0;
    z-index: 9;
    display: flex;
}
.kodium-slider .kodium-slider-nav > div{
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin: 0;
    font-size: 11px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-transition: background-color 0.2s ease-out,border-color 0.2s ease-out;
    transition: background-color 0.2s ease-out,border-color 0.2s ease-out;
}
.kodium-slider .kodium-slider-nav > div:hover{
    color: #374040;
    background-color: #fff;
}
.kodium-slider .kodium-slider-nav > div:last-child{
    margin-left: 20px;
}
.kodium-slider .kodium-slider-nav i{
    
}
/* Callout Element */
.kodium-element.kodium-callout{
    text-align: center;
    padding: 100px 0;
}
.kodium-element.kodium-callout .callout-content{
    font-size: 25px;
    color: #374040;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
}
.kodium-element.kodium-callout.dark .callout-content{
    color: #ffffff;
}
.kodium-element.kodium-callout > a{
    margin-top: 30px;
}
.kodium-element.kodium-callout > a:nth-child(3){
    margin-left: 20px;
}
/* CF7 */
.entry-content > .wpcf7{
    margin-top: 33px;
}
.wpcf7-form > p{
    margin: 0 -7.5px;
}
.wpcf7-form > p:before,
.wpcf7-form > p:after{
    display: table;
    content: "";
    line-height: 0;
}
.wpcf7-form > p:after{
    clear: both;
}
.wpcf7-form > p > span{
    padding: 0 7.5px;
    display: block;
}
.wpcf7-form > p > input.wpcf7-submit{
    margin-left: 7.5px;
}
.wpcf7-form > p > span.wpcf7-form-control-wrap:not(:first-child),
.wpcf7-form > p > span.wpcf7-form-control-wrap:not(:last-child){
    width: 50%;
    float: left;
}


/* Audio Player Style */
article.hentry .mejs-container .mejs-controls{
    height: 35px;
    padding: 0 10px;
}
article.format-audio .entry-media .mejs-container{
    height: 40px !important;
}


/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Sidebar */
.kodium-sidebar aside.widget,
.wpb_widgetised_column  aside.widget{
    margin-bottom: 55px;
    border: 1px solid #e5e5e5;
    padding: 50px;
    position: relative;
}
.kodium-sidebar aside.widget > ul > li:first-child,
.wpb_widgetised_column aside.widget > ul > li:first-child{
    padding-top: 0;
}
.kodium-sidebar aside.widget > ul > li:last-child,
.wpb_widgetised_column aside.widget > ul > li:last-child{
    padding-bottom: 0;
}
.kodium-sidebar aside.widget ul.menu li,
.wpb_widgetised_column aside.widget ul.menu li{
    display: block;
}

.kodium-sidebar aside.widget h3.widget-title,
.wpb_widgetised_column aside.widget h3.widget-title{
    margin-top: -50px;
    position: absolute;
    left: 0;
    width: 100%;
}
/* Widget */
.footer-widget h3.widget-title{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0;
    text-align: left;
    margin-bottom: 30px;
}
.footer-widget aside.widget{
    color: rgba(255,255,255,.5);
    font-size: 15px;
}
h3.widget-title{
    font-size: 13px;
    letter-spacing: 0.12em;
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: 0;
}
h3.widget-title span{
    background: #61c2c2;
    padding: 10px 16px;
}
aside.widget{
    margin-bottom: 60px;
    font-size: 14px;
    color: rgba(55,64,64,.6);
}
aside.widget:last-child{
    margin-bottom: 0;
}
.widget-title + aside.widget ul{
    border-top: 1px solid #e6e6e6;
}
aside.widget > ul > li{
    padding: 10px 0;
}
aside.widget > ul > li ul li{
    padding: 20px 0 0 0;
}
aside.widget a{
    color: inherit;
    position: relative;
}
aside.widget a:hover{
    color: rgb(55,64,64);
}
aside.widget a:after{
    position: absolute;
    width: 0;
    height: 1px;
    background: #61c2c2;
}
aside.widget a:hover:after{
    width: 100%;
}
aside.widget .post-count{
    margin-left: 5px;
    float: right;
}

/* Adress widget */
.addresswidget .kodium-address p{
    margin-bottom: 40px;
}
.addresswidget .kodium-address a{
    color: #fff;
    margin-right: 20px;
    position: relative;
    border-bottom: 1px solid #fff;
}
.addresswidget .kodium-address a:hover{
    color: #fff;
    border-color: #fff;
}
.addresswidget .kodium-address a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: #61c2c2;
    z-index: 9;
}
.addresswidget .kodium-address a:hover:after{
    width: 100%;
}
.addresswidget .kodium-address i{
    color: #fff;
}

/* Recent posts widget */
aside.kodium-post-widget > ul > li{
    padding: 0 0 20px;
    border-bottom: none;
}
.kodium-post-widget h4{
    font-size: 12px;
    margin-bottom: 3px;
}
.kodium-post-widget .recent-thumb{
    width: 100px;
    height: 60px;
    float: left;
    background-color: #151515;
    background-size: cover;
    background-position: center;
}
.kodium-post-widget .recent-thumb > div{
    font-size: 24px;
    line-height: 1;
    color: #fff;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.recent-thumb.with-thumb i{
    opacity: 0;
}
.kodium-post-widget .recent-content{
    margin-left: 120px;
    min-height: 60px;
}
.kodium-post-widget .layout-large .recent-thumb{
    float: none;
    display: block;
    width: 100%;
    height: 170px;
    margin-bottom: 17px;
}
.kodium-post-widget .layout-large .recent-thumb i{
    font-size: 14px;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}
.layout-large .recent-thumb:hover i{
    opacity: 1;
}
.kodium-post-widget .layout-large > li{
    padding-bottom: 23px;
}
.kodium-sidebar .kodium-post-widget .layout-large h4{
    font-size: 16px;
    margin-bottom: 7px;
}
.kodium-post-widget .layout-simple .recent-content,
.kodium-post-widget .layout-large .recent-content{
    min-height: 0;
    margin-left: 0;
}
.kodium-post-widget .entry-date,
aside.widget .post-count,
.widget_recent_entries .post-date{
    font-size: 12px;
    line-height: 1.4;
    color: #292e33;
    display: block;
}
/* Recent Posts default */
.widget_recent_entries.widget li{
    line-height: 1;
    padding: 16px 0;
}
.widget_recent_entries .post-date{
    padding-top: 13px;
}
.widget_recent_entries.widget li:first-child .post-date{
    padding-top: 5px;
}

/* calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption {font-size: 13px;}
#wp-calendar thead { font-size: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar th, #wp-calendar td { text-align: center; padding: 12px 6px;}
#wp-calendar #today { background: #eee;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; }
#wp-calendar tfoot #prev { text-align: left; }

/* Search widget */
aside.widget form.searchform{
    margin-bottom: 0;
}
form.searchform > .input {
    position: relative;
}
form.searchform input{
    margin-bottom: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(55,64,64,.2);
}
form.searchform .button-search{
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 32px;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

/* Newsletter widget */
form.widget_wysija{
    position: relative;
    margin-bottom: 0;
    padding: 20px;
    background: #f5f5f5;
}
form.widget_wysija:before{
    font-family: "Ionicons";
    content: '\f2c3';
    font-size: 80px;
    line-height: 1;
    position: absolute;
    top: -42px;
    right: 28px;
    color: #dbdbdb;
}
p.wysija-paragraph{
    margin-top: 15px;
    margin-bottom: 0;
}
input.wysija-input{
    width: 100%;
    padding-right: 100px;
    margin-bottom: 0;
    border-color: #fff;
}
.widget_wysija_cont .wysija-submit{
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 12px 15px;
    min-width: 80px;
}

/* Recent Tweet widget */
.widget .tp_recent_tweets{
    float: none;
}
.widget .tp_recent_tweets li{
    float: none;
    position: relative;
    background-image: none;
}
.tp_recent_tweets li:last-child{
    padding-bottom: 0;
}
.widget .tp_recent_tweets li:before{
    font-family: "Ionicons";
    content: '\f243';
    position: absolute;
    top: 0;
    left: 0;
    color: #151515;
}
.widget .tp_recent_tweets li a{
    font-weight: normal;
}
.widget .tp_recent_tweets .twitter_time{
    color: inherit;
    font-size: inherit;
    font-style: normal;
}

/* Tag Wiget Style */
.widget .tagcloud{
    margin-right: -8px;
}
.widget .tagcloud a{
    display: inline-block;
    border: 1px solid rgba(0,0,0,.08);
    color: inherit;
    padding: 6px 16px;
    margin: 8px 5px 0 0;
    font-size: 13px !important;
}
.widget .tagcloud a:hover{
    color: #fff;
    background: #61c2c2;
    border-color: transparent;
}

/* Removing Child Pages from Widgets */
.widget_pages ul.children,
.widget_nav_menu ul.sub-menu,
.menu-main-menu-container .sub-menu{
    display: none;
}

/* Widget Instagram */
aside.null-instagram-feed h3.widget-title{
    margin-bottom: 38px;
}
aside.widget ul.instagram-pics{
    margin: 0 -6px -6px 0;
}
aside.widget ul.instagram-pics li{
    padding: 0 6px 6px 0;
    width: 33.3%;
    float: left;
    border-bottom: 0;
    margin-bottom: 0;
}
ul.instagram-pics li a{
    display: block;
    position: relative;
}
ul.instagram-pics li a:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #000;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
ul.instagram-pics li a:hover:after{
    opacity: 0.3;
    transition: opacity 0.4s ease-out;
}
aside.null-instagram-feed .swiper-container-horizontal{
    overflow: visible;
}
aside.null-instagram-feed .swiper-pagination{
    margin-top: 22px;
    margin-bottom: -28px;
}

/* Widget Social Icons */
.kodium-social-icon{
    margin-right: -8px;
}
.kodium-social-icon li{
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
div.kodium-social-icon a{
    color: #292e33;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    width: 42px;
    height: 42px;
    margin: 8px 8px 0 0;
    border: 1px solid rgba(0,0,0,.08);
}
.kodium-social-large{
    margin: 0 5px;
}
div.kodium-social-icon .kodium-social-large a{
    display: block;
    width: 100%;
    margin: 0 0 2px;
    text-align: left;
    padding: 0 10px;
}
div.kodium-social-icon .kodium-social-large a:last-child{
    margin-bottom: 0;
}
.kodium-social-large i{
    display: inline-block;
    width: 16px;
    text-align: center;
}
.kodium-social-large span{
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    margin-left: 15px;
    letter-spacing: 0.05em;
}
.kodium-social-icon .subscribe-count{
    float: right;
}
div.kodium-social-icon a:hover{
    background: #666;
    color: #fff;
}

.kodium-socials i.facebook,
.kodium-social-color a.facebook,
.kodium-social-icon a.facebook:hover{background-color: #3b5998;border-color: #3b5998;}
.kodium-socials i.dribbble,
.kodium-social-color a.dribbble,
.kodium-social-icon a.dribbble:hover{background-color: #ea4c89;border-color: #ea4c89;}
.kodium-socials i.google,
.kodium-social-color a.google,
.kodium-social-icon a.google:hover{background-color: #dd4b39;border-color: #dd4b39;}
.kodium-socials i.instagram,
.kodium-social-color a.instagram,
.kodium-social-icon a.instagram:hover{background-color: #3f729b;border-color: #3f729b;}
.kodium-socials i.vine,
.kodium-social-color a.vine,
.kodium-social-icon a.vine:hover{background-color: #00b488;border-color: #00b488;}
.kodium-socials i.youtube,
.kodium-social-color a.youtube,
.kodium-social-icon a.youtube:hover{background-color: #e52222;border-color: #e52222;}
.kodium-socials i.twitter,
.kodium-social-color a.twitter,
.kodium-social-icon a.twitter:hover{background-color: #55acee;border-color: #55acee;}
.kodium-socials i.behance,
.kodium-social-color a.behance,
.kodium-social-icon a.behance:hover{background-color: #1769ff;border-color: #1769ff;}
.kodium-socials i.pinterest,
.kodium-social-color a.pinterest,
.kodium-social-icon a.pinterest:hover{background-color: #cc2127;border-color: #cc2127;}
.kodium-socials i.foursquare,
.kodium-social-color a.foursquare,
.kodium-social-icon a.foursquare:hover{background-color: #f94877;border-color: #f94877;}
.kodium-socials i.twitch,
.kodium-social-color a.twitch,
.kodium-social-icon a.twitch:hover{background-color: #6441a5;border-color: #6441a5;}
.kodium-socials i.tumblr,
.kodium-social-color a.tumblr,
.kodium-social-icon a.tumblr:hover{background-color: #35465c;border-color: #35465c;}
.kodium-socials i.trello,
.kodium-social-color a.trello,
.kodium-social-icon a.trello:hover{background-color: #0079bf;border-color: #0079bf;}
.kodium-socials i.spotify,
.kodium-social-color a.spotify,
.kodium-social-icon a.spotify:hover{background-color: #2ebd59;border-color: #2ebd59;}
.kodium-socials i.soundcloud,
.kodium-social-color a.soundcloud,
.kodium-social-icon a.soundcloud:hover{background-color: #ff8800;border-color: #ff8800;}
.kodium-socials i.linkedin,
.kodium-social-color a.linkedin,
.kodium-social-icon a.linkedin:hover{background-color: #2088be;border-color: #2088be;}
.kodium-socials i.delicious,
.kodium-social-color a.delicious,
.kodium-social-icon a.delicious:hover{background-color: #31a9ff;border-color: #31a9ff;}
.kodium-socials i.codepen,
.kodium-social-color a.codepen,
.kodium-social-icon a.codepen:hover{background-color: #3d3d3d;border-color: #3d3d3d;}
.kodium-socials i.github,
.kodium-social-color a.github,
.kodium-social-icon a.github:hover{background-color: #333333;border-color: #333333;}
.kodium-socials i.wordpress,
.kodium-social-color a.wordpress,
.kodium-social-icon a.wordpress:hover{background-color: #888;border-color: #888;}


.kodium-social-icon .kodium-social-color a:hover{background-color: transparent; color: #111;}
.kodium-social-color a.facebook:hover{color: #3b5998;}
.kodium-social-color a.dribbble:hover{color: #ea4c89;}
.kodium-social-color a.google:hover{color: #dd4b39;}
.kodium-social-color a.instagram:hover{color: #3f729b;}
.kodium-social-color a.vine:hover{color: #00b488;}
.kodium-social-color a.youtube:hover{color: #e52222;}
.kodium-social-color a.twitter:hover{color: #55acee;}
.kodium-social-color a.behance:hover{color: #1769ff;}
.kodium-social-color a.pinterest:hover{color: #cc2127;}
.kodium-social-color a.foursquare:hover{color: #f94877;}
.kodium-social-color a.twitch:hover{color: #6441a5;}
.kodium-social-color a.tumblr:hover{color: #35465c;}
.kodium-social-color a.trello:hover{color: #0079bf;}
.kodium-social-color a.spotify:hover{color: #2ebd59;}
.kodium-social-color a.soundcloud:hover{color: #ff8800;}
.kodium-social-color a.linkedin:hover{color: #2088be;}
.kodium-social-color a.delicious:hover{color: #31a9ff;}
.kodium-social-color a.codepen:hover{color: #3d3d3d;}
.kodium-social-color a.github:hover{color: #333333;}
.kodium-social-color a.wordpress:hover{color: #888;}


/* --------------- Fixed Sidebar ---------------- */
.kodium-fixed-gallery{
    display: flex;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: -70px;
    z-index: 9999;
    transition: left 0.4s ease-out, margin-left 0.4s ease-out;
    background-color: #fff;
}
.kodium-fixed-gallery.dark{
    background-color: #374040;
}
.kodium-fixed-gallery.dark .kodium-fixed-gallery-header,
.kodium-fixed-gallery.dark .kodium-logo .folio-page{
    color: #fff;
}
.kodium-fixed-gallery .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #e6e6e6 !important;
}
.admin-bar .kodium-fixed-gallery{
    top:32px;
    height: calc(100% - 32px);
}
.kodium-fixed-gallery>div{
    width: 100%;
    height: 100%;
    padding: 80px 0;
}
.kodium-fixed-gallery>.kodium-fixed-gallery-header{
    width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    color: #374040;
    font-weight: 700;
    border-left: solid 3px #61c2c2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.kodium-fixed-gallery>.kodium-fixed-gallery-header .social-title,
.kodium-fixed-gallery>.kodium-fixed-gallery-header .title{
    font-size: 13px;
    padding-bottom: 22px;
    -webkit-transform-origin: bottom; 
        -ms-transform-origin: bottom; 
            transform-origin: bottom;
    -webkit-transform: translate(50%, 50%) rotate(-90deg); 
        -ms-transform: translate(50%, 50%) rotate(-90deg); 
            transform: translate(50%, 50%) rotate(-90deg);
}
.kodium-fixed-gallery>.kodium-fixed-gallery-header .title{
    cursor: pointer;
    position: absolute;
    top: 45%;
    left: -80%;
}
.kodium-fixed-gallery .mCSB_container{
    min-height: 100%;    
}
body.fixed-gallery-opened .kodium-fixed-gallery .close-button{
    position: fixed;
    opacity: 1;
    transition: 2s opacity;
}
.kodium-fixed-gallery .kodium-logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.kodium-fixed-gallery .kodium-logo .folio-page{
    font-size: 13px;
    font-weight: 300;
    color: #374040;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.kodium-fixed-gallery .kodium-logo .folio-page i{
    margin-left: 20px;
}
.kodium-fixed-gallery .close-button{
    position: absolute;
    right: 50px;
    top: 50%;
    font-size: 56px;
    color: #374040;
    cursor: pointer;
    opacity: 0;
}
.kodium-fixed-gallery .user-socials>a{
    opacity: .5;
    margin:22px 0 0 0;
    display: block;
    text-align: center;
    font-size: 19px;
    color: #374040;
}
.kodium-fixed-gallery .user-socials>a
.kodium-fixed-gallery .user-socials>a:hover{
    opacity: 1;
}
.fixed-gallery-opened .kodium-fixed-gallery{
    left: 0;
    margin-left: 0;
}

/* Footer */
.kodium-subscribe{
    text-align: center;
    padding: 80px 0 100px 0;
}
.subscribe-title ~ form{
    margin-top: 39px;
}
.kodium-subscribe p,
.kodium-subscribe form,
.kodium-subscribe .mc4wp-form input{
    margin-bottom: 0;
}
.kodium-subscribe .mc4wp-form input[type='email']{
    background: transparent;
    max-width: 570px;
    display: inline-block;
    border: 1px solid #374040;
    width: 445px;
    padding: 12px 18px 13px 18px;
    font-size: 15px;
    color: #374040;
    margin-right: -4px;
    font-family: 'Oswald';
}
.kodium-subscribe.dark .mc4wp-form input[type='email']{
    color: #fff;
    border-color: #fff;
}
.kodium-subscribe ::-webkit-input-placeholder {
    color: #374040;
}
.kodium-subscribe.dark ::-webkit-input-placeholder {
    color: #fff;
}
.kodium-subscribe :-moz-placeholder { /* Firefox 18- */
    color: #374040;
}
.kodium-subscribe.dark :-moz-placeholder {
    color: #fff;
}
.kodium-subscribe ::-moz-placeholder {  /* Firefox 19+ */
    color: #374040;
}
.kodium-subscribe.dark ::-moz-placeholder {
    color: #fff;
}
.kodium-subscribe :-ms-input-placeholder {  
    color: #374040;
}
.kodium-subscribe.dark :-ms-input-placeholder{
    color: #fff;
}
.kodium-subscribe .mc4wp-form input[type='submit']{
    padding: 16px 33px;
    background: transparent;
    color: #374040;
    border: 1px solid #374040;
    font-size: 14px;
    letter-spacing: 0.12em;
    border-left: none;
    font-weight: 400;
}
.kodium-subscribe.waves-subscribe .mc4wp-form input[type='submit']{
    background-color: #374040;
    color: #fff;
}
.kodium-subscribe.dark .mc4wp-form input[type='submit']{
    color: #fff;
    border-color: #fff;
}
.footer-social-holder + .kodium-inner-footer{
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 80px;
}
.kodium-inner-footer + .row{
    margin-top: 60px;
}
.kodium-footer{
    background: #374040;
    padding: 80px 0 60px 0;
}
.footer-menu{
    padding-top: 0;
    border: none;
    width: 100%;
}
.footer-social-holder + .row .col-md-12 .footer-menu,
.kodium-inner-footer + .row .col-md-12 .footer-menu{
    padding-top: 60px;
    border-top: 1px solid rgba(255,255,255,.2);    
}
.footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu ul li a{
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    font-weight: 300;
    position: relative;
}
.footer-menu ul li a:hover{
    color: #fff;
}
.footer-menu ul li a:after{
    content: '';
    position: absolute; 
    top: 100%;
    left: 0;
    background-color: #61c2c2;
    width: 0;
    height: 1px;
}
.footer-menu ul li a:hover:after{
    width: 100%;
}
.footer-menu ul li{
    display: inline-block;
    margin-right: 40px;
}
.footer-social-holder{
    padding-bottom: 60px;
}
.footer-socials .social-title{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 45px;
}
.footer-socials a{
    font-size: 18px;
    color: rgba(255,255,255,.5);
    line-height: 1;
    padding: 10px 0;
}
.footer-socials a:hover i{
    color: #fff;
}
.footer-socials .social-icons{
    display: inline-block;
}
.footer-socials .social-icons a{
    margin-right: 40px;
}
.footer-socials a.footer-contact{
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.12em;
    padding: 15px 30px;
    border: 1px solid rgba(255,255,255,.4);
    float: right;
    margin-top: -15px;
    font-weight: 800;
    text-align: center;
}
.footer-socials .footer-contact i{
    margin-left: 20px;
    margin-right: 0;
}
#scrollUp {
    position: fixed;
    z-index: 99;
    width: 42px;
    height: 42px;
    bottom: 195px;
    right: 138px;
    background-color: #f6f6f6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #61c2c2;
    font-size: 11px;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
#scrollUp:hover{
    background: #61c2c2;
    color: #ffffff;
}
/* Elements CSS */
/* IconBox */
.kodium-element.kodium-iconbox .kodium-iconbox-box{
    text-align: center;
    padding: 80px 60px 100px 60px;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 10;
    transition: 1s;
}
.kodium-element.kodium-iconbox .iconbox-item.hover .kodium-iconbox-box{
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: -1;
}
.kodium-element.kodium-iconbox .iconbox-item{
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff !important;
    background-size: cover;
    background-image: none;
    position: relative;
}
.kodium-element.kodium-iconbox .iconbox-item:not(:last-child){
    border-right: 1px solid #e5e5e5;
}
.kodium-element.kodium-iconbox .kodium-iconbox-box .kodium-iconbox-icon i,
.kodium-element.kodium-iconbox .kodium-iconbox-backbox .kodium-iconbox-icon i{
    color: #61c2c2;
    font-size: 42px;
    margin-bottom: 30px;
}
.kodium-element.kodium-iconbox .kodium-iconbox-box .kodium-iconbox-content h3,
.kodium-element.kodium-iconbox .kodium-iconbox-backbox .kodium-iconbox-content h3{
    color: #374040;
    font-size: 19px;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.kodium-element.kodium-iconbox .kodium-iconbox-box .kodium-iconbox-content p{
    color: #374040;
    opacity: .6;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 300;
}
.kodium-element.kodium-iconbox .iconbox-item .kodium-iconbox-backbox{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: -1;
    transition: 1s;
}
.kodium-element.kodium-iconbox .iconbox-item.hover .kodium-iconbox-backbox{
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 1;
}
.kodium-element.kodium-iconbox .kodium-iconbox-backbox .kodium-iconbox-icon i,
.kodium-element.kodium-iconbox .kodium-iconbox-backbox .kodium-iconbox-content h3{
    color: #fff;
}
.kodium-element.kodium-iconbox .kodium-iconbox-backbox .kodium-iconbox-icon{
    margin-top: 80px;
}
/* Testimonial Element */
.kodium-element.kodium-testimonial .testimonial-swiper{
    border: 1px solid #e5e5e5;
}
.vc_row-no-padding .kodium-element.kodium-testimonial .testimonial-swiper{
    border-left: 0;
}
.kodium-element.kodium-testimonial .testimonial-item{
    display: flex;
    align-items: center;
}
.kodium-element.kodium-testimonial .testimonial-item .testimonial-meta{
    text-align: center;
}
.kodium-element.kodium-testimonial .testimonial-item .testimonial-meta .testimonial-img{
    border-radius: 100%;
    margin-bottom: 40px;
}
.kodium-element.kodium-testimonial .testimonial-item .testimonial-meta .testimonial-pos{
    line-height: 1;
    margin-bottom: 12px;
    color: #374040;
    opacity: .6;
    font-size: 15px;
}
.kodium-element.kodium-testimonial .testimonial-item .testimonial-meta .testimonial-name{
    line-height: 1;
    margin-bottom: 0;
    color: #374040;
    font-size: 19px;
    display: inline-block;
    position: relative;
}
.kodium-element.kodium-testimonial .testimonial-item .testimonial-meta .testimonial-name:after{
    content: "";
    position: absolute;
    background: #61c2c2;
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    top: 50%;
}
.kodium-element.kodium-testimonial .testimonial-item .testimonial-content{
    padding: 0 60px;
    text-align: center;
    line-height: 24px;
    color: #374040;
    opacity: .6;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 195px;
    padding-top: 130px;
    border-left: 1px solid #e5e5e5;
}
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-prev,
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-next{
    position: absolute;
    bottom: 60px;
    top: auto;
    left: 50%;
    border: 2px solid #374040;
    border-radius: 100%;
    opacity: .4;
    display: flex;
    justify-content: center;
}
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-next{
    right: 60px;
    left: auto;
}
.kodium-element.kodium-testimonial .testimonial-nav i{
    color: #374040;
    font-size: 11px;
    align-self: center;
}
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-prev:hover,
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-next:hover{
    background: #61c2c2;
    opacity: 1;
    border: none;
}
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-prev:hover i,
.kodium-element.kodium-testimonial .testimonial-nav .swiper-button-next:hover i{
    color: #fff;
}
/* Blog Element */
.kodium-element.kodium-blog.grid article .entry-categories{
    color: #374040;
    font-size: 11px;
    opacity: 1;
}
.kodium-element.kodium-blog.grid article .entry-categories a:hover{
    border-bottom: 1px solid #61c2c2;
    opacity: 1;
}
.kodium-element.kodium-blog.grid article .entry-title{
    font-size: 16px;
}
.kodium-element.kodium-blog.grid article .entry-title:hover{
    text-decoration: underline;
}
.kodium-element.kodium-blog.grid article.without-media .single-title,
.kodium-element.kodium-blog.grid article .entry-post,
.kodium-element.kodium-blog.grid article .entry-post .entry-content{
    padding-left: 0;
}
.kodium-element.kodium-blog.grid article .entry-media{
    margin-bottom: 25px;
}
.kodium-element.kodium-blog.grid article .single-title{
    text-align: left;
    margin-bottom: 22px;
}
.kodium-element.kodium-blog.grid article{
    margin-bottom: 40px;
}
.kodium-element.kodium-blog.carousel .kodium-thumbnail{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kodium-element.kodium-blog.carousel .kodium-thumbnail .more-btn{
    position: absolute;
    color: #fff;
    padding: 15px 21px;
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
    z-index: 1;
    transition: all .3s ease;
}
.kodium-element.kodium-blog.carousel .kodium-thumbnail .more-btn:hover{
    color: #fff;
    background: #61c2c2;
    border-color: #61c2c2;
}
.kodium-element.kodium-blog.carousel .entry-categories{
    margin-bottom: 20px;
    line-height: 1;
    margin-top: 60px;
}
.kodium-element.kodium-blog.carousel .entry-categories a{
    font-size: 13px;
    color: #374040;
    letter-spacing: 0.12em;
}
.kodium-element.kodium-blog.carousel.dark .entry-categories a,
.kodium-element.kodium-blog.carousel.dark .single-title .entry-title{
    color: #fff;
}
.kodium-element.kodium-blog.carousel .single-title .entry-title{
    font-size: 19px;
    color: #374040;
    margin-bottom: 25px;
    margin-top: 0;
}
.kodium-element.kodium-blog.carousel .entry-content{
    padding: 0 60px;
    text-align: center;
}
.kodium-element.kodium-blog.carousel .entry-content p{
    margin: 0;
    line-height: 24px;
}
.kodium-element.kodium-blog.carousel .swiper-navigation{
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
}
.kodium-element.kodium-blog.carousel .swiper-navigation .swiper-button-prev,
.kodium-element.kodium-blog.carousel .swiper-navigation .swiper-button-next{
    width: auto;
    height: auto;
    position: static;
    display: inline-block;
    padding: 0 5px;
}
.kodium-element.kodium-blog.carousel .swiper-navigation .swiper-button-prev i,
.kodium-element.kodium-blog.carousel .swiper-navigation .swiper-button-next i{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    border: 2px solid #fff;
    border-radius: 100%;
    position: static;
    width: 42px;
    height: 42px;
}
/* Heading Element */
.kodium-element.kodium-heading{
    line-height: 1;
    padding: 80px 0;
}
.kodium-element.kodium-heading h2{
    font-size: 25px;
    color: #374040;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1;
}
.kodium-element.kodium-heading.no-line h2:after{
    display: none;
}
.kodium-element.kodium-heading h2:after{
    content: "";
    position: absolute;
    width: calc(100% + 60px);
    left: -30px;
    top: 50%;
    height: 2px;
    background-color: #61c2c2;
}
.kodium-element.kodium-heading.dark-element h2:after{
    background-color: #000;
}
.kodium-element.kodium-heading:not(.text-center) h2:after{
    width: calc(100% + 30px);
}
.kodium-element.kodium-heading.text-left h2:after{
    left: 0;
}
.kodium-element.kodium-heading.dark-element h2{
    color: #fff;
}
/* Pricing Element */
.kodium-pricing .pricing-column{
    float: left;
}
.column-1.kodium-element.kodium-pricing .pricing-column{
    width: 100%;
}
.column-2.kodium-element.kodium-pricing .pricing-column{
    width: 50%;
}
.column-3.kodium-element.kodium-pricing .pricing-column{
    width: 33.3%;
}
.column-4.kodium-element.kodium-pricing .pricing-column{
    width: 25%;
}
.column-5.kodium-element.kodium-pricing .pricing-column{
    width: 20%;
}
.kodium-element.kodium-pricing .pricing-column.featured{
    background-color: #292e33;
    background-size: cover;
    background-position: center center;
    border-color: #61c2c2;
}
.kodium-element.kodium-pricing .pricing-column.featured .pricing-header h1,
.kodium-element.kodium-pricing .pricing-column.featured .pricing-header h6,
.kodium-element.kodium-pricing .pricing-column.featured .pricing-content ul{
    color: #ffffff;
    opacity: 1;
}
.kodium-element.kodium-pricing .pricing-column.featured .pricing-header h6{
    position: relative;
    display: inline-block;
}
.kodium-element.kodium-pricing .pricing-column.featured .pricing-header h6:after{
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    height: 1px;
    width: calc(100% + 40px);
    background-color: #61c2c2;
}
.kodium-element.kodium-pricing .pricing-column.featured .pricing-header{
    border-color: rgba(255,255,255,.2);
}
.kodium-element.kodium-pricing .pricing-column{
    background-color: #ffffff;
    text-align: center;
    padding: 60px 0;
    border-bottom: 2px solid #e5e5e5;
}
.kodium-element.kodium-pricing .pricing-column:not(:last-child):not(:first-child){
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.kodium-element.kodium-pricing .pricing-column .pricing-header h6,
.kodium-element.kodium-pricing .pricing-column .pricing-header h1{
    color: #808080;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
}
.kodium-element.kodium-pricing .pricing-column .pricing-header h6{
    color: #374040;
    margin-bottom: 15px;
}
.kodium-element.kodium-pricing .pricing-column .pricing-header{
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;   
}
.kodium-element.kodium-pricing .pricing-column .pricing-content,
.kodium-element.kodium-pricing .pricing-column .pricing-footer{
    padding-top: 40px;
}
.kodium-element.kodium-pricing .pricing-column .pricing-content ul{
    list-style: none;
    color: #374040;
    opacity: .6;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
/* Social Element */
.kodium-element.kodium-social.column-1 > a{
    width: 100%;
}
.kodium-element.kodium-social.column-2 > a{
    width: 50%;
}
.kodium-element.kodium-social.column-3 > a{
    width: 33.3%;
}
.kodium-element.kodium-social.column-4 > a{
    width: 25%;
}
.kodium-element.kodium-social.column-6 > a{
    width: 16.6%;
}
.kodium-element.kodium-social.column-7 > a{
    width: 14.2%;
}
.kodium-element.kodium-social.column-8 > a{
    width: 12.5%;
}
.kodium-element.kodium-social.column-9 > a{
    width: 11.1%;
}
.kodium-element.kodium-social.column-10 > a{
    width: 10%;
}
.kodium-element.kodium-social a{
    display: inline-block;
    text-align: center;
    color: rgba(41,46,51,.5);
    border-top: 1px solid rgba(41,46,51,.2);
    padding: 70px 0;
    font-size: 28px;
    width: 20%;
}
.kodium-element.kodium-social a:not(:last-child){
    border-right: 1px solid rgba(41,46,51,.2);
}
.kodium-element.kodium-social.dark a{
    color: rgba(255,255,255,.5);
    border-top: 1px solid rgba(255,255,255,.2);
}
.kodium-element.kodium-social.dark a:not(:last-child){
    border-right: 1px solid rgba(255,255,255,.2);
}
.kodium-element.kodium-social a:hover{
    color: #292e33;
}
.kodium-element.kodium-social.dark a:hover{
    color: #ffffff;
}
/* Milestone Element */
.kodium-element.kodium-milestones > div:not(:last-child){
    border-right: 1px solid rgba(41,51,46,.2);
}
.kodium-element.kodium-milestones.dark > div:not(:last-child){
    border-color: rgba(255,255,255,.2);
}
.kodium-element.kodium-milestones .kodium-milestones-box{
    text-align: center;
    padding: 70px 0;
}
.kodium-element.kodium-milestones .kodium-milestones-box .kodium-milestones-count{
    font-size: 38px;
    color: #2c3333;
    line-height: 1;
    margin-bottom: 20px;
}
.kodium-element.kodium-milestones .kodium-milestones-box .milestones-title{
    color: #2c3333;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: 0.12em;
    font-weight: 300;
}
.kodium-element.kodium-milestones.dark .kodium-milestones-box .kodium-milestones-count,
.kodium-element.kodium-milestones.dark .kodium-milestones-box .milestones-title{
    color: #ffffff;
}
/* List */
.kodium-element.kodium-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.kodium-element.kodium-list ul li{
    padding-bottom: 23px;
    line-height: 1;
}
.kodium-element.kodium-list.small ul li{
    font-size: 13px;
}
.kodium-element.kodium-list ul li i{
    font-size: 14px;
    margin-right: 20px;
}
/* Partner Element */
.kodium-element.kodium-partner .partner-item{
    text-align: center;
    padding: 60px 0;
    border-top: 1px solid rgba(41,51,46,.2);
}
.kodium-element.kodium-partner .partner-item:not(:last-child){
    border-right: 1px solid rgba(41,51,46,.2);
}
.kodium-element.kodium-partner.dark .partner-item{
    border-color: rgba(255,255,255,.2);
}
/* Team Element */
.vc_row-no-padding .kodium-element.vc_row{
    margin-left: 0;
    margin-right: 0;
}
.kodium-element.kodium-team > .column-5{
    width: 20%;
    float: left;
}
.kodium-element.kodium-team .team-item{
    border-right: 1px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
}
.kodium-element.kodium-team .team-item:hover{
    border-bottom-color: #61c2c2;
}
.kodium-element.kodium-team .team-item .member-image{
    position: relative;
}
.kodium-element.kodium-team .team-item .member-image img{
    width: 100%;
}
.kodium-element.kodium-team .team-item .member-image:hover .member-social,
.kodium-element.kodium-team .team-item .member-image:hover .member-desc{
    visibility: visible;
    opacity: 1;
}
.vc_row-no-padding .kodium-element.kodium-team .team-item .team-member .member-image .member-content{
    top: 60px;
    left: 60px;
}
.kodium-element.kodium-team .team-item .team-member .member-image .member-content{
    position: absolute;
    top: 40px;
    left: 40px;
    text-align: left;
}
.vc_row-no-padding .kodium-element.kodium-team .team-item .team-member .member-desc{
    top: 200px;
}
.kodium-element.kodium-team .team-item .team-member .member-desc{
    position: absolute;
    left: 0;
    padding: 0 60px;
    color: #ffffff;
    top: 50px;
    z-index: 9;
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
}
.kodium-element.kodium-team .team-item .team-member .member-social{
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9;
}
.vc_row-no-padding .kodium-element.kodium-team .team-item .team-member .member-social a i{
    padding: 0 20px;
}
.kodium-element.kodium-team .team-item .team-member .member-social a i{
    color: #fff;
    opacity: .5;
    padding: 0 10px;
    font-size: 18px;
}
.kodium-element.kodium-team .team-item .team-member .member-social a:hover i{
    opacity: 1;
}
.kodium-element.kodium-team .team-item .member-social,
.kodium-element.kodium-team .team-item .member-desc,
.kodium-element.kodium-team .team-item .member-image:hover .member-content{
    visibility: hidden;
    opacity: 0;
}
.kodium-element.kodium-team .team-item .member-content h6{
    color: #374040;
    font-size: 16px;
    text-transform: uppercase;
}
.kodium-element.kodium-team .team-item .member-content .member-pos{
    font-size: 15px;
    color: #374040;
    opacity: .6;
}
/* Slider Element */
.vc_row:not(.vc_row-no-padding) .kodium-slider .swiper-slide{
    padding: 0 60px;
}
.vc_row:not(.vc_row-no-padding) .kodium-slider .kodium-slider-nav{
    right: 60px;
}
.kodium-slider .post-thumb{
    background-size: cover;
    background-position: center;
}
.kodium-overlay-post{
    background-size: cover;
    background-position: center;
}
.kodium-overlay-post .post-thumb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kodium-overlay-post .post-content{
    position: absolute;
    bottom: 42px;
    width: 100%;
}
.kodium-overlay-post .entry-title{
    color: #fff;
}
.kodium-slider .swiper-container:not(.slider-thumb) .post-content{
    padding: 0 30px;
}
.kodium-slider.layout-1 .post-content{
    text-align: center;
}
.kodium-slider .swiper-pagination{
    position: absolute;
    margin-bottom: 13px;
}
.kodium-slider .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 0.5;
}
.kodium-slider .swiper-pagination-bullet-active{
    opacity: 1;
}
/* Layout 2 */
.kodium-slider .slider-thumb{
    margin-top: 30px;
}
.kodium-slider .entry-meta{
    color:#cccccc;
}
.kodium-slider .entry-comment{
    display: inline-block;
}
.kodium-slider.layout_2 .post-content{
    bottom: 27px;
}
.kodium-slider .slider-thumb .post-content{
    background-color: #fff;
}
.kodium-slider .slider-thumb .entry-meta{
    color:#999;
}
.kodium-slider .slider-thumb .entry-comment{
    display: none;
}
.kodium-slider .slider-thumb .entry-title{
    font-size: 12px;
    line-height: 32px;
    margin: 9px 0 0 0;
}
    


/* Theme Color Option CSS */

/* Dark sidebar */
.dark-sidebar aside.widget{
    color: #999;
    border-color: #333;
}
.dark-sidebar h1,
.dark-sidebar h3.widget-title{
    color: #fff;
}
.dark-sidebar aside.widget a{
    color: #ccc;
}
.dark-sidebar aside.widget a:hover{
    color: #fff;
}
.dark-sidebar aside.widget > ul > li{
    border-color: #333;
    color: #999;
}
.dark-sidebar .kodium-post-widget .recent-thumb{
    background: #333;
}
.dark-sidebar form.widget_wysija{
    background: #151515;
}
.dark-sidebar form.widget_wysija:before{
    color: #323232;
}
.dark-sidebar input[type="submit"]{
    background: #000;
}

/* Map */
.kodium-map{
    position: relative;
}
.kodium-map iframe{
    min-width: 100%;
    min-height: 400px;
}
.kodium-map-contact{
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    overflow: hidden;
    padding: 30px;
    height: 100%;
    max-height: 100%;
}
.kodium-map-contact>h2{
    font-size: 26px;
    color: #FFF;
}
.kodium-map-contact>p{
    color: #FFF;
}
.kodium-map-contact .wpcf7 textArea{
    position: relative;
    display: inline-block;
    top: 0;
}
.kodium-map-contact .wpcf7 input[type="submit"]:hover,
.kodium-map-contact .wpcf7 input[type="submit"]{
    text-align: left;
    background: #111;
}
.kodium-map-contact .wpcf7 input,
.kodium-map-contact .wpcf7 textarea{
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;
}
.kodium-map .map{
    height: 100%;
}
.kodium-map>.map-markers{
    display: none;
}
.kodium-map .map img{
    max-width: none;
}

/* Helper Class */
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.kodium-map .marker-title{
    text-transform: uppercase;
}
.kodium-map.dark .kodium-iw-container .marker-title,
.kodium-map.dark .kodium-iw-container .marker-content{
    color: #fff !important;
}
.kodium-map.dark .kodium-iw-container>div:nth-child(3):before{
    content:'X';
    color:#fff !important;
}
.kodium-map.dark .kodium-iw-container>div:nth-child(3)>img{
    display: none;
}
.kodium-map.dark .kodium-iw-container,
.kodium-map.dark .kodium-iw-container>div:first-child>div:nth-child(4),
.kodium-map.dark .kodium-iw-container>div:first-child>div:nth-child(3)>div>div{
    background-color: #374040 !important;
}

.kodium-infinite-scroll{
    text-align: center;
}
.kodium-infinite-scroll .loading{
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.kodium-infinite-scroll.waiting .loading{
    display: show;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{
    padding-top: 0;
}