/*
Theme Name: Mediclin
Description: Mediclin is a Multi-Purpose Medical WordPress Theme
Version: 1.0.5
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 4.7
Author: Codeless
Author URI: http://codeless.co
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
License: GNU General Public License v2 or later
Theme URI: http://codeless.co/mediclin/presentation
Text Domain: codeless
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, full-width-template
*/


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

[Table of contents]

Base WP
  .Base
  .Search Page
  .404

Typography
Layout
Header 
  .Menu
  .subMenu Tools
  .Responsive Menu
  .Logo
  .Header Layouts
  .Menu Styles

Blog
  .Post Slider
  .Entry Share Buttons
  .Blog Default Style
  .Blog Alternate
  .Blog Minimal
  .Blog Timeline
  .Blog Grid
  .Blog Masonry
  .Single Blog
  .Overlays

Buttons
  .Layouts
  .Styles

Sidebar
Filters
Paginations
Inputs / Forms
Footer
Copyright
Custom Widgets
Custom Shortcodes
Table Styles
Lazyload

  

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


/** 
 *  ------------------------- BASE WP -------------------------
 *  -----------------------------------------------------------
 */

html {
    overflow-x: hidden;
}
body {
    margin-right: 0 !important;
    -webkit-font-smoothing: antialiased;
}
a {
    cursor: pointer;
}

p a {
	text-decoration: underline;
}

mark.highlight {
    background: transparent;
}
b{
    font-weight: 600;
}

select {
    max-width: 100%;
}
.wp-caption {
    max-width: 100%;
}
.wp-caption-text {
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
    padding-left: 7px;
    margin-bottom: 7px;
    padding-right: 7px;
    line-height: 1.5em;
   
}

.content-col>h1:not(.page-title), .content-col>h2, .content-col>h3, .content-col>h4, .content-col>h5, .content-col>h6 {
    margin: 1.414em 0 0.5em;
}

.content-col>p {
    margin-bottom: 1.3em;
    margin-top: 0;
}


/* WP Defaults */

.gallery:after {
    content: "";
    display: table;
    clear: both;
}

img.aligncenter, div.aligncenter, figure.aligncenter {
    display: block;
    margin: 0em auto;
}

img.wp-post-image {
    display: block;
    margin: 0em auto;
}
img.alignright {
    float: right;
    margin: 1em 0 1em 2em;
}

div.alignright, figure.alignright {
    float: right;
    margin: 1em 0 1em 2em;
}

img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
    float: left;
    margin: 1em 1em 2em 0;
}

figure:not(.woocommerce-product-gallery__wrapper) {
    max-width: 100%;
    height: auto;
    margin: 0em auto;
    margin-bottom:10px;
}

p img.alignright, p img.alignleft {
    margin-top: 0;
}

.gallery figure {
    float: left;
    margin: 0 2% 0.5em 0;
}
.gallery figure img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.gallery.gallery-columns-1 figure {
    width: 100%;
    margin: 0 0 1em 0;
    float: none;
}
.gallery.gallery-columns-3 figure {
    width: 32%;
}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {
    margin-right: 0;
}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {
    clear: left;
}
.gallery.gallery-columns-2 figure {
    width: 49%;
}
.gallery.gallery-columns-2 figure:nth-of-type(even) {
    margin-right: 0;
}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {
    clear: left;
}
.gallery.gallery-columns-4 figure {
    width: 23.25%;
}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {
    margin-right: 0;
}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {
    clear: left;
}
.gallery.gallery-columns-5 figure {
    width: 18%;
}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {
    margin-right: 0;
}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {
    clear: left;
}
.gallery.gallery-columns-6 figure {
    width: 14.2%;
}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {
    margin-right: 0;
}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {
    clear: left;
}
.gallery.gallery-columns-7 figure {
    width: 12%;
}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {
    margin-right: 0;
}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {
    clear: left;
}
.gallery.gallery-columns-8 figure {
    width: 10.2%;
}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {
    margin-right: 0;
}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {
    clear: left;
}
.gallery.gallery-columns-9 figure {
    width: 8.85%;
}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {
    margin-right: 0;
}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {
    clear: left;
}

@media (max-width: 767px) {
    img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
        display: block;
        margin: 1em auto;
        float: none;
    }
   
    .vertical_services, .vertical_services .cl_column{height:auto !important;}

    .cl_toggles.style-special{margin-left:33px;}

    .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {
        width: 100%;
        margin: 0 0 1em 0;
        float: none;
    }

    .header_container.menu_style-border_effect #navigation nav > ul > li > a:hover:after{ background:transparent !important; }
}

.gallery-caption,
.entry-caption {
    line-height: 1.5em;
}
.highlight b {
    font-weight: 500;
}

.bypostauthor {
    display: block;
}

.alignleft {
    float: left;
    padding-right: 20px;
}
.alignright {
    float: right;
    padding-left: 20px;
}
.aligncenter {
    display: block;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    max-width: 100%;
    padding: 4px;
    float: none;
    background-color: #fff;
    border: 1px solid #4ad2c8;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
}
.wp-caption a {
    padding: 0px;
    padding-bottom: 0px;
}
.inner-content #comments {
    margin-top: 70px;
    clear: both;
}
.entry-content table, .content-col>table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

.entry-content thead th, .content-col>table thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

.entry-content th, .content-col>table th {
    padding: 0.4em;
    text-align: left;
}

.entry-content tr, .content-col>table tr {
    border-bottom: 1px solid #eee;
}

.entry-content td, .content-col>table td {
    padding: 0.4em;
}

.entry-content th:first-child, .content-col>table th:first-child .entry-content td:first-child, .content-col>table td:first-child {
    padding-left: 14px;
}

.entry-content th:last-child, .content-col>table th:last-child .entry-content td:last-child, .content-col>table th:last-child {
    padding-right: 0;
}

.wp-caption.alignleft {
    margin-right: 20px;
    float: left;
}
.wp-caption.alignright {
    margin-left: 20px;
    float: right;
}


.gallery-caption,
.entry-caption {
    line-height: 1.5em;
}



img.wp-smiley,
.rsswidget img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* WP Quick Gallery*/

.entry-content dl.gallery-item {
    margin: 0;
}
.post-password-form input[type="password"] {
    background: #fff;
    height: 45px;
    width: 180px;
    border-width: 1px;
    border-style: solid;
}
article embed {
    max-width: 100%;
}
a {
    -webkit-transition: color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86), background-color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
    -moz-transition: color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86), background-color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
    -o-transition: color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86), background-color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
    transition: color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86), background-color 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
}
a:hover {
    text-decoration: none;
}
.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background-image: url('img/icon_top.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(34, 34, 34, 0.6);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.tp-caption a i {
    color: #fff !important;
}

.content-col>.page-title {
    margin-bottom: 60px;
}
input[type="search"] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
}


/* Search Page */

.content-col>.search-form {
    position: relative;
    display: inline;
}
.content-col>.search-form label {
    display: none;
}
.content-col>.search-form input[type="search"] {
    width: 100%;
    max-width: 300px;
    border-bottom: 1px solid #ebebeb;
    padding-left: 10px;
    height: 50px;
    background: #fff;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.content-col>.search-form i {
    position: absolute;
    right: 10px;
    top: -2px;
}

.error404 .content-col>.search-form i{ top:0 !important; }

.content-col>.search__related {
    margin-top: 45px;
    pointer-events: auto;
}
.content-col>.search__related .search__col {
    padding-right: 20px;
}
.content-col>.search__related .search__col .widget-title {
    margin-bottom: 0.75em;
}
@media (max-width: 767px) {
    .content-col>.search__related {
        display: block !important;
        width: 100%;
    }
    .content-col>.search__related .search__col {
        margin-bottom: 30px;
    }
}

/* End Search Page */


/* 404 not found title */

h2.not-found-404 {
    width: 100%;
    text-align: center;
    font-size: 187px !important;
    color: #222 !important;
    line-height: 200px !important;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600 !important;
}
.error404 h1.page-title {
    margin-bottom: 10px;
   font-size:41px;
   line-height: 60px;
}

.error404  .search-field{ margin-top:20px; }
.error404 p {font-size:18px; }
.error404 .inner-content.container{
    text-align: center; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 700px;
}

@media (min-width: 992px) {
    .cl-hide-not-mobile {
        display: none !important;
        visibility: hidden;
    }
}
@media (max-width: 991px) {
    .cl-hide-on-mobile {
        display: none;
        visibility: hidden;
    }
}


/** 
 *  ------------------------- END BASE WP -------------------------
 *  ---------------------------------------------------------------
 */


/** 
 *  ------------------------- TYPOGRAPHY -------------------------
 *  --------------------------------------------------------------
 */

body {
    line-height: 20px;
}
h1 {
    line-height: 46px;
    margin-top: 0;
    margin-bottom: 0;
}
h2 {
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
h3 {
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
h4 {
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
h5 {
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
h6 {
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    color: inherit;
}

.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4 {
    margin: 1.414em 0 0.5em;
}

.single-post .entry-content p {
    margin-bottom: 1.3em;
}


/** 
 *  ------------------------- END TYPOGRAPHY -------------------------
 *  ------------------------------------------------------------------
 */


/** 
 *  ------------------------- LAYOUT -----------------------------
 *  --------------------------------------------------------------
 */

@media(min-width:1200px) {
    .container {
        max-width: 100%;
    }
}
#content {
    position: relative;
}
#content>p {
    margin: 0;
    padding: 0;
}
@media (min-width: 768px) {
    #content.cl-layout-modern .cl-layout-modern-bg {
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 0;
    }
    #content.cl-layout-modern.cl-layout-left_sidebar .cl-layout-modern-bg {
        left: 0;
    }
    #content.cl-layout-modern.cl-layout-left_sidebar .content-col {
        padding-left: 40px;
    }
    #content.cl-layout-modern.cl-layout-right_sidebar .cl-layout-modern-bg {
        right: 0;
    }
    #content.cl-layout-modern.cl-layout-right_sidebar .content-col {
        padding-right: 40px;
    }
}
@media (max-width: 767px) {
    #content.cl-layout-modern .cl-layout-modern-bg {
        display: none;
    }
}
#content .inner-content .inner-content-row .content-col .container-content {
    width: 100%;
}

/* Layout Bordered */

.cl-layout-bordered {
    padding: 20px;
}
.cl-layout-bordered>#wrapper {
    position: relative;
}
.cl-layout-bordered>#wrapper .header_container.cl-transparent {
    top: 0 !important;
}
.cl-layout-border-container>div {
    position: fixed;
    z-index: 99999;
    background: #fff;
}
.cl-layout-border-container>.top {
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
}
.cl-layout-border-container>.bottom {
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0;
}
.cl-layout-border-container>.left {
    width: 20px;
    height: 100%;
    top: 0;
    left: 0;
}
.cl-layout-border-container>.right {
    width: 20px;
    height: 100%;
    top: 0;
    right: 0;
}



/* Layout Bordered */


/* Boxed Layout */

.cl-boxed-layout {
    margin: 0 auto;
}


/** 
 *  ------------------------- END LAYOUT -------------------------
 *  --------------------------------------------------------------
 */


/* --------------------------------------------------------  Header --------------------------------------------------------- */


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


/* -------------------------------- Menu --------------------------------- */


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

nav .codeless_custom_menu_mega_menu>ul>li.hide-column {
    display: none !important;
}

nav .codeless_custom_menu_mega_menu.bg_type-column>ul>li.hide-column {
    display: block !important;
}

nav .codeless_custom_menu_mega_menu.bg_type-column>ul>li.hide-column h6 {
    display: none;
}

@media (min-width: 992px) {
    #navigation nav {
        float: left;
        width: 100%;
    }
    nav .menu {
        float: left;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        margin-top: 0
    }
    nav .menu li {
        float: none;
        display: inline-block;
        position: relative;
        height: 100%;
    }
    nav .menu>li:hover>a {}
    nav .menu>li>a {
        position: relative;
        /*top:50%;
    //margin-top:-10px;*/
        float: none;
        width: 100%;
    }
    nav .menu li a:hover {
        text-decoration: none;
    }
    nav:not(.cl-dropdown-inline) .menu>li>ul.sub-menu,
    nav:not(.cl-dropdown-inline) .menu>li>ul.sub-menu ul {
        list-style: none;
        margin: 0 !important;
        display: none;
        visibility: hidden;
        position: absolute;
        left: 50%;
        top: 102%;
        z-index: 9999999;
        padding: 0px;
        min-width: 14em;
        max-width: 20em;
        padding: 8px;
        border-radius: 7px;
        transform: translateX(-50%);
        background-color: #fff;
        box-shadow: 2px 3px 4px 2px #1d1d1d1f;
    }

    nav:not(.cl-dropdown-inline) .menu>li>ul.sub-menu .wrapper_triangle li>ul {
        background: #fff;
        -webkit-box-shadow: -4px 0px 23px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: -4px 0px 23px 2px rgba(0, 0, 0, 0.1);
        box-shadow: -4px 0px 23px 2px rgba(0, 0, 0, 0.1);
        padding-top: 23px;
        padding-bottom: 23px;
        padding-right: 0px;
        padding-left: 0px;
    }



    .wrapper_triangle {

        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        background: #fff;
        min-width: 14em;
        max-width: 20em;
        border-radius: 7px;
        padding-top: 23px;
        padding-bottom: 23px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .wrapper_triangle:after {
        position: absolute;
        border: 8px solid transparent;
        border-bottom-color: #fff;
        content: "";
        height: 1px;
        left: 50%;
        top: -8px;
        width: 1px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: transparent;
    }

    nav:not(.cl-dropdown-inline) .menu li.showDropdown>ul {
        display: block !important;
        visibility: visible !important;
    }
    nav:not(.cl-dropdown-inline) .menu li.showDropdown.dropdownRightToLeft>ul {
        
        right: 0;
    }
    nav .menu li>ul.sub-menu li {
        z-index: 50005;
        text-align: left;
        margin: 0 !important;
        padding: 0 !important;
        height: auto;
        display: block;
        width: 100%;
        -webkit-transition: background-color .15s ease-in-out;
        -moz-transition: background-color .15s ease-in-out;
        transition: background-color .15s ease-in-out;
        background-color: rgba(255, 255, 255, 0.0);
    }

    nav .menu li>ul.sub-menu li.menu-item-has-children:after {
        content: "\e8ec";
        position: absolute;
        font-family: "codeless-icons";
        font-size: 13px;
        z-index: 999999;
        right: 28px;
        top: -20px;
    }

    .menu_style-border_effect nav .menu li>ul.sub-menu li.menu-item-has-children:after, .menu_style-border_effect_two nav .menu li>ul.sub-menu li.menu-item-has-children:after {

        top:-26px;
    }


    nav .menu li ul.sub-menu li a {
        display: block;
        padding: 7px 8px 5px 10px;
        width: 100%;
        letter-spacing: 0;
        text-align: left;
    }
    nav .menu li ul.sub-menu li.hasSubMenu>a {
        position: relative;
    }
    nav .menu>li>ul.sub-menu li>.sub-menu {
        top: 0;
        left: 100%;
    }
    nav .menu li ul.sub-menu li:last-child {
        border-bottom: none;
    }
    /* Megamenu */
    nav .codeless_custom_menu_mega_menu {
        display: none;
        visibility: hidden;
        position: absolute;
        left: 0px;
        top: 100%;
        z-index: 9999999;
        width: 160px;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
    }

    nav .codeless_custom_menu_mega_menu.layout-fullwidth {
        left: 0px;
        width: 100%;
    }
    nav .codeless_custom_menu_mega_menu.layout-fullwidth>.sub-menu {
        float: none !important;
    }
    nav .codeless_custom_menu_mega_menu.bg_type-background {
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    nav .codeless_custom_menu_mega_menu h6 {
        text-align: left;
        width: 100%;
        padding-left: 10px;
        float: left;
        margin-bottom: 10px;
    }
    nav .codeless_custom_menu_mega_menu>ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        padding-left: 20px;
        padding-right: 20px;
    }
    nav .codeless_custom_menu_mega_menu>ul>li {
        float: left;
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 34px;
        margin-bottom: 34px;
        border-right-width: 1px;
        border-right-style: solid;
        min-width: 130px;
    }


    nav .codeless_custom_menu_mega_menu>ul>li:last-child {
        border-right: none;
    }
    nav .codeless_custom_menu_mega_menu>ul>li>ul {
        float: left;
        margin: 0;
        width: 100%;
        padding: 0;
        list-style: none;
    }
    nav .codeless_custom_menu_mega_menu>ul>li>ul>li {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    nav .showDropdown .codeless_custom_menu_mega_menu {
        display: block;
        visibility: visible;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega1:not(.layout-fullwidth) {
        width: 255px !important;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega2:not(.layout-fullwidth) {
        width: 600px !important;
        left: 0;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega3:not(.layout-fullwidth) {
        width: 840px !important;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega4:not(.layout-fullwidth) {
        width: 1170px;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega5:not(.layout-fullwidth) {
        width: 1170px;
    }

    nav .codeless_custom_menu_mega_menu li a {
        text-align: left !important;
    }
}
nav .menu li ul.sub-menu li.hasSubMenu>a:after {
    /*content: "\f142";*/
    font-family: "codeless-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: absolute;
    font-size: 11px;
    right: 8px;
}
@media (min-width: 768px) and (max-width: 991px) {
    nav .codeless_custom_menu_mega_menu {
        max-width: 720px !important;
    }
     .cl_pricelist .button{padding:12px 33px !important; font-size:14px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
    nav .codeless_custom_menu_mega_menu {
        max-width: 940px !important;
    }
}



/* -------------------------------- End Menu ----------------------------- */


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

@media (max-width: 340px) {
    .extra_tools_wrapper {
        display: none;
        visibility: hidden;
    }
}



/* Sub Menu for Tools */

@media (min-width: 992px) {
    .extra_tools_wrapper .tool {
        position: relative;
    }
    .extra_tools_wrapper .tool .cl-submenu {
        list-style: none;
        margin: 0 !important;
        display: none;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 100%;
        left: 6px;
        z-index: 9999999;
        padding: 0px;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        min-width: 20em;
        max-width: 20em;
        padding: 16px;
    }
    .extra_tools_wrapper .tool.showDropdown>.cl-submenu {
        display: block !important;
        visibility: visible !important;
    }
    .extra_tools_wrapper .tool.showDropdown.dropdownRightToLeft>.cl-submenu {
        left: auto;
        right: 0;
    }
    .tool .header_cart {
        width: 100%;
        line-height: 20px;
    }
}
.tool .tool-link {
    position: relative;
}
#site-header-cart .button.checkout {
    margin-left: 10px;
}
#site-header-cart ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#site-header-cart ul li {
    padding-left: 25px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#site-header-cart ul li .quantity {
    color: #999;
}
#site-header-cart ul li:last-child {
    margin-bottom: 0;
    border-bottom-width: 0;
}
#site-header-cart ul li .remove {
    position: absolute;
    left: 0px;
    top: 12px;
    color: #4cd4ca !important;
}
#site-header-cart ul li img {
    width: 53px;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
#site-header-cart ul li a:not(.remove) {
    width: 100%;
    display: block;
    font-size:16px;
}
.tool .tool-link .cart-total {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -9px;
    left: auto;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
}
.tool.search>i {
    cursor: pointer;
}
.tool.search.search-style-simple {
    min-width: 60px;
    text-align: right;
}
.tool .header_search {
    line-height: 20px;
    width: 200px;
}
#site-header-search form {
    width: 100%;
    position: relative;
}
#site-header-search label {
    display: none;
}
#site-header-search input[type="search"] {
    height: 35px;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}
#site-header-search input[type="search"]:focus {
    border-color: #3a3a3a;
}
#site-header-search form i {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 12px;
}
@media (max-width: 991px) {
    #site-header-search,
    #site-header-cart {
        padding-left: 15px;
        padding-right: 15px;
    }
    #site-header-search form i {
        top: 5px !important;
    }
}


/* End Sub Menu for Tools */


/* -------------------------------- MOBILE MENU -------------------------- */

.cl-mobile-menu nav>ul>li>a { font-weight: 600; text-transform: uppercase !important; color:#222; }

.cl-mobile-menu {
    display: none;
    padding-top: 24px;
    padding-bottom: 24px;
}
.cl-mobile-menu-button.cl-color-light span {
    background-color: #fff !important;
}
.cl-header-light .cl-mobile-menu-button span {
    background-color: #fff !important;
}
.cl-mobile-menu nav {
    overflow: hidden;
}
.cl-mobile-menu-button {
    display: none;
    position: relative;
    width: 24px;
    height: 16px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative;
}
@media (max-width: 991px) {
    .header_container .header-row #navigation {
        display: none;
    }
    .cl-mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .cl-mobile-menu nav>ul>li {
        padding-top: 4px;
        padding-bottom: 4px;
      
    }
    .cl-mobile-menu nav li a {
        width: 100%;
        display: block;
    }
    .cl-mobile-menu nav>ul>li>a { font-weight: 600; text-transform: uppercase; color:#31bc13; }

    .cl-mobile-menu nav li.hasSubMenu {
        cursor: pointer;
    }
    .cl-mobile-menu nav .codeless_custom_menu_mega_menu>ul>li.hasSubMenu {
        position: relative;
    }
    .cl-mobile-menu nav li.hasSubMenu>a:after {
        content: "\e8ec";
        font-family: "codeless-icons";
        font-style: normal;
        font-weight: normal;
        speak: none;
        position: absolute;
        font-size: 11px;
        right: 93px;
    }
    .cl-mobile-menu nav .codeless_custom_menu_mega_menu>ul>li.hasSubMenu:after {
        content: "\e8ec";
        font-family: "codeless-icons";
        font-style: normal;
        font-weight: normal;
        speak: none;
        position: absolute;
        font-size: 11px;
        right: 8px;
        top: 0;
    }
    .cl-mobile-menu nav li.hasSubMenu.open>a:after,
    .cl-mobile-menu nav .codeless_custom_menu_mega_menu>ul>li.hasSubMenu.open:after {
        content: "\f078";
    }
    .cl-mobile-menu .hasSubMenu>ul,
    .cl-mobile-menu .hasSubMenu>.codeless_custom_menu_mega_menu {
        display: none;
    }

    .cl-mobile-menu .hasSubMenu>ul{
        width: 70%;
        margin:auto;

    }
    .cl-mobile-menu .hasSubMenu>ul>li,
    .cl-mobile-menu .hasSubMenu>.codeless_custom_menu_mega_menu>ul>li {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .cl-mobile-menu-button {
        display: inline-block;
    }
    .cl-mobile-menu-button span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 4px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .cl-mobile-menu-button span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .cl-mobile-menu-button span:nth-child(2) {
        top: 6px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .cl-mobile-menu-button span:nth-child(3) {
        top: 12px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .cl-mobile-menu-button.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -3px;
        left: 4px;
    }
    .cl-mobile-menu-button.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    .cl-mobile-menu-button.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 14px;
        left: 4px;
    }
    .upper_title{
        font-size:9px !important;
    }
}

/* -------------------------------- END MOBILE MENU ---------------------- */

.header_container * {
    box-sizing: border-box;
}

.header_container.menu_style-border_bottom #navigation nav>ul>li:after {
    position: absolute;
    content: "";
    width: 42px;
    height: 5px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.header_container.menu_style-border_top #navigation nav>ul>li:after {

    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.header_container.menu_style-border_bottom #navigation nav>ul>li>a.anchorSubmenu:after {

    content: "\f078";
    font-family: "codeless-icons";
    font-size: 9px;
    position: absolute;
    bottom: 3px;
    margin-left: 7px;
}


.header_container.header-left .header-el {
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.header_container .header-row-inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    align-items: center;
}
.header-row .header-row-inner .c-left {
    justify-content: flex-start;
}
.header-row .header-row-inner .header-col {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 100%;
    position: relative;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
}
.cl-header-forced-center .header-row.main .header-row-inner .header-col {
    width: 100%;
}
.cl-header-forced-center .header-row.extra_row .header-row-inner .header-col {
    width: 100%;
}

.cl-header-forced-center .header-row.main .header-row-inner .header-col.c-middle {
    width: 200%;
}
.cl-header-forced-center .header-row.extra_row .header-row-inner .header-col.c-middle {
    width: 200%;
}

.header-row .header-row-inner .c-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: end;
    /* justify-content */
    border-right-width: 0;
}
.header-row .header-row-inner .c-middle {
    justify-content: center;
}
.header-col .header-el {
    position: relative;
    min-width: 24px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.header-el .content {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
}







/*Mail Chimp  */

.mc4wp-form-fields input[type="email"] {
    border-radius: 28px;
    padding-right: 120px;
    padding-left: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 484px;
    color: #7f7f7f;
    padding-top:15px;
    padding-bottom:15px;
    font-size:16px;
    
}    

.mc4wp-form-fields input[type="submit"] {
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    width: 105px;
    padding-top: 16px;
    padding-bottom: 14px;
    margin-left: -10px;
    padding-left: 5px;
    background: #4cd4ca;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

aside .mc4wp-form-fields input[type="submit"]{
    width:44px;
    color:#4cd4ca;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #f5f5f5 !important;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

aside .mc4wp-form-fields .button-icon{ 
    position:relative; 
    width: 20px;
    height: 20px; 
}



aside .mc4wp-form-fields span:before{
    
    top: 0;
    font-family: 'codeless-icons';
    content: '\e902';
    line-height: 29px;
    position: absolute;
    margin-left: -31px;
    color:#fff;

}
    
footer .mc4wp-form-fields input[type="email"] {
    width: 232px;
    padding-left: 18px;
    padding-right: 13px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
}

    
footer .mc4wp-form-fields input[type="submit"] {
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    margin-top: 10px;
    margin-left: 5px;
}




/* Top Nav */

.top_nav.header-row {
    height: 30px;
}
@media (max-width:991px) {
    .top_nav.header-row {
        display: none;
    }
}











/* End Top Nav */


/* Logo  */

#logo.logo_font {
    float: left;
    height: 100%;
}
#logo img {
    height: 40px;
}
#logo img {
    max-width: none;
    top: 50%;
    position: relative;
}
#logo img.dark {
    display: block;
    visibility: visible;
}
#logo img.light {
    display: none;
    visibility: hidden;
}
.background--dark #logo img.light {
    display: block;
    visibility: visible;
}
.background--dark #logo img.dark {
    display: none;
    visibility: hidden;
}

@media( min-width:992px) {
    .logo_ipad {
        display: none;
    }
}

@media( min-width:768px) {
    .logo_iphone {
        display: none;
    }
}

@media( min-width:768px) and (max-width:991px) {
    #logo.is-responsive img:not(.logo_ipad) {
        display: none;
    }
}
@media(max-width:767px) {
    #logo.is-responsive img:not(.logo_iphone) {
        display: none;
    }
}

@media (max-width:991px) {
    .logo_font.cl-responsive_color_light {
        color: #fff !important;
    }
}











/* Logo End  */

@media (min-width:992px) {
    /* Sticky */
    .cl-header-sticky {
        -webkit-transition: -webkit-transform .3s ease-in-out, opacity .15s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out, opacity .15s ease-in-out;
        transition: transform .3s ease-in-out, opacity .15s ease-in-out;
    }

    .cl-header-sticky:not(.cl-transparent):not(.cl-actived-fullscreen-header) {
        position: static;
        width: 100%;
        top: 0;
        z-index: 99999;
    }

    .admin-bar .cl-header-sticky:not(.cl-transparent):not(.cl-actived-fullscreen-header) {
        position: static;
        width: 100%;
        top: 32px;
        z-index: 99999;
    }

    main#main {
        -webkit-transition: margin-top .3s ease-in-out, opacity .15s ease-in-out;
        -moz-transition: margin-top .3s ease-in-out, opacity .15s ease-in-out;
        transition: margin-top .3s ease-in-out, opacity .15s ease-in-out;
    }


    .cl-header-sticky-prepare:not(.cl-actived-fullscreen-header) {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        position: absolute;
    }
    .cl-header-sticky-prepare .top_nav {
        display: none;
        visibility: hidden;
    }
    .cl-header-sticky-prepare.cl-header-top-nav-sticky .top_nav {
        display: block;
        visibility: visible;
    }
    .cl-header-sticky-ready:not(.cl-actived-fullscreen-header) {
        position: fixed !important;
        background: #fff;
        top: 0;
        width: 100%;
        z-index: 99999;
    }

    .cl-header-sticky-ready.cl-header-sticky-shadow {
        box-shadow: 0 -11px 42px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 -11px 42px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 -11px 42px rgba(0, 0, 0, 0.1);
    }

    .cl-header-sticky-active:not(.cl-actived-fullscreen-header) {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }
    /* End Sticky */
}
@media (max-width:767px) {
    .cl-header-sticky-mobile {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999;
        background: #fff;
        box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15);
    }
    .cl-header-sticky-mobile .header-row-inner {
        background: #fff !important;
    }

    .upper_title{
        font-size:14px !important;
    }

    body.cl-with-sticky-mobile #main {
        padding-top: 90px;
    }
}

.cl-header-side .container {
    max-width: 100%;
}












/* ------------------------ Header Layouts --------------------------  */

.header_container {
    background-repeat: no-repeat;
    background-position: left top;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}
.header_container>.main, .header_container>.top_nav, .header_container>.extra_row {
    background-repeat: no-repeat;
    background-position: left top;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}

.admin-bar .header_container.boxed-style {
    top: 32px;
}

.header_container.boxed-style {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}
.header-layout-top #viewport {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.header_container:not(.header-left):not(.header-right):not(.menu-full-style) #navigation:not(.vertical-menu) nav .menu>li:last-child {
    padding-right: 0;
    margin-right: 0;
}

@media (min-width:992px) {
    /* Top  */
    .header_container.header-top .header-el:last-child {
        margin-right: 0px !important;
    }
    .header_container.header-top .main {
        width: 100% !important;
    }

    .header_container.header-top.boxed-style {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        
    }

    .header_container.header-top.boxed-style .main {
        border-radius: 12px;
    }

    /* End Top  */
    /* Left */
    .header_container.header-left {
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        z-index: 9999;
    }
    .header_container.header-left .logo_font {
        width: 100%;
    }
    .header_container.header-left.boxed-style {
        position: fixed;
        height: auto;
    }
    .header_container.header-left .header-el:last-child {
        margin-bottom: 0px;
    }
    .header_container.header-left:not(.boxed-style) .header-row {
        height: 100% !important;
        line-height: inherit !important;
    }
    .header_container.header-left .header-row-inner {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
    .header_container.header-left .header-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        height: auto;
        min-height: 50px;
        width: 100%;
    }


    .header-left nav .menu>li>a {
        top: auto;
        margin-top: 0;
    }
    .header-left nav .menu li {
        float: left;
        width: 100%;
        height: auto;
    }
    .header_container.header-left #navigation {
        float: left;
        width: 100%;
    }
    .header-left nav .menu {
        width: 100%;
    }
    .header-left nav .menu>li>a {
        width: 100%;
        display: block;
    }

    .header-left .hasSubMenu>ul {
        left: 100% !important;
        top: 0 !important;
    }

    /* End Left  */
    /* Right */
    .header_container.header-right {
        position: fixed;
        height: 100%;
        top: 0;
        right: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .header_container.header-right .header-el:last-child {
        margin-bottom: 0px;
    }
    .header_container.header-right.boxed-style {
        position: fixed;
        height: auto;
        right: 0;
        left: auto;
    }
    .header_container.header-right .header-row {
        height: 100% !important;
        line-height: inherit !important;
    }
    .header_container.header-right .header-row-inner {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
    .header_container.header-right .header-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        height: auto;
        min-height: 50px;
        width: 100%;
    }
    .header_container.header-right .header-el {
        width: 100%;
    }

    .header-right nav .menu>li>a {
        top: auto;
        margin-top: 0;
    }
    .header-right nav .menu li {
        float: left;
        width: 100%;
        height: auto;
    }
    .header_container.header-right #navigation {
        float: left;
        width: 100%;
    }
    .header-right nav .menu {
        width: 100%;
    }
    .header-right nav .menu>li>a {
        width: 100%;
        display: block;
    }
}











/* End Right  */

.cl-header-side .container {
    max-width: 100%;
}












/* responsive header */

@media (max-width:991px) {
    .header_container>.main {
        height: 90px;
        line-height: 90px;
        padding: 0 !important;
    }
    .header_container>.main .header-el {
        margin-right: 40px;
    }
    .header_container>.main .header-el:last-child {
        margin-right: 0 !important;
    }
    .cl-h-cl_header_logo {
        min-width: auto !important;
    }
    .cl-h-cl_divider {
        display: none !important;
    }
    .cl-header-light.cl-header-side .boxed-style .cl-mobile-menu-button span {
        background-color: #fff;
    }
    .header_container.boxed-style {
        width: 100%;
    }

}


/* transparent header */

.header_container.cl-transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}



/* Fix Header Transparent when logged in */

.admin-bar:not(.cl-offcanvas-menu-style) .header_container.cl-transparent, .admin-bar .header_container.cl-header-sticky-ready {
    top: 32px;
}


.admin-bar .header_container.cl-transparent {
    top: 46px;
}



/* light header */

.header_container.cl-header-light #logo .dark {
    display: none;
    visibility: hidden;
}
.header_container.cl-header-light #logo .light {
    display: block;
    visibility: visible;
}
.header_container.cl-header-light nav ul li a {
    color: rgba(255, 255, 255, 0.85);
}
.header_container.cl-header-light .extra_tools_wrapper .tool i {
    color: rgba(255, 255, 255, 0.85);
}

.header_container.cl-header-light .logo_font {
    color: rgba(255, 255, 255, 0.85) !important;
}
.header_container.cl-header-light .cl-text {
    color: rgba(255, 255, 255, 0.85)
}
.cl-header-light nav>ul>li a:hover,
.cl-header-light nav>ul>li.current-menu-item>a:hover {
    color: #fff;
}

.header_container.cl-header-light .cl_socialicon:not(.round)>a>i {
    color: rgba(255, 255, 255, 0.85);
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}
.header_container.cl-header-light .cl_socialicon:not(.round)>a:hover>i {
    color: #fff !important;
}



/* ----------------------- End Header Layouts  -----------------------*/


/* ----------------------- Menu Styles -----------------------*/

@media (min-width: 992px) {
    .menu-with_shadow {
        -webkit-box-shadow: 0 3px 5px -6px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 3px 5px -6px rgba(0, 0, 0, 0.4);
        box-shadow: 0 3px 5px -6px rgba(0, 0, 0, 0.4);
    }
}
.header_container.menu-full-style .header-row #navigation {
    height: 100%;
}
.header_container.menu_style-border_top #navigation nav>ul>li,
.header_container.menu_style-border_bottom #navigation nav>ul>li,
.header_container.menu_style-border_left #navigation nav>ul>li,
.header_container.menu_style-border_right #navigation nav>ul>li {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgba(0, 0, 0, 0);
}
.header_container.menu-full-style #navigation nav>ul>li>a {}
.header_container.menu_style-border_top.menu-text-style #navigation nav>ul>li>a,
.header_container.menu_style-border_bottom.menu-text-style #navigation nav>ul>li>a,
.header_container.menu_style-border_left.menu-text-style #navigation nav>ul>li>a,
.header_container.menu_style-border_right.menu-text-style #navigation nav>ul>li>a {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgba(0, 0, 0, 0);
}
.header_container.menu_style-border_left.menu-text-style #navigation nav>ul>li>a {
    padding-left: 10px;
}
.header_container.menu_style-border_right.menu-text-style #navigation nav>ul>li>a {
    padding-right: 10px;
}


.header_container.menu_style-background_color.menu-text-style #navigation nav>ul>li>a {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 8px;
}


.header_container.menu_style-border_effect #navigation nav>ul>li>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: width .15s ease-in-out, background-color .15s ease-in-out;
    -moz-transition: width .15s ease-in-out, background-color .15s ease-in-out;
    transition: width .15s ease-in-out, background-color .15s ease-in-out;
}
.header_container.menu_style-border_effect #navigation nav>ul>li>a:hover:after,
.header_container.menu_style-border_effect #navigation nav>ul>li.current-menu-item>a:after {
    width: 100%;
}

.header_container.menu_style-border_effect_two #navigation nav>ul>li>a:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #999;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
}
.header_container.menu_style-border_effect_two #navigation nav>ul>li>a:hover:after,
.header_container.menu_style-border_effect_two #navigation nav>ul>li.current-menu-item>a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
}
@media(min-width:992px) {
    .header_container.cl-header-light.menu_style-border_effect_two #navigation nav>ul>li>a:hover:after,
    .header_container.cl-header-light.menu_style-border_effect_two #navigation nav>ul>li.current-menu-item>a:after {
        background-color: #fff !important;
    }
}




/* ----------------------- End Menu Styles -------------------*/


/* Header Tools  */

.extra_tools_wrapper {
    float: left;
    height: 100%;
}
.extra_tools_wrapper .tool {
    float: left;
    height: 100%;
    margin-left: 9px;
}
.extra_tools_wrapper .tool i {
    font-size: 17px;
    top: 0px;
    position: relative;
}


/* End Header Tools */


/* ----------------------------- Header Elements -------------------------------- */


/* ------------------ Menu ------------------ */


/* ------ Hamburger Menu ------- */

.cl-hamburger-menu {
    display: none;
    position: relative;
    width: 24px;
    height: 16px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative;
}

.cl-hamburger-menu {
    display: inline-block;
}
.cl-hamburger-menu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.cl-header-light .cl-hamburger-menu span {
    background-color: #fff !important;
}

.cl-hamburger-menu span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.cl-hamburger-menu span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.cl-hamburger-menu span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.cl-hamburger-menu.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 4px;
}
.cl-hamburger-menu.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.cl-hamburger-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    left: 4px;
}

.cl-hamburger-menu.open.style-overlay,
.cl-hamburger-menu.open.style-half_overlay {
    z-index: 999999999;
}
.cl-hamburger-menu.open.active-color-light-text span {
    background-color: #fff;
}

.cl-hamburger-menu.open {
    position: fixed;
}

.cl-fullscreen-overlay-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s 0.5s, visibility 0s 1s;
    transition: opacity 0.5s 0.5s, visibility 0s 1s;
}

.cl-fullscreen-overlay-menu.open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
}

.cl-fullscreen-overlay-menu .wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
.cl-fullscreen-overlay-menu .wrapper .inner-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cl-fullscreen-overlay-menu .wrapper .inner-wrapper nav>ul {
    width: 100%;
}
.cl-fullscreen-overlay-menu .wrapper .inner-wrapper #navigation {
    height: auto;
    display: block !important;
}


.cl_tabs.style-simple{ text-align: center; }


.cl_toggle h6{


    font-size: 18px !important;
    background: #5bfdf1;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px !important;
    padding-left: 20px;
    font-weight: 400 !important;
    color:#222;

}

.cl_toggles.style-simple h6{
    color:#222;
}

.cl_toggles.style-special .cl_toggle h6.open:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #5170ca;
    margin-left: -28px;
    margin-top: 12px;
    border-radius: 50px;

}


.cl_toggles.style-special h6{ 
    background: transparent !important; 
    font-size:25px !important; 
    line-height:35px; 
    font-weight: 600 !important;
    padding-left:0;
    padding-top:0px;
    color:rgba(25,25,27,.5) !important;

}

.cl_toggles.style-special h6.open{
    color:#222 !important;
}


.cl_toggles.style-special .cl_toggle{margin-bottom:20px !important;}


.cl_toggles.style-special .cl-text{
    padding-left:0px !important;
}

/* Half Overlay */

@media (min-width:992px) {
    .cl-half-overlay-menu {
        position: fixed;
        width: 25%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99999;

        -webkit-transition: opacity 0.3s, -webkit-transform 0.6s;
        transition: opacity 0.3s, transform 0.6s;

        transform: translateX(-100%);
        -webkit-transform: translateX(-100%)
    }

    .cl-half-overlay-menu.open {

        -webkit-transition: opacity 0.3s, -webkit-transform 0.6s;
        transition: opacity 0.3s, transform 0.6s;

        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .cl-half-overlay-menu .wrapper {
        display: table;
        width: 100%;
        height: 100%;
    }
    .cl-half-overlay-menu .wrapper .inner-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .cl-half-overlay-menu .wrapper .inner-wrapper nav>ul {
        width: 100%;
    }
    .cl-half-overlay-menu .wrapper .inner-wrapper #navigation {
        height: auto;
        display: block !important;
    }

    .cl-half-overlay-menu nav ul li a {
        display: block;
        padding: 0 30px;
    }

    .cl-offcanvas-menu {
        position: absolute;
        height: 0;
        top: 0;
        right: 0;
        height: 100vh;
        width: 300px;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .cl-offcanvas-menu-style #viewport {
        position: relative;
        left: 0;
        z-index: 99;
        height: 100%;
        perspective: 1000px;
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
    }

    .cl-show-offcanvas-menu #viewport {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
    }

    .cl-offcanvas-menu .wrapper {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

.cl-offcanvas-menu+.cl-mobile-menu-button {
    display: none;
}

@media (max-width:991px) {
    .cl-hamburger-menu.style-half_overlay {
        display: none;
    }
    .cl-hamburger-menu.style-offcanvas {
        display: none;
    }
}



/* End Half Overlay */


/* Dropdown inline */

nav .menu li ul.sub-menu li a {
    font-weight: 500 !important;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

nav.cl-dropdown-inline>ul .sub-menu {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
    min-height: 0px;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.mptt-menu.mptt-navigation-select {
    height: 40px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-bottom:1px solid #222;
    border-left:none;
    border-right:none;
    border-top:none;

}


/* Vertical Menu */

@media (min-width: 768px) {
    .vertical-menu nav .menu>li>a {
        top: auto;
        margin-top: 0;
    }
    .vertical-menu nav .menu li {
        float: left;
        width: 100%;
        height: auto;
        line-height: normal;
    }
    .vertical-menu {
        float: left;
        width: 100%;
    }
}

/* Header Button */

.cl-h-cl_header_button a {
    line-height: 1.5;
    font-weight: 600;
    font-size:13px;
    padding:15px 38px;
}


/* Header Widget */

.cl-header-light .cl-h-cl_header_widget .widgetized {
    color: #fff;
}
.cl-header-light .cl-h-cl_header_widget .widgetized>.widget {
    display: inline-block;
    margin: 0 5px;
}

/* Header Text */

.cl-h-cl_header_text>div {
    display: block;
    width: 100%;
}



@media (max-width:991px) {
    .cl-h-cl_header_text>div p {
        line-height: 20px;
    }
    .header-el .cl_socialicon {
        line-height: 20px;
        display: none !important;
    }

    .header-el .cl_socialicon:nth-child(1) {
        display: inline-block !important;
    }
    .header-el .cl_socialicon:nth-child(2) {
        display: inline-block !important;
    }


    .header-el.cl-hide-on-mobile {
        display: none !important;
    }
}

.header-el .cl_socialicondiv {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.header-el .cl_socialicondiv .round a {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.header-el .cl-icon-text i {
    font-size: 16px;
    padding-right: 10px;
}
.header-el .cl-icon-text span {
    display: inline-block;
}
.header-el .cl-icon-text span p {
    margin: 0;
    padding: 0;
}


/** 
 *  ------------------------- END HEADER -------------------------
 *  --------------------------------------------------------------
 *  --------------------------------------------------------------
 */


/** 
 *  ------------------------- BLOG -------------------------------
 *  --------------------------------------------------------------
 */

article p:first-child {
    margin-top: 0px;
}
article p:first-child:last-child {
    margin-bottom: 0px;
}
article:last-child {
    margin-bottom: 0px !important;
}
article iframe,
article video {
    width: 100%;
    border: none;
    box-shadow: none;
}

#blog-entries article .entry-readmore {
    margin-top: 10px;
    display: inline-block;
    position: relative;
    font-size: 16px;
}
#blog-entries article .entry-readmore:after {
    content: '\e8c3';
    font-family: "codeless-icons";
    position: absolute;
    top: 3px;
    right: -6px;
    font-weight: 300;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in-out, right .1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out, right .1s ease-in-out;
    transition: opacity 0.1s ease-in-out, right .1s ease-in-out;
}
#blog-entries article .entry-readmore:hover:after {
    opacity: 1;
    right: -20px;
}

#blog-entries.blog_align_center {
    margin: 0 auto;
    text-align: center;
}
.blog_align_center .entry-meta {
    display: flex !important;
    justify-content: center;
}
#blog-entries.blog_align_left {
    float: left;
}
#blog-entries.blog_align_right {
    float: right;
}

.single-post #reply-title{
    font-weight: 600 !important;
}

/* Post Slider  */

article.format-gallery .cl-post-swiper-slider .swiper-pagination-fraction {
    bottom: 60px;
    text-align: right;
    padding-right: 40px;
    color: #fff;
}
article.format-gallery .cl-post-swiper-slider img {
    width: 100%;
}
article.format-gallery .cl-post-slider-nav {
    background-color: rgb(0, 0, 0, 0);
    -webkit-transition: opacity.15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
article.format-gallery .cl-post-slider-nav:hover {
    opacity: 0.68;
}
article.format-gallery .cl-post-swiper-slider .swiper-button-next {
    padding: 32px 21px;
    margin-top: -32px;
    right: 0;
}
article.format-gallery .cl-post-swiper-slider .swiper-button-prev {
    padding: 32px 21px;
    margin-top: -32px;
    left: 0;
}




/* ENTRY SHARE BUTTONS */

article .entry-tools .entry-tool-share {
    position: relative;
}
article .entry-tools .entry-tool-share .share-buttons {
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity 0.1s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 0.1s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translatey(-15px);
    -moz-transform: translatey(-15px);
    -ms-transform: translatey(-15px);
    transform: translatey(-15px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0, 0, 0, 0.04);
    position: absolute;
    top: -80px;
    left: 0px;
    padding: 13px 9px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    z-index: 9999;
}
article .entry-tools .entry-tool-share .share-buttons a {
    width: 100%;
    float: left;
    text-align: center;
}
article .entry-tools .entry-tool-share .share-buttons i {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    width: 100%;
    text-align: center;
}
article .entry-tools .entry-tool-share .share-buttons.hidden {
    display: none;
}
article .entry-tools .entry-tool-share .share-buttons.show {
    opacity: 1;
    -webkit-transform: translatey(0px);
    -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
    transform: translatey(0px);
}

article.hentry h2.entry-title {
    word-break: break-word;
}

#blog-entries .format-gallery .entry-media {
    display: block;
}
#blog-entries .format-video .entry-media {
    display: block;
}

article .post-thumbnail>img {
    width: 100%;
}

/* Default Style Quote */

article.format-quote .entry-content {
    position: relative;
}
article.format-quote .entry-content i {
    font-size: 48px;
    position: absolute;
    left: 0;
    bottom: 20px;
}
article.format-quote .entry-content .quote-entry-content {
    padding: 35px 75px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}
@media (max-width: 767px) {
    article.format-quote .entry-content .quote-entry-content {
        padding: 35px 42px;
    }
    article.format-quote .entry-content i {
        font-size: 34px;
    }
    article.format-quote .entry-content .quote-entry-content p,
    article.default-style.format-quote .entry-content .quote-entry-content a {
        font-size: 18px !important;
        line-height: 28px !important;
    }
}
article.format-quote .entry-content .quote-entry-content p,
article.default-style.format-quote .entry-content .quote-entry-content a {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}
article.format-quote .entry-content .quote-entry-author {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: italic;
    position: absolute;
    right: 15px;
    bottom: 15px;
}



/* BLOG ALTERNATE STYLE  */

#blog-entries .alternate-style {
    background: #fff;
}
#blog-entries .alternate-style.boxed-layout {
    box-shadow: 0 3px 5px rgba(50, 50, 93, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 5px rgba(50, 50, 93, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px rgba(50, 50, 93, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
}
#blog-entries .alternate-style .entry-wrapper {
    width: 100%;
    padding: 20px 40px;
}
#blog-entries .alternate-style .entry-media iframe,
#blog-entries .alternate-style .mejs-container {
    width: 100% !important;
}
#blog-entries .alternate-style .entry-media iframe {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}

article.minimal-style.sticky .entry-wrapper-content{    
    border:1px solid #4ad2c8;   
    background:#f2f2f245;
}
article.alternate-style .entry-meta {
    width: 100%;
    display: block;
    font-size: 12px;
    float: left;
}
article.alternate-style .entry-meta-single {
    float: left;
    margin-right: 10px;
    font-style: italic
}
article.alternate-style .entry-meta-single:last-child {
    margin-right: 0px;
}
article.alternate-style .entry-meta-single .entry-meta-prepend {
    font-size: 13px;
    font-weight: 500;
}
article.alternate-style .entry-meta-single a {}
article.alternate-style .entry-content {
    margin-top: 10px;
    padding-right: 10px;
}
article.alternate-style.sticky {
    border-width: 1px;
    border-style: solid;
    padding: 40px !important;
}
article.alternate-style .cl-btn {
    margin-top: 15px;
}
article.alternate-style .twitter-tweet::shadow .EmbeddedTweet {
    border-bottom-width: 0px !important;
}
article.alternate-style .post-thumbnail {
    height: 100%;
    overflow: hidden
}
article.alternate-style .entry-gallery {
    height: 100%;
}
#blog-entries .alternate-style .cl-post-swiper-slider {
    width: 100%;
    height: 100%;
}
@media ( max-width: 767px) {
    article.alternate-style .entry-meta-single {
        line-height: 16px;
    }
    article.alternate-style .entry-meta {
        margin-bottom: 10px;
    }
}
@media (max-width: 991) {
    #blog-entries .alternate-style {
        display: block;
    }
    #blog-entries .alternate-style .entry-media {
        width: 100%;
    }
    #blog-entries .alternate-style .entry-wrapper {
        width: 100%;
    }
    article.alternate-style .cl-post-swiper-slider img {
        width: 100%;
    }
}
@media (min-width: 992px) {
    article.alternate-style {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    #blog-entries .alternate-style .entry-media {
        width: 100%;
        max-width: 312px !important;
        justify-content: flex-start;
    }
    #blog-entries .alternate-style .entry-wrapper {
        width: 100%;
        justify-content: flex-end;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
    article.alternate-style .entry-gallery img {
        width: auto;
    }
    article.alternate-style .post-thumbnail img,
    article.alternate-style .cl-post-swiper-slider img {
        max-width: 415px;
    }
    .cl-layout-fullwidth article.alternate-style .post-thumbnail img,
    .cl-layout-fullwidth article.alternate-style .cl-post-swiper-slider img {
        max-width: 358px;
    }
}
@media (min-width: 1200px) {
    article.alternate-style .post-thumbnail img,
    article.alternate-style .cl-post-swiper-slider img {
        max-width: 320px;
    }
    .cl-layout-fullwidth article.alternate-style .post-thumbnail img,
    .cl-layout-fullwidth article.alternate-style .cl-post-swiper-slider img {
        max-width: 312px;
    }
}



/* Blog Entry Minimal  */

#blog-entries .minimal-style .entry-media-wrapper {
    position: relative;
}
#blog-entries .minimal-style .entry-media-wrapper .time {
    position: absolute;
    z-index: 999;
    top: 25px;
    background: #fff;
    left: 25px;
    color: #fff;
    font-size: 14px;
    border: 3px solid rgba(255, 255, 255, 0.4);
    border-radius: 7px;
    padding: 5px 23px;
}
#blog-entries .minimal-style .entry-media-wrapper .time time {
    font-size: 16px;
    text-transform: uppercase;
    color: #222;
    font-weight: bold;
}
#blog-entries .minimal-style .entry-wrapper {
    margin-top: 0px;
}
#blog-entries .minimal-style .entry-header {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#blog-entries .minimal-style .entry-wrapper-content {
    padding: 30px 50px;
    border-color: #f5f5f5 !important;
    border-radius: 4px;
    border:1px solid #f5f5f5;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

#blog-entries .minimal-style:hover .entry-wrapper-content {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0;
}

#blog-entries .minimal-style .entry-wrapper-content .entry-readmore {
    margin-top: 20px;
}
article.minimal-style .entry-meta {
    width: 100%;
    display: block;
    font-size: 12px;
    float: left;
}


article.minimal-style .entry-meta-single {
    float: left;
    margin-right: 10px;
    font-style: italic
}
article.minimal-style .entry-meta-single:last-child {
    margin-right: 0px;
}
article.minimal-style .entry-meta-single .entry-meta-prepend {
    font-size: 13px;
    font-weight: 500;
}


/* Timeline Blog Style */

@media (min-width: 768px) {
    .timeline-entries:before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        background-color: #ededed;
        margin-left: -1px;
        content: ' ';
    }
    .timeline-entries article .grid-holder:before {
        position: absolute;
        right: -8px;
        top: 37px;
        content: "";
        width: 16px;
        height: 16px;
        background: #a1a1a1;
        border-radius: 50%;
    }
    .timeline-entries article .grid-holder:after {
        position: absolute;
        right: 27px;
        top: 35px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 12px;
        border-color: transparent transparent transparent #fff;
        content: "";
    }
    .timeline-entries article:nth-child(2n) .grid-holder:before {
        left: -8px;
    }
    .timeline-entries article:nth-child(2n) .grid-holder:after {
        border-width: 10px 12px 10px 0px;
        border-color: transparent #fff transparent transparent;
        right: auto;
        left: 27px;
    }
}
.timeline-entries {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.timeline-entries article {
    width: 50%;
    padding: 15px;
    padding-right: 38px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
.timeline-entries article.boxed-layout .grid-holder {
    box-shadow: 0 3px 5px rgba(50, 50, 93, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 5px rgba(50, 50, 93, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px rgba(50, 50, 93, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
}
.timeline-entries article:nth-child(2n) {
    padding-right: 15px;
    padding-left: 38px;
}
.timeline-entries article .grid-holder {
    padding: 20px !important;
    background: #fff;
}
#blog-entries .timeline-style .grid-holder .grid-holder-inner {
    border-width: 0 !important;
}
.timeline-entries article {
    margin-bottom: 0 !important;
}
.timeline-entries article:nth-child(2n+1) {
    margin-bottom: 35px;
}
.timeline-entries article:nth-child(2n) {
    margin-top: 50px;
}
@media (min-width: 768px) {
    .timeline-entries article {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .timeline-entries article {
        width: 100%;
    }
}


/* Grid */

@media (min-width: 768px) {
    .grid-entries[data-grid-cols="4"] article {
        width: 25%;
    }
    .grid-entries[data-grid-cols="3"] article {
        width: 33.3%;
    }
    .grid-entries[data-grid-cols="2"] article {
        width: 50%;
    }
    .grid-entries[data-grid-cols="5"] article {
        width: 20%;
    }
}
@media (min-width: 570px) and (max-width: 768px) {
    .grid-entries article {
        width: 50%;
    }
}
@media (max-width: 569px) {
    .grid-entries article {
        width: 100%;
    }
}
#blog-entries .grid-style .grid-holder {
    padding-left: 10px;
    padding-right: 10px;
}

.cl_blog #blog-entries .grid-style .grid-holder:hover .grid-holder-inner{
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0;
    box-shadow: 4px 4px 0 0 #c5d7e0; 
}

#blog-entries .grid-style .entry-readmore {
    margin-top: 0;
}
#blog-entries .grid-style .grid-holder .grid-holder-inner {
    border-style: none;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}


.cl_blog .post-thumbnail{display: none;}
.cl_blog #blog-entries .grid-style .entry-content {font-size:16px !important; line-height: 28px;}
.cl_blog #blog-entries article .entry-readmore{font-size:16px !important; font-weight:600;}



#blog-entries .grid-style .grid-holder .entry-wrapper {
    padding: 24px;
    padding-bottom: 10px;
}

#blog-entries .grid-style .grid-holder .entry-wrapper .entry-wrapper-content{
    padding-top: 20px;
}

.cl_blog #blog-entries .grid-style .entry-meta-author {display: none;}
.cl_blog #blog-entries .grid-style .entry-meta-categories {display: none;}
.cl_blog #blog-entries .grid-style .entry-meta{display: block !important}
.cl_blog #blog-entries .grid-style .entry-meta-date{ 
    font-size:14px; 
    text-transform: uppercase; 
    font-weight: 500; 
    letter-spacing: 2px; 
    font-style: normal;
    margin-top:10px;
    margin-bottom: 10px;
}
.cl_blog #blog-entries .grid-style .entry-meta-prepend{
    font-weight: 600 !important;
    font-size:14px;
}


.cl_blog #blog-entries .grid-style .entry-content {padding-top:50px;}


#blog-entries .grid-style .grid-holder .entry-tools-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 44px;
    border:none;
    position: relative;
}


#blog-entries .grid-style .entry-meta, #blog-entries .grid-style .entry-tools .entry-tool-single{
    display: none !important;
}

.grid-entries article .grid-holder .entry-tools-wrapper .cl-btn {
    display: inline-block;
}
#blog-entries .grid-style .entry-tools {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#blog-entries .grid-style .entry-tools .entry-tool-single>a>i {
    float: left;
    font-size: 18px;
    line-height: 24px;
}
#blog-entries .grid-style .entry-tools .entry-tool-single {
    float: left;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 7px 6px;
}
#blog-entries .grid-style .entry-tools .entry-tool-share .share-buttons {
    padding: 13px 12px;
}
#blog-entries .grid-style .entry-tools .entry-tool-single:last-child {
    border-bottom: none !important;
}
#blog-entries .grid-style .entry-tools .entry-tool-share {
    position: relative;
}
#blog-entries .grid-style .entry-tools .codeless-count {
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    padding-left: 3px;
    margin-top: 0px;
    float: left;
}
#blog-entries .grid-style .entry-meta {
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 16px;
    float: left;
}
#blog-entries .grid-style .entry-meta-single {
    float: left;
    margin-right: 10px;
    font-style: italic
}
#blog-entries .grid-style .entry-meta-single:last-child {
    margin-right: 0px;
}
#blog-entries .grid-style .entry-meta-single .entry-meta-prepend {
    font-size: 13px;
    font-weight: 500;
}
#blog-entries .grid-style .entry-content {
    padding-top: 23px;
    font-size: 16px;
}
#blog-entries .grid-style.format-quote .entry-content .quote-entry-content {
    padding: 35px 30px;
}
.cl-carousel .grid-style.format-quote .entry-content .quote-entry-content {
    padding: 50px 5px !important;
}
.cl-carousel .grid-style.format-quote i {
    top: 26px !important;
}
.cl-carousel article.format-quote .entry-content .quote-entry-content p {
    font-size: 20px !important;
    line-height: 36px !important;
}
#blog-entries .grid-style.format-quote .entry-wrapper i {
    font-size: 32px;
    bottom: auto;
    top: 30px;
}


/* Masonry */

@media (min-width: 1200px) {
    .masonry-entries[data-grid-cols="4"] article {
        width: 25%;
    }
    .masonry-entries[data-grid-cols="4"] article.cl-msn-size-large {
        width: 75%;
    }
    .masonry-entries[data-grid-cols="3"] article {
        width: 33.3%;
    }
    .masonry-entries[data-grid-cols="3"] article.cl-msn-size-large {
        width: 66.6%;
    }
    .masonry-entries[data-grid-cols="2"] article {
        width: 50%;
    }
    .masonry-entries[data-grid-cols="2"] article.cl-msn-size-large {
        width: 100%;
    }
    .masonry-entries[data-grid-cols="5"] article {
        width: 20%;
    }
    .masonry-entries[data-grid-cols="5"] article.cl-msn-size-large {
        width: 60%;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .masonry-entries article {
        width: 50%;
    }
    .masonry-entries[data-grid-cols="5"] article {
        width: 33.3%;
    }
    .masonry-entries[data-grid-cols="5"] article.cl-msn-size-large {
        width: 66.6%;
    }
    .masonry-entries[data-grid-cols="4"] article {
        width: 33.3%;
    }
    .masonry-entries[data-grid-cols="4"] article.cl-msn-size-large {
        width: 66.6%;
    }
}
@media (max-width: 767px) {
    .masonry-entries[data-grid-cols="5"] article {
        width: 50%;
    }
    .masonry-entries[data-grid-cols="4"] article {
        width: 50%;
    }
    .masonry-entries article {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .masonry-entries[data-grid-cols="5"] article {
        width: 100%;
    }
    .masonry-entries[data-grid-cols="4"] article {
        width: 100%;
    }
    .masonry-entries article {
        width: 100%;
    }
}

.masonry-entries article .grid-holder {
    padding: 10px;
    height: 100%;
}
.masonry-entries article .grid-holder .grid-holder-inner {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    height: 100%;
}
.masonry-entries article .grid-holder .entry-wrapper {
    padding: 35px;
    text-align: left;
}
.masonry-entries article h2 {
    padding-top: 20px;
    padding-bottom: 15px;
}
.masonry-entries article.cl-msn-size-wide .grid-holder .entry-wrapper {
    height: 100%;
}
.masonry-entries article.cl-msn-size-wide .time a {
    color: #cecece;
}
.masonry-entries article.cl-msn-size-wide .entry-meta a {
    color: #cecece;
}
.masonry-entries article.cl-msn-size-wide .swiper-button-next.swiper-button-white,
.masonry-entries article.cl-msn-size-wide .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-size: 20%;
    padding: 22px 18px;
}
.masonry-entries article.cl-msn-size-wide .cl-post-swiper-slider .swiper-button-prev {
    right: 37px;
    left: auto;
    background-size: 20%;
    padding: 22px 18px;
}
.masonry-entries article.cl-msn-size-wide .grid-holder-inner {
    position: relative;
}
.masonry-entries:not(.cl-carousel) article.cl-msn-size-wide .entry-media {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.masonry-entries article.cl-msn-size-wide .entry-wrapper {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
}
.masonry-entries article.cl-msn-size-wide .entry-wrapper h2 {
    color: #fff;
}
.masonry-entries article.cl-msn-size-wide .entry-wrapper p {
    color: #cecece;
}
.masonry-entries article.cl-msn-size-wide .post-thumbnail {
    height: 100%;
    overflow: hidden;
}
.masonry-entries article.cl-msn-size-wide img {
    max-width: 700px;
}
.masonry-entries article.cl-msn-size-wide .entry-wrapper {
    display: table;
}
.masonry-entries article.cl-msn-size-wide .entry-wrapper .entry-wrapper-content {
    vertical-align: middle;
    display: table-cell;
}
.masonry-entries article.cl-msn-size-wide.format-gallery .entry-wrapper .entry-wrapper-content {
    position: relative;
    z-index: 9999;
}
.masonry-entries .format-quote .entry-content .quote-entry-content p,
.masonry-entries .format-quote .entry-content .quote-entry-content a {
    font-size: 22px !important;
    line-height: 34px !important;
}
.masonry-entries article.cl-msn-size-wide .entry-gallery {
    height: 100%;
    z-index: 1;
    position: relative;
}
.masonry-entries article.cl-msn-size-wide .cl-post-swiper-slider {
    height: 100%;
    background: rgb(0, 0, 0);
}
.masonry-entries article.cl-msn-size-wide .swiper-wrapper {
    opacity: 0.4;
}
.masonry-entries article.cl-msn-size-wide .swiper-wrapper img {
    max-width: 700px;
    width: auto;
}
.masonry-entries article.cl-msn-size-wide .cl-post-slider-nav {
    top: 0 !important;
    margin-top: 0 !important;
}
@media (min-width: 992px) {
    .masonry-entries article.cl-msn-size-large .grid-holder-inner {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .masonry-entries article.cl-msn-size-large .grid-holder-inner .entry-media {
        width: 55%;
    }
    .masonry-entries article.cl-msn-size-large .grid-holder-inner .entry-wrapper {
        width: 80%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7%;
    }
    .masonry-entries article.cl-msn-size-large .post-thumbnail {
        height: 100%;
        overflow: hidden;
    }
    .masonry-entries article.cl-msn-size-large img {
        max-width: 800px;
        position: relative;
        left: -114px;
        top: 0;
        width: auto;
    }
}
.masonry-entries article.format-quote .entry-content .quote-entry-content {
    padding: 58px 15px;
}
.masonry-entries article.format-quote .entry-content i {
    font-size: 34px;
    position: absolute;
    left: 0;
    top: 25px;
}
.masonry-entries article.format-quote .entry-wrapper {
    background: #0CABD3;
}
.masonry-entries article.format-quote .entry-wrapper * {
    color: #fff !important;
}
#blog-entries .masonry-style .entry-meta {
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 16px;
    float: left;
}
#blog-entries .masonry-style .entry-meta-single {
    float: left;
    margin-right: 10px;
}
#blog-entries .masonry-style .entry-meta-single:last-child {
    margin-right: 0px;
}
#blog-entries .masonry-style .entry-meta-single .entry-meta-prepend {
    font-size: 13px;
    font-weight: 500;
    display: none;
}
#blog-entries.media-entries article {
    margin-bottom: 0;
}
#blog-entries.media-entries article .entry-media .entry-overlay {
    background: rgba(0, 0, 0, 0.8);
}
#blog-entries.media-entries article .entry-media .entry-overlay .inner {
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
    color: #cecece;
}
#blog-entries.media-entries article .entry-media .entry-overlay .inner .content {
    vertical-align: middle;
    display: table-cell;
}
#blog-entries.media-entries article .entry-media .entry-overlay .inner h2 {
    color: #fff;
}



/* Overlays */

article .entry-media {
    position: relative;
}
article .entry-overlay {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#blog-entries article .entry-overlay i {
    color: #fff;
    width: 60px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    position: absolute !important;
    left: 50%;
    margin-left: -30px;
    font-size: 32px;
    top: 50%;
    margin-top: -30px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    opacity: 0;
    -webkit-transform: translatex(-20px);
    -moz-transform: translatex(-20px);
    -ms-transform: translatex(-20px);
    transform: translatex(-20px);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 0.2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
}
#blog-entries article .entry-media:hover .entry-overlay i {
    -webkit-transform: translatex(0px);
    -moz-transform: translatex(0px);
    -ms-transform: translatex(0px);
    transform: translatex(0px);
    opacity: 1;
}


/* Entry Overlay Color */

article .entry-overlay-color .entry-overlay {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 0.2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
}
article .entry-overlay-color:hover .entry-overlay {
    opacity: 1;
}


/* Entry Overlay Zoom Color */

article .entry-overlay-zoom_color {
    overflow: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
article .entry-overlay-zoom_color .entry-overlay {
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity 0.1s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 0.1s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
}
article .entry-overlay-zoom_color:hover .entry-overlay {
    opacity: 1;
}
article .entry-overlay-zoom_color img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
article .entry-overlay-zoom_color:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

/* Entry Overlay Grayscale */

article .entry-overlay-grayscale img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
article .entry-overlay-grayscale:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
article .entry-overlay-grayscale .entry-overlay {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.42s ease-in-out;
    -moz-transition: background-color 0.42s ease-in-out;
    transition: background-color 0.42s ease-in-out;
}
article .entry-overlay-grayscale:hover .entry-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}
article .entry-overlay i.cl-icon-plus2 {
    font-size: 18px;
}



/* Entry Link  */

.entry-link,
.entry-lightbox {
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.entry-lightbox {
    z-index: 999999;
}



/* Twitter Status */

.twitter-tweet::shadow .EmbeddedTweet {
    max-width: 100% !important;
    width: 100% !important;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e1e1e1;
}
#blog-entries article .twitter-tweet {
    width: 100% !important;
}
@media (max-width: 989px) {
    .entry-video:first-child {
        min-height: 105px;
    }

     footer .mc4wp-form-fields input[type="email"] {
        width: 26vh;
    }
    .home_services .row.cl_row-flex:not(.cl-col-tablet-full) { 
        display: block !important;
    }
    
    .home_services .row .cl_column{ 
          
        width: 100%;
     }
     nav .menu li ul.sub-menu li a{
        text-align: center;
     }
     .header_container.menu_style-border_top #navigation nav>ul>li:after{display: none;}
}


/* Instagram */

.entry-video iframe {
    max-width: 100% !important;
    box-shadow: none !important;
}




/** 
 *  ------------------------- END BLOG -------------------------------
 *  ------------------------------------------------------------------
 */


/** 
 *  ------------------------- SIDEBAR --------------------------------
 *  ------------------------------------------------------------------
 */

aside .widget-title {
    word-break: break-word;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 0;
}
aside .widget {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 35px;
    padding-bottom: 35px;
}
aside .widget:first-child {
    padding-top: 0;
}
aside .widget:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
aside .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
aside .widget ul li {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
aside .widget ul li:last-child {
    padding-bottom: 0;
}
aside .widget ul li a {
    font-weight: 400;
    position: relative;
    line-height: 20px;
}
aside .widget_categories ul li a,
aside .widget_archive ul li a,
aside .widget_pages ul li a,
aside .widget_nav_menu ul li a {
    padding-left: 25px;
}
aside .widget_nav_menu .sub-menu {
    padding-left: 8px;
}
aside .widget_pages .page_item_has_children .children {
    padding-left: 8px;
}

aside .widget_categories ul li a:before,
aside .widget_archive ul li a:before,
aside .widget_pages ul li a:before,
aside .widget_nav_menu ul li a:before {
    font-family: 'codeless-icons';
    content: '\e902';
    line-height: 20px;
    position: absolute;
    left: 0px;
    top: 5px;
    -webkit-transition: left .25s ease;
    -moz-transition: left .25s ease;
    transition: left .25s ease;
}
aside .widget_categories ul li a:hover:before,
aside .widget_archive ul li a:hover:before,
aside .widget_pages ul li a:hover:before,
aside .widget_nav_menu ul li a:hover:before {
    left: 3px;
}




/* Aside Widget Categories */

aside .widget_categories .screen-reader-text {
    display: none;
}
aside .widget_categories select {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    height: 50px;
    padding-left: 18px;
}
aside .widget_categories select:after {
    font-family: 'codeless-icons';
    content: '\e902';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
aside .widget_categories ul li {}
aside .widget_categories ul li .children {
    padding-left: 20px;
}




/* Aside Widget Archive */

aside .widget_archive .screen-reader-text {
    display: none;
}
aside .widget_archive select {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    height: 50px;
    padding-left: 18px;
}
aside .widget_archive select:after {
    font-family: 'codeless-icons';
    content: '\e902';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
aside .widget_archive ul li {}
aside .widget_archive ul li .children {
    padding-left: 20px;
}


/* Aside Widget Search */

aside .widget_search .screen-reader-text {
    display: none;
}
aside .widget_search form {
    position: relative;
}
aside .widget_search input[type="search"] {
    width: 100%;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    padding-left: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-border-sizing: border-box;
}
aside .widget_search i {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 50px;
}


/* Aside Widget Recent Entries  */

aside .widget_recent_entries .post-date {
    display: block;
    font-size: 12px;
    line-height: 18px;
}



/* Aside Recent Comments */

aside .widget_recent_comments .recentcomments {}




/* Aside Calendar  */

aside .widget_calendar table {
    width: 100%;
    margin: 0;
}
aside .widget_calendar td {
    text-align: center;
    padding:5px;
}
aside .widget_calendar caption {
    margin-bottom: 15px;
}
aside .widget_calendar #prev {
    text-align: left !important;
    padding-top: 5px;
    padding-left: 10px;
}
aside .widget_calendar #next {
    text-align: right !important;
    padding-top: 5px;
    padding-right: 10px;
}

/* Aside Widget RSS */

aside .widget_rss .widget-title .rsswidget:last-child {
    padding-left: 10px;
}
aside .widget_rss li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: block;
    position: relative;
}
aside .widget_rss li:last-child {
    padding-bottom: 0px !important;
}
aside .widget_rss .rss-date {
    display: block;
}
aside .widget_rss .rssSummary {
    padding-top: 10px;
    padding-bottom: 5px;
}
@media (min-width: 768px) {
    aside.cl-sticky.cl-sticky-active .cl-sticky-wrapper {
        position: fixed;
        top: 80px;
    }
    .cl_column.cl-sticky {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 15px;
    }
    body.cl-with-sticky .cl_column.cl-sticky {
        top: 80px;
    }
}
@media (max-width: 767px) {
    aside.cl-sticky .cl-sticky-wrapper {
        width: 100% !important;
    }
    aside#secondary {
        margin-top: 60px;
    }
}

@media(max-width: 1200px){
    aside .mc4wp-form-fields input[type="email"]{
        width: 44vh;
        padding-left: 14px;
        padding-right: 12px;
        border-radius: 28px;
    }
    .mc4wp-form-fields input[type="submit"]{
        margin-left: 6px;
        margin-top: 20px;
   }
}
aside .mc4wp-form-fields input[type="email"]{
    max-width:230px;
    padding-left: 20px;
    padding-right: 28px;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #f5f5f5 !important;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}
}
.col-sm-3 aside .mc4wp-form-fields input[type="email"]{
    max-width:228px;
    font-size:14px;
    line-height: 20px;
}

.col-sm-3 aside .mc4wp-form-fields span:before{
    top:0px;
}

.page-id-841 .cl_service_boxed{

    padding-top:37px;
    padding-bottom:37px;
} 

/** 
 *  ------------------------- END SIDEBAR --------------------------------
 *  ----------------------------------------------------------------------
 */


/** 
 *  ------------------------- FILTERS ------------------------------------
 *  ----------------------------------------------------------------------
 */

.cl-filters {
    width: 100%;
    display: block;
}
.cl-filters.cl-filter-small {
    margin-bottom: 30px;
}



.cl-filters.cl-filter-small .selected {
    box-shadow: 0 9px 26px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 9px 26px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 9px 26px rgba(0, 0, 0, 0.05);
    background: #fff;
    color: #222;
    font-weight: bold;
}
.cl-filters.cl-filter-fullwidth {
    padding-top: 10px;
    padding-bottom: 10px;
}
.cl-filters.cl-filter-align-center .inner {
    text-align: center;
}
.cl-filters.cl-filter-align-left .inner {
    text-align: left;
    padding-left: 20px;
}
.cl-filters.cl-filter-align-right .inner {
    text-align: right;
    padding-right: 20px;
}
.cl-filters button {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    padding: 5px 14px;
}
.cl-filters.cl-filter-fullwidth button {
    font-weight: 600;
    padding: 5px 10px;
}
.cl-filters.cl-filter-fullwidth.cl-filter-color-dark button {
    color: #cecece;
}
.cl-filters.cl-filter-fullwidth.cl-filter-color-dark button:hover,
.cl-filters.cl-filter-fullwidth.cl-filter-color-dark button.selected {
    color: #fff;
}

.cl-filters.cl-filter-fullwidth.cl-filter-color-light button {
    color: #999;
}
.cl-filters.cl-filter-fullwidth.cl-filter-color-light button:hover,
.cl-filters.cl-filter-fullwidth.cl-filter-color-light button.selected {
    color: #222;
}

.cl-filters.centered .inner {
    text-align: center;
}

.cl-filters.cl-filter-fullwidth.with-shadow {
    -webkit-box-shadow: 0 14px 40px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 14px 40px rgba(0, 0, 0, 0.25);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.25);
}

.cl-filters.cl-filter-fullwidth.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    z-index: 99999;
}
.admin-bar .cl-filters.cl-filter-fullwidth.sticky {
    top: 31px;
}

.cl-blog-filter.cl-filter-fullwidth.cl-filter-color-dark {
    text-align: center;
}











/** 
 *  ------------------------- END FILTERS --------------------------------
 *  ----------------------------------------------------------------------
 */


/** 
 *  ------------------------- PAGINATION ------------------------------------
 *  -------------------------------------------------------------------------
 */

.page .page-links {
    float: left;
    width: 100%;
    padding-top: 20px;
}
.cl-blog-pagination {
    display: block;
    margin-top: 50px;
}

.blog .cl-blog-pagination {
    float: left;
}

.cl-pagination {
    display: block;
    width: 100%;
    position: relative;
}
.cl-pagination ul {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
}
.cl-pagination ul li {
    display: inline-block;
    line-height: 36px;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.cl-pagination ul li:last-child {
    margin-right: 0px;
}
.cl-pagination-align-center ul {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.cl-pagination-align-right ul {
    float: right;
}
.cl-pagination a {
    font-size: 14px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
}
.cl-pagination span.current {
    width: 100%;
    float: left;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}
.cl-pagination-jump a {}
.cl-pagination-jump>div a:hover {
    color: #fff;
}
.cl-pagination-jump>div>a {
    width: 130px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    font-weight: bold;
}
.cl-pagination-jump .newer-posts {
    float: left;
}
.cl-pagination-jump .older-posts {
    float: right;
}
.cl-pagination-infinite .older-posts {
    visibility: hidden;
}
.cl-infinite-loader.hidden {
    display: none;
    visibility: hidden;
}
.cl-infinite-loader {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 2em auto;
    clear: both;
}
.cl-infinite-loader .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1b1f21;
    position: absolute;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.cl-infinite-loader .dot1,
.cl-infinite-loader .dot2 {
    left: 0
}
.cl-infinite-loader .dot3 {
    left: 15px
}
.cl-infinite-loader .dot4 {
    left: 30px
}
.cl-infinite-loader .dot1 {
    -webkit-animation-name: reveal;
    animation-name: reveal
}
.cl-infinite-loader .dot2,
.cl-infinite-loader .dot3 {
    -webkit-animation-name: slide;
    animation-name: slide
}
.cl-infinite-loader .dot4 {
    -webkit-animation-name: reveal;
    animation-name: reveal;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}
@-webkit-keyframes reveal {
    from {
        -webkit-transform: scale(0.001);
        transform: scale(0.001)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes reveal {
    from {
        -webkit-transform: scale(0.001);
        transform: scale(0.001)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes slide {
    to {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}
@keyframes slide {
    to {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}
.cl-infinite-loader.loadmore {
    bottom: 65px;
}
#infscr-loading img {
    display: none !important
}
#cl_load_more_btn {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 40px;
    font-size: 14px;
    position: relative;
    left: 50%;
    margin-left: -89px;
    width: 178px;
    height: 50px;
}
.cl-infinite-finished {
    display: block;
    text-align: center;
}
.timeline-entries .cl-infinite-loader {
    bottom: -25px;
}
.timeline-entries .cl-infinite-finished {
    bottom: -25px;
    position: absolute;
    left: 0;
    text-align: center;
    height: 16px;
    line-height: 16px;
    width: 100%;
}











/** 
 *  ------------------------- END PAGINATION --------------------------------
 *  -------------------------------------------------------------------------
 */


/** 
 *  ------------------------- INPUTS / FORMS --------------------------------
 *  -------------------------------------------------------------------------
 */

input,
textarea,
select,
.select2-choice {
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
    border: none;
}











/** 
 *  ------------------------- END INPUTS / FORMS --------------------------------
 *  -----------------------------------------------------------------------------
 */


/** 
 *  ------------------------- FOOTER ----------------------------------------
 *  -------------------------------------------------------------------------
 */

footer#colophon {
    position: relative;
    margin-top: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}
footer#colophon .widget-title {
    word-break: break-word;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 0;
}

footer#colophon .widget {
    
    padding-bottom: 35px;
    padding-top: 35px;
    display: block;
}

@media (min-width:768px) {
    footer#colophon .widget {
        max-width: 370px;
    }
}
footer#colophon .widget:first-child {
    padding-top: 0px;
}
footer#colophon .widget:first-child:last-child {
    margin-bottom: 0px;
    border-bottom-width: 0px;
    padding: 0;
}
footer#colophon .widget:last-child {
    padding-bottom: 0px;
    border-bottom-width: 0px;
}
footer#colophon .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
footer#colophon .widget ul li {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
footer#colophon .widget ul li:last-child {
    padding-bottom: 0;
}
footer#colophon .widget ul li a {
    position: relative;
    line-height: 20px;
}

footer#colophon .wpcf7-form input:not(.cl-btn), footer#colophon .wpcf7-form select {
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 34px;
    width: 100%;
}
footer#colophon .wpcf7-submit {
    margin-top: 10px;
}
footer#colophon input:focus {
    border-color: rgba(0, 0, 0, 0) !important;
}

footer .footer-content .textwidget p {
    -webkit-text-stroke: 0.1px;
}






/** Radio Button Contact Form restyle **/

span.wpcf7-list-item{display: block; }



/* Fix Widget Distance in Tablet and Mobile */

@media (max-width: 767px) {
    footer#colophon .footer-widget {
        margin-bottom: 20px;
    }
    footer#colophon .footer-widget:last-child {
        margin-bottom: 0px;
    }
}
footer#colophon .widget_categories ul li a,
footer#colophon .widget_archive ul li a,
footer#colophon .widget_pages ul li a,
footer#colophon .widget_nav_menu ul li a {
    padding-left: 25px;
}

footer#colophon .widget_nav_menu .sub-menu {
    padding-left: 8px;
}
footer#colophon .widget_pages .page_item_has_children .children {
    padding-left: 8px;
}

footer#colophon .widget_categories ul li a:before,
footer#colophon .widget_archive ul li a:before,
footer#colophon .widget_pages ul li a:before,
footer#colophon .widget_nav_menu ul li a:before {
    font-family: 'codeless-icons';
    content: '\e902';
    line-height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: left .25s ease;
    -moz-transition: left .25s ease;
    transition: left .25s ease;
}
footer#colophon .widget_categories ul li a:hover:before,
footer#colophon .widget_archive ul li a:hover:before,
footer#colophon .widget_pages ul li a:hover:before,
footer#colophon .widget_nav_menu ul li a:hover:before {
    left: 3px;
}











/* Footer Widget Categories */

footer#colophon .widget_categories .screen-reader-text {
    display: none;
}
footer#colophon .widget_categories select {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    height: 50px;
    padding-left: 18px;
}
footer#colophon .widget_categories select:after {
    font-family: 'codeless-icons';
    content: '\e902';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
footer#colophon .widget_categories ul li .children {
    padding-left: 20px;
}











/* Footer Widget Archive */

footer#colophon .widget_archive .screen-reader-text {
    display: none;
}
footer#colophon .widget_archive select {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    height: 50px;
    padding-left: 18px;
}
footer#colophon .widget_archive select:after {
    font-family: 'codeless-icons';
    content: '\e902';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
footer#colophon .widget_archive ul li .children {
    padding-left: 20px;
}











/* Footer Widget Search */

footer#colophon .widget_search .screen-reader-text {
    display: none;
}
footer#colophon .widget_search form {
    position: relative;
}
footer#colophon .widget_search input[type="search"] {
    width: 100%;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    padding-left: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-border-sizing: border-box;
}
footer#colophon .widget_search i {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 50px;
}











/* Footer Widget Recent Entries  */

footer#colophon .widget_recent_entries .post-date {
    display: block;
    font-size: 12px;
    line-height: 18px;
}











/* Footer Calendar  */

footer#colophon .widget_calendar table {
    width: 100%;
    margin: 0;
}
footer#colophon .widget_calendar td {
    text-align: center;
}
footer#colophon .widget_calendar caption {
    margin-bottom: 15px;
}
footer#colophon .widget_calendar #prev {
    text-align: left !important;
    padding-top: 5px;
    padding-left: 10px;
}
footer#colophon .widget_calendar #next {
    text-align: right !important;
    padding-top: 5px;
    padding-right: 10px;
}











/* Footer Widget RSS */

footer#colophon .widget_rss .widget-title .rsswidget:last-child {
    padding-left: 10px;
}
footer#colophon .widget_rss li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: block;
    position: relative;
}
footer#colophon .widget_rss li:last-child {
    padding-bottom: 0px !important;
}
footer#colophon .widget_rss .rss-date {
    display: block;
}
footer#colophon .widget_rss .rssSummary {
    padding-top: 10px;
    padding-bottom: 5px;
}

footer#colophon .widget-title {
    word-break: break-word;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 0;
}
footer#colophon .widget {
   
    padding-bottom: 35px;
    padding-top: 35px;
    max-width: 370px;
    display: block;
}
footer#colophon .widget:first-child {
    padding-top: 0px;
}
footer#colophon .widget:first-child:last-child {
    margin-bottom: 0px;
    border-bottom-width: 0px;
    padding: 0;
}
footer#colophon .widget:last-child {
    padding-bottom: 0px;
    border-bottom-width: 0px;
}
footer#colophon .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
footer#colophon .widget ul li {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
footer#colophon .widget ul li:last-child {
    padding-bottom: 0;
}
footer#colophon .widget ul li a {
    position: relative;
    line-height: 20px;
}

footer#colophon .center-column ul li {
    display: inline-block !important;
}
footer#colophon .center-column ul li a:before {
    display: none;
}











/* Fix Widget Distance in Tablet and Mobile */

@media (max-width: 767px) {
    footer#colophon .footer-widget {
        margin-bottom: 20px;
    }
    footer#colophon .footer-widget:last-child {
        margin-bottom: 0px;
    }
}
footer#colophon .widget_categories ul li a,
footer#colophon .widget_archive ul li a,
footer#colophon .widget_pages ul li a,
footer#colophon .widget_nav_menu ul li a {
    padding-left: 25px;
}
footer#colophon .widget_categories ul li a:before,
footer#colophon .widget_archive ul li a:before,
footer#colophon .widget_pages ul li a:before,
footer#colophon .widget_nav_menu ul li a:before {
    font-family: 'codeless-icons';
    content: '\e902';
    line-height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: left .25s ease;
    -moz-transition: left .25s ease;
    transition: left .25s ease;
}
footer#colophon .widget_categories ul li a:hover:before,
footer#colophon .widget_archive ul li a:hover:before,
footer#colophon .widget_pages ul li a:hover:before,
footer#colophon .widget_nav_menu ul li a:hover:before {
    left: 3px;
}
footer#colophon .widget_nav_menu .codeless_custom_menu_mega_menu {
    display: none;
}


#footer-wrapper.reveal {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.cl-layout-bordered #footer-wrapper.reveal {
    bottom: 20px;
}
.cl-layout-bordered .container {
    max-width: 100%;
}
.footer-widget.center-column {
    margin: 0 auto;
    width: 400px;
    float: none;
    text-align: center;
}
@media (max-width:420px) {
    .footer-widget.center-column {
        max-width: 300px;
    }
}

/*footer#colophon input[type="email"] {
    width: 100%;
    padding-right: 6px;
    border-radius: 12px;
    background: #f2f2f2 !important;
}

footer#colophon input[type="submit"] {
    background-color: #f8faff;
    border-radius: 12px;
    margin-top: 10px;
    margin-left: 2px;
}*/








/** 
 *  ------------------------- END FOOTER ------------------------------------
 *  -------------------------------------------------------------------------
 */


/** 
 *  ------------------------- Copyright ------------------------------------
 *  -------------------------------------------------------------------------
 */

#copyright {
    position: relative;
    margin-top: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
}
#copyright .widget-title {
    word-break: break-word;
    display: none;
    margin-bottom: 15px;
    padding-bottom: 0;
}
#copyright .widget {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
}
#copyright .widget:first-child {
    padding-top: 0px;
}
#copyright .widget:first-child:last-child {
    margin-bottom: 0px;
    border-bottom-width: 0px;
    padding: 0;
}
#copyright .widget:last-child {
    padding-bottom: 0px;
    border-bottom-width: 0px;
}
#copyright .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#copyright .widget ul li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}
#copyright .widget ul li:last-child {
    padding-bottom: 0;
}
#copyright .widget ul li a {
    position: relative;
    line-height: 20px;
}
@media ( min-width: 768px) {
    #copyright .copyright-widget:last-child .widget {
        float: right;
        text-align: right;
    }
    #copyright .copyright-widget:last-child .widget ul {
        float: right;
    }
    #copyright .copyright-content-row {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    #copyright .copyright-widget {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-flow: row wrap;
    }
}

    
@media(min-width:768px) and ( max-width: 990px ){
   .footer-content-row .col-sm-3{ width: 30%; margin-bottom:30px; }
}










/* Fix Widget Distance in Tablet and Mobile */

@media (max-width: 767px) {
    #copyright .copyright-widget {
        margin-bottom: 20px;
    }
    #copyright .copyright-widget:last-child {
        margin-bottom: 0px;
    }
}
#copyright .widget_categories ul li a,
#copyright .widget_archive ul li a,
#copyright .widget_pages ul li a,
#copyright .widget_nav_menu ul li a {
    padding-left: 15px;
}











/* Footer Widget Categories */

#copyright .widget_categories .screen-reader-text {
    display: none;
}
#copyright .widget_categories select {
    width: auto;
    border-width: 1px;
    border-style: solid;
    height: 50px;
    padding-left: 18px;
    padding-right: 18px;
}
#copyright .widget_categories select:after {
    font-family: 'codeless-icons';
    content: '\e902';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
#copyright .widget_categories ul li .children {
    padding-left: 20px;
}











/* Footer Widget Archive */

#copyright .widget_archive .screen-reader-text {
    display: none;
}
#copyright .widget_archive select {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    height: 50px;
    padding-left: 18px;
}
#copyright .widget_archive select:after {
    font-family: 'codeless-icons';
    content: '\e902';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
#copyright .widget_archive ul li .children {
    padding-left: 20px;
}











/* Footer Widget Search */

#copyright .widget_search .screen-reader-text {
    display: none;
}
#copyright .widget_search form {
    position: relative;
}
#copyright .widget_search input[type="search"] {
    width: 70%;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    padding-left: 18px;
    padding-right: 64px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-border-sizing: border-box;
}
#copyright .widget_search i {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 50px;
}











/* Footer Widget Recent Entries  */

#copyright .widget_recent_entries .post-date {
    display: block;
    font-size: 12px;
    line-height: 18px;
}
#copyright .widget_recent_entries li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#copyright .widget_recent_entries li:last-child {
    padding-right: 0 !important;
}
#copyright .widget_recent_entries li:first-child {
    padding-left: 0 !important;
}











/* Footer Calendar  */

#copyright .widget_calendar table {
    width: 100%;
    margin: 0;
}
#copyright .widget_calendar td {
    text-align: center;
}
#copyright .widget_calendar caption {
    margin-bottom: 15px;
}
#copyright .widget_calendar #prev {
    text-align: left !important;
    padding-top: 5px;
    padding-left: 10px;
}
#copyright .widget_calendar #next {
    text-align: right !important;
    padding-top: 5px;
    padding-right: 10px;
}











/* Footer Widget RSS */

#copyright .widget_rss .widget-title .rsswidget:last-child {
    padding-left: 10px;
}
#copyright .widget_rss li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: block;
    position: relative;
}
#copyright .widget_rss li:last-child {
    padding-bottom: 0px !important;
}
#copyright .widget_rss .rss-date {
    display: block;
}
#copyright .widget_rss .rssSummary {
    padding-top: 10px;
    padding-bottom: 5px;
}
#copyright .widget_nav_menu .codeless_custom_menu_mega_menu,
#copyright .widget_nav_menu .sub-menu {
    display: none;
}
#copyright .widget ul li:first-child a {
    padding-left: 0;
}

#copyright input:focus {
    border-color: rgba(0, 0, 0, 0) !important;
}











/** 
 *  ------------------------- END Copyright ------------------------------------
 *  -------------------------------------------------------------------------
 */


/* Custom Widgets */


/* Twitter */

.widget_twitter li {
    display: flex !important;
}
.widget_twitter li i {
    font-size: 16px;
    line-height: 28px;
}
.widget_twitter li .media {
    max-width: 76px;
}
.widget_twitter li .content {
    padding-left: 20px;
}
.widget_twitter li .content .date {
    display: block;
}











/* Flickr */

.widget_flickr .flickr_container {
    display: flex;
    flex-flow: row wrap;
}
.widget_flickr .flickr_container .flickr_badge_image {
    padding: 5px;
    width: 33%;
}











/* Most Popular */

.widget_most_popular li {
    display: flex !important;
}
.widget_most_popular li i {
    font-size: 16px;
    line-height: 28px;
}
.widget_most_popular li .media {
    width: 76px;
}
.widget_most_popular li .media img {
    width: 100%;
    max-width: none;
}
.widget_most_popular li .content {
    padding-left: 12px;
    width: 100%;
}
.widget_most_popular li .content .date {
    display: block;
}











/* End Most Popular */


/* Social-Icons Widget */

.social_widget .social-icons-widget li {
    display: inline-block !important;
    margin: 0 8px;
}

.social_widget .social-icons-widget.circle li {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 51px;
    height: 51px;
    padding: 0 !important;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
}
.widget_shortcode span {
    line-height: 39px;
}
footer#colophon .social_widget .social-icons-widget.circle li{
    border: 2px solid #22222238 !important;
    width: 44px;
    height: 44px;
}
footer#colophon .social_widget .social-icons-widget.circle li:hover
{
    border-color: #4cd4ca;
}
footer#colophon .social_widget .social-icons-widget.circle li a {
    line-height: 40px !important;
    }
    footer#colophon .social_widget .social-icons-widget.circle li:first-child {
    padding-left: 0;
    margin-left: 0;
}
footer#colophon .social_widget .social-icons-widget.circle li a:hover i {
    color: #fff !important;
}


.social_widget .social-icons-widget.circle li a {
    line-height: 48px !important;
    float: left;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

footer .textwidget ul.custom_link li a {
    font-weight: 400;
}










/* End Social-icons Widget */


/* End Custom Widgets */


/**
 * ----------------------- Shortcode Styling ----------------------
 * Dropcaps
 * BlockQuote
 *
 */

.dropcaps {
    position: relative;
    top: 2px;
    float: left;
    margin-right: 10px;
    padding: 0;
    line-height: 52px;
    color: #222;
    font-size: 60px;
    text-transform: uppercase;
}
blockquote {
    border-left: 0px solid #222;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background:#f5f5f5;
}


/** 
 *  ------------------------- END Shortcode Styling ------------------------------------
 *  -------------------------------------------------------------------------
 */



/*  Loaders */

.cl-load-component .cl-loading {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #fefefe;
}
body.cl-header-light .cl-loading {
    background: #303133 !important;
}
.cl-wait-for-load {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.cl-wait-for-load[data-delay="1"] {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.cl-wait-for-load[data-delay="2"] {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.cl-loaded-component .cl-wait-for-load {
    opacity: 1 !important;
}
.cl-carousel-items-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}











/* Lazyload */


/* Sets a min-height to all images
so that they occupy some space
before they are loaded */

img.lazyload {
    display: block;
    width: 100%;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

img.lazyload:not([src]) {
    opacity: 0;
}

img.lazyload:not([data-original]) {
    visibility: hidden;
}











/* Fixes Firefox anomaly */

@-moz-document url-prefix() {
    img.lazyload:-moz-loading {
        visibility: hidden;
    }
}













/** Styling Portfolio Navigation **/

.portfolio_navigation {
    font-size: 15px;
    z-index: 99999;
    position: absolute;
    right: 0;
}

.portfolio_navigation .portfolio_single_left {
    position: fixed;
    right: 0;
    top: 150px;
    border: 1px solid #ebebeb;
    z-index: 999;
    padding: 7px 15px;
    background: #fff;
    color: #222;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.portfolio_navigation .portfolio_single_right {

    position: fixed;
    top: 193px;
    right: 0;
    border: 1px solid #ebebeb;
    z-index: 999;
    padding: 7px 15px;
    background: #fff;
    color: #222;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.portfolio_navigation .portfolio_single_left:hover, .portfolio_navigation .portfolio_single_right:hover {
    color: #fff;
}

.portfolio_navigation span {
    font-size: 13px;
    padding: 6px 14px 6px 14px;
    position: absolute;
    margin-right: 12px;
    color: #777777;
    background-color: #fff;
    display: inline-block;
    right: 100%;
    top: 0px;
    border-radius: 3px;
    font-weight: 500;
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    -webkit-box-shadow: -10px 0px 25px -1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -10px 0px 25px -1px rgba(0, 0, 0, 0.05);
    box-shadow: -10px 0px 25px -1px rgba(0, 0, 0, 0.05);
}

.portfolio_navigation span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 50%;
    right: -4px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    color: #fff;
}

.portfolio_single_right:hover span, .portfolio_single_left:hover span {

    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}








/* Price List */

.cl_pricelist {
   
    border-radius: 6px;
    padding: 47px 33px 45px 33px;
    float: left;
    background: #fff;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.cl_pricelist:hover{
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0;
    box-shadow: 4px 4px 0 0 #c5d7e0;
}

.cl_pricelist .price {
    font-size: 60px;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.cl_pricelist .title {
    font-size: 24px;
    float: left;
    width: 100%;
}
.cl_pricelist .first-section {
    padding: 27px;
}
.cl_pricelist .lists {
    padding-top: 5px;
    padding-left: 25px;
}
.cl_pricelist .lists .cl-text {
    margin-top: 0px !important;
}
.cl_pricelist .lists ul {
    list-style: none;
    padding-left: 0px;
}
.cl_pricelist .lists ul li {
    line-height: 42px;
    font-size:16px;
}
.cl_pricelist .lists {
    float: left;
    padding-bottom: 12px;
}
.cl_pricelist.highlight .price, .cl_pricelist.highlight .title {
    color: #fff !important;
}
.cl_pricelist.highlight .lists {
    color: #fff !important;
}
.cl_pricelist .divider {
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    float: left;
    padding-bottom: 25px;
}

.cl_pricelist .button {
    float: left;
    font-size:13px;
    border-radius: 29px;
    float: left;
    padding: 16px 53px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-left: 1em;
    border-style: solid;
    border-width: 1px;
    border-color: #5170ca78;
    box-shadow: 4px 4px 0 0 #5170ca78;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    
}

.cl_pricelist.highlight .button:hover {
    color: #fff !important;
}

.cl_pricelist.highlight .button:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0, 0, 0, 0.04);
}

.cl_pricelist .button {
    text-transform: uppercase;
    color:#fff;
}

.cl_pricelist .button:hover {
    background: #fff;
    color:#5170ca;
}

.cl_pricelist.highlight .button {
    background: #fff;
}
.cl_pricelist.highlight {
    background-image: url(img/price_bg.png);
    background-repeat: no-repeat;
}

.cl_pricelist.highlight {
    box-shadow: 0px 20px 40px -12px #030f2738;
    -webkit-box-shadow: 0px 20px 40px -12px #030f2738;
    -moz-box-shadow: 0px 20px 40px -12px #030f2738;
}


.cl_pricelist.highlight mark.highlight {
        color: rgb(74, 211, 202);
}

.cl_pricelist mark.highlight{
    color:#30847d;
}

.cl_pricelist .lists li i{
    border-radius: 50px;
    padding: 2px 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin-right: 8px;
    color:#31bc13;

}

.cl_pricelist .lists li:hover i{

    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0;
    box-shadow: 4px 4px 0 0 #c5d7e0;
}


/* Codeless Slier Custom Animations */


/*****************************************/


/* Soft Scale */


/*****************************************/

.cl_slider[data-effect="softscale"] .navOutNext {
    -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.cl_slider[data-effect="softscale"] .navInNext {
    -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.cl_slider[data-effect="softscale"] .navOutPrev {
    -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.cl_slider[data-effect="softscale"] .navInPrev {
    -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.cl_slider[data-effect="softscale"] .cl-current {
    z-index: 1000;
    opacity: 1;
}
.cl_slider[data-effect="softscale"] .swiper-slide {
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
}

.cl_slider[data-effect="softscale"] .cl-row {
    opacity: 0;
}
.cl_slider[data-effect="softscale"] .cl-row.navOutNext,
.cl_slider[data-effect="softscale"] .cl-row.navOutPrev,
.cl_slider[data-effect="softscale"] .cl-row.navInNext,
.cl_slider[data-effect="softscale"] .cl-row.navInPrev {
    opacity: 1;
}

.cl_slider[data-effect="softscale"] .swiper-slide-active .cl-row {
    z-index: 1000;
    opacity: 1;
}
@-webkit-keyframes scaleUp {
    from {}
    /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes scaleUp {
    from {}
    /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

@-webkit-keyframes scaleDownUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.9);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes scaleDownUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scaleDown {
    from {}
    /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
    }
}

@keyframes scaleDown {
    from {}
    /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}












/*  --------------------- Codeless Slider Slide Intro Animations ------------------------------ */

@media (min-width:767px) {
    /* Cinemagraphs 1 */
    .cl-slide.animation--cinemagraphs_first.start_animation .bg-layer {
        -webkit-animation-name: cinemagraphs_first;
        animation-name: cinemagraphs_first;
    }
    .cl-slide.animation--cinemagraphs_first .bg-layer {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0, .93);
        animation-timing-function: cubic-bezier(0, 0, 0, .93);
        will-change: transform;
        -webkit-transform: scale(1.05) translate3d(-30px, 0, 0);
        transform: scale(1.05) translate3d(-30px, 0, 0)
    }

    @-webkit-keyframes cinemagraphs_first {
        from {
            -webkit-transform: scale(1.05) translate3d(-30px, 0, 0);
            transform: scale(1.05) translate3d(-30px, 0, 0)
        }
        to {
            -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0)
        }
    }
    @keyframes cinemagraphs_first {
        from {
            -webkit-transform: scale(1.05) translate3d(-30px, 0, 0);
            transform: scale(1.05) translate3d(-30px, 0, 0)
        }
        to {
            -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0)
        }
    }


    .cl-slide.animation--cinemagraphs_two.start_animation .bg-layer {
        -webkit-animation-name: cinemagraphs_two;
        animation-name: cinemagraphs_two;
    }
    .cl-slide.animation--cinemagraphs_two .bg-layer {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0, .93);
        animation-timing-function: cubic-bezier(0, 0, 0, .93);
        will-change: transform;
        -webkit-transform: scale(1.1) translateX(0);
        transform: scale(1.1) translateX(0)
    }

    @-webkit-keyframes cinemagraphs_two {
        from {
            -webkit-transform: scale(1.1) translateX(0);
            transform: scale(1.1) translateX(0)
        }
        to {
            -webkit-transform: scale(1.15) translateX(-40px);
            transform: scale(1.15) translateX(-40px)
        }
    }
    @keyframes cinemagraphs_two {
        from {
            -webkit-transform: scale(1.1) translateX(0);
            transform: scale(1.1) translateX(0)
        }
        to {
            -webkit-transform: scale(1.15) translateX(-40px);
            transform: scale(1.15) translateX(-40px)
        }
    }
}













/* Slider Scroll SVG */

@media (min-width:992px) {
    .mouse-wrap {
        display: inline-block;
        position: absolute;
        left: 50%;
        bottom: 100px;
        transform: translate(-50%, -50%);
    }

    .mouse-wrap .mouse {
        top: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 48px;
        animation: nudgeMouse 5.5s ease-out infinite;
    }

    .mouse-wrap .mouse:after {
        content: '';
        background-color: #ffffff;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        animation: trackBallSlide 5.5s linear infinite;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: translateY(20px);
    }

    .mouse-wrap .mouse .frame {
        width: 100%;
        position: absolute;
        z-index: 1;
    }

    .mouse-wrap .mouse .frame path {
        fill: none;
        stroke: #ffffff;
        stroke-width: 3;
        opacity: 0.5;
    }

    .mouse-wrap .mouse .mouse-left,
    .mouse-wrap .mouse .mouse-right {
        width: 50%;
        position: absolute;
        z-index: 2;
    }

    .mouse-wrap .mouse .mouse-right {
        right: 0;
    }

    .mouse-wrap .mouse .Animate-Draw {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 3;
        fill-opacity: 1;
    }

    .mouse-wrap .mouse .mouse-left .Animate-Draw {
        animation: DrawLine 5.5s ease-out infinite;
    }

    .mouse-wrap .mouse .mouse-right .Animate-Draw {
        animation: DrawLineBack 5.5s ease-out infinite;
    }
}











/*Keyframes*/

@keyframes DrawLine {
    0% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    22% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    38% {
        stroke-dashOffset: 125;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    38.1% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 0;
    }
    48% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    64% {
        stroke-dashOffset: 125;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    64.1% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 0;
    }
    74% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    90% {
        stroke-opacity: 1;
        stroke-dashOffset: 125;
        stroke-dasharray: 120;
    }
    90.1% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 0;
    }
}

@keyframes DrawLineBack {
    0% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    22% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    38% {
        stroke-dashOffset: -114;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    38.1% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 0;
    }
    48% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    64% {
        stroke-dashOffset: -114;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    64.1% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 0;
    }
    74% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 1;
    }
    90% {
        stroke-opacity: 1;
        stroke-dashOffset: -114;
        stroke-dasharray: 120;
    }
    90.1% {
        stroke-dashOffset: 0;
        stroke-dasharray: 120;
        stroke-opacity: 0;
    }
}

@keyframes nudgeMouse {
    0% {
        transform: translateY(0) translateX(-50%);
    }
    22% {
        transform: translateY(0px) translateX(-50%);
    }
    38% {
        transform: translateY(9px) translateX(-50%);
    }
    48% {
        transform: translateY(0px) translateX(-50%);
    }
    64% {
        transform: translateY(9px) translateX(-50%);
    }
    74% {
        transform: translateY(0px) translateX(-50%);
    }
    90% {
        transform: translateY(9px) translateX(-50%);
    }
}













/*Text*/

@keyframes nudgeText {
    0% {
        transform: translateY(0) translateX(-50%) scaleY(1);
        opacity: 1;
    }
    22% {
        transform: translateY(0px) translateX(-50%) scaleY(1);
        opacity: 1;
    }
    38% {
        transform: translateY(5px) translateX(-50%) scaleY(0.9);
        opacity: 0.5;
    }
    48% {
        transform: translateY(0px) translateX(-50%) scaleY(1);
        opacity: 1;
    }
    64% {
        transform: translateY(5px) translateX(-50%) scaleY(0.9);
        opacity: 0.5;
    }
    74% {
        transform: translateY(0px) translateX(-50%) scaleY(1);
        opacity: 1;
    }
    90% {
        transform: translateY(5px) translateX(-50%) scaleY(0.9);
        opacity: 0.5;
    }
}













/*Mouse wheel*/

@keyframes trackBallSlide {
    0% {
        transform: translateY(20px) scale(1);
        opacity: 1;
    }
    22% {
        transform: translateY(20px) scale(1);
        opacity: 1;
    }
    26% {
        transform: translateY(30px) scale(0.9);
        opacity: 1;
    }
    34% {
        transform: translateY(55px) scale(0.1);
        opacity: 0;
    }
    41% {
        transform: translateY(30px) scale(0);
        opacity: 0.3;
    }
    48% {
        transform: translateY(20px) scale(1);
        opacity: 1;
    }
    52% {
        transform: translateY(30px) scale(0.9);
        opacity: 1;
    }
    60% {
        transform: translateY(55px) scale(0.1);
        opacity: 0;
    }
    67% {
        transform: translateY(30px) scale(0);
        opacity: 0.3;
    }
    74% {
        transform: translateY(20px) scale(1);
        opacity: 1;
    }
    78% {
        transform: translateY(30px) scale(0.9);
        opacity: 1;
    }
    86% {
        transform: translateY(55px) scale(0.1);
        opacity: 0;
    }
    93% {
        transform: translateY(30px) scale(0);
        opacity: 0.3;
    }
    100% {
        transform: translateY(20px) scale(1);
        opacity: 1;
    }
}

.scrollToTop {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
    background: rgba(0, 0, 0, 0.25);
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 999999;
}
.scrollToTop i {
    line-height: 60px;
    text-align: center;
    width: 100%;
    font-size: 24px;
}
.scrollToTop:hover {
    text-decoration: none;
}

@media (max-width:991px) {
    .mouse-wrap {
        display: none;
    }
}













/* Gutenberg */

@media (min-width: 1200px) {
    #content.cl-layout-fullwidth .alignfull {
        width: 100vw;
        max-width: none;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (min-width: 1200px) {
    #content.cl-layout-fullwidth .alignwide {
        margin-left: -20%;
        margin-right: -20%;
        max-width: none;
        width: auto;
    }
}

p.has-drop-cap:not(:focus):first-letter {
    font-size: 3.5em;
    font-weight: bold;
    line-height: 0.95;
}

.wp-block-separator {
    margin: 4em 0;
}

.wp-block-quote {
    margin-left: 0;
    margin-right: 0;
    padding: 0 30px;
    border-left: none !important;
    padding-left: 30px !important;
    position: relative;
}
.wp-block-quote:before {
    position: absolute;
    z-index: 0;
    margin: 0;
    left: 0;
    color: #fdece9;
    font-size: 132px;
    content: "\201c";
    top: 25px;
    font-family: Georgia, Arial, sans-serif;
    font-style: normal;
    line-height: 0.41;
}
.wp-block-quote p {
    font-style: italic;
    margin-bottom: 15px !important;
    z-index: 1;
    position: relative;
}
.wp-block-quote cite {
    font-weight: 500;
    font-style: normal;
}

.wp-block-pullquote {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
    border-top: 3px solid;
    border-bottom: 3px solid;
    padding: 0px;
}
.wp-block-pullquote blockquote {
    border-left: 0px;
    padding-left: 0px;
}

.has-large-font-size {
    font-size: 20px;
}

.wp-block-embed.alignwide {
    position: relative;
}
.wp-block-embed.alignwide:before {
    content: "";
    padding-top: 56.25%;
    display: block;
}
.wp-block-embed.alignwide iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wp-block-embed.alignfull {
    position: relative;
}
.wp-block-embed.alignfull:before {
    content: "";
    padding-top: 56.25%;
    display: block;
}
.wp-block-embed.alignfull iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-block-pullquote__content p {
    font-weight: normal;
}
.wp-block-pullquote cite {
    font-style: normal;
    text-transform: uppercase;
    font-size: 13px;
}

.wp-block-pullquote blockquote {
    padding-bottom: 35px;
    padding-top: 35px;
}
.wp-block-pullquote p {
    margin-bottom: 20px !important;
    margin-top: 0px;
}

.wp-block-image.alignfull {
    margin-bottom: 1.4em;
}

.wp-block-columns {
    width: 100%;
}

.page-links {
    float: left;
    width: 100%;
    margin-top:15px;
}

.wp-block-cover p {
    font-size: 24px;
}

.swiper-button-prev {
    left: 25px !important
}
.swiper-button-next {
    right: 25px !important
}



/* Codeless Slider 1 */

.cl_slider_1 {
    height: 100vh;
    background: #000;
}
.cl_slider_1 .swiper-slide {
    overflow: hidden;
}
.admin-bar .cl_slider_1 {
    height: calc(100vh - 32px);
}
.cl_slider_1 .cl-slide {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
}

.cl_slider_1 .cl-slide .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cl_slider_1 .cl-slide .caption {
    position: absolute;
    left: 55%;
    bottom: 24%;
    width: 40%;
    max-width: 480px;
}

@media (max-width:991px) {
    .cl_slider_1 .cl-slide .caption {
        left: 20%;
        width: 69%;
        bottom: 50%;
    }
    .cl_slider_1 .cl-slide .caption h5 {
        line-height: 20px;
        font-size: 16px;
    }
    .cl_slider_1 .cl-slide .caption h2 {
        font-size: 32px;
        line-height: 32px;
        margin-top: 10px;
    }
    .cl_slider_1 .cl-slider-nav {
        left: 20% !important;
        bottom: 28% !important;
    }
    .cl-pagination {
        display: none;
    }
}

.cl_slider_1 .cl-slide h5 {
    color: #fff;
}

.cl_slider_1 .cl-slide h2 {
    color: #fff;
    margin-top: 25px;
}

.cl_slider_1 .cl-slide h2 a:hover {
    color: #fff !important;
}

.cl_slider_1 .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
    background-size: cover;
    image-rendering: smooth;
    transform: scale(1.1, 1.1);
    transition: all 2s;
}




.cl_slider_1 .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
    background-size: cover;
    image-rendering: smooth;
    transition: all 5s;
}

.cl_slider_1 .swiper-slide .kenburns {
    animation: kenburns 25s ease infinite;
    -ms-animation: kenburns 25s ease infinite;
    -webkit-animation: kenburns 25s ease infinite;
    -o-animation: kenburns 25s ease infinite;
    -moz-animation: kenburns 25s ease infinite;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.cl_slider_1 .kenburns img {
    width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 1;
}

.cl_slider_1 .slider-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 90px;
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 999;
    font-size: 18px;
}
@media (max-width:991px) {
    .cl_slider_1 .slider-footer {
        height: auto !important;
    }
    .cl_slider_1 .slider-footer .row {
        flex-wrap: wrap;
    }
    .cl_slider_1 .slider-footer .row>div {
        width: 100%
    }
}

.cl_slider_1 .slider-footer .row {
    display: flex;
    align-items: center;
}

.cl_slider_1 .cl-slider-nav {
    display: block;
    padding: 10px;
    position: absolute;
    margin-top: 20px;
    bottom: 16%;
    z-index: 3;
    left: 55.5%;
    cursor: pointer;
}
.cl_slider_1 .cl-slider-nav:focus {
    border: none;
    outline: none;
}
.cl_slider_1 .cl-slider-nav:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.cl_slider_1 .cl-slider-nav svg {
    width: 8px;
    height: 21px;
    transform: rotate(90deg);
    color: #fff;
    fill: #fff;
    stroke: #fff;
}

.cl_slider_1 .cl-slider-nav:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -4px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.cl_slider_1 .cl-slider-nav--next {
    margin-left: 50px;
}

.cl_slider_1 .cl-pagination {
    position: absolute;
    right: 80px;
    left: auto;
    width: 100px;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
}

.cl_slider_1 .cl-pagination-bullet {
    position: relative;
    font-size: 8px;
    padding: 5px 10px;
    letter-spacing: 2px;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-indent: 0;
    z-index: 1;
    text-align: right;
    padding-right: 120px;
    width: 220px;
    display: block;
}
.cl_slider_1 .cl-pagination-bullet:focus {
    outline: none;
    border: none;
}
.cl_slider_1 .cl-pagination-bullet.cl-pagination-bullet-active:after {
    width: 40px;
    background: white;
}

.cl_slider_1 .cl-pagination-bullet span {
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 22px;
}
.cl_slider_1 .cl-pagination-bullet.cl-pagination-bullet-active span {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.cl_slider_1 .cl-pagination-bullet:after {
    width: 20px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    right: 70px;
    top: 16px;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cl_slider_1 .social-icons-widget {
    padding: 0;
    margin: 0;
}
.cl_slider_1 .social_widget .social-icons-widget.circle li {
    color: #222 !important;
}
.cl_slider_1 .social_widget .social-icons-widget.simple li {
    margin: 0 2px;
}
.cl_slider_1 .social_widget .social-icons-widget.simple li a {
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 999;
}
.cl_slider_1 .social_widget .social-icons-widget.simple li a:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.cl_slider_1 .social_widget .social-icons-widget.simple li a:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


@-webkit-keyframes kenburns {
    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
}















/* Codeless Slider 2 */

.cl_slider_2 {
    height: 100vh;
    background: #101010;
}
.cl_slider_2 .swiper-slide {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width:991px) {
    .cl_slider_2 .swiper-slide {
        width: 100%;
    }
}
.admin-bar .cl_slider_2 {
    height: calc(100vh - 32px);
}
.cl_slider_2 .cl-slide {
    width: 100%;
    height: 60%;
    overflow: hidden;
    position: relative;
    opacity: .4;
    transform: scale3d(.8, .8, 1);
    transition: transform .3s ease, opacity .3s ease;
    will-change: transform;
}
.cl_slider_2 .swiper-slide-active .cl-slide {
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.cl_slider_2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.cl_slider_2 .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
    background-size: cover;
    image-rendering: smooth;
    transform: scale(1.1, 1.1);
    -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;
}

.cl_slider_2 .cl-slide:hover .image-container {
    transform: scale(1.2, 1.2);
}

.cl_slider_2 .image-container img {
    width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 1;
}

.cl_slider_2 .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0
}
.cl_slider_2 .swiper-slide-active .content {
    opacity: 1;
}

.cl_slider_2 .content h2 {
    color: #fff;
    text-align: center;
}

.cl_slider_2 .content h2 a:hover {
    color: #fff !important;
}

.cl_slider_2 .slider-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 90px;
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 999;
    font-size: 18px;
}
@media (max-width:991px) {
    .cl_slider_2 .slider-footer {
        height: auto !important;
    }
    .cl_slider_2 .slider-footer .row {
        flex-wrap: wrap;
    }
    .cl_slider_2 .slider-footer .row>div {
        width: 100%
    }
}

.cl_slider_2 .slider-footer .row {
    display: flex;
    align-items: center;
}

.cl_slider_2 .social-icons-widget {
    padding: 0;
    margin: 0;
}
.cl_slider_2 .social_widget .social-icons-widget.circle li {
    color: #222 !important;
}
.cl_slider_2 .social_widget .social-icons-widget.simple li {
    margin: 0 2px;
}
.cl_slider_2 .social_widget .social-icons-widget.simple li a {
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 999;
}
.cl_slider_2 .social_widget .social-icons-widget.simple li a:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.cl_slider_2 .social_widget .social-icons-widget.simple li a:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


.cl_slider_2 .cl-slider-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 22%;
    margin: 0;
    z-index: 1
}
.cl_slider_2 .cl-slider-nav svg {
    display: none;
}

.cl_slider_2 .cl-slider-nav--prev {
    left: 0;
    cursor: url(img/cursor-prev.cur), move;
    cursor: url(img/cursor-prev.svg) 16 16, move;
}

.cl_slider_2 .cl-slider-nav--next {
    right: 0;
    cursor: url(img/cursor-next.cur), move;
    cursor: url(img/cursor-next.svg) 16 16, move;
}



/* Counters */

.cl_counter .title {
    font-size: 22px;
    font-weight: 300;
    line-height: 18px;
}

.cl_counter .odometer {
    font-weight: 500;
    font-size: 42px;
    letter-spacing: 2px;
}



/* Sevice Image */

.cl_service_image h3 {
    font-weight: 500;
    text-align: center;
 
}

.service_without_image .cl_service_image h3{padding-top: 20px;}

.cl_service_image .box-content .content p{
    margin-top:17px;
    font-size:18px;
    line-height: 32px;
}

.cl_service_image .box-content {
    padding-top: 32px;
}

.cl_service_image .box-content .content {
    padding-left: 55px;
    padding-right: 55px;
    text-align: center;
    color: #373737;
}

.cl_service_image .wrapper_content {
    text-align: center;
    color: #373737;
    padding-bottom: 38px;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;

}

.cl_service_image:hover .wrapper_content{

    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0;
    box-shadow: 4px 4px 0 0 #c5d7e0;
}



.cl_service_image .wrapper_content img{    
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.cl_service_image .wrapper_content>a {
    
    font-weight: 600;
    font-size:15px;
    letter-spacing: 0.5px
}



.cl_service_image .wrapper_content>a:after{
    position:absolute;
    content:"\e9d5";
    font-family: "codeless-icons";
    margin-top:2px;
    margin-left:0px;
    transition: visibility 0s, opacity 0.3s ease-in-out;

}

.cl_service_image .wrapper_content>a:after::hover {
  animation-name: move-left-to-right;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-iteration-count: infinite;
  animation-direction: alternative;
}

.cl_service_image .wrapper_content>a:hover{

    color: rgb(54, 164, 156) !important;

}


@keyframes move-right-to-left {
  0% {
    transform: translateX(-5%);
    box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.2);
  }
  50% {
    transform: translateX(-15%);
    box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.4);
  }
  100% {
    transform: translateX(-5%);
    box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.2);
  }
}

.cl_service_image .wrapper_content>a:hover, .cl_service_image .wrapper_content>a:after::hover {
    color:#222;
}



/*Service Boxed */

.cl_service_boxed {
    text-align: center;
   
   
    cursor: pointer;
    background-repeat:no-repeat;
    background-size: cover; 
}



.cl_service_boxed .wrapper_content{
     padding-top: 51px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 51px;
    border-radius: 10px;
    border-radius: 10px;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #f5f5f5 !important;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}


.cl_service_boxed:hover .wrapper_content{
    border-radius: 10px;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0 !important;
}


.cl_service_boxed:after {

    content: "";
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #fff;
    z-index: 0;
    -webkit-transition: opacity 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
    -moz-transition: opacity 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
    -o-transition: opacity 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
    transition: opacity 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86);
}

.cl_service_boxed .service_link:after{

    
    content: "\e9d5";
    font-family: "codeless-icons";
    margin-left: 4px;
    margin-top: 2px;
    font-size: 14px;

}


.cl_service_boxed .wrapper_content {
    z-index: 999;
    position: relative;
}

.cl_service_boxed.with_background:hover::after {
    opacity: 0;
}

.cl_service_boxed.with_background:hover .h4 a {
    color: #fff !important;
}
.cl_service_boxed p, .cl_service_boxed i, .cl_service_boxed .h4, .cl_service_boxed .h4 a, .cl_service_boxed a.service_link {
    -webkit-transition: all 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86) !important;
    -moz-transition: all 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86) !important;
    -o-transition: all 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86) !important;
    transition: all 200ms cubic-bezier(0.780, 0.140, 0.20, 0.86) !important;
}


.cl_progress_bar .labels .title p {
    font-size: 18px;
    font-weight: 500;
}

.owl-theme .owl-dots .owl-dot span{
    background: #a6b5e4 !important;
}

.cl_progress_bar .percentage{ line-height: 35px; }

.cl_progress_bar .progress .bar, .cl_progress_bar .progress {
    border-radius: 8px;

}

.counter_background .bg-layer{ border-radius: 6px; -webkit-border-radius:6px; }


.cl_progress_bar .progress{ background-color: #87e2db; }

.cl_progress_bar .progress .bar:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 50%;
    background: #4cd4ca;
    margin-top: -2px;
    margin-left: -12px;
    left: 100%;
}

.cl_progress_bar .labels .title {
    line-height: 41px;
}

.cl_service_boxed.with_background:hover p {
    color: #fff;
}

.cl_service_boxed.with_background:hover a.service_link  {
    color: #fff;
    -webkit-transition: none;
}




.cl_service_boxed.with_background:hover .wrapper-form i{
   color: #fff !important;

}



.cl_service_boxed h3.custom_font.h4, .cl_service_boxed .box-content .content p {
    text-align: center;
}
.cl_service_boxed h3.custom_font.h4{font-size:22px; font-weight: 300;}

.cl_service_boxed .wrapper-form {
    text-align: center;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: linear-gradient(180deg, rgba(76, 212, 202, 0.5) 0%, rgba(82, 210, 200, 0.25) 83%);

}



.cl_service_boxed .wrapper-form i {
    line-height: 80px;
}

.cl_service_boxed .icon_wrapper {
    padding-bottom: 30px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cl_service_boxed .service_link{
    font-weight: 600;
    font-size:15px;
    letter-spacing: 0.5px;
}

.cl_service_boxed>a {
    color: #777;
    font-weight: 500;
}
.cl_service_boxed>a:after {
    opacity: 0;
}

.cl_service_boxed>a:hover::after {

    content: "\f054";
    font-family: "codeless-icons";
    position: absolute;
    width: 5px;
    height: 5px;
    font-size: 8px;
    margin-left: 10px;
    margin-top: 2px;
    opacity: 1;
}


.cl_service_boxed .box-content .content {
    color: #373737;
    padding-top: 0px;
}

.cl_service_boxed .box-content {
    padding-top: 17px;
    padding-bottom: 0px;
}

.cl_contact_form7.style-simple input:not(.cl-btn), .cl_contact_form7.style-simple textarea {

    box-shadow: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.cl_contact_form7.style-simple textarea {
    padding-left: 10px;
    padding-top: 10px;
}


.post-page-numbers.current{ 
    background: #4cd4ca;    
    padding: 3px 10px;  
    border-radius: 6px; 
    color:#fff; 
}   
.post-page-numbers{ 
    border:1px solid #4cd4ca;   
    padding:3px 10px;   
    border-radius: 6px; 
    margin-right: 3px;  
    margin-left: 3px;   
    font-weight: 600    
}   
.post-page-numbers .page-number{
    font-size:14px;
}
#wp-calendar tbody tr td a{ color:#516fc9 !important; font-weight:600;} 
.cl-comment-reply {padding-top:50px; padding-bottom: 50px;} 
#respond.comment-respond .form-submit{margin-bottom:40px;}  
.pagination_title{  
    background: #4cd4ca;    
    padding: 7px 12px;  
    border-radius: 4px; 
    color: #fff;    
    text-transform: uppercase;  
    letter-spacing: 0.4px;  
    font-size: 14px;    
    margin-right:7px;   
}


@media(max-width: 767px){
    .mc4wp-form-fields input[type="email"]{
        width:29vh;
        padding-right:37px;
        border-top-right-radius: 28px;
        border-bottom-right-radius: 28px;
    }
    .mc4wp-form-fields input[type="submit"]{margin-top:1px; border-radius: 48px}
    .footer-widget{float:left;}
    .cl-h-cl_header_button span{font-size: 13px;}
    .cl-mobile-menu-button{margin-right: 7px;}
    .cl_service_boxed{marker-width:300px; }
    .home_services .row{ margin-left:0px !important; margin-right:0px !important; }
    .cl-row--custom-width .cl_column{padding-left: 8px !important; padding-right: 8px !important;}
    .cl_pricelist, .row .cl_column{margin-bottom:35px;}
    .slider_home .cl-text p{line-height: 30px;}
    .header_container.menu_style-border_top #navigation nav>ul>li:after{display:none;}
    .footer_titles{display: none;}
    .cl_service_image .wrapper_content{ padding-top:22px; }
    .testimonial_bg .bg-layer{background-image:none !important; }


}

.creative-search { display: none; }

@media(max-width: 991px){

      aside .mc4wp-form-fields input[type="submit"]{ 
        border-radius: 50px; 
        border-bottom-left-radius: 0px; 
        border-top-left-radius:0px;
        margin-left: -5px;
       
    }
    aside .mc4wp-form-fields input[type="email"]{ border-top-right-radius: 0; border-bottom-right-radius: 0px; }



    
    
}




/* Load Custom Fonts */

@font-face {
    font-family: 'jostlight';
    src: url('css/fonts/jost-300-light-webfont.woff2') format('woff2'),
    url('css/fonts/jost-300-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jostregular';
    src: url('css/fonts/jost-400-book-webfont.woff2') format('woff2'),
    url('css/fonts/jost-400-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jostmedium';
    src: url('css/fonts/jost-500-medium-webfont.woff2') format('woff2'),
    url('css/fonts/jost-500-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jostsemi';
    src: url('css/fonts/jost-600-semi-webfont.woff2') format('woff2'),
    url('css/fonts/jost-600-semi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jostbold';
    src: url('css/fonts/jost-700-bold-webfont.woff2') format('woff2'),
    url('css/fonts/jost-700-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.footer-logo{width:150px;}

.cl_divider .inner.circles:first-child{
    border-style: solid;
    width: 20px;
    margin-top: -7px;
    border-radius: 50%;
    height: 20px;
    background: #4cd4caab;
    border-top-width: 0px !important;
}
.cl_divider .inner.circles:last-child
{
    border-style: solid;
    margin-left: -29px;
    width: 20px;
    margin-top: -7px;
    border-radius: 50%;
    height: 20px;
    background: #5d79cd8c;
    border-top-width: 0px !important;

}

.center_divider.circles .inner.circles:first-child {

    margin-left:33px !important;
}

sup{top:-14.5px;}

.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th{ padding:1.25rem 3rem; }
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours{padding:0px 1rem !important;}

.appointment{
    background: #fff;
    border-radius: 30px;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #f5f5f5 !important;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: 24px 53px;
    margin-top:50px;
}

@media(max-width:991px){
    .appointment{width:100% !important;}
}


.appointment .wpcf7-list-item input[type="radio"]{

    width:12px !important;
    height:12px !important;

}

.appointment .wpcf7-list-item-label{
 font-size:20px;
}

.appointment span.wpcf7-list-item{

    margin-bottom:30px;
}

.wpcf7-submit { padding:14px 45px !important; }

.radio_container:first-child{margin-top:10px;}
.radio_container, .radio_container span{float:left; width:100%;}
.radio_container input{float:left; cursor: pointer;}

.radio_container{margin-bottom:20px;}

.radio_container label{padding-left: 5px; font-weight: 600; letter-spacing: 0px;}
.radio_container label.description{padding-left: 47px; font-size:14px; float:left; width: 100%; font-weight: 400; line-height: 18.2px;}
.radio_container input{margin-top:6px;}

.radio_container{

    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    transition: background .3s,border-radius .3s;
    cursor:pointer;
}

.radio_container.checked-radio{background: #f5f5f5; border-radius:8px;}

.appointment_form input[type="submit"]{
    background: #5170ca;
    color: #fff;
    font-family: jostregular;
    text-transform: uppercase;
    padding: 12px 21px;
    border-radius: 20px;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom:20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #5170ca78;
    box-shadow: 4px 4px 0 0 #5170ca78;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.appointment_form input[type="submit"]:hover{
    background-color: #ffffff;
    color: #5170ca;
    box-shadow: 0 7px 14px rgba(50,50,93,0.08), 0 3px 6px rgba(0,0,0,0.04);
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,0.08), 0 3px 6px rgba(0,0,0,0.04);
    -moz-box-shadow: 0 7px 14px rgba(50,50,93,0.08),0 3px 6px rgba(0,0,0,0.04);
}

.appointment_form input:checked ~ .checkmark {
    background-color: #5170ca;
}

.appointment_form .radio_container:first-child input:checked ~ .checkmark{

     background-color: #a4e1c2;   

}

.appointment_form .radio_container:nth-child(3) input:checked ~ .checkmark{

     background-color: #eac627;   

}

.checkmark:before{

        content: "\e8e7";
        font-family: "codeless-icons";
        font-style: normal;
        font-weight: 400;
        text-align: center;
        width:7px;
        height:7px;
        position:absolute;
        color:#fff;
        margin-left:-8px;
        margin-top:2px;
}


.appointment_form .checkmark {
  position: relative;
  top: 3px;
  left: -16px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  text-align: center;
  pointer-events: none;
    

}

.appointment_form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

 .appointment_form input:checked ~  .appointment_form .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
 .appointment_form .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

 .appointment_form .description{ padding-left:46px; }

.testimonial_item .content:before{
    content: '\f10d';
    font-family: codeless-icons;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 37px;
    font-size: 69px;
    top: 25px;
    z-index: -999;
    color: rgb(181 181 181 / 22%);


}

.modernshadow .cl_col_wrapper{
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.modernshadow:hover .cl_col_wrapper{

    border-style: solid;
    border-width: 1px !important;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0;

}    

.new_shadow .cl_service{

    padding:60px !important;
    background: #fff;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    
}

.new_shadow:hover .cl_service{
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0;

}

article.default-style.has-post-thumbnail .entry-wrapper-content{
    border-radius: 4px;
    border-style: solid;
    padding-bottom: 30px;
    border-width: 1px;
    border-color: #f5f5f5 !important;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;

}


article.default-style.has-post-thumbnail:hover .entry-wrapper-content{

    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0;
}

.cl_service.media_top{

    float:left;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding-top: 20px;
    padding-left:20px;
    padding-right: 20px;
    padding-bottom:20px;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}


.cl_service.media_top:hover{

    float:left;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0;


}

.cl-btn:not(.btn-priority_secondary):hover{box-shadow: none;}


.cl-shop-pagination .cl-pagination{margin-left:12px;}

article.default-style .entry-wrapper-content{
    border-radius: 4px;
    border-style: solid;
    padding-bottom: 30px;
    border-width: 1px;
    border-color: #f5f5f5 !important;
    box-shadow: 4px 4px 0 0 #f5f5f5;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding-left: 40px !important;
    padding-top: 40px !important;
    padding-right: 40px;
}

article.default-style:hover .entry-wrapper-content{

    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #c5d7e0 !important;
    box-shadow: 4px 4px 0 0 #c5d7e0;
}

.comment-author-link.h5{
    font-size:18px;
}

.comment-meta p{
    margin-bottom:0px;
}
.comment-content table tbody td{

    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.comment-content table tbody .odd:first-child{
    padding-top:25px;
}

.widget .wrapper_triangle{box-shadow:none; -webkit-box-shadow:none;}

.woocommerce-input-wrapper{    
    float: left;
    width: 100%;
    margin-bottom: 22px;
}

#billing_country_field .woocommerce-input-wrapper, #billing_state_field .woocommerce-input-wrapper {
    border:1px solid #ebebeb;
    height:40px;
}

.woocommerce form .form-row .select2-container{
    width:99% !important;
}

select{
    background: url(img/down-arrow.png) no-repeat right;
    background-position-x: 98%;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;

}
aside .widget_archive select, aside select{
    background-position-x: 93% !important;
}

aside .widget_rss ul li a{font-weight: 600;}

.services_with_shadow .cl_col_wrapper .bg-layer{
    border-radius: 7px;
}
#cancel-comment-reply-link{padding-left:10px !important; text-transform: capitalize; font-weight:300;}

.comment-reply-title{text-transform: capitalize !important;}

label[for*="comment"]{color:#222 !important ; padding-bottom: 5px; font-weight: 600;}

textarea#comment{ color:#222 !important; padding-top:10px !important; }

.wp-caption-text  a{color:#516ec8;}

#respond.comment-respond{margin-top:20px;}

.comment-form-cookies-consent{padding-top:0; padding-bottom:20px; font-weight: 400;}

.comment-form-cookies-consent label{ font-weight: 400; }

.comment {padding-top:20px; padding-bottom:20px;}

.comment-edit-link {padding-top:10px;}

.comment ul {list-style: none;}

.comment .avatar{border-radius: 50%}

.comment-metadata{ padding-bottom: 10px; font-weight: 600; font-size:15px;}

.comment .reply{padding-top:20px; font-weight: 600}

.screen-reader-text{    
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.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;
  clip-path: none;
  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. */
}

button.cl-mobile-menu-button {
  font-size: 2em;
  background: none;
  border: none;
  cursor: pointer;
}

button.cl-mobile-menu-button:focus, #menu-all-pages a:focus {
    outline: 2px solid #222 !important;

}

.entry-content  a{ text-decoration: underline; }

input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="search"]:focus  { outline: 2px solid #222 !important; }