/* --------------------------------------------------------
    Theme name:         pappaya
    Author:             layero.com
    Version:            1.0
--------------------------------------------------------- */

/*========================================================*/
/*      TABLE OF CONTENTS:      */
/*========================================================*/
/*  

    Reset               - 01
    Helper styles       - 02
    Heading             - 03
    Material Overrides  - 04
    Divider             - 05
    Alert               - 06
    Layout section      - 07
    Header              - 08
    Button              - 09
    Icon                - 10
    Tab                 - 11
    Content area        - 12
    Social              - 13
    Team                - 14
    Shadow              - 15
    Wordpress Core      - 16
    Gallery             - 17
    Caption             - 03
    Accordion           - 20
    Call to action      - 21
    Gadget              - 22
    Pricing             - 23
    Testimonials        - 24
    404 Page            - 25
    Direction buttons   - 26
    Carousel slider     - 27
    Footer              - 28
    Image listing       - 29
    Filter gallery      - 30
    Form                - 31
    Bar chart           - 32
    Blog                - 33
    Comments            - 33
    Sidebar             - 34
    Search form         - 35
    Mail Chilchimp      - 36
    Pagination          - 37
    Posts navigation    - 38
    Animation / Duration / Easing - 39
    Wocommerce style    - 40
    Responsive          - 41

*/


/*--------------------------------------------------------
    ---    Reset - 01     ---     
*/
html, body {font-size: 14px;}
* {outline: none;}
video, audio, iframe {max-width: 100%}
::-webkit-input-placeholder {color: inherit;}
:-moz-placeholder {/* Firefox 18- */ color: inherit;}
::-moz-placeholder {/* Firefox 19+ */ color: inherit;}
:-ms-input-placeholder {color: inherit;}

/*--------------------------------------------------------
    ---    Helper styles - 02     ---     
*/
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/*--------------------------------------------------------
    ---    Heading - 03     ---     
*/
h1.lh, h2.lh, h3.lh, h4.lh, h5.lh, h6.lh {position: relative; padding: 0 0 10px; margin-bottom: 30px; }
h1.lh:after, h2.lh:after, h3.lh:after, h4.lh:after, h5.lh:after, h6.lh:after {content: ''; position: absolute; bottom:0; left: 0; height: 1px; width: 64px; background: #333 }
p {line-height: 1.785714em;}
img {max-width: 100%; height: auto;}
.clearfix:after {display: table; clear: both; content: ''}

/*--------------------------------------------------------
    ---    Material Overrides - 04     ---     
*/
.fw-container,
.container,
.fw-container-fluid,
.container-fluid {padding: 0 15px;}
.fw-container,
.container {max-width: 1200px;}
.header {background: #f6f7fb; position: relative;}
.header-overlay {position: absolute; left: 0; top: 0; right: 0; z-index: 999; background: transparent;}
.header-overlay .nav {background: transparent; box-shadow: none; padding: 10px 0;}
.admin-bar .header-overlay .nav {top: 46px;}
nav ul a:hover { background: rgba(0,0,0,0); }
@media screen and (min-width: 783px) {
    .admin-bar .header-overlay .nav {top: 32px;}
}
nav i {height: auto}
blockquote {background: #eee; padding: 1rem 1rem 1rem 1.5rem; border-left: 5px solid #333;}
.select-wrapper input.select-dropdown {max-width: 100%; border-bottom: 1px solid #eee;}
.select-wrapper span.caret {text-indent:0; font-size: 0; right: 6px; top: 8px;}
.select-wrapper span.caret:before {content: "\f107"; font-size: 1rem; color: #999; font-family: 'fontAwesome'}
.wn .dropdown-content li:last-child {margin-bottom: 0;}

/*--------------------------------------------------------
    ---    Divider - 05     ---     
*/
.wn-divider { clear: both; position: relative; margin: 60px 0; max-width: 100%; border-color: #eee;}
.fw-container-fluid .wn-divider {margin-left: -15px; margin-right: -15px; width: auto; max-width: initial;}
.wn-divider i {font-size: 18px;}
.divider-line {border: none; border-top:1px solid #eee; border-color: inherit;}
.decorated-divider {border:none; width: 100%; display: table;}
.decorated-divider .divider-left span,
.decorated-divider .divider-right span {content: ''; display: block; height: 1px; background: #eee; vertical-align: middle;}
.decorated-divider .divider-line {display: table-cell; padding: 5px 15px; vertical-align: middle;  white-space: nowrap;border: none; font-size: 20px; font-weight: 300;}
.decorated-divider .divider-left,
.decorated-divider .divider-right {display: table-cell; width: 50%; vertical-align: middle;}

/*--------------------------------------------------------
    ---    Alert - 06     ---     
*/
.alert {padding: 10px 20px;background: #c9f7b2;color: #587549;margin: 0.5rem 0 1rem 0;line-height: 18px; border-radius: 3px; position: relative;}
.alert-content {padding: 13px 0;}
.alert.alert-warning {background: #fff2b2; color: #846534;}
.alert.alert-info {background: #c5e0ed; color: #406c94;}
.alert.alert-warning {background: #fff2b2; color: #846534;}
.alert.alert-danger {background: #ffd9d9; color: #a24141;}
.alert-close {position: absolute; right: 16px; top: 22px; font-size: 22px; cursor: pointer;}
.alert-icon {float: left; width: 44px; height: 44px; font-size: 26px; padding-right: 15px; line-height: 44px;}

/*--------------------------------------------------------
    ---    Layout section - 07     ---     
*/
.wrapper { overflow: hidden; }
.section {padding-top: 80px; padding-bottom: 80px; background-repeat: no-repeat; background-size: cover;}
.section.section-head.section-head2 { padding-bottom: 0px; }
.no-padding {padding-top: 0; padding-bottom: 0;}
.column-bg {background-repeat: no-repeat; background-size: cover; }
.column-contents > img {vertical-align: top}
.fw-container-fluid .column-contents{margin:0 -15px; padding: 0 15px; overflow:hidden;}
.column-contents.column-contact,
.fw-container-fluid .column-contents.column-contact {padding:70px 110px; background-size: cover;}
.widget .column-contents.column-contact {padding:10px 0px;}
.fw-container-fluid .contact-wrap {margin: 0 -15px}
.col-centered {align-self: center; width: 100%;}
.column-contents {height: 100%;}
.column-contents.v-center {display: flex; min-height: 100%; min-width: 100%;}

.text-block {margin-bottom: 30px;}
.text-block:last-child,
.text-block p:last-child {margin-bottom: 0}
.text-block p:first-child {margin-top: 0;}

/*--------------------------------------------------------
    ---    Header - 08     ---     
*/
.nav {z-index: 999; position: relative;}
body.admin-bar #header.sticky-header .nav.sticky { top: 30px; }
.sticky-header .nav {top: 0; left: 0; right: 0;}
.sticky-header .sticky {transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
.sticky-header .beep { position: fixed;top: 0; left: 0; right: 0; opacity: 0;  visibility: none;
    -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
            transform: translateY(-100px);
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
           -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
               transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.sticky-header .beep.sticky { visibility: visible; z-index: 2000; padding: 0;  opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
           -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
               transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: auto;}
#header .row {margin-bottom: 0;}
#header .logo {display: inline-block; line-height: initial; vertical-align: top;}
#header .logo img {vertical-align: top; max-height: 100%; height: auto;}
#header.sticky-header .sticky {padding: 0; box-shadow: 0 4px 5px -2px rgba(0,0,0,.22), 0 2px 1px -1px rgba(0,0,0,.05);}

/*custom design*/
#header .header-col { display: table; width: 100%;}
#header .header-col .header-cell { display: table-cell; vertical-align: middle;}
#header .header-col .header-cell .logo,
#header .header-col .header-cell .navigation {vertical-align: middle;}

.navigation {display: flex; flex-direction: row; align-items: center;}
.navigation > div {width: 100%;}
.navigation .mini-cart {position: relative; height: auto; width: auto; padding-left: 0;}
.navigation .mini-cart li { list-style: none; }
.navigation .mini-cart .cart-btn,
.navigation .mini-cart .cart-btn:hover {height: auto; width: auto; line-height: inherit; background: transparent; color: inherit; border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navigation .mini-cart .cart-btn .cart-count {position: absolute;top: 10px;right: 0;line-height: 17px;font-size: 0.6em;background: #fff;color: #000;padding: 2px 4px;border-radius: 50%;height: 20px;min-width: 20px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}

.display_site_description { line-height: 1.2em;  padding: 8px 0;}
.display_site_description .site_name,
.logo .site_name {font-size: 22px; color: inherit; margin-bottom: 5px;}
.logo a {color: inherit;}
/* --- Header search form --- */
.header-searchform {position: absolute; right: 0; left: 0; top:100%; background: #fff; color: #44525a; padding:60px 30px 45px; text-align: center; display: none; z-index: 999}
.sticky .header-searchform {margin-top: 0;}
.header-searchform .searchform {max-width: 890px; margin: 0 auto;}
.header-searchform .screen-reader-text {display: none;}
.header-searchform .searchform input[type="text"],
.header-searchform .searchform input[type="search"] {text-align: center; color: inherit; border: none; border-bottom: 1px solid #eee}
.header-searchform input[type="submit"],
.header-searchform .searchform div:after {display: none;}
.searchform-title {color: #44525a; font-size: 20px; line-height: 1.2em;}
.menu-item-search .fa {height: auto;}
/* --- Header bottom area --- */
.header-bottom {padding: 40px 0; color: #757575; background-size: cover;}
.subheader-hide{display: none;}
.header-contents {position: relative;}
.page-name {font-size: 1.4rem; color: inherit;position: relative;padding-bottom: 0.8rem; margin-bottom: 30px; font-weight: 300;}
.page-name:after {content: ''; height: 1px; width: 64px; position: absolute; left: 0; bottom: 0; background: #454545;}
.wn .breadcrumbs {margin: 0; -ms-word-wrap: break-word; word-wrap: break-word;}
.wn .breadcrumbs a {color: inherit; font-size: 14px; text-transform: capitalize;}
.wn .breadcrumb:before {color: inherit; vertical-align: middle; font-size: 1.2em; color: #757575; content: "\f105"; font-family: 'fontAwesome'; line-height: 1em;}

/*--------------------------------------------------------
    ---    Button - 09     ---     
*/
.btn, .btn-large, .btn-flat,
.post-password-form input[type="submit"],
input[type="submit"] {height: 42px; padding: 3px 2rem; background: #eee; color: #333; border-radius: 3px; border: none;}
.btn-flat{margin-bottom: 1em; }
.fw-button-row .btn-flat{margin-bottom: 0px; }
.btn i {font-size: 1em; margin-right: 6px;} /* - Button Icon - */

/*--------------------------------------------------------
    ---    Icon - 10     ---     
*/
.material-icon {display: inline-block; text-align: inherit;}
.material-icon.center {display: block; margin: 0 auto;}
.material-icon .icon {display: inline-block; }
.material-icon .icon.card,
.material-icon.bg-filled .icon {height: 84px; width: 84px; line-height: 84px; text-align: center; border-radius: 50%; display: inline-block; margin-bottom: 20px;}
.material-icon .icon i,
.material-icon.bg-filled .icon i {font-size: 60px; vertical-align: middle; margin-bottom: .5em;}
.material-icon.bg-filled .icon i, 
.material-icon .icon.card i {line-height: inherit; }
.material-icon.bg-filled .icon i,
.material-icon .icon.card i {font-size: 42px;}
/* --- Icon medium --- */
.icon-medium.bg-filled .icon,
.icon-medium.material-icon .icon.card {height: 56px; width: 56px; line-height: 56px; color: #757575; border-radius: 50%; text-align: center;}
.icon-medium.bg-filled .icon i,
.icon-medium .icon.card i {font-size: 24px;}
.icon-medium .icon i {font-size: 42px}
/* --- Unyson icon --- */
.fw-icon.material-icon .icon-title, 
.fw-iconbox.material-icon .icon-title {display: block; font-size: 1.3em; color: #333; display: block; margin-top: 0;margin-bottom: 15px}
.fw-icon.material-icon .icon-title {margin-top: 0;}
.fw-iconbox.material-icon.icon-medium .icon-title {margin-top: 5px; margin-bottom: 10px;}
.column-bg .fw-iconbox.material-icon .icon-title {color: inherit;}
.fw-iconbox.material-icon {padding: 0; text-align: inherit;}
.fw-iconbox-2.material-icon {position: relative;}
.fw-iconbox .fw-iconbox-text p {margin-top: 0}
/* Icon in line with title */
.wrapper .fw-iconbox-2 .fw-iconbox-aside {margin: 0;}
.fw-iconbox-2.material-icon {padding-left: 100px;}
.fw-iconbox-2.material-icon.icon-medium {padding-left: 70px;}
.text-right .fw-iconbox-2.material-icon {padding-right: 100px; padding-left: 0;}
.text-right .fw-iconbox-2.material-icon.icon-medium {padding-right: 70px; padding-left: 0;}
/* --- Icon align based on text alignment --- */
.text-center .fw-iconbox-2.material-icon {padding:0;}
.text-center .fw-iconbox-2.material-icon.icon-medium {padding:0;}
.fw-iconbox-2.material-icon .icon {position: absolute; top: 0; left: 0; margin: 0;}
.text-right .fw-iconbox-2.material-icon .icon {left: auto; right: 0;}
.text-center .fw-iconbox-2.material-icon .icon {position: relative;}

/*--------------------------------------------------------
    ---    Tab - 11     ---     
*/
.tab-nav {font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #eee}
.tab-nav .fa {font-size: 20px; display: inline-block; height: 48px; line-height: 48px; text-align: center; padding-right: 8px;}
.tab-contents {padding: 30px 0;}
.tab-left .tab-nav {border-bottom: none; border-right: 1px solid #eee;}
.tab-right .tab-nav {border-bottom: none; border-left: 1px solid #eee;}
.tab-left .tab-nav,
.tab-right .tab-nav {display: table-cell;}
.tab-nav ul.tabs {padding-left: 0; background: none;}
.tab-nav ul.tabs li a,
.tab-nav ul.tabs li a:hover {color: inherit;}
.tab-left .tab-nav .indicator,
.tab-right .tab-nav .indicator {display: none;}
.tab-left .tab-nav ul.tabs,
.tab-right .tab-nav ul.tabs {flex-flow: column; height: auto; }
.tab-left .tab-nav ul.tabs li,
.tab-right .tab-nav ul.tabs li {display: block; float: none; padding:10px 30px 10px 0; width: auto; position: relative; height: auto;}
.tab-left .tab-nav ul.tabs li {text-align: left;}
.tab-right .tab-nav ul.tabs li {text-align: right;}
.tab-right .tab-nav ul.tabs li {padding:10px 0 10px 30px; }
.tab-left .tab-nav ul.tabs li a:after,
.tab-right .tab-nav ul.tabs li a:after {content: ''; width: 2px; height: 100%; background: transparent; position: absolute; top: 0; right: 0;}
.tab-right .tab-nav ul.tabs li a:after {right: auto; left: 0;}
.tab-left .tab-contents,
.tab-right .tab-contents {display: table-cell; padding: 0 0 0 30px;}
.tab-right .tab-contents {padding: 0 30px 0 0;}
.tab-contents h1,
.tab-contents h2,
.tab-contents h3,
.tab-contents h4,
.tab-contents h5,
.tab-contents h6 {position: relative; padding: 0 0 10px; margin-bottom: 30px; }
.tab-contents h1:after,
.tab-contents h2:after,
.tab-contents h3:after,
.tab-contents h4:after,
.tab-contents h5:after,
.tab-contents h6:after {content: ''; position: absolute; bottom:0; left: 0; height: 1px; width: 64px; background: #333 }

/*--------------------------------------------------------
    ---    Content area - 12     ---     
*/
.content-area {-ms-word-wrap: break-word; word-wrap: break-word;}
ul, .content-area ul {padding-left: 15px; list-style-type: disc; list-style-position: outside;}
ol, .content-area ol {padding-left: 15px; list-style-position: outside;}
ul ul,
ol ol,
ul ol,
ol ul,
.content-area ul ul,
.content-area ul ol,
.content-area ol ul,
.content-area ol ol {padding-top: 3px;}
ul li,
ol li,
.content-area ul li,
.content-area ol li {position: relative; padding: 3px 0 3px;}
ul > li,
.content-area ul > li {list-style-type: disc;}
ol > li,
.content-area ol > li { list-style-type: decimal;}

/*--------------------------------------------------------
    ---    Social - 13     ---     
*/
ul.social {list-style: none; padding: 0; margin: 0;}
ul.social li {display: inline-block; line-height: 64px; width: 64px; height: 64px; padding: 0; text-align: center; font-size: 18px;}
.fw-team ul.social li,
.footer ul.social li,
ul.social-medium li {line-height: 34px; width: 34px; height: 34px;}
ul.social li:after {display: none;}
ul.social li a {color: inherit;}
.social {list-style: none;}
.social li {display: inline-block; padding: 3px;}

/*--------------------------------------------------------
    ---    Team - 14     ---     
*/
.fw-team {background: #eee;}
.fw-team .fw-team-image {background: #fff;}
.fw-team .fw-team-image img {vertical-align: bottom;}
.fw-team-inner {padding: 15px;}
.fw-team-inner h5 { position: relative; padding-bottom: 10px; margin-bottom: 25px; color: inherit; font-weight: 400;}
.fw-team-inner h5:after {content: ''; position: absolute; bottom:0; left: 0; right: 0; margin: 0 auto; height: 1px; width: 64px; background: #333 }
.fw-team.team-item .fw-team-name span {color: inherit;}
.bg-primary .fw-team-inner h5:after,
.bg-secondary .fw-team-inner h5:after,
.bg-custom-1 .fw-team-inner h5:after,
.bg-custom-2 .fw-team-inner h5:after,
.bg-custom-3 .fw-team-inner h5:after {background: #fff;}
.fw-team .fw-team-inner .fw-team-name span {font-size: 16px; color: inherit;}
.fw-team-text p:last-child {margin: 0;}
.fw-heading.fw-team-lg .fw-special-title { font-size: 24px; }

/*--------------------------------------------------------
    ---    Shadow - 15     ---     
*/
#header ul.menu ul.sub-menu,
#header #nav ul li .mega-menu,
.header-searchform {box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 2px 5px 0 rgba(0,0,0,.25); }
.box-shadow-2 {box-shadow: 0 3px 5px rgba(0,0,0,0.2)}
.toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav,
.collapsible-header span,
.wn .wn-pagination ul li a,
.wn .wn-pagination ul li span {box-shadow:0 2px 1px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3);}
.card {box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 1px 3px 0 rgba(0,0,0,.25);}
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover,
.collapsible-header span:hover,
.wn .wn-pagination ul li a:hover,
.wn .wn-pagination ul li span:hover,
.wn .wn-pagination ul li span.current,
.wn .wp_comments ol.comment-list li.comment img.avatar,
ul.layero-color-filter li.chosen a,
ul.layero-color-filter li a:hover {box-shadow:0 2px 3px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.3);}
.card:hover,
.wn .highlight-col .card,
.filter-gallery ul li a:hover img {box-shadow:0 2px 3px rgba(0,0,0,.1), 0 5px 10px rgba(0,0,0,.25);}
.btn-text {box-shadow: none; display: block;}

/* ==========================================================================
   ---      Wordpress Core - 16      ---
 */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; padding: 5px; text-align: center; max-width: 100%;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 1em; margin: 0; padding: 10px 5px 5px ;}
.gallery-caption {color: #888; font-size: 1em;}
.bypostauthor {background:inherit;}
.wp-comments-list .bypostauthor,
.wp-comments-list .byuser {background:inherit;}
.wp-audio-shortcode {margin-bottom: 10px;}
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */}
pre {white-space: pre-wrap; padding: 20px; background: rgba(0, 0, 0, 0.05);}
sup {vertical-align: super;}
sub {vertical-align: sub;}
q:before { content: open-quote;}
q:after { content: close-quote;}

/*--------------------------------------------------------
    ---    Gallery - 17     ---     
*/
.gallery {display: block; margin: 0 -15px;}
.gallery .gallery-item {margin: 0; padding: 15px; position: relative;}
.gallery .gallery-item a {display: inline-block; position: relative; overflow: hidden; box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.gallery .gallery-item a:hover {box-shadow: none;}
.gallery .gallery-item a img {border:none !important; border-color: transparent; }
.gallery .gallery-item a:hover img {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05);
}
.gallery .gallery-item a:after {content: ''; background: #000; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; height: 100%;}
.gallery .gallery-item a:hover:after {top: 0; opacity: 0.2;}

.video-wrapper {display: table; margin: 0 auto;}

/*--------------------------------------------------------
    ---    Caption - 18     ---     
*/
.wp-caption,
div.wp-caption { max-width: 100%; padding: 0px; margin-bottom: 1.5em;}
.wp-caption.alignright,
.post-content img.alignright{ float: right; max-width: 320px; margin: -10px 0 10px 20px;}
.wp-caption.alignleft{ float: left; max-width: 320px; margin: 0 20px 10px 0;}
.wp-caption p.wp-caption-text{ padding: 10px 5px 5px; margin: 0;}
.wp-caption.alignnone{ margin: 5px 20px 20px 0;}
.post-password-form {margin-bottom: 30px; display: block;}
.post-password-form label {display: inline-block; clear: both; vertical-align: top; font-size: 0;}
.post-password-form input[type="password"] {}
.post-password-form input[type="submit"]  {}

/* ==========================================================================
   ---      Unyson -19      ---
 */
.fw-heading,
.single-page-title,
.widget-title {position: relative; padding-bottom: 0.4rem; border-color: inherit; display: block;}
.single-page-title {margin-bottom: 3.142857rem;}
.products-header .single-page-title {margin-bottom: 0;}
.wn .fw-heading {margin-bottom: 3.142857142rem;}
.fw-heading:after,
.wn-gadget .gadget-title:after,
.single-page-title:after,
.widget-title:after,
.woocommerce-page-title h1:after  {border-bottom:1px solid #333; height: 1px; width: 64px; position: absolute; left: 0; bottom: 0; right: 0; margin: 0; content: ''; border-color: inherit;}
.fw-heading-center:after,
.text-center .fw-heading:after,
.text-center .gadget-title:after,
.text-center .single-page-title:after {margin: auto;}
.fw-heading-right:after,
.text-right .fw-heading:after,
.text-right .gadget-title:after, 
.text-right .single-page-title:after {margin-left: auto;}
.single-page-title h1,
.widget-title h5 { margin: 0;}
.wn .fw-heading h1,
.wn .fw-heading h2,
.wn .fw-heading h3,
.wn .fw-heading h4,
.wn .fw-heading h5,
.wn .fw-heading h6 { margin: 0;}
.wn .fw-heading h4 {line-height: 1em}
.fw-special-subtitle {margin: 5px 0; font-size: 1.2em;}
.fw-row:last-child .fw-col .fw-heading:last-child {margin-bottom: 0;}
.column-contents > img,
.column-contents > a > img {vertical-align: top;}
.gadget-content, .image-listing li .il-content,.fw-iconbox .fw-iconbox-text p{line-height: 1.571428571em;}
.fw-row {display: flex; flex-wrap: wrap;}
.fw-row:before {display: none !important;}
.fw-col-xs-15 { width: 20%;}
.fw-col-xs-12 { width: 100%;}
.fw-col-xs-11 { width: 91.66666667%;}
.fw-col-xs-10 { width: 83.33333333%;}
.fw-col-xs-9 { width: 75%;}
.fw-col-xs-8 { width: 66.66666667%;}
.fw-col-xs-7 { width: 58.33333333%;}
.fw-col-xs-6 { width: 50%;}
.fw-col-xs-5 { width: 41.66666667%;}
.fw-col-xs-4 { width: 33.33333333%;}
.fw-col-xs-3 { width: 25%;}
.fw-col-xs-2 { width: 16.66666667%;}
.fw-col-xs-1 { width: 8.33333333%;}
@media(max-width: 767px) {
    .fw-col-sm-1,
    .fw-col-sm-2,
    .fw-col-sm-3,
    .fw-col-sm-4,
    .fw-col-sm-5,
    .fw-col-sm-6,
    .fw-col-sm-7,
    .fw-col-sm-8,
    .fw-col-sm-9,
    .fw-col-sm-10,
    .fw-col-sm-11,
    .fw-col-sm-12,
    .fw-col-sm-15 {width: 100%;}
}
@media (max-width: 991px) {
    .fw-col-md-1,
    .fw-col-md-2,
    .fw-col-md-3,
    .fw-col-md-4,
    .fw-col-md-5,
    .fw-col-md-6,
    .fw-col-md-7,
    .fw-col-md-8,
    .fw-col-md-9,
    .fw-col-md-10,
    .fw-col-md-11,
    .fw-col-md-12,
    .fw-col-md-15 {
        width: 100%;
    }
    .fw-col-xs-1, 
    .fw-col-sm-1, 
    .fw-col-md-1,
    .fw-col-lg-1, 
    .fw-col-xs-2, 
    .fw-col-sm-2, 
    .fw-col-md-2, 
    .fw-col-lg-2, 
    .fw-col-xs-3, 
    .fw-col-sm-3, 
    .fw-col-md-3, 
    .fw-col-lg-3, 
    .fw-col-xs-4, 
    .fw-col-sm-4, 
    .fw-col-md-4, 
    .fw-col-lg-4, 
    .fw-col-xs-5, 
    .fw-col-sm-5, 
    .fw-col-md-5, 
    .fw-col-lg-5, 
    .fw-col-xs-6, 
    .fw-col-sm-6, 
    .fw-col-md-6, 
    .fw-col-lg-6, 
    .fw-col-xs-7, 
    .fw-col-sm-7, 
    .fw-col-md-7, 
    .fw-col-lg-7, 
    .fw-col-xs-8, 
    .fw-col-sm-8, 
    .fw-col-md-8, 
    .fw-col-lg-8, 
    .fw-col-xs-9, 
    .fw-col-sm-9, 
    .fw-col-md-9, 
    .fw-col-lg-9, 
    .fw-col-xs-10, 
    .fw-col-sm-10, 
    .fw-col-md-10, 
    .fw-col-lg-10, 
    .fw-col-xs-11, 
    .fw-col-sm-11, 
    .fw-col-md-11, 
    .fw-col-lg-11, 
    .fw-col-xs-12, 
    .fw-col-sm-12, 
    .fw-col-md-12, 
    .fw-col-lg-12, 
    .fw-col-xs-15, 
    .fw-col-sm-15, 
    .fw-col-md-15, 
    .fw-col-lg-15{min-height: initial !important;}
}
@media (min-width: 1200px) {
    .fw-col-lg-1,
    .fw-col-lg-2,
    .fw-col-lg-3,
    .fw-col-lg-4,
    .fw-col-lg-5,
    .fw-col-lg-6,
    .fw-col-lg-7,
    .fw-col-lg-8,
    .fw-col-lg-9,
    .fw-col-lg-10,
    .fw-col-lg-11,
    .fw-col-lg-12,
    .fw-col-lg-15 {
        width: 100%;
    }
}


/*--------------------------------------------------------
    ---    Accordion - 20     ---     
*/
.wn ul.collapsible {padding: 0; margin: 0; box-shadow: none; border: none;}
.wn ul.collapsible li {padding: 0; list-style: none; margin-bottom: 1px;}
.wn ul.collapsible.collapsible-colored  li {margin: 0;}
.collapsible-header {
    padding: 14px 75px 14px 14px; 
    position: relative; 
    background: #F6F7FB; 
    border: none; 
    font-size: 18px; 
    line-height: 1.8em;
}
.collapsible-header i {
    line-height: 1.3em;
    font-size: 1.4em;
}
.collapsible-header span {
    position: absolute; 
    right: 10px; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
    height: 30px; 
    width: 30px; 
    line-height: 30px; 
    text-align: center; 
    background: #fff; 
    border-radius: 50%; 
}
.collapsible-header span i {
    width: auto; 
    line-height: inherit; 
    padding: 0;
    margin: 0; 
    float: none; 
    font-size: 18px;
}
.collapsible-header.active span i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.accordion .collapsible-header i {font-size: 1em; line-height: 1.85em;}
.accordion .collapsible-header span i:before {content:"\f067";}
.accordion .collapsible-header.active span i:before {content:"\f068";}
.accordion .collapsible-header.active span i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.collapsible-body {background: #fff; border: 1px solid #F6F7FB;}

/*--------------------------------------------------------
    ---    Call to action - 21     ---     
*/
.wn .fw-call-to-action {border-radius: 0; width: 100%; border: none; padding: 50px 30px;}
.wn .fw-call-to-action .fw-action-content h3 {color: inherit; margin:0;}
.wn .fw-call-to-action .fw-action-content p {margin-bottom: 0;}
.wn .fw-call-to-action .fw-action-btn {text-align: right; white-space: nowrap;}

/*--------------------------------------------------------
    ---    Gadget - 22     ---     
*/
.wn-gadget {padding:30px; margin: 0 -15px;}
.column-bg .wn-gadget {background: transparent; color: inherit; border-color: inherit; border-top: 1px solid transparent; }
.column-bg .wn-gadget + .wn-gadget {margin-top: 0}
.wn-gadget .icon {font-size: 42px; line-height: 1em; padding-bottom: 15px;}
.wn-gadget .gadget-title {font-size: 80px; position: relative; border: none; border-color: inherit; line-height: 1em; margin-bottom: 18px; padding-bottom: 0.4rem; font-weight: 100; }
.wn-gadget .gadget-title h1,
.wn-gadget .gadget-title h2,
.wn-gadget .gadget-title h3,
.wn-gadget .gadget-title h4,
.wn-gadget .gadget-title h5,
.wn-gadget .gadget-title h6 {margin: 0; color: inherit;}
.wn-gadget .gadget-sub-title {font-size: 1.3em; margin-bottom: 10px; font-weight: 300;}
.wn-gadget .gadget-sub-title:last-child {margin-bottom: 0;}

/*--------------------------------------------------------
    ---    Pricing - 23     ---     
*/
.wn .fw-pricing {margin: 0px -15px 0;}
.wn .fw-row:first-child .fw-pricing {margin-top: 0;}
.wn .fw-package {background: #fff; color: #757575; font-size: 14px; line-height: 2.2em; padding: 0; border: none; margin: 0;}
.wn .style-2 .default-col .fw-package {background: #f6f7fb;}
.wn .fw-package .fw-heading-row, 
.wn .fw-package .fw-pricing-row,
.wn .fw-pricing .fw-package-wrap.highlight-col .fw-heading-row,
.wn .fw-pricing .fw-package-wrap.highlight-col .fw-pricing-row {background: transparent;}
.wn .fw-package .fw-heading-row {padding: 30px 0 15px;}
.wn .fw-package .fw-pricing-row {font-size: 60px; padding: 15px 0 15px;}
.wn .fw-package .fw-heading-row span, 
.wn .fw-package .fw-pricing-row span {background: none;}
.wn .fw-package .fw-heading-row span {font-size: 20px; text-transform: none; display: inline-block; position: relative; border: none; padding-bottom: 0.8rem; }
.wn .fw-package .fw-heading-row span:after {content: ''; width: 32px; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
.wn .fw-package .fw-pricing-row span {display: inline-block; font-size: 60px; padding: 0; vertical-align: top; line-height: 1em;}
.wn .fw-package .fw-pricing-row small {display: inline-block; padding: 0; vertical-align: text-top; font-size: 30px; line-height: 1em; margin-left: -12px;}
.wn .fw-package .fw-heading-row {color: #37474f}
.wn .fw-pricing .fw-package-wrap .fw-default-row,
.wn .fw-pricing .fw-package-wrap.highlight-col .fw-default-row {padding-top: 5px;}
.wn .fw-pricing .fw-package-wrap .fw-default-row:last-child {padding-bottom: 30px;}
.wn .fw-package .fw-button-row {padding: 25px 0 30px;}


/*--------------------------------------------------------
    ---    Testimonials - 24     ---     
*/
.testimonials-slider .caroufredsel_wrapper {padding: 20px 0 50px; box-sizing: initial;}
.testimonials-slider .testimonials-item {display: inline-block; vertical-align: middle; margin:5px 15px; background-image: url(../img/icon-quote.png); background-repeat: no-repeat; background-position: right bottom;}
.testimonials-slider .card {padding: 30px;}
.testimonials-slider .direction-btn {position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; }
.testimonials-slider .direction-btn.prev {left: 10px; right: auto;}
.testimonial-contents {display: table; width: 100%;}
.testimonial-contents .testimonials-avatar,
.testimonial-contents .testimonial-content {display: table-cell; vertical-align: top;}
.testimonial-contents .testimonials-avatar {width: 133px; padding-right: 30px;}
.testimonial-contents .testimonials-avatar img {max-width: 100%;}
.testimonial-contents .testimonial-content p {margin-top: 0; line-height: 1.571428571em;}
.testimonials-author-details span {opacity: 0.7; font-size: 0.9em;}
.testimonials-author-details .author-name {padding-right: 10px; font-weight: 700;}
.testimonials-author-details a {color: inherit;}

/*--------------------------------------------------------
    ---    404 Page - 25     ---     
*/
.wrap-404 {text-align: center; padding:150px 50px; color: #fe617e; font-size: 16px;}
.title-404 {font-size: 140px; line-height: 1em; display: table; margin: 0 auto; color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7043+25,4687ff+25,4687ff+50,8bc34a+51,8bc34a+75,ffb64d+76 */
    background: #fe617e; /* Old browsers */
    background: -moz-linear-gradient(-56deg,  #fe617e 22%,#4687ff 23%,#4687ff 50%,#8bc34a 51%,#8bc34a 86%,#ffb64d 86%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-56deg,  #fe617e 22%,#4687ff 23%,#4687ff 50%,#8bc34a 51%,#8bc34a 86%,#ffb64d 86%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(124deg,  #fe617e 22%,#4687ff 23%,#4687ff 50%,#8bc34a 51%,#8bc34a 86%,#ffb64d 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe617e', endColorstr='#ffb64d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-title-404 {font-size: 34px;}

/*--------------------------------------------------------
    ---    Direction buttons - 26     ---     
*/
.slider-wrapper {position: relative;}
.custom-slider {margin: 0 15px;}
.slider-nav {position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 0; margin: auto; z-index: 100}
.thumb-nav {text-align: center;}
.nav-on-hover .owl-controls {opacity: 0;}
.nav-on-hover:hover .owl-controls {opacity: 1}
.nav-on-hover .owl-nav {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; height: 0; margin: auto;}
.nav-on-hover .owl-dots {position: absolute; bottom: 10px; left: 0; right: 0;}
.direction-btn,
.slider-nav .nav-left,
.slider-nav .nav-right,
.owl-nav .owl-prev,
.owl-nav .owl-next {height: 56px; width: 56px; line-height: 56px; text-align: center; background: #fff; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); font-size: 22px;}
.slider-nav .nav-left,
.slider-nav .nav-right,
.owl-nav .owl-next,
.owl-nav .owl-prev {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.slider-nav .nav-right,
.owl-nav .owl-next {left: auto; right: 0}
.outer-nav .slider-nav .nav-left {left: 20px;}
.outer-nav .slider-nav .nav-right {right: 20px; left: auto;}
.direction-btn:hover,
.slider-nav .nav-left:hover,
.slider-nav .nav-right:hover,
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15)}
.testimonials-slider .caroufredsel_wrapper + .slider-nav {top: -50px;}
.trans-nav .direction-btn,
.trans-nav .slider-nav .nav-left,
.trans-nav .slider-nav .nav-right,
.trans-nav .owl-nav .owl-prev,
.trans-nav .owl-nav .owl-next {background: transparent; box-shadow: none; color: #fff; font-size: 30px;}
.trans-nav .owl-nav .owl-prev,
.trans-nav .owl-nav .owl-next {font-size: 0;}
.owl-nav .owl-next,
.owl-nav .owl-prev {font-size:0;}
.owl-nav .owl-next:after,
.owl-nav .owl-prev:after {content: "\f104"; font-family: 'fontAwesome'; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 56px; text-align: center; font-size: 22px; color: inherit;}
.owl-nav .owl-next:after {content: "\f105" }
.wn .bx-wrapper .bx-controls-direction a {z-index: 99}

.slider-wrapper ul.timeline-nav {position: relative; margin-bottom: 60px;}
.timeline-nav .ts-item {height: 82px; width: 82px; position: relative; border-radius: 50%; background: #fff; line-height: 82px; text-align: center; text-overflow: ellipsis; overflow: hidden; display: inline-block; z-index: 999}
.timeline-nav:after {content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height: 1px; background: #eee; z-index: -1;}
ul.carousel-timeline li .fw-heading{margin-bottom: 15px;}

.owl-dots {text-align: center;}
.owl-dots .owl-dot {height: 5px; width: 5px; border-radius: 50%; background: #555; margin: 2px 10px; display: inline-block;}

/*--------------------------------------------------------
    ---    Carousel slider - 27     ---     
*/
ul.carousel-slider {display: block; list-style: none; padding-left: 0;}
.testimonials-slider {}
.fw-row:first-child .testimonials-slider {margin-top: 0}
ul.carousel-slider li {display: inline-block;}
ul.carousel-slider li .card {margin-bottom: 20px;}
.wn ul.carousel-slide li.product .onsale {top: 10px; right: 10px;}
ul.owl-carousel {margin: 0; padding: 0;}
.content-slider .owl-item {padding:0 100px;}
.content-slider .owl-item .slider-content {background-repeat: no-repeat;}
.content-slider .social {margin-bottom: 30px;}
.custom-slider .slider-item {padding: 0 100px;}
.custom-slider .fw-heading { margin-bottom: 1.6rem;}
.custom-slider .fw-sub-heading h6 { margin-bottom: 30px; font-size: 1.1em;}
.custom-slider .social {margin-bottom: 40px;}
.custom-slider img {vertical-align: top;}
/* -- Unyson Portfolio single page -- */
.slider-frame { }
.slider-frame img { display: block; width: auto; max-width: 100%; }
.page-details { margin-bottom: 40px; }
.button-list { text-align: center; margin-top: 60px;}
.button-list a { margin: 10px 12px; }
.page-details .page-note h3 { margin-top: 0!important; }
.fw-portfolio-template-default .portfolio-alt ul { list-style: none; margin: 0; }
.fw-portfolio-template-default .portfolio-alt ul li{list-style: none;}

/*--------------------------------------------------------
    ---    Footer - 28     ---     
*/
.footer .fw-heading {margin-bottom: 50px;}
.footer .column-bg form {border-color: #fff;}
.footer .column-bg form .field-holder {margin-bottom: 12px;}
.footer-bottom {padding: 40px 0; text-align: center; color: #757575;}
.footer-bottom .social {margin: 10px 0;}
.footer-bottom a {color: inherit;}
.footer input:not([type]),
.footer input[type=text],
.footer input[type=password],
.footer input[type=email],
.footer input[type=url],
.footer input[type=time],
.footer input[type=date],
.footer input[type=datetime-local],
.footer input[type=tel],
.footer input[type=number],
.footer input[type=search],
.footer textarea.materialize-textarea {border-bottom-color: #9e9e9e;}
.footer-widget-item div {line-height: 25px;}
.footer-widget-item h5 {margin: 0 0 1.5em; font-size: 22px; font-weight: 300;}
.footer-widget-item ul:last-child,
.footer-widget-item p:last-child {margin-bottom: 0;}
.footer-widget-item ul { padding-left: 0; }
.footer-widget-item ul.children{padding-left: 15px;}
.footer-widget-item ul li {margin: 0 0 8px; position: relative; padding: 0; list-style: none;}
.footer-widget-item ul li:last-chikd {padding: 0}

/*--------------------------------------------------------
    ---    Image listing - 29     ---     
*/
ul.image-listing {padding: 0; list-style: none; margin: 0;}
.fw-heading + ul.image-listing {margin-top: 30px;}
.image-listing li {display: table; margin-bottom: 40px;}
.image-listing li:last-child {margin-bottom: 0;}
.image-listing li .il-img {display: table-cell; padding-right: 30px;}
.image-listing li .il-img img {vertical-align: top; width: 78px; max-width: initial;}
.image-listing li .il-title {margin-bottom: 0.4em; font-size: 1.3em; }
.footer .image-listing li .il-title {margin-bottom: 3px; font-size: 17px; font-weight: 400 !important;}
.image-listing li .il-content {display: table-cell; vertical-align: middle;}
.footer ul.image-listing {margin-top: 0;}
.footer .image-listing li {margin-left: 30px;}
.map-wrap {margin: 0 -15px; height: 100%;}
#map-canvas {height: 100%; width: 100%; min-height: 220px;}
.fw-container-fluid .fw-col-xs-12 .fw-map {margin-left: -15px; margin-right: -15px;}

.footer .widget-address .image-listing li {margin: 0 0 25px}
.widget-address .image-listing li .il-img {padding-right: 20px}
.widget-address .image-listing li .il-img img {width: auto; max-width: 46px;}



/*--------------------------------------------------------
    ---    Filter gallery - 30     ---     
*/
.filter-gallery ul {position: relative; margin: 0 -15px; padding: 0; list-style: none; text-align: left;}
.filter-gallery ul li {text-align: center; list-style: none; padding: 15px;}
.filter-gallery ul li .thumb-wrap { cursor: pointer;}
.filter-gallery ul li .thumb-wrap { position: relative; }
.filter-gallery ul li .thumb-wrap:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; }
.filter-gallery ul li .thumb-wrap:hover:before { opacity: .7; }
.filter-gallery ul li img { display: block; }
.filter-gallery ul li .thumb-hover { text-align: center; position: absolute; padding: 15px; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.filter-gallery ul li .thumb-wrap:hover .thumb-hover { opacity: 1; }
.filter-gallery ul li .thumb-hover .thumb-title,
.filter-gallery ul li .thumb-hover .thumb-date { display: block; color: #FFFFFF; position: relative; }
.filter-gallery ul li .thumb-hover .thumb-title { font-size: 24px; padding: 0 0 5px 0; margin: 0 0 15px 0; }
.filter-gallery ul li .thumb-hover .thumb-title:before { content: ''; position: absolute; width: 70px; height: 1px; background: #FFFFFF; top: 100%; left: 0; right: 0; margin: 0 auto; }
.filter-gallery ul li .thumb-hover .thumb-date {font-size: 13px; }
.filter-gallery ul li .thumb-wrap ,
.filter-gallery ul li .thumb-wrap:before,
.filter-gallery ul li .thumb-hover {
    -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
       -moz-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
        -ms-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
            transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
}
.filter-gallery ul li .thumb-wrap:before,
.filter-gallery ul li .thumb-hover {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}
.filter-gallery ul li .thumb-wrap:hover:before,
.filter-gallery ul li .thumb-wrap:hover .thumb-hover {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
ul.filter_nav {list-style: none; margin: 0 0 1em; padding: 0; text-align: center;}
ul.filter_nav li {display: inline-block; list-style: none; padding: 0 12px 5px; cursor: pointer; position: relative;}
ul.filter_nav li:after {content:''; border-bottom: 2px solid transparent; position: absolute; left: 0; bottom: 0; width: 0}
ul.filter_nav li.active:after,
ul.filter_nav li:hover:after {width: 100%; border-bottom: 2px solid;}
ul.filter_nav li a {display: block;}
.pro-ul { margin: 0; }
.pro-ul li img { display: block; margin: 0 auto; }
.button-list.single-page { margin-top: 20px; }

/*--------------------------------------------------------
    ---    Form - 31     ---     
*/
input,
textarea {border-color: inherit;}
.label {font-size: 1em;}
.input-field label {left: 0;}
.field-holder {position: relative;}
.form-alert {position: relative; display: none;}
.pappaya-contact-form .pappaya-contact-success {margin:0 0 40px;}

/*--------------------------------------------------------
    ---    Bar chart - 32     ---     
*/
.bar-chart {display: block; margin: 15px 0 20px; position: relative;}
.bar-chart + .bar-chart {margin-top: 30px;}
.bar-chart-head {font-weight: 300;}
.bar-chart-title{font-weight: 700;}
.bar-chart-count {font-size: 30px; display: inline-block; padding-left: 10px; position: absolute; bottom: 3px; width: 82px; text-align: right; opacity: 0;}
.bar-chart-count.animated {opacity: 1; margin-bottom: 5px;}
.bar-chart-progress {height: 3px; background: #e1e6ea;}
.progress-line {height: 3px; width: 0;}

/*========================================================
    ---    Blog - 33     ---     
*/
.article-item {margin-bottom: 60px; display: block;}
.article-item .fw-heading {margin-bottom: 15px;}
.article-item .article-details {margin-bottom: 30px; color: #b3b3b3; font-size: 0.9em;}
.article-item .article-details a {color: inherit;}
.article-image {margin-bottom: 30px;}
.article-image img {vertical-align: top}
.wn .article-item .fw-heading h3 {}
.wn .article-item .fw-heading h3 span.featured {padding: 3px 12px; line-height: normal; vertical-align: middle; display: inline-block; margin-left: 10px; font-size: 1rem; text-transform: uppercase;}

/*--------------------------------------------------------
    ---    Comments - 33     ---     
*/
.wp_comments  {margin-top: 60px;}
#respond.comment-respond{margin: 60px 0;}
.post-content address,
.wp_comments .comment_message address { margin-bottom: 1.8rem;}
.post-content img {max-width: 100%;}
.post-content .mejs-controls a.mejs-horizontal-volume-slider {border: none;}
.post-content a:not(.button):hover{ border-color: #999;}
.post-content ul,
.wp_comments .comment_message ul,
.post-content ol,
.wp_comments .comment_message ol {list-style: disc; list-style-position: inside; margin: 0 0 1.8rem 15px; padding: 0;}
.post-content ul li,
.wp_comments .comment_message ul li,
.post-content ol li,
.wp_comments .comment_message ol li { margin: 0 0 8px; min-height: inherit; display: list-item; padding-left: 0; line-height: 1.4em;}
.post-content ul li:last-child,
.wp_comments .comment_message ul li:last-child,
.post-content ol li:last-child,
.wp_comments .comment_message ol li:last-child {margin-bottom: 0;}
.wp_comments .comment_message ul li:before,
.wp_comments .comment_message ol li:before {display: none;} 
.post-content ol,
.wp_comments .comment_message ol,
.post-content ol li,
.wp_comments .comment_message ol li,
.post-content ul ol > li {list-style: decimal}
.post-content ol ul > li {list-style: disc;}
.post-content ul ul,
.post-content ul ol,
.post-content ol ol,
.post-content ol ul,
.wp_comments .comment_message ul ul,
.wp_comments .comment_message ul ol,
.wp_comments .comment_message ol ol,
.wp_comments .comment_message ol ul { margin-bottom: 0;}
.post-content .feature-list { list-style: none; margin-left: 15px;}
.post-content dl,
.wp_comments .comment_message dl {margin: 0 0 15px;}
.post-content dd,
.wp_comments .comment_message dd {margin-left: 15px;}
.post-content img,
.wp_comments .comment_message img { display: block; max-width: 100%; height: auto;}
.wp_comments .comment_message h1 {}
.wp_comments .comment_message h2 {}
.wp_comments .comment_message h3 {}
.wp_comments .comment_message h4 {}
.wp_comments .comment_message h5 {}
.wp_comments .comment_message h6 {}
.post-content table,
.wp_comments .comment_message table  {margin-bottom: 1.8rem;}
.post-content table th,
.wp_comments .comment_message table th {text-transform: uppercase;}
.section .post-content table th, 
.section .post-content table td,
.wp_comments .comment_message table th,
.wp_comments .comment_message table td {border:none; border-bottom: 3px solid #fff; border-collapse: collapse;}
blockquote,
.wp_comments .comment_message blockquote { padding: 20px; margin-bottom: 1.8rem; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.55); margin:15px 0;}
.post-content blockquote p:last-child,
.wp_comments .comment_message blockquote p:last-child {margin-bottom: 0;}
.post-content > *:last-child {margin-bottom: 0;}
.post-content .video-player {margin-bottom: 10px;}
.post-thumbnail img {margin-bottom: 18px;}
/* --- Comments list --- */
.wn .wp_comments .fw-heading {margin-bottom: 30px;}
.wn .wp_comments ol.comment-list { margin: 30px 0 0;width:100%;background:0 0;list-style:none; padding: 0;}
.wn .wp_comments ol.comment-list li.comment {padding:0;margin:0;position:relative;background:0;border:0; list-style:none;}
.wn .wp_comments ol.comment-list li.comment .comment-section,
.wn .wp_comments ol.comment-list li.comment article.comment {margin:0 0 30px;}
.wn .wp_comments ol.comment-list li.comment .commenter_name,
.wn .wp_comments ol.comment-list li.comment header.comment-meta { text-transform: capitalize; font-weight: 700;}
.wn .wp_comments ol.comment-list li.comment header.comment-meta {padding-left: 70px;}
.wn .wp_comments ol.comment-list li.comment header.comment-meta time { }
.wn .wp_comments ol.comment-list li.comment .commenter_name a,
.wn .wp_comments ol.comment-list li.comment header.comment-meta a {color: inherit;}
.wn .wp_comments ol.comment-list li.comment .meta {color:#777;font-size:.75em}
.wn .wp_comments ol.comment-list li.comment img.avatar {float:left;position:absolute;top:0;left:0; height:auto;margin:0; max-width: 54px; max-height: 54px; border-radius: 50%;}
.wn .wp_comments ol.comment-list li.comment header.comment-meta cite {font-style: normal; display: block; margin-bottom: 5px;}
.wn .wp_comments ol.comment-list li.comment .comment-text,
.wn .wp_comments ol.comment-list li.comment .comment-content {margin:0 0 0 70px; padding:0}
.wn .wp_comments ol.comment-list li.comment .comment-text p{margin:0 0 1em; font-size: 1em;}
.wn .wp_comments ol.comment-list li.comment .comment-text p.meta strong { }
.wn .wp_comments ol.comment-list li.comment .comment-text p:last-child {margin-bottom: 0;}
.wn .wp_comments ol.comment-list ul.children{list-style:none;}
.wn .wp_comments ol.comment-list ul.children .star-rating{display:none}
.wn .wp_comments ol.comment-list li .comment-text .comment-date {color: #b3b3b3; font-size: 12px; padding-bottom: 15px;}
.wn .rating span,
.wn .wrap-rating.in-post .rating:hover .fa.fa-star {color: #eee !important}
.wrap-rating.in-post{margin-bottom: 30px !important;}
.wn .wp_comments ol ol,
.wn .wp_comments ol ul,
.wn .wp_comments ul ul,
.wn .wp_comments ul ol {padding-left: 30px;}


/*--------------------------------------------------------
    ---    Sidebar - 34     ---     
*/
.widget-title {margin: 60px 0 30px;}
.widget-title h5{font-size: 18px;}
.sidebar .widget > div:first-child > ul,
.blog-sidebar .widget > div:first-child > ul {margin-top: 60px;}
.widget:first-child .widget-title {margin-top: 0;}
.blog-sidebar .widget ul,
.widget_layered_nav ul,
.widget_product_categories ul {padding: 0; list-style: none; margin: 0;}
.widget_product_categories ul{margin-top: 10px;}
.blog-sidebar .widget ul li,
.widget_layered_nav ul li,
.widget_product_categories ul li {padding: 0 0 0 20px; line-height: 1.2em; font-size: 14px; margin-bottom: 10px; word-break: break-word; list-style: none;}
.blog-sidebar .widget ul.select-dropdown li, 
.widget_layered_nav ul.select-dropdown li, 
.widget_product_categories ul.select-dropdown li {margin-bottom: 0;}
.blog-sidebar .widget ul ul li:last-child,
.widget_layered_nav ul ul li:last-child,
.widget_product_categories ul ul li {padding-bottom: 0}
.blog-sidebar .widget ul ul li,
.widget_layered_nav ul ul li,
.widget_product_categories ul ul li {padding-left: 12px; position: relative;}
.blog-sidebar .widget ul li > a,
.widget_layered_nav ul li > a,
.widget_product_categories ul li > a {position: relative; display: inline-block; padding: 0; font-size: 14px; line-height: 1.8em; text-transform: capitalize;}
.blog-sidebar .widget.widget_recent_entries ul li {margin-bottom: 10px;}
.blog-sidebar .widget.widget_recent_entries ul li > a { display: block;}
.blog-sidebar .widget ul li > a:before,
.widget_layered_nav ul li > a:before,
.widget_product_categories ul li > a:before {content: "\f10c"; font-family: 'fontAwesome'; position: absolute; left: -20px; top:0; margin: auto; font-size: 10px; color: #b3b3b3}
.blog-sidebar .widget ul li > a:hover:before,
.widget_layered_nav ul li > a:hover:before,
.widget_product_categories ul li > a:hover {color: inherit;}
.blog-sidebar .widget ul.product_list_widget li > a:before {display: none;  }
.sidebar .widget ul li a {color: inherit;}
.blog-sidebar .widget.widget_recent_comments ul li,
.blog-sidebar .widget.widget_rss ul li {padding-left: 0;}
.blog-sidebar .widget.widget_recent_comments ul li a:before,
.blog-sidebar .widget.widget_rss ul li a:before {display: none;}
.blog-sidebar ul.children{margin-top: 10px;}
.rsswidget {font-weight: 600; margin-bottom: 10px; line-height: 1.4em !important;}
.rssSummary{font-size: 13px; line-height: 1.4em !important; margin-bottom: 10px;}

/*--------------------------------------------------------
    ---    Search form - 35     ---     
*/
.searchform,
.woocommerce-product-search {position: relative; overflow: hidden; z-index: 10}
.searchform div {}
.searchform label {display: none;}
.woocommerce-product-search label {font-size: 0; clip: auto; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto;}
.searchform div:after,
.woocommerce-product-search label:after {height: 40px;width: 40px;position: absolute;top: 0;right: 0;content: "\f002";font-size: 18px;font-family: 'fontAwesome';line-height: 40px;text-align: center;color: inherit;border: none;border-left: none;z-index: 110;color: #999;}
.searchform input[type="text"],
.woocommerce-product-search input[type="search"] {padding: 8px 40px 8px 16px;margin-bottom: 0;border: none;position: relative;z-index: 100;border-bottom: 1px solid #e7e7e7;width: 100%;border-radius: 0;background: transparent;line-height: 22px; 
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.searchform input[type="text"]:focus {}
.searchform input[type="submit"],
.woocommerce-product-search input[type="submit"],
.searchform input[type="submit"]:hover,
.woocommerce-product-search input[type="submit"]:hover {position: absolute;top: 0;right:0;height: 40px;width: 40px;background: transparent;border: none;z-index: 1000;cursor: pointer;text-indent: -200px;overflow: hidden;border-radius:0;bottom: 0;margin: auto;padding: 0;}
.searchform input[type="submit"]:hover + form:after,
.woocommerce-product-search input[type="submit"]:hover + form:after {color: #fff;}
.searchform input[type="text"]:focus + input[type="submit"],
.woocommerce-product-search input[type="search"]:focus + input[type="submit"] {margin-right: 0;}

/* --------------------------------------------------------------------------
    Mail Chilchimp - 36
*/
.mc4wp-form {list-style: none; position: relative; margin: 0 auto !important;}
.section > .mc4wp-form { max-width: 820px; background: #fff; position: absolute; margin: 0 auto;left: 0; right: 0; top: -4px; z-index: 100}
.newsletter-form,
.mc4wp-form {display: block; position: relative; width: 600px !important; margin: 0 auto; max-width: 100%;}
.newsletter-form input[type="email"],
.mc4wp-form input[type="email"] {width: 100%; height: 46px; line-height: 22px; position: relative; padding: 12px 40px 12px 15px; background:transparent; margin-bottom: 0; font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mc4wp-form-basic label, .mc4wp-form-theme label {display: none;}
.newsletter-form input[type="submit"],
.mc4wp-form input[type="submit"] {background-color: transparent; color: transparent; height: 46px; width: 46px; text-align: center; text-transform: uppercase; font-size:13px; position: absolute; right: 0; top: 0; bottom: 0; border: none;  text-indent: -200; overflow:hidden; z-index: 10}
.newsletter-form:after,
.mc4wp-form:after {content: "\f1d8"; font-family: 'fontAwesome'; display: block; position: absolute; right: 0; top: 0; height: 46px; width: 46px; line-height: 46px; text-align: center; z-index: 1; color: #fff; font-size: 18px;}
.mc4wp-form form label,
.mc4wp-form label {text-indent: -2000px; overflow: hidden; position: absolute; left: 0; top: 0; right: 120px; bottom: 0; opacity: 0.35; z-index: 0; margin: 0 !important; }
.mc4wp-form p {margin: 0;}
.sidebar-item .mc4wp-form {padding-right: 75px; margin-bottom: 3px !important;}
.sidebar-item .mc4wp-form input[type="submit"] {padding:5px 11px; width: auto;}
.sidebar-item .mc4wp-form form label,
.sidebar-item .mc4wp-form label {right: 75px}
.section > .mc4wp-form .mc4wp-response {margin-right: -140px;}
.mc4wp-alert {padding: 5px; text-align: center; background: #F1A3A3; color: #fff;}
.mc4wp-success {background: #A8D094}

/* -- Unyson form elements style override -- */
.form-wrapper .wrap-forms input, .form-wrapper .wrap-forms select {padding: 0;}
.form-wrapper .wrap-forms textarea {padding: 1.6rem 0}
.form-wrapper .wrap-forms .custom-checkbox label, 
.form-wrapper .wrap-forms .custom-radio label {line-height: 25px;}

/* --------------------------------------------------------------------------
    Common elements 
    // same type of elements which are in woocommerce pages and default pages
*/
/*--------------------------------------------------------
    ---    Pagination - 37     ---     
*/
.wn .wn-pagination,
.wn nav.woocommerce-pagination {text-align:center; background: none; box-shadow: none; color: inherit; padding: 0; line-height: normal; margin-top: 60px;}
.wn .wn-pagination ul,
.wn nav.woocommerce-pagination ul {display:block; margin: 0; padding: 0;}
.wn .wn-pagination ul li,
.wn nav.woocommerce-pagination ul li{display: inline-block; float: none; padding: 0; vertical-align: top;}
.wn .wn-pagination ul li a,
.wn .wn-pagination ul li span,
.wn nav.woocommerce-pagination ul li a,
.wn nav.woocommerce-pagination ul li span {margin:0 4px; text-decoration:none; display:block; height: 56px; width: 56px; line-height: 56px; border-radius: 50%; color: inherit;}
.wn nav.woocommerce-pagination ul li .fa {font-size: 18px; line-height: inherit;}

/* --------------------------------------------------------------------------
    Posts navigation - 38
*/
.posts_nav {display: block; margin: 50px 0; text-align: center;}
.posts_nav span {display: inline-block; vertical-align: top; margin: 0 3px;}
.posts_nav a {display: block; padding: 0 5px;line-height: 36px; color: inherit;}
.posts_nav a i {font-size: 16px; display: inline-block; margin-right: 8px; line-height: inherit;}
.posts_nav a i:before {width: auto}
.posts_nav span + span a i {margin: 0 0 0 8px;}

/* ---------------------------------------------------------
    Animation / Duration / Easing - 39
*/

#header .logo,
#header #navigation,

#header .menu ul li a.fa:before,
#header .menu ul li a.fa:after,

#header #nav ul li .mega-menu > ul.mega-menu-row > li.mega-menu-col a,
#header #nav ul li .mega-menu > ul.mega-menu-row > li.mega-menu-col a.fa:after,
#header #nav ul li .mega-menu > ul.mega-menu-row > li.mega-menu-col a.fa:before,
#header #nav ul li .mega-menu > ul.mega-menu-row > li.mega-menu-col a:hover:after, 
#header .menu ul li a:hover:after,
.collapsible-header span,
.collapsible-header span i,
.bar-chart-count,
.progress-line {
-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
.menu > li:before,
.wn .wn-pagination ul li a,
.wn .wn-pagination ul li span,
#header #nav #navigation,
.posts_nav a,
.post-password-form input[type='submit'],
ul.layero-color-filter li a,
ul.filter_nav li:after {
-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);   
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */  
}
.nav,
.direction-btn,
.slider-nav .nav-left,
.slider-nav .nav-right,
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-nav,
.owl-controls {
-webkit-transition: all 600ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 600ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 600ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 600ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */  
}


/*--------------------------------------------------------
    ---    Woocommerce custom styles - 40     ---     
*/

.wn .wn-oreder {
    background: #F6F7FB!important;
}
#add_payment_method #payment div.payment_box:before, 
.woocommerce-checkout #payment div.payment_box:before {
    border-color: transparent transparent #FFFFFF!important;
}
#add_payment_method #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
    background-color: #FFFFFF!important;
}
.wn .products .product h3 {}
.wn .dd-cart .inner-scroll .buttons a.button.checkout {
    text-align: center;
}

/*--------------------------------------------------------
    ---    Responsive - 41     ---     
*/
@media(max-width: 1299px) {
    .image-listing li .il-img {padding-right: 15px;}
    .column-contents.column-contact {padding: 50px !important;}
    .custom-slider .slider-item {padding: 0 20px;}
}
@media(max-width: 1199px) {
    .footer ul.image-listing li {margin: 30px 0 0;}
    .footer .image-listing li {padding-left: 0;}
}
@media(max-width: 991px) {
    .column-contents.column-padding,
    .column-contents.column-contact {padding-right: 30px !important; padding-left: 30px !important;}
    #header .logo {vertical-align: middle; padding: 8px 0;}

    #header .header-col {
        position: relative;
        display: block;
    }
    #header .header-col .header-cell {
        display: block;
    }
    .navigation {display: block; overflow: auto;}

    .sidebar {margin-top: 60px;}
    .footer-widget-item {margin-bottom: 30px;}
    .fw-col-md-3:last-child .footer-widget-item {margin-bottom: 0;}
    .bar-chart + .bar-chart {margin-top: 0;}
    .blog-sidebar {margin-top: 60px;}
    .wn .wn-pagination ul li a, 
    .wn .wn-pagination ul li span, 
    .wn nav.woocommerce-pagination ul li a, 
    .wn nav.woocommerce-pagination ul li span {height: 36px; width: 36px; line-height: 36px;}

    .tab-left .tab-nav, .tab-right .tab-nav,
    .tab-left .tab-contents, .tab-right .tab-contents {display: block;}
    .tab-left .tab-nav,
    .tab-right .tab-nav {border: none; border-bottom: 1px solid #eee;}
    .tab-left .tab-nav ul.tabs, .tab-right .tab-nav ul.tabs {flex-flow: row;}
    .tab-left .tab-nav ul.tabs li, .tab-right .tab-nav ul.tabs li {display: inline-block; padding: 5px 10px; text-align: center;}
    .tab-left .tab-contents, .tab-right .tab-contents {padding: 30px 0 0;}
    .tab-left .tab-nav ul.tabs li a::after, .tab-right .tab-nav ul.tabs li a::after {width: 100%; height: 2px; bottom: 0; left: 0; right: 0; top: auto;}
    .tab-right {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }
    .tab-left .tab-nav  {-webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;}

    .menu_cart.menu-overlay {
        display: none!important;
    }

    .shop-sidebar{margin-bottom: 60px;}

}
@media(max-width: 767px) {
    .filter-gallery ul li {width: 50%;}
    .fw-package-wrap {margin-bottom: 30px;}
    .fw-package-wrap:last-child {margin-bottom: 0;}
    .testimonials-slider .caroufredsel_wrapper {padding: 20px;}
    .testimonial-contents,
    .testimonial-contents .testimonials-avatar, 
    .testimonial-contents .testimonial-content,
    .testimonials-author-details .author-name {display: block; text-align: center;}
    .testimonial-contents .testimonials-avatar {display: block; margin: 0 auto; padding: 0 0 15px 0;}
    .wn .wp_comments ol ol,
    .wn .wp_comments ol ul,
    .wn .wp_comments ul ul,
    .wn .wp_comments ul ol {padding-left: 10px;}

    .wn .wp_comments ol.comment-list li.comment img.avatar {position: static; float: none;}
    .wn .wp_comments ol.comment-list li.comment .comment-text, .wn .wp_comments ol.comment-list li.comment .comment-content {margin-left: 0;}
    .wn .wp_comments ol.comment-list ul.children {padding-left: 10px;}
    .collapsible-header {line-height: 1.6em; min-height: 70px;}

    .filter-gallery ul li {margin: 0 auto;}

    .fw-call-to-action > div {
        display: block !important;
        text-align: center !important;
    }
    .fw-call-to-action .fw-action-btn {
        padding-left: 0!important;
        margin-top: 30px!important;

    }
    .btn-flat{margin-bottom: 30px; }
}
@media(max-width: 659px) {
    .filter-gallery ul li {
        width: 100%;
        float: none;
    }
    .filter-gallery ul li .thumb-wrap {
        max-width: 360px;
        margin: 0 auto;
        float: none;
    }
    .coupon {margin-bottom: 15px;}

    .bar-chart .bar-chart-count {
        left: 100%!important;
    }
    .newsletter-form, .mc4wp-form {width: auto !important;}
    
}
@media (max-width: 480px){
	.page-name{
		font-size: 1.1em;
	}
}



/*29-5-17*/
.wp-caption.alignnone:after,
.wp-caption.alignnone:before { content: ' '; display: table; }
.wp-caption.alignnone:after { clear: both; }
.wp-caption.alignnone { clear: both;}
table tr:nth-child(2n) th,
table tr:nth-child(2n) td {
    background: #f1f1f1;
}

/*30-5-17*/
.footer-widget-item h5 {
    margin: 50px 0 20px;
}

/*01-06-17*/
dt { font-weight: bold; }
dd { margin: 0 0 15px 0; }
ins { background: #fff9c0; text-decoration: none; }

/*02-06-17*/
abbr,
acronym  {
    cursor: help;
}
.article-content table {
    margin-bottom: 30px;
}
.article-content dl.wp-caption {
    border: 0;
    padding: 0;
    margin:0;
}
.wp-caption {
    border: 0;
}
.breadcrumbs .breadcrumb i {
    float: none;
    font-size: inherit;
    font-style: normal;
}
footer .section,
.footer-top.section {
    padding-top: 30px;
}

.single .wp_comments ol.comment-list li {
    list-style: none;
    margin-bottom: 20px;
}

.gallery { margin: 0 -5px; }
.gallery .gallery-item { padding: 0 5px; position: relative; overflow: hidden; }
.gallery .gallery-item .gallery-icon a { display: block; }
.gallery .gallery-item .gallery-icon a img { width: 100%; display: block; }
.gallery .gallery-item .gallery-caption { background: #f5f5f5 none repeat scroll 0 0; color: #686868; font-size: 14px; line-height: 22px; padding: 15px; }
.gallery .gallery-item:hover a { transition: all .60s ease-in-out; }

/*03-06-17*/

.format-aside {font-style: italic; padding: 30px; border: 1px solid #ddd;}
.format-status p{font-weight: 700; font-style: italic;}
.widget.widget_nav_menu .menu > li:hover:before, 
.widget.widget_nav_menu .menu > li.current-menu-item:before,
.footer .widget .menu > li:hover:before,
.footer .widget .menu > li.current-menu-item:before {
    width: 0;
    background: transparent;
}
.footer .widget .menu > li:hover > a,
.footer .widget .menu > li.current-menu-item > a,
.footer .widget .menu > li:hover > ul.sub-menu > li:hover > a,
.footer .widget .mega-menu .sub-menu > li > a:hover,
.footer .footer-widget-item ul > li > a:hover {
    color: #FFFFFF;
}
.footer .widget .menu li .sub-menu {
    margin-left: 15px;
}
.footer .widget .menu li a {
    position: relative;
}
.widget .menu ul.mega-menu-row li a:before,
.widget .menu ul.mega-menu-row li a.fa:before,
.footer .widget .menu li a:before {
    color: #b3b3b3;
    content: "";
    font-family: "fontAwesome";
    font-size: 10px;
    left: -20px;
    margin: auto;
    position: absolute;
    top: 0;
}
.footer .widget .menu {
    margin-left: 22px;
}
.footer .widget .menu li a:before {
    top: -3px;
}
.widget .menu li ul.sub-menu {
    margin-top: 7px;
}
.widget .menu ul.mega-menu-row li a.fa {
    font-family: inherit;
    font-weight: 400;
}

/*05-06-17*/
.footer .footer-widget-item .tagcloud a,
.footer .footer-widget-item .calendar_wrap table#wp-calendar a {
    color: #878787;
}
.footer .footer-widget-item .tagcloud a:hover,
.footer .footer-widget-item .calendar_wrap table#wp-calendar a:hover {
    color: #FFFFFF;
}
.footer .footer-widget-item .textwidget .wp-caption {
    background: transparent;
    margin: 20px 0;
    padding: 0;
}
.footer .footer-widget-item .textwidget .wp-caption .wp-caption-text {
    padding: 0 10px;
}

.footer .footer-widget-item .calendar_wrap table#wp-calendar tr:nth-child(2n) th, 
.footer .footer-widget-item .calendar_wrap table#wp-calendar tr:nth-child(2n) td {
    background: #282828;
}