/*
Theme Name: Hasta
Theme URI: http://wpgalaxy.co/hasta/
Author: wpgalaxy
Author URI: https://themeforest.net/user/wpgalaxy
Description: Hasta is a responsive multipurpose WordPress (desktop, tablet, mobile phone) simple, clean and professional theme. It comes with multi page layouts, gives you the power to create a unique-looking website with an easy-to-use drag and drop page builder that’s fully responsive, retina-ready, RTL support and SEO-optimised. This theme created for all business such as Corporate, Business, Portfolio, Creative, Blog, and many more.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: hasta
*/
/*
======================================
[ CSS TABLE CONTENT ]
======================================
    [Table of contents]

	1. General
		1.1 Link
		1.2 Heading
        1.3 Wordpress Core
        1.4 Content Core

    2. Layout
        2.1 Section
        2.2 Section Video
        2.3 Section Separator
        2.4 Row - VC edited
        2.5 Section Overlay

    3. Form
        3.1 Form Layout
        3.2 Login Register

    4. Header
        4.1 Top Bar
        4.2 Menu
        4.3 Menu Flyout
        4.4 Search Menu Flyout
        4.5 Subheader
        4.6 Title & Breadcrumb

    5. Widgets
        5.1 Search
        5.2 Newsletter
        5.3 Post
        5.4 Featured Works
        5.5 Facebook
        5.6 Grid

    6. Post Elements
        6.1 Single post
		6.2 Detail meta
		6.3 Media format
		6.4 Author & Comments
		6.5 Related Posts
        6.6 Love

    7. Blog
		7.1 Sticky
		7.2 Pagination
		7.3 Thumbnail elements
            7.3.1 Thumbnail datebox
            7.3.2 Thumbnail shape
            7.3.3 Thumbnail author
		7.4 Article style
		7.5 Blog style
        7.6 Grid Masonry

    8. Cube Portfolio

    9. Elements
        9.1 Divider
        9.2 Icon
        9.3 Icon List
        9.4 Button
        9.5 Button Appstore
        9.6 Image
        9.7 Chart
        9.8 Progress Bar
        9.9 Info Box
        9.10 Social Icons
        9.11 Author Team
        9.12 Quote
        9.13 Clients
        9.14 Pricing Tables
        9.15 Call Out
        9.16 Info Box
        9.17 Tabs, Tour, & Accordion
        9.18 Mailchimp
        9.19 jPlayer
        9.20 Info circle
        9.21 Carousel
        9.22 Post item
        9.23 Countdown
        9.24 Toggle
        9.25 Lightbox / Magnify Popup

    10. Footer
        10.1 Back to Top

    11. Vendors
        11.1 Contact Form 7
        11.2 Woocommerce
        11.3 Jetpack
        11.4 WPML
        11.5 Master Slider

    12. Helper
        12.1 Align
        12.2 Margins
        12.3 Paddings
        12.4 Letter spacing
        12.5 Radius
        12.6 Opacity
        12.7 Width
        12.8 Border style
        12.9 Border width
        12.10 Element loading

    13. Misc
        13.1 404 Page
        13.2 Blank Page
        13.3 Preloader

    14. Global Boxed

======================================
[ END CSS TABLE CONTENT ]
======================================
*/
/* ---------------------------------------------------------------------------
 * 1. General
 * --------------------------------------------------------------------------- */
html {
    height: 100%;
}
body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    min-height: 100%;
}
ul {
    list-style-type: disc;
}
ol,
ul {
    margin-top: 0;
    margin-bottom: 20px;
}
p {
    margin-bottom: 15px;
}
p:last-child {
    margin-bottom: 0;
}
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
audio,
embed,
iframe,
object,
video {
    width: 100%;
}
blockquote {
    border: none;
    margin: 0 0 15px 30px;
    padding: 0;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.7em;
}
blockquote:before {
    color: #eaeaea;
    content: "\201C";
    font-size: 55px;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.49em;
}
blockquote p {
    display: inline;
}
pre {
    background-color: rgba(0, 0, 0, 0.01);
    color: inherit;
    font-family: monospace;
    font-size: 1em;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
table {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
caption,
td,
th {
    font-weight: normal;
    text-align: left;
}
caption {
    font-size: 16px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 10px;
}
th {
    font-weight: bold;
}
td {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 6px 10px 6px 0;
}
dt {
    font-weight: bold;
    line-height: inherit;
}
dd {
    margin: 0 0 15px;
    line-height: inherit;
}
address {
    font-style: italic;
    margin: 0 0 20px;
    line-height: inherit;
}
code {
    color: inherit;
    background-color: transparent;
    padding: 0;
    font-size: 1.08em;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
/* 1.1 Link
 ------------------------------ */
.bg-link,
.btn,
.el-hov,
.f-link,
a {
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
}
/* 1.2 Headings
 ------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
/* 1.3 Wordpress Core
 ------------------------------ */
.bypostauthor,
.gallery-caption,
.sticky {
    display: block;
}
.alignnone {
    margin: 5px 0 20px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 20px;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 5px 0;
}
a img.alignright {
    float: right;
    margin: 10px 0 10px 20px;
}
a img.alignnone {
    margin: 10px 20px 10px 0;
}
a img.alignleft {
    float: left;
    margin: 10px 20px 10px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    max-width: 100%;
}
.wp-caption.alignnone {
    margin: 10px 20px 10px 0;
}
.wp-caption.alignleft {
    margin: 10px 20px 10px 0;
}
.wp-caption.alignright {
    margin: 10px 0 10px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption-text {
    font-size: 0.9em;
    line-height: 17px;
    margin: 0;
    padding-top: 6px;
    font-style: italic;
    text-align: center;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.gallery {
    margin-left: -0.5em;
    margin-right: -0.5em;
    margin-bottom: 20px;
}
.gallery:after {
    display: table;
    content: "";
    clear: both;
}
.gallery-item {
    margin: 0;
    float: left;
    padding: 0.5em;
}
.gallery-item img {
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%;
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}
/* 1.4 Content Core
 ------------------------------ */
.comment-content a,
.main-post .entry-content a {
    text-decoration: underline;
}
.comment-content > h1,
.comment-content > h2,
.comment-content > h3,
.comment-content > h4,
.comment-content > h5,
.comment-content > h6,
.main-post .entry-content > h1,
.main-post .entry-content > h2,
.main-post .entry-content > h3,
.main-post .entry-content > h4,
.main-post .entry-content > h5,
.main-post .entry-content > h6 {
    margin-top: 30px;
}
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child,
.main-post .entry-content > h1:first-child,
.main-post .entry-content > h2:first-child,
.main-post .entry-content > h3:first-child,
.main-post .entry-content > h4:first-child,
.main-post .entry-content > h5:first-child,
.main-post .entry-content > h6:first-child {
    margin-top: 0;
}
/* ---------------------------------------------------------------------------
 * 2. Layout
 * --------------------------------------------------------------------------- */
.site_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.wrapper-boxed {
    width: 1200px;
    margin: auto;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}
/*
.no-res.wrapper-boxed {
    width: 1200px;
}
.no-res .site_wrapper {
    min-width: 1200px;
}
.no-res .container {
    width: 1170px;
    max-width: none !important;
}
*/
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.container .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.col-centered {
    float: none !important;
    margin: 0 auto;
}
body:not(.boxed-elements) aside.sidebar-widgets.col-md-4.right-sidebar .aside-wrap,
body:not(.boxed-elements) main.content-item.col-md-9.singlebar.left-sidebar > * {
    padding-left: 35px;
}
body:not(.boxed-elements) aside.sidebar-widgets.col-md-4.left-sidebar .aside-wrap,
body:not(.boxed-elements) main.content-item.col-md-9.singlebar.right-sidebar > * {
    padding-right: 35px;
}
@media (min-width: 768px) {
    .res.wrapper-boxed {
        width: 768px;
    }
}
@media (min-width: 992px) {
    .res.wrapper-boxed {
        width: 992px;
    }
}
@media (max-width: 992px) {
    body.res:not(.boxed-elements) aside.sidebar-widgets.col-md-4.right-sidebar .aside-wrap,
    body.res:not(.boxed-elements) main.content-item.col-md-9.singlebar.left-sidebar > * {
        padding-left: 0;
    }
    body.res:not(.boxed-elements) aside.sidebar-widgets.col-md-4.left-sidebar .aside-wrap,
    body.res:not(.boxed-elements) main.content-item.col-md-9.singlebar.right-sidebar > * {
        padding-right: 0;
    }
}
@media (min-width:1200px) {
    .res.wrapper-boxed {
        width: 1200px;
    }
}
@media (max-width: 768px) {
    .res .content-item.double-side {
        margin-bottom: 60px;
    }
    .res .content-item.double-side:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 992px) {
    .res .content-item {
        margin-bottom: 60px;
    }
    .res .content-item.double-side,
    .res .content-item:last-child {
        margin-bottom: 0;
    }
}
/* 2.1 Section
 ------------------------------ */
.section {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.section.header {
    overflow: visible;
}
.row.no-gutter:not(.no-gutter-row) {
    margin-left: 0;
    margin-right: 0;
}
.section-default {
    background-attachment: scroll;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center center;
}
.section-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-half-image .img-holder {
    overflow: hidden;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
}
.section-half-image .img-holder.pull-left {
    left: 0;
}
.section-half-image .img-holder.pull-right {
    right: 0;
}
.section-half-image .background-imgholder {
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
}
.section-half-image .half-image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
}
@media (max-width: 800px) {
    .res .section-half-image .container .row,
    .res .section-half-image .container-fluid .row {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 600px) {
    .res .row .column_container {
        margin-bottom: 50px;
    }
    .res .row .column_container:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 480px) {
    .res .column-inner {
        padding-left: 0;
        padding-right: 0;
    }
}
/* 2.2 Section Video
 ------------------------------ */
.section-hosted-video .video-bg-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.section-hosted-video .video-bg-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
.videobgholder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.video-poster {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.vbutton,
.vbutton2 {
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: rgba(248, 248, 248, 0.4);
    color: #000;
    border: none;
    text-decoration: none;
    line-height: 30px;
    margin: 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: none;
}
.togglePlay {
    margin-top: 50px;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 0.5;
    padding: 0;
}
/*No RTL */
.togglePlay i.fa-play {
    margin-left: 5px;
}
.togglePlay:hover {
    opacity: 0.7;
    outline: none;
}
/* 2.3 Section Separator
 ------------------------------ */
.row-separator {
    position: absolute !important;
    width: 100%;
    left: 0;
    z-index: 3 !important;
    line-height: 0;
}
.row-separator.top_separator {
    top: 0;
    bottom: auto;
}
.row-separator.bottom_separator {
    top: auto;
    bottom: 0;
}
.row-separator svg {
    width: 100%;
    height: auto;
}
.bottom_separator .svg-circle,
.bottom_separator .svg-triangle,
.bottom_separator .x-large-circle,
.bottom_separator .x-large-triangle,
.top_separator .curve-up-separator,
.top_separator .x-large-triangle-left {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}
.top_separator .cloud-separator,
.top_separator .tilt-left-separator,
.top_separator .wave-separator,
.top_separator .x-large-triangle-right {
    -moz-transform: scale(-1);
    -webkit-transform: scale(-1);
    -o-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}
.bottom_separator .x-large-triangle-right {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.bottom_separator .curve-down-separator,
.bottom_separator .tilt-right-separator {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.top_separator .curve-down-separator {
    -moz-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.top_separator .tilt-right-separator {
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
/* 2.4 Row - VC edited
 ------------------------------ */
.row-o-full-height {
    min-height: 100vh;
}
.row-flex {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row-flex.row:after,
.row-flex.row:before {
    display: none;
}
.row-flex > .column_container {
    display: flex;
}
.row-flex > .column_container > .column-inner,
.vc_ie-flexbox-fixer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.row-flex > .column_container > .column-inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .row-flex > .column_container > .column-inner > * {
        min-height: 1em;
    }
}
.row-flex::after,
.row-flex::before {
    display: none;
}
.row-o-columns-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.row-o-columns-top {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.row-o-columns-bottom {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.row-o-columns-middle {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.row-o-columns-bottom::after,
.row-o-columns-middle::after,
.row-o-columns-top::after {
    content: '';
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    display: block;
}
.row-o-equal-height > .column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.row-o-content-top > .column_container > .column-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.row-o-content-top:not(.row-o-equal-height) > .column_container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.row-o-content-bottom > .column_container > .column-inner {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.row-o-content-bottom:not(.row-o-equal-height) > .column_container {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.row-o-content-middle > .column_container > .column-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.row-o-content-middle:not(.row-o-equal-height) > .column_container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.column-inner::after,
.column-inner::before {
    content: " ";
    display: table;
}
.column-inner::after {
    clear: both;
}
.vc_ie-flexbox-fixer {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vc_ie-flexbox-fixer > .row,
.vc_ie-flexbox-fixer > .section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
/* 2.5 Section Overlay
 ------------------------------ */
.section-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
    z-index: 0;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    float: left;
    z-index: 10;
}
.bg-opacity-1 {
    background-color: rgba(0, 0, 0, 0.1);
}
.bg-opacity-2 {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-opacity-3 {
    background-color: rgba(0, 0, 0, 0.3);
}
.bg-opacity-4 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-opacity-5 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-opacity-6 {
    background-color: rgba(0, 0, 0, 0.6);
}
.bg-opacity-7 {
    background-color: rgba(0, 0, 0, 0.7);
}
.bg-opacity-8 {
    background-color: rgba(0, 0, 0, 0.8);
}
.bg-opacity-9 {
    background-color: rgba(0, 0, 0, 0.9);
}
/* ---------------------------------------------------------------------------
 * 3. Form
 * --------------------------------------------------------------------------- */
input:not([type="checkbox"]),
select {
    height: 40px;
    display: -moz-inline-stack;
}
input,
select,
textarea {
    font-size: 14px;
    padding: 0 12px;
    width: 100%;
    outline: none;
    border: 1px solid #e4e4e4;
    font-weight: normal;
    background-color: #fff;
    color: #666;
}
.search-input,
.widget_hasta_newsletter input,
input.input-transparent,
select.input-transparent,
textarea.input-transparent {
    border: 1px solid;
    border-color: inherit;
    background-color: transparent;
    color: inherit;
}
textarea {
    padding: 10px 12px;
}
input[type=checkbox],
input[type=radio] {
    width: auto;
    height: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    width: auto;
    border: none;
    font-size: 14px;
    padding: 0 25px;
    height: 40px;
    line-height: 1;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    outline: none;
    font-weight: bold;
    text-transform: uppercase;
}
label {
    font-weight: inherit;
}
::-webkit-input-placeholder {
    color: #bbb;
}
:-moz-placeholder {
    color: #bbb;
}
::-moz-placeholder {
    color: #bbb;
}
:-ms-input-placeholder {
    color: #bbb;
}
:focus::-webkit-input-placeholder {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}
:focus:-moz-placeholder {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}
:focus::-moz-placeholder {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}
:focus:-ms-input-placeholder {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}
/* 3.1 Form Layout
 ------------------------------ */
.hasta-form {
    margin-bottom: -20px;
}
.hasta-form .row {
    margin-left: -5px;
    margin-right: -5px;
}
.hasta-form .row > * {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
}
.form-transparent input:not([type="button"]):not([type="submit"]):not([type="reset"]),
.form-transparent select,
.form-transparent textarea {
    border-color: inherit;
    background-color: transparent;
    color: inherit;
}
.field-fullwidth {
    width: 100% !important;
}
.form-medium input:not([type="checkbox"]),
.form-medium select {
    height: 48px;
}
.form-medium input,
.form-medium select,
.form-medium textarea {
    font-size: 14px;
    padding: 0 15px;
}
.form-medium textarea {
    padding: 10px 15px;
}
.form-medium button,
.form-medium input[type="button"],
.form-medium input[type="reset"],
.form-medium input[type="submit"] {
    font-size: 15px;
    padding: 0 25px;
    height: 48px;
}
.form-large input:not([type="checkbox"]),
.form-large select {
    height: 60px;
}
.form-large input,
.form-large select,
.form-large textarea {
    font-size: 16px;
    padding: 0 15px;
}
.form-large textarea {
    padding: 10px 15px;
}
.form-large button,
.form-large input[type="button"],
.form-large input[type="reset"],
.form-large input[type="submit"] {
    font-size: 16px;
    padding: 0 30px;
    height: 60px;
}
.form-box-field {
    width: 100%;
}
.form-box,
.form-box-field {
    margin-bottom: 15px;
}
.form-large .form-box,
.form-large .form-box-field,
.form-medium .form-box,
.form-medium .form-box-field {
    margin-bottom: 20px;
}
.form-box-field:last-child,
.form-box-field:last-of-type,
.form-box:last-child,
.form-box:last-of-type {
    margin-bottom: 0;
}
.form-field {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin: 0;
}
.form-field input,
.form-field textarea {
    padding-left: 40px;
}
.form-field textarea {
    display: block;
}
.form-field label {
    font-size: 14px;
}
.form-field-icon {
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    color: inherit;
    line-height: 40px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}
.form-medium .form-field-icon {
    height: 48px;
    line-height: 48px;
}
.form-large .form-field-icon {
    height: 60px;
    line-height: 60px;
}
.form-field-icon i {
    position: relative;
    font-size: 14px;
    opacity: 0.5;
}
.form-large .form-field-icon i {
    font-size: 16px;
}
.form-horizontal {
    display: -webkit-box;
    display: -mox-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.form-horizontal .form-box.form-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.form-horizontal .form-box,
.form-horizontal .form-box-field {
    margin-right: 10px;
}
.form-horizontal .form-box-field:last-child,
.form-horizontal .form-box-field:last-of-type,
.form-horizontal .form-box:last-child,
.form-horizontal .form-box:last-of-type {
    margin-right: 0;
}
.form-horizontal .form-submit button,
.form-horizontal .form-submit input[type="button"],
.form-horizontal .form-submit input[type="reset"],
.form-horizontal .form-submit input[type="submit"] {
    width: auto;
}
.form-horizontal.no-space .form-box,
.form-horizontal.no-space .form-box-field {
    margin-right: 0;
}
.submit-proccess {
    position: relative;
}
.submit-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.submit-loading i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
}
@media (max-width: 768px) {
    .res .form-horizontal {
        display: block;
    }
    .res .form-horizontal .form-box,
    .res .form-horizontal .form-box-field {
        margin-right: 0;
    }
    .res .form-horizontal .form-submit button,
    .res .form-horizontal .form-submit input[type="button"],
    .res .form-horizontal .form-submit input[type="reset"],
    .res .form-horizontal .form-submit input[type="submit"] {
        width: 100%;
    }
    .res .horizontal-push {
        margin-bottom: 20px;
    }
}
/* 3.2 Login Register
 ------------------------------ */
.logreg_form {
    position: relative;
}
.logreg-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url('images/preloader.gif');
    background-position: center;
    background-repeat: no-repeat;
}
ul.errors,
ul.messages {
    margin: 0;
    padding: 0;
}
ul.errors li,
ul.messages li {
    list-style: none;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
}
ul.errors li {
    border: 1px solid #b94a48 !important;
    color: #b94a48 !important;
    border-left-width: 3px;
}
ul.errors li strong {
    color: #b94a48 !important;
}
ul.errors li a {
    color: #b94a48 !important;
    border-bottom: 1px dotted #b94a48 !important;
}
ul.messages li {
    border: 1px solid #468847 !important;
    color: #468847 !important;
    border-left-width: 3px;
}
ul.messages li a {
    color: #468847 !important;
    border-bottom: 1px dotted #468847 !important;
}
/* ---------------------------------------------------------------------------
 * 4. Header
 * --------------------------------------------------------------------------- */
.header {
    z-index: 999;
}
.center-header,
.top-header {
    line-height: 56px;
    min-height: 56px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.sticky-wrapper {
    height: 80px !important;
}
.bottom-header {
    position: relative;
    padding: 0;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    line-height: 80px;
    height: 80px;
    z-index: 999;
    -webkit-transition: background-color 0.25s ease-out, height 0.25s ease-out, line-height 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, height 0.25s ease-out, line-height 0.25s ease-out;
    -ms-transition: background-color 0.25s ease-out, height 0.25s ease-out, line-height 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out, height 0.25s ease-out, line-height 0.25s ease-out;
    transition: background-color 0.25s ease-out, height 0.25s ease-out, line-height 0.25s ease-out;
}
.navbar-header > a,
.navbar-nav > li > a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: color 0.25s ease-out 0s;
    -moz-transition: color 0.25s ease-out 0s;
    -ms-transition: color 0.25s ease-out 0s;
    -o-transition: color 0.25s ease-out 0s;
    transition: color 0.25s ease-out 0s;
}
.is-sticky .less-sticky.bottom-header {
    line-height: 60px;
    height: 60px;
}
.site_wrapper:not(.header8):not(.header9):not(.header14) .is-sticky .bottom-header:not(.with-outline):not(.not-sticky-shadow),
.with-shadow {
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
}
.header-transparent {
    background-color: transparent !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color 0.4s ease-out;
    -moz-transition: background-color 0.4s ease-out;
    -ms-transition: background-color 0.4s ease-out;
    -o-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out;
}
.topbar-left-items,
.topbar-right-items {
    margin: 0;
    padding: 0;
    width: 40%;
    min-height: 1px;
}
.topbar-middle-logo {
    margin: 0;
    width: 20%;
    text-align: center;
    font-size: 0;
}
.topbar-middle-logo .navbar-brand {
    float: none;
}
.header16 .navbar-nav > li,
.header5 .navbar-nav > li,
.header7 .navbar-nav > li {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.header12 .header,
.header13 .header,
.header14 .header,
.header8 .header,
.header9 .header {
    position: absolute;
}
.header8 .bottom-header {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    left: 0;
    margin: 0;
    top: 25px;
    background: none;
}
.header10 .logo-box,
.header10 .navbar-elements,
.header10 .top-header .container-fluid,
.header11 .logo-box,
.header11 .navbar-elements,
.header14 .navbar,
.header8 .navbar,
.header9 .navbar {
    padding-left: 20px;
    padding-right: 20px;
}
.header9 .top-header {
    padding-bottom: 40px;
}
.header9 .bottom-header {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
    top: -40px;
    background: none;
}
.header14 .main-icon {
    text-align: center;
}
.header14 .main-icon .menu-icon {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
}
.header14 .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 31px;
    padding-bottom: 31px;
    font-size: 16px;
}
.header14 .is-sticky .less-sticky .navbar-nav > li > a {
    padding-top: 21px;
    padding-bottom: 21px;
}
.header14 .top-header {
    padding-bottom: 55px;
}
.header14 .sticky-wrapper {
    height: 108px !important;
}
.header14 .bottom-header {
    position: relative;
    padding: 0;
    width: 100%;
    left: 0;
    margin: 0;
    top: -54px;
    background: none;
    line-height: 108px;
    height: 108px;
}
.header14 .is-sticky .less-sticky.bottom-header {
    line-height: 88px;
    height: 88px;
}
.header10 .logo-box,
.header11 .logo-box {
    min-width: 200px;
}
.relspace {
    width: 100%;
    background-color: transparent;
}
.header8 .relspace {
    height: 105px;
}
.header9 .relspace {
    height: 140px;
}
.header12 .relspace,
.header13 .relspace {
    height: 80px;
}
.header14 .relspace {
    height: 183px;
}
@media (max-width:991px) {
    .res [class*="header"] .sticky-wrapper {
        height: 60px !important;
    }
    .res .bottom-header,
    .res .is-sticky .less-sticky.bottom-header {
        line-height: 60px !important;
        height: 60px !important;
    }
    .res .header14 .top-header,
    .res .header9 .top-header {
        display: none;
    }
    .res .header14 .bottom-header,
    .res .header9 .bottom-header {
        top: 0;
    }
    .res .header8 .relspace {
        height: 85px;
    }
    .res .header12 .relspace,
    .res .header13 .relspace,
    .res .header14 .relspace,
    .res .header9 .relspace {
        height: 60px;
    }
    .res .header10 .bottom-header .navbar,
    .res .header11 .bottom-header .navbar {
        padding-left: 20px;
        padding-right: 20px;
    }
    .res .flyout-icon {
        margin-top: 16px;
    }
}
/* 4.1 Top Bar
 ------------------------------ */
.toplist .widget,
.toplist-item {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    margin-bottom: 0;
}
.toplist-btn {
    display: inline-block;
    padding: 0 6px;
}
.toplist .widget:after,
.toplist-item:after {
    content: '|';
    position: absolute;
    right: -2px;
    top: 0;
    font-family: 'Arial';
    opacity: 0.5;
}
.toplist .widget ul,
.toplist-item ul {
    margin: 0;
    padding: 0;
    border: none;
}
.toplist .widget li,
.toplist-item li {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}
.toplist .widget .top-menu li,
.toplist-item .top-menu li {
    padding: 0 6px;
}
.toplist .widget li:first-child,
.toplist .widget:first-child,
.toplist-btn:first-child,
.toplist-item li:first-child,
.toplist-item:first-child {
    padding-left: 0;
}
.toplist .widget li:last-child,
.toplist .widget:last-child,
.toplist-btn:last-child,
.toplist-item li:last-child,
.toplist-item:last-child {
    padding-right: 0;
}
.toplist .widget li:last-child:after,
.toplist .widget:last-child:after,
.toplist-item li:last-child:after,
.toplist-item:last-child:after {
    content: '';
}
.toplist .widget .toptext i,
.toplist-item.toptext i {
    margin-right: 6px;
}
.toplist-dropdown .dropdown-menu {
    line-height: 1;
    padding: 0;
    margin: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    margin-left: -25px;
    min-width: 150px;
}
.toplist-dropdown .dropdown-menu ul li {
    padding: 0;
    display: block;
}
.toplist-dropdown .dropdown-menu ul li a {
    padding: 12px 25px;
    display: block;
    color: #727272;
}
/* 4.2 Menu
 ------------------------------ */
.yamm .dropdown.yamm-fw,
.yamm .dropup,
.yamm .nav {
    position: static;
}
.navbar {
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
}
.navbar-nav {
    margin: 0;
    float: left;
}
.navbar-header,
.navbar-nav > li {
    float: left;
}
.navbar-brand,
.navbar-brand-mobile {
    float: left;
    padding: 0;
    font-size: 0;
    display: block;
    height: inherit;
    line-height: inherit;
}
.navbar-brand > img,
.navbar-brand-mobile > img {
    display: inline-block;
    height: auto;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out;
    -moz-transition: width 0.25s ease-out, height 0.25s ease-out;
    -ms-transition: width 0.25s ease-out, height 0.25s ease-out;
    -o-transition: width 0.25s ease-out, height 0.25s ease-out;
    transition: width 0.25s ease-out, height 0.25s ease-out;
}
.navbar-brand.changed-logo > img {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.navbar-brand > .sticky-logo {
    display: none;
}
.navbar-brand-mobile,
.navbar-mobile-search {
    display: none;
}
.navbar-menu {
    padding: 0;
    float: left;
    display: inline-block;
}
.navbar-menu.pull-right {
    width: auto;
}
.header15 .navbar-menu:not(.highlight),
.header3 .navbar-menu:not(.highlight),
.header4 .navbar-menu:not(.highlight),
.header6 .navbar-menu:not(.highlight) {
    margin-left: -18px;
}
.header1 .without-extras .navbar-menu:not(.highlight),
.header2 .without-extras .navbar-menu:not(.highlight),
.header8 .without-extras .navbar-menu:not(.highlight),
.header9 .without-extras .navbar-menu:not(.highlight),
.header10 .without-extras .navbar-menu:not(.highlight),
.header11 .without-extras .navbar-menu:not(.highlight),
.header12 .without-extras .navbar-menu:not(.highlight) {
    margin-right: -18px;
}
/* Close Mobile Menu */
.mob-close {
    width: 40px;
    height: 30px;
    position: relative;
    margin: 0 auto 40px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: none;
}
.mob-close span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #f1f1f1;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.mob-close span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.mob-close span:nth-child(2) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.mob-close span:nth-child(3) {
    top: 28px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.mob-close.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 6px;
}
.mob-close.open span:nth-child(2) {
    width: 0;
    opacity: 0;
}
.mob-close.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 28px;
    left: 6px;
}
/* Menu Extras */
.navbar-extras {
    padding-left: 15px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
}
.navbar-extras.on-mobile {
    display: none;
    float: right;
}
.navbar-extras > div {
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
}
.navbar-extras > div:first-child {
    padding-left: 0;
}
.navbar-extras > div:last-child {
    padding-right: 0;
}
.navbar-cart .cart-header i,
.navbar-mobile i,
.navbar-search i {
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}
/* Menu Depth First */
.menu-icon {
    margin-right: 10px;
}
.navbar-nav > li > a {
    position: relative;
    padding: 0 18px;
}
.drop-pointer {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-nav > li > a .drop-pointer {
    padding-left: 8px;
    display: none;
}
.navbar-nav > li > a .drop-pointer:after {
    content: "\f107";
}
.parent-indicator.navbar-nav > li > a .drop-pointer {
    display: inline-block;
}
.navbar-nav > li > a {
    height: inherit;
    line-height: inherit;
}
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
    background-color: transparent;
}
.active-mline {
    position: relative;
}
.active-mline:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    margin-top: 3px;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.active-mline.active-line-above,
.active-mline.active-line-bottom {
    display: inline-block;
}
.active-mline.active-underline:before {
    top: 100%;
    left: 0;
}
.active-mline.active-line-above:before {
    top: 0;
    left: 0;
    margin: 0;
}
.active-mline.active-line-bottom:before {
    bottom: 0;
    left: 0;
    margin: 0;
}
.navbar-nav > li > a.active .active-mline:before,
.navbar-nav > li > a:hover .active-mline:before,
.navbar-nav > li > a:hover.active .active-mline:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/* Dropdown Menu */
.dropdown-menu {
    left: auto;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
}
.dropdown-shadow .dropdown-menu {
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.dropdown-border .dropdown-menu {
    border-top: 4px solid transparent;
}
.dropdown-menu .drop-pointer {
    padding: 0 0 0 12px;
    line-height: 1.5;
    position: absolute;
    right: 12px;
}
.dropdown-menu .drop-pointer:after {
    content: "\f105";
}
.dropdown-menu.dropdown-right {
    right: 0;
    text-align: right;
}
.dropdown-menu.dropdown-right .drop-pointer {
    padding: 0 12px 0 0;
    position: absolute;
    right: auto;
    left: 12px;
}
.dropdown-menu.dropdown-right .drop-pointer:after {
    content: "\f104";
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
}
.dropdown-submenu > .dropdown-menu.dropdown-right {
    left: auto;
    right: 100%;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown:hover > .dropdown-menu {
    display: block;
    -webkit-animation-duration: 0.25s;
    -webkit-animation-name: fadeInFromNone;
    -webkit-animation-fill-mode: forwards;
    animation-duration: 0.25s;
    animation-name: fadeInFromNone;
    animation-fill-mode: forwards;
    -ms-animation-duration: 0.25s;
    -ms-animation-name: fadeInFromNoneIE;
    -ms-animation-fill-mode: forwards;
}
.dropdown-menu > li > a {
    clear: both;
    display: block;
    line-height: 1.5;
    padding: 10px 20px;
    white-space: nowrap;
}
/* Mega Menu */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.mega-menu ul a:hover {
    background: none;
    text-decoration: none;
}
.mega-menu [class*="col-"] {
    background-color: transparent;
    border: none;
    margin-bottom: 20px;
    border-right: 1px solid transparent;
}
.mega-menu [class*="col-"]:last-child {
    border-right: none;
}
.yamm-fw .dropdown-menu {
    padding: 0;
    left: 0;
    right: 0;
}
.dropdown-menu .mega-menu {
    padding: 20px 0;
    margin-bottom: -20px;
}
.mega-menu .row {
    margin: 0;
}
.mega-menu ul {
    padding: 0;
}
.mega-menu ul li {
    line-height: 1.5;
}
.mega-menu ul li a {
    display: block;
    padding: 7px 40px;
}
.mega-menu .drop-pointer {
    display: none;
}
.mega-menu .megamenu-heading {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.release-note {
    font-family: arial;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 1;
    margin-left: 10px;
    padding: 2px 5px;
}
/* Dropdown White */
.dropdown-menu {
    background-color: #fff;
}
.mega-menu [class*="col-"] {
    border-color: #eaeaea;
}
.dropdown-menu > li > a,
.mega-menu ul a {
    color: #727272;
}
.mega-menu .megamenu-heading {
    color: #111;
}
.dropdown-menu a.active,
.dropdown-menu a:hover {
    color: #111 !important;
}
/* Dropdown dark */
.dark .dropdown-menu {
    background-color: #1a1a1a;
}
.dark .mega-menu [class*="col-"] {
    border-color: #2a2a2a;
}
.dark .dropdown-menu > li > a,
.dark .mega-menu ul a {
    color: #777;
}
.dark .mega-menu .megamenu-heading {
    color: #f1f1f1;
}
.dark .dropdown-menu a.active,
.dark .dropdown-menu a:hover {
    color: #f1f1f1 !important;
}
@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInFromNoneIE {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width:991px) {
    .res .dropdown-submenu:hover > .dropdown-menu,
    .res .dropdown:hover > .dropdown-menu {
        -webkit-animation-name: none;
        animation-name: none;
        -ms-animation-name: none;
        display: none;
    }
    .res .navbar-nav,
    .res .navbar-nav > li {
        float: none;
        display: block !important;
    }
    .res .dropdown.yamm-fw .dropdown-menu {
        padding: 0;
    }
    .res .flyout-bg-search,
    .res .navbar-brand,
    .res .navbar-extras.on-desktop,
    .res .navbar-search,
    .res .navbar-shortcode {
        display: none !important;
    }
    .res .mega-menu .drop-pointer,
    .res .navbar-brand-mobile,
    .res .navbar-extras.on-mobile,
    .res .navbar-mobile-search {
        display: block !important;
    }
    .res .navbar-menu .nav,
    .res .navbar-mobile-search {
        width: 100%;
        margin: 0 auto;
    }
    .res .navbar-mobile-search {
        line-height: 1;
        margin-top: 30px;
    }
    .res .navbar-mobile-search form {
        position: relative;
    }
    .res .navbar-mobile-search button {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        padding: 0;
        line-height: 40px;
        font-size: 17px;
        text-align: center;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background-color: transparent;
    }
    .res .navbar-mobile-search input {
        background-color: transparent;
        border: 1px solid rgba( 255,255, 255, 0.3);
        height: auto;
        line-height: 38px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        padding: 0 50px 0 20px;
    }
    .res .navbar-menu {
        border-top: none;
        border-bottom: none;
        overflow-x: visible;
        text-align: left !important;
        position: fixed;
        top: 0;
        left: -320px;
        width: 320px;
        height: 100%;
        padding: 50px 30px;
        overflow-y: auto;
    }
    .res .navbar-menu .nav {
        margin-top: 30px;
    }
    .res .header15 .navbar-menu:not(.highlight),
    .res .header3 .navbar-menu:not(.highlight),
    .res .header4 .navbar-menu:not(.highlight),
    .res .header6 .navbar-menu:not(.highlight) {
        margin-left: 0;
    }
    .res .header1 .without-extras .navbar-menu:not(.highlight),
    .res .header2 .without-extras .navbar-menu:not(.highlight),
    .res .header8 .without-extras .navbar-menu:not(.highlight),
    .res .header9 .without-extras .navbar-menu:not(.highlight),
    .res .header10 .without-extras .navbar-menu:not(.highlight),
    .res .header11 .without-extras .navbar-menu:not(.highlight),
    .res .header12 .without-extras .navbar-menu:not(.highlight) {
        margin-right: 0;
    }
    .res .navbar-nav > li > a.active .active-mline:before,
    .res .navbar-nav > li > a:hover .active-mline:before,
    .res .navbar-nav > li > a:hover.active .active-mline:before {
        visibility: hidden;
    }
    .res .highlight .navbar-nav > li > a.active,
    .res .highlight .navbar-nav > li > a:hover.active {
        background-color: transparent !important;
    }
    .res .dropdown-menu .mega-menu {
        padding: 0;
        margin: 0;
    }
    .res .mega-menu [class*="col-"] {
        margin-bottom: 0;
        border-right: none;
        width: 100%;
    }
    .res .navbar-nav > li > a,
    .res ul.nav a {
        line-height: 1;
        padding: 15px 0;
        border-bottom: 1px solid transparent;
        font-size: inherit;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-family: inherit;
    }
    .res .navbar-nav > li:hover > a {
        color: inherit !important;
    }
    .res .mega-menu .megamenu-heading {
        margin: 0;
    }
    .res .dropdown-mega-menu {
        display: none;
    }
    .res .dropdown-menu .mega-menu ul li,
    .res .dropdown-menu > li {
        padding: 0 0 0 20px;
    }
    .res .mob-close {
        display: block;
    }
    .res .navbar-menu {
        background-color: #111;
        -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
    }
    .res .mega-menu .megamenu-heading,
    .res .navbar-nav > li > a,
    .res ul.nav a {
        color: #888;
        border-color: #222;
    }
    .res .mob-close span {
        background-color: #bbb;
    }
    .res .mob-close:hover span {
        background-color: #f1f1f1;
    }
    .res .navbar-mobile-search button:hover i,
    .res ul.nav a.active,
    .res ul.nav a:hover {
        color: #f1f1f1 !important;
    }
    .res .navbar-mobile-search i,
    .res .navbar-mobile-search input {
        color: #888;
    }
    .res .navbar-mobile-search input::-webkit-input-placeholder {
        color: #888;
    }
    .res .navbar-mobile-search input:-moz-placeholder {
        color: #888;
    }
    .res .navbar-mobile-search input::-moz-placeholder {
        color: #888;
    }
    .res .navbar-mobile-search input:-ms-input-placeholder {
        color: #888;
    }
    .res .navbar-header {
        float: none;
    }
    .res .navbar-nav .dropdown .dropdown-menu {
        display: none;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent !important;
        border: 0;
        box-shadow: none;
    }
    .res .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
    }
    .res .dropdown-menu.dropdown-right {
        text-align: left;
    }
    .res .dropdown-menu .drop-pointer,
    .res .navbar-nav > li > a .drop-pointer {
        display: block;
        position: absolute;
        top: 0;
        right: 0 !important;
        left: auto !important;
        line-height: 1;
        padding: 15px;
        float: none;
    }
    .res .dropdown-menu .drop-pointer:after,
    .res .navbar-nav > li > a .drop-pointer:after {
        content: "\f078";
    }
    .res .header14 .main-icon {
        text-align: left;
    }
    .res .header14 .main-icon .menu-icon {
        margin-right: 10px;
        margin-bottom: 0;
        display: inline-block;
        color: inherit !important;
    }
    .res .yamm .dark .no-menu {
        color: #7e7e7e;
    }
    .res .hide-mobile {
        display: none;
    }
    .res .center-header,
    .res .top-header {
        min-height: auto !important;
    }
    .res .header4 .center-header .container,
    .res .header4 .top-header .container,
    .res .header5 .center-header .container,
    .res .header5 .top-header .container {
        padding-left: 0;
        padding-right: 0;
    }
    .res .toplist {
        float: none !important;
        text-align: center;
    }
    .res .topbar-left-items,
    .res .topbar-right-items {
        width: 100%;
    }
    .res .topbar-left-items,
    .res .topbar-right-items,
    .res .toplist {
        padding-bottom: 8px;
    }
    .res .toplist {
        line-height: 1.5;
    }
    .res .topbar-left-items:first-child,
    .res .topbar-right-items:first-child,
    .res .toplist:first-child {
        padding-top: 8px;
    }
    .res .topbar-left-items .toplist:first-child,
    .res .topbar-right-items .toplist:first-child {
        padding-top: 0;
    }
    .res .topbar-left-items .toplist:last-child,
    .res .topbar-right-items .toplist:last-child {
        padding-bottom: 0;
    }
    .res .header15 .center-header .toplist,
    .res .header16 .center-header .toplist,
    .res .header4 .top-header .toplist,
    .res .header5 .top-header .toplist,
    .res .header6 .top-header .toplist {
        padding: 0;
    }
    .res .toplist .widget:after,
    .res .toplist-item:after {
        content: '';
    }
    .res .toplist .widget,
    .res .toplist-item {
        padding: 5px;
    }
}
/* 4.3 Menu Flyout
 ------------------------------ */
.top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mid-animate {
    opacity: 0;
}
.bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.flyout-icon {
    display: inline-block;
    margin: 0;
    height: 28px;
    line-height: 26px;
    width: 26px;
    z-index: 999;
    position: relative;
    margin-top: 26px;
    cursor: pointer;
    text-align: center;
    float: left;
    font-size: 23px;
    color: #fff;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -ms-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
}
.fly-icon {
    width: 26px;
    height: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    position: absolute;
}
.closex .fly-icon {
    background: #fff;
}
.fly-icon-top {
    top: 5px;
}
.fly-icon-mid {
    top: 13px;
}
.fly-icon-bottom {
    top: 21px;
}
.flyout-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none;
}
.flyout {
    position: fixed;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    float: left;
    left: 0;
    top: 0;
    border: none;
    overflow-y: auto;
    margin-top: 80px;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -ms-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
}
.less-top-flyout.flyout {
    margin-top: 60px;
}
.is-sticky .less-sticky .flyout-icon {
    margin-top: 16px;
}
.headerfixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent !important;
    z-index: 9999 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.headerfixed.flyout-show-search .navbar-brand,
.headerfixed.flyout-show-search .navbar-brand-mobile {
    display: none !important;
}
.headerfixed.flyout-show-search .search-flyout {
    display: block;
}
.flyout li {
    width: 100%;
    list-style-type: none;
    text-align: center;
    padding: 15px 10px;
}
.flyout li.last {
    border-bottom: none;
}
.flyout li a {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
}
.flyout li a.active,
.flyout li a:hover,
.flyout li:hover {
    color: #9e9e9e;
}
.flyout .menu {
    margin: 0;
    padding: 70px 0;
}
.header13 .bottom-header .header-measure {
    position: relative;
}
.search-flyout {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    display: none;
}
.search-flyout input {
    height: auto;
    background-color: transparent;
    border: none;
    font-size: 40px;
    outline: none;
    color: #fff;
    padding: 0 40px 0 0;
}
.fly-input input::-webkit-input-placeholder {
    color: #fff;
}
.fly-input input:-moz-placeholder {
    color: #fff;
}
.fly-input input::-moz-placeholder {
    color: #fff;
}
.fly-input input:-ms-input-placeholder {
    color: #fff;
}
.fly-input input:focus::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.fly-input input:focus:-moz-placeholder {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.fly-input input:focus::-moz-placeholder {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.fly-input input:focus:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.flyout .drop-pointer {
    display: none !important;
}
@media (max-width:991px) {
    .res .is-sticky .less-sticky .flyout-icon {
        margin-top: 16px;
    }
    .res .flyout,
    .res .less-top-flyout.flyout {
        margin-top: 60px;
    }
    .res .flyout .menu {
        margin: 0;
        padding: 40px 0;
    }
    .res .flyout li {
        padding: 10px;
    }
    .res .flyout li a {
        font-size: 20px;
    }
    .res .search-flyout input {
        font-size: 30px;
    }
}
/* 4.4 Search Menu Flyout
 ------------------------------ */
.search-menu-flyout {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
}
.search-menu-box {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    margin: 0 auto;
    padding: 50px;
    width: 50%;
}
.close-search {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: color 0.25s ease-out 0s;
    -moz-transition: color 0.25s ease-out 0s;
    -ms-transition: color 0.25s ease-out 0s;
    -o-transition: color 0.25s ease-out 0s;
    transition: color 0.25s ease-out 0s;
}
.close-search:hover {
    opacity: 0.8;
}
.search-menu-box form {
    border-bottom: 1px solid #fff;
    line-height: 1;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.search-menu-box input {
    height: auto;
    font-size: 46px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #fff;
}
@media (max-width:768px) {
    .res .search-menu-box {
        width: 100%;
    }
    .res .search-menu-box input {
        font-size: 30px;
    }
}
/* 4.5 Subheader
 ------------------------------ */
.subheader-wrap {
    height: 220px;
    display: table;
    width: 100%;
}
.subheader-inner {
    display: table-cell;
    vertical-align: middle;
}
.subheader {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.subheader .breadcrumbs {
    margin-top: 8px;
}
.subheader .title-nav {
    margin-top: 15px;
    display: inline-block;
}
.subheader .slogan-nav {
    position: relative;
}
.subheader.text-left .slogan-wrap.nav-show {
    padding-right: 90px;
}
.subheader.text-right .slogan-wrap.nav-show {
    padding-left: 90px;
}
.subheader.text-left .title-nav,
.subheader.text-right .title-nav {
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.subheader.text-left .title-nav {
    right: 0;
}
.subheader.text-right .title-nav {
    left: 0;
}
/* 4.6 Title & Breadcrumb
 ------------------------------ */
.page-title {
    display: table;
    min-height: 80px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.page-title h1,
.page-title h3 {
    font-size: 27px;
    line-height: 30px;
}
.page-title-inner {
    display: table-cell;
    vertical-align: middle;
}
.breadcrumbs {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 2px;
}
.breadcrumbs li {
    display: inline-block;
    line-height: 30px;
}
.breadcrumbs li .sep {
    margin: 0 5px;
}
.title-nav > div {
    display: inline-block;
    margin-right: 6px;
}
.title-nav > div:last-child {
    margin-right: 0;
}
.title-nav > div a {
    width: 36px;
    height: 36px;
    border-width: 1px;
    border-style: solid;
    display: block;
    text-align: center;
    line-height: 34px;
    font-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: Arial, Helvetica, sans-serif;
}
.title-nav .nav-all a {
    font-size: 17px;
}
@media (max-width: 800px) {
    .res .page-title-item {
        width: 100%;
        text-align: center;
        float: none !important;
        padding: 8px 0;
    }
    .res .title-nav > div {
        float: none !important;
    }
}
/* ---------------------------------------------------------------------------
 * 5. Widgets
 * --------------------------------------------------------------------------- */
.widget {
    margin-bottom: 50px;
}
.title-widget {
    margin-bottom: 20px;
}
.footer-widgets .title-widget {
    margin-bottom: 30px;
}
.widget_hasta_about_me .title-widget {
    margin-bottom: 15px;
}
.title-widget-line .title-widget:after {
    content: '';
    height: 2px;
    width: 35px;
    display: block;
    margin-top: 10px;
}
.company-infos,
.widget_display_forums ul,
.widget_display_replies ul,
.widget_display_topics ul,
.widget_display_views ul,
.widget_hasta_post ul,
.widget_icl_lang_sel_widget .lang_sel_click ul,
.widget_recent_comments ul,
.wlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_display_forums ul.children,
.widget_display_replies ul.children,
.widget_display_topics ul.children,
.widget_display_views ul.children,
.widget_icl_lang_sel_widget .lang_sel_click ul.children,
.wlist ul.children,
.wlist ul.sub-menu {
    padding-left: 20px;
    /*border-top-width: 1px;
    border-top-style: solid;*/
    margin-top: 5px;
}
.widget_display_forums > ul,
.widget_display_replies > ul,
.widget_display_topics > ul,
.widget_display_views > ul,
.widget_icl_lang_sel_widget .lang_sel_click > ul,
.widget_recent_comments > ul,
.wlist > div > ul,
.wlist > ul {
    margin-top: -5px;
}
.widget_display_forums ul li,
.widget_display_replies ul li,
.widget_display_topics ul li,
.widget_display_views ul li,
.widget_icl_lang_sel_widget .lang_sel_click ul li,
.widget_recent_comments ul li,
.wlist ul li {
    padding: 5px 0;
    margin: 0;
    display: block;
    /*border-bottom-width: 1px;
    border-bottom-style: solid;*/
}
.widget_display_forums ul li:last-child,
.widget_display_replies ul li:last-child,
.widget_display_topics ul li:last-child,
.widget_display_views ul li:last-child,
.widget_icl_lang_sel_widget .lang_sel_click ul li:last-child,
.widget_recent_comments ul li:last-child,
.wlist ul li:last-child {
    padding-bottom: 0;
    border: none;
}
.widget_display_forums ul li a:before,
.widget_display_replies ul li a:before,
.widget_display_topics ul li a:before,
.widget_display_views ul li a:before,
.wlist ul li a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    margin-right: 10px;
}
.widget_recent_comments ul li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e5";
    margin-right: 10px;
}
.widget_display_stats dl {
    margin: 0;
}
.grid-widget {
    margin: -6px;
}
.grid-widget .item {
    display: inline-block;
    float: left;
    padding: 6px;
    width: 33.33%;
}
.grid-widget .item:nth-child(3n+1) {
    clear: left;
}
.company-infos li {
    margin-bottom: 8px;
}
.company-infos li:last-child {
    margin-bottom: 0;
}
.company-infos li i {
    margin-right: 10px;
}
.widget_nav_menu .sub-menu {
    display: none;
}
.widget_nav_menu.wlist ul li a:before {
    content: '';
    margin: 0;
}
.widget_nav_menu a {
    display: block;
}
.widget_nav_menu .menu-item-has-children > a {
    position: relative;
}
.widget_nav_menu .parent-icon-pointer {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    text-align: center;
}
.widget_nav_menu .parent-icon-pointer:before {
    content: '\f078';
}
/* 5.1 Search
 ------------------------------ */
.widget .newsletter button,
.widget .search-form button {
    padding: 0 15px;
}
.widget .search-form button i {
    font-weight: bold;
}
.form-large button.search-submit {
    font-size: 20px;
}
/*
.search-form {
    position: relative;
    width: 100%;
}
.search-form .search-input {
    padding-right: 55px;
    height: 40px;
    width: 100%;
}
.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 40px;
    height: 40px;
}
.button-val-text .search-form .search-input {
    padding-right: 115px;
}
.button-val-text .search-form .search-submit {
    width: 100px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.big-search-form .search-form .search-input {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    height: 55px;
    padding-right: 80px;
    font-size: 16px;
    width: 100%;
}
.big-search-form .search-form .search-submit {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 55px;
    width: 65px;
    font-size: 16px;
}
.button-val-text.big-search-form .search-form .search-input {
    padding-right: 150px;
}
.button-val-text.big-search-form .search-form .search-submit {
    width: 130px;
}


.search-content {
    margin-top: 6px;
}
*/
.search-radius .search-input {
    border-radius: 3px 0 0 3px;
}
.search-radius .search-submit {
    border-radius: 0 3px 3px 0;
}
.icon-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #bbb;
}
.form-medium .icon-placeholder {
    width: 40px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
}
.form-large .icon-placeholder {
    width: 45px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}
.have-icon-placeholder .search-form .search-input {
    padding-left: 37px;
}
.have-icon-placeholder.form-medium .search-form .search-input {
    padding-left: 40px;
}
.have-icon-placeholder.form-large .search-form .search-input {
    padding-left: 45px;
}
/* 5.2 Newsletter
 ------------------------------ */
.widget_hasta_newsletter .form-box,
.widget_hasta_newsletter .form-box-field {
    margin-bottom: 0;
}
.widget_hasta_newsletter .hasta-mailchimp {
    margin-top: 25px;
}
@media (max-width: 768px) {
    .res .widget_hasta_newsletter .form-horizontal {
        display: flex;
    }
    .res .widget_hasta_newsletter .form-horizontal .form-box-field {
        margin-right: 10px;
    }
    .res .widget_hasta_newsletter .form-horizontal .form-submit button,
    .res .widget_hasta_newsletter .form-horizontal .form-submit input[type="button"],
    .res .widget_hasta_newsletter .form-horizontal .form-submit input[type="reset"],
    .res .widget_hasta_newsletter .form-horizontal .form-submit input[type="submit"] {
        width: inherit;
    }
}
/*  5.3 Post
 ------------------------------ */
.widget_hasta_post .entry-media {
    margin-bottom: 20px;
}
.widget_hasta_post ul li {
    margin-bottom: 30px;
}
.widget_hasta_post ul.with-divider li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 25px;
}
.widget_hasta_post ul li:last-child,
.widget_hasta_post ul.with-divider li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.widget_hasta_post ul li .entry-media {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
}
.widget_hasta_post ul li .block-desc {
    padding-left: 100px;
}
.widget_hasta_post ul li .block-desc.without-thumb {
    padding-left: 0;
}
.widget_hasta_post .entry-content {
    margin-top: 7px;
}
.widget_hasta_post .post-meta {
    margin-top: 0;
}
.widget_hasta_post .post-item .post-meta {
    margin-top: 5px;
}
.widget_hasta_post .post-items-wrap .post-item {
    margin-bottom: 30px;
}
/* 5.4 Featured Works
 ------------------------------ */
.item a {
    display: block;
}
.featured-grid {
    margin: -2px;
}
.featured-grid .item {
    display: inline-block;
    float: left;
    width: 33.33%;
    padding: 2px;
}
.featured-grid .item:nth-child(3n+1) {
    clear: left;
}
.featured-slider .entry-title {
    margin-top: 20px;
}
/* 5.5 Facebook
 ------------------------------ */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/* ---------------------------------------------------------------------------
 * 6. Post Elements
 * --------------------------------------------------------------------------- */
.wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}
.tags {
    margin-bottom: -12px;
}
.tags ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.tags ul li {
    padding: 0;
    margin: 0 10px 10px 0;
    display: inline-block;
    float: left;
}
.tags ul li a {
    padding: 10px 16px;
    border-width: 1px;
    border-style: solid;
    font-size: 1em !important;
    line-height: 1;
    display: block;
}
.entry-tags {
    font-style: italic;
}
.edit-link,
.entry-cats,
.entry-tags,
.page-links {
    margin-top: 20px;
}
.edit-link > a {
    display: inline-block;
    margin-right: 10px;
    line-height: 1;
}
.comment-reply-link {
    display: inline-block;
    font-weight: bold;
}
.comment-reply-link:before {
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f112";
    margin-right: 8px;
    font-weight: normal;
}
.page-links {
    text-align: right;
}
.page-links > .pagi-item,
.page-links > a > .pagi-item {
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 30px;
    border-width: 1px;
    border-style: solid;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.single-nav h5 {
    margin-top: 3px;
}
.single-share {
    margin-bottom: -10px;
}
.single-share li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.single-share li:last-child {
    margin-right: 0;
}
.single-share li a {
    padding: 0 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 34px;
    border-width: 1px;
    border-style: solid;
    display: block;
}
.single-share li i {
    margin-right: 7px;
}
.single-share.notext a {
    padding-left: 0;
    padding-right: 0;
    width: 38px;
    text-align: center;
    line-height: 1;
    height: 38px;
    vertical-align: middle;
    display: table-cell;
}
.single-share.notext li span {
    display: none;
    text-indent: -99999px;
}
.single-share.notext li i {
    margin-right: 0;
}
/* 6.1 Single post
 ------------------------------ */
.single-item {
    margin-top: 50px;
    padding-top: 50px;
    border-top-width: 1px;
    border-top-style: solid;
}
.project-description,
.project-description h5 {
    padding-top: 5px;
}
.project-share {
    margin-top: 30px;
}
.single-item-title {
    margin-bottom: 25px;
}
.entry-header {
    margin-bottom: 15px;
}
.project-link-button {
    margin-top: 25px;
}
.project-link-button a {
    font-weight: bold;
}
/* 6.2 Detail meta
 ------------------------------ */
.post-meta {
    margin-top: 5px;
}
.post-meta:not(.portfolio-meta) {
    font-size: 0.92em;
}
.post-meta.below {
    margin-top: 30px !important;
}
.post-meta.above {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}
.post-meta .meta-item {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}
.post-meta .meta-item:last-child {
    padding-right: 0;
    margin-right: 0;
}
.post-meta .meta-item:last-child:after {
    content: '';
}
.post-meta .meta-item i {
    margin-right: 0.3em;
}
.post-meta.one .meta-item:not(.meta-love) {
    opacity: 0.6;
}
.post-meta.meta-carousel .meta-item-text a:hover,
.post-meta.meta-carousel a.meta-item-text:not(.hasta-love):hover,
.post-meta.one .meta-folio-cat a:hover,
.post-meta.one .meta-item-text a:hover,
.post-meta.one a.meta-item-text:not(.hasta-love):hover {
    text-decoration: underline;
}
.post-meta.meta-carousel .meta-item,
.post-meta.meta-carousel .meta-item a:not(.hasta-love),
.post-meta.one .meta-item,
.post-meta.one .meta-item a:not(.hasta-love) {
    color: inherit;
}
.post-meta.two {
    margin-top: 0;
}
.post-meta.two .meta-item {
    padding: 3px 12px;
    margin: 0 5px 5px 0;
    font-size: 0.9em;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}
.post-meta.three {
    padding: 10px 20px;
    margin: 0 !important;
    position: absolute;
    z-index: 2;
}
.post-meta.three.top_left {
    top: 0;
    left: 0;
}
.post-meta.three.top_right {
    top: 0;
    right: 0;
}
.post-meta.three.bottom_left {
    bottom: 0;
    left: 0;
}
.post-meta.three.bottom_right {
    bottom: 0;
    right: 0;
}
.post-meta.meta-carousel {
    margin: 0;
}
.share-popup {
    max-width: 400px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
}
/* 6.3 Media format
 ------------------------------ */
.entry-media {
    margin-bottom: 25px;
}
.entry-media figure {
    position: relative;
}
.entry-media figure > a {
    display: block;
}
.entry-media.media-overlay figure > a > img {
    z-index: -1;
}
.entry-media.media-overlay figure > a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}
.entry-media figcaption {
    position: absolute;
    left: 15px;
    bottom: 10px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0 10px;
    color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 11;
    line-height: inherit;
}
.entry-media figcaption a {
    color: #fff;
}
.entry-media .overlay {
    top: 0;
    left: 0;
}
/* 6.4 Author & Comments
 ------------------------------ */
.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list .children {
    padding: 0 0 0 50px;
    margin: 0;
    list-style: none;
}
.comment-wrap {
    padding: 30px;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 30px;
}
.author-body,
.author-foot,
.comment .comment-body,
.comment .comment-foot {
    padding-left: 130px;
}
.comment-body-head {
    margin-bottom: 15px;
}
.commenter-name {
    margin-bottom: 5px;
}
.comment-meta {
    display: block;
    font-size: 0.9em;
}
.author-foot,
.comment-foot {
    margin-top: 20px;
}
.author-social {
    margin-top: 10px;
}
.author-wrap .author-social a {
    margin-right: 20px;
    font-size: 16px;
}
.author-area-wrap {
    border-top: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.comment-navigation {
    margin-bottom: 30px;
}
/* Comment Form */
.comment .comment-respond {
    margin-bottom: 30px;
}
.comment-respond input[type="submit"].btn-comment {
    padding: 16px 30px;
    margin-top: 20px;
    height: auto;
}
@media (max-width: 768px) {
    .res .comment-wrap {
        padding: 20px;
    }
    .res .author-body,
    .res .author-foot,
    .res .comment .comment-body,
    .res .comment .comment-foot {
        padding-left: 65px;
    }
    .res .author-head img,
    .res .comment-head img {
        width: 50px;
        height: 50px;
    }
    .res .single-nav .text-left,
    .res .single-nav .text-right {
        text-align: center;
    }
    .res .single-nav .nav-next {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .res .single-share a {
        padding-left: 0;
        padding-right: 0;
        width: 38px;
        text-align: center;
        line-height: 1;
        height: 38px;
        vertical-align: middle;
        display: table-cell;
    }
    .res .single-share li span {
        display: none;
        text-indent: -99999px;
    }
    .res .single-share li i {
        margin-right: 0;
    }
}
/* 6.5 Related Posts
 ------------------------------ */
.singlebar .related-posts .related-post:nth-child(3n+1) {
    clear: left;
}
.nobar .related-posts .related-post:nth-child(4n+1) {
    clear: left;
}
.doublebar .related-posts .related-post:nth-child(2n+1) {
    clear: left;
}
.related-area {
    margin-bottom: -30px;
}
.related-post {
    margin-bottom: 30px;
}
.related-post .entry-media {
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .nobar .related-posts .related-post:nth-child(4n+1),
    .singlebar .related-posts .related-post:nth-child(3n+1) {
        clear: none;
    }
    .nobar .related-posts .related-post:nth-child(2n+1),
    .singlebar .related-posts .related-post:nth-child(2n+1) {
        clear: left;
    }
}
@media (max-width: 320px) {
    .doublebar .related-posts .related-post:nth-child(2n+1),
    .nobar .related-posts .related-post,
    .singlebar .related-posts .related-post {
        clear: left;
        width: 100% !important;
    }
}
/* 6.6 Love
 ------------------------------ */
a.hasta-love {
    position: relative;
    padding-left: 20px;
}
a.hasta-love i {
    position: absolute;
    left: 0;
    margin: 0;
    line-height: inherit;
}
a.hasta-love i.hov {
    opacity: 0;
    filter: alpha (opacity=0);
}
a.loved.hasta-love i.hov,
a:hover.hasta-love i.hov {
    opacity: 1;
    filter: alpha (opacity=100);
}
a.hasta-love.loved {
    cursor: default;
}
.love-box a.hasta-love {
    display: block;
    padding-left: 0;
    padding-top: 28px;
}
.love-box a.hasta-love i {
    top: 0;
    left: 50%;
    margin-top: 0;
    margin-left: -15px;
}
/* ---------------------------------------------------------------------------
 * 7. Blog
 * --------------------------------------------------------------------------- */
/* 7.1 Sticky
 ------------------------------ */
.sticky .entry-title:before {
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    margin-right: 8px;
}
/* 7.2 Pagination
 ------------------------------ */
.pagination {
    width: 100%;
    padding: 60px 0 0;
    margin: 0 0 -10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.pagination .page-numbers {
    width: 40px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.boxed-elements .pagination .page-numbers {
    background-color: #fff;
}
.pagination .page-numbers:last-child {
    margin-right: 0;
}
.pagination .page-numbers.dots {
    border: none;
    width: auto;
}
.btn-loadmore {
    margin-top: 50px;
    padding-top: 50px;
    border-top-width: 1px;
    border-top-style: solid;
    text-align: center;
}
.btn-loadmore.no-border {
    border: none;
    margin-top: 50px;
    padding-top: 0;
}
.btn-loadmore .btn {
    padding: 14px 40px;
    text-transform: uppercase;
    border-radius: 30px;
}
.btn-loadmore .post_loading_loader i {
    margin-left: 8px;
}
/* 7.3 Thumbnail elements
 ------------------------------ */
/* 7.3.1 Thumbnail datebox
 ------------------------------ */
.date-box {
    position: absolute;
    z-index: 1;
}
.date-box.thumb-triangle:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top-width: 10px;
    border-top-style: solid;
}
.date-box.top_left {
    left: 30px;
    top: 30px;
}
.date-box.top_right {
    right: 30px;
    top: 30px;
}
.date-box.bottom_left {
    left: 30px;
    bottom: 30px;
}
.date-box.bottom_right {
    right: 30px;
    bottom: 30px;
}
.date-box.very_top_right {
    right: 50px;
    top: 0;
}
.date-box.center_left,
.date-box.center_right {
    top: 50%;
    margin-top: -40px;
}
.date-box.center_left {
    left: 0;
}
.date-box.center_right {
    right: 0;
}
.date-box.date_format.center_left,
.date-box.date_format.center_right {
    margin-top: -65px;
}
.date-box.date_love.center_left,
.date-box.date_love.center_right {
    margin-top: -80px;
}
.date-box.date_bubble.center_left,
.date-box.date_bubble.center_right {
    margin-top: -45px;
}
.post-date-box {
    display: table;
    padding: 15px 10px;
}
.post-date-box-inner {
    display: table-cell;
    vertical-align: middle;
}
.post-date-box span {
    display: block;
}
.date-box.date_love .post-date-box,
.date-box.date_love .post-love-box,
.date-box.date_only .post-date-box {
    width: 90px;
    height: 80px;
}
.date-box.date_format .post-date-box {
    width: 90px;
    height: 130px;
}
.date-box .post-date-box i {
    font-size: 30px;
    display: block;
    margin-top: 12px;
}
.date-box .datebig {
    font-size: 28px;
}
.date-box .datesmall {
    font-size: 14px;
    margin-top: 3px;
}
.entry-media.image.with_bubble {
    padding-bottom: 30px;
}
.date-box .bubble-box {
    background: url("images/date-bubble.png") 0 0 no-repeat;
    width: 130px;
    height: 90px;
    color: #242424 !important;
}
.date-box .bubble-box .datebig {
    font-size: 22px;
    font-weight: bold;
}
.date-box .bubble-box .datesmall {
    font-size: 16px;
    margin-top: 0;
}
.date-box.date_bubble.bottom_left {
    left: 0;
    bottom: -35px;
}
.date-box.date_bubble.bottom_right {
    right: 0;
    bottom: -35px;
}
/* 7.3.2 Thumbnail shape
 ------------------------------ */
.entry-media.image.with_shape {
    padding-bottom: 25px;
}
.entry-media.image.with_shape figure:before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    -ms-transform: rotate(20deg);
    /* IE 9 */
    -webkit-transform: rotate(20eg);
    /* Chrome, Safari, Opera */
    transform: rotate(20deg);
}
.entry-media.image.with_shape figure:after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 200px;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom-width: 32px;
    border-bottom-style: solid;
    -ms-transform: rotate(-21deg);
    /* IE 9 */
    -webkit-transform: rotate(-21eg);
    /* Chrome, Safari, Opera */
    transform: rotate(-21deg);
}
/* 7.3.3 Thumbnail author
 ------------------------------ */
.entry-media.image.with_author {
    padding-bottom: 15px;
}
.thumb_author {
    position: absolute;
    bottom: -36px;
    right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 6px solid #fff !important;
}
.thumb_author img {
    width: 70px !important;
}
/* 7.4 Article style
 ------------------------------ */
.blog-post .btn-post {
    margin-top: 15px;
}
.blog-post .btn-post-default {
    font-weight: bold;
    position: relative;
    padding-right: 18px;
}
.blog-post .btn-post-default:hover {
    padding-right: 22px;
}
.blog-post .btn-post-default:after {
    content: "\f061";
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 85%;
    font-weight: normal;
}
.blog-post .btn-extended {
    padding: 10px 25px;
}
.blog-post .thumb-rel {
    position: relative;
}
.blog-post .thumb-rel,
.blog-post .thumb-rel a {
    color: #fff;
}
.blog-post .thumb-rel .post-meta.one .meta-item {
    opacity: 1;
}
.blog-post.main-post .post-meta {
    margin-top: 10px;
}
.blog-post.main-post .entry-media {
    margin-bottom: 30px;
}
.blog-post.style-3 .post-meta,
.blog-post.style-4 .post-meta,
.blog-post.style-5 .post-meta,
.blog-post.style-6 .post-meta,
.blog-post.style-7 .post-meta,
.search-post .post-meta {
    margin-top: 6px;
}
.blog-post.style-3 .entry-header,
.blog-post.style-4 .entry-header,
.blog-post.style-5 .entry-header,
.blog-post.style-6 .entry-header,
.search-post .entry-header {
    margin-bottom: 12px;
}
.blog-post.style-7 .entry-header {
    margin-bottom: 0;
}
.blog-post.style-4 .entry-media,
.blog-post.style-5 .entry-media,
.blog-post.style-6 .entry-media,
.blog-post.style-7 .entry-media {
    margin-bottom: 0;
}
.blog-post.style-6 .el-boxed {
    margin-bottom: 0 !important;
}
.blog-post.style-6 .thumb-rel .entry-header {
    position: absolute;
    top: 40px;
    left: 40px;
}
.blog-post.style-6 .thumb-rel .post-meta.two {
    position: absolute;
    bottom: 35px;
    left: 40px;
    margin-top: 0;
}
.thumb-boxed.blog-post.style-6 .thumb-rel .post-meta.two {
    bottom: 0;
    left: 0;
}
.blog-post.style-7 .thumb-rel .entry-header {
    position: absolute;
    bottom: 50px;
    left: 50px;
    padding-right: 190px;
}
.blog-post.style-7 .date-box.date_format .post-date-box {
    width: 150px;
    height: 240px;
    padding: 40px 34px;
}
.blog-post.style-7 .date-box .datebig {
    font-size: 56px;
}
.blog-post.style-7 .date-box .datesmall {
    font-size: 20px;
    line-height: 26px;
    padding: 25px 0 0;
    margin: 0;
}
.blog-post.style-7 .date-box .post-date-box i {
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 20px;
    padding-top: 20px;
}
.search-post {
    position: relative;
    padding-left: 70px;
    margin-bottom: 30px;
}
.search-post .search-desc {
    display: block;
}
.search-post .search-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    border-width: 1px;
    border-style: solid;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: 700;
}
.archive-search {
    margin-bottom: 30px;
}
.archive-search p {
    margin-top: 10px;
    margin-bottom: 30px;
}
@media (max-width: 992px) {
    .res .blog-post.style-7 .thumb-rel .entry-header {
        padding-right: 160px;
    }
    .res .blog-post.style-7 .date-box.date_format .post-date-box {
        width: 100px;
        height: 170px;
        padding: 30px 20px;
    }
    .res .blog-post.style-7 .date-box .datebig {
        font-size: 48px;
    }
}
@media (max-width: 768px) {
    .blog-post.style-7 .thumb-rel .entry-header {
        bottom: 30px;
        left: 30px;
    }
    .res .blog-post.style-4 .entry-media,
    .res .blog-post.style-5 .entry-media,
    .res .blog-post.style-6 .thumb-rel:not(.featured-bg) .entry-media {
        margin-bottom: 20px;
    }
    .res .box-left-inner,
    .res .box-right-inner {
        padding: 0;
    }
}
@media (max-width: 600px) {
    .res .blog-post.style-7 .date-box {
        display: none;
    }
    .res .blog-post.style-7 .thumb-rel .entry-header {
        padding-right: 30px;
    }
}
@media (max-width: 480px) {
    .res .blog-post.style-6 .thumb-rel .entry-header {
        top: 10px;
        left: 10px;
    }
    .res .blog-post.style-6 .thumb-rel .post-meta.two {
        bottom: 10px;
        left: 10px;
    }
    .res .blog-post.style-7 .thumb-rel .entry-header {
        padding-right: 10px;
    }
    .res .blog-post.style-7 .thumb-rel .entry-header {
        bottom: 10px;
        left: 10px;
    }
}
/* 7.5 Blog style
 ------------------------------ */
.blog-3 .el-boxed,
.blog-wrap:not(.blog-3) .blog-post.el-boxed:last-child {
    margin-bottom: 0 !important;
}
.blog-wrap:not(.blog-3) .blog-post {
    margin-bottom: 60px !important;
}
.blog-wrap:not(.blog-3) .blog-post.with_border {
    margin-bottom: 60px !important;
    padding-bottom: 60px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}
.blog-wrap:not(.blog-3) .blog-post:last-child,
.blog-wrap:not(.blog-3) .blog-post:last-child.with_border {
    margin-bottom: 0 !important;
}
.blog-wrap:not(.blog-3) .blog-post.with_border:last-child,
.blog-wrap:not(.blog-3) .blog-post.with_border:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.blog-wrap:not(.blog-3) .blog-post.el-boxed {
    margin-bottom: 40px !important;
}
.blog-wrap.blog-6 .blog-post {
    margin-bottom: 30px !important;
}
.blog-wrap.blog-6 .blog-post:nth-last-of-type(1),
.blog-wrap.blog-6 .blog-post:nth-last-of-type(2) {
    margin-bottom: 0;
}
@media (max-width: 992px) {
    .blog-wrap.blog-6 .blog-post,
    .blog-wrap.blog-6 .blog-post:nth-last-of-type(2) {
        margin-bottom: 40px !important;
    }
}
/* 7.6 Grid Masonry
 ------------------------------ */
.grid-posts {
    overflow: hidden;
    margin-bottom: -50px;
}
.grid-item {
    margin-bottom: 50px;
}
.grid-posts.posts-center,
.posts-center .grid-item {
    margin-bottom: 0;
}
.grid-posts.posts-center {
    overflow: visible;
}
.posts-center .grid-item {
    padding-bottom: 30px;
    text-align: center;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -ms-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
.posts-center .grid-item:hover {
    z-index: 2;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.posts-center .grid-item .entry-content,
.posts-center .grid-item .entry-footer,
.posts-center .grid-item .entry-title,
.posts-center .grid-item .post-meta {
    padding: 0 20px;
}
.folio-wrap.posts-center .grid-item {
    padding-bottom: 20px;
}
@media (max-width: 480px) {
    .res .grid-item {
        width: 100%;
    }
}
/* ---------------------------------------------------------------------------
 * 8. Cube Portfolio
 * --------------------------------------------------------------------------- */
.main-portfolio .main-post .related-post .entry-title,
.main-portfolio .related-post .entry-title {
    text-align: center;
    padding-top: 4px;
}
.folio-item .entry-media {
    margin-bottom: 18px;
}
.folio-item.text-center .post-meta .meta-item {
    float: none;
}
.folio-item .portfolio-meta {
    margin-top: 2px;
}
.portfolio-meta .meta-item {
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
}
.portfolio-meta .meta-item:after {
    content: '\007C';
    font-family: arial;
    font-size: 11px;
    position: absolute;
    right: -2px;
    top: -1px;
}
.portfolio-meta .meta-item:last-child:after {
    content: '';
}
.section .cbp-lazyload:after,
.section .cbp-popup-loadingBox:after,
.section .cbp-popup-singlePageInline:after,
.section .cbp:after {
    height: 34px;
}
.cube-post1 .portfolio-media .entry-media,
.cube-post2 .portfolio-media .entry-media {
    margin-bottom: 0;
}
.cube-post1 .portfolio-detail-wrap {
    padding-left: 30px;
}
.cube-post2 .portfolio-detail-wrap {
    padding-right: 30px;
}
@media (max-width: 992px) {
    .res .portfolio-media {
        float: none !important;
    }
    .res .cube-post1 .portfolio-detail-wrap {
        padding-left: 0;
    }
    .res .cube-post2 .portfolio-detail-wrap {
        padding-right: 0;
    }
    .cube-post1 .portfolio-media .entry-media,
    .cube-post2 .portfolio-media .entry-media {
        margin-bottom: 20px;
    }
}
.cbp-popup-singlePage .cbp-popup-content {
    max-width: none !important;
    width: 100% !important;
}
.cbp-popup-singlePage .cbp-popup-next {
    background-position: -46px -92px !important;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.cbp-popup-singlePage .cbp-popup-prev {
    background-position: 0 -92px !important;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.cbp-popup-singlePage .cbp-popup-close {
    background-position: -92px -92px !important;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.cbp-popup-singlePage .cbp-popup-close:hover,
.cbp-popup-singlePage .cbp-popup-next:hover,
.cbp-popup-singlePage .cbp-popup-prev:hover {
    opacity: 0.6;
}
body .cbp-l-grid-work .cbp-item-wrapper {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
body .cbp-slider .cbp-nav-prev {
    left: 15px;
    right: auto;
    opacity: 1 !important;
}
body .cbp-slider .cbp-nav-next {
    right: 15px;
    left: auto;
    opacity: 1 !important;
}
body .cbp-slider .cbp-nav-next:after,
body .cbp-slider .cbp-nav-prev:after {
    background-image: none;
    font-size: 22px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .cbp-slider .cbp-nav-next:hover:after,
body .cbp-slider .cbp-nav-prev:hover:after {
    background-color: rgba(0, 0, 0, 0.8);
}
body .cbp-slider .cbp-nav-next:after {
    content: '\f105';
}
body .cbp-slider .cbp-nav-prev:after {
    content: '\f104';
}
body .cbp-nav-pagination {
    display: none;
}
body .cbp-popup-singlePageInline {
    margin: 40px 0;
}
body .cbp-popup-singlePageInline .cbp-popup-close {
    right: 0;
    top: 0;
    background: none;
    line-height: 40px;
    text-align: center;
    font-size: 20px !important;
    font-family: 'fontello';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .cbp-popup-singlePageInline .cbp-popup-close:before {
    content: "\e802";
}
body .cbp-popup-singlePageInline .related-area {
    display: none;
}
body .cbp-popup-singlePageInline article {
    overflow: hidden;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    padding: 40px;
}
body .cbp-caption-overlayBottom .cbp-caption-activeWrap,
body .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
    height: auto;
    min-height: 60px;
}
body .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-body,
body .cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
body .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-body,
body .cbp-caption-overlayBottomAlong .cbp-l-caption-alignLeft .cbp-l-caption-body {
    padding: 17px 30px;
}
body .cbp-popup-singlePage .cbp-popup-content {
    margin-top: 180px;
    margin-bottom: 80px;
}
body .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap,
body .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
}
body .cbp-caption-overlayBottomPush .cbp-caption-activeWrap,
body .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
    height: 80px;
}
body .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-body,
body .cbp-caption-overlayBottomPush .cbp-l-caption-alignLeft .cbp-l-caption-body,
body .cbp-caption-overlayBottomReveal .cbp-l-caption-alignCenter .cbp-l-caption-body,
body .cbp-caption-overlayBottomReveal .cbp-l-caption-alignLeft .cbp-l-caption-body {
    padding: 20px 30px;
}
@media (max-width: 767px) {
    body .cbp-popup-singlePage .cbp-popup-content {
        margin-top: 120px;
        margin-bottom: 20px;
    }
}
/* Portfolio Lightbox */
.mfp-hasta-arrow,
body .not-inline.mfp-close,
body .cbp-popup-lightbox .cbp-popup-close,
body .cbp-popup-lightbox .cbp-popup-next,
body .cbp-popup-lightbox .cbp-popup-prev {
    background: none;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #181818 !important;
    color: #fff !important;
    opacity: 0.7;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.mfp-hasta-arrow:hover,
body .not-inline.mfp-close:hover,
body .cbp-popup-lightbox .cbp-popup-close:hover,
body .cbp-popup-lightbox .cbp-popup-next:hover,
body .cbp-popup-lightbox .cbp-popup-prev:hover {
    opacity: 1;
}
body .not-inline.mfp-close,
body .cbp-popup-lightbox .cbp-popup-next,
body .cbp-popup-lightbox .cbp-popup-prev,
body .cbp-popup-lightbox .cbp-popup-close  {
    font-family: 'fontello';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .cbp-popup-lightbox .cbp-popup-next:before {
    content: "\f3d3";
    font-size: 22px;
}
body .cbp-popup-lightbox .cbp-popup-prev:before {
    content: "\f3d2";
    font-size: 22px;
}
body .not-inline.mfp-close:before,
body .cbp-popup-lightbox .cbp-popup-close:before {
    content: "\e802";
    font-size: 17px;
}
.cbp-caption .cbp-l-caption-buttonLeft,
.cbp-caption .cbp-l-caption-buttonRight {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
body .cbp-lazyload {
    background: transparent;
}
/* ---------------------------------------------------------------------------
 * 9. Elements
 * --------------------------------------------------------------------------- */
/* 9.1 Divider
 ------------------------------ */
.divider {
    position: relative;
    display: table;
    width: 100%;
}
.divider.el-align-left {
    margin-left: 0;
    margin-right: auto;
}
.divider.el-align-right {
    margin-left: auto;
    margin-right: 0;
}
.divider.el-align-center {
    margin-left: auto;
    margin-right: auto;
}
.divider .divider-content,
.divider .divider-line {
    display: table-cell;
    vertical-align: middle;
}
.divider .divider-line {
    width: 50%;
}
.divider.content-left .divider-line.divider-line-left,
.divider.content-right .divider-line.divider-line-right {
    width: 0;
    display: none;
}
.divider.content-left .divider-line.divider-line-right,
.divider.content-right .divider-line.divider-line-left {
    width: 100%;
}
.divider .divider-line span {
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
}
.divider .divider-content {
    padding: 0 10px;
    white-space: nowrap;
}
.divider.content-left .divider-content {
    padding-left: 0;
}
.divider.content-right .divider-content {
    padding-right: 0;
}
.divider img {
    max-width: none;
}
/* 9.2 Icon
 ------------------------------ */
.icon,
a.icon {
    position: relative;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    line-height: 1;
}
.icon-center {
    display: table;
    margin: 0 auto;
}
.icon.img-content {
    line-height: 0;
}
.icon-fill {
    padding: 0;
    text-align: center;
    width: 80px;
    height: 80px;
    font-size: 26px;
    display: table-cell;
    vertical-align: middle;
}
.icon-fill-border {
    border-width: 1px;
    border-style: solid;
}
.icon-fill.icon-xlarge {
    width: 120px;
    height: 120px;
    font-size: 40px;
}
.icon-fill.icon-large {
    width: 100px;
    height: 100px;
    font-size: 36px;
}
.icon-fill.icon-xmedium {
    width: 80px;
    height: 80px;
    font-size: 32px;
}
.icon-fill.icon-medium {
    width: 70px;
    height: 70px;
    font-size: 28px;
}
.icon-fill.icon-small {
    width: 60px;
    height: 60px;
    font-size: 24px;
}
.icon-fill.icon-xsmall {
    width: 50px;
    height: 50px;
}
.icon-fill.icon-tiny {
    width: 40px;
    height: 40px;
}
.icon-fill.icon-xtiny {
    width: 32px;
    height: 32px;
}
.icon-xlarge {
    font-size: 50px;
}
.icon-large {
    font-size: 42px;
}
.icon-xmedium {
    font-size: 36px;
}
.icon-medium {
    font-size: 32px;
}
.icon-small {
    font-size: 26px;
}
.icon-xsmall {
    font-size: 20px;
}
.icon-tiny {
    font-size: 16px;
}
.icon-xtiny {
    font-size: 14px;
}
.icon-digit {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    position: absolute;
    left: 50%;
    bottom: -16px;
    margin-left: -16px;
}
.icon.with-digit {
    margin-bottom: 16px;
}
/* 9.3 Icon List
 ------------------------------ */
.anything-list h1,
.anything-list h2,
.anything-list h3,
.anything-list h4,
.anything-list h5,
.anything-list h6 {
    margin-bottom: 0;
}
.anything-list ul,
.icon-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.anything-list ul li,
.icon-list ul li {
    display: block;
    overflow: hidden;
    border-top: none;
    border-left: none;
    border-right: none;
}
.anything-list ul li:last-child,
.icon-list ul li:last-child {
    border-bottom: none;
}
.icon-list-icon {
    padding-top: 4px;
    margin-right: 10px;
}
.icon-list-text {
    overflow: hidden;
}
/*  9.4 Button
 ------------------------------ */
.btn i.pull-left,
.btn i.pull-right,
.read-more i.pull-left,
.read-more i.pull-right {
    line-height: inherit;
}
.btn i.pull-right {
    margin-left: 12px;
}
.read-more i.pull-right {
    margin-left: 6px;
}
.btn i.pull-left {
    margin-right: 12px;
}
.read-more i.pull-left {
    margin-right: 6px;
}
.btn.full-btn,
.full-btn {
    width: 100% !important;
    text-align: center;
}
.read-more {
    cursor: pointer;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    line-height: 24px;
}
.btn,
.nav-btn a {
    padding: 1em 2em;
    line-height: 1;
    font-size: 14px;
    margin: 0;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}
.btn-border {
    border-width: 1px;
    border-style: solid;
}
.btn.active,
.btn:active {
    box-shadow: none;
}
.btn.btn-xlarge {
    font-size: 18px;
}
.btn.btn-large {
    font-size: 16px;
}
.nav-btn a {
    padding: 9px 18px;
}
.btn.btn-small {
    font-size: 13px;
}
.btn.btn-xsmall {
    font-size: 12px;
}
.btn.btn-tiny {
    font-size: 11px;
}
.btn.btn-xtiny {
    font-size: 10px;
}
/*  9.5 Button Appstore
 ------------------------------ */
.btn.appstore {
    padding: 13px 25px;
    margin: 0;
    text-align: left;
    position: relative;
}
.btn.appstore span i {
    font-size: 40px;
    padding: 0 20px 0 0;
}
.btn.appstore .apptext {
    font-size: 12px;
    display: block;
    margin: 0;
    padding-top: 2px;
}
.btn.appstore .apptext.big {
    margin: 0;
    padding: 0;
    font-size: 18px;
    margin-top: 5px;
}
/*  9.6 Image
 ------------------------------ */
.hasta-single-image {
    line-height: 0;
}
.single-image {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.single-image img {
    width: 100%;
}
.single-image figure {
    position: relative;
}
.single-image .img-overlay {
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.single-image .img-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.single-image .img-overlay.overlay-appear {
    opacity: 0;
    left: 0;
    top: 0;
}
.info-box:hover .img-overlay.overlay-appear,
.single-image:hover .img-overlay.overlay-appear {
    opacity: 1;
}
.single-image .img-overlay.overlay-left {
    left: -100%;
    top: 0;
}
.info-box:hover .img-overlay.overlay-left,
.single-image:hover .img-overlay.overlay-left {
    left: 0;
}
.single-image .img-overlay.overlay-right {
    right: -100%;
    top: 0;
}
.info-box:hover .img-overlay.overlay-right,
.single-image:hover .img-overlay.overlay-right {
    right: 0;
}
.single-image .img-overlay.overlay-top {
    top: -100%;
    left: 0;
}
.info-box:hover .img-overlay.overlay-top,
.single-image:hover .img-overlay.overlay-top {
    top: 0;
}
.single-image .img-overlay.overlay-bottom {
    bottom: -100%;
    left: 0;
}
.info-box:hover .img-overlay.overlay-bottom,
.single-image:hover .img-overlay.overlay-bottom {
    bottom: 0;
}
.single-image .img-overlay.overlay-active {
    top: 0;
    left: 0;
}
/*  9.7 Chart
 ------------------------------ */
.hasta-chart {
    line-height: 0;
}
.circle-chart {
    position: relative;
    display: inline-block;
}
.circle-chart-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-clip: padding-box !important;
}
.circle-chart canvas {
    max-width: 100%;
    max-height: 100%;
}
/*  9.8 Progress Bar
 ------------------------------ */
.progress-foreground {
    position: relative;
    width: 100%;
}
.progress-fill {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    white-space: nowrap;
    display: table;
}
.progress-title {
    padding-right: 10px;
}
.progress-count {
    padding-left: 10px;
}
.progress-fill .progress-count,
.progress-fill .progress-title {
    padding: 0 20px;
}
.progress-fill .hasta-text-block {
    display: table-cell;
    vertical-align: middle;
}
.progress-up .hasta-text-block {
    line-height: 1;
}
.progress-text-top {
    padding-bottom: 7px;
}
.progress-text-bottom {
    padding-top: 7px;
}
/*  9.9 Info Box
 ------------------------------ */
/*  9.10 Social Icons
 ------------------------------ */
.social-icons {
    margin: 0;
    padding: 0;
    line-height: 1;
}
.social-icons li {
    list-style: none;
    list-style-type: none;
    display: inline-block;
}
.social-icons.social-inline {
    margin-bottom: -15px !important;
}
.social-icons.social-inline li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.social-icons.social-inline li:last-child {
    margin-right: 0 !important;
}
.social-icons.social-block li {
    display: block;
    margin-bottom: 12px;
}
.social-icons.social-block li:last-child {
    margin-bottom: 0 !important;
}
/*  9.11 Author Team
 ------------------------------ */
.author-team {
    overflow: hidden;
}
.author-team .team-photo {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.author-team .team-photo img {
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.author-team .team-photo.pull-left {
    margin-right: 20px;
}
.author-team .team-photo.pull-right {
    margin-left: 20px;
}
.author-team .team-content {
    overflow: hidden;
}
.author-team .team-overlay {
    position: absolute;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    z-index: 2;
    margin: 0;
}
.author-team .team-overlay.opacity-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 35px;
    opacity: 0;
}
.author-team .team-overlay.opacity-overlay.active-overlay,
.author-team:hover .team-overlay.opacity-overlay,
.touch .author-team .team-overlay.opacity-overlay {
    opacity: 1;
}
.author-team .team-overlay.bottom-overlay {
    bottom: -100%;
    left: 0;
    width: 100%;
}
.author-team .team-overlay.bottom-overlay.active-overlay,
.author-team:hover .team-overlay.bottom-overlay,
.touch .author-team .team-overlay.bottom-overlay {
    bottom: 0;
}
.author-team .team-overlay.left-overlay {
    left: -100%;
    top: 0;
    height: 100%;
}
.author-team .team-overlay.left-overlay.active-overlay,
.author-team:hover .team-overlay.left-overlay,
.touch .author-team .team-overlay.left-overlay {
    left: 0;
}
.author-team .team-overlay.right-overlay {
    right: -100%;
    top: 0;
    height: 100%;
}
.author-team .team-overlay.right-overlay.active-overlay,
.author-team:hover .team-overlay.right-overlay,
.touch .author-team .team-overlay.right-overlay {
    right: 0;
}
@media (max-width:991px) {
    .author-team.author7,
    .author-team.author8 {
        text-align: center;
    }
    .author-team .team-photo.pull-left,
    .author-team .team-photo.pull-right {
        float: none !important;
        margin: 0 0 20px;
    }
}
/*  9.12 Quote
 ------------------------------ */
.testi-quote.quote2 .quote-image,
.testi-quote.quote3 .hasta-single-image {
    float: left;
    margin-right: 20px;
}
.testi-quote.quote5 .quote-image,
.testi-quote.quote6 .hasta-single-image {
    float: right;
    margin-left: 20px;
}
.testi-quote .photo-content,
.testi-quote .quote-content,
.testi-quote .quote-text {
    overflow: hidden;
}
.mark-enable .quote-content {
    position: relative;
    padding: 15px 30px;
}
.quote-mark {
    position: absolute;
    line-height: 1;
}
.mark-quote-left {
    /* No RTL */
    top: 0;
    left: 0;
}
.mark-quote-right {
    /* No RTL */
    bottom: 0;
    right: 0;
}
.mark-quote-left:before {
    /* No RTL */
    content: "\201C";
}
.mark-quote-right:before {
    /* No RTL */
    content: "\201E";
}
.testi-quote.mark-enable.quote2 .quote-content,
.testi-quote.mark-enable.quote3 .quote-content {
    padding: 0 0 0 30px;
}
.testi-quote.mark-enable.quote5 .quote-content,
.testi-quote.mark-enable.quote6 .quote-content {
    padding: 0 30px 0 0;
}
.testi-quote.quote2 .mark-quote-icon,
.testi-quote.quote3 .mark-quote-icon {
    top: 0;
    left: 0;
}
.testi-quote.quote5 .mark-quote-icon,
.testi-quote.quote6 .mark-quote-icon {
    top: 0;
    right: 0;
}
.testi-quote.quote2 .mark-quote-icon:before,
.testi-quote.quote3 .mark-quote-icon:before {
    content: "\201C";
}
.testi-quote.quote5 .mark-quote-icon:before,
.testi-quote.quote6 .mark-quote-icon:before {
    content: "\201D";
}
/* 9.13 Clients
 ------------------------------ */
.client {
    text-align: center;
}
.hasta-clients .client img {
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}
.hasta-clients .client img,
.hasta-clients .client img:hover {
    opacity: 1;
}
.owl-carousel .owl-item .client img {
    width: auto;
}
.hasta-client-list .owl-carousel .owl-stage-outer .owl-item {
    margin-top: 32px;
}
.client-list .client {
    float: left;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}
.client-list.col-2 .client {
    width: 50%;
}
.client-list.col-3 .client {
    width: 33.33%;
}
.client-list.col-4 .client {
    width: 25%;
}
.client-list.col-5 .client {
    width: 20%;
}
.client-list.col-6 .client {
    width: 16.66%;
}
.client-list .right-divider {
    border-top: none;
    border-bottom: none;
    border-left: none;
}
.client-list .bottom-divider {
    border-top: none;
    border-right: none;
    border-left: none;
    margin: 5px 0;
}
@media (max-width:768px) {
    .res .client-list.col-6 .client {
        width: 33.33%;
    }
    .res .client-list.col-4 .client,
    .res .client-list.col-5 .client {
        width: 50%;
    }
    .res .client-list.col-4 .bottom-divider,
    .res .client-list.col-4 .right-divider,
    .res .client-list.col-5 .bottom-divider,
    .res .client-list.col-5 .right-divider,
    .res .client-list.col-6 .bottom-divider,
    .res .client-list.col-6 .right-divider {
        border: none;
        margin: 0;
    }
}
@media (max-width: 320px) {
    .res .client-list.col-2 .client,
    .res .client-list.col-3 .client,
    .res .client-list.col-4 .client,
    .res .client-list.col-5 .client,
    .res .client-list.col-6 .client {
        width: 100%;
    }
    .res .client-list .bottom-divider,
    .res .client-list .right-divider {
        border: none;
        margin: 0;
    }
}
/* 9.14 Pricing Tables
 ------------------------------ */
.table-extra {
    height: 20px;
}
.pricing-table {
    position: relative;
}
.row.no-gutter .column_container:not(:last-child) .hasta-pricing:not(.pricing-highlight) {
    margin-right: -1px;
}
.pricing-table .features-list li .box-element,
.pricing-table .pricing-header .box-element {
    border-top: none;
    border-left: none;
    border-right: none;
}
.pricing-table .features-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.pricing-table .features-list li {
    list-style-type: none;
    margin: 0;
}
.pricing-table .header-price em {
    font-size: 55%;
    padding-top: 5px;
    line-height: 1 !important;
}
.pricing-table .pricing-circle .box-element .header-price {
    display: table-cell;
    vertical-align: middle;
}
.pricing-table .pricing-circle .box-element .header-price em {
    display: block;
}
.pricing-table.pricing2 .pricing-circle .box-element {
    position: absolute;
    width: 125px;
    height: 125px;
    top: -50px;
    left: 50%;
    margin-left: -63px;
    overflow: hidden;
    display: table;
    z-index: 3;
}
.pricing-table.pricing3 .pricing-circle .box-element {
    margin: 0 auto;
    width: 140px;
    height: 140px;
    margin-bottom: 20px;
    display: table;
}
.pricing-table.pricing2 .pricing-header {
    padding-top: 75px;
}
/* Ribbon - No RTL */
.pricing-table .ribbon-wrap {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 156px;
    width: 156px;
    overflow: hidden;
}
.pricing-table .ribbon {
    transform: rotate(45deg);
    width: 200px;
    height: 40px;
    margin: 0;
    text-align: center;
    white-space: no-wrap;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 36px;
}
.pricing-table .ribbon .first-corner,
.pricing-table .ribbon .second-corner {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    bottom: -15px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}
.pricing-table .ribbon .first-corner {
    left: 0;
    border-width: 15px 15px 0 0;
}
.pricing-table .ribbon .second-corner {
    right: 0;
    border-width: 15px 0 0 15px;
}
.pricing-table .ribbon-content {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.pricing-table .ribbon-text {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/* 9.15 Call Out
 ------------------------------ */
.callout .box-element {
    display: -webkit-box;
    display: -mox-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.callout .box-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.callout .hasta-icon {
    margin-right: 40px;
}
.callout .hasta-button {
    margin-left: 40px;
}
@media (max-width: 768px) {
    .res .callout .box-content,
    .res .callout .box-element,
    .res .callout .hasta-button,
    .res .callout .hasta-icon {
        display: block;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
    }
    .res .callout .hasta-icon {
        margin-bottom: 20px;
    }
    .res .callout .hasta-button {
        margin-top: 30px;
    }
}
/* 9.16 Info Box
 ------------------------------ */
.info-box .box-icon {
    display: inline-block;
}
.info-box.info-outside .box-icon {
    position: relative;
}
.info-box.infobox4.info-outside .box-icon {
    top: 0;
}
.info-box.infobox5.info-outside .box-icon {
    left: 0;
}
.info-box.infobox6.info-outside .box-icon {
    right: 0;
}
.info-box.infobox4.info-outside .box-element {
    padding-top: 0 !important;
}
.info-box.infobox5.info-outside .box-element {
    padding-left: 0 !important;
}
.info-box.infobox6.info-outside .box-element {
    padding-right: 0 !important;
}
.info-box .box-content {
    overflow: hidden;
}
/*
.info-box.infobox1 .box-content,
.info-box.infobox4 .box-content {
    padding-top: 20px;
}*/
.info-box.infobox2 .box-content,
.info-box.infobox5 .box-content {
    padding-left: 20px;
}
.info-box.infobox3 .box-content,
.info-box.infobox6 .box-content {
    padding-right: 20px;
}
.info-box.infobox7 .box-icon {
    position: relative;
}
.info-box.infobox7 .box-icon .image-price-box {
    min-width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -40px;
    margin-bottom: -40px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px;
}
/* 9.17 Tabs, Tour, & Accordion
 ------------------------------ */
.resp-tabs {
    display: none;
}
ul.resp-tabs-list {
    margin: 0 !important;
    padding: 0;
}
.resp-tabs-list li {
    display: inline-block;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}
.resp-tabs-list li:last-child {
    padding: 0;
}
.resp-tabs-list li.tabs-noborder:not(:last-child) .btn {
    border-right: none !important;
}
.resp-tabs-list li.tours-noborder:not(:last-child) .btn {
    border-bottom: none !important;
}
.resp-tab-content {
    display: none;
}
.resp-accordion-active,
.resp-content-active {
    display: block;
}
/* Tour */
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 25%;
}
.resp-vtabs .resp-tabs-list li,
.resp-vtabs .resp-tabs-list li .btn {
    display: block;
    margin: 0;
    cursor: pointer;
    float: none;
    text-align: left;
}
.resp-vtabs .resp-tabs-container {
    float: left;
    width: 75%;
    min-height: 250px;
    clear: none;
}
.resp-vtabs .resp-tab-content {
    word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
}
.resp-arrow {
    display: none;
}
/* Accordion styles */
.acc-pointer .resp-accordion .btn:after,
.acc-pointer .resp-accordion .read-more:after {
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    float: right;
}
.acc-pointer .resp-accordion.resp-tab-active .btn:after,
.acc-pointer .resp-accordion.resp-tab-active .read-more:after {
    content: "\f077";
}
.resp-accordion .read-more,
.resp-easy-accordion .resp-accordion,
.resp-easy-accordion .resp-accordion .btn {
    display: block;
    text-align: left;
}
.resp-easy-accordion .tab-content {
    padding-top: 20px;
    padding-bottom: 5px;
}
.resp-jfit {
    width: 100%;
    margin: 0;
}
.resp-tab-content-active {
    display: block;
}
.resp-accordion {
    cursor: pointer;
    display: none;
}
.resp-accordion .btn {
    margin-top: 10px;
}
.resp-accordion .read-more {
    margin-top: 20px;
}
.resp-accordion:first-child .btn,
.resp-accordion:first-child .read-more {
    margin-top: 0;
}
@media (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }
    .resp-accordion,
    .resp-accordion .btn {
        display: block;
        text-align: left;
    }
    .resp-tabs-container {
        padding: 0;
    }
    .tab-content {
        padding-top: 20px;
        padding-bottom: 5px;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
        padding-left: 0 !important;
    }
    .resp-accordion-closed {
        display: none !important;
    }
}
/* 9.18 Mailchimp
 ------------------------------ */
.form-box-field.mail,
.mailchimp {
    position: relative;
}
.submitinfo {
    position: absolute;
    top: -35px;
    left: 0;
    padding: 2px 15px;
    background-color: #242424;
    color: #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
    font-size: 0.9em;
    white-space: nowrap;
}
.submitinfo:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #242424;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -4px;
}
.submitinfo i {
    margin-right: 10px;
    color: #E30000;
    font-size: 0.9em;
}
.submitinfo.success i {
    color: #41AC00;
}
/* 9.19 jPlayer
 ------------------------------ */
body .jPlayer {
    position: relative;
}
body .jPlayer .controls {
    /* No RTL */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: none !important;
}
body .jPlayer.jp-state-playing .controls {
    display: block !important;
}
body .jPlayer a {
    color: #f9f9f9;
    text-decoration: none;
}
body .jPlayer.light a {
    color: #222;
}
body .jPlayer .controls .controlset .fullscreen,
body .jPlayer .controls .controlset .mute,
body .jPlayer .controls .controlset .pause,
body .jPlayer .controls .controlset .play,
body .jPlayer .controls .controlset .smallscreen,
body .jPlayer .controls .controlset .unmute {
    font-size: 18px;
}
body .jPlayer .controls .volumeblock .volume-control {
    vertical-align: inherit !important;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}
body .jPlayer .controls .progress-block .progress {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
body .jPlayer .icon-play-circle:before {
    display: inline-block;
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f04b';
}
body .jPlayer .playerScreen .video-play .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 24px !important;
    text-align: center;
    line-height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.5;
}
body .jPlayer .playerScreen .video-play .play-icon:hover {
    opacity: 0.7;
}
/* No RTL */
body .jPlayer .playerScreen .video-play .play-icon .icon-play-circle {
    margin-left: 5px;
}
/* 9.20 Info Circle
 ------------------------------ */
.info-circle .circle-content {
    overflow: hidden;
}
.circle-holder {
    position: relative;
    width: 280px;
    height: 190px;
    margin-right: 40px;
}
.circle-holder .circle {
    position: absolute;
    width: 190px;
    height: 190px;
    padding: 0;
    margin: 0;
    z-index: 1;
    right: 0;
    line-height: 80px;
    text-align: center;
    display: table;
    vertical-align: middle;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.circle-holder .circle .hasta-text-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.circle-holder .circle .hasta-text-block a:hover {
    text-decoration: underline;
}
.circle-holder .circle-img {
    position: absolute;
    width: 190px;
    height: 190px;
    z-index: 0;
    left: 0;
}
.circle-holder .circle-img img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
@media (max-width: 1200px) {
    .res .circle-holder {
        margin-right: 20px;
    }
}
@media (max-width: 992px) {
    .res .circle-holder {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none !important;
    }
}
/* 9.21 Carousel
 ------------------------------ */
.rd-carousel {
    position: relative;
    overflow: hidden;
}
.rd-carousel-wrap {
    position: relative;
}
.owl-theme .owl-controls,
.rd-nav-wrap {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.rd-nav-wrap .rd-nav-next,
.rd-nav-wrap .rd-nav-prev {
    cursor: pointer;
    z-index: 2;
}
.rd-nav-wrap.nav1 .rd-nav-next,
.rd-nav-wrap.nav1 .rd-nav-prev,
.rd-nav-wrap.nav4 .rd-nav-next,
.rd-nav-wrap.nav4 .rd-nav-prev {
    position: absolute;
    top: 50%;
}
.show-hov .rd-nav-wrap.nav1 .rd-nav-next,
.show-hov .rd-nav-wrap.nav1 .rd-nav-prev,
.show-hov .rd-nav-wrap.nav4 .rd-nav-next,
.show-hov .rd-nav-wrap.nav4 .rd-nav-prev {
    display: none;
}
.rd-nav-wrap.nav1 .rd-nav-prev {
    left: 10px;
}
.rd-nav-wrap.nav1 .rd-nav-next {
    right: 10px;
}
.rd-nav-wrap.nav4 .rd-nav-prev {
    left: 0;
}
.rd-nav-wrap.nav4 .rd-nav-next {
    right: 0;
}
.rd-nav-wrap:not(.nav1) .rd-nav-next,
.rd-nav-wrap:not(.nav1) .rd-nav-prev {
    display: inline-block;
}
.rd-nav-wrap:not(.nav1) > div {
    margin-right: 10px;
}
.rd-nav-wrap:not(.nav1) > div:last-child {
    margin-right: 0;
}
.rd-nav-wrap.nav2 .rd-nav-next,
.rd-nav-wrap.nav2 .rd-nav-prev {
    margin-top: 30px;
}
.rd-nav-wrap.nav3 .rd-nav-next,
.rd-nav-wrap.nav3 .rd-nav-prev {
    margin-bottom: 30px;
}
.owl-dots {
    width: 100%;
    line-height: 0;
    text-align: center;
}
.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 10px;
}
.owl-dots .owl-dot:last-child {
    margin: 0 !important;
}
.owl-dots .owl-dot span {
    display: block;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border-color: #ddd;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background-color: #869791;
    border-color: #869791;
}
.rd-carousel.pagi1 .owl-dots {
    margin-top: 30px;
}
.rd-carousel.pagi2 .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
}
.nav-slide-default.rd-nav-wrap.nav1 > div {
    font-size: 22px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    line-height: 37px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.nav-slide-default.rd-nav-wrap.nav1 > div:hover {
    background-color: rgba(0,0,0,0.8);
}
.nav-slide-default.rd-nav-wrap.nav1 .rd-nav-prev {
    left: 15px;
}
.nav-slide-default.rd-nav-wrap.nav1 .rd-nav-next {
    right: 15px;
}
/* 9.22 Post item
 ------------------------------ */
.post-item.content-inner {
    position: relative;
}
.post-item.content-inner .item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.post-item .item-image {
    position: relative;
    display: block;
}
.post-item .item-image .item-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 9.23 Countdown
 ------------------------------ */
.countdown {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
}
.countdown .countdown-content {
    overflow: hidden;
    text-align: center;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.countdown .countdown-section {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}
.countdown .countdown-section .countdown-main {
    white-space: nowrap;
    display: block;
    margin-top: 10px;
}
.countdown .countdown-section h4 {
    white-space: nowrap;
    line-height: 1em;
    padding: 0;
    margin: 0;
}
.countdown.style1 .countdown-section {
    margin-right: 40px;
    margin-left: 40px;
}
.countdown.style1 .countdown-section h4 {
    font-size: 70px;
}
.countdown.style2 .countdown-section .countdown-main {
    margin: 10px 0;
}
.countdown.style2 .countdown-section h4 {
    font-size: 45px;
    border-width: 3px;
    border-style: solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.countdown.style3 .countdown-section h4 {
    font-size: 50px;
}
.countdown.style3 .countdown-section {
    border-width: 3px;
    border-style: solid;
    width: 140px;
    padding: 25px 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
/* 9.24 Toggle
 ------------------------------ */
.hasta-element .vc_toggle {
    margin-bottom: 0 !important;
}
.hasta-element .vc_toggle_content {
    margin-bottom: 0;
    margin-top: 15px;
}
.vc_toggle:not(.text-only) > div {
    padding-left: 40px;
}
.vc_toggle.toggle_style_default > div {
    padding-left: 35px;
}
.toggle-icon,
.vc_toggle_title .text-block {
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.toggle-icon {
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.toggle-icon.toggle_round,
.toggle-icon.toggle_round_outline {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.toggle-icon.toggle_rounded,
.toggle-icon.toggle_rounded_outline {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.toggle-icon.toggle_round,
.toggle-icon.toggle_rounded,
.toggle-icon.toggle_square {
    background-color: #333;
    color: #fff;
}
.toggle-icon.toggle_round_outline,
.toggle-icon.toggle_rounded_outline,
.toggle-icon.toggle_square_outline {
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
    color: #333;
}
.toggle-icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.toggle-icon.toggle_plusminus:before {
    content: '\f067';
}
.toggle-icon.toggle_angle:before {
    content: '\f107';
}
.toggle-icon.toggle_chevron:before {
    content: '\f078';
}
.toggle-icon.toggle_caret:before {
    content: '\f0d7';
}
.vc_toggle_active .toggle-icon.toggle_plusminus:before {
    content: '\f068';
}
.vc_toggle_active .toggle-icon.toggle_angle:before {
    content: '\f106';
}
.vc_toggle_active .toggle-icon.toggle_chevron:before {
    content: '\f077';
}
.vc_toggle_active .toggle-icon.toggle_caret:before {
    content: '\f0d8';
}
.toggle-icon:not(.toggle_default).toggle_chevron,
.toggle-icon:not(.toggle_default).toggle_plusminus {
    font-size: 10px;
}
.toggle-icon.toggle_default.toggle_plusminus {
    font-size: 16px;
}
.toggle-icon:not(.toggle_default).toggle_angle {
    font-size: 14px;
}
.toggle-icon.toggle_default.toggle_angle {
    font-size: 20px;
}
.toggle-icon:not(.toggle_default).toggle_caret {
    font-size: 12px;
}
.toggle-icon.toggle_default.toggle_caret,
.toggle-icon.toggle_default.toggle_chevron {
    font-size: 16px;
}
/* 9.25 Lightbox / Magnify Popup - No RTL
 ------------------------------ */
.mfp-counter {
    direction: ltr;
}
.mfp-hasta-arrow {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    margin-top: -20px;
    z-index: 9999;
    -webkit-tap-highlight-color: transparent;
    font-size: 22px;
}
.mfp-hasta-arrow-right {
    right: 20px;
}
.mfp-hasta-arrow-left {
    left: 20px;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
body .not-inline.mfp-close {
    right: 20px;
    top: 20px;
    font-weight: normal;
}
@media only screen and (max-width: 360px), (max-height: 600px) {
    .mfp-hasta-arrow,
    body .not-inline.mfp-close {
        -ms-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    body .not-inline.mfp-close {
        top: 10px;
        right: 10px;
    }
    body .mfp-hasta-arrow-left {
        left: 10px;
    }
    body .mfp-hasta-arrow-right {
        right: 10px;
    }
}
/* Inline Pupop */
.inline-box {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.inline-box-title {
    margin-bottom: 20px;
}
.inline-box .section {
    padding: 30px;
}
.inline-box .footer {
    padding: 15px 30px;
    text-align: center;
}
.inline-box .mfp-close {
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0;
}
.inline-box .footer a.inline-popup {
    display: block;
    margin-bottom: 5px;
    font-size: 0.9em;
}
.inline-box .footer a.inline-popup:last-child {
    margin-bottom: 0;
}
/* ---------------------------------------------------------------------------
 * 10. Footer
 * --------------------------------------------------------------------------- */
.footer-widgets .widget-items > div > .widget {
    margin-bottom: 40px;
}
.footer-widgets .widget-items > div > .widget:last-child {
    margin-bottom: 0;
}
.addons-line {
    margin-bottom: 50px;
}
.footer-widgets {
    background-repeat: no-repeat;
    background-position: center center;
}
.addons-line,
.footer-copyright,
.footer-widgets {
    border-top-width: 1px;
    border-top-style: solid;
}
.footer-elements .widget {
    margin-bottom: 25px;
}
.footer-elements .widget:last-child {
    margin-bottom: 0;
}
.footer-elements ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footer-elements ul li {
    display: inline-block;
    margin-right: 6px;
}
.footer-elements ul li:last-child {
    margin-right: 0;
}
@media (max-width: 768px) {
    .res .footer-elements .footer-element {
        text-align: left;
        width: 100%;
        margin-bottom: 25px;
    }
    .res .footer-elements .footer-element:last-child,
    .res .widget-items > div:last-child {
        margin-bottom: 0;
    }
    .res .widget-items > div {
        margin-bottom: 40px;
    }
    .res .footer-copyright .footer-element,
    .res .footer-copyright .footer-element .text-left,
    .res .footer-copyright .footer-element .text-right {
        text-align: center !important;
    }
}
/* 10.1 Back to Top
 ------------------------------ */
.scroll-to-top {
    position: fixed;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-transition: bottom 0.25s ease-out 0s, background 0.25s ease-out 0s;
    -moz-transition: bottom 0.25s ease-out 0s, background 0.25s ease-out 0s;
    -ms-transition: bottom 0.25s ease-out 0s, background 0.25s ease-out 0s;
    -o-transition: bottom 0.25s ease-out 0s, background 0.25s ease-out 0s;
    transition: bottom 0.25s ease-out 0s, background 0.25s ease-out 0s;
    font-family: Arial, Helvetica, sans-serif;
}
.scroll-to-top.def {
    bottom: -32px;
    right: 20px;
    width: 55px;
    height: 32px;
    line-height: 28px;
    font-size: 28px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.scroll-to-top:not(.def) {
    bottom: -40px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 36px;
}
.show-scroll-top.scroll-to-top.def {
    bottom: 0;
}
.show-scroll-top.scroll-to-top:not(.def) {
    bottom: 20px;
}
@media (max-width: 768px) {
    .res .no-scroll-mobile.scroll-to-top {
        display: none !important;
    }
}
/* ---------------------------------------------------------------------------
 * 11. Vendors
 * --------------------------------------------------------------------------- */
/* 11.1 Contact Form 7
 ------------------------------ */
div.wpcf7-response-output {
    padding: 15px;
    margin: 20px 0 0;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.wpcf7-mail-sent-ok {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
div.wpcf7-mail-sent-ng {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
div.wpcf7-spam-blocked {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
div.wpcf7-validation-errors {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
/* 11.2 Woocommerce
 ------------------------------ */
.navbar-cart .cart-header {
    position: relative;
    line-height: 1;
    display: block;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.navbar-cart .cart-header .cart-count {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
}
/* 11.3 Jetpack
 ------------------------------ */
.content-item .contact-form input[type='email'],
.content-item .contact-form input[type='text'] {
    width: 100%;
    max-width: 100%;
}
.content-item .contact-form textarea {
    width: 100%;
}
.widget_contact_info > div {
    margin-bottom: 10px;
}
/* 11.4 WPML
 ------------------------------ */
#lang_sel_list ul {
    border: none !important;
}
#lang_sel_list a {
    font-size: inherit !important;
    background: none !important;
    line-height: inherit !important;
    padding-left: 10px !important;
}
#lang_sel_list li:first-child a {
    padding-left: 0 !important;
}
#lang_sel {
    width: 100%;
    height: auto;
}
#lang_sel a {
    line-height: 35px;
    font-size: inherit;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#lang_sel li,
#lang_sel ul ul {
    width: 100%;
}
#lang_sel ul ul {
    top: 36px;
}
#lang_sel ul ul a {
    padding: 12px 10px;
}
.navbar-nav .menu-item-language-current,
.navbar-nav .submenu-languages {
    display: none;
}
.navbar-nav .menu-item-language-current.dropdown {
    display: block;
}
.toplist-flag {
    display: inline-block;
    margin-right: 8px;
}
.toplist-flag-text {
    display: inline-block;
}
/* 11.5 Master Slider - No RTL
 ------------------------------ */
body .ms-skin-default .ms-nav-next,
body .ms-skin-default .ms-nav-prev {
    background: none;
    line-height: 40px;
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: 22px;
    color: #fff;
}
body .ms-skin-default .ms-nav-next:before {
    content: "\f054";
}
body .ms-skin-default .ms-nav-prev:before {
    content: "\f053";
}
body .ms-skin-default .ms-nav-next {
    right: 10px;
}
body .ms-skin-default .ms-nav-prev {
    left: 10px;
}
/* ---------------------------------------------------------------------------
 * 12. Helper
 * --------------------------------------------------------------------------- */
.overflow-hidden {
    overflow: hidden;
}
.inline-block {
    display: inline-block;
}
.hasta-text-block .text-block-bg {
    padding: 0 10px;
    display: inline-block;
}
.tooltip.top {
    margin-top: 0;
}
.tooltip-arrow {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}
.no-overflow {
    overflow: hidden;
}
.no-overflow-y {
    overflow-y: hidden;
}
.float-none {
    float: none !important;
}
.hide-text {
    text-indent: -99999px;
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
}
.sec-text {
    opacity: 0.5;
}
a.sec-text {
    opacity: 1;
}
.hide-content {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.b-bg-none,
.bg-none,
.col-bg-none,
.row-bg-none {
    background-color: transparent;
}
.outline-none,
.s-hov-outline-none li a:hover,
.s-outline-none li a {
    border: none !important;
}
.inline-box .mfp-close:hover {
    background: none !important;
}
.hasta-anim {
    opacity: 0;
}
.hasta-anim.animated {
    opacity: 1;
}
.short-content h1,
.short-content h2,
.short-content h3,
.short-content h4,
.short-content h5,
.short-content h6 {
    margin: 0;
}
.visible-hide {
    visibility: hidden;
}
.color-inherit {
    font-size: inherit !important;
    color: inherit !important;
}
.color-inherit:hover {
    text-decoration: underline;
}
.fluid-width-video-wrapper embed,
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object {
    border: none;
}
.alert-success {
    border-color: #d6e9c6 !important;
}
.alert-info {
    border-color: #bce8f1 !important;
}
.alert-warning {
    border-color: #faebcc !important;
}
.alert-danger {
    border-color: #ebccd1 !important;
}
.alert ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 10px;
}
.alert ul li {
    padding: 0;
    margin-bottom: 10px;
}
.alert ul li:last-child {
    margin-bottom: 0;
}
/* 12.1 Align
 ------------------------------ */
.el-align-left {
    text-align: left;
}
.el-align-center {
    text-align: center;
}
.el-align-right {
    text-align: right;
}
/* 12.2 Margins
 ------------------------------ */
.nomargin {
    margin: 0 !important;
}
.bmargin {
    margin-bottom: 0;
}
.tmargin {
    margin-top: 0;
}
/* 12.3 Paddings
 ------------------------------ */
.nopadding {
    padding: 0 !important;
}
.ptop-0 {
    padding-top: 0;
}
.ptop-2 {
    padding-top: 2px;
}
.ptop-4 {
    padding-top: 4px;
}
.ptop-6 {
    padding-top: 6px;
}
.ptop-8 {
    padding-top: 8px;
}
.ptop-10 {
    padding-top: 10px;
}
.ptop-15 {
    padding-top: 15px;
}
.ptop-20 {
    padding-top: 20px;
}
.ptop-30 {
    padding-top: 30px;
}
.ptop-40 {
    padding-top: 40px;
}
.ptop-50 {
    padding-top: 50px;
}
.ptop-60 {
    padding-top: 60px;
}
.ptop-70 {
    padding-top: 70px;
}
.ptop-80 {
    padding-top: 80px;
}
.ptop-90 {
    padding-top: 90px;
}
.ptop-100 {
    padding-top: 100px;
}
.pbottom-0 {
    padding-bottom: 0;
}
.pbottom-2 {
    padding-bottom: 2px;
}
.pbottom-4 {
    padding-bottom: 4px;
}
.pbottom-6 {
    padding-bottom: 6px;
}
.pbottom-8 {
    padding-bottom: 8px;
}
.pbottom-10 {
    padding-bottom: 10px;
}
.pbottom-15 {
    padding-bottom: 15px;
}
.pbottom-20 {
    padding-bottom: 20px;
}
.pbottom-30 {
    padding-bottom: 30px;
}
.pbottom-40 {
    padding-bottom: 40px;
}
.pbottom-50 {
    padding-bottom: 50px;
}
.pbottom-60 {
    padding-bottom: 60px;
}
.pbottom-70 {
    padding-bottom: 70px;
}
.pbottom-80 {
    padding-bottom: 80px;
}
.pbottom-90 {
    padding-bottom: 90px;
}
.pbottom-100 {
    padding-bottom: 100px;
}
.pleft-0 {
    padding-left: 0;
}
.pleft-2 {
    padding-left: 2px;
}
.pleft-4 {
    padding-left: 4px;
}
.pleft-6 {
    padding-left: 6px;
}
.pleft-8 {
    padding-left: 8px;
}
.pleft-10 {
    padding-left: 10px;
}
.pleft-15 {
    padding-left: 15px;
}
.pleft-20 {
    padding-left: 20px;
}
.pleft-30 {
    padding-left: 30px;
}
.pleft-40 {
    padding-left: 40px;
}
.pleft-50 {
    padding-left: 50px;
}
.pleft-60 {
    padding-left: 60px;
}
.pleft-70 {
    padding-left: 70px;
}
.pleft-80 {
    padding-left: 80px;
}
.pleft-90 {
    padding-left: 90px;
}
.pleft-100 {
    padding-left: 100px;
}
.pright-0 {
    padding-right: 0;
}
.pright-2 {
    padding-right: 2px;
}
.pright-4 {
    padding-right: 4px;
}
.pright-6 {
    padding-right: 6px;
}
.pright-8 {
    padding-right: 8px;
}
.pright-10 {
    padding-right: 10px;
}
.pright-15 {
    padding-right: 15px;
}
.pright-20 {
    padding-right: 20px;
}
.pright-30 {
    padding-right: 30px;
}
.pright-40 {
    padding-right: 40px;
}
.pright-50 {
    padding-right: 50px;
}
.pright-60 {
    padding-right: 60px;
}
.pright-70 {
    padding-right: 70px;
}
.pright-80 {
    padding-right: 80px;
}
.pright-90 {
    padding-right: 90px;
}
.pright-100 {
    padding-right: 100px;
}
/* 12.4 Letter spacing
 ------------------------------ */
.lspace-1 {
    letter-spacing: 1px;
}
.lspace-2 {
    letter-spacing: 2px;
}
.lspace-3 {
    letter-spacing: 3px;
}
.lspace-4 {
    letter-spacing: 4px;
}
.lspace-5 {
    letter-spacing: 5px;
}
.lspace-10 {
    letter-spacing: 10px;
}
.lspace-20 {
    letter-spacing: 20px;
}
.lspace-30 {
    letter-spacing: 30px;
}
.lspace-40 {
    letter-spacing: 40px;
}
.lspace-50 {
    letter-spacing: 50px;
}
/* 12.5 Radius
 ------------------------------ */
.radius-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radius-large {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.radius-medium {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.radius-small {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.radius-tiny {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* 12.6 Opacity
 ------------------------------ */
.opacity-1 {
    opacity: 0.1;
}
.opacity-2 {
    opacity: 0.1;
}
.opacity-3 {
    opacity: 0.3;
}
.opacity-4 {
    opacity: 0.4;
}
.opacity-5 {
    opacity: 0.5;
}
.opacity-6 {
    opacity: 0.6;
}
.opacity-7 {
    opacity: 0.7;
}
.opacity-8 {
    opacity: 0.8;
}
.opacity-9 {
    opacity: 0.9;
}
/* 12.7 Width
 ------------------------------ */
.width-1 {
    width: 10%;
}
.width-2 {
    width: 20%;
}
.width-3 {
    width: 30%;
}
.width-4 {
    width: 40%;
}
.width-5 {
    width: 50%;
}
.width-6 {
    width: 60%;
}
.width-7 {
    width: 70%;
}
.width-8 {
    width: 80%;
}
.width-9 {
    width: 90%;
}
.width-10 {
    width: 100%;
}
/* 12.8 Border style
 ------------------------------ */
.border-solid {
    border-style: solid;
}
.border-dotted {
    border-style: dotted;
}
.border-dashed {
    border-style: dashed;
}
.border-double {
    border-style: double;
}
/* 12.9 Border width
 ------------------------------ */
.weight-1 {
    border-width: 1px;
}
.weight-2 {
    border-width: 2px;
}
.weight-3 {
    border-width: 3px;
}
.weight-4 {
    border-width: 5px;
}
.weight-5 {
    border-width: 5px;
}
.weight-6 {
    border-width: 6px;
}
.weight-7 {
    border-width: 7px;
}
.weight-8 {
    border-width: 8px;
}
.weight-9 {
    border-width: 9px;
}
.weight-10 {
    border-width: 10px;
}
/* 12.10 Element loading
 ------------------------------

.c-loading {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    height: 300px;
}
.c-loading:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: c-rotation .8s infinite linear;
    animation: c-rotation .8s infinite linear;
    border-left: 3px solid rgba(114, 144, 182, 0.15);
    border-right: 3px solid rgba(114, 144, 182, 0.15);
    border-bottom: 3px solid rgba(114, 144, 182, 0.15);
    border-top: 3px solid rgba(114, 144, 182, 0.8);
    border-radius: 100%;
}
@-webkit-keyframes c-rotation {
  0 {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes c-rotation {
  0 {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }*/
/* ---------------------------------------------------------------------------
 * 13. Misc
 * --------------------------------------------------------------------------- */
.nicescroll-rails {
    display: block !important;
    opacity: 1 !important;
}
/* 13.1 404 Page
 ------------------------------ */
.error-holder h1 {
    font-size: 120px;
    line-height: 1;
}
/* 13.2 Blank Page
 ------------------------------ */
.body-blank {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow-x: hidden;
}
.body-blank .site_wrapper {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 100%;
}
/* 13.3 Preloader
 ------------------------------ */
.sk-fading-circle {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}
.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #000;
}
.preloader-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.preloader .preload-icon {
    margin: 0 auto;
}
/* ---------------------------------------------------------------------------
 * 14. Global Boxed
 * --------------------------------------------------------------------------- */
.bg-element-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background-position: 50% 50% !important;
    background-size: cover !important;
}
.bg-element {
    position: relative;
    width: 100%;
    z-index: 3;
}
.boxed-link {
    display: block;
}
.el-boxed {
    padding: 40px;
    margin: 0 0 40px !important;
}
.el-boxed:last-child {
    margin: 0 !important;
}
.el-boxed.without-border {
    border: none !important;
}
.el-boxed.thumb-boxed .entry-photo,
.el-boxed.thumb-boxed > .blog-post > .entry-header > .entry-media,
.el-boxed.thumb-boxed > .page-post > .entry-media,
.el-boxed.thumb-boxed.blog-post .entry-media {
    margin: -40px -40px 40px;
}
.el-boxed.thumb-boxed.with-border .entry-photo,
.el-boxed.thumb-boxed.with-border > .blog-post > .entry-header > .entry-media,
.el-boxed.thumb-boxed.with-border > .page-post > .entry-media,
.el-boxed.thumb-boxed.with-border.blog-post .entry-media {
    margin: -41px -41px 40px;
}
.el-boxed.thumb-boxed.thumb-left.blog-post .entry-media {
    margin: -40px 0 -40px -40px;
}
.el-boxed.thumb-boxed.thumb-left.with-border.blog-post .entry-media {
    margin: -41px 0 -41px -41px;
}
.el-boxed.thumb-boxed.thumb-right.blog-post .entry-media {
    margin: -40px -40px -40px 0;
}
.el-boxed.thumb-boxed.thumb-right.with-border.blog-post .entry-media {
    margin: -41px -41px -41px 0;
}
/* Boxed Medium */
.el-boxed.pad-medium {
    padding: 30px;
}
.el-boxed.thumb-boxed.pad-medium .entry-photo,
.el-boxed.thumb-boxed.pad-medium > .blog-post > .entry-header > .entry-media,
.el-boxed.thumb-boxed.pad-medium > .page-post > .entry-media,
.el-boxed.thumb-boxed.pad-medium.blog-post .entry-media {
    margin: -30px -30px 30px;
}
.el-boxed.thumb-boxed.with-border.pad-medium .entry-photo,
.el-boxed.thumb-boxed.with-border.pad-medium > .blog-post > .entry-header > .entry-media,
.el-boxed.thumb-boxed.with-border.pad-medium > .page-post > .entry-media,
.el-boxed.thumb-boxed.with-border.pad-medium.blog-post .entry-media {
    margin: -31px -31px 30px;
}
.el-boxed.thumb-boxed.thumb-left.pad-medium.blog-post .entry-media {
    margin: -30px 0 -30px -30px;
}
.el-boxed.thumb-boxed.thumb-left.with-border.pad-medium.blog-post .entry-media {
    margin: -31px 0 -31px -31px;
}
.el-boxed.thumb-boxed.thumb-right.pad-medium.blog-post .entry-media {
    margin: -30px -30px -30px 0;
}
.el-boxed.thumb-boxed.thumb-right.with-border.pad-medium.blog-post .entry-media {
    margin: -31px -31px -31px 0;
}
/* Boxed Small */
.el-boxed.pad-small {
    padding: 25px;
}
.el-boxed.thumb-boxed.pad-small .entry-photo,
.el-boxed.thumb-boxed.pad-small > .blog-post > .entry-header > .entry-media,
.el-boxed.thumb-boxed.pad-small > .page-post > .entry-media,
.el-boxed.thumb-boxed.pad-small.blog-post .entry-media {
    margin: -25px -25px 30px;
}
.el-boxed.thumb-boxed.with-border.pad-small .entry-photo,
.el-boxed.thumb-boxed.with-border.pad-small > .blog-post > .entry-header > .entry-media,
.el-boxed.thumb-boxed.with-border.pad-small > .page-post > .entry-media,
.el-boxed.thumb-boxed.with-border.pad-small.blog-post .entry-media:not(.media-related) {
    margin: -26px -26px 30px;
}
.el-boxed.thumb-boxed.thumb-left.pad-small.blog-post .entry-media {
    margin: -25px 0 -25px -25px;
}
.el-boxed.thumb-boxed.thumb-left.with-border.pad-small.blog-post .entry-media {
    margin: -26px 0 -26px -26px;
}
.el-boxed.thumb-boxed.thumb-right.pad-small.blog-post .entry-media {
    margin: -25px -25px -25px 0;
}
.el-boxed.thumb-boxed.thumb-right.with-border.pad-small.blog-post .entry-media {
    margin: -26px -26px -26px 0;
}
/* Boxed Left/Right Image */
.el-boxed .box-left-inner {
    padding-right: 40px;
}
.el-boxed.pad-medium .box-left-inner {
    padding-right: 30px;
}
.el-boxed.pad-small .box-left-inner {
    padding-right: 25px;
}
.el-boxed .box-right-inner {
    padding-left: 40px;
}
.el-boxed.pad-medium .box-right-inner {
    padding-left: 30px;
}
.el-boxed.pad-small .box-right-inner {
    padding-left: 25px;
}
@media (max-width: 768px) {
    .res .el-boxed.thumb-boxed.thumb-left.blog-post .entry-media {
        margin: -40px -40px 40px;
    }
    .res .el-boxed.thumb-boxed.thumb-left.with-border.blog-post .entry-media {
        margin: -41px -41px 40px;
    }
    .res .el-boxed.thumb-boxed.thumb-right.blog-post .entry-media {
        margin: 40px -40px -40px;
    }
    .res .el-boxed.thumb-boxed.thumb-right.with-border.blog-post .entry-media {
        margin: 40px -41px -41px;
    }
    .res .el-boxed.thumb-boxed.thumb-left.pad-medium.blog-post .entry-media {
        margin: -30px -30px 30px;
    }
    .res .el-boxed.thumb-boxed.thumb-left.with-border.pad-medium.blog-post .entry-media {
        margin: -31px -31px 30px;
    }
    .res .el-boxed.thumb-boxed.thumb-right.pad-medium.blog-post .entry-media {
        margin: 30px -30px -30px;
    }
    .res .el-boxed.thumb-boxed.thumb-right.with-border.pad-medium.blog-post .entry-media {
        margin: 30px -31px -31px;
    }
    .res .el-boxed.thumb-boxed.thumb-left.pad-small.blog-post .entry-media {
        margin: -25px -25px 25px;
    }
    .res .el-boxed.thumb-boxed.thumb-left.with-border.pad-small.blog-post .entry-media {
        margin: -26px -26px 25px;
    }
    .res .el-boxed.thumb-boxed.thumb-right.pad-small.blog-post .entry-media {
        margin: 25px -25px -25px;
    }
    .res .el-boxed.thumb-boxed.thumb-right.with-border.pad-small.blog-post .entry-media {
        margin: 25px -26px -26px;
    }
    .res .el-boxed .box-left-inner,
    .res .el-boxed .box-right-inner,
    .res .el-boxed.pad-small .box-left-inner,
    .res .el-boxed.pad-small .box-right-inner {
        padding: 0;
    }
}