/*
Theme Name: Creatic
Description: Creatic is the most advanced & detailed Restourant wp theme
Version: 1.2
Author: Codeless
Author URI: http://www.codeless.co
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
License: GNU General Public License
Theme URI: http://creatic.ellethemes.com/default/
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 {
    text-decoration: none;
    cursor: pointer;
}
mark.highlight {
    background: transparent;
}
sup{
    top:-15px !important;
    font-size:64% !important;
}
select{
    max-width:100%;
}
.wp-caption {
    max-width: 100%;
}
.alignleft {
    float: left;
    padding-right: 20px;
}
.alignright {
    float: right;
    padding-left: 20px;
}
.aligncenter {
    display: block;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}
.bypostauthor{
    display:block;
}
.wp-caption {
    max-width: 100%;
    padding: 4px;
    float: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.wp-caption-text{
    padding-top:7px;
}
.wp-caption a {
    padding-bottom:0;
}
.inner-content #comments{
    margin-top: 0px;
    padding-top: 0px;
    border-top: 2px solid #f2f2f2;
}

body.page .inner-content #comments{
    margin-top:90px;
}
.entry-content .page-links .page-number{
    padding-left:15px; 
}

.entry-content .page-links > .page-number{
    font-weight:bold;
    color:#262a2c;
}

.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: 0;
}

.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;
}
.wp-caption-text {
    padding-left: 7px;
    margin-bottom: 7px;
    text-align: center;
    font-size: 13px;
}
.wp-caption-text,
.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;
}
::selection,
::moz-selection {
    color: #fff;
}
.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: 650px;
    border: 1px solid #ebebeb;
    padding-left: 10px;
    height: 35px;
    background: #fafafa;
    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;
}
.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: left;
    font-size: 160px !important;
    color: #eee !important;
    line-height: 200px !important;
}
@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;
}
/** 
 *  ------------------------- END TYPOGRAPHY -------------------------
 *  ------------------------------------------------------------------
 */
/** 
 *  ------------------------- LAYOUT -----------------------------
 *  --------------------------------------------------------------
 */
@media(min-width:1200px){
    .container{
        max-width:100%;
    }
}
#content {
    position: relative;
}
#content > p {
    margin: 0;
    padding: 0;
}
.inner-content.container-fluid aside#secondary{
    max-width:400px;
}


@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;
    }

    .single-post .inner-content.container-fluid .content-col{
        padding:0 10%;
    } 
}

@media (max-width: 767px) {
    #content.cl-layout-modern .cl-layout-modern-bg {
        display: none;
    }
}
body:not(.single-product) #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;
}


.header_container.header-top > .extra_row, .header_container.header-bottom > .extra_row{
    position:relative;
    z-index:1001;
}


/** 
 *  ------------------------- 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;
}
.cl-custom-responsive-navigation{
    display:none;
}
@media (min-width: 992px) {
    .header_container.menu_style-simple.header-top .c-left.header-col .header-el:first-child nav > ul > li:first-child, .header_container.header-bottom.menu_style-simple .c-left.header-col  .header-el:first-child nav > ul > li:first-child{
        padding-left:0 !important;
    }
    .header_container.menu_style-simple.header-top .c-right.header-col .header-el:last-child nav > ul > li:last-child, .header_container.header-bottom.menu_style-simple .c-right.header-col .header-el:last-child nav > ul > li:last-child{
        padding-right:0 !important;
    }
    #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: 0;
        top: 99%;
        left: 6px;
        z-index: 9999999999;
        padding: 0px;
        padding-top:10px;
        padding-bottom:10px;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); 
        min-width: 250px;
        max-width: 250px;
    }
    nav .menu li ul.sub-menu li a, .cl-submenu a, .cl-submenu .empty, .tool .header_cart .total{
        text-align:left;
    }
    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 {
        left: auto;
        right: 0;
    }
    nav .menu li > ul.sub-menu{
        padding-top:10px;
        padding-bottom:10px;
    }
    nav .menu li > ul.sub-menu li {
        z-index: 50005;
        text-align: left;
        margin: 0 !important;
        padding:6px 35px;
        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 a {
        display: block;
        padding: 0px 0px;
        line-height:20px;
        width: 100%;
        letter-spacing: 0;
    }
    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: auto 100%;
    }
    nav .codeless_custom_menu_mega_menu h6 {
        text-align: left;
        width: 100%;
        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 {
        width: 255px !important;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega2 {
        width: 600px !important;
        left: 0;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega3 {
        width: 840px !important;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega4 {
        width: 1170px;
    }
    nav .codeless_custom_menu_mega_menu.codeless_mega5 {
        width: 1170px;
    }
}
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: 16px;
    right: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
    nav .codeless_custom_menu_mega_menu {
        max-width: 720px !important;
    }
}
@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;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); 
        min-width: 14em;
        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 {
        line-height: 20px;
    }

    #site-header-cart{
        width: 400px;
        max-width:400px !important;
        line-height: 20px;
        top:100% !important;
    }
    #site-login-box{
        width: 350px;
        max-width:350px !important;
        line-height: 20px;
        top:100% !important;
    }
}

@media (max-width:991px){
    #site-header-cart.cart-style-side{
        width: 400px;
        max-width:100% !important;
        line-height: 20px;
        top:100% !important;
        display: initial !important;
        visibility: visible !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

#site-login-box h6{
    padding-top: 15px;
    padding-bottom: 20px;
}

#site-login-box .button.woocommerce-Button{
    background-color: #80d0c5 !important;
    color: #fff !important;
    border: 1px solid #80d0c5 !important;
    font-weight: 600;
    font-size: 14px;
    text-transform:uppercase;
    display:block;
    width:100%;
    line-height:30px;
}

#site-login-box .button.register_link{
    background-color: #fff !important;
    color: #262a2c !important;
    border: 1px solid #dbe1e6 !important;
    font-weight: 600;
    font-size: 14px;
    text-transform:uppercase;
    display:block;
    width:100%;
    margin-top:10px;
    text-align:center;
    line-height:30px;
}


#site-header-cart.cart-style-side{
    position:fixed;
    right:0;
    top:0 !important;
    height:100%;
    width:375px;
    z-index:99999999999;
    transform: translateX(375px);
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#f7f9fb;

}
#site-header-cart.cart-style-side .woocommerce-mini-cart__empty-message{
    padding:0 20px;
}
#site-header-cart.cart-style-side .nano{
    width:375px;
    height:440px;
}

@media (max-width:500px){
    #site-header-cart.cart-style-side .nano{
        height:150px !important;
    }
}

#site-header-cart.cart-style-default .nano{
    width:360px;
    height:300px;
}

#site-header-cart.cart-style-side .nano:after, #site-header-cart.cart-style-default .nano:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 18px;
    height: 30px;
    pointer-events: none;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

#site-header-cart .button.wc-forward:not(.checkout){
    background-color:#fff !important;
    color:#262a2c !important;
    border:1px solid #dbe1e6 !important;
    font-weight:600;
    font-size:14px;
}

#site-header-cart.cart-style-side .side-cart-header{
    height:155px;
    color:#fff;
    background:#262a2c;
    padding-left:20px;
    padding-top:105px;
    position:relative;
}
#site-header-cart.cart-style-side .side-cart-header h5{
    color:#fff;
    text-transform: uppercase;
    font-weight:bold;
}

#site-header-cart.cart-style-side .side-cart-header .close:after{
    content: '\f156';
    font-family:"codeless-icons";
    font-size:24px;
    position:absolute;
    bottom:25px;
    right:20px;
    color:#fff;
    line-height:24px;
}
#site-header-cart.cart-style-side .woocommerce-mini-cart__total{
    padding-left: 20px;
    padding-right: 20px;
}

#site-header-cart.cart-style-side .woocommerce-mini-cart__total, #site-header-cart.cart-style-side .woocommerce-mini-cart__buttons{
    padding-left: 20px;
    padding-right: 20px;
}

#site-header-cart.cart-style-side ul li{
    padding-right:20px;
}

body.open-side-cart {
    overflow:hidden !important;
}
body.open-side-cart #site-header-cart.cart-style-side{
    transform: translateX(0);
}
body.open-side-cart:after{
    background:rgba(0,0,0,0.2);
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:999999;
}


/* Search Tool */
.search.tool .search-wrapper{
    width: 44px;
    height: 44px;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    -moz-border-radius: 50%;
    opacity:0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.search.tool{
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}
.search.tool.expand{
    width:185px !important;
    overflow:hidden;
}
.search.tool .tool-link{
    position: absolute;
    right: 0px;
}

.search.tool.expand:hover .tool-link{
    box-shadow:none !important;
}
.search.tool.expand .tool-link:hover{
    background:transparent !important;
}
.search.tool.expand .search-wrapper{
    opacity:1;
}
.search.tool form{
    height:100%;
}
.search.tool form .search-input{
    height:100%;
}
.search.tool form .search-input input[type="search"]{
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    height: 44px;
    padding: 0;
    border-radius: 22px;
    padding-left: 14px;
    box-sizing: border-box;
    position: absolute;
}
.search.tool.expand form .search-input input[type="search"]{
    width: 185px;
}


.tool .tool-link {
    position: relative;
    z-index:99999999;
}
#site-header-cart .button.checkout {
    margin-top: 20px;
    font-size:14px;
}
#site-header-cart, #site-login-box{
    background:#fefefe;
    border-radius:4px;
    border-width:1px;
    border-style:solid;
}

#site-header-cart ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#site-header-cart ul{
    background:#fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); 
}
#site-header-cart ul li {
    padding-left: 50px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#site-header-cart ul li:last-child {
    margin-bottom: 0;
    border-bottom-width: 0;
}
#site-header-cart ul li .remove {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -11px;
    width: auto;
}
#site-header-cart .button.checkout{
    text-align:center !important;
    font-weight:600;
}
#site-header-cart .button.checkout.wc-forward{
    background:#80d0c5 !important;
}

#site-header-cart ul li a.remove {
    font-size:20px;
    line-height:20px;
    border-radius:0;
    
    text-indent:-9999px !important;
}
#site-header-cart ul li a.remove:after{
    color:#fe8473;
    content:"\f156";
    text-indent:0 !important;
    position:absolute;
    top:0;
    left:0;
    font-family: "codeless-icons";
}

#site-header-cart ul li img {
    width: 90px;
}
#site-header-cart ul li a:not(.remove) {
    width: 100%;
    display:flex;
    align-items:center;
    min-height:90px;
    overflow:hidden;
}
#site-header-cart ul li a span.data{
    padding-left:17px;
}
#site-header-cart ul li a span.data .title{
    font-weight:400;
    font-size:16px;
    color:#727f88;
}
#site-header-cart .quantity{
    display:block;
    color:#262a2c;
    font-size:16px;
    font-weight:600;
}
#site-header-cart .quantity:before, #site-header-cart .quantity:after{
    display:none;
}

#site-header-cart .woocommerce-mini-cart__total{
    font-size:24px;
    font-weight:600 !important;
}
#site-header-cart .woocommerce-mini-cart__total strong{
    font-weight:600 !important;
}
#site-header-cart .woocommerce-mini-cart__total > span{
    color:#262a2c;
    float:right;
}
#site-header-cart .button{
    display:block;
    text-align:center;
    text-transform: uppercase;
}

.tool .tool-link .cart-total { 
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    left: auto;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}
.tool.search > i {
    cursor: pointer;
}
.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,
    #site-login-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    #site-header-search form i {
        top: 5px !important;
    }
}

.extra_tools_wrapper .img-search{
    display: inline-block;
    width:   25px;
    height:  25px;
    background: url("img/search.png") center no-repeat;
}

@media (min-width:992px){
    .header_container.cl-header-light .extra_tools_wrapper .img-search{
      
       background: url("img/search-light.png")  center no-repeat;
    }
}

.extra_tools_wrapper .img-sidenav{ 
    display: inline-block;
    width:   25px;
    height:  25px;
    background: url("img/sidenav.png") center no-repeat; 
}
@media (min-width:992px){
    .header_container.cl-header-light .extra_tools_wrapper .img-sidenav{
       
       background: url("img/sidenav-light.png") center no-repeat; 
    }
}


@media (max-width:992px){
    .sidenav.tool{
        display:none;
    }
}

/* End Sub Menu for Tools */
/* -------------------------------- MOBILE MENU -------------------------- */

.cl-mobile-menu {
    display: none;
    padding-top: 24px;
    padding-bottom: 24px;
    z-index: 99999999;
    position: relative;
}
.cl-mobile-menu-button.cl-color-light span{
    background-color:#fff !important;
}
.cl-mobile-menu nav {
    overflow: hidden;
}
.cl-mobile-menu-button {
    display: none;
    position: relative;
    width: 24px;
    height: 16px;
    margin-left:20px;
    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;
        padding-left:15px;
        padding-right:15px;
    }
    .cl-mobile-menu nav li a {
        width: 100%;
        display: block;
        padding-left:7px;
    }
    .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: "\f142";
        font-family: "codeless-icons";
        font-style: normal;
        font-weight: normal;
        speak: none;
        position: absolute;
        font-size: 16px;
        right: 15px;
        background-color:transparent !important;
    }
    .cl-mobile-menu nav .codeless_custom_menu_mega_menu > ul > li.hasSubMenu:after {
        content: "\f142";
        font-family: "codeless-icons";
        font-style: normal;
        font-weight: normal;
        speak: none;
        position: absolute;
        font-size: 16px;
        right: 15px;
        top: 0;
    }
    .cl-mobile-menu nav .codeless_custom_menu_mega_menu li img{
        display:none;
    }

    .cl-mobile-menu .hasSubMenu > ul,
    .cl-mobile-menu .hasSubMenu > .codeless_custom_menu_mega_menu {
        display: none;
        padding: 10px 15px;
        background-image:none !important;
    }
    .cl-mobile-menu .hasSubMenu > ul > li,
    .cl-mobile-menu .hasSubMenu > .codeless_custom_menu_mega_menu > ul > li {
        padding-top: 3px;
        padding-bottom: 3px;
        width:100% !important;
    }
    .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;
    }
}
/* -------------------------------- END MOBILE MENU ---------------------- */

.header_container * {
    box-sizing: border-box;
}
.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;
    align-items:center;
}
.cl-header-forced-center .header-row.main .header-row-inner .header-col{
    width:100%;
}


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


.cl-header-extra-forced-center .header-row.extra_row .header-row-inner .header-col{
    width:100%;
}


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


.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;
}

/* Top Nav */
.top_nav.header-row{
    height:30px;
}
@media (max-width:991px){
    .header_container:not(.cl-header-topnav-mobile) .top_nav.header-row{
        display:none;
    }
    .header_container.cl-header-topnav-mobile .top_nav.header-row{
        height:auto !important;
    }
    .header_container.cl-header-topnav-mobile .top_nav.header-row .header-row-inner{
        flex-wrap:wrap;
    }

    .header_container.cl-header-topnav-mobile .top_nav.header-row .header-col{
        width:100%;
        justify-content: flex-start;
        margin-top:5px;
    }
    .header_container.cl-header-topnav-mobile .top_nav.header-row .header-el{
        width:100%;
        margin:0 10px;
    }
}
/* 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 (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:absolute;
        width:100%;
        top:0;
        z-index:99999;
    }

    .admin-bar .cl-header-sticky:not(.cl-transparent):not(.cl-actived-fullscreen-header){
        position:absolute;
        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 */
}

.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;
}
.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;
}

.header_container.header-top nav > ul > li{
    background-color:rgba(0,0,0,0);
    -webkit-transition:  background-color .15s ease-in-out;
    -moz-transition:  background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
}


@media (min-width:992px){
    /* Top  */

    body:not(.rtl) .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%);
        width: 1170px;
    }
    /* End Top  */

    /* vertical_dividers */
    .header_container.header-top.vertical-dividers #navigation nav > ul > li:before{
        content:"";
        width:1px;
        height:20px;
        top:50%;
        position:absolute;
        left:0;
        margin-top:-10px;
    }

    .header_container.header-top.vertical-dividers #navigation nav > ul > li:last-child:after{
        content:"";
        width:1px;
        height:20px;
        top:50%;
        position:absolute;
        right:0;
        margin-top:-10px;
    }


    
    /* 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:99999;
    }

    .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_container.header-left .header-el {
        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;
    }

    .cl-header-side .header_container.header-left nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu,
    .cl-header-side .header_container.header-left nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu ul,
    .cl-header-side .header_container.header-left nav .codeless_custom_menu_mega_menu,
    .cl-header-side .header_container.header-left .extra_tools_wrapper .tool .cl-submenu{
        left:100% !important;
        top:0 !important;
        z-index:0;
        box-shadow: 7px 5px 20px 0px rgba(0, 0, 0, 0.05) !important;
        display:flex;
        max-width:990px;
    }
    .cl-header-side .header_container.header-left .header-row-inner.container-fluid{
        padding-left:0px;
        padding-right:0px;
    }
    .cl-header-side .header_container.header-left .header-row-inner.container-fluid .header-el{
        padding-left:35px;
        padding-right:35px;
    }

    .cl-header-side .header_container.header-left .header-row-inner.container-fluid .cl-h-cl_header_menu{
        padding-right:0px;
    }
    .cl-header-side .header_container.header-left nav > ul > li.hasSubMenu > a:after{
        content: "\f142";
        font-family:"codeless-icons";
        position:absolute;
        right:35px;
        top:50%;
        line-height:20px;
        font-size:21px;
        margin-top:-10px;

    }

    .cl-header-side .header_container #site-header-cart{
        top:-250px !important;
    }

    .cl-header-side .header_container #site-header-cart .woocommerce-mini-cart__buttons.buttons a{
        text-align:center !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  */

@media (min-width:992px) and (max-width:1650px){
    .cl-header-side .header_container{
        /*overflow-y:auto;*/
    }
}

.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:5px;
    }
    .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%;
    }
    .header_container.menu-full-style #navigation nav a{
        text-align:left !important;
    }

    .cl-header-side .header_container.header-left .c-left.header-col{
        width:100%;
    }
    .cl-header-side .header_container.header-left .c-left.header-col .cl-h-cl_header_tools{
        width:100%;
        display: flex;
        flex-direction: row-reverse;
    }
}

@media (min-width:992px) and (max-width:1200px){
    .header_container.header-top nav > ul > li, .header_container.header-bottom nav > ul > li{
        padding-left:15px !important;
        padding-right:15px !important;
    }
}

@media (max-width:1200px){
    .header_container.header-top > .extra_row.extra-boxed.container, .header_container.header-bottom > .extra_row.extra-boxed.container{
        width:100% !important;
        max-width:none !important;
    }
}

/* transparent header */

@media (min-width: 992px) {
    .header_container.cl-transparent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    /* Fix Header Transparent when logged in */
    
    .admin-bar .header_container.cl-transparent, .admin-bar .header_container.cl-header-sticky-ready{
        top: 32px;
    }
}
@media (max-width: 782) {
    .admin-bar .header_container.cl-transparent {
        top: 46px;
    }
}
@media (min-width: 992px) {
    /* 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.7);
    }
    .header_container.cl-header-light .extra_tools_wrapper .tool i {
        color: #c7c7c7;
    }

    .header_container.cl-header-light nav > ul > li.current-menu-item >  a {
        color: #fff;
    }


    .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;
    }
    .header_container .header-row-inner.container-fluid{
        padding-left:35px;
        padding-right:35px;
    }
}


/* ----------------------- End Header Layouts  -----------------------*/
/* ----------------------- Menu Styles -----------------------*/

@media (min-width: 992px) {
    .menu-with_shadow {
        -webkit-box-shadow: 0 0px 26px 8px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0px 26px 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0px 26px 8px rgba(0, 0, 0, 0.1);
        position:relative;
        z-index:9999;
    }
}
.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_style-border_top #navigation nav > ul > li > a{
    top:-3px;
}
.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;
    }


}

/* Menu style small border */

@media (min-width:1200px){

    .header_container.menu_style-small_border #navigation nav > ul > li.current-menu-item > a:before{
        content: "";
        width: 5px;
        position: absolute;
        left: -30px;
        height: 3px;
        top: 50%;
        margin-top: -1px;

    }

    .header_container.menu_style-small_border #navigation nav > ul > li.current-menu-item > a:after{
        content: "";
        width: 9px;
        position: absolute;
        left: -20px;
        height: 3px;
        top: 50%;
        margin-top: -1px;
        
    }
}





/* ----------------------- End Menu Styles -------------------*/
/* Header Tools  */

.extra_tools_wrapper {

    height: 100%;
    display:flex;
    align-items:center;
}
.extra_tools_wrapper .tool {

    padding-left: 36px;
    line-height:20px;
    position:relative;
    cursor:pointer;
}
body:not(.rtl) .extra_tools_wrapper .tool:first-child{
    padding-left:0;
}
body:not(.rtl) .extra_tools_wrapper.style-small .tool:first-child:before{
    left:20%;
}
body:not(.rtl) .extra_tools_wrapper.with-dividers .tool:first-child:after{
    content:"";
    display:none;
}
.extra_tools_wrapper.with-dividers .tool:after{
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -9px;
}
.extra_tools_wrapper .tool i {
    font-size: 20px;
    top: 0px;
    position: relative;
    line-height:20px;

}


.extra_tools_wrapper .tool i{
    font-size:24px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.extra_tools_wrapper .tool{
    width:44px;
    height:44px;
    padding:0;
    margin-left:7px;
}
.extra_tools_wrapper .tool:first-child{
    margin-left:0;
}


body:not(.cl-header-side) .extra_tools_wrapper .tool > a{
    width: 60px;
    height: 44px;
    display:flex;
    align-items:center;
    border-radius: 50%;
    justify-content: center;
    position: absolute;
    -moz-border-radius: 50%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0);
    z-index: 999999;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

body:not(.cl-header-side) .extra_tools_wrapper .tool > a i{
    width:100%;
    text-align:center;
}


body.cl-header-side .cl-responsive-header .extra_tools_wrapper .tool > a{
    width: 44px;
    height: 44px;
    display:flex;
    align-items:center;
    border-radius: 50%;
    position: absolute;
    -moz-border-radius: 50%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0);
    z-index: 999999;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  background:#fff;
}
body.cl-header-side .cl-responsive-header .extra_tools_wrapper .tool > a i{
    width:100%;
    text-align:center;
}

body.cl-header-side .cl-responsive-header .extra_tools_wrapper .tool:hover > a{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
}

.extra_tools_wrapper .show-side-header{
    display:none;
    font-size:14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding-left:18px;
}
/* Tools on Side Menu */
@media (min-width:992px){
     .cl-header-side .header_container .extra_tools_wrapper {
        display:flex;
        flex-wrap: wrap;
        margin-left:-35px;
        margin-right:-35px;
    }
    .cl-header-side .header_container .extra_tools_wrapper .tool{
        width:100%;
        padding-left:35px !important;
        padding-right:35px !important;
        margin-left:0;
        height:50px;
        box-shadow:0px 0px 0px rgba(255,255,255,0);
        -webkit-transition: box-shadow .15s ease-in-out;
        -moz-transition: box-shadow .15s ease-in-out;
        transition: box-shadow .15s ease-in-out;
        display: flex;
        align-items: center;
    }
    .attachment-portfolio_entry{
        width:100%;
    }
    .cl-header-side .header_container .extra_tools_wrapper .tool a{
        display:flex;
        align-items:center;
        text-align:left !important;
        width:100%;
    }
    .cl-header-side .header_container .extra_tools_wrapper .tool a i{
        text-align:left !important;
        font-size:20px;
        line-height:36px;
    }

    .cl-header-side .header_container .extra_tools_wrapper .tool a span.show-side-header{
        font-weight:600;
    }
   
    .cl-header-side .header_container .extra_tools_wrapper .tool.search{
        order:3;
    }
    .cl-header-side .header_container .extra_tools_wrapper .tool:before{
        display:none;
    }
    .cl-header-side .header_container .extra_tools_wrapper .tool:hover{
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); 
    }
   
    .cl-header-side .header_container .extra_tools_wrapper .tool:hover a span.cart-total{
        color:#fff;
    }
   
    .cl-header-side .show-side-header{
        display:inline-block;
    }

    .cl-header-side .search.tool .tool-link{
        position:relative;
    }

    .cl-header-side .search.tool.expand #header_search_btn{
        display:none;
    }
    .cl-header-side .search.tool.expand{
        width:100% !important;
    }

    .cl-header-side .search.tool.expand input[type="search"]{
        width:260px !important;
        border:none !important;
        box-shadow:none !important;
    }
}

/* 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;
}
@media (min-width:992px){
    .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;
}

/* 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;
    }
}

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

/* End Half Overlay */

/* Dropdown inline */
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;
}

nav.cl-dropdown-inline > ul li.showDropdown .sub-menu{
   
}


/* 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;
}

/* Header Widget */

.cl-h-cl_header_widget .wpml-ls-legacy-dropdown, 
.cl-h-cl_header_widget .wpml-ls-item-toggle, .wpml-ls-sub-menu li a{
    color:inherit !important;
}

.cl-h-cl_header_widget  .wpml-ls-sub-menu, .cl-h-cl_header_widget a{
    border-color:transparent !important;
}

.cl-h-cl_header_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
}

/* search widget header */
.header-el .widgetized form{
    max-width:120px;
    position:relative;
}
.header-el .widgetized form label{
    display:none;
}
.header-el .widgetized form i{
    position:absolute;
    height:20px;
    left:0;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    line-height:20px;
    z-index:99999;
}
.header-el .widgetized form input{
    height:22px;
    margin-top:2px;
    box-shadow:none;
    -webkit-box-shadow:none;
    padding-left:28px;
    max-width:100%;
    box-sizing: border-box;
    color:#777;
    position:relative;
    z-index:99;
    -webkit-text-fill-color:#880000;
    -webkit-opacity: 1; 

}
.header-el .widgetized form input[disabled]{
    color:#000 !important;
    -webkit-text-fill-color:#880000;
    -webkit-opacity: 1; 
}

.header-el .search-widget.transparent-style input{
    background: rgba(255,255,255,0.1);
    padding: 15px 36px;
    color: #cdcdcd;
    -webkit-text-fill-color: #cdcdcd;
}
.header-el .search-widget.transparent-style form i{
    left:11px;
}
/* end search widget header*/

/* 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-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;
    margin-top:0 !important;
}

.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 {
     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;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
body:not(.rtl) .header-el .cl-icon-text span{
    display:inline-block;
    line-height:20px;
    padding-left:22px;
}
.header-el .cl-icon-text span p{
    margin:0;
    padding:0;
}


.extra-boxed.with-shadow{
    box-shadow:15px 20px 50px rgba(0,0,0,0.25);
    -webkit-box-shadow:15px 20px 50px rgba(0,0,0,0.25);
    -moz-box-shadow:15px 20px 50px rgba(0,0,0,0.25);
}

.menu_style-background_color.menu-full-style .extra-boxed.with-shadow nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu
{
    left:0 !important;
}
.extra-boxed.container, .extra-boxed.container .container{
    padding-left:0;
    padding-right:0;
}

/* Header Search Element */
.search-element{
    height:auto;
    line-height:20px;
}
.search-element .search-input{
    display:inline-block;
    position:relative;
}
.search-element .search-input i{
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 24px;
    height: 20px;
}
.search-element input[type="search"]{
    height:48px;
    line-height:48px;
    box-shadow: inset 1px 2px 15px 0px rgba(0, 0, 0, 0.05); 
    padding:0px 14px;
    border-width:1px;
    border-style:solid;
    font-size:16px;
    width:380px;
    max-width:100%;
    margin:0;
}

.search-element.style-simple_transparent input[type="search"]{
    background:rgba(255,255,255,0.1);
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    height:40px;
    border:none;
    padding-left:25px;
}
.search-element.style-simple_transparent .search-input i{
    color:#fff !important;
    top:9px !important;
}


.search-element.style-simple_white input[type="search"]{
    background:#fff;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    height:40px;
    padding-left:25px;
    border-width:2px;
    border-style:solid;
    box-shadow:none;
}
.search-element.style-simple_white .search-input i{
    top:12px !important;
    right:15px !important;
}


.search-element.style-simple_transparent input[type="search"]::-webkit-input-placeholder { /* Chrome */
  color: rgba(255,255,255,0.4);
}
.search-element.style-simple_transparent input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.4);
}
.search-element.style-simple_transparent input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.4);
  opacity: 1;
}
.search-element.style-simple_transparent input[type="search"]:-moz-placeholder { /* Firefox 4 - 18 */
  color: rgba(255,255,255,0.4);
  opacity: 1;
}

.search-element .select2-container{
    z-index:9999 !important;
}

/* Style Select Field */
.select2-container--default .select2-selection--single{
    border:none !important;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered:focus{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}
span.select2-selection.select2-selection--single {
    outline: none;
}
.select2-dropdown{
    border-width:1px;
    border-style:solid;
    border-radius: 0;
    background:#fff;
    z-index:999999;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height:250px !important;
}

.select2-results__options:focus, .select2-results__option:focus{
    outline:none !important;
}
.select2-results__option{
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px;
    padding-top: 4px;
    padding: 11px !important;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    text-align:left;
    padding-left:28px !important;
}
.select2-container--open .select2-dropdown--below{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); 
    border:none !important;
    opacity: 1;
    
}

.search-element .select2-container--open .select2-dropdown--below{
}

.select2-container--open{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1) !important; 
    z-index:9999999999;
    border-radius:0 !important;
    position:relative;
}
.select2-container{
    width:auto !important;
    z-index:999;
   
    box-shadow: 0 1px 2px rgba(0,0,0,0.0);
    transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.select2-container--open{
    z-index:9999;
}
.select2-dropdown{
     margin-top:-1px !important;
     box-shadow: 0 1px 2px rgba(0,0,0,0.0);
    transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity:0;
}

/*.select2-container--default .select2-results__option[aria-selected=true]{
    display:none;
}*/
.search-element .select2-container{
    background:#fff;
}
.search-element .select2-container, .sort-options .select2-container{
    height: 50px;
    line-height: 50px;
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
    text-align: center;
    padding: 0 21px;
    margin-left: -4px;
    min-width:171px;
    border-left-width:0px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -3px;
}

.select2-container.woo_orderby{
    min-width:235px !important;
}

.search-element .select2-container .select2-selection--single, .sort-options .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered{
    height:48px;
    line-height:48px !important;
    text-transform:none !important;
    font-weight:400 !important;
    font-size:16px;
    text-align:left;
}

.search-element .select2-container--default .select2-selection--single .select2-selection__arrow, .sort-options .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 26px;
    position: absolute;
    top: 11px;
    right: 18px;
    width: 26px;
}

::-webkit-input-placeholder { /* Chrome */
  color: #616161;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #616161;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #616161;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #616161;
  opacity: 1;
}

.search-element.style-with_categories input[type="search"]{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.search-element .quick-searches{
    margin-bottom:17px;
}
.quick-searches span{
    display:inline-block;
}
.quick-searches .tags, .widget .tagcloud{
    display:inline-block
}
.quick-searches .tags a,  .widget .tagcloud a{
    padding:7px 14px;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    margin-left:10px;
}

.widget .tagcloud a{
    font-size:14px !important;
    margin-bottom:10px;
    margin-left:0px;
    margin-right:10px;
    padding:2px 15px !important;
    display:inline-block;
    background:#fff;
}

.widget .tagcloud a:hover{
    color:#fff;
}

.widget .cl-instafeed{
    display:flex;
    flex-wrap:wrap;
}

.widget .cl-instafeed a{
    width:50%;
    padding:5px;
}

@media (min-width:1201px) and (max-width:1240px){
    .header_container.header-top nav > ul > li, .header_container.header-bottom nav > ul > li{
        padding-left:18px !important;
        padding-right:18px !important;
    }
}

@media (min-width:992px) and (max-width:1200px){
    .search-element.style-with_categories input[type="search"]{
        max-width:270px;
    }
    .header_container.header-top > .main .header-el, .header_container.header-bottom > .main .header-el{
        margin-right:15px !important;
    }
}


@media (min-width:992px) and (max-width:1180px){
    .header_container.header-top nav > ul > li, .header_container.header-bottom nav > ul > li{
        padding-left:12px !important;
        padding-right:12px !important;
    }
}

@media (max-width:1550px){
    .cl-header-forced-center .header-row.main .header-row-inner .header-col{
        width:auto !important;
    }
}

@media (max-width:991px){
    .search-element .quick-searches{
        display:none;
    }
    .search-element .select2-container, .sort-options .select2-container{
        display:none;
    }
    .search-element input[type="search"]{
        max-width:200px;
    }
    .header_container > .main .header-col{
        align-items:center !important;
    }
    .extra_tools_wrapper .tool{
        padding-left:10px;
    }
    .extra_tools_wrapper.with-dividers .tool:after{
        display:none;
    }
    .extra_tools_wrapper .tool.wishlist{
        display:none;
    }

    .extra_tools_wrapper .tool.side_menu{
        display:none;
    }

    .extra_tools_wrapper .tool.account{
        display:none;
    }

    .cl-header-forced-center .header-row.main .header-row-inner .header-col.c-middle{
        width:100% !important;
    }

    .header_container .header-row{
        margin:0 !important;
    }
    .header_container.header-top > .extra_row:not(.not-empty-row), .header_container.header-bottom > .extra_row:not(.not-empty-row){
        height:auto !important;
    }
    .header_container.header-top > .extra_row .header-el, .header_container.header-bottom > .extra_row .header-el{
        display:flex;
        align-items:center;
    }
    
}

@media (min-width:567px) and (max-width:991px){
    .extra_tools_wrapper.style-default .shop.tool{
        width:106px;
    }
}
@media (max-width:566px){
    .search-element input[type="search"]{
        max-width:44px;
        height:44px;
        border-radius:50% !important;
        -webkit-border-radius:50% !important;
        -moz-border-radius:50% !important;
        margin-left:5px;
        padding:0 !important;
        -webkit-transition: max-width.15s ease-in-out;
        -moz-transition: max-width .15s ease-in-out;
        transition: max-width .15s ease-in-out;

    }
    .search-element.hide-mobile{
        display:none !important;
    }
    .search-element.style-simple_white .search-input i{
        right:12px !important;
    }

    .extra_tools_wrapper .tool{
        padding-left:0;
    }
    .extra_tools_wrapper .tool.shop .cart-details{
        display:none;
    }

    .extra_tools_wrapper.style-default .tool.shop .wrapper{
        height:15px;
    }

    .search-element input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent !important;
    }
    .search-element input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent !important;
    }
    .search-element input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent !important;
    }
    .search-element input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent !important;
    }

    .search-element.expand-responsive input[type="search"], body.search-results .search-element input[type="search"]{
        max-width: 150px;
        border-radius: 23px !important;
        padding-left:10px !important;
    }

    .search-element.expand-responsive{
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -23px;
        z-index: 9999999;
    }
    
}
/** 
 *  ------------------------- END HEADER -------------------------
 *  --------------------------------------------------------------
 *  --------------------------------------------------------------
 */
/** 
 *  ------------------------- BLOG -------------------------------
 *  --------------------------------------------------------------
 */

article p:first-child {
    margin-top: 0px;
}
article p:first-child:last-child {
    margin-bottom: 0px;
}
article:not(.default-style):last-child {
    margin-bottom: 0px !important;
}
article iframe,
article video {
    width: 100%;
}
article.post h1.entry-title{
    margin-bottom:40px;
}
.blog-entries article .entry-readmore {
    margin-top: 40px;
    font-size:14px;
    background:#fff;
    padding:10px 35px;
}

.blog-entries article.default-style .entry-readmore{
    color:#fff !important;
    margin-top:20px !important;
}

.blog-entries article.grid-style .entry-readmore:hover{
    color:#fff !important;
}


.blog-entries.blog_align_center{text-align:center;}

/* Post Slider  */

article.format-gallery .cl-post-swiper-slider img {
    width: 100%;
}
article.format-gallery .cl-post-slider-nav {
    opacity: 1;
    -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: 1;
}
article.format-gallery .cl-post-swiper-slider .swiper-button-next {
    width: 48px;
    height: 48px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: -24px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

article.format-gallery .cl-post-swiper-slider .swiper-button-next:after{
    content: "\f054";
    font-size: 20px;
    font-family: "codeless-icons";
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 48px;
    left: 0;
    top: 0;
    text-indent: 0;
}

article.format-gallery .cl-post-swiper-slider .swiper-button-prev {
    width: 48px;
    height: 48px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: -24px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

article.format-gallery .cl-post-swiper-slider .swiper-button-prev:after{
    content: "\f04d";
    font-size: 20px;
    font-family: "codeless-icons";
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 48px;
    left: 0;
    top: 0;
    text-indent: 0;
}

article.format-gallery .cl-post-slider-pagination{
    display:none;
}
/* ENTRY SHARE BUTTONS */

article .entry-tools .entry-tool-share {
    position: relative;
}
article .entry-tools .entry-tool-share .share-buttons {
    z-index: 9999;
    display:flex;
    border-left-width:1px;
    border-left-style:solid;
}
article .entry-tools .entry-tool-share .share-buttons a {
    padding-left:20px;
}
article .entry-tools .entry-tool-share .share-buttons i {
    font-size:16px;
}

@media (max-width:767px){

    .entry-tool-single.entry-tool-share-count{
        display:none;
    }

    article.default-style .entry-tool-single.entry-tool-likes{
        display:none;
    }
    article.default-style .entry-tools{
        width:34% !important;
    }
    article.default-style .entry-meta{
        line-height:32px !important;
    }
    article.default-style .share-buttons{
        border-left-width:0px !important;
    }
    article.default-style .entry-tool-single{
        padding-left:5px !important;
    }
    article.default-style .entry-tools .entry-tool-share .share-buttons a{
        padding-left:10px !important;
    }
}


.blog-entries .format-gallery .entry-media{
    display:block;
}
.blog-entries .format-video .entry-media{
    display:block;
}
/* BLOG DEFAULT STYLE */


.blog-entries .default-style .entry-wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
/* Entry Tools  */

article .entry-tools {
    width:100%;
    display:flex;
    flex-direction:row-reverse;
}
article .entry-tool-single{
    margin-left:20px;
}
article .entry-tool-single a{
    display:flex;
}
article .entry-tool-single i{
    display:inline-block;
    font-size:18px;

}
article .entry-tool-single span{
    display:inline-block;
    padding-left:5px;
}

article .entry-wrapper-content {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
article .post-thumbnail > img{
    width:100%;
}

/* Entry Meta */
.entry-meta-tools{
    display:flex;
    margin-bottom:10px;
}

.entry-meta-tools .entry-meta {
    width: 100%;
    float: left;
    align-items:flex-start;
}
.entry-meta-tools .entry-meta-single {
    float: left;
    margin-right: 15px;
    position:relative;
    font-size:14px;
}

.entry-meta-tools .entry-meta-single:last-child {
    margin-right: 0px;
}


article.default-style .entry-content {
    margin-top: 10px;
    padding-right: 10px;
    font-size:16px;
    
}
.single_blog_style-classic .entry-content {
    margin-top:0px !important;
}

.single_blog_style-classic .post-thumbnail{
    margin-bottom:40px;
}

article.default-style .entry-media, article.default-style .entry-overlay, article.default-style .entry-media, article.default-style .post-thumbnail{
    display:inline-block;
}

article .entry-meta-comments i{
    display:none;
}
article .entry-media-wrapper{
    position:relative;
    margin-bottom:25px;
}
article .entry-media-wrapper .entry-tag-list{
    position:absolute;
    bottom:10px;
    left:10px;
    z-index:9999;
    display:none;
}
article .entry-media-wrapper .entry-tag-list a{
    background:#fff;
    padding:7px 11px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    margin-right:7px;
}

.tag-edge-case .entry-tag-list a{
    display:none;
}

article .entry-media-wrapper .entry-tag-list a:hover{
    color:#fff !important;
}

/* 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: 600;
    text-transform: capitalize;
    font-style: italic;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
article.default-style.sticky {
    border-width: 1px;
    border-style: solid;
    padding: 40px !important;
}

/* 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.alternate-style .entry-meta {
    width: 100%;
    display: block;
    font-size: 12px;
    float: left;
}

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: 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 {
        width: auto;
        height: 100%;
        max-width: none !important;
        max-height: 300px;
    }
    .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;
    }
}

/* 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="5"] article {
        width: 20%;
    }
}

@media (min-width:992px){
    .grid-entries[data-grid-cols="2"] article {
        width: 50%;
    }
}

@media (max-width:991px){
    .grid-entries[data-grid-cols="2"] article{
        width:100%;
    }
}

@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{
    margin-bottom:40px;
}
.blog-entries .grid-style .grid-holder{
    padding-left:40px;

}
.blog-entries .grid-style .entry-media-wrapper{
    margin-bottom:22px;
    max-width:270px;
    width:100%;
}

@media (min-width:992px){
    .blog-entries .grid-style .entry-media-wrapper .entry-media{
        position: absolute;
        left: -40px;
    }



}

@media (max-width:1200px){
    .blog-entries .grid-style{
        width:100% !important;
    }
}


@media (min-width:768px) and (max-width:1200px){
    .blog-entries .grid-style .grid-holder .entry-wrapper{
        max-width:100% !important;
    }
}

@media (max-width:991px){
    .blog-entries .grid-style .grid-holder .entry-wrapper{
        padding-left:30px;
        max-width:100% !important;
    }

}

@media (max-width:767px){
    .blog-entries .grid-style .grid-holder .entry-wrapper{
        max-width:100%;
        width:100%;
    }
    .blog-entries .grid-style .grid-holder .grid-holder-inner{
        flex-wrap:wrap;
    }

    .blog-entries .grid-style .entry-media-wrapper{
        margin:40px auto;
        margin-left:30px;
        margin-top:0;
    }
    .blog-entries article .entry-readmore{
        margin-top:20px;
    }
    .blog-entries .grid-style .grid-holder .entry-wrapper{
        margin:0 auto;
    }
    .blog-entries .grid-style .grid-holder .entry-wrapper .entry-wrapper-content{
        padding-right:0;
    }
}

.blog-entries .grid-style .entry-meta-tools{
    margin-bottom:5px;
    margin-top:5px;
}

.blog-entries .grid-style .grid-holder .grid-holder-inner {
    text-align: left;
    display: flex;
    background: #f2f2f2;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 454px;
}
.blog-entries .grid-style .entry-tool-share{
    display:none;
}
.blog-entries .grid-style .grid-holder .entry-wrapper{
    max-width:270px;
}
.blog-entries .grid-style .grid-holder .entry-wrapper .entry-wrapper-content {
    padding-right:30px;
}

.blog-entries .grid-style .entry-content {
    padding-top: 15px;
    color:#616161;

}
.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;
}


@media (max-width:767px){
    .blog-entries .grid-style .grid-holder{
        padding-left:0;
    }
}


.blog-entries .grid-style.cl-blog-masonry{
    margin-bottom:20px;
}

/* Minimal Grid Style */
.blog-entries.grid-minimal-style article .entry-media{
    display:none;
}

.blog-entries.grid-minimal-style article .entry-tools{
    display:none;
}

.blog-entries.grid-minimal-style article .entry-media-wrapper .entry-tag-list{
    left:0;
    position:static;
}

.blog-entries.grid-minimal-style article .entry-content {
    display:none;
}

.blog-entries.grid-minimal-style .grid-style h2{
    font-size:24px !important;
    line-height:38px !important;
    font-weight:600 !important;
}

.blog-entries.grid-minimal-style .grid-holder-inner{
    display:flex;
    flex-wrap:wrap;
}
.blog-entries.grid-minimal-style .entry-media-wrapper{
    order:1;
}

.blog-entries.grid-minimal-style .entry-wrapper{
    order:0;
}

.blog-entries.grid-minimal-style .entry-header{
    display:flex;
    flex-wrap:wrap;
}
.blog-entries.grid-minimal-style .entry-header .entry-meta-tools{
    order:1;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-entries.grid-minimal-style .entry-header .entry-title{
    order:0;
    width:100%;
}

.blog-entries.grid-minimal-style.cl-carousel .owl-nav .owl-prev{
    left:-80px;
}

.blog-entries.grid-minimal-style.cl-carousel .owl-nav .owl-next{
    right:-80px;
}

/* Fullimage Style */
.blog-entries .fullimage-style{
    position:relative;
}
.blog-entries .fullimage-style .post-thumbnail{
    max-height:430px;
    overflow:hidden;
}

.blog-entries .fullimage-style .entry-gallery{
    max-height:430px;
    overflow:hidden;
}
.blog-entries .fullimage-style .entry-gallery .swiper-container{
    max-height:430px;
    overflow:hidden;
}
article.format-gallery.fullimage-style .cl-post-swiper-slider .swiper-button-next, article.format-gallery.fullimage-style .cl-post-swiper-slider .swiper-button-prev{
    opacity:0.4;
}

article.format-gallery.fullimage-style:hover .cl-post-swiper-slider .swiper-button-next, article.format-gallery.fullimage-style:hover .cl-post-swiper-slider .swiper-button-prev{
    opacity:1;
}
.blog-entries .fullimage-style .entry-wrapper{
    padding:10px;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    z-index:999999;
}
.blog-entries .fullimage-style .entry-wrapper .entry-wrapper-content{
    background:#fff;
    padding:15px 20px;
}
.blog-entries .fullimage-style .entry-tools .entry-tool-share{
    display:none;
}
.blog-entries .fullimage-style h2{
    font-size:18px !important;
    font-weight:400 !important;
}
.blog-entries .fullimage-style .entry-meta-tools{
        margin-bottom:0;
}

.blog-entries .fullimage-style .entry-media-wrapper{
        margin-bottom:0;
}

@media (max-width:767px){
    .blog-entries .fullimage-style .entry-wrapper .entry-wrapper-content .entry-meta-tools{
        display:none;
    }
    .blog-entries .fullimage-style .entry-wrapper .entry-wrapper-content .entry-title{
        line-height:20px;
    }
    .blog-entries .fullimage-style .entry-wrapper .entry-wrapper-content .entry-content{
        display:none;
    }
}

/* End Fullimage Style */

/* All Centered */
.all-centered article{
    text-align:center;
}
.all-centered article h2{
    position:relative;
    padding-bottom:20px;
    margin-bottom:20px;
}
.all-centered article h2:after{
    content:"";
    height:3px;
    width:40px;
    left:50%;
    margin-left:-20px;
    bottom:0;
    position:absolute;
}
.all-centered article .entry-meta-tools{
    justify-content:center;
    align-items:center;
}
.all-centered article .entry-tools, .all-centered article .entry-meta{
    width:auto;
}

.all-centered article .entry-meta{
    border-right-width: 1px;
    border-right-style:solid;
    padding-right: 20px;
}

/* Fullimage Transparent Style */



.blog-entries .fullimage_transparent-style{
    position:relative;
    
}

.blog-entries .fullimage_transparent-style.cl-isotope-item{
    margin-bottom:0 !important;
}
.blog-entries .fullimage_transparent-style .entry-overlay{
    -webkit-transition: opacity 0.2s ease-in-out, background-color .25s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity 0.2s ease-in-out, background-color .25s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 0.2s ease-in-out, background-color .25s cubic-bezier(.19, 1, .22, 1);
}
.blog-entries .fullimage_transparent-style .entry-wrapper{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:50px 60px;
    z-index:9999;
}
.blog-entries .fullimage_transparent-style .entry-media-wrapper{
    margin-bottom:0;
}
.blog-entries .fullimage_transparent-style .entry-meta-single{
    color:#fff !important;
}
.blog-entries .fullimage_transparent-style .entry-wrapper .entry-wrapper-content{
    width:100%;
    height:100%;
    position:relative;
}
.blog-entries .fullimage_transparent-style .entry-wrapper .entry-wrapper-content header{
    width:100%;
    display:block;
}
.blog-entries .fullimage_transparent-style .entry-wrapper .entry-wrapper-content .entry-readmore{
    position:absolute;
    left:0;
    bottom:0;
}
.blog-entries .fullimage_transparent-style h2{
    font-size:40px;
    font-weight:600;
    color:#fff;
    position:relative;
    padding-bottom:10px;
    line-height:40px;
}

.blog-entries .fullimage_transparent-style h2 a, .blog-entries .fullimage_transparent-style h2 a:hover{
    color:#fff !important;
}

.blog-entries .fullimage_transparent-style .entry-overlay{
    opacity:0.85 !important;
}

.blog-entries .fullimage_transparent-style .entry-content{
    color:#fff;
    font-size:16px;
}

.blog-entries .fullimage_transparent-style .post-thumbnail{
    max-height:380px;
    min-height:380px;
    overflow:hidden;
}

.blog-entries .fullimage_transparent-style .post-thumbnail img{
    width: auto;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    max-width: none;
}

@media (max-width:767px){
    .blog-entries .fullimage_transparent-style .entry-content{
        display:none;
    }
    .blog-entries .fullimage_transparent-style h2{
        font-size:18px !important;
        line-height:30px !important;
    }
    .blog-entries .fullimage_transparent-style .entry-wrapper .entry-wrapper-content .entry-button a{
        margin-top:10px;
    }
}
/* End Fullimage Style */




.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;
}


.cl_blog .cl-carousel .owl-nav .owl-prev{
    left:20px;
}
.cl_blog .cl-carousel .owl-nav .owl-next{
    right:20px;
}

[data-carousel-stagepadding="1"] .owl-stage{
    padding-left:0 !important;
}

@media (max-width:992px){
    [data-carousel-stagepadding="1"] .owl-stage{
        padding-right:0 !important;
    }
}

/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

.fadeIn  {
  -webkit-animation-name : fadeIn  ;
  animation-name : fadeIn  ;
}  
@-webkit-keyframes  fadeIn  {
  0% {
    opacity : 0   ;
  }  
  100% {
    opacity : 1   ;
  }  
}
@keyframes  fadeIn  {
  0% {
    opacity : 0  ;
  }  
  100% {
    opacity : 1   ;
  }  
}

/* End Blog Carousel */


/* Blog-filters */

.cl_blog .blog-filters{
    display:flex;
    align-items:center;
    margin-bottom:25px;
    padding:0 15px;
}
.grid-options label{
    font-weight:600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height:35px;
}
.grid-options{
    width:100%;
    display:flex;
    align-items:center;
}
.grid-options div{
    padding-left:10px;
}
.grid-options a{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
}
.cl_blog .blog-filters .title{
    align-self:center;
    width:100%;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    display:flex;
    padding-bottom:10px;
}

.cl_blog .blog-filters .title h2{
    padding-bottom:20px;
    position:relative;
    font-size:18px;
    font-weight:600;
    text-transform: uppercase;
    line-height:30px;
}
.cl_blog .blog-filters .title h2:after{
    width:40px;
    height:3px;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-15px;
    content:"";
}
.sort-options{
    align-self:flex-end;
    width:100%;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: end;
    display:flex;
}
.sort-options > div{
    position:relative;
    padding-top:26px;
}
.sort-options > div > span{
    line-height:35px;
    
}

.sort-options > div > span:not(.select2){
    position:absolute;
    top:0;
    left:-3px;
    line-height:20px;
    font-size:14px;
}

.sort-options > div > span{
    padding-right:25px;
}
.sort-options .select2-container{
    border-left-width:1px !important;
    width:100%;
}

@media (max-width:767px){
    .grid-options, .sort-options{
        display:none;
    }
}

/* Single Blogs */
.single_blog_style-classic{
    border-top-width:1px;
    border-top-style:solid;
    padding-top:45px;
}
.single_blog_style-classic.cl-layout-fullwidth article.single-article{
    max-width:970px;
    margin:0 auto;
}

.single-article.format-gallery .entry-media{
    max-width:100%;
}

.single_blog_style-classic article.single-article header{
    display:flex;
    flex-wrap:wrap;
}
.single_blog_style-classic article.single-article .entry-header h1.entry-title{
    text-align:left;
    width:100%;
    margin-bottom:5px !important;
    margin-top:0 !important;
}

.single_blog_style-classic article.single-article .entry-content  h1{
    margin:0;
}

.single_blog_style-classic article.single-article .entry-meta-tools{
    width:100%;
    margin-bottom:10px;
}
.single_blog_style-classic article.single-article .entry-meta-tools .entry-meta{
    float:none;
    width:auto;
}

.single_blog_style-classic article.single-article .entry-meta-tools .entry-tools{
    width:auto;
    border-left-width:1px;
    border-left-style:solid;
    margin-left:20px;
}
.single_blog_style-classic article.single-article .entry-media-wrapper{
    margin-top:20px;
    margin-bottom:0;
}

@media (min-width:768px){
    .single_blog_style-classic.cl-layout-fullwidth article.single-article .entry-wrapper{
        padding:55px 90px;
    }
    .single_blog_style-classic.cl-layout-fullwidth article.single-article blockquote{
        margin-left:-90px;
        margin-right:-90px;   
    }
    .single_blog_style-classic.cl-layout-fullwidth .entry-single-footer{
        padding:0 90px;
        max-width:970px;
        margin:0 auto;
    }
}


.entry-single-footer{
    margin-top:50px;
    float:left;
    width:100%;
}

.single_blog_style-classic article.single-article blockquote{
    font-size:24px;
    line-height:38px;
    font-style:italic;
    text-align:center;
}

.single_blog_style-classic article.single-article .entry-tag-list{
    display:inline-block
}
.single_blog_style-classic article.single-article .entry-tag-list a{
    padding:7px 14px;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    margin-left:10px;
}

.single_blog_style-classic  .inner-content-row{
    padding-top:0;
}
/* Single Author Box */

.single-post .single-author {
    margin-bottom: 35px;
    padding-top: 35px;
    border-top: 2px solid #f2f2f2;
}
.single-post .single-author .author_wrapper {
    display: flex;
    padding-top: 30px;
    padding-bottom:30px;
}
.single-post .single-author .author_wrapper .author_avatar img {
    max-width:none;
}
.single-post .single-author .author_wrapper .author_content {
    padding-left: 30px;
}
.single-post .single-author .bio{
    margin-top:20px;
    color:#616161;
}
/* Single Author Box End */
/* Single Post Comments without Plugin */

.inner-content.container > #comments > .cl-comments {
    background: #fff !important;
}

.cl-comments{
    padding-top:60px;
}
/* Single Comments */

.comment-list {
    list-style-type: none;
    padding: 0;
    margin-top: 0px;
}
article.comment:first-child{
    padding-top:40px;
}
article.comment {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-top: 50px;
    padding-bottom: 35px;
}
article.comment.parent{
    border-bottom:none;
    padding-bottom:0;
}
.cl-comment-reply{
    margin-top:60px;
}
article.comment .comment-content {
    display: flex;
}
article.comment .gravatar {
    width: 110px;
}
article.comment .gravatar img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width:100%;
    max-width:none;

}
article.comment .comment-meta {
    padding-left: 20px;
    width: 100%;
}

.comment-meta > h1{
    margin:0;
}
.comment-meta table tbody th{
    text-align:left;
}
.comment-meta table tbody td{
    padding:10px;
}

article.comment .comment-reply-link,
article.comment .comment-edit-link {
    font-size:14px;
    font-weight:bold;
}
article.comment .child-comments {
    margin-left: 35px;
    margin-top: 35px;
}

article.comment .comment-author-link{
    font-weight:bold;
    font-size:18px;
    color:#1b181a;
}

.comment-reply-link{
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    color: #fff !important;
    border-radius:20px;
}

.comment-reply-link:hover{
    color:#fff;
}

article.comment .comment-meta-item{
    font-size:16px;
    font-weight:bold;
}

@media (max-width:767px){
    article.comment .child-comments{
        margin-left:10px;
    }
    article.comment .gravatar{
        width:36px;
    }
    blockquote{
        padding-left:20px;
        margin-left:10px;
    }
    article.comment{
        padding-top:20px;
        padding-bottom:20px;
        margin-bottom:5px;
    }
}

article.comment .child-comments .comment {
    margin-bottom: 0 !important;
}
#respond.comment-respond .comment-form-comment label {
    display: block;
}
#respond.comment-respond .comment-form-comment textarea {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding-left: 10px;
    background:#e4e4e4;
    padding-top:10px;
}
#respond.comment-respond .comment-form-author,
#respond.comment-respond .comment-form-email,
#respond.comment-respond .comment-form-url {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 15px;
    margin-top: 0;
    float:left;

}
.comment-form-comment{
    padding-right:15px;
}
#respond.comment-respond .comment-form-url {
    padding-right: 0;
}
#respond.comment-respond .comment-form-author label,
#respond.comment-respond .comment-form-email label,
#respond.comment-respond .comment-form-url label {
    display: block;
}
#respond.comment-respond .comment-form-author input,
#respond.comment-respond .comment-form-email input,
#respond.comment-respond .comment-form-url input {
    width: 100%;
    height: 70px;
    padding-left: 10px;
    background:#e4e4e4;
    box-shadow:none;
}
#respond.comment-respond .form-submit {
    margin-top: 15px;
}
#respond.comment-respond .form-submit input[type="submit"]{
    color:#fff;
    border-color:transparent !important;
}
/* End Single Comments */
/* Single blog classic style */
#content.single_blog_style-classic{
    padding-top:80px;
}
.single-blog-extra-heading{

}
.single_blog_style-classic .entry-header {
    margin-top: 0px;
}
.entry-single-related .entry-header {
    margin-top: 0;
}

.entry-single-related .fullimage_transparent-style .animated-content{
    display:none;
}
.entry-single-related .fullimage_transparent-style .entry-button{
    display:none !important;
}
.entry-single-related .fullimage_transparent-style .entry-header{
    display:flex !important;
    align-items:flex-end;
}
.entry-single-related .fullimage_transparent-style .entry-wrapper{
    padding-left:20px;
    padding-bottom:15px;
}
.cl-layout-fullwidth.single_blog_style-classic .entry-single-related .owl-nav .owl-prev{
    left:-55px;
}
.cl-layout-fullwidth.single_blog_style-classic .entry-single-related .owl-nav .owl-next{
    right:-55px;
}
.entry-single-related .fullimage_transparent-style .entry-title{
    padding-bottom:0;
    text-align:left;
    line-height:38px;
    font-size:24px;
}
.entry-single-related .fullimage_transparent-style .entry-title:after{
    display:none;
}
/* End Single BLogs */
/* Overlays */

article .entry-media {
    position: relative;
}
article .entry-overlay {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
article .entry-overlay i {
    color: #fff;
    width: 60px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    position: absolute;
    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);
}
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: 99;
    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: 768px) {
    .entry-video:first-child {
        min-height: 105px;
    }
}
/* Instagram */

.entry-video iframe {
    max-width: 100% !important;
    box-shadow: none !important;
}
/** 
 *  ------------------------- END BLOG -------------------------------
 *  ------------------------------------------------------------------
 */
/** 
 *  ------------------------- BUTTONS --------------------------------
 *  ------------------------------------------------------------------
 */

.cl-btn {
    cursor: pointer;
    display:inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    line-height:20px;
    letter-spacing: 0.4px;
    font-weight:600;
}

.cl-btn span{
    font-weight:600;
}

/* Layouts */
.btn-style-square{
    border-style:solid;
    border-width:1px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:15px 24px;
}

.btn-style-rounded{
    border-style: solid;
    border-width: 1px;
    border-radius: 26px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 26px;
    padding: 20px 70px;
    font-size: 16px;
    font-weight: bold;
}

.btn-style-simple_text{
    background:none !important;
    border-width:0 !important;
    border-style:none !important;
    padding:15px 24px;
    padding-left:0 !important;
    padding-right:0 !important;
}

.btn-style-square_small{
    border-style:solid;
    border-width:1px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:11px 21px;
}

/* Extra Styles */
.cl-btn.block{
    display:block;
}
.cl-btn.with_icon span{
    display:inline-block;
}
.cl-btn.with_icon:after{
    content: "\f35f";
    font-family: "codeless-icons";
    display: inline-block;
    line-height: 20px;
    font-size: 23px;
    height: 24px;
    top: 3px;
    left: -4px;
    width:10px;
    position: relative;
}

.cl-btn.btn-hover-darker{
    position:relative;
    border-width: 0 !important;
}
.cl-btn.btn-hover-darker > span{
    z-index:999;
    position:relative;
    line-height:20px;
}
.cl-btn.btn-hover-darker:not(.btn-style-simple_text):before{
    background:rgba(0,0,0,0.05);
    opacity:0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:0;
}

.cl-btn.btn-hover-darker.btn-style-rounded:before{
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
}

.cl-btn.btn-hover-darker:hover:before{
    opacity:1;
}

.cl-btn.btn-hover-shadow{
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.0);
    -webkit-transition: -webkit-box-shadow .25s ease, border-color .25s ease;
    -moz-transition: -moz-box-shadow .25s ease, border-color .25s ease;
    transition: box-shadow .25s ease, border-color .25s ease;
}

.cl-btn.btn-hover-shadow:hover{
    border-color: transparent !important;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

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

aside .widget-title {
    word-break: break-word;
    display: block;
    margin-bottom: 13px;
    position:relative;
}

aside.style-sidebar-blog .widget-title{
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

aside .widget {
    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.style-sidebar-blog .widget ul li:first-child{
    padding-top:0;
}

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 {
    padding-left: 0px;
    font-size:16px !important;
    color:#616161 !important;
    position:relative;
    padding-left:25px;
}

aside .widget_categories ul li a:hover,
aside .widget_archive ul li a:hover,
aside .widget_pages ul li a:hover{
    color:#1b181a !important;
}

aside .widget_archive ul li a{
    padding-left:18px;
    position:relative;
    line-height:20px;
}
aside .widget_archive ul li a:before{
    content: '\f142';
    position:absolute;
    left:0;
    top:0;
    line-height:20px;
    font-size:16px;
    font-family: "codeless-icons"
}
aside .widget_categories ul li a:before{
    content: '\f142';
    position:absolute;
    left:0;
    top:0;
    line-height:20px;
    font-size:16px;
    font-family: "codeless-icons"
}
aside .widget_nav_menu .sub-menu{
    padding-left:0px;
}
aside .widget_pages .page_item_has_children .children{
    padding-left:8px;
}


aside .widget_product_categories a{
    font-size:14px;
    letter-spacing:0.4px;
    position:relative;
    width:100%;
    line-height:20px !important;
    display:block;
}

aside .widget_product_categories a:after{
    content: '\f142';
    position:absolute;
    right:0px;
    font-size:20px;
    top:6px;
    line-height:20px;
    font-family: "codeless-icons";
}
/* Menu Widget Aside */
aside .widget_nav_menu ul li{
    padding: 8px 8px !important;
    border-bottom:0px solid #ebebeb !important;
    border-left:0px solid #ebebeb;
    border-right:0px solid #ebebeb !important;
}

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

aside .widget_nav_menu ul li:hover{
}

aside .widget_nav_menu ul li:first-child{
    border-top:1px solid #ebebeb !important;
}

aside .widget_nav_menu ul li.current-menu-item{
    border-left-width:5px;
    border-left-style:solid;
}
aside .widget_nav_menu ul li.current-menu-item a, aside .widget_nav_menu ul li.current-menu-item a:hover, aside .widget_nav_menu ul li.current-menu-item:hover a{
    color:#fff !important;
}


/* End Menu Widget Aside */

/* Widget Downloads */
aside .widget_wpdm_newpacks_widget .wpdm-link-tpl{
    padding-bottom:20px;
}

aside .wpdm_icon{
    width:32px;
}

aside .w3eden b, aside .w3eden strong{
    font-weight:400;
}
aside .wpdm-download-link{
    font-weight:700;
}
/* End Download Widget */

/* 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: 62px;
    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{
    max-width:300px;
}
aside .widget_calendar thead th{
    border-bottom-width:1px;
    border-bottom-style:solid;
    padding-bottom:10px;
}
aside .widget_calendar table {
    width: 100%;
    margin: 0;
}
aside .widget_calendar td {
    text-align: center;
    background:transparent;
    padding:4px;
}
aside .widget_calendar td a{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0);
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

aside .widget_calendar td a:hover{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

aside .widget_calendar td#prev a, aside .widget_calendar td#next a{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align:center;
}

aside .widget_calendar td#prev a:hover, aside .widget_calendar td#next a:hover{
    background:#fff;
}
aside .widget_calendar td#today a{
    color:#fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
aside .widget_calendar tbody tr:nth-child(2n) td{
    background:transparent;
}
aside .widget_calendar caption {
    margin-bottom: 15px;
    display:none;
}
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: 15px !important;
    padding-bottom: 15px !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: 5px;
    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;
    }
    .cl-page-header-sticky .cl_column.cl-sticky{
        top:105px !important;
    }
}
@media (max-width: 767px) {
    aside.cl-sticky .cl-sticky-wrapper {
        width: 100% !important;
    }
    aside#secondary {
        margin-top: 60px;
    }
}

@media (min-width:992px){
    aside#secondary .cl-sticky-wrapper{
        background:#f2f2f2;
        padding:40px;
    }
}

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

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


.cl-filters.cl-filter-small button:after{
    position:absolute;
    height:2px;
    width:0%;
    left:20px;
    top:50%;
    margin-top:-1px;
    content:"";
    -webkit-transition: width .25s ease;
    -moz-transition: width .25s ease;
    transition: width .25s ease;
}


.cl-filters.cl-filter-small .selected {
    position:relative;
    color:#262a2c;
}
.cl-filters.cl-filter-small .selected:after{
    width:75%;
}

.cl-filters.cl-filter-fullwidth {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom:35px;
}
.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:#fff;
}
.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 ------------------------------------
 *  -------------------------------------------------------------------------
 */

.cl-blog-pagination {
    display: block;
    margin-top: 10px; 
    height:60px;
}
.cl-pagination {
    display: block;
    width: 100%;
    position: relative;
    height:56px;
    margin-top:20px;
}
.cl-pagination ul {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
}
.cl-pagination ul li {
    display: inline-block;
    line-height: 46px;
    width: 46px;
    height: 46px;
    margin-right: 10px;
}
.cl-pagination ul li:last-child {
    margin-right: 0px;
}

@media (max-width:480px){
    .cl-pagination-align-center{
        display:flex !important;
        justify-content:center;
    }
}

@media (min-width:481px){
    .cl-pagination-align-center ul {
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
}



.cl-pagination-align-right ul {
    float: right;
}
.cl-pagination a {
    float: left;
    text-align: center;
    width: 100%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0); 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    font-size:16px;
}
.cl-pagination span.current {
    width: 100%;
    float: left;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color:#fff !important;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); 
    font-size:16px;
}
.cl-pagination a:hover{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); 
}
.cl-pagination-jump a {} .cl-pagination-jump > div a:hover {
    color: #fff;
}
.cl-pagination-jump{
    margin-top:30px;
}
.cl-pagination-jump > div > a {
    width: 150px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    font-weight: 600;
}
.cl-pagination-jump .newer-posts {
    float: left;
}
.cl-pagination-jump .older-posts {
    float: right;
}
.cl-pagination-infinite .older-posts {
    visibility: hidden;
}

.cl-pagination-infinite{
    height: 80px;
    position: relative;
    margin-top:10px;
}

.cl-pagination-infinite .cl-infinite-loader{
    margin:0 auto;
    height:25px;
}

.cl-pagination-infinite #cl_load_more_btn{
    bottom: 0;
    position: absolute !important;
}

.cl-pagination-infinite .older-posts{
    display:none;
}

.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: #262a2c;
    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: #262a2c;
    font-weight: 600;
    text-transform: uppercase;
    padding: 13px 40px;
    font-size: 14px;
    position: relative;
    left: 50%;
    margin-left: -89px;
    width: 178px;
    height: 50px;
    background:transparent !important;
    border:1px solid #dbe1e6;
}
.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;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none !important;
}
/** 
 *  ------------------------- 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: 27px;
    padding-top: 27px;
    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 .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;
}

/* 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 {
    font-size:16px;
    line-height:30px;
}


/* 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 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 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: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: 2px;
    padding-bottom: 2px;
}
footer#colophon .widget ul li:last-child {
    padding-bottom: 0 !important;
}
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_nav_menu .codeless_custom_menu_mega_menu {
    display: none;
}

footer#colophon .recentcomments{
    background: rgba(0,0,0,0.15);
    padding: 15px !important;
    margin-bottom:10px;
}

footer#colophon .widget.widget_mc4wp_form_widget .widget-title{
    font-size:16px;
    font-weight:400;
    line-height:30px;
}

footer#colophon .widget.social_widget .widget-title{
    font-size:16px;
    font-weight:400;
    line-height:30px;
}

footer#colophon .social_widget .social-icons-widget li a i{
    color:#262a2c;
}



#top_footer .mc4wp-response{
    float: left;
    margin-top: 50px;
}



#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-wrapper{
    font-size:14px;
}
footer .textwidget p:first-child{
    margin-top:0;
    margin-bottom:0;
}
footer .cl-contact-info i{
    padding-right:5px;
}

footer .cl-btn{
    background:transparent !important;
    border-width:1px;
    border-style:solid;
    color:#262a2c !important;
    text-transform: uppercase;
    font-weight:600;
}

#footer-wrapper .container-fluid{
    padding:0 10%;
}

#footer-wrapper.dark-style .widget.widget_mc4wp_form_widget .widget-title, #footer-wrapper.dark-style .widget.social_widget .widget-title{
    color:#fff;
}

#footer-wrapper.dark-style .mc4wp-form p input:not([type="submit"]){
    border-color:transparent !important;
}

#footer-wrapper.dark-style .mc4wp-form p input[type="submit"]{
    background:transparent !important;
}

#footer-wrapper.dark-style .widget .tagcloud a{
    background:rgba(0,0,0,0.2) !important;
}

#footer-wrapper.dark-style  .social_widget .social-icons-widget li a i{
    color:#fff !important;
}

@media (min-width: 768px){
    #footer-wrapper .container-fluid .col-sm-2{
        width:14.666667%;
    }

}

/** 
 *  ------------------------- 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: 0px;
    padding-bottom: 0px;
    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;
    line-height:20px;
}
#copyright .widget ul li:last-child {
    padding-bottom: 0;
}
#copyright .widget ul li a {
    position: relative;
    line-height: 20px;
}

#copyright .widget ul li a:after {
    content: "/";
    position: absolute;
    right: -19px;
    top: 0;
    color: inherit;
}

#copyright .widget ul li:last-child a:after{
    display:none;
}
#copyright p:first-child{
    margin-top:0px;
}
#copyright p:last-child{
    margin-bottom:0px;
}
@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;
    }
}
/* 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: 30px;
}
/* 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;
}
#copyright .copyright-content{
    position:relative;
}
#copyright .add-copyright-inner-border-top:before{
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    top:-20px;
    left:15px;
    max-width:1150px;
}

@media (max-width:992px){
    #copyright .add-copyright-inner-border-top:before{
        width:92%;
    }
}
/** 
 *  ------------------------- END Copyright ------------------------------------
 *  -------------------------------------------------------------------------
 */





/** 
 *  ------------------------- Topfooter ------------------------------------
 *  -------------------------------------------------------------------------
 */

#top_footer {
    position: relative;
    margin-top: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;

}
#top_footer .widget-title{
    margin-bottom:10px;
}
#top_footer .widget {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
}
#top_footer .widget:first-child {
    padding-top: 0px;
}
#top_footer .widget:first-child:last-child {
    margin-bottom: 0px;
    border-bottom-width: 0px;
    padding: 0;
}
#top_footer .widget:last-child {
    padding-bottom: 0px;
    border-bottom-width: 0px;
}
#top_footer .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#top_footer .widget ul li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}
#top_footer .widget ul li:last-child {
    padding-bottom: 0;
}
#top_footer .widget ul li a {
    position: relative;
    line-height: 20px;
}
#top_footer.add-topfooter-border-top{
    border-top-width:1px;
    border-top-style:solid;
}
@media ( min-width: 768px) {

    #top_footer .top_footer-content-row {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    #top_footer .top_footer-widget {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
        flex-flow: row wrap;
    }
}
/* Fix Widget Distance in Tablet and Mobile */

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

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

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

#top_footer .widget_search .screen-reader-text {
    display: none;
}
#top_footer .widget_search form {
    position: relative;
}
#top_footer .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;
}
#top_footer .widget_search i {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 50px;
}
/* Footer Widget Recent Entries  */

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

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

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

#top_footer input:focus{

}


#top_footer.topfooter-unique-style{
    width: 830px;
    margin: 0 auto;
    position: relative;
    top: 85px;
    z-index: 9999;
    margin-top:-65px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); 
    background-repeat:no-repeat;
    background-size:cover;
    max-width:100%; 
}

#top_footer.topfooter-unique-style .top_footer-widget{
    margin:0 auto;
    width:80% !important;
    text-align: center;
}

#top_footer.topfooter-unique-style .mc4wp-form{
    margin:0 auto;
}

#top_footer.topfooter-unique-style .mc4wp-form p input[type="email"]{
    border-width:2px;
}

/** 
 *  ------------------------- END Top Footer ------------------------------------
 *  -------------------------------------------------------------------------
 */

#footer-wrapper .custom-html-widget img{
    display:block;
}

#footer-wrapper .quick-searches span{
    display:block;
    margin-bottom:5px;
}
#footer-wrapper .quick-searches .tags a{
    display:inline-block;
    margin-top:5px;
    margin-bottom:5px;
    line-height:20px;
}
#footer-wrapper .quick-searches .tags{
    margin-left:-10px;
    margin-right:-10px;
}
.footer-quick-searches-content-row .inner{
    padding-top:30px;
    padding-bottom:20px;
    border-top-width:1px;
    border-top-style:solid;
    border-bottom-width:1px;
    border-bottom-style:solid;
}



.widget_service .cl-service-wrapper{
    display:flex;
}
.widget_service .cl-service-wrapper .content{
    padding-left:30px;
}
@media (min-width:992px){
    .footer-widget.col-sm-4 .widget_service .cl-service-wrapper{
        padding-left:20px;
    }
}
.widget_service .cl-service-wrapper .content p{
    font-size:16px;
    margin:0;
    line-height:16px;
    padding:0;
}
.widget_service svg{
    width:50px;
    height:50px;
}
.widget_service a{
    text-transform: uppercase;
    font-weight:600;
}
/* 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;
    padding-bottom: 25px !important;
    flex-wrap:wrap;
}
.widget_most_popular li i {
    font-size: 16px;
    line-height: 28px;
}
.widget_most_popular li .media {
    width: 32%;
    max-width:100px;
    padding-right:15px;
}
.widget_most_popular li .media img {
    width: 100%;
    max-width: none;
}
.widget_most_popular li .content {
    padding-left: 0px;
    width:68%;
}
.widget_most_popular li .content .date {
    display: block;
}
.widget_most_popular h2{
    font-size:18px !important;
    line-height:28px !important;
}
.widget_most_popular .entry-meta-tools{
    margin-bottom:0;
    margin-top:-5px;
}

.widget_most_popular .entry-meta-tools .entry-meta-author{
    display:none;
}
/* End Most Popular */

 
/* Social-Icons Widget */
.social_widget .social-icons-widget{
    display:flex;
    flex-wrap:wrap;
}
.social_widget .social-icons-widget li{
    display:inline-block !important;
 
}

.social_widget .social-icons-widget li{
    line-height:54px;
    text-align:center;

}
.social_widget .social-icons-widget li a{
    width: 54px;
    text-align: center;
    height: 54px;
    font-size: 24px;
    display: block;
    border-radius: 50%;
    margin-left: 10px;
}
.social_widget .social-icons-widget li a:after{
    display:none;
}
.social_widget .social-icons-widget li a i{
    color:inherit;
    width:100%;
    line-height:54px;
    text-align:center;
    color:#fff !important;
    font-size:18px;
}
.social_widget .social-icons-widget li:first-child{
    padding-left:0px !important;
}

aside .social_widget .boxed-style{
    border:1px solid #dde3e8;
    padding:30px;
    padding-top:45px;
    position:relative;
    background:#fff;
}
.cl-layout-modern aside .social_widget .boxed-style{
    border:none;
}
aside .social_widget .boxed-style:before{
    font-family: "codeless-icons";
    content: "\f004";
    font-size: 24px;
    color: #d6a973;
    position: absolute;
    top: -20px;
    line-height: 40px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    text-align: center;
    background: #fff;
}
aside .social_widget .boxed-style .widget-title{
    text-align:center;

}
aside.style-sidebar-blog .social_widget .boxed-style .widget-title:after{
    left:50%;
    margin-left:-20px;
}

aside .social_widget .boxed-style .social-icons-widget{
    justify-content: center;
    margin-top:10px;
}


aside .widget_custom_html .boxed-style{
    border:1px solid #dde3e8;
    padding:30px;
    padding-top:45px;
    position:relative;
}
aside .widget_custom_html .boxed-style:before{
    font-family: "codeless-icons";
    content: "\f1ef";
    font-size: 24px;
    color: #d6a973;
    position: absolute;
    top: -20px;
    line-height: 40px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height:40px;
    text-align: center;
    background: #fff;
    border-radius:50%;
}
.cl-layout-modern aside .widget_custom_html .boxed-style{
    border:none;
}
aside .widget_custom_html .boxed-style .widget-title{
    text-align:center;
    margin-bottom:40px;

}
aside .widget_custom_html .boxed-style .mc4wp-form{
    height:auto;
}
aside .widget_custom_html .boxed-style .mc4wp-form-fields input[type="email"]{
    border-radius: 4px;
    width: 100%;
    position:static;
}

aside .widget_custom_html .boxed-style .mc4wp-form-fields input[type="submit"]{
    border-radius: 4px;
    width: 100%;
    height:54px;
    border-left:0;
    position:static;
    color:#fff;
    margin-top:10px;
}

aside.style-sidebar-blog .widget_custom_html .boxed-style .widget-title:after{
    left:50%;
    margin-left:-20px;
}

/* 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 {
    
}
/** 
 *  ------------------------- END Shortcode Styling ------------------------------------
 *  -------------------------------------------------------------------------
 */
/* Table Styles */

table tbody td {
    background: #fdfdfd;
}
table tbody tr:nth-child(2n) td {
    background: #f9f9f9;
}
/*  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.simple{
    position:relative;
    width:100%;
    line-height:30px;
    font-size:20px;
    height:30px;
    display:flex;
    align-items:center;
    height:70px;
    padding-top:60px;
    padding-bottom:60px;
    border-top-width:1px;
    border-top-style:solid;
}
.portfolio-navigation.simple a{
    width:100%;
}
.portfolio-navigation.simple a span{
    font-size:14px;
    font-weight:600; 
    text-transform: uppercase;
    line-height:30px;
}
.portfolio-navigation.simple a:before{
    position:relative;
    top:1px;
}
.portfolio-navigation.simple a.portfolio_single_left{
    
}

.portfolio-navigation.simple a.main_portfolio{
    font-size:64px;
    line-height:30px;
    text-align:center;
}

.portfolio-navigation.simple a.portfolio_single_right{
    text-align:right;
    position:relative;
}
.portfolio-navigation.simple a.portfolio_single_right span{
    padding-right:25px;
}

.portfolio-navigation.simple a.portfolio_single_right:before{
    position:absolute;
    right:0;
    top:1px;
}

.portfolio-navigation.simple .hide_link{
    opacity:0;
}


.portfolio-navigation.modern{
    display:flex;
    height:100%;
}

.portfolio-navigation.modern .single-link{
    width:100%;
    height:100%;
    background-size:cover !important;
    position:relative;
    padding:50px 25px;
}

.portfolio-navigation.modern .single-link:before{
    background:rgba(0,0,0,0.3);
    z-index:9;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
}

.portfolio-navigation.modern .single-link > *{
    z-index:99;
    position:relative;
    width:100%;
    display:block;
}

.portfolio-navigation.modern a span{
    font-size:14px;
    font-weight:600; 
    text-transform: uppercase;
    line-height:30px;
}
.portfolio-navigation.modern a:before{
    position:relative;
    top:1px;
    padding-right:5px;
    line-height:27px;
}

.portfolio-navigation.modern .single-link.right a span{
    padding-right:27px;
}
.portfolio-navigation.modern .single-link.right a:before{
    padding-right:0;
    position:absolute;
    right:0;
    top:1px;
}
.portfolio-navigation.modern a.main_portfolio{
    position:absolute;
    left:25px;
    bottom:30px;
    width:auto;
}
.portfolio-navigation.modern .single-link.right a.main_portfolio{
    left:auto;
    right:25px;
    text-align:right;
}
.portfolio-navigation.modern .single-link.right > *{
    text-align:right;
}

/* 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"] .swiper-slide-active{
    z-index:1000;
}
@-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;
  }
}


/* WPML */
/* WPML */
.wpml-ls-legacy-dropdown-click a{
    padding:11px 10px;
}
.wpml-ls-legacy-dropdown-click{
    width:auto;
}
.wpml-ls-legacy-dropdown-click{
}

/* Left Navigation */
.cl-sidenav{
    padding-right:0 !important;
    position:relative; 
    overflow:hidden;
    height: 500px;
}
.cl-sidenav:before{
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    z-index:9;
    top: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(255,255,255,0.4), rgba(255,255,255,1));
    opacity:1;
     -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

.cl-sidenav.hideBefore:before{
    opacity:0;
    z-index:-1;
}

.cl-sidenav:after{
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0.4));
    opacity:1;
     -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

.cl-sidenav.hideAfter:after{
    opacity:0;
    z-index:-1;
}

.cl-sidenav ul{
    list-style:none;
    margin:0;
    position: absolute;
    top: 0;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom:30px;
    bottom: 0;
    left: 0;
    right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
    overflow-y: scroll;
}
.cl-sidenav ul li{
    padding: 10px 20px !important;
}

.cl-sidenav ul li a{
    font-weight:600;
    line-height:38px;
}

.cl-sidenav ul li:hover{
}

.cl-sidenav ul li:first-child{
}

.cl-sidenav ul li.current_page_item{
     -webkit-box-shadow: -20px 0px 30px 0px rgba(40, 36, 61, 0.08);
    -moz-box-shadow:    -20px 0px 30px 0px rgba(40, 36, 61, 0.08);
    box-shadow:         -20px 0px 30px 0px rgba(40, 36, 61, 0.08);
    background:#fff;

}
.cl-sidenav ul li.current_page_item a, .cl-sidenav ul li.current_page_item a:hover, .cl-sidenav ul li.current_page_item:hover a{
}

.page-template-template-sidenav .content-col{
    background:#fff;
    -webkit-box-shadow: -20px 0px 30px 0px rgba(40, 36, 61, 0.03);
    -moz-box-shadow:    -20px 0px 30px 0px rgba(40, 36, 61, 0.03);
    box-shadow:         -20px 0px 30px 0px rgba(40, 36, 61, 0.03);
    padding:40px 30px;
}


.owl-theme .owl-nav{
    height:100% !important; 
}

.widget_icl_lang_sel_widget{
    width:80px;
}

.wpml-ls-sub-menu li a{
    padding:8px 10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    z-index:99999999 !important;
}
.wpml-ls-sidebars-custom-sidebar1 .wpml-ls-current-language>a{
    border:none !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag{
    margin-top:-2px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: 0.30em solid transparent;
    border-top: .4em solid;
    position: absolute;
    right: 10px;
    top: calc(50% - .175em);
}
.wpml-ls-legacy-dropdown a{
    padding:5px 10px !important;
}
.widget.WOOCS_SELECTOR .widget-title{
    display:none;
}
.dd-select{
    background:none !important;
    border:none !important;
}
.woocommerce-currency-switcher-form .dd-selected{
    padding:6px !important;
    padding-right:27px !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:inherit !important;
}



.dd-desc{
    display:none !important;
}

.dd-pointer-down{
    border: solid 4px transparent !important;
    border-top: solid 6px #fff !important;
}

.header-el .widgetized  form .dd-selected label{
    display: block !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.header-el .widgetized .widget-woocommerce-currency-switcher input{
    background:transparent !important;
}

.dd-options, .woocommerce-currency-switcher-form a.dd-option{
    box-shadow:none !important;
    border:none !important;
    color:inherit !important;
    
}
.header-el .widgetized .dd-options{
    box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.05) !important;
}
.header-el .widgetized .widget-woocommerce-currency-switcher form label{
    display:block !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

@media (max-width:420px){
    .header-el.cl-h-cl_socialicon {
        display:none !important;
    }
}

.dd-pointer-up{
    border-bottom: solid 4px #fff !important;
    display:none !important;
}
.woocommerce-currency-switcher-form .dd-selected, .woocommerce-currency-switcher-form a.dd-option{
    background:#222;
}


.cl-default-page-header{
    text-align:center;
    margin-bottom:45px;
}
.cl-default-page-header h2{
    padding-bottom:25px;
    margin-bottom:25px;
    position:relative;
}
.cl-default-page-header h2:after{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-38px;
    height:3px;
    content:"";
    width:76px;
}
.cl-default-page-header .page_parents{
    display:flex;
    justify-content: center;
    list-style:none;
    padding:0;
    margin:0;
}   
.cl-default-page-header .page_parents li{
    padding-left:14px;
    padding-right:14px;
    position:relative;
    line-height:20px;
}
.cl-default-page-header .page_parents li:after{
    content:">";
    font-size:14px;
    color:#727f88;
    right:-2px;
    position:absolute;
    top:0;
    line-height:20px;
}
.cl-default-page-header .page_parents li:first-child{
    padding-left:0;
}

.cl-default-page-header .page_parents li:last-child{
    padding-right:0;
}
.cl-default-page-header .page_parents li:last-child:after{
    content:"";
}


.woocommerce .track_order{
    width: 470px;
    margin: 80px auto;
    background: #fff;
    padding: 40px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
    position:relative;
    max-width:100%;
}

.woocommerce .track_order > span.icon{
    width:90px;
    height:90px;
    position:absolute;
    top:-45px;
    left:50%;
    margin-left:-45px;
    background:#fff;
    border-radius:50%;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
    z-index:0;
}

.woocommerce .track_order > span.icon:before{
    width: 105px;
    height: 60px;
    position: absolute;
    top: 45px;
    left: -7px;
    background: #fff;
    z-index: 99;
    content: "";
}

.woocommerce .track_order > span.icon i{
    width:100%;
    height:100%;
    line-height:90px;
    text-align:center;
    color:#fdb551;
    font-size:48px;
    position: absolute;
    left: 0;
    top: 0;
    z-index:9999999;
}

.woocommerce .track_order > h5{
    text-align:center;
    margin-top:20px;
    z-index:999;
}

.woocommerce .track_order > .subtitle{
    text-align:center;
    width:100%;
    display:block;
}

.woocommerce .track_order .form-row label{
    display:block;
    text-transform: uppercase;

}

.woocommerce .track_order .form-row input{
    width:100%;
    border-width:1px;
    border-style:solid;
    padding-left:10px;
    box-shadow:none;
    height:50px;
}

.woocommerce .track_order .form-row input[type="submit"]{
    margin-top:20px;
    background:#fdb551;
    color:#fff;
    text-transform: uppercase;
    font-weight:600;
}

/* Widget Product Collection Feature */
aside .widget.widget_product_collection_feature{
    padding-top:15px;
    padding-bottom:15px;
}
.cl-product-collection-feature{
    display: flex;
    align-items: center;

}

.cl-product-collection-feature img{
    width:100px;
}
.cl-product-collection-feature .data{
    padding-left: 15px;
}
.cl-product-collection-feature .data a{
    position:relative;
    padding-right:20px;
}
.cl-product-collection-feature .data a:after{
    content:"\f35f";
    position:absolute;
    right:2px;
    font-size:20px;
    top:1px;
    line-height:20px;
    font-family: "codeless-icons";

}

/* Carousel Nav */

.cl-carousel:not(.flex-control-thumbs) .owl-nav [class*=owl-]{
    width:48px !important;
    height:48px !important;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    background:#fff;
    margin-top:-24px !important;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.cl-carousel:not(.flex-control-thumbs) .owl-nav .owl-prev:after{
    content:"\f141";
    font-size:20px;
    font-family: "codeless-icons";
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 48px;
    left: 0;
    top: 0;
    text-indent:0;
}
.cl-carousel:not(.flex-control-thumbs) .owl-nav .owl-next:after{
    content:"\f142";
    font-size:20px;
    font-family: "codeless-icons";
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 48px;
    left: 0;
    top: 0;
    text-indent:0;
}

@media (max-width:500px){
    .cl-carousel .owl-nav{
        display:none;
    }
}

/* Mailchimp */
.mc4wp-response{
    float: left;
    margin-top: 40px;
}
.mc4wp-form{
    max-width:470px;
    height:54px;
}
.mc4wp-form p input[type="email"]{
    width:100%;
    height:54px;
    position:absolute;
    border-width:1px;
    border-style:solid;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    padding-left:16px;
    font-size:16px;
    box-shadow:none;
    top:0;
    left:0;
}
.mc4wp-form p input[type="submit"]{
    position:absolute;
    width:125px;
    right:4px;
    top:15px;
    line-height:24px !important;
    padding:0 !important;
    height:24px;
    border-left-width:1px;
    border-left-style:solid;
    background:#fff;
    box-shadow:none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.mc4wp-form p{
    position:relative;

}

.mc4wp-form-fields p:first-child{
    margin:0;
}

.align-h-middle .mc4wp-form{
    margin:0 auto;
}

.cl-element .mc4wp-form{
    max-width:400px;
}

.cl_mailchimp.style_large_button input{
    position:static !important;
    display:block;
    width:100%;
    border-radius: 4px !important;
    text-align: center;
}

.cl_mailchimp.style_large_button input[type="submit"]{
    width: 100%;
    margin-top: 15px;
    height: 55px;
    border-width: 0;
    color: #fff !important;
}
.cl_mailchimp.style_large_button .mc4wp-form{
    height:auto !important;
}


/* MD preloader */
.cl-md-loading{
    width: 90px;
    margin: 0 auto;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
}
.md-preloader {
    font-size: 0;
    display: inline-block;
    -webkit-animation: outer 6600ms linear infinite;
    animation: outer 6600ms linear infinite;
    width:48px;
    height:48px;
}

.md-preloader svg {
    -webkit-animation: inner 1320ms linear infinite;
    animation: inner 1320ms linear infinite
}

.md-preloader svg circle {
    fill: none;
    stroke: #1de9b6;
    stroke-linecap: square;
    -webkit-animation: arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite;
    animation: arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite
}

@-webkit-keyframes outer {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes outer {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes inner {
    0% {
        -webkit-transform: rotate(-100.8deg);
        transform: rotate(-100.8deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes inner {
    0% {
        -webkit-transform: rotate(-100.8deg);
        transform: rotate(-100.8deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes arc {
    0% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 151.55042961px, 210.48670779px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: -151.55042961px
    }
}

@keyframes arc {
    0% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 151.55042961px, 210.48670779px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: -151.55042961px
    }
}


/* Single Modern Style */
.single-modern-header:after{
    background:rgba(0,0,0,0.6);
    z-index:9;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%; 
    content:"";
}
.single-modern-header{
    display:table;
    width:100%;
    position:relative;
    text-align:center;
}
.single-modern-header .entry-wrapper{
    display:table-cell;
    vertical-align: middle;
    z-index:999;
    position:relative;
}
@media (min-width: 992px){
    .single-modern-header{
        height:640px;
        
    }
}

@media (max-width: 991px){
    .single-modern-header{
        height:300px;
    }
}

.single-modern-header header{
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}
.single-modern-header h1{
    text-align:center;
    width:100%;
    margin-bottom:30px !important;
    font-size: 60px !important;
    line-height: 64px !important;
}
.single-modern-header .entry-meta-tools{
    width:100%;
    justify-content: center;
    margin-bottom:30px;
}
@media (max-width:500px){
    .single-modern-header .entry-meta-tools{
        display:none;
    }

    .single-modern-header .entry-title{
        font-size:36px !important;
        line-height:48px !important;
    }
}

.single-modern-header .entry-meta-tools .entry-meta{
    float:none;
    width:auto;
    
}
.single-modern-header .entry-meta-tools .entry-meta *{
    color:#fff !important;
    font-size:18px;
}
.single-modern-header .entry-meta-tools .entry-tools{
    width:auto;
    border-left-width:1px;
    border-left-style:solid;
    margin-left:20px;
}

.single-modern-header .entry-tag-list{
    display:inline-block
}
.single-modern-header .entry-tag-list a{
    padding:7px 14px;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    margin-left:10px;
}

.single-modern-header .entry-tool-share .share-buttons i{
    color:#fff !important;
}

.single-modern-header .entry-meta-tools .entry-meta-single a{
    color:#fff !important;
}

.single-modern-header .entry-meta-tools .entry-tools, .single-modern-header .entry-tools .entry-tool-share .share-buttons{
    border-color:rgba(255,255,255,0.3) !important;
}

/* End Single Modern Style */

.page-id-1203 .footer-widget .tagcloud a, .page-id-1237 .footer-widget .tagcloud a, .page-id-1521 .footer-widget .tagcloud a, .page-id-1599 .footer-widget .tagcloud a{
    background:#fff;
}
.page-id-1262 footer#colophon .social_widget .social-icons-widget li a i{
    color:#8b99a3 !important;
}

footer#colophon .center-column .social_widget .social-icons-widget{
    display: flex;
    justify-content: center;
}
footer#colophon .center-column .social_widget .social-icons-widget li:last-child{
    padding-right:0 !important;
}   

.page-id-1327 .header_container{
    border-bottom:1px solid #dbe1e6!important;
}

.postid-2397 .extra_row.header-row, .postid-2715 .extra_row.header-row {
    background:#f7f9fb;
}

.postid-2384 .extra_row.header-row,.postid-2521 .extra_row.header-row,.postid-2551 .extra_row.header-row {
    background:#f6f6f8
}

.postid-2753 .extra_row.header-row.container.extra-boxed{
    width:100%;
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #e1e1e1;
  position              : relative;
  margin                : 0 1px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


.nano { width: 600px; height:500px; }
.nano .nano-content { padding: 10px; }
.nano .nano-pane   { background: #f1f2f4; }
.nano .nano-slider { background: #e1e1e1; }

@media (min-width:992px){
    .search-loading i:before{
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid rgba(0,0,0,.3);
        border-left-color: #000;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 1;
        margin-left: -20px;
        margin-top: -9px;
        transition: opacity 0s ease;
        -webkit-transition: opacity 0s ease;
        opacity: 1;
        animation: load-spin 450ms infinite linear;
        -webkit-animation: load-spin 450ms infinite linear;
        transition: opacity .25s ease;
        -webkit-transition: opacity .25s ease;
    }
}
@media (max-width:991px){
    .ajax-results{
        display:none !important;
    }

}
.ajax-results{
    position: absolute;
    width: 100%;
    display:none;
    opacity:0;
    z-index: 9999999;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.ajax-results .autocomplete-suggestions{
    background: #fff;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 0px;
}
.ajax-results.show{ 
    display:block;
}
.ajax-results.show-2{
    opacity:1;
}

.ajax-results.show .autocomplete-suggestions{
    display:block !important;
}

.ajax-results .autocomplete-suggestions > .autocomplete-suggestion{
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px;
    padding-top: 4px;
    cursor:pointer;
    padding: 11px !important;
    text-align: left;
    padding-left: 28px !important;
    background:#fff;
}

.ajax-results .autocomplete-suggestions > .autocomplete-suggestion:hover{
    background:#F2F4F6;
}


footer#colophon .widget:not(.widget_mc4wp_form_widget):not(.social_widget) .widget-title, #footer-wrapper .quick-searches span, .mc4wp-form p input[type="submit"]{
    font-weight:600 !important;
}

.widget_myaccount{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: none; 
    letter-spacing: 0px;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag+span{
    font-size:14px;
}

.top_nav .header-el .cl-icon-text span p{
    font-size:14px;
    line-height:21px;
}


.cl-element.cl_slider .slider-overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgb(255,255,255);
    z-index: 9;
    opacity:1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.cl-element.cl_slider .slider-overlay:after{
    content: "" !important;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid rgba(255,255,255,.3);
    border-left-color: #222;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    margin-left: -9px;
    margin-top: -9px;
    transition: opacity 0s ease;
    -webkit-transition: opacity 0s ease;
    opacity: 1;
    animation: load-spin 800ms infinite cubic-bezier(0.1, 0.2, 0.4, 0.1);
    -webkit-animation: load-spin 800ms cubic-bezier(0.1, 0.2, 0.4, 0.1);
    transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;
}
.cl-element.cl_slider.loading-on-end .slider-overlay:after{
    opacity:0;
}
.cl-element.cl_slider.loading-on-end .slider-overlay{
    opacity:0;
}

.cl-element.cl_slider.loading-end .slider-overlay{
    z-index:-1;
}

.content-col > .page-links{
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
}

@keyframes load-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes load-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.woocommerce .cart-empty{
    text-align:center;
}
.woocommerce .cart-empty + .return-to-shop{
    text-align: center;
}

.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;
}

.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 12px
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    -moz-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
    height: 50px;
    padding-left: 10px;
    border-width:1px;
    border-style:solid;
}

/** New styles **/



span.swiper-pagination-bullet-active{
    background: #ed2c41 !important;
    width:11px;
    height: 11px;
    opacity: 1 !important;
}

.swiper-pagination-bullet{
    width:11px !important;
    height: 11px !important;
    opacity: .4 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 3px !important;
}


.single-blog-tags-social{
    display:flex;
    padding:40px 0;
    align-items: center;
    border-top:2px solid;
}

.single-blog-tags-social .social{
    width:100%;
}

.single-blog-tags-social .tags{
    width:200%;
}

.single-blog-tags-social .social{
    justify-content: flex-end;
    display:flex;
}
.single-blog-tags-social .social .single-share-buttons{
    display:flex;
}
.single-blog-tags-social .social a{
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background: #e4e4e4;
    color: #fff;
    margin-left: 10px;
    font-size:20px;
}

.single-blog-tags-social .social a:hover{
    color:#fff !important;
}
.single-blog-tags-social .tags{
    display: flex;
    align-items: center;

}
.single-blog-tags-social .tags span{
    font-size:16px;
    color:#1b181a;
    font-weight:bold;
}
.single-blog-tags-social .tag-list{
    margin-left:10px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.single-blog-tags-social .tag-list a{
    line-height: 40px;
    padding: 0 15px;
    background: #f2f2f2;
    color: #616161;
    height: 40px;
    border-radius: 20px;
    margin-right: 10px;
    font-weight:bold;
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
}
.single-blog-tags-social .tags a:hover{
    color:#fff !important;
}

.cl-side-navigation{
    width:530px;
    height:100%;
    position:fixed;
    right:0;
    top:0;
    transform: translateX(530px);
    background:#fff;
    z-index:99999;
    -webkit-transition: -webkit-transform.5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out; 
}

.cl-side-navigation.show{
    transform: translateX(0px);
}
.cl-side-navigation .wrapper{
    display:table;
    height:100%;
}
.cl-side-navigation .inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding:0 90px;
}

.cl-side-navigation .close{
    width: 14px; 
    height: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    background:url( 'img/small_x.png' ) no-repeat center;
}

.admin-bar .cl-side-navigation .close{
    top:52px;
}

.cl-side-navigation .social_widget .social-icons-widget{
    justify-content: center;
    padding-left: 0;
    margin-top:10px;
}

.cl-side-navigation .social_widget .social-icons-widget li a{
    background:#e4e4e4;
}
.cl-side-navigation p{
    margin-top:30px;
    margin-bottom:30px;
}

.comments-pagination h2{
    font-size: 18px !important;
    line-height: 30px !important;
    margin-top: 30px;
}

#cancel-comment-reply-link{
    font-size: 14px;
    color: #a9acaf;
}

.logged-in-as{
    margin-top: 0px;
    margin-bottom: 20px;
}

.comment-respond{
    padding-top:40px;
}