/* -------------------------------------------
[Table of contents]

[Color codes]
    Background: #ffffff
    Body Color : #999;
    Accent color: #18c9de

[Typography]
    Body:   14/28px 'Poppins', sans-serif;
    Input:  14/40px
    Textarea:   14/28px

[Component module]

1.0 RESET BROWSER
	1.1 CUSTOM COLUMN
	1.2 VISUAL COMPOSER
	1.3 WORDPRESS DATA SAMPLE
	1.4 LOADING AJAX
	1.5 BANNER EFFECT
2.0 DEFAULT SETTING
	2.1 FORM THEME
	2.2 TABLE THEME
	2.3 SLICK SLIDER
3.0 HEADER THEME
	3.1 HEADER STICKY + HEADER TRANSPARENT
	3.2 MAIN MENU
	3.3 BURGER MENU
	3.4 SEARCH FORM
4.0 BLOG THEME
	4.1 POST ITEM
	4.2 BLOG COMMENT
5.0 PORTFOLIO THEME
	5.1 PORTFOLIO PAGE
	5.2 PORTFOLIO SINGLE
6.0 SHOP THEME
	6.1 SHOP PAGE
	6.2 SINGLE PRODUCT
	6.3 CART PAGE
	6.4 CHECKOUT PAGE
	6.5 MY ACCOUNT PAGE
	6.6 WISHLIST PAGE
7.0 WIDGET + PAGINATION + BREADCRUMB
	7.1 WIDGET THEME
	7.2 BREADCRUMB THEME
	7.3 PAGINATION THEME
8.0 FOOTER
9.0 PAGE THEME
	9.1 CONTACT PAGE
	9.2 PAGE 404
	9.3 OFFCANVAS PAGE + MENU SLIDE
	9.4 FULLPAGE
	9.5 SEARCH PAGE
10.0 SHORTCODE
	10.1 BAQUE BUTTON
	10.2 BAQUE SOCIAL
	10.3 BAQUE HEADING
	10.4 BAQUE ICONBOX
	10.5 BAQUE PERSON
	10.6 BAQUE TESTIMONIAL
	10.7 BAQUE BANNER
	10.8 BAQUE BLOG
	10.9 BAQUE PORTFOLIO
	10.10 BAQUE TABS
	10.11 BAQUE PROGRESSBAR
	10.12 BAQUE CUSTOM MENU
	10.13 BAQUE CALL TO ACTION
	10.14 BAQUE TIMELINE
	10.15 BAQUE NEWSLETTER
11.0 CUSTOM OTHER
/*==========================================================================
1.0 DEFAUL SETTING
========================================================================== */
body {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

ul, ol {
    margin: 0;
    padding-left: 19px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin-bottom: 26px;
}

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

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.page-links {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.page-links > span.page-links-title {
    line-height: 44px;
}

.page-links > a,
.page-links > span:not(.page-links-title) {
    color: #cbd1da;
    display: inline-block;
    min-width: 44px;
    padding: 0 3px;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    position: relative;
    line-height: 42px;
    height: 44px;
    border: 1px solid;
    margin: 3px;
}

.page-links > span:not(.page-links-title),
.page-links > a:hover {
    color: #333333;
}

.more-link::after {
    content: "\f178";
    font-family: 'FontAwesome', sans-serif;
    margin-left: 5px;
    vertical-align: middle;
}

.post-password-form input[type="submit"]:hover {
    background-color: #18c9de;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 2em;
    margin: 0 0 30px;
    position: relative;
    background-color: #fafafa;
    color: #111111;
    border-top: 3px solid #4CAF50;
    list-style: none !important;
    width: auto;
    word-wrap: break-word;
}

.woocommerce-error:after, .woocommerce-error:before, .woocommerce-info:after, .woocommerce-info:before, .woocommerce-message:after, .woocommerce-message:before {
    content: " ";
    display: table;
}

.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
    float: right;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    margin: 0;
}

.woocommerce-error {
    border-color: #f44336;
}

.woocommerce-info {
    border-color: #2196F3;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus, select:focus {
    outline: none;
}

:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-moz-placeholder { /* Firefox 18- */
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
button.disabled,
button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed;
}

.return-message {
    line-height: 20px;
    padding: 10px;
    margin-top: 15px;
}

/*----------------------------
1.1 CUSTOM COLUMN
--------------------------------*/
/*----------------------------
AUTO CLEAR
--------------------------------*/
@media (min-width: 1200px) {
    .auto-clear .vc_col-lg-1:nth-child(12n+1), .auto-clear .vc_col-lg-2:nth-child(6n+1), .auto-clear .vc_col-lg-15:nth-child(5n+1), .auto-clear .vc_col-lg-3:nth-child(4n+1), .auto-clear .vc_col-lg-4:nth-child(3n+1), .auto-clear .vc_col-lg-6:nth-child(odd) {
        clear: both;
    }
}

@media (min-width: 1500px) {
    .auto-clear .col-bg-1:nth-child(12n+1), .auto-clear .col-bg-2:nth-child(6n+1), .auto-clear .col-bg-15:nth-child(5n+1), .auto-clear .col-bg-3:nth-child(4n+1), .auto-clear .col-bg-4:nth-child(3n+1), .auto-clear .col-bg-6:nth-child(odd) {
        clear: both;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .auto-clear .col-lg-1:nth-child(12n+1), .auto-clear .col-lg-2:nth-child(6n+1), .auto-clear .col-lg-15:nth-child(5n+1), .auto-clear .col-lg-3:nth-child(4n+1), .auto-clear .col-lg-4:nth-child(3n+1), .auto-clear .col-lg-6:nth-child(odd) {
        clear: both;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .auto-clear .vc_col-md-1:nth-child(12n+1), .auto-clear .vc_col-md-2:nth-child(6n+1), .auto-clear .vc_col-md-15:nth-child(5n+1), .auto-clear .vc_col-md-3:nth-child(4n+1), .auto-clear .vc_col-md-4:nth-child(3n+1), .auto-clear .vc_col-md-6:nth-child(odd), .auto-clear .col-md-1:nth-child(12n+1), .auto-clear .col-md-2:nth-child(6n+1), .auto-clear .col-md-15:nth-child(5n+1), .auto-clear .col-md-3:nth-child(4n+1), .auto-clear .col-md-4:nth-child(3n+1), .auto-clear .col-md-6:nth-child(odd) {
        clear: both;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .auto-clear .vc_col-sm-1:nth-child(12n+1), .auto-clear .vc_col-sm-2:nth-child(6n+1), .auto-clear .vc_col-sm-15:nth-child(5n+1), .auto-clear .vc_col-sm-3:nth-child(4n+1), .auto-clear .vc_col-sm-4:nth-child(3n+1), .auto-clear .vc_col-sm-6:nth-child(odd), .auto-clear .col-sm-1:nth-child(12n+1), .auto-clear .col-sm-2:nth-child(6n+1), .auto-clear .col-sm-15:nth-child(5n+1), .auto-clear .col-sm-3:nth-child(4n+1), .auto-clear .col-sm-4:nth-child(3n+1), .auto-clear .col-sm-6:nth-child(odd) {
        clear: both;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .auto-clear .col-xs-1:nth-child(12n+1), .auto-clear .col-xs-2:nth-child(6n+1), .auto-clear .col-xs-15:nth-child(5n+1), .auto-clear .col-xs-3:nth-child(4n+1), .auto-clear .col-xs-4:nth-child(3n+1), .auto-clear .col-xs-6:nth-child(odd) {
        clear: both;
    }
}

@media (max-width: 479px) {
    .auto-clear .col-ts-1:nth-child(12n+1), .auto-clear .col-ts-2:nth-child(6n+1), .auto-clear .col-ts-15:nth-child(5n+1), .auto-clear .col-ts-3:nth-child(4n+1), .auto-clear .col-ts-4:nth-child(3n+1), .auto-clear .col-ts-6:nth-child(odd) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .auto-clear .vc_col-xs-1:nth-child(12n+1), .auto-clear .vc_col-xs-2:nth-child(6n+1), .auto-clear .vc_col-xs-15:nth-child(5n+1), .auto-clear .vc_col-xs-3:nth-child(4n+1), .auto-clear .vc_col-xs-4:nth-child(3n+1), .auto-clear .vc_col-xs-6:nth-child(odd) {
        clear: both;
    }
}

/*-----------------------CUSTOM 5 COLUMNS---------------------------*/
.col-bg-15,
.col-bg-25,
.col-bg-35,
.col-bg-45,
.col-lg-15,
.col-lg-25,
.col-lg-35,
.col-lg-45,
.col-md-15,
.col-md-25,
.col-md-35,
.col-md-45,
.col-sm-15,
.col-sm-25,
.col-sm-35,
.col-sm-45,
.col-xs-15,
.col-xs-25,
.col-xs-35,
.col-xs-45,
.col-ts-15,
.col-ts-25,
.col-ts-35,
.col-ts-45 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (max-width: 479px) {
    .col-ts-15,
    .col-ts-25,
    .col-ts-35,
    .col-ts-45 {
        float: left;
    }

    .col-ts-15 {
        width: 20%;
    }

    .col-ts-25 {
        width: 40%;
    }

    .col-ts-35 {
        width: 60%;
    }

    .col-ts-45 {
        width: 80%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .col-xs-15,
    .col-xs-25,
    .col-xs-35,
    .col-xs-45 {
        float: left;
    }

    .col-xs-15 {
        width: 20%;
    }

    .col-xs-25 {
        width: 40%;
    }

    .col-xs-35 {
        width: 60%;
    }

    .col-xs-45 {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-15,
    .col-sm-25,
    .col-sm-35,
    .col-sm-45 {
        float: left;
    }

    .col-sm-15 {
        width: 20%;
    }

    .col-sm-25 {
        width: 40%;
    }

    .col-sm-35 {
        width: 60%;
    }

    .col-sm-45 {
        width: 80%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-15,
    .col-md-25,
    .col-md-35,
    .col-md-45 {
        float: left;
    }

    .col-md-15 {
        width: 20%;
    }

    .col-md-25 {
        width: 40%;
    }

    .col-md-35 {
        width: 60%;
    }

    .col-md-45 {
        width: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .col-lg-15,
    .col-lg-25,
    .col-lg-35,
    .col-lg-45 {
        float: left;
    }

    .col-lg-15 {
        width: 20%;
    }

    .col-lg-25 {
        width: 40%;
    }

    .col-lg-35 {
        width: 60%;
    }

    .col-lg-45 {
        width: 80%;
    }
}

@media (min-width: 1500px) {
    .col-bg-15,
    .col-bg-25,
    .col-bg-35,
    .col-bg-45 {
        float: left;
    }

    .col-bg-15 {
        width: 20%;
    }

    .col-bg-25 {
        width: 40%;
    }

    .col-bg-35 {
        width: 60%;
    }

    .col-bg-45 {
        width: 80%;
    }
}

/*-----------------------
CUSTOM COL > 1500
---------------------------*/
@media (min-width: 1500px) {
    .col-bg-1, .col-bg-10, .col-bg-11, .col-bg-12, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12 {
        float: left;
    }

    .col-bg-12 {
        width: 100%;
    }

    .col-bg-11 {
        width: 91.66666667%;
    }

    .col-bg-10 {
        width: 83.33333333%;
    }

    .col-bg-9 {
        width: 75%;
    }

    .col-bg-8 {
        width: 66.66666667%;
    }

    .col-bg-7 {
        width: 58.33333333%;
    }

    .col-bg-6 {
        width: 50%;
    }

    .col-bg-5 {
        width: 41.66666667%;
    }

    .col-bg-4 {
        width: 33.33333333%;
    }

    .col-bg-3 {
        width: 25%;
    }

    .col-bg-2 {
        width: 16.66666667%;
    }

    .col-bg-1 {
        width: 8.33333333%;
    }
}

/*-----------------------
CUSTOM COL < 480
---------------------------*/
@media (max-width: 479px) {
    .col-ts-1, .col-ts-10, .col-ts-11, .col-ts-12, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-ts-1, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9, .col-ts-10, .col-ts-11 {
        float: left;
    }

    .col-ts-12 {
        width: 100%;
    }

    .col-ts-11 {
        width: 91.66666667%;
    }

    .col-ts-10 {
        width: 83.33333333%;
    }

    .col-ts-9 {
        width: 75%;
    }

    .col-ts-8 {
        width: 66.66666667%;
    }

    .col-ts-7 {
        width: 58.33333333%;
    }

    .col-ts-6 {
        width: 50%;
    }

    .col-ts-5 {
        width: 41.66666667%;
    }

    .col-ts-4 {
        width: 33.33333333%;
    }

    .col-ts-3 {
        width: 25%;
    }

    .col-ts-2 {
        width: 16.66666667%;
    }

    .col-ts-1 {
        width: 8.33333333%;
    }
}

/*-------------------------
ROWS SPACE
-----------------------------*/
.rows-space-0 {
    margin-bottom: 0;
}

.rows-space-10 {
    margin-bottom: 10px;
}

.rows-space-20 {
    margin-bottom: 20px;
}

.rows-space-30 {
    margin-bottom: 30px;
}

.rows-space-40 {
    margin-bottom: 40px;
}

.rows-space-50 {
    margin-bottom: 50px;
}

.rows-space-60 {
    margin-bottom: 60px;
}

.rows-space-70 {
    margin-bottom: 70px;
}

.rows-space-80 {
    margin-bottom: 80px;
}

.rows-space-90 {
    margin-bottom: 90px;
}

.rows-space-100 {
    margin-bottom: 100px;
}

.owl-slick .row-item:last-child [class^="rows-space-"],
.owl-slick .row-item:last-child [class*=" rows-space-"] {
    margin-bottom: 0;
}

/*---------------------------
1.2 VISUAL COMPOSER
-----------------------------*/
.vc_col-has-fill > div.vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
section.vc_section.vc_section-has-fill,
section.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
section.vc_section.vc_section-has-fill + .vc_section {
    padding-top: 0;
}

body .wpb_button, body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0;
}

.vc_row-no-padding .vc_inner {
    margin-left: -15px;
    margin-right: -15px;
}

div.vc_row.vc_row-no-padding .vc_inner {
    margin-left: -15px;
    margin-right: -15px;
}

div.vc_row.vc_row-no-padding .vc_inner .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.vc_separator * {
    display: block;
}

div.vc_separator .vc_sep_holder {
    height: auto;
}

div.vc_separator .vc_sep_holder .vc_sep_line {
    height: auto;
    top: auto;
}

@media (max-width: 1199px) {
    .vc_custom_heading br,
    .wpb_text_column br {
        display: none;
    }
}

/*----------------------------
1.3 WORDPRESS DATA SAMPLE
--------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

img.alignnone {
    margin: 0;
}

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

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

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

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

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

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

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

.wp-caption {
    background: #ffffff;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 0;
    text-align: center;
    margin: 0;
}

.wp-caption.alignnone {
    margin: 0 20px 20px 0;
    clear: both;
}

.wp-caption.alignleft {
    margin: 0 20px 20px 0;
}

.wp-caption.alignright {
    margin: 0 0 20px 20px;
}

.wp-caption.aligncenter {
    margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    padding: 10px 4px 5px;
    margin: 0 !important;
}

iframe {
    max-width: 100% !important;
}

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

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

/*----------------------------
GALLERY
------------------------------*/
/*----------------------------
GALLERY
------------------------------*/
.gallery {
    margin-left: -15px;
    margin-right: -15px;
}

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

.gallery-caption {
    color: #707070;
    display: block;
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-item {
    margin: 0;
    float: left;
    padding: 15px;
    font-style: italic;
    color: #666;
}

.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-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

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

@media (max-width: 1199px) and (min-width: 992px) {
    .main-container:not(.no-sidebar) .gallery .gallery-item {
        min-width: 25%;
    }

    .main-container.no-sidebar .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container.no-sidebar .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container.no-sidebar .gallery-columns-4 .gallery-item:nth-child(4n+1), .main-container.no-sidebar .gallery-columns-5 .gallery-item:nth-child(5n+1), .main-container.no-sidebar .gallery-columns-6 .gallery-item:nth-child(6n+1), .main-container.no-sidebar .gallery-columns-7 .gallery-item:nth-child(7n+1), .main-container.no-sidebar .gallery-columns-8 .gallery-item:nth-child(8n+1), .main-container.no-sidebar .gallery-columns-9 .gallery-item:nth-child(9n+1), .main-container:not(.no-sidebar) .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container:not(.no-sidebar) .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container:not(.no-sidebar) .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .gallery .gallery-item {
        min-width: 25%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .gallery .gallery-item {
        min-width: 33.33%;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery:not(.gallery-columns-2) .gallery-item:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width: 479px) {
    .gallery .gallery-item {
        min-width: 50%;
    }

    .gallery .gallery-item:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width: 320px) {
    .gallery-columns-1 .gallery-caption,
    .gallery-columns-2 .gallery-caption,
    .gallery-columns-3 .gallery-caption,
    .gallery-columns-4 .gallery-caption,
    .gallery-columns-5 .gallery-caption {
        display: none;
    }
}

.bypostauthor {
    color: inherit;
}

.sticky {
    color: inherit;
}

article.sticky .post-title a::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f097";
    font-size: 30px;
    padding-right: 10px;
}

.post-title,
.widget {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.widget select {
    width: 100%;
}

.widget_rss .rss-date {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #ababab;
}

.widget_calendar .calendar_wrap tr,
.widget_calendar .calendar_wrap td {
    padding: 0;
    text-align: center;
}

.widget_calendar .calendar_wrap #today {
    color: red;
}

/*widget_shopping_cart*/
.widget_shopping_cart .woocommerce-mini-cart__total {
    padding-top: 20px;
    font-size: 18px;
}

.widget_shopping_cart .woocommerce-mini-cart__total strong {
    font-weight: normal;
    color: #333;
    padding-right: 20px;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons {
    margin-bottom: 0;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    background-color: #333;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 45%;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover {
    color: #fff;
    background-color: #18c9de;
}

/*widget_product_search*/
.widget_product_search .woocommerce-product-search {
    position: relative;
}

.widget_product_search .woocommerce-product-search .search-field {
    width: 100%;
    padding-right: 90px;
}

.widget_product_search .woocommerce-product-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
}

/*.product_list_widget*/
.product_list_widget li > a {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.product_list_widget li > a img {
    max-width: 70px;
    float: left;
    margin-right: 10px;
}

.product_list_widget li .product-title {
    font-size: 16px;
    font-weight: 500;
}

/*widget_media_image*/
.widget_media_image {
    position: relative;
}

.widget_media_image::before {
    background: rgba(255, 255, 255, 0.4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.widget_media_image:hover::before {
    opacity: 1;
}

/*widget_shopping_cart*/
.widget_shopping_cart .woocommerce-mini-cart__total {
    padding-top: 20px;
    font-size: 18px;
}

.widget_shopping_cart .woocommerce-mini-cart__total strong {
    font-weight: normal;
    color: #2b2b2b;
    padding-right: 20px;
}

/*widget_product_search*/
.widget_product_search .woocommerce-product-search {
    position: relative;
}

.widget_product_search .woocommerce-product-search .search-field {
    width: 100%;
    padding: 0 60px 0 25px;
    border: 1px solid #eaeaea;
    line-height: 48px;
    height: 50px;
}

.widget_product_search .woocommerce-product-search button[type="submit"] {
    background: transparent;
    border: none;
    color: #828282;
    display: inline-block;
    height: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 50px;
    font-size: 0;
}

.widget_product_search .woocommerce-product-search button[type="submit"]::before {
    font-size: 16px;
    content: "\f002";
    font-family: 'FontAwesome', sans-serif;
}

/*.product_list_widget*/
.product_list_widget:not(.woocommerce-mini-cart) {
    padding-left: 0;
    list-style: none;
}

.product_list_widget:not(.woocommerce-mini-cart) li {
    position: relative;
    overflow: hidden;
}

.product_list_widget:not(.woocommerce-mini-cart) img {
    float: left;
    max-width: 70px;
    margin-right: 15px;
}

.product_list_widget:not(.woocommerce-mini-cart) li > a {
    display: block;
}

.product_list_widget:not(.woocommerce-mini-cart) li > a:not(:hover) {
    color: #333333;
}

.product_list_widget:not(.woocommerce-mini-cart) .product-title {
    display: block;
    margin-bottom: 7px;
}

.product_list_widget:not(.woocommerce-mini-cart) del .woocommerce-Price-amount {
    vertical-align: middle;
}

/*woocommerce-widget-layered-nav-dropdown*/
#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 5px;
}

#widget-area .widget .select2-container .select2-search--inline {
    padding: 0;
}

#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    color: #fff;
    background-color: #18c9de;
    display: inline-block;
    width: auto;
}

#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

.woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit {
    width: 100%;
    max-width: 270px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background-color: #000;
    margin-top: 20px;
}

.woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit:hover {
    background-color: #18c9de;
}

/*---------------------------
1.4 LOADING AJAX
-------------------------------*/
.loading-lazy {
    position: relative;
    display: block;
}

.baque-accordion.loading, .tab-container.loading {
    position: relative;
}

.loading-lazy::after, .baque-accordion.loading::before, .baque-accordion.loading::after, .tab-container.loading::before, .tab-container.loading::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
}

.baque-accordion.loading::before, .tab-container.loading::before {
    background: rgba(255, 255, 255, 0.8);
}

.loading-lazy::after, .baque-accordion::after, .tab-container.loading::after {
    width: 40px;
    height: 40px;
    margin: auto;
    border: 3px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    -webkit-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/*--------------------------
1.5 BANNER EFFECT
------------------------------*/
/*ANIMATION*/
@-webkit-keyframes underline-link {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes underline-link {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.effect {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

/* OPACITY */
.opacity-effect {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.opacity-effect:hover {
    opacity: 0.5;
}

/* SCALE */
.scale-effect:hover img {
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.scale-effect:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* NORMAL */
.normal-effect::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.normal-effect:hover::after {
    opacity: 0.3;
}

.normal-effect.dark-bg::after {
    background-color: #000;
}

.normal-effect.light-bg::after {
    background-color: #fff;
}

/* PLUS ZOOM */
.plus-zoom::before,
.plus-zoom::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
}

.plus-zoom:hover::before {
    right: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.plus-zoom:hover::after {
    top: 50%;
    bottom: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

/* BOUNCE IN */
.bounce-in:hover img {
    -webkit-animation: bounceIn 0.5s ease;
    -o-animation: bounceIn 0.5s ease;
    animation: bounceIn 0.5s ease;
}

/* BORDER ZOOM */
.border-zoom::before,
.border-zoom::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.border-zoom::before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.border-zoom::after {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 2px solid #fff;
}

.border-zoom:hover::before,
.border-zoom:hover::after {
    opacity: 1;
}

.border-zoom:hover::after {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

/*ANIMATION*/
@-webkit-keyframes underline-link {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes underline-link {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

/* ==========================================================================
2.0 DEFAULT SETTING
========================================================================== */
html, body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #777;
}

label {
    font-weight: normal;
    color: #333;
}

a, body .vc_custom_heading a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
    -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
    -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
    transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
}

a:hover, a:focus, a:active,
body .vc_custom_heading a:focus, body .vc_custom_heading a:hover, body .vc_custom_heading a:visited {
    text-decoration: none;
    outline: none;
    color: #18c9de;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.2;
    color: #333;
    margin-top: 14px;
    margin-bottom: 18px;
}

blockquote, q {
    display: inline-block;
    padding: 15px 135px 15px 0;
    border-left: none;
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

blockquote::before, q::before {
    font-family: 'Flaticon', 'sans-serif';
    content: "\f10a";
    display: block;
    font-size: 43px;
    margin-bottom: 20px;
    color: #888;
}

dt, dd {
    line-height: 30px;
}

@media (max-width: 1199px) {
    blockquote, q {
        font-size: 15px;
        padding: 10px 20px 10px 0;
    }

    blockquote::before, q::before {
        margin-bottom: 15px;
        font-size: 36px;
    }
}

q {
    padding-right: 0;
}

/* =========================================================================
2.1 FORM THEME
============================================================================ */
input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
    border: 1px solid #dadada;
    border-radius: 0;
    padding: 0 20px;
    max-width: 100%;
    background-color: transparent;
    font-size: 14px;
    color: #777;
    height: 40px;
    line-height: 40px;
}

textarea {
    display: block;
    line-height: 28px;
    padding: 15px 26px;
    height: auto;
    width: 100%;
}

select {
    padding: 0 33px 0 15px;
    background: url(../images/select-arrow.png) center right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select::-ms-expand {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #ffffff;
    padding: 0 15px;
    background: #1b1b1b;
    border: none;
    border-radius: 0;
    -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
    -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
    -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
    transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s ease 0s;
}

/* ==========================================================================
2.2 TABLE THEME
============================================================================ */
table {
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    margin-bottom: 20px;
}

table thead {
    background-color: #f8f8f8;
}

th, td {
    border: 1px solid #ebebeb;
    padding: 10px;
}

@media (max-width: 991px) {
    th, td {
        padding: 5px;
    }
}

/* ==========================================================================
2.3 SLICK SLIDER
============================================================================ */
.slick-arrow {
    cursor: pointer;
}

/*left*/
.nav-left .slick-arrow {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 23px;
    color: #000000;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    z-index: 3;
}

.nav-left .slick-arrow:hover {
    color: #18c9de;
}

.nav-left .slick-arrow::before {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 1px solid;
    border-right: 1px solid;
    position: relative;
    display: inline-block;
}

.nav-left .slick-arrow.prev::before {
    left: 2px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nav-left .slick-arrow.next::before {
    right: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-left .slick-arrow.prev {
    right: 80px;
}

.nav-left .slick-arrow.prev::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border-left: 1px solid #e7e7e7;
    height: 42px;
}

.nav-left .slick-arrow.next {
    right: 0;
}

/*center*/
.nav-center-light .slick-arrow,
.nav-center .slick-arrow {
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    color: rgba(63, 69, 76, 0.2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.nav-center-light .slick-arrow {
    color: rgba(255, 255, 255, 0.3)
}

.nav-center .slick-arrow:hover {
    color: rgba(63, 69, 76, 1);
}

.nav-center-light .slick-arrow:hover {
    color: #fff;
}

.nav-center-light .slick-arrow.prev,
.nav-center .slick-arrow.prev {
    left: -30px;
}

.nav-center-light .slick-arrow.next,
.nav-center .slick-arrow.next {
    right: -30px;
}

/*.slick-dots*/
/*.dots-circle*/
.dots-circle .slick-dots {
    padding-left: 0;
    list-style: none;
    text-align: center;
    height: 37px;
    margin-top: 35px;
}

.dots-circle .slick-dots li {
    display: inline-block;
    padding: 11px;
    height: 37px;
}

.dots-circle .slick-dots li button {
    font-size: 0;
    border: 2px solid rgba(0, 0, 0, 0.2);
    width: 15px;
    height: 15px;
    padding: 0;
    position: relative;
    border-radius: 50%;
    background-color: transparent;
}

.dots-circle.dots-light .slick-dots li button {
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.dots-circle .slick-dots li button::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-transition: opacity 0.25s, background-color 0.25s ease 0s;
    -moz-transition: opacity 0.25s, background-color 0.25s ease 0s;
    -o-transition: opacity 0.25s, transform 0.25s ease 0s;
    transition: opacity 0.25s, background-color 0.25s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.dots-circle.dots-light .slick-dots li button::before {
    background-color: rgba(255, 255, 255, 0.2);
}

.dots-circle .slick-dots li.slick-active button {
    border-color: #000000;
}

.dots-circle.dots-light .slick-dots li.slick-active button {
    border-color: #fff;
}

.dots-circle .slick-dots li button:hover::before {
    opacity: 1;
    visibility: visible;
}

.dots-circle .slick-dots li.slick-active button::before {
    opacity: 1;
    visibility: visible;
    background-color: #000000;
}

.dots-circle.dots-light .slick-dots li.slick-active button::before {
    background-color: #fff;
}

/*.dots-square*/
.dots-square .slick-dots {
    padding-left: 0;
    list-style: none;
    text-align: center;
    height: 16px;
    margin-top: 43px;
}

.single-horizontalslider .slick-dots {
    margin-top: 50px;
}

.dots-square .slick-dots li {
    display: inline-block;
    padding: 7px;
    height: 16px;
}

.dots-square .slick-dots li button {
    font-size: 0;
    width: 22px;
    height: 2px;
    padding: 0;
    position: relative;
    background-color: rgba(41, 46, 50, 0.2);
}

.dots-square .slick-dots li button:hover,
.dots-square .slick-dots li.slick-active button {
    background-color: rgba(41, 46, 50, 1);
}

@media (max-width: 1199px) {
    .nav-left .slick-arrow {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .nav-left .slick-arrow.prev {
        right: 40px;
    }

    .nav-left .slick-arrow::before {
        width: 9px;
        height: 9px;
        top: -3px;
    }

    .nav-left .slick-arrow.prev::after {
        height: 30px;
    }

    .nav-center-light .slick-arrow.prev,
    .nav-center .slick-arrow.prev {
        left: 0;
    }

    .nav-center-light .slick-arrow.next,
    .nav-center .slick-arrow.next {
        right: 0;
    }

    .single-horizontalslider .slick-dots,
    .dots-circle .slick-dots {
        margin-top: 20px;
    }
}

/* ==========================================================================
3.0 HEADER THEME
========================================================================== */
.header .logo {
    position: relative;
    top: 3px;
}

.header .logo[src=""] {
    background: url('../images/logo-white-new.svg');
    background-size: 100% 100%;
    display: inline-block;
    font-size: 0;
}

.header-position {
    padding: 39px 0;
    -webkit-transition: padding 0.4s ease 0s;
    -moz-transition: padding 0.4s ease 0s;
    -o-transition: padding 0.4s ease 0s;
    transition: padding 0.4s ease 0s;
}

.container-outer {
    width: 1720px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.header-inner {
    width: 1720px;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
}

.container-header {
    display: table;
    width: 100%;
}

.container-row {
    display: table-cell;
    vertical-align: middle;
}

.header.style2 .container-row {
    width: 33.3333333%;
}

.header.style2 .container-row:first-child {
    text-align: left;
}

.header.style3 .burger-menu,
.header.style3 .menu-bar {
    margin-left: 16px;
}

.minimal-social > span {
    display: table;
    padding-right: 40px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 500;
    position: relative;
    margin-top: 8px;
}

.minimal-social > span::before {
    content: '';
    border-bottom: 1px solid;
    width: 23px;
    position: absolute;
    top: 50%;
    right: 0;
}

.minimal-social a {
    font-size: 0;
    display: inline-block;
    width: 44px;
    height: 44px;
}

.minimal-social a:not(:hover) {
    color: #000000;
}

.minimal-social a span {
    font-size: 18px;
    display: block;
    line-height: 44px;
}

.minimal-social a span:nth-child(2) {
    display: none;
}

@media (max-width: 991px) {
    .container-outer,
    .header-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==========================================================================
3.1 HEADER STICKY + HEADER TRANSPARENT
============================================================================ */
.header-transparent {
    position: relative;
    z-index: 10;
}

.header-transparent .header-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

/* ==========================================================================
3.2 MAIN MENU
============================================================================ */
.menu-header {
    display: inline-block;
}

.menu-header .main-menu {
    padding: 0;
    list-style: none;
}

.menu-header .main-menu .menu-item {
    list-style: none;
    position: relative;
}

.menu-header .main-menu .menu-item > a .image {
    position: absolute;
    right: -4px;
    top: -26px;
    z-index: 1;
}

.menu-header .main-menu .menu-item > a > span {
    font-size: 16px;
    margin-left: 5px;
}

.menu-header .main-menu .menu-item > a > span:empty {
    display: none;
}

.menu-header .main-menu > .menu-item {
    padding: 0 14px;
    display: inline-block;
}

.menu-header .main-menu > .menu-item > a {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.menu-header .main-menu > .menu-item > a::before {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    border-bottom: 1px solid;
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.menu-header .main-menu > .menu-item.active > a::before,
.menu-header .main-menu > .menu-item:hover > a::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.header.light .menu-header .main-menu > .menu-item > a {
    color: #fff;
}

.menu-header .main-menu > .menu-item.active > a,
.menu-header .main-menu > .menu-item:hover > a {
    color: #18c9de;
}

.menu-header .main-menu > .menu-item .submenu > .menu-item > a {
    font-size: 14px;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.menu-header .main-menu > .menu-item .submenu > .menu-item > a:hover::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    content: '';
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.submenu*/
.menu-header .main-menu .menu-item .submenu {
    text-align: left;
    -webkit-transition: opacity 0.4s, margin .4s ease 0s;
    -moz-transition: opacity 0.4s, margin .4s ease 0s;
    -o-transition: opacity 0.4s, margin .4s ease 0s;
    transition: opacity 0.4s, margin .4s ease 0s;
    z-index: 10;
    background-color: #fff;
    -webkit-box-shadow: 0 17px 59px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 17px 59px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 17px 59px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
}

.header.style1 .img-shadow {
    -webkit-box-shadow: 0 17px 59px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 17px 59px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 17px 59px 0 rgba(0, 0, 0, 0.08);
}

.menu-header .main-menu .menu-item .submenu:not(.megamenu) {
    padding: 24px 0 18px 0;
    white-space: nowrap;
}

.menu-header .main-menu > .menu-item .submenu.megamenu {
    max-height: 67vh;
    overflow-y: auto;
}

.main-menu > .menu-item .submenu.megamenu > .vc_row {
    margin: 0;
    padding: 42px 25px 42px 25px;
}

.main-menu > .menu-item .submenu.megamenu > .vc_row .vc_row:not(:last-child) {
    margin-bottom: 29px;
}

.menu-header .main-menu .menu-item:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.menu-header .main-menu > .menu-item > .submenu {
    top: 100%;
    right: 0;
}

.menu-header .main-menu > .menu-item.menu-item-has-children::before {
    display: none;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
}

.menu-header .main-menu > .menu-item.menu-item-has-children:hover::before {
    display: block;
}

.menu-header .main-menu > .menu-item > .submenu {
    margin-top: 33px;
}

.menu-header .main-menu > .menu-item:hover > .submenu {
    margin-top: 13px;
}

.menu-header .main-menu > .menu-item .submenu > .menu-item {
    padding-left: 30px;
    padding-right: 15px;
}

.menu-header .main-menu > .menu-item .submenu .menu-item.menu-item-has-children:hover::before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    height: 100%;
    z-index: -1;
}

/*.submenu .submenu*/
.menu-header .main-menu .menu-item .submenu .submenu {
    margin-top: 0;
    top: -24px;
}

.menu-header .main-menu > .menu-item > .submenu .submenu {
    top: -24px;
    right: 100%;
}

/*.menu-bar*/
.menu-bar {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 18px;
}

.header.light .menu-bar:not(:hover) {
    color: #fff;
}

.menu-bar .menu-icon {
    display: block;
}

.menu-bar .menu-icon span {
    border-bottom: 2px solid;
    display: block;
    width: 100%;
}

.menu-bar .menu-icon span:not(:last-child) {
    margin-bottom: 6px;
}

/* ==========================================================================
3.3 BURGER MENU
============================================================================ */
.burger-menu-js {
    display: inline-block;
}

.burger-menu {
    cursor: pointer;
    color: #333333;
}

.burger-menu:hover {
    color: #18c9de;
}

.burger-menu > span:not(.menu-icon) {
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    vertical-align: middle;
}

.header.light .burger-menu {
    color: #fff;
}

.header.light .burger-menu:hover {
    color: #18c9de;
}

.burger-menu .menu-icon {
    display: inline-block;
    width: 25px;
    height: 18px;
    position: relative;
    vertical-align: middle;
}

.burger-menu .menu-icon span {
    border-bottom: 2px solid;
    display: block;
    width: 100%;
}

.burger-menu .menu-icon span:not(:last-child) {
    margin-bottom: 6px;
}

/*menu-popup*/
.menu-popup {
    background-color: #121212;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 999;
    -webkit-transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
}

.admin-bar .menu-popup {
    height: calc(100vh + 32px);
}

.open-burger-menu .menu-popup {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.admin-bar.open-burger-menu .menu-popup {
    top: 32px;
}

#wapper {
    position: relative;
    -webkit-transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
}

@media (min-width: 1025px) {
    .open-burger-menu #wapper {
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
        transform: translateY(100vh);
    }
}

.menu-popup .main-menu {
    padding: 0;
    list-style: none;
    text-align: center;
}

.menu-popup .main-menu .menu-item {
    list-style: none;
    position: relative;
}

.menu-popup .main-menu > .menu-item > a {
    font-size: 40px;
    line-height: 90px;
    font-weight: 300;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
}

.menu-popup .main-menu .menu-item > a .image {
    position: absolute;
    right: -4px;
    top: -26px;
    z-index: 1;
}

.menu-popup .main-menu .menu-item > a > span {
    font-size: 16px;
    margin-left: 5px;
}

/*sub menu*/
.menu-popup .main-menu .menu-item .submenu {
    padding-left: 0;
    text-align: left;
    -webkit-transition: margin .4s ease 0s;
    -moz-transition: margin .4s ease 0s;
    -o-transition: margin .4s ease 0s;
    transition: margin .4s ease 0s;
    z-index: 10;
    background-color: #121212;
}

.menu-popup .main-menu > .menu-item .submenu .menu-item.menu-item-has-children::before {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    height: 100%;
    z-index: -1;
}

.menu-popup .main-menu > .menu-item .submenu .menu-item.menu-item-has-children:hover::before {
    display: block;
}

.menu-popup .main-menu > .menu-item > .submenu > .menu-item.menu-item-has-children > a::after {
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    font-size: 16px;
    position: absolute;
    right: 30px;
}

.menu-popup .main-menu .menu-item .submenu .menu-item a > span {
    position: relative;
    bottom: 4px;
}

.menu-popup .main-menu .menu-item .submenu .submenu {
    margin-top: 0;
    top: -22px;
}

.menu-popup .main-menu > .menu-item .submenu:not(.megamenu) {
    padding-top: 22px;
    padding-bottom: 22px;
}

.menu-popup .main-menu > .menu-item .submenu.megamenu {
    background-color: #fff;
    max-height: 55vh;
    overflow-y: auto;
}

.menu-popup .main-menu > .menu-item .submenu:not(.megamenu) a {
    font-size: 16px;
    line-height: 26px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

.menu-popup .main-menu .menu-item .submenu:not(.megamenu) .menu-item a:not(:hover) {
    color: #fff;
}

/*horizon menu*/
/*sup menu*/
.menu-popup .main-menu > .menu-item {
    margin: 0 29px;
    display: inline-block;
}

.menu-popup .main-menu > .menu-item.menu-item-has-children::before {
    display: none;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
}

.menu-popup .main-menu > .menu-item.menu-item-has-children:hover::before {
    display: block;
}

.menu-popup .main-menu > .menu-item:hover > a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #18c9de;
    content: '';
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*sub menu*/
.menu-popup .main-menu .menu-item .submenu {
    position: absolute;
    min-width: 245px;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
}

.menu-popup .main-menu .menu-item:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.menu-popup .main-menu > .menu-item > .submenu {
    top: 100%;
    left: 0;
}

.menu-popup .main-menu > .menu-item:hover > .submenu {
    margin-top: 0;
}

.menu-popup .main-menu > .menu-item > .submenu .submenu {
    top: -19px;
    left: 100%;
}

/**/
.menu-popup .burger-menu {
    color: #fff;
}

.menu-popup .burger-menu:hover {
    color: #18c9de;
}

.header-popup {
    height: 122px;
    line-height: 122px;
}

.body-popup {
    height: calc(100vh - 275px);
    position: relative;
    z-index: 1;
    padding: 0 15px;
}

.body-popup .menu-popup-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footer-popup {
    height: 120px;
    padding: 31px 0;
}

.footer-popup .footer-contact {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    line-height: 48px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.footer-popup .footer-contact::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 3px solid #18c9de;
    content: '';
}

.footer-popup .footer-contact:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.footer-popup .menu-social a {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    background-color: #1e1e1e;
    color: #fff;
    margin: 6px;
    font-size: 0;
}

.footer-popup .menu-social a:last-child {
    margin-right: 0;
}

.footer-popup .menu-social a:hover {
    background-color: #18c9de;
}

.footer-popup .menu-social a span {
    font-size: 16px;
    display: inline-block;
    line-height: 46px;
}

@media (max-width: 1499px) {
    .menu-popup .main-menu > .menu-item .submenu a {
        padding-top: 0;
        padding-bottom: 0;
    }

    .menu-popup .main-menu > .menu-item {
        margin: 0 19px;
    }

    .menu-popup .main-menu > .menu-item > a {
        font-size: 30px;
    }

    .header-position {
        padding: 25px 0;
    }
}

.header-position.fixed {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1499px) {
    .header-position.fixed {
        padding-top: 13px;
        padding-bottom: 13px;
    }
}

@media (min-width: 1025px) {
    .header-position.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        background-color: rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
    }

    .header.dark .header-position.fixed {
        background-color: rgba(255, 255, 255, 1);
    }

    .admin-bar .header-position.fixed {
        top: 32px;
    }

    .menu-bar {
        display: none;
    }
}

@media (max-width: 1024px) {
    .menu-header {
        display: none !important;
    }

    .menu-bar {
        display: inline-block;
    }

    .header-position {
        padding: 20px 0;
    }

    .menu-popup {
        display: none !important;
    }

    .burger-menu-js {
        display: none;
    }
}

/* ==========================================================================
3.4 SEARCH FORM
============================================================================ */
.header-search {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}

.header-search > a {
    font-size: 21px;
    position: relative;
    top: 2px;
}

.header.light .header-search > a:not(:hover) {
    color: #fff;
}

.header-element-content {
    background: #fff;
    display: block;
    left: 0;
    padding: 30px 120px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.05);
}

.admin-bar .header-element-content {
    top: 32px;
}

.header-search.open .header-element-content {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.site-search-bar {
    float: left;
    width: 80%;
}

.site-search-bar .search-form {
    position: relative;
}

.site-search-bar input {
    border-width: 0;
    color: #777;
    font-size: 36px;
    font-weight: 300;
    line-height: 49px;
    padding: 0;
    width: 100%;
}

.site-search-bar label {
    float: left;
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0 0;
    display: inline-block;
    max-width: 100%;
    letter-spacing: 0.1em;
    color: #333;
}

.site-search-bar-close {
    float: right;
}

.site-search-bar-close .close-icon {
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    margin-top: 22px;
    cursor: pointer;
}

.site-search-bar-close .close-icon::before,
.site-search-bar-close .close-icon::after {
    border-bottom: 2px solid;
    content: "";
    left: 14px;
    position: absolute;
    top: 17px;
    width: 17px;
}

.site-search-bar-close .close-icon::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.site-search-bar-close .close-icon::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 1199px) {
    .header-element-content {
        padding: 30px 40px;
    }
}

@media (max-width: 782px) {
    .header-element-content {
        padding: 20px 15px;
    }

    .admin-bar .header-element-content {
        top: 46px;
    }

    .site-search-bar input {
        font-size: 30px;
    }
}

/* ==========================================================================
4.0 BLOG THEME
========================================================================== */
/* ==========================================================================
4.1 POST ITEM
========================================================================== */
.post-thumb img {
    position: relative;
    z-index: 1;
}

.post-title {
    margin-top: 0;
}

.post-title a:not(:hover) {
    color: inherit;
}

.post-item .post-info {
    overflow: hidden;
    margin-bottom: 30px;
}

.post-item .post-info .datebox {
    float: left;
}

.post-item .post-info .datebox a {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: #ffffff;
    background-color: #333333;
    padding: 2px 9px;
}

.post-item .post-info .datebox a span {
    display: block;
    position: relative;
}

.post-item .post-info .datebox span:first-child::before {
    content: '';
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.post-item .post-info-right {
    overflow: hidden;
}

.post-item .post-info-right .post-title {
    font-size: 26px;
    margin-top: -2px;
    margin-bottom: 4px;
}

.post-item .post-meta > div {
    position: relative;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

.post-item .post-meta > div a {
    color: #18c9de;
}

.post-item .post-meta > div:not(:last-child) {
    padding-right: 28px;
    margin-right: 25px;
}

.post-item .post-meta > div:not(:last-child)::after {
    content: '';
    border-left: 1px solid #b6bfca;
    position: absolute;
    top: 48%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 18px;
}

.post-item .date a:not(:hover),
.post-item .post-comment a:not(:hover) {
    color: inherit;
}

.post-item .categories,
.post-item .tags {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #999;
}

.post-item .categories a,
.post-item .tags a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    bottom: -11px;
}

.post-item .categories a:not(:hover),
.post-item .tags a:not(:hover) {
    color: #999;
}

.post-item .categories {
    padding-bottom: 10px;
}

.post-item .tags {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top: 15px;
}

.post-item .categories a:hover::before,
.post-item .tags a:hover::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.page-main-content::before,
.page-main-content::after,
.post-content::before,
.post-content::after {
    content: '';
    display: table;
}

.page-main-content::after,
.post-content::after {
    clear: both;
}

.post-content p:last-child {
    margin-bottom: 0 !important;
}

.post-content > p:last-child {
    display: inline-block;
    width: 100%;
}

/*social share*/
.post-footer {
    display: inline-block;
    width: 100%;
    margin-top: 22px;
}

.post-footer .baque-share-socials {
    float: right;
    text-align: right;
    width: 40%;
}

.post-footer .baque-share-socials ~ .categories {
    float: left;
    width: 60%;
}

.baque-share-socials a {
    display: inline-block;
    font-size: 13px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    margin: 6px 3px;
    color: #fff;
    background-color: #333333;
}

.baque-share-socials a:hover {
    color: #fff;
    background-color: #18c9de;
}

/*.post-single*/
.post-single {
    margin-top: -5px;
}

.single-post-info {
    text-align: center;
}

.single-post-info .post-title {
    font-size: 45px;
    font-weight: 300;
    margin: -7px auto 32px auto;
    max-width: 500px;
}

.single-post-info .post-meta {
    margin-bottom: 74px;
}

.single-post-info .post-meta > div {
    position: relative;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

.single-post-info .post-meta > div:not(:last-child) {
    padding-right: 28px;
    margin-right: 25px;
}

.single-post-info .post-meta > div:not(:last-child)::after {
    content: '';
    border-left: 1px solid #b6bfca;
    position: absolute;
    top: 48%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 18px;
}

.single-post-info .post-meta > div a {
    color: #18c9de;
}

.single-post-info .post-meta > .post-comment a:not(:hover) {
    color: inherit;
}

.single-post-thumb {
    margin-bottom: 48px;
}

/*blog standard*/
.blog-standard > .post-item {
    padding-bottom: 33px;
    margin-bottom: 68px;
    border-bottom: 1px solid #dfdfdf;
}

.blog-standard > .post-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog-standard .post-item .post-thumb {
    margin-bottom: 40px;
}

.blog-standard .post-item.post_format-post-format-quote .post-thumb {
    margin-bottom: 0;
}

.blog-standard .post-item .post-thumb .quote {
    padding: 45px 68px 77px 68px;
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    background-color: #f6f6f6;
    margin-bottom: 0;
}

.blog-standard .post-item .post-thumb .quote a:not(:hover) {
    color: #1c1c1c;
}

.blog-standard .post-item .post-thumb .quote span {
    display: block;
    margin-bottom: 20px;
}

.blog-standard .post-item .post-thumb .quote span::before {
    font-size: 43px;
}

.blog-standard .post-item .post-thumb .quote strong {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #888;
    margin-top: 20px;
}

/*blog grid*/
.blog-grid .post-item {
    margin-bottom: 55px;
}

.post-item.post-grid .post-thumb,
.post-item .post-grid .post-thumb {
    margin-bottom: 36px;
}

.post-thumb {
    position: relative;
}

.post-thumb .datebox a {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: #333333;
    background-color: #fff;
    padding: 2px 9px;
    z-index: 2;
}

.post-thumb .datebox a span {
    display: block;
    position: relative;
}

.post-thumb .datebox span:first-child::before {
    content: '';
    border-bottom: 1px solid #dddddd;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.post-item.post-grid .post-title,
.post-item .post-grid .post-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 12px;
}

.post-item .readmore {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 8px;
    margin-top: 24px;
    margin-bottom: 10px;
}

.post-item .readmore:hover {
    color: #18c9de;
}

.post-item .readmore::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
}

.post-item .readmore:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

@media (max-width: 1199px) {
    .single-post-info .post-title {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .single-post-info .post-meta {
        margin-bottom: 30px;
    }

    .post-item .readmore {
        margin-top: 30px;
    }

    .blog-grid .post-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) {
    .post-thumb img {
        width: 100%;
    }

    .post-item .categories a,
    .post-item .tags a {
        display: inline;
        overflow: visible;
        position: static;
    }

    .post-item .categories a:hover::before,
    .post-item .tags a:hover::before {
        display: none;
    }

    .post-item.post-grid .post-thumb,
    .post-item .post-grid .post-thumb {
        margin-bottom: 20px;
    }

    .post-item .readmore {
        margin-top: 10px;
    }

    .post-footer .baque-share-socials ~ .categories {
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    .single-post-info .post-title {
        font-size: 28px;
    }

    .single-post-info .post-meta > div,
    .post-item .post-meta > div {
        letter-spacing: 0.1em;
        font-size: 11px;
    }

    .single-post-info .post-meta > div:not(:last-child),
    .post-item .post-meta > div:not(:last-child) {
        padding-right: 7px;
        margin-right: 5px;
    }

    .blog-standard .post-item .post-thumb,
    .single-post-thumb {
        margin-bottom: 30px;
    }

    .post-item .post-info {
        margin-bottom: 20px;
    }

    .post-footer .baque-share-socials {
        float: right;
        text-align: right;
        width: 40%;
    }

    .post-footer .baque-share-socials,
    .post-footer .baque-share-socials ~ .categories {
        width: 100%;
        text-align: left;
    }

    .blog-standard .post-item .post-thumb .quote {
        padding: 30px 20px 20px 20px;
        font-size: 18px;
        line-height: 28px;
    }
}

/* ==========================================================================
4.2 BLOG COMMENT
========================================================================== */
/*.comments-area*/
.comments-area {
    border-top: 1px solid #dfdfdf;
    padding-top: 48px;
    margin-top: 28px;
}

.comments-area .comments-title {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 30px;
}

.comments-area .commentlist,
.comments-area .commentlist .children {
    list-style: none;
}

.comments-area .no-comments {
    margin-top: 20px;
}

/*.commentlist*/
.commentlist {
    list-style: none;
    padding-left: 0;
}

.comment:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 34px;
    margin-bottom: 40px;
}

.commentlist .children {
    padding-left: 145px;
    padding-top: 40px;
    margin-top: 34px;
    border-top: 1px solid #dfdfdf;
}

.has-sidebar .commentlist .children {
    padding-left: 90px;
}

.comment_container {
    overflow: hidden;
}

.comment_container .avatar {
    float: left;
    max-width: 120px;
    margin-right: 25px;
}

.comment-text {
    overflow: hidden;
    position: relative;
}

.comment-text .meta {
    margin-bottom: 10px;
}

.comment-text .woocommerce-review__dash {
    display: none;
}

.comment-text .woocommerce-review__author,
.comment-text .comment-author {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    margin-top: -2px;
    margin-bottom: 2px;
}

.comment-text .woocommerce-review__published-date,
.comment-text .comment-date {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 11px;
    padding-right: 80px;
}

.comment-text .woocommerce-review__published-date,
.comment-text .comment-date:not(:hover) {
    color: #9da7b2;
}

.comment-text p:last-child {
    margin-bottom: 0;
}

.comment-text .comment-edit-link,
.comment-text .comment-reply-link {
    position: absolute;
    top: 13px;
    font-size: 0;
}

.comment-text .comment-edit-link {
    right: 30px;
}

.comment-text .comment-reply-link {
    right: 0;
}

.comment-text .comment-edit-link::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f044";
    font-size: 14px;
}

.comment-text .comment-reply-link::before {
    font-family: 'FontAwesome', sans-serif;
    content: '\f112';
    font-size: 14px;
}

/*.pingback*/
.pingback {
    padding-bottom: 20px;
}

.pingback > p > a {
    padding-left: 5px;
}

.pingback .edit-link {
    display: inline-block;
}

.pingback .edit-link:before {
    content: "\002f";
    display: inline-block;
    padding: 0 5px;
}

/*.comment-respond*/
.commentlist ~ .comment-respond,
.commentlist .comment-respond {
    border-top: 1px solid #dfdfdf;
    padding-top: 52px;
    margin-top: 56px;
}

.comment-respond .comment-reply-title {
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 0;
}

.comment-respond span.comment-reply-title {
    margin-bottom: 20px;
    margin-top: 10px;
}

.comment-form-rating label {
    margin-right: 15px;
}

.required {
    color: red;
    font-weight: normal;
}

.comment-form .comment-reply-content {
    float: left;
    margin-bottom: 25px;
    width: calc(50% - 15px);
}

.comment-form .comment-reply-content.right {
    float: right;
}

.comment-form .comment-reply-content input {
    width: 100%;
    height: 50px;
    padding: 4px 30px;
}

.comment-form .comment-form-comment {
    display: inline-block;
    width: 100%;
}

.comment-form .comment-form-comment textarea {
    height: 180px;
    padding: 15px 30px;
}

.comment-form .form-submit {
    display: table;
    position: relative;
    margin-bottom: 19px;
}

.comment-form .form-submit::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 35px;
    border-bottom: 1px solid #fff;
    width: 19px;
    z-index: 1;
}

.comment-form .form-submit::after {
    content: '';
    position: absolute;
    top: 25px;
    right: 35px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 10px;
    height: 10px;
}

.comment-form .form-submit #submit {
    min-width: 194px;
    height: 58px;
    line-height: 58px;
    text-align: left;
    padding: 0 65px 0 56px;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
}

.comment-form .form-submit #submit:hover {
    background-color: #18c9de;
}

.woocommerce-Reviews-title {
    display: none;
}

@media (max-width: 1199px) {
    .has-sidebar .commentlist .children,
    .commentlist .children {
        padding-left: 50px;
    }

    .comment-form .comment-reply-content input {
        width: 100%;
        height: 50px;
        padding: 4px 20px;
    }

    .comment-form .comment-form-comment textarea {
        padding: 15px 20px;
    }

    .comment-form .form-submit {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .comment-form .comment-reply-content {
        width: 100%;
        float: none !important;
    }

    .has-sidebar .commentlist .children,
    .commentlist .children {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .comment_container .avatar {
        float: none;
        max-width: 90px;
    }

    .comment-text {
        margin-top: 15px;
    }
}

/* ==========================================================================
5.0 PORTFOLIO THEME
========================================================================== */
/* ==========================================================================
5.1 PORTFOLIO PAGE
========================================================================== */
/*.baque-isotope*/
.filter-button-group .filter-list {
    padding-bottom: 50px;
}

.filter-button-group .filter-list::before {
    content: "\f109";
    font-family: 'Flaticon', sans-serif;
    font-size: 24px;
    color: #6d6d6d;
    vertical-align: top;
    padding-right: 23px;
}

.filter-button-group.container .filter-list {
    padding-bottom: 42px;
}

.filter-button-group .filter-list a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7e848b;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
}

.filter-button-group .filter-list a:not(:last-child) {
    margin-right: 45px;
}

.baque-portfolio.right .filter-button-group .filter-list {
    text-align: right;
}

.baque-portfolio.right .filter-button-group .filter-list a:not(:first-child) {
    margin-left: 48px;
}

.baque-portfolio.right .filter-button-group .filter-list a:not(:last-child),
.baque-portfolio.right .filter-button-group .filter-list a {
    margin-right: 0;
}

.baque-portfolio.center .filter-button-group .filter-list {
    text-align: center;
}

.baque-portfolio.center .filter-button-group .filter-list a:not(:last-child),
.baque-portfolio.center .filter-button-group .filter-list a {
    margin-right: 24px;
    margin-left: 24px;
}

.filter-button-group .filter-list a.active,
.filter-button-group .filter-list a:hover {
    color: #18c9de;
}

.filter-button-group .filter-list a.active::before,
.filter-button-group .filter-list a:hover::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    content: '';
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-portfolio-grid*/
.baque-portfolio-grid {
    padding-bottom: 60px;
}

.baque-portfolio-grid .filter-list {
    text-align: center;
}

.baque-portfolio-grid .baque-isotope[data-cols="2"],
.baque-portfolio-grid .baque-isotope[data-cols="3"] {
    margin-left: -15px;
    margin-right: -15px;
}

.baque-portfolio-grid .baque-isotope[data-cols="2"] .portfolio-article,
.baque-portfolio-grid .baque-isotope[data-cols="3"] .portfolio-article {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.baque-portfolio-grid .baque-isotope[data-cols="2"] .portfolio-article {
    width: 50%;
}

.baque-portfolio-grid .baque-isotope[data-cols="3"] .portfolio-article {
    width: 33.3333333%;
}

.baque-portfolio-grid .baque-isotope[data-cols="4"] {
    margin-left: -20px;
    margin-right: -20px;
}

.baque-portfolio-grid .baque-isotope[data-cols="4"] .portfolio-article {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
    width: 25%;
}

/*.baque-portfolio-flat*/
.baque-portfolio-flat .filter-list {
    text-align: center;
}

.baque-portfolio-flat .baque-isotope[data-cols="2"] .portfolio-article {
    width: 50%;
}

.baque-portfolio-flat .baque-isotope[data-cols="3"] .portfolio-article {
    width: 33.3333333%;
}

.baque-portfolio-flat .baque-isotope[data-cols="4"] .portfolio-article {
    width: 25%;
}

/*.baque-portfolio-masonry*/
.baque-portfolio-masonry {
    padding-bottom: 60px;
}

.baque-portfolio-masonry.type-1 .baque-isotope {
    margin-left: -20px;
    margin-right: -20px;
}

.baque-portfolio-masonry.type-1 .portfolio-article {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.baque-portfolio-masonry.type-1 .portfolio-article:nth-child(8n+1) {
    width: 50%;
}

.baque-portfolio-masonry.type-2 .baque-isotope {
    margin-left: -15px;
    margin-right: -15px;
}

.baque-portfolio-masonry.type-2 .portfolio-article {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    width: 33.3333333%;
}

.baque-portfolio-masonry.type-3 .baque-isotope {
    margin-left: -15px;
    margin-right: -15px;
}

.baque-portfolio-masonry.type-3 .portfolio-article {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    width: 33.3333333%;
}

.baque-portfolio-masonry.type-3 .portfolio-article:nth-child(6n+1),
.baque-portfolio-masonry.type-3 .portfolio-article:nth-child(6n+5) {
    width: 66.6666%;
}

/*baque-hover-style*/
.portfolio-inner {
    position: relative;
}

.portfolio-article .post-title {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: -4px;
}

.portfolio-item .categories,
.portfolio-item .tags {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.portfolio-item .categories a,
.portfolio-item .tags a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    bottom: -11px;
}

.portfolio-item .categories a:not(:hover),
.portfolio-item .tags a:not(:hover) {
    color: inherit;
}

.portfolio-item .categories a:hover::before,
.portfolio-item .tags a:hover::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.portfolio-article.portfolio-item .categories,
.portfolio-article.portfolio-item .tags {
    font-weight: normal;
    font-size: 14px;
    color: #7e848b;
    text-transform: none;
    letter-spacing: 0;
}

/*baque-hover-style.style1*/
/*.baque-tooltip*/
.baque-tooltip {
    position: relative;
}

.baque-tooltip .baque-tooltip-inner {
    -webkit-transform: scaleX(0.2);
    -moz-transform: scaleX(0.2);
    -ms-transform: scaleX(0.2);
    -o-transform: scaleX(0.2);
    transform: scaleX(0.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: transform 0.25s, opacity 0.25s ease 0s;
    -moz-transition: transform 0.25s, opacity 0.25s ease 0s;
    -o-transition: transform 0.25s, opacity 0.25s ease 0s;
    transition: transform 0.25s, opacity 0.25s ease 0s;
    background: #ffffff;
    padding: 10px 22px;
    position: absolute;
    z-index: 1000;
    white-space: nowrap;
}

.baque-tooltip:hover .baque-tooltip-inner {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    visibility: visible;
}

.baque-tooltip .portfolio-thumb {
    overflow: hidden;
}

.baque-tooltip .portfolio-thumb img {
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.baque-tooltip .portfolio-thumb:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);;
}

/*baque-hover-style.style2*/
.portfolio-hover-style-2 .post-title,
.portfolio-hover-style-2 .portfolio-item .categories,
.portfolio-hover-style-2 .portfolio-item .tags {
    color: #fff;
}

.portfolio-hover-style-2 .portfolio-info {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s ease 0s;
    -moz-transition: opacity 0.25s ease 0s;
    -o-transition: opacity 0.25s ease 0s;
    transition: opacity 0.25s ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(63, 69, 76, 0.6);
}

.portfolio-hover-style-2 .portfolio-inner:hover .portfolio-info {
    opacity: 1;
    visibility: visible;
}

.portfolio-hover-style-2 .portfolio-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 29px 33px;
}

/*baque-hover-style.style3*/
.portfolio-hover-style-3 .portfolio-info {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.25s, transform 0.25s ease 0s;
    -moz-transition: opacity 0.25s, transform 0.25s ease 0s;
    -o-transition: opacity 0.25s, transform 0.25s ease 0s;
    transition: opacity 0.25s, transform 0.25s ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.85);
}

.portfolio-hover-style-3 .portfolio-inner:hover .portfolio-info {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.portfolio-hover-style-3 .portfolio-wrap {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*baque-hover-style.style4*/
.portfolio-hover-style-4 .portfolio-thumb {
    margin-bottom: 26px;
    overflow: hidden;
}

.portfolio-hover-style-4 .portfolio-thumb img {
    -webkit-transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
}

.portfolio-hover-style-4 .portfolio-inner:hover .portfolio-thumb img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.portfolio-hover-style-4 .portfolio-info {
    padding-bottom: 15px;
}

/* ==========================================================================
5.2 PORTFOLIO SINGLE
========================================================================== */
.other-port {
    float: left;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
}

.other-port.nav-next {
    text-align: right;
    float: right;
}

.other-port .meta-nav {
    display: block;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.other-port .port-title {
    font-size: 30px;
    font-weight: 300;
    display: block;
    margin-bottom: 21px;
}

/*arrow*/
.port-pagination {
    padding-top: 55px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.port-pagination::before {
    content: '';
    position: absolute;
    width: 100vw;
    border-top: 1px solid #ececec;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.other-port a {
    display: inline-block;
}

.other-port a:not(:hover) {
    color: #333333;
}

.other-port a:not(:hover) .arrow {
    color: #dfdfdf;
}

.other-port .arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
}

.other-port .arrow::before {
    content: '';
    border-width: 5px 6px;
    border-style: solid;
    position: relative;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent CurrentColor;
    left: 21px;
}

.other-port .arrow::after {
    content: '';
    border-bottom: 1px solid CurrentColor;
    position: relative;
    top: 12px;
    width: 68px;
    display: block;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
    left: -88px;
}

.other-port a:hover .arrow::after {
    width: 110px;
}

.other-port.nav-prev .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.port-separation {
    width: 40px;
    float: right;
    height: 150px;
    position: relative;
    display: block;
}

.port-separation:not(:hover) {
    color: #dfdfdf;
}

.port-separation::before,
.port-separation::after {
    content: '';
    border-left: 1px solid;
    position: absolute;
    left: 50%;
    height: 47px;
}

.port-separation::before {
    top: 0;
}

.port-separation::after {
    bottom: 0;
}

.port-separation span::before,
.port-separation span::after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: currentColor;
    position: absolute;
    content: '';
}

.port-separation span:first-child::before {
    top: calc(50% + 2px);
    left: calc(50% + 2px);
}

.port-separation span:first-child::after {
    top: calc(50% + 2px);
    right: calc(50% + 2px);
}

.port-separation span:last-child::before {
    bottom: calc(50% + 2px);
    left: calc(50% + 2px);
}

.port-separation span:last-child::after {
    bottom: calc(50% + 2px);
    right: calc(50% + 2px);
}

.single-portfolio .portfolio-container {
    width: 1690px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-single .portfolio-inner::before,
.portfolio-single .portfolio-inner::after {
    content: '';
    display: table;
}

.portfolio-single .portfolio-inner::after {
    clear: both;
}

.portfolio-thumb img {
    width: 100%;
}

/*.single-classic .portfolio-thumb,*/
/*.single-modernslider .portfolio-thumb,*/
/*.single-builder .portfolio-thumb,*/
/*.single-expand .portfolio-thumb,*/
/*.single-grid .portfolio-thumb img,*/
/*.single-sticky .portfolio-thumb img {*/
/*-webkit-box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);*/
/*-moz-box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);*/
/*box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);*/
/*}*/
.portfolio-single .post-title {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 10px;
}

.portfolio-single .portfolio-link {
    display: inline-block;
    min-width: 198px;
    padding: 0 15px;
    height: 49px;
    line-height: 45px;
    background-color: #333333;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid transparent;
}

.portfolio-single .portfolio-link:hover {
    background-color: #18c9de;
}

.portfolio-single .post-content {
    font-size: 14px;
    line-height: 30px;
}

.portfolio-meta {
    color: #333;
    border-left: 2px solid #333333;
    padding: 16px 0 16px 37px;
}

.portfolio-meta .date {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.portfolio-meta .client {
    font-size: 14px;
}

.portfolio-meta .date a:not(:hover) {
    color: inherit;
}

.portfolio-meta .client a {
    color: #18c9de;
}

/*.single-grid-masonry*/
.single-grid .portfolio-inner {
    padding-bottom: 40px;
}

.single-grid .portfolio-info {
    float: left;
    width: 38%;
    padding-right: 30px;
    padding-top: 90px;
}

.single-grid .portfolio-thumb {
    width: 62%;
    float: right;
}

.single-grid .portfolio-grid {
    margin-left: -32px;
    margin-right: -32px;
}

.single-grid .portfolio-grid .grid-item {
    float: left;
    width: 50%;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 64px;
}

.single-grid .portfolio-grid .grid-item figure {
    position: relative;
    overflow: hidden;
}

.single-grid .portfolio-grid .grid-item figure::before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: transform 0.3s, opacity 0.3s;
    -moz-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.single-grid .portfolio-grid .grid-item figure:hover::before {
    -webkit-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
    opacity: 1;
    visibility: visible;
}

.single-grid .portfolio-grid .grid-item figure .plus-sym {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s ease 0s;
    -moz-transition: opacity 0.25s ease 0s;
    -o-transition: opacity 0.25s ease 0s;
    transition: opacity 0.25s ease 0s;
}

.single-grid .portfolio-grid .grid-item figure .plus-sym::before {
    content: '';
    position: absolute;
    background-color: #fff;
    top: 20px;
    left: 0;
    width: 100%;
    height: 1px;
}

.single-grid .portfolio-grid .grid-item figure .plus-sym::after {
    content: '';
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
}

.single-grid .portfolio-grid .grid-item figure:hover .plus-sym {
    opacity: 1;
    visibility: visible;
}

.single-grid .post-title {
    max-width: 270px;
}

.single-grid .categories,
.single-grid .tags {
    margin-bottom: 35px;
}

.single-grid .portfolio-meta {
    margin-bottom: 38px;
}

.single-grid .portfolio-link {
    margin-bottom: 38px;
}

.single-grid .post-content {
    max-width: 525px;
}

/*.single-classic*/
.single-classic .portfolio-inner {
    padding-bottom: 67px;
}

.single-classic .portfolio-thumb {
    float: left;
    width: 62%;
}

.single-classic .portfolio-info {
    float: left;
    width: 38%;
    padding-left: 100px;
    padding-top: 90px;
}

.single-classic .post-title {
    max-width: 270px;
}

.single-classic .categories,
.single-classic .tags {
    margin-bottom: 35px;
}

.single-classic .portfolio-meta {
    margin-bottom: 38px;
}

.single-classic .portfolio-link {
    margin-bottom: 38px;
}

/*.single-sticky*/
.single-sticky .portfolio-inner {
    padding-bottom: 63px;
}

.single-sticky .portfolio-thumb {
    width: 49%;
    float: left;
}

.single-sticky .portfolio-thumb figure:not(:last-child) {
    margin-bottom: 36px;
}

.single-sticky .portfolio-info {
    float: left;
    width: 51%;
    padding-left: 100px;
    padding-top: 90px;
}

.single-sticky .post-title {
    margin-bottom: 5px;
}

.single-sticky .categories,
.single-sticky .tags {
    margin-bottom: 41px;
}

.single-sticky .portfolio-meta {
    margin-bottom: 38px;
}

.single-sticky .post-content {
    margin-bottom: 57px;
}

/*.single-horizontalslider*/
.single-horizontalslider .portfolio-inner {
    padding-bottom: 73px;
}

.single-horizontalslider .slick-list {
    padding: 0 19% !important;
}

.single-horizontalslider .portfolio-thumb {
    position: relative;
    width: 100vw !important;
    left: 50%;
    margin-left: -50vw;
}

.single-horizontalslider .portfolio-info {
    padding-top: 40px;
}

.single-horizontalslider .post-title {
    margin-bottom: 0;
}

.single-horizontalslider .categories,
.single-horizontalslider .tags {
    margin-bottom: 28px;
    color: #333;
}

.single-horizontalslider .portfolio-meta {
    border-left: none;
    padding: 0;
    margin-bottom: 44px;
}

.single-horizontalslider .portfolio-meta > div {
    padding: 15px 42px 15px 52px;
    position: relative;
    display: inline-block;
}

.single-horizontalslider .portfolio-meta > div:not(:last-child)::before {
    content: '';
    border-left: 2px solid #333333;
    position: absolute;
    top: 50%;
    right: -13px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 58px;
}

.single-horizontalslider .portfolio-link {
    margin-bottom: 52px;
}

.single-horizontalslider .post-content {
    max-width: 750px;
    margin: 0 auto;
}

/*single-builder*/
.single-builder .portfolio-inner {
    padding-bottom: 71px;
}

.single-builder .portfolio-thumb {
    position: relative;
}

.single-builder .portfolio-header {
    padding: 75px 65px;
    background-color: #796b63;
}

.single-builder figure ~ .portfolio-header {
    width: 473px;
    position: absolute;
    left: 81px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-builder .post-title,
.single-builder .categories,
.single-builder .tags {
    color: #fff;
}

.single-builder .post-title {
    max-width: 270px;
    margin-bottom: 7px;
}

.single-builder .scroll-down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 30px;
    padding-bottom: 60px;
}

.single-builder .scroll-down::before {
    content: '';
    border-left: 1px solid;
    height: 49px;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.single-builder .portfolio-info {
    padding-top: 71px;
    overflow: hidden;
}

.single-builder .portfolio-box {
    float: left;
    width: 290px;
    padding-bottom: 50px;
}

.single-builder .portfolio-meta {
    margin-bottom: 64px;
}

.single-builder .gallery {
    margin-bottom: 26px;
    margin-top: 26px;
}

/*.single-modernslider*/
.single-modernslider .portfolio-inner {
    padding-bottom: 112px;
}

.single-modernslider .portfolio-info {
    position: relative;
    z-index: 1;
}

.single-modernslider .portfolio-info::before,
.single-modernslider .portfolio-info::after {
    content: '';
    display: table;
}

.single-modernslider .portfolio-info::after {
    clear: both;
}

.single-modernslider .portfolio-box {
    -webkit-box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
    width: 425px;
    margin-left: 40px;
    float: left;
    margin-top: -120px;
}

.single-modernslider .portfolio-header {
    background-color: #302f5f;
    padding: 66px 30px 56px 64px;
}

.single-modernslider .post-title {
    width: 220px;
    margin-bottom: 5px;
}

.single-modernslider .post-title a {
    color: #fff;
}

.single-modernslider .categories,
.single-modernslider.tags,
.single-modernslider .categories a:hover,
.single-modernslider.tags a:hover {
    color: #fff;
}

.single-modernslider .portfolio-footer {
    padding: 33px 30px 51px 64px;
}

.single-modernslider .portfolio-meta {
    margin-bottom: 39px;
}

.single-modernslider .post-content {
    float: left;
    width: calc(100% - 465px);
    padding-left: 157px;
    padding-top: 60px;
}

/*.single-expand*/
.single-expand .portfolio-inner {
    margin-bottom: 64px;
    position: relative;
}

.single-expand .portfolio-thumb {
    position: relative;
    overflow: hidden;
}

.single-expand .thumb-inner ~ .portfolio-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 138px;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    background-color: #1b1b1b;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background-color: #1b1b1b;
    z-index: 1;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-box .arrow {
    position: absolute;
    top: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    color: #fff;
    cursor: pointer;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-box .arrow:hover {
    color: #18c9de;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-box .arrow::before {
    font-family: 'Flaticon', sans-serif;
    content: "\f107";
    font-size: 16px;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-header {
    -webkit-transform: rotate(-90deg) translateY(100%);
    -moz-transform: rotate(-90deg) translateY(100%);
    -ms-transform: rotate(-90deg) translateY(100%);
    -o-transform: rotate(-90deg) translateY(100%);
    transform: rotate(-90deg) translateY(100%);
    transform-origin: left bottom;
    position: absolute;
    bottom: 0;
    padding: 34px 62px;
    white-space: nowrap;
}

.single-expand .post-title {
    font-size: 30px;
    margin-bottom: -8px;
    color: #fff;
}

.single-expand .categories,
.single-expand .tags {
    color: #fff;
}

.single-expand .portfolio-open {
    background-color: rgba(27, 27, 27, 0.3);
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-open {
    width: 392px;
    position: absolute;
    top: 0;
    left: -254px;
    bottom: 0;
    -webkit-transition: left 0.25s ease 0s;
    -moz-transition: left 0.25s ease 0s;
    -o-transition: left 0.25s ease 0s;
    transition: left 0.25s ease 0s;
}

.single-expand .thumb-inner ~ .portfolio-info .baque-dropdown.open ~ .portfolio-open {
    left: 138px;
}

.single-expand .portfolio-content {
    padding: 40px 20px 40px 35px;
}

.single-expand .thumb-inner ~ .portfolio-info .portfolio-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100%;
}

.single-expand .portfolio-content > .portfolio-scrollbar {
    max-height: 450px;
}

.single-expand .post-content {
    color: #fff;
    margin-bottom: 50px;
    padding-right: 10px;
}

.single-expand .portfolio-meta {
    color: #fff;
    border-left-color: #ffffff;
    margin-bottom: 50px;
}

.single-expand .portfolio-meta .client a:not(:hover) {
    color: #ffffff;
}

.single-expand .portfolio-link {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.single-expand .portfolio-link:hover {
    color: #18c9de;
    border-color: #18c9de;
    background-color: transparent !important;
}

.portfolio-scrollbar > .scroll-element,
.portfolio-scrollbar > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.portfolio-scrollbar > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.portfolio-scrollbar > .scroll-element .scroll-element_track {
    display: none;
}

.portfolio-scrollbar > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.portfolio-scrollbar:hover > .scroll-element .scroll-bar,
.portfolio-scrollbar > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.portfolio-scrollbar > .scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.portfolio-scrollbar > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

/* scrollbar height/width & offset from container borders */
.portfolio-scrollbar > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.portfolio-scrollbar > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.portfolio-scrollbar > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.portfolio-scrollbar > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.portfolio-scrollbar > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.portfolio-scrollbar > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.portfolio-scrollbar > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.portfolio-scrollbar > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

@media (max-width: 1700px) {
    .portfolio-single .post-content br {
        display: none;
    }

    .single-grid .portfolio-info {
        padding-top: 30px;
    }

    .single-classic .portfolio-thumb {
        width: 55%;
    }

    .single-classic .portfolio-info {
        width: 45%;
        padding-left: 30px;
        padding-top: 0;
    }

    .single-sticky .portfolio-info {
        padding-left: 30px;
        padding-top: 30px;
    }

    .single-modernslider .post-content {
        padding-left: 40px;
        padding-top: 30px;
    }
}

@media (max-width: 1280px) {
    .baque-portfolio-grid .baque-isotope[data-cols="4"] {
        margin-left: -15px;
        margin-right: -15px;
    }

    .baque-portfolio-grid .baque-isotope[data-cols="4"] .portfolio-article {
        padding-left: 15px;
        padding-right: 15px;
    }

    .baque-portfolio-masonry.type-1 .baque-isotope {
        margin-left: -15px;
        margin-right: -15px;
    }

    .baque-portfolio-masonry.type-1 .portfolio-article {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .filter-button-group .filter-list {
        padding-bottom: 35px;
    }

    .filter-button-group .filter-list a:not(:last-child) {
        margin-right: 25px;
    }

    .baque-portfolio.right .filter-button-group .filter-list a:not(:first-child) {
        margin-left: 25px;
    }

    .baque-portfolio.center .filter-button-group .filter-list a:not(:last-child),
    .baque-portfolio.center .filter-button-group .filter-list a {
        margin-right: 12px;
        margin-left: 12px;
    }

    .baque-portfolio-masonry,
    .baque-portfolio-grid {
        padding-bottom: 30px;
    }

    .portfolio-thumb img {
        min-height: 200px;
        object-fit: cover;
    }

    .other-port .meta-nav {
        margin-bottom: 5px;
    }

    .other-port .port-title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single-builder .scroll-down {
        display: none;
    }

    .single-builder .portfolio-header {
        padding: 35px 25px;
    }

    .single-builder figure ~ .portfolio-header {
        width: 400px;
        left: 30px;
    }
}

@media (max-width: 1024px) {
    .portfolio-item .categories a,
    .portfolio-item .tags a {
        display: inline;
        overflow: visible;
        position: static;
    }

    .portfolio-item .categories a:hover::before,
    .portfolio-item .tags a:hover::before {
        display: none;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-box .arrow {
        top: 30px;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-header {
        padding: 25px 45px;
    }

    .portfolio-article .post-title {
        margin-bottom: 7px;
    }

    .baque-tooltip .baque-tooltip-inner {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        padding: 20px 0 0 0;
    }

    .baque-tooltip .baque-tooltip-inner {
        white-space: normal;
    }
}

@media (max-width: 991px) {
    .portfolio-single .portfolio-info {
        width: 100%;
        padding: 25px 0 0 0;
    }

    .portfolio-single .portfolio-inner {
        padding-bottom: 80px;
    }

    .portfolio-single .portfolio-thumb {
        width: 100%;
    }

    .portfolio-single .post-title {
        font-size: 30px;
    }

    .portfolio-single .categories,
    .portfolio-single .tags {
        margin-bottom: 30px;
    }

    .portfolio-single .portfolio-meta {
        margin-bottom: 20px;
    }

    .single-horizontalslider .portfolio-link {
        margin-bottom: 30px;
    }

    /*.single-grid*/
    .single-grid .portfolio-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .single-grid .portfolio-grid .grid-item {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    /*.single-builder*/
    .single-builder .portfolio-header {
        padding: 35px 15px;
    }

    .single-builder figure ~ .portfolio-header {
        width: auto;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .single-builder .categories,
    .single-builder .tags {
        margin-bottom: 0;
    }

    /*.single-sticky*/
    .single-sticky .portfolio-thumb figure:not(:last-child) {
        margin-bottom: 15px;
    }

    .single-sticky .post-content {
        margin-bottom: 30px;
    }

    /*.single-modernslider*/
    .single-modernslider .portfolio-info {
        padding-top: 0;
    }

    .single-modernslider .portfolio-box {
        width: auto;
        margin-left: 0;
        float: none;
        margin-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .single-modernslider .portfolio-header {
        padding: 30px 15px;
    }

    .single-modernslider .post-title {
        width: auto;
    }

    .portfolio-item .categories,
    .portfolio-item .tags {
        margin-bottom: 0;
    }

    .single-modernslider .portfolio-footer {
        padding: 30px 0;
    }

    .single-modernslider .post-content {
        float: none;
        width: auto;
        padding-left: 0;
        padding-top: 0;
    }

    /*.single-expand*/
    .single-expand .portfolio-thumb {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .single-expand .thumb-inner {
        -webkit-box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);
        box-shadow: 6px 6px 120px 0 rgba(0, 0, 0, 0.14);
    }

    .single-expand .thumb-inner ~ .portfolio-info {
        position: static;
        width: auto;
        padding-top: 0;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-box {
        position: static;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-box::before,
    .single-expand .thumb-inner ~ .portfolio-info .portfolio-box .arrow {
        display: none;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-header {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: static;
        padding: 20px 15px;
        white-space: normal;
    }

    .single-expand .categories,
    .single-expand .tags {
        margin-bottom: 0;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-open {
        width: auto;
        position: static;
    }

    .single-expand .portfolio-content {
        padding: 30px 15px;
    }

    .single-expand .thumb-inner ~ .portfolio-info .portfolio-content {
        position: static;
    }

    .single-expand .post-content {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .other-port {
        width: 100%;
    }

    .port-separation {
        width: 100%;
        height: 60px;
    }

    .port-separation::before,
    .port-separation::after {
        border-left: none;
        position: absolute;
        left: 0;
        top: 50%;
        bottom: auto;
        height: auto;
        width: calc(50% - 20px);
        border-bottom: 1px solid;
    }

    .port-separation::after {
        left: auto;
        right: 0;
    }

    .portfolio-single .post-content p {
        margin-bottom: 15px;
    }

    .single-builder .portfolio-box {
        float: none;
        padding-bottom: 35px;
    }

    .single-builder .portfolio-inner .container {
        padding-left: 0;
        padding-right: 0;
    }

    .single-sticky .categories,
    .single-sticky .tags {
        margin-bottom: 20px;
    }

    .baque-portfolio-masonry.type-2 .portfolio-article {
        width: 50%;
    }

    .single-horizontalslider .slick-list {
        padding: 0 10% !important;
    }

    .single-horizontalslider .portfolio-meta > div {
        display: block;
        padding: 5px 0 0 0;
    }

    .single-horizontalslider .portfolio-meta > div:not(:last-child)::before {
        display: none;
    }
}

@media (max-width: 480px) {
    .baque-portfolio-masonry.type-1 .portfolio-article,
    .baque-portfolio-masonry.type-2 .portfolio-article,
    .baque-portfolio-masonry.type-3 .portfolio-article,
    .baque-portfolio-masonry.type-3 .portfolio-article:nth-child(6n+1),
    .baque-portfolio-masonry.type-3 .portfolio-article:nth-child(6n+5) {
        width: 100%;
    }

    .single-grid .portfolio-grid .grid-item {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* ==========================================================================
6.0 SHOP THEME
========================================================================== */
/* ==========================================================================
6.1 SHOP PAGE
========================================================================== */
/*block-minicart*/
.block-minicart {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.block-minicart .link-dropdown {
    position: relative;
    top: 3px;
    padding-left: 15px;
}

.block-minicart .link-dropdown > span::before {
    font-size: 22px;
}

.block-minicart .link-dropdown .count {
    font-family: 'Poppins', sans-serif;
    position: relative;
    top: -12px;
    right: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #18c9de;
    vertical-align: top;
}

.header.light .block-minicart .link-dropdown .count,
.header.light .block-minicart .link-dropdown:not(:hover) {
    color: #fff;
}

.block-minicart.open .link-dropdown,
.header.light .block-minicart.open .link-dropdown {
    color: #18c9de;
}

.block-minicart .widget_shopping_cart {
    text-align: left;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 300px;
    border: 1px solid #ebebeb;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    margin-top: 35px;
    -webkit-transition: margin-top 0.4s ease 0s;
    -moz-transition: margin-top 0.4s ease 0s;
    -o-transition: margin-top 0.4s ease 0s;
    transition: margin-top 0.4s ease 0s;
    padding: 20px 15px 15px 15px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
}

.block-minicart.open .widget_shopping_cart {
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
}

.block-minicart .widget_shopping_cart::before {
    content: '';
    border-style: solid;
    border-width: 10px 8px;
    border-color: transparent transparent #ebebeb transparent;
    position: absolute;
    top: -20px;
    right: 21px;
}

.block-minicart .widget_shopping_cart::after {
    content: '';
    border-style: solid;
    border-width: 8px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -16px;
    right: 22px;
}

.block-minicart .cart_list {
    overflow-y: auto;
    max-height: 187px;
    padding-right: 8px;
}

.woocommerce-mini-cart__empty-message {
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.product_list_widget {
    padding-left: 0;
    list-style: none;
}

.product_list_widget li {
    position: relative;
    padding-bottom: 15px !important;
    padding-top: 0 !important;
}

.product_list_widget li.mini_cart_item {
    padding-right: 15px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.product_list_widget li.mini_cart_item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.product_list_widget li.mini_cart_item.woosb-cart-child {
    margin-left: 15px;
}

.product_list_widget li {
    margin-bottom: 16px;
}

.product_list_widget img {
    float: left;
    max-width: 70px;
    margin-right: 20px;
}

.product_list_widget li > a {
    display: block;
}

.product_list_widget li a:nth-child(2) {
    font-size: 14px;
    line-height: 22px;
}

.product_list_widget li a:nth-child(2):not(:hover) {
    color: #333333;
}

.product_list_widget li .quantity {
    font-size: 14px;
    color: #333333;
}

.product_list_widget li .remove_from_cart_button {
    position: absolute;
    top: -6px;
    right: 2px;
    font-size: 16px;
    width: auto !important;
}

.product_list_widget li .remove_from_cart_button:not(:hover) {
    color: #bfbfbf;
}

.woocommerce-mini-cart__total {
    color: #333333;
    overflow: hidden;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    margin-bottom: 15px;
}

.woocommerce-mini-cart__total strong {
    font-weight: normal;
    font-size: 14px;
}

.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-size: 18px;
}

/*shop*/
.woocommerce-result-count {
    display: inline-block;
    margin-bottom: 0;
    line-height: 53px;
    padding-right: 30px;;
}

.woocommerce-ordering {
    float: right;
    margin-bottom: 72px;
    display: inline-block;
}

.woocommerce-ordering select {
    height: 53px;
    line-height: 51px;
    border: 1px solid #c9c9c9;
    color: #a8a8a8;
}

ul.products {
    padding-left: 0;
    list-style: none;
    margin-left: -15px;
    margin-right: -15px;
}

ul.products::before,
ul.products::after {
    content: '';
    display: table;
}

ul.products::after {
    clear: both;
}

ul.products li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
    position: relative;
}

ul.products.columns-2 li {
    width: 50%;
}

ul.products.columns-3 li {
    width: 33.3333333%;
}

ul.products.columns-4 li {
    width: 25%;
}

ul.products.columns-5 li {
    width: 20%;
}

ul.products.columns-6 li {
    width: 16.6666667%;
}

@media (min-width: 1200px) {
    ul.products.columns-2 li:nth-child(2n+1),
    ul.products.columns-3 li:nth-child(3n+1),
    ul.products.columns-4 li:nth-child(4n+1),
    ul.products.columns-5 li:nth-child(5n+1),
    ul.products.columns-6 li:nth-child(6n+1) {
        clear: both;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    ul.products.columns-4 li,
    ul.products.columns-5 li,
    ul.products.columns-6 li {
        width: 33.3333333%;
    }

    ul.products.columns-2 li:nth-child(2n+1),
    ul.products.columns-3 li:nth-child(3n+1),
    ul.products.columns-4 li:nth-child(3n+1),
    ul.products.columns-5 li:nth-child(3n+1),
    ul.products.columns-6 li:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .has-sidebar ul.products.columns-3 li,
    .has-sidebar ul.products.columns-4 li,
    .has-sidebar ul.products.columns-5 li,
    .has-sidebar ul.products.columns-6 li {
        width: 50%;
    }

    .has-sidebar ul.products.columns-2 li:nth-child(2n+1),
    .has-sidebar ul.products.columns-3 li:nth-child(2n+1),
    .has-sidebar ul.products.columns-4 li:nth-child(2n+1),
    .has-sidebar ul.products.columns-5 li:nth-child(2n+1),
    .has-sidebar ul.products.columns-6 li:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    ul.products.columns-3 li,
    ul.products.columns-4 li,
    ul.products.columns-5 li,
    ul.products.columns-6 li {
        width: 50%;
    }

    ul.products.columns-2 li:nth-child(2n+1),
    ul.products.columns-3 li:nth-child(2n+1),
    ul.products.columns-4 li:nth-child(2n+1),
    ul.products.columns-5 li:nth-child(2n+1),
    ul.products.columns-6 li:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width: 479px) {
    .has-sidebar ul.products.columns-3 li,
    .has-sidebar ul.products.columns-4 li,
    .has-sidebar ul.products.columns-5 li,
    .has-sidebar ul.products.columns-6 li,
    ul.products.columns-2 li,
    ul.products.columns-3 li,
    ul.products.columns-4 li,
    ul.products.columns-5 li,
    ul.products.columns-6 li {
        width: 100%;
    }

    ul.products li img {
        width: 100%;
    }
}

ul.products li .woocommerce-loop-product__link {
    position: relative;
    display: block;
}

.onsale {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    height: 24px;
    letter-spacing: 2px;
    line-height: 24px;
    margin-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
    z-index: 1;
    background: #eb5050;
}

ul.products li figure {
    margin-bottom: 29px;
    position: relative;
}

ul.products li figure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}

ul.products li:hover figure::before {
    opacity: 1;
    visibility: visible;
}

ul.products li .woocommerce-loop-product__link > img {
    margin-bottom: 29px;
}

ul.products li .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 4px;
}

.woocommerce-Price-amount,
.price {
    font-weight: 500;
    color: #777;
}

.price del {
    padding-right: 8px;
}

.price ins {
    text-decoration: none;
}

.star-rating {
    white-space: nowrap;
    line-height: 100%;
    display: block;
    font-size: 0;
    position: relative;
    overflow: hidden;
    width: 87px;
    letter-spacing: 7px;
}

.star-rating::before, .star-rating span::before {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    line-height: 100%;
}

.star-rating::before {
    content: "\f005\f005\f005\f005\f005";
    color: #e2e2e2;
}

.star-rating span::before {
    content: "\f005\f005\f005\f005\f005";
    color: #e9c73d;
}

ul.products li .added_to_cart,
ul.products li .button {
    opacity: 0;
    visibility: hidden;
}

ul.products li:hover .added_to_cart,
ul.products li:hover .button {
    opacity: 1;
    visibility: visible;
}

ul.products li .add_to_cart_button,
ul.products li .product_type_simple,
ul.products li .product_type_grouped,
ul.products li .product_type_external,
ul.products li .added_to_cart {
    display: inline-block;
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    background-color: #333;
    color: #fff;
    position: absolute;
    top: 32%;
    right: calc(50% - 32px);
}

ul.products li .added {
    display: none;
}

ul.products li .added_to_cart,
ul.products li .add_to_cart_button:hover,
ul.products li .product_type_simple:hover,
ul.products li .product_type_grouped:hover,
ul.products li .product_type_external:hover,
ul.products li .added:hover {
    background-color: #18c9de;
}

ul.products li .add_to_cart_button::after,
ul.products li .product_type_simple::after,
ul.products li .product_type_grouped::after,
ul.products li .product_type_external::after {
    content: "\f10f";
    font-family: 'Flaticon', sans-serif;
    font-size: 22px;
}

ul.products li .added_to_cart::after {
    content: "\f218";
    font-family: 'FontAwesome', sans-serif;
    font-size: 22px;
}

ul.products li .add_to_cart_button.loading::after {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
    font-size: 20px;
    display: inline-block;
}

/*quickview*/
.yith-wcqv-button .blockUI.blockOverlay {
    border-radius: 50%;
}

#yith-quick-view-content .onsale {
    top: 30px;
    left: 30px;
    right: auto;
}

ul.products li .yith-wcqv-button {
    font-size: 16px;
    line-height: 30px;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-top: 5px;
}

ul.products li .yith-wcqv-button::before {
    padding-right: 10px;
}

.yith-wcqv-button {
    display: inline-block;
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    background-color: #fff;
    color: #000000;
}

.yith-wcqv-button:hover {
    color: #18c9de;
}

.yith-wcqv-button::before {
    content: "\f111";
    font-family: 'Flaticon', sans-serif;
    font-size: 20px;
    vertical-align: middle;
}

body.admin-bar #yith-quick-view-modal {
    top: 32px;
}

html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
    overflow: hidden;
}

#yith-quick-view-modal {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1400;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#yith-quick-view-modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

#yith-quick-view-modal .yith-quick-view-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

#yith-quick-view-modal .yith-wcqv-wrapper {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
    text-align: left;
    width: calc(100% - 30px) !important;
    height: auto !important;
    max-width: 984px;
}

#yith-quick-view-modal .yith-wcqv-main {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #f7f7f7;
    padding: 18px 0 28px 21px;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 1, 1, 0.34);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 1, 1, 0.34);
    box-shadow: 5px 5px 5px 0 rgba(0, 1, 1, 0.34);
}

#yith-quick-view-modal.open, #yith-quick-view-modal.open .yith-wcqv-wrapper {
    visibility: visible;
    opacity: 1;
}

#yith-quick-view-modal #yith-quick-view-content {
    height: 100%;
}

#yith-quick-view-modal .yith-wcqv-main:after,
#yith-quick-view-modal .yith-wcqv-main:before {
    content: '';
    display: table;
    clear: both;
}

#yith-quick-view-modal.open .yith-wcqv-main {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    height: 100%;
    position: relative;
    box-shadow: none;
    overflow: hidden;
}

#yith-quick-view-modal .woocommerce-product-gallery {
    float: none !important;
    margin-bottom: 0;
}

#yith-quick-view-modal .woocommerce-product-gallery a {
    pointer-events: none;
}

#yith-quick-view-modal .woocommerce-product-gallery img {
    border: 1px solid #e9e9e9;
}

#yith-quick-view-close {
    position: absolute;
    text-align: center;
    z-index: 2;
    top: 2px;
    right: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #949494;
    font-size: 0;
    border: none;
}

#yith-quick-view-close::before {
    content: '';
    border-bottom: 1px solid;
    width: 14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 13px;
    left: 8px;
}

#yith-quick-view-close::after {
    content: '';
    border-bottom: 1px solid;
    width: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 13px;
    left: 8px;
}

#yith-quick-view-close:hover {
    color: #000;
}

#yith-quick-view-content div.images {
    width: 39.4600208%;
    float: left !important;
    opacity: 1 !important;
}

#yith-quick-view-modal div.entry-summary {
    position: absolute;
    top: 24px;
    bottom: 0;
    right: 0;
    padding: 0 35px 0 30px;
    height: auto;
    overflow-y: auto;
    width: 59.2479675%;
    float: left;
}

#yith-quick-view-content div.images .slider-for img {
    border: 15px solid #ffffff;
}

#yith-quick-view-content div.images .slider-nav {
    padding-left: 15px;
    padding-right: 15px;
}

#yith-quick-view-content div.woocommerce-product-rating:after,
#yith-quick-view-content div.woocommerce-product-rating:before {
    content: '';
    display: table;
    clear: both;
}

#yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {
    display: none;
}

li.product .yith-wcqv-button .blockUI.blockOverlay:before {
    background: none;
}

body.admin-bar #yith-quick-view-modal {
    top: 32px;
}

/*wishlist*/
.yith-wcwl-add-to-wishlist {
    position: relative;
    margin-top: 0;
    font-size: 0;
    display: inline-block;
    text-align: center;
    width: 54px;
    height: 54px;
    line-height: 54px;
    color: #000;
    border: 1px solid #000000;
}

.yith-wcwl-add-to-wishlist:hover {
    color: #fff;
    background-color: #18c9de;
    border-color: #18c9de;
}

.yith-wcwl-add-to-wishlist a {
    color: inherit;
    display: block;
}

.yith-wcwl-add-to-wishlist:hover a {
    color: #fff;
}

.yith-wcwl-add-to-wishlist .feedback {
    display: none;
}

.yith-wcwl-add-to-wishlist .ajax-loading {
    top: 18px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.add_to_wishlist::before {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    content: "\f08a";
    font-size: 17px;
}

.yith-wcwl-wishlistaddedbrowse a::before,
.yith-wcwl-wishlistexistsbrowse a::before {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    content: "\f004";
    font-size: 17px;
}

/*compare*/
ul.products li .compare {
    display: none;
}

.compare {
    display: inline-block;
    font-size: 0;
    color: #000000;
    text-align: center;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #000000;
}

.compare:hover {
    color: #fff;
    background-color: #18c9de;
    border-color: #18c9de;
}

.compare::before {
    font-family: 'Flaticon', sans-serif;
    content: "\f112";
    font-size: 17px;
}

.compare.added::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f00c";
    font-size: 17px;
}

.yith-woocompare-widget a.compare {
    font-size: 0;
    font-weight: normal;
    border-radius: 0;
    color: #000;
    padding: 0;
    border: 1px solid #000000;
    background-color: transparent;
    line-height: 54px;
}

.yith-woocompare-widget a.compare:hover {
    color: #fff;
    background-color: #18c9de;
    border-color: #18c9de;
}

@media (max-width: 1199px) {
    .woocommerce-ordering {
        float: none;
        margin-bottom: 40px;
    }

    .yith-wcqv-button,
    .compare {
        display: none !important;
    }

    ul.products li .added_to_cart,
    ul.products li .button {
        opacity: 1;
        visibility: visible;
    }

    ul.products li .add_to_cart_button,
    ul.products li .product_type_simple,
    ul.products li .product_type_grouped,
    ul.products li .product_type_external,
    ul.products li .added_to_cart {
        display: inline-block;
        width: 100%;
        height: 46px;
        line-height: 46px;
        border-radius: 0;
        text-align: left;
        font-size: 16px;
        position: static;
        color: #333;
        background-color: transparent;
    }

    ul.products li .added_to_cart,
    ul.products li .add_to_cart_button:hover,
    ul.products li .product_type_simple:hover,
    ul.products li .product_type_grouped:hover,
    ul.products li .product_type_external:hover,
    ul.products li .added:hover {
        background-color: transparent !important;
    }

    ul.products li .added_to_cart::after,
    ul.products li .add_to_cart_button::after,
    ul.products li .product_type_simple ::after,
    ul.products li .product_type_grouped::after,
    ul.products li .product_type_external::after {
        margin-left: 10px;
        vertical-align: middle;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .woocommerce-ordering {
        display: block;
    }
}

/* ==========================================================================
6.2 SINGLE PRODUCT
========================================================================== */
.main-content:not(.has-sidebar) .main-contain-summary.has-gallery {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding-left: 130px;
    padding-right: 130px;
}

.main-contain-summary::before,
.main-contain-summary::after {
    display: table;
    content: '';
}

.main-contain-summary::after {
    clear: both;
}

.main-contain-summary .single-left {
    position: relative;
    overflow: hidden;
    display: inline-block;
    float: left;
    width: 49%;
    margin-bottom: 35px;
}

.main-contain-summary .single-left .onsale {
    display: none;
}

.main-contain-summary .entry-summary {
    display: inline-block;
    width: 51%;
    padding-left: 30px;
    margin-bottom: 35px;
    max-width: 585px;
}

/*.woocommerce-product-gallery*/
.woocommerce-product-gallery {
    position: relative;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: block;
    font-size: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #333333;
    text-align: center;
    z-index: 1;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    background-color: #18c9de;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
    content: "\f103";
    font-family: 'Flaticon', sans-serif;
    font-size: 20px;
    vertical-align: middle;
    color: #fff;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger img.emoji {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

.woocommerce-product-gallery .flex-viewport {
    cursor: zoom-in;
    float: right;
    width: -webkit-calc(100% - 85px);
    width: -moz-calc(100% - 85px);
    width: calc(100% - 85px);
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    width: 85px;
    float: left;
    padding: 0 15px 0 0;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    list-style: none;
    border: none;
    position: relative;
    padding-bottom: 15px;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 100%;
}

/*.main-content:not(.has-sidebar)*/
.main-content:not(.has-sidebar) .woocommerce-product-gallery .flex-viewport {
    width: -webkit-calc(100% - 145px);
    width: -moz-calc(100% - 145px);
    width: calc(100% - 145px);
}

.main-content:not(.has-sidebar) .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    width: 145px;
}

.main-content:not(.has-sidebar) .main-contain-summary.has-gallery .entry-summary {
    padding-left: 99px;
}

/*.entry-summary*/
.entry-summary .woocommerce-product-rating {
    margin-bottom: 11px;
}

.entry-summary .woocommerce-product-rating .star-rating {
    display: inline-block;
}

.entry-summary .woocommerce-product-rating .woocommerce-review-link {
    vertical-align: top;
    line-height: 26px;
    font-size: 12px;
}

.entry-summary .woocommerce-product-rating .woocommerce-review-link:not(:hover) {
    color: #bbbbbb;
}

.entry-summary .entry-title {
    font-size: 30px;
    font-weight: normal;
    margin-top: -3px;
    margin-bottom: 12px;
}

.entry-summary .price,
.entry-summary .woocommerce-Price-amount {
    font-size: 22px;
    color: #8b8b8b;
    font-weight: normal;
}

.entry-summary .price {
    margin-bottom: 34px;
}

.entry-summary .woocommerce-grouped-product-list-item__price ins {
    text-decoration: none;
}

.entry-summary .stock {
    margin-bottom: 10px;
}

.entry-summary .stock.out-of-stock {
    color: red;
}

.entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 34px;
    padding-top: 37px;
    border-top: 1px solid #eeeeee;
}

.entry-summary .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0;
}

.entry-summary .product_meta {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.entry-summary .product_meta > span {
    display: block;
}

.entry-summary .baque-share-socials {
    text-align: left;
    margin-top: 0;
    padding: 0;
    border-top: none;
}

.entry-summary .baque-share-socials > span {
    display: none;
}

.entry-summary .baque-share-socials a {
    width: 40px;
    height: 40px;
    line-height: 42px;
    color: #fff;
    background-color: #333;
    margin: 3px;
    font-size: 14px;
}

.entry-summary .baque-share-socials a:hover {
    color: #fff;
    background-color: #18c9de;
}

.entry-summary .baque-share-socials a:nth-of-type(1) {
    margin-left: 0;
}

/*form single product*/
.quantity .input-text {
    width: 60px;
    text-align: center;
}

.entry-summary .quantity {
    margin-bottom: 27px;
}

.entry-summary .quantity .input-text {
    text-align: center;
    color: #333;
    border: 1px solid #333;
    height: 54px;
    line-height: 52px;
    font-size: 20px;
    font-weight: 500;
    width: 237px;
    padding: 0 15px;
}

.entry-summary .cart {
    padding: 0;
}

.entry-summary .cart .single_add_to_cart_button {
    display: inline-block;
    min-width: 237px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    padding: 0 15px;
    background-color: #333;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1em;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px;
}

.entry-summary .cart .single_add_to_cart_button:hover {
    background-color: #18c9de;
}

.entry-summary .cart .single_add_to_cart_button.loading::after {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
    font-size: 20px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}

.entry-summary p.cart {
    margin-bottom: 0;
}

.entry-summary .yith-wcwl-add-to-wishlist {
    float: left;
    margin-bottom: 22px;
    margin-right: 22px;
}

.entry-summary .compare {
    float: left;
    margin-bottom: 22px;
}

/*.variations*/
.variations {
    display: block;
    border: none;
}

.variations tr {
    display: block;
    margin-bottom: 12px;
}

.variations .label {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0;
    font-size: 14px;
    color: inherit;
    line-height: inherit;
    font-weight: normal;
    text-align: left;
    border: none;
    border-radius: 0;
    min-width: 50px;
}

.variations label {
    margin-top: 5px;
}

.variations .value {
    padding: 0;
    text-align: left;
    border: none;
}

.variations select {
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

.variations .reset_variations {
    margin-left: 10px;
    font-style: italic;
    vertical-align: middle;
}

/*.product-type-grouped*/
.product-type-grouped .entry-summary .cart,
.product-type-grouped .entry-summary .cart .group_table {
    width: 100%;
}

.product-type-grouped .entry-summary .cart .group_table td.label,
.product-type-grouped .entry-summary .cart .group_table td.price {
    text-align: inherit;
    vertical-align: middle;
    margin-bottom: 0;
    white-space: normal;
}

.product-type-grouped .entry-summary .cart .group_table .quantity {
    margin-bottom: 0;
}

.product-type-grouped .entry-summary .cart .group_table .quantity .input-text {
    color: #888888;
    border: 1px solid #d6d6d6;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: normal;
    width: 60px;
}

.product-type-grouped .entry-summary .cart .group_table label {
    font-weight: normal;
    margin-bottom: 0;
    line-height: 24px;
}

.product-type-grouped .entry-summary .cart .group_table .button {
    font-size: 15px;
    line-height: 26px;
}

.product-type-grouped .entry-summary .cart .group_table .woocommerce-grouped-product-list-item__price {
    line-height: 24px;
}

.product-type-grouped .entry-summary .cart .group_table .woocommerce-Price-amount {
    font-size: 14px;
}

.product-type-grouped .entry-summary .cart .group_table .stock {
    display: none;
}

@media (max-width: 1400px) {
    .main-content:not(.has-sidebar) .woocommerce-product-gallery .flex-viewport {
        width: -webkit-calc(100% - 85px);
        width: -moz-calc(100% - 85px);
        width: calc(100% - 85px);
    }

    .main-content:not(.has-sidebar) .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
        width: 85px;
    }
}

@media (max-width: 1199px) {
    .main-content:not(.has-sidebar) .main-contain-summary.has-gallery {
        padding: 0;
        width: auto;
        position: static;
        margin-left: 0;
    }

    .main-content:not(.has-sidebar) .woocommerce-product-gallery .flex-viewport,
    .woocommerce-product-gallery .flex-viewport {
        width: 100%;
    }

    .main-content:not(.has-sidebar) .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
        margin-left: -5px;
        margin-right: -5px;
        overflow: hidden;
        padding: 15px 0 0 0;
        width: 100%;
    }

    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        width: 20%;
        float: left;
        padding: 10px 5px 0 5px;
    }

    .entry-summary .price {
        margin-bottom: 20px;
    }

    .entry-summary .woocommerce-product-details__short-description {
        margin-bottom: 20px;
        padding-top: 20px;
    }
}

@media (max-width: 991px) {
    .main-contain-summary .single-left,
    .main-contain-summary .entry-summary {
        width: 100%;
    }

    .main-content:not(.has-sidebar) .main-contain-summary.has-gallery .entry-summary,
    .main-contain-summary .entry-summary {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        width: 25%;
    }
}

@media (max-width: 480px) {
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        width: 33.3333333%;
    }
}

/*woocommerce-tabs*/
.woocommerce-tabs {
    padding-top: 27px;
}

/*.wc-tabs*/
.wc-tabs {
    padding-left: 0;
    position: relative;
    text-align: center;
}

.wc-tabs li {
    list-style: none;
    display: inline-block;
    text-align: center;
    padding: 0 18px;
}

.wc-tabs li a {
    display: block;
    font-size: 16px;
    color: #a4a4a4;
    font-weight: 500;
    padding-bottom: 9px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.wc-tabs li a:hover,
.wc-tabs li.active a {
    color: #333;
}

.wc-tabs li a:hover::before,
.wc-tabs li.active a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #18c9de;
    content: '';
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.woocommerce-Tabs-panel*/
.woocommerce-Tabs-panel {
    max-width: 945px;
    margin: 30px auto 30px auto;
}

.woocommerce-Tabs-panel h2 {
    display: none;
}

.woocommerce-Tabs-panel p:last-child {
    margin-bottom: 0;
}

.woocommerce-Tabs-panel .shop_attributes th,
.woocommerce-Tabs-panel .shop_attributes td {
    font-weight: normal;
}

/*comment star*/
p.stars {
    margin-top: 5px;
    line-height: 18px;
    display: inline-block;
}

p.stars span {
    display: block;
    height: 18px;
}

p.stars,
p.stars a {
    display: inline-block
}

p.stars a {
    font-weight: 400;
    height: 1em
}

p.stars a:before,
p.stars a:hover ~ a:before {
    content: "\f006";
    color: #adadad;
}

p.stars a {
    font-size: 18px;
    position: relative;
    width: 1em;
    text-indent: -999em;
    margin-right: 2px
}

p.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    text-indent: 0;
}

p.stars:hover a:before,
p.stars.selected:not(:hover) a:before {
    content: '\f005';
    color: #ffcc30;
}

p.stars a:hover ~ a:before,
p.stars.selected:not(:hover) a.active ~ a:before {
    content: "\f006";
    color: #ffcc30;
}

section.upsells,
section.related {
    position: relative;
    padding-top: 50px;
    margin-top: 60px;
}

section.upsells::before,
section.related::before {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #ebebeb;
}

.main-content:not(.has-sidebar) section.upsells::before,
.main-content:not(.has-sidebar) section.related::before {
    width: 100vw;
}

section.upsells > h2,
section.related > h2 {
    font-size: 22px;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 51px;
    text-align: center;
}

section.upsells > h2::before,
section.related > h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #18c9de;
    width: 68px;
}

@media (max-width: 767px) {
    .wc-tabs li {
        display: block;
        margin-right: 0;
    }

    .wc-tabs li a {
        display: inline-block;
    }
}

/* ==========================================================================
6.3 CART PAGE
========================================================================== */
#shipping_method {
    padding-left: 0;
    list-style: none;
    color: #aaa;
}

#shipping_method input[type="radio"] {
    display: none;
}

#shipping_method label {
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    color: #666666;
    cursor: pointer;
}

#shipping_method label::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid #e4e4e4;
    background: #f5f5f5;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#shipping_method input[type="radio"]:checked + label::before {
    background: #000;
    border-color: #000;
}

.shipping p {
    margin-bottom: 10px;
}

body.woocommerce-cart .cart-empty {
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}

body.woocommerce-cart .return-to-shop {
    margin-top: 10px;
    text-align: center;
}

body.woocommerce-cart .return-to-shop a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
    height: 47px;
    padding: 0 49px 0 28px;
    text-transform: capitalize;
    border: 2px solid;
    color: #000;
}

body.woocommerce-cart .return-to-shop a:hover {
    color: #18c9de;
}

body.woocommerce-cart .return-to-shop a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    border-bottom: 1px solid;
    width: 19px;
    z-index: 1;
}

body.woocommerce-cart .return-to-shop a:after {
    content: '';
    position: absolute;
    top: 17px;
    right: 18px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 10px;
    height: 10px;
}

.shop_table {
    font-weight: normal;
    border: none;
}

.shop_table td,
.shop_table th {
    border-color: #cccccc;
    font-weight: normal;
    padding: 18px;
    border-left: none;
    border-right: 0;
}

.shop_table .product-remove {
    text-align: center;
}

.shop_table .product-remove .remove {
    font-size: 24px;
    font-weight: 200;
}

.shop_table .product-remove .remove:not(:hover) {
    color: #bfbfbf;
}

.shop_table .product-thumbnail img {
    max-width: 80px;
}

.woocommerce-cart-form .shop_table thead {
    display: none;
}

.woocommerce-cart-form .shop_table thead th {
    font-weight: normal;
}

.woocommerce-cart-form .shop_table .actions {
    padding-top: 25px;
    overflow: hidden;
}

.woocommerce-cart-form .shop_table .actions label {
    display: none;
}

.woocommerce-cart-form .shop_table .actions .coupon {
    position: relative;
    float: left;
    margin-bottom: 17px;
}

#coupon_code {
    height: 52px;
    line-height: 50px;
    border: 1px solid #dfdfdf;
}

.form-row-first #coupon_code {
    width: 100%;
}

.woocommerce-cart-form .shop_table .actions .coupon .button {
    float: right;
    display: inline-block;
    min-width: 162px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0 10px;
    background-color: #000;
}

.woocommerce-cart-form .shop_table .actions .coupon .button:hover {
    background-color: #18c9de;
    color: #fff;
}

.woocommerce-cart-form .shop_table .actions > .button {
    display: inline-block;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 0 20px;
    border: 1px solid #dfdfdf;
    background-color: transparent;
    float: right;
}

.woocommerce-cart-form .shop_table .actions > .button:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.cart-collaterals {
    display: table;
    width: 100%;
    padding-top: 40px;
}

.cart-collaterals .cross-sells {
    display: table-cell;
    padding-right: 30px;
    width: 50%;
}

.cart-collaterals .cart_totals {
    display: table-cell;
    width: 50%;
}

.cross-sells > h2,
.cart_totals > h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    margin-top: 0;
    margin-bottom: 22px;
}

.cross-sells ul.products li .yith-wcqv-button,
.cross-sells ul.products li .add_to_cart_button,
.cross-sells ul.products li .product_type_simple,
.cross-sells ul.products li .product_type_grouped,
.cross-sells ul.products li .product_type_external,
.cross-sells ul.products li .added_to_cart {
    display: none;
}

.cart_totals .shop_table {
    margin: 0 18px;
    position: relative;
    background: #f8f8f8;
    width: calc(100% - 36px);
}

.cart_totals .shop_table::before {
    content: '';
    background: #f8f8f8;
    position: absolute;
    top: 0;
    left: -18px;
    right: -18px;
    bottom: 0;
    z-index: -1;
}

.cart_totals .shop_table tbody {
    position: relative;
}

.cart_totals .shop_table tr:first-child th,
.cart_totals .shop_table tr:first-child td {
    border-top: none;
}

.cart_totals .shop_table tr:last-child th,
.cart_totals .shop_table tr:last-child td {
    border-bottom: none;
}

.cart_totals .shop_table tr th {
    padding: 25px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    vertical-align: top;
    width: 35%;
}

.cart_totals .shop_table tr td {
    vertical-align: top;
}

.shipping-calculator-form .button {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    background-color: #18c9de;
}

.shipping-calculator-form .button:hover {
    background-color: #000;
}

.wc-proceed-to-checkout .checkout-button {
    display: inline-block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    margin-top: 20px;
}

.wc-proceed-to-checkout .checkout-button:hover {
    background-color: #18c9de;
}

@media (max-width: 991px) {
    .cart-collaterals {
        display: block;
    }

    .cart-collaterals .cross-sells {
        display: block;
        padding-right: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .cart-collaterals .cart_totals {
        display: block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .shop_table {
        display: block;
    }

    .shop_table thead {
        display: none;
    }

    .shop_table tbody,
    .shop_table tfoot,
    .shop_table tr,
    .shop_table tr td,
    .shop_table tr th {
        display: inline-block;
        text-align: center !important;
        width: 100% !important;
    }

    .shop_table tfoot {
        border-top: 1px solid #cccccc;
    }

    .shop_table tr > * {
        border: none;
        border-bottom: 1px solid #cccccc;
    }

    .shop_table tr:last-child > *:last-child {
        border-bottom: none;
    }

    .cart_totals .shop_table tr:last-child th,
    .cart_totals .shop_table tr:last-child td {
        border-bottom: 1px solid #cccccc;
    }

    .woocommerce-cart-form .shop_table .actions .coupon,
    .woocommerce-cart-form .shop_table .actions button.button {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .woocommerce table.wishlist_table tr:nth-child(2n),
    .woocommerce-cart-form .shop_table tr:nth-child(2n) {
        background: #f8f8f8;
    }

    .woocommerce-cart-form .shop_table tr:first-child td:first-child,
    .cart_totals .shop_table tr:first-child th:first-child {
        border-top: 0;
    }

    .woocommerce-cart-form .shop_table .actions .coupon {
        float: left;
    }

    .woocommerce-cart-form .shop_table .actions button.button {
        float: right;
    }
}

@media (max-width: 479px) {
    #coupon_code {
        width: 100%;
        margin-bottom: 15px;
    }

    .woocommerce-cart-form .shop_table .actions .coupon .button {
        width: 100%;
    }

    .woocommerce-cart-form .shop_table .actions button.button {
        width: 100%;
    }
}

/* ==========================================================================
6.4 CHECKOUT PAGE
========================================================================== */
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
    display: none;
}

.woocommerce-form__label-for-checkbox > span {
    position: relative;
    padding-left: 20px;
    color: #666666;
}

.woocommerce-form__label-for-checkbox > span::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #e4e4e4;
    background: #f5f5f5;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::before {
    background: #000;
    border-color: #000;
}

#payment {
    padding-top: 30px;
}

#payment p {
    margin-bottom: 20px;
}

#payment ul {
    padding-left: 0;
    list-style: none;
}

#payment img {
    max-width: 200px;
}

#payment .input-radio {
    display: none;
}

#payment label {
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

#payment label::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #e4e4e4;
    background: #f5f5f5;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#payment .input-radio:checked + label::before {
    border: 1px solid #000;
    background: #000;
}

.woocommerce-input-wrapper input {
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    color: #898989;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}

/*SELECT2 RESET*/
body .select2-container {
    width: 100% !important;
    text-align: left;
}

body .select2-container--default .select2-selection--single {
    height: 54px;
    line-height: 52px;
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    border-radius: 0;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888888;
    line-height: 52px;
    padding-left: 15px;
    padding-right: 40px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
    width: 50px;
}

body .select2-container .select2-choice .select2-arrow b:after {
    border: none;
    font-family: 'FontAwesome', sans-serif;
    content: "\f107";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    margin-left: -15px;
}

body .select2-dropdown {
    border: 1px solid #e1e1e1;
    border-radius: 0;
}

body .select2-dropdown .select2-search .select2-search__field {
    background-color: #ffffff;
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6e6e6;
}

body .select2-results__option {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}

body .select2-dropdown .select2-result {
    color: #888888;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #f0f2f5;
    color: #333333;
}

body .select2-container--default .select2-results__option[aria-selected="true"],
body .select2-container--default .select2-results__option[data-selected="true"] {
    color: #333333;
}

body.woocommerce-checkout .woocommerce > .woocommerce-info {
    padding: 14px 18px 13px;
    border: 1px solid #cccccc;
    position: relative;
}

body.woocommerce-checkout .woocommerce-form-login {
    padding: 14px 18px 13px;
    border: 1px solid #cccccc;
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px;
}

.checkout_coupon {
    overflow: hidden;
    padding: 30px 18px 10px;
    border: 1px solid #cccccc;
    margin-bottom: 30px;
}

.checkout_coupon .button {
    min-width: 159px;
    font-size: 16px;
    background-color: #000000;
    height: 56px;
    line-height: 56px;
}

.checkout_coupon .button:hover {
    background-color: #18c9de;
}

form.woocommerce-checkout::before,
form.woocommerce-checkout::after {
    content: '';
    display: table;
}

form.woocommerce-checkout::after {
    clear: both;
}

.validate-required label .required {
    display: none;
}

.validate-required label::after {
    content: '*';
    color: #ff0000;
}

#customer_details {
    float: left;
    width: calc(100% - 440px);
    padding-right: 30px
}

#customer_details .col-1 {
    margin-bottom: 30px;
}

.woocommerce-billing-fields > h3 {
    color: #000;
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 500;
}

.form-row:last-child {
    margin-bottom: 0;
}

.form-row > label {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 9px;
    text-align: left;
}

.form-row > input {
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    font-size: 13px;
    line-height: 54px;
    min-height: 56px;
    width: 100%;
}

.form-row-first {
    float: left;
    width: calc(50% - 15px);
}

.form-row-last {
    float: right;
    width: calc(50% - 15px);
}

/*.woocommerce-shipping-fields*/
.woocommerce-shipping-fields {
    padding-bottom: 30px;
}

.woocommerce-shipping-fields #ship-to-different-address {
    color: #666666;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.woocommerce-shipping-fields #ship-to-different-address label {
    font-weight: normal;
    color: inherit;
}

.woocommerce-shipping-fields .shipping_address {
    padding-top: 20px;
}

#order_comments {
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    color: #898989;
    width: 100%;
}

/*#order_review*/
#order_review_heading {
    display: inline-block;
    color: #000;
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 500;
    float: left;
    width: 440px;
}

#order_review {
    float: left;
    width: 440px;
}

#order_review .shop_table {
    margin-bottom: 0;
    border-bottom: 0;
}

#order_review .shop_table thead {
    display: none;
}

#order_review .shop_table tr th {
    vertical-align: top;
}

#order_review .shop_table tbody tr:nth-child(2n) {
    background-color: #f8f8f8;
}

#order_review .shop_table tbody tr:first-child td {
    border-top: none;
}

#order_review .shop_table tfoot tr:last-child td,
#order_review .shop_table tfoot tr:last-child th {
    border-bottom: none;
}

#place_order {
    background: #000;
    border: medium none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 70px;
    height: 70px;
    padding: 0;
    width: 100%;
    max-width: 440px;
}

#place_order:hover {
    background-color: #18c9de;
}

@media (max-width: 1199px) {
    #customer_details {
        width: 100%;
        padding-right: 0;
        padding-bottom: 40px;
    }

    #order_review,
    #order_review_heading {
        width: 100%;
    }

    #order_review .shop_table tfoot tr:last-child th {
        border-bottom: 1px solid #cccccc;
    }
}

@media (max-width: 767px) {
    .form-row-first,
    .form-row-last {
        width: 100%;
        float: none;
    }
}

/* ==========================================================================
6.5 MY ACCOUNT PAGE
========================================================================== */
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
    content: '';
    display: table;
}

body.woocommerce-account .woocommerce::after {
    clear: both;
}

#customer_login {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#customer_login h2 {
    color: #000;
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 500;
}

#customer_login .col-1,
#customer_login .col-2 {
    width: calc(50% - 15px);
    float: left;
}

#customer_login .col-2 {
    float: right;
}

form.woocommerce-form-login .form-row,
form.register .form-row {
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

form.woocommerce-form-login .button,
form.register .button {
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 54px;
    height: 54px;
    padding: 0 15px;
    min-width: 196px;
}

form.woocommerce-form-login .button:hover,
form.register .button:hover {
    background-color: #18c9de;
}

form.woocommerce-form-login .woocommerce-form__label {
    color: #898989;
    font-size: 14px;
    font-weight: 500;
    margin-left: 30px;
    display: inline-block;
    margin-top: 10px;
}

form.woocommerce-form-login p:nth-child(3),
form.woocommerce-form-login p:nth-child(5) {
    float: left;
    width: auto !important;
}

form.woocommerce-form-login .form-row.form-row-first {
    width: calc(50% - 15px);
}

form.woocommerce-form-login .form-row.form-row-last {
    width: calc(50% - 15px) !important;
    float: right;
}

form.woocommerce-form-login .lost_password {
    float: right;
    font-size: 14px;
    line-height: 50px;
}

form.woocommerce-form-login .lost_password a:not(:hover) {
    color: inherit;
    text-decoration: underline;
}

form.woocommerce-form-login .clear {
    width: 100%;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}

.woocommerce-MyAccount-content {
    float: left;
    width: 70%;
    padding-left: 30px;
}

.woocommerce-MyAccount-navigation > ul {
    padding-left: 0;
    margin-bottom: 40px;
}

.woocommerce-MyAccount-navigation > ul li {
    line-height: 50px;
    list-style: none;
}

.woocommerce-MyAccount-navigation > ul li:not(:first-child) {
    border-top: 1px solid #ededed;
}

.woocommerce-MyAccount-navigation > ul li.is-active a {
    color: #333333;
}

.woocommerce-MyAccount-content .form-row label {
    display: block;
    font-weight: normal;
}

.woocommerce-MyAccount-content fieldset {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.woocommerce-MyAccount-content fieldset legend {
    display: block;
    border-bottom: none;
}

.woocommerce-MyAccount-content fieldset ~ p .woocommerce-Button {
    min-width: 159px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background-color: #333333;
}

.woocommerce-MyAccount-content fieldset ~ p .woocommerce-Button:hover {
    background-color: #000000;
}

.woocommerce-MyAccount-content .form-row input {
    width: 100%;
}

.woocommerce-MyAccount-content h3 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 0 15px;
    line-height: normal;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
}

.woocommerce-Address {
    margin-bottom: 30px;
    padding: 14px 18px 13px;
    border: 1px solid #cccccc;
    margin-top: 30px;
    position: relative;
}

@media (max-width: 991px) {
    #customer_login .col-1,
    #customer_login .col-2 {
        width: 100%;
    }

    #customer_login .col-2 {
        margin-top: 40px;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-MyAccount-content {
        width: 100%;
        padding-left: 0;
    }

    #customer_login .form-row {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    form.woocommerce-form-login .form-row.form-row-first {
        width: 100%;
    }

    form.woocommerce-form-login .form-row.form-row-last {
        width: 100% !important;
    }

    form.woocommerce-form-login .lost_password,
    form.woocommerce-form-login p:nth-child(3),
    form.woocommerce-form-login p:nth-child(5) {
        width: 100% !important;
        text-align: center;
    }

    form.woocommerce-form-login .woocommerce-form__label {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 479px) {
    #customer_login .woocommerce-form__label {
        float: none;
    }

    #customer_login .woocommerce-Button {
        float: none;
    }

}

/* ==========================================================================
6.6 WISHLIST PAGE
========================================================================== */
.wishlist-title {
    display: none;
}

.yith-wcwl-share {
    margin-bottom: 0;
}

.woocommerce table.wishlist_table {
    font-size: 100%;
}

.woocommerce table.wishlist_table thead {
    display: none;
}

.woocommerce table.wishlist_table tfoot td {
    border-bottom: none;
}

.woocommerce table.wishlist_table tr:first-child td {
    border-top: none;
}

.woocommerce table.wishlist_table tbody tr td.wishlist-empty {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.shop_table.wishlist_table thead th {
    font-weight: normal;
}

.woocommerce table.wishlist_table thead th,
.woocommerce table.wishlist_table tbody td {
    padding: 18px;
    border-color: #cccccc;
}

.wishlist_table tr td.product-thumbnail a {
    display: inline-block;
}

.wishlist_table tr td.product-thumbnail a img {
    width: 80px;
}

.wishlist_table tr td,
.wishlist_table tr th.product-checkbox {
    text-align: left;
}

.wishlist_table .yith-wcqv-button-wapper {
    display: inline-block;
    margin-left: 5px;
}

.wishlist_table .yith-wcqv-button-wapper a::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f06e";
    font-size: 14px;
    margin-right: 3px;
}

/* ==========================================================================
7.0 WIDGET + PAGINATION + BREADCRUMB
========================================================================== */
/* ==========================================================================
7.1 WIDGET THEME
========================================================================== */
.left-sidebar .main-content {
    float: right;
}

.sidebar {
    padding-bottom: 20px;
}

.sidebar .widget:not(:last-child) {
    margin-bottom: 52px;
}

.sidebar .widgettitle {
    font-size: 18px;
    font-weight: 500;
    margin: -3px 0 25px;
    padding-bottom: 12px;
    position: relative;
}

.sidebar .widgettitle::before {
    border-bottom: 1px solid #dfdfdf;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.sidebar .widget ul,
.sidebar .widget ol {
    padding: 0 0 5px 0;
    list-style: none;
}

.sidebar .widget ul ul,
.sidebar .widget ul ol,
.sidebar .widget ol ol,
.sidebar .widget ol ul {
    padding: 0 0 0 17px;
    margin-top: 5px;
    border-bottom: none;
}

.sidebar .widget ul li {
    list-style: none;
    padding: 5px 0;
    line-height: 24px;
    width: 100%;
}

.sidebar .widget ul li:empty {
    display: none;
}

.sidebar .widget ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar .widget p:last-child {
    margin-bottom: 0;
}

.sidebar .widget label:not(.screen-reader-text) {
    width: 100%;
    margin: 15px 0;
}

/*widget_search*/
.widget_search .search-form {
    position: relative;
}

.widget_search .search-form input[type='search'] {
    width: 100%;
    padding: 0 60px 0 21px;
    border: 1px solid #dfdfdf;
    line-height: 44px;
    height: 46px;
}

.widget_search .search-form button {
    border: none;
    color: #fff;
    background-color: #1b1b1b;
    display: inline-block;
    font-size: 18px;
    height: 46px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 52px;
}

.widget_search .search-form button:hover {
    background-color: #18c9de;
}

.widget_search .search-form button span::before {
    content: "\f103";
    font-family: 'Flaticon', sans-serif;
}

/*.widget-baque-post*/
.widget-baque-post article {
    margin-bottom: 20px;
    height: auto !important;
}

.widget-baque-post .post-item-inner {
    overflow: hidden;
}

.widget-baque-post .post-thumb {
    float: left;
    max-width: 80px;
    margin-right: 10px;
}

.widget-baque-post .post-thumb a {
    display: block;
    position: relative;
}

.widget-baque-post .post-thumb a::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s, transform 0.25s ease 0s;
    -moz-transition: opacity 0.25s, transform 0.25s ease 0s;
    -o-transition: opacity 0.25s, transform 0.25s ease 0s;
    transition: opacity 0.25s, transform 0.25s ease 0s;
    z-index: 2;
}

.widget-baque-post .post-thumb a:hover::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.widget-baque-post .post-info {
    overflow: hidden;
}

.widget-baque-post .post-info .post-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 5px;
}

.widget-baque-post .date {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #333;
}

.widget-baque-post .date a:not(:hover) {
    color: inherit;
}

/*.widget-baque-instagram*/
.widget-baque-instagram .content-instagram {
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

.widget-baque-instagram .content-instagram .item {
    padding: 5px;
    float: left;
    width: 33.3333333%;
    position: relative;
}

.widget-baque-instagram .content-instagram .item::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s, transform 0.25s ease 0s;
    -moz-transition: opacity 0.25s, transform 0.25s ease 0s;
    -o-transition: opacity 0.25s, transform 0.25s ease 0s;
    transition: opacity 0.25s, transform 0.25s ease 0s;
}

.widget-baque-instagram .content-instagram .item:hover::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.widget-baque-instagram .content-instagram .item img {
    width: 100%;
}

/*widget-baque-mailchimp*/
.widget-baque-mailchimp .desc-newsletter {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    max-width: 220px;
    margin-bottom: 5px;
}

.widget-baque-mailchimp .newsletter-input {
    position: relative;
}

.widget-baque-mailchimp .email-newsletter {
    height: 62px;
    padding: 10px 30px 10px 0;
    font-size: 12px;
    border: none;
    border-bottom: 2px solid #292e32;
    width: 100%;
}

.widget-baque-mailchimp .submit-newsletter {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 62px;
    line-height: 62px;
    display: inline-block;
    width: 25px;
    font-size: 18px;
    text-align: right;
}

.widget-baque-mailchimp .submit-newsletter:not(:hover) {
    color: #000000;
}

/*widget_tag_cloud*/
.widget_tag_cloud a {
    border: 1px solid #dfdfdf;
    padding: 3px 8px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.widget_tag_cloud a:hover {
    border-color: #18c9de;
}

/*.widget_price_filter*/
.widget_price_filter .price_slider_wrapper {
    padding-top: 10px;
}

.widget_price_filter .price_slider_amount {
    display: inline-block;
    width: 100%;
}

.widget_price_filter .price_slider_amount input {
    display: none;
}

.widget_price_filter .price_label {
    float: left;
}

.widget_price_filter .price_label > span {
    font-weight: 200;
}

.widget_price_filter .button {
    float: right;
}

.widget_price_filter .button:hover {
    background-color: #18c9de;
}

.widget_price_filter .price_slider {
    position: relative;
    height: 3px;
    background-color: #e4e4e4;
    width: -webkit-calc(100% - 13px);
    width: -moz-calc(100% - 13px);
    width: calc(100% - 13px);
    margin-bottom: 24px;
    margin-top: 16px;
}

.widget_price_filter .price_slider::before {
    content: '';
    display: block;
    height: 3px;
    width: 14px;
    background-color: #e4e4e4;
    position: absolute;
    left: 100%;
    top: 0;
}

.widget_price_filter .ui-slider-range {
    height: 3px;
    background-color: #18c9de;
    position: absolute;
    top: 0;
}

.widget_price_filter .ui-slider-handle {
    border-radius: 50%;
    background-color: #18c9de;
    display: inline-block;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*.widget_layered_nav*/
.widget_layered_nav li.chosen,
.widget_layered_nav li.chosen a {
    color: #18c9de;
}

.widget_product_categories li.current-cat,
.widget_product_categories li.current-cat a {
    color: #18c9de;
}

@media (max-width: 767px) {
    .sidebar {
        padding-top: 60px;
    }
}

/* ==========================================================================
7.2 BREADCRUMB THEME
========================================================================== */
.block-header {
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 193px 0 196px;
    margin-bottom: 52px;
    position: relative;
    background-size: cover;
}

.block-header[style=""] {
    padding: 150px 0 52px;
    margin-bottom: 0;
    text-align: center;
}

.header.light ~ .main-container .block-header {
    margin-bottom: 50px;
}

.tax-portfolio_tags .block-header,
.tax-portfolio_client .block-header,
.tax-portfolio_category .block-header,
.post-type-archive-portfolio .block-header {
    padding: 173px 0 140px;
    background-position: top right;
    background-size: auto;
    text-align: center;
}

.block-header .page-title {
    font-size: 50px;
    font-weight: 300;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
}

.breadcrumbs ul {
    padding-left: 0;
    list-style: none;
    position: relative;
}

.breadcrumbs ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #939ca7;
}

.post-type-archive-portfolio .breadcrumbs ul li:nth-child(3) {
    display: none;
}

.breadcrumbs ul li + li::before {
    content: '>';
    padding: 0 10px;
}

.breadcrumbs ul li a:not(:hover) {
    color: inherit;
}

.woocommerce-breadcrumb {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #939ca7;
    text-transform: uppercase;
}

.woocommerce-breadcrumb i {
    padding: 0 10px;
}

.woocommerce-breadcrumb a:not(:hover) {
    color: inherit;
}

.header.light ~ .main-container .block-header .page-title,
.header.light ~ .main-container .breadcrumbs ul li,
.header.light ~ .main-container .woocommerce-breadcrumb,
.header.light ~ .main-container .block-header,
.header.light ~ .block-header,
.header.light ~ .block-header .page-title,
.header.light ~ .block-header .woocommerce-breadcrumb {
    color: #fff;
}

.header.light ~ .main-container .block-header::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tax-portfolio_client .header.light ~ .main-container .block-header::before,
.tax-portfolio_tags .header.light ~ .main-container .block-header::before,
.tax-portfolio_category .header.light ~ .main-container .block-header::before,
.post-type-archive-portfolio .header.light ~ .main-container .block-header::before {
    background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 1280px) {
    .block-header {
        background-attachment: unset;
    }
}

@media (max-width: 1199px) {
    .block-header {
        background-position: center center;
    }

    .block-header .page-title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .tax-portfolio_tags .block-header,
    .tax-portfolio_client .block-header,
    .tax-portfolio_category .block-header,
    .post-type-archive-portfolio .block-header,
    .block-header {
        padding-top: 130px;
        padding-bottom: 80px;
    }

    .block-header[style=""] {
        padding-top: 100px;
        padding-bottom: 50px;
    }
}

/* ==========================================================================
7.3 PAGINATION THEME
========================================================================== */
.woocommerce-pagination,
.comments-pagination,
.post-pagination,
.pagination {
    display: inline-block;
    width: 100%;
}

.blog-standard ~ .pagination {
    padding-top: 84px;
    margin-top: 42px;
    border-top: 1px solid #dfdfdf;
    padding-bottom: 25px;
}

.blog-grid ~ .pagination {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.post-pagination {
    margin-top: 15px;
}

.woocommerce-pagination ul {
    padding-left: 0;
    padding-top: 30px;
    list-style: none;
}

.comments-pagination .nav-links,
.woocommerce-pagination li,
.pagination .nav-links {
    display: inline-block;
}

.woocommerce-pagination li .page-numbers,
.comments-pagination .page-numbers,
.post-pagination > span:not(.title),
.post-pagination a span,
.pagination .page-numbers {
    color: #b1b9c3;
    display: inline-block;
    min-width: 44px;
    padding: 0 3px;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    line-height: 42px;
    height: 44px;
    border: 1px solid;
    margin: 3px;
}

.post-pagination a span {
    font-weight: normal;
}

.woocommerce-pagination li .page-numbers.current,
.woocommerce-pagination li .page-numbers:hover,
.comments-pagination .page-numbers.current,
.comments-pagination a.page-numbers:hover,
.post-pagination > span:not(.title),
.post-pagination a span:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    color: #333333;
}

.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next,
.comments-pagination .page-numbers.prev,
.comments-pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    font-size: 0;
}

.woocommerce-pagination .page-numbers.prev::before,
.comments-pagination .page-numbers.prev::before,
.pagination .page-numbers.prev::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f104";
    font-size: 20px;
}

.woocommerce-pagination .page-numbers.next::before,
.comments-pagination .page-numbers.next::before,
.pagination .page-numbers.next::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f105";
    font-size: 20px;
    line-height: 38px;
}

.post-pagination > span.title {
    line-height: 44px;
}

@media (max-width: 1199px) {
    .blog-standard ~ .pagination {
        padding-top: 68px;
        margin-top: 42px;
        border-top: 1px solid #dfdfdf;
        padding-bottom: 0;
    }

    .blog-grid ~ .pagination {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

/*===============================================================
8.0 FOOTER
===============================================================*/
a.backtotop {
    position: fixed;
    bottom: 85px;
    right: 60px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 100% 50% 0;
    -o-transform-origin: 100% 50% 0;
    -webkit-transform-origin: 100% 50% 0;
    font-size: 20px;
    -webkit-transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid;
    text-align: center;
}

a.backtotop:not(:hover) {
    color: #757575;
}

a.backtotop i {
    line-height: 34px;
}

a.backtotop.active {
    opacity: 1;
    visibility: visible;
}

a.backtotop span {
    display: none;
    line-height: 40px;
    color: #666;
    pointer-events: none;
    position: absolute;
    left: 100%;
    margin-left: 30px;
    font-size: 12px;
    font-weight: 600;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

a.backtotop:hover span {
    margin-left: 10px;
    opacity: 1;
    visibility: visible;
}

.footer {
    line-height: 32px;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: -5px;
}

@media (max-width: 767px) {
    .footer {
        line-height: 28px;
    }

    .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
        margin-bottom: 15px;
    }

    a.backtotop {
        right: 25px;
        bottom: 60px;
    }
}

/*===============================================================
9.0 PAGE THEME
===============================================================*/
/*===============================================================
9.1 CONTACT PAGE
===============================================================*/
/*.form-modern*/
.form-modern .row > div > span {
    display: block;
    padding-bottom: 29px;
    margin-left: 0;
}

.form-modern span input {
    width: 100%;
    padding: 9px 30px;
    height: 64px;
    border: 2px solid #fff;
}

.form-modern textarea {
    height: 280px;
    padding: 31px 30px;
    border: 2px solid #fff;
}

.form-modern .col-sm-12 {
    text-align: center;
}

.form-modern .contact-submit {
    display: inline-block;
    position: relative;
    margin-top: 24px;
}

.form-modern .contact-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #18c9de;
}

.form-modern .contact-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 0.4s ease 0s;
    -moz-transition: width 0.4s ease 0s;
    -o-transition: width 0.4s ease 0s;
    transition: width 0.4s ease 0s;
    background-color: #333333;
}

.form-modern .contact-submit:hover::after {
    width: 100%;
}

.form-modern input[type='submit'] {
    min-width: 161px;
    padding: 7px 15px 7px 34px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    height: 54px;
    text-align: left;
    background-color: transparent;
    z-index: 1;
    position: relative;
}

div.wpcf7 .form-modern .ajax-loader {
    visibility: visible !important;
    display: inline-block;
    background-image: none;
    margin: 0;
    width: 19px;
    height: 13px;
    position: absolute;
    top: 19px;
    right: 34px;
    color: #fff;
    pointer-events: none;
    z-index: 1;
}

div.wpcf7 .form-modern .ajax-loader::before {
    content: '';
    position: absolute;
    top: 7px;
    border-bottom: 1px solid;
    width: 19px;
    left: 0;
}

div.wpcf7 .form-modern .ajax-loader::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 10px;
    height: 10px;
}

div.wpcf7 .form-modern .ajax-loader.is-active::before {
    -webkit-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-family: 'FontAwesome', sans-serif;
    content: '\f110';
    font-size: 20px;
    top: -8px;
    border-bottom: none;
    width: auto;
    display: inline-block;
}

div.wpcf7 .form-modern .ajax-loader.is-active::after {
    display: none;
}

/*.form-simple*/
.form-simple .row > div > span {
    display: block;
    padding-bottom: 24px;
    margin-left: 0;
}

.form-simple span input {
    width: 100%;
    padding: 11px 30px;
    height: 64px;
}

.form-simple textarea {
    height: 280px;
    padding: 23px 30px;
}

.form-simple .contact-submit {
    display: inline-block;
    position: relative;
    margin-top: 29px;
}

.form-simple .contact-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
}

.form-simple .contact-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 0.4s ease 0s;
    -moz-transition: width 0.4s ease 0s;
    -o-transition: width 0.4s ease 0s;
    transition: width 0.4s ease 0s;
    background-color: #18c9de;
}

.form-simple .contact-submit:hover::after {
    width: 100%;
}

.form-simple input[type='submit'] {
    min-width: 161px;
    padding: 9px 15px 9px 34px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    height: 58px;
    text-align: left;
    background-color: transparent;
    z-index: 1;
    position: relative;
}

div.wpcf7 .form-simple .ajax-loader {
    visibility: visible !important;
    display: inline-block;
    background-image: none;
    margin: 0;
    width: 19px;
    height: 13px;
    position: absolute;
    top: 19px;
    right: 34px;
    color: #fff;
    pointer-events: none;
    z-index: 1;
}

div.wpcf7 .form-simple .ajax-loader::before {
    content: '';
    position: absolute;
    top: 7px;
    border-bottom: 1px solid;
    width: 19px;
    left: 0;
}

div.wpcf7 .form-simple .ajax-loader::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 10px;
    height: 10px;
}

div.wpcf7 .form-simple .ajax-loader.is-active::before {
    -webkit-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-family: 'FontAwesome', sans-serif;
    content: '\f110';
    font-size: 20px;
    top: -8px;
    border-bottom: none;
    width: auto;
    display: inline-block;
}

div.wpcf7 .form-simple .ajax-loader.is-active::after {
    display: none;
}

/*.form-personal*/
.form-personal {
    width: 840px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.form-personal .row > div > span {
    display: block;
    padding-bottom: 25px;
    margin-left: 0;
}

.form-personal span input {
    width: 100%;
    padding: 7px 30px;
    height: 56px;
    background-color: #fff;
    border-color: #dadada;
}

.form-personal textarea {
    height: 238px;
    padding: 23px 30px;
    background-color: #fff;
    border-color: #dadada;
}

.form-personal .contact-submit {
    display: table;
    position: relative;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
}

.form-personal .contact-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1b1b1b;
}

.form-personal .contact-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 0.4s ease 0s;
    -moz-transition: width 0.4s ease 0s;
    -o-transition: width 0.4s ease 0s;
    transition: width 0.4s ease 0s;
    background-color: #18c9de;
}

.form-personal .contact-submit:hover::after {
    width: 100%;
}

.form-personal input[type='submit'] {
    min-width: 161px;
    padding: 7px 15px 7px 34px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    height: 54px;
    text-align: left;
    background-color: transparent;
    z-index: 1;
    position: relative;
}

div.wpcf7 .form-personal .ajax-loader {
    visibility: visible !important;
    display: inline-block;
    background-image: none;
    margin: 0;
    width: 19px;
    height: 13px;
    position: absolute;
    top: 19px;
    right: 34px;
    color: #fff;
    pointer-events: none;
    z-index: 1;
}

div.wpcf7 .form-personal .ajax-loader::before {
    content: '';
    position: absolute;
    top: 7px;
    border-bottom: 1px solid;
    width: 19px;
    left: 0;
}

div.wpcf7 .form-personal .ajax-loader::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 10px;
    height: 10px;
}

div.wpcf7 .form-personal .ajax-loader.is-active::before {
    -webkit-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-family: 'FontAwesome', sans-serif;
    content: '\f110';
    font-size: 20px;
    top: -8px;
    border-bottom: none;
    width: auto;
    display: inline-block;
}

div.wpcf7 .form-personal .ajax-loader.is-active::after {
    display: none;
}

.form-personal div.wpcf7-response-output {
    color: #fff;
}

@media (max-width: 1199px) {
    .form-personal span input,
    .form-simple span input,
    .form-modern span input {
        padding: 5px 20px;
        height: 50px;
    }

    .form-personal textarea,
    .form-simple textarea,
    .form-modern textarea {
        padding: 20px;
    }

    .form-personal .contact-submit,
    .form-simple .contact-submit,
    .form-modern .contact-submit {
        margin-top: 10px;
    }

    .baque-google-maps {
        min-height: 450px !important;
    }
}

@media (max-width: 767px) {
    .form-personal {
        padding: 0;
    }
}

/*===============================================================
9.2 PAGE 404
===============================================================*/
body.error404 .page-title {
    margin-top: 0;
    font-size: 270px;
    color: #333333;
}

body.error404 .error-404 .title {
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    color: #333333;
    margin-bottom: 20px;
}

body.error404 .error-404 .subtitle {
    font-size: 18px;
    color: #7e848b;
    margin-bottom: 55px;
}

body.error404 .error-404 .button {
    display: inline-block;
    min-width: 196px;
    height: 54px;
    line-height: 54px;
    padding: 0 30px;
    background-color: #333333;
    font-size: 16px;
    text-align: center;
    color: #fff;
}

body.error404 .error-404 .button:hover {
    background-color: #18c9de;
}

@media (max-width: 767px) {
    body.error404 .page-title {
        font-size: 140px;
    }

    body.error404 .title {
        font-size: 26px;
    }

    body.error404 .subtitle {
        font-size: 15px;
    }
}

/* ==========================================================================
9.3 OFFCANVAS PAGE + MENU SLIDE
========================================================================== */
/*offcanvas*/
.page-template-offcanvaspage {
    margin-left: 156px;
    padding-left: 40px;
    padding-right: 40px;
}

.page-template-offcanvaspage .footer > .container {
    width: auto;
    padding: 0;
}

.header.style4 {
    position: fixed;
    top: 0;
    left: 0;
    width: 156px;
    background-color: #fff;
    z-index: 1;
    height: 100vh;
}

.header.style4 .verticle-logo {
    text-align: center;
    height: 156px;
    line-height: 156px;
    position: relative;
    z-index: 2;
    background-color: #000000;
}

.canvas-button {
    width: 100%;
    height: calc(100% - 156px);
    border-right: 1px solid #dde4ed;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.vertical-social {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.vertical-social > span {
    position: absolute;
    bottom: 100%;
    left: 10px;
    display: block;
    transform: rotate(90deg) translateX(-100%);
    -o-transform: rotate(90deg) translateX(-100%);
    -webkit-transform: rotate(90deg) translateX(-100%);
    transform-origin: bottom left;
    -o-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    padding-right: 50px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 500;
}

.vertical-social > span::before {
    content: '';
    border-bottom: 1px solid;
    width: 23px;
    position: absolute;
    top: 50%;
    right: 10px;
}

.vertical-social a {
    font-size: 0;
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
}

.vertical-social a:not(:hover) {
    color: #000000;
}

.vertical-social a span {
    font-size: 18px;
    display: block;
    line-height: 44px;
}

.canvas-icon {
    width: 32px;
    height: 17px;
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.canvas-icon span {
    display: block;
    border-bottom: 2px solid;
}

.canvas-icon span:first-child {
    width: 32px;
}

.canvas-icon span:nth-child(2) {
    width: 15px;
    margin-top: 6px;
}

.canvas-icon span:nth-child(3) {
    width: 25px;
    margin-top: 5px;
}

.menu-canvas {
    width: 324px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -168px;
    bottom: 0;
    -webkit-transition: left 0.25s ease 0s;
    -moz-transition: left 0.25s ease 0s;
    -o-transition: left 0.25s ease 0s;
    transition: left 0.25s ease 0s;
    z-index: 1;
}

.header.style4.open .menu-canvas {
    left: 156px;
}

.offcanvas-template::before {
    content: '';
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: calc(100% - 480px);
    background-color: rgba(63, 69, 76, 0.91);
    -webkit-transition: right 0.25s ease 0s;
    -moz-transition: right 0.25s ease 0s;
    -o-transition: right 0.25s ease 0s;
    transition: right 0.25s ease 0s;
    z-index: 1;
}

.header.style4.open ~ .offcanvas-template::before {
    right: 0;
}

.admin-bar .menu-canvas,
.admin-bar .header.style4 {
    padding-top: 32px;
}

/*slide-button*/
.slide-wrap {
    display: inline-block;
    vertical-align: middle;
}

.slide-icon {
    width: 32px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.slide-icon span {
    display: block;
    border-bottom: 2px solid;
    width: 100%;
}

.slide-icon span:not(:last-child) {
    margin-bottom: 6px;
}

.menu-slide {
    width: 324px;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: -324px;
    bottom: 0;
    -webkit-transition: right 0.25s ease 0s;
    -moz-transition: right 0.25s ease 0s;
    -o-transition: right 0.25s ease 0s;
    transition: right 0.25s ease 0s;
    z-index: 1;
}

.slide-wrap.open .menu-slide {
    right: 0;
}

.overlay-slide {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    width: calc(100% - 324px);
    background-color: rgba(63, 69, 76, 0.91);
    -webkit-transition: left 0.25s ease 0s;
    -moz-transition: left 0.25s ease 0s;
    -o-transition: left 0.25s ease 0s;
    transition: left 0.25s ease 0s;
    z-index: 1;
}

.slide-wrap.open ~ .overlay-slide {
    left: 0;
}

/*.menu-wrap*/
.menu-wrap {
    padding: 50px 35px 30px 35px;
    text-align: left;
}

.menu-wrap .scroll-wrapper {
    height: calc(100vh - 160px);
}

.menu-wrap .scroll-content > div {
    padding-right: 10px;
}

.menu-scroll > .scroll-element,
.menu-scroll > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.menu-scroll > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.menu-scroll > .scroll-element .scroll-element_track {
    display: none;
}

.menu-scroll > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.menu-scroll:hover > .scroll-element .scroll-bar,
.menu-scroll > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.menu-scroll > .scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.menu-scroll > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

.menu-scroll > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.menu-scroll > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.menu-scroll > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.menu-scroll > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.menu-scroll > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.menu-scroll > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

.menu-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.menu-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

.menu-wrap ul {
    padding-left: 0;
    list-style: none;
}

.menu-wrap .submenu {
    display: none;
}

.menu-wrap .submenu .submenu {
    padding-left: 20px;
}

.menu-wrap .main-menu > .menu-item:not(:last-child) > .submenu {
    margin-bottom: 10px;
}

.menu-wrap .main-menu .menu-item > a {
    padding-right: 30px;
}

.menu-wrap .main-menu > .menu-item > a {
    color: #333333;
    font-size: 28px;
    line-height: 60px;
}

.menu-wrap .main-menu > .menu-item .menu-item > a {
    color: #7e848b;
    font-size: 14px;
    line-height: 28px;
}

.menu-wrap .main-menu > .menu-item .menu-item.show-submenu > a,
.menu-wrap .main-menu > .menu-item .menu-item:hover > a {
    color: #333333;
}

.menu-wrap .main-menu .menu-item.menu-item-has-children {
    position: relative;
}

.menu-wrap .toggle-submenu {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    right: 6px;
    top: 15px;
}

.menu-wrap .submenu .toggle-submenu {
    top: -2px;
}

.menu-wrap .toggle-submenu::before {
    display: block;
    font-family: 'FontAwesome', sans-serif;
    content: '\f105';
    font-size: 14px;
    color: #adb6be;
    -webkit-transition: transform 0.25s, color 0.25s ease 0s;
    -moz-transition: transform 0.25s, color 0.25s ease 0s;
    -o-transition: transform 0.25s, color 0.25s ease 0s;
    transition: transform 0.25s, color 0.25s ease 0s;
}

.menu-wrap .show-submenu > .toggle-submenu::before,
.menu-wrap .toggle-submenu:hover::before {
    color: #292e32;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu-wrap .megamenu {
    width: auto !important;
}

.menu-wrap .vc_row {
    padding: 0 0 20px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;;
}

.menu-wrap .vc_row:last-child {
    padding-bottom: 0 !important;
}

.menu-wrap .vc_row .vc_column-inner {
    padding: 0 !important;
}

.menu-wrap [class^="vc_col-"],
.menu-wrap [class*=" vc_col-"] {
    width: 100% !important;
    float: none;
}

.menu-wrap [class^="vc_col-"]:not(:last-child),
.menu-wrap [class*=" vc_col-"]:not(:last-child) {
    padding-bottom: 20px !important;
}

@media (max-width: 1499px) {
    .vertical-social {
        bottom: 10px;
    }

    .vertical-social > span {
        display: none;
    }

    .vertical-social a {
        width: 38px;
        height: 38px;
    }

    .vertical-social a span {
        line-height: 38px;
    }
}

@media (max-width: 1024px) {
    .page-template-offcanvaspage {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .admin-bar .menu-slide,
    .admin-bar .menu-canvas,
    .admin-bar .header.style4 {
        padding-top: 0;
    }

    .header.style4 {
        position: relative;
        height: auto;
        width: 100%;
        display: table;
    }

    .header.style4::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -15px;
        right: -15px;
        background-color: #000;
        z-index: -1;
    }

    .header.style4 .menu-bar:not(:hover) {
        color: #fff;
    }

    .header.style4 .mobile-col {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        padding: 25px 0;
    }

    .header.style4 .verticle-logo {
        height: auto;
        line-height: 1;
        border: none;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding: 25px 0;
    }

    .offcanvas-template::before,
    .menu-slide,
    .slide-icon,
    .menu-canvas,
    .canvas-button {
        display: none;
    }
}

/* ==========================================================================
9.4 FULLPAGE
========================================================================== */
/** Fullpage **/
.page-template-fullpage {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.page-template-fullpage .header-transparent .header-wrap {
    position: static;
}

.page-template-fullpage #wapper {
    position: relative;
    height: 100%;
}

.page-template-fullpage.admin-bar #wapper {
    height: calc(100% - 32px);
}

.page-template-fullpage #fullpage .fp-tableCell {
    width: 100%;
    overflow: hidden;
}

.page-template-fullpage .content-slide {
    width: 100%;
    max-width: 1740px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}

#fp-nav {
    position: fixed;
    top: 50%;
    right: 35px;
}

#fp-nav ul,
#fp-nav ol {
    list-style: none;
}

#fp-nav li a {
    display: block;
    width: 32px;
    height: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
}

#fp-nav li:not(:last-child) a {
    margin-bottom: 26px;
}

#fp-nav li a::before {
    content: '';
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}

#fp-nav li a:hover::before,
#fp-nav li a.active::before {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

#fp-nav li:not(:last-child) a span {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    width: 13px;
    position: absolute;
    bottom: -14px;
}

#fp-nav li:not(:last-child) a span::before {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    width: 13px;
    position: absolute;
    bottom: 12px;
}

#fp-nav li:not(:last-child) a span::after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    width: 13px;
    position: absolute;
    bottom: -13px;
}

@media (max-width: 1499px) {
    #fp-nav {
        right: 0;
    }

    #fp-nav li a {
        width: 23px;
    }
}

@media (min-width: 1025px) {
    .page-template-fullpage #fullpage .fp-tableCell {
        position: relative;
    }

    .page-template-fullpage #fullpage .fp-tableCell > div {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .page-template-fullpage .section-slide {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .page-template-fullpage .content-slide {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

    .fullpage-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .page-template-fullpage .baque-portfolio-single.style1 .portfolio-header {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 1s, left 1s ease 0s;
        -moz-transition: opacity 1s, left 1s ease 0s;
        -o-transition: opacity 1s, left 1s ease 0s;
        transition: opacity 1s, left 1s ease 0s;
        left: 10%;
    }

    .page-template-fullpage .section-slide.active .baque-portfolio-single.style1 .portfolio-header {
        opacity: 1;
        visibility: visible;
        left: 50%;
    }

    .page-template-fullpage .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        display: block;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .page-template-fullpage #fullpage .section-slide {
        height: auto !important;
    }

    .page-template-fullpage #fullpage .section-slide:not(:last-child) {
        padding-bottom: 40px;
    }

    .page-template-fullpage #fullpage .fp-tableCell {
        height: auto !important;
        max-height: inherit !important;
    }

    #fp-nav {
        display: none;
    }
}

@media (max-width: 991px) {
    .page-template-fullpage .content-slide {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==========================================================================
9.5 SEARCH PAGE
========================================================================== */
body.search-results .blog-standard .post-content > .vc_row:not(:last-of-type) {
    padding-bottom: 60px;
}

body.search-results .blog-standard .post-content > .vc_row .wpb_single_image {
    text-align: center;
}

/*===============================================================
10.0 SHORTCODE
===============================================================*/
/*===============================================================
10.1 BAQUE BUTTON
===============================================================*/
/*.baque-button.default*/
.baque-button.default .button-inner {
    display: inline-block;
    position: relative;
}

.baque-button.default .button-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1b1b1b;
}

.baque-button.default .button-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #18c9de;
    width: 0;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
}

.baque-button.default .button-inner:hover::after {
    width: 100%;
}

.baque-button.default .button {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    min-width: 210px;
    position: relative;
    z-index: 1;
    padding: 0 25px;
}

.baque-button.default .button span:not(.custom-arrow) {
    font-size: 16px;
    padding-left: 15px;
    vertical-align: middle;
    font-weight: normal;
    display: inline-block;
}

.baque-button.default .button span.custom-arrow {
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 46px;
}

.baque-button.default .button span.custom-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid;
    width: 32px;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
}

.baque-button.default .button:hover span.custom-arrow::before {
    width: 46px;
}

.baque-button.default .button span.custom-arrow::after {
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    top: -9px;
    right: -3px;
    line-height: 1;
    font-size: 18px;
    font-weight: normal;
}

/*.baque-button.style1*/
.baque-button.style1 .button {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 9px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.baque-button.style1 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-button.style1 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-button.style2*/
.baque-button.style2 .button-inner {
    display: inline-block;
    position: relative;
}

.baque-button.style2 .button-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #fff;
}

.baque-button.style2 .button-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    width: 0;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
}

.baque-button.style2 .button-inner:hover::after {
    width: 100%;
}

.baque-button.style2 .button {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    min-width: 210px;
    position: relative;
    z-index: 1;
    padding: 0 25px;
    color: #ffffff;
}

.baque-button.style2 .button span:not(.custom-arrow) {
    font-size: 16px;
    padding-left: 15px;
    vertical-align: middle;
    font-weight: normal;
    display: inline-block;
}

.baque-button.style2 .button span.custom-arrow {
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 46px;
}

.baque-button.style2 .button span.custom-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid;
    width: 32px;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
}

.baque-button.style2 .button:hover span.custom-arrow::before {
    width: 46px;
}

.baque-button.style2 .button span.custom-arrow::after {
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    top: -9px;
    right: -3px;
    line-height: 1;
    font-size: 18px;
    font-weight: normal;
}

/*===============================================================
10.2 BAQUE SOCIAL
===============================================================*/
.baque-socials .widgettitle {
    font-size: 14px;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/*.baque-socials.default*/
.baque-socials.default .content-socials .socials-list {
    padding-left: 0;
    list-style: none;
}

.baque-socials.default .content-socials .socials-list li {
    display: inline-block;
    height: 36px;
    margin-right: 24px;
}

.baque-socials.default .content-socials .socials-list li:last-child {
    margin-right: 0;
}

.baque-socials.default .content-socials .socials-list li a {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
}

.baque-socials.default .content-socials .socials-list li a:not(:hover) {
    color: #484848;
}

.baque-socials.default.light .content-socials .socials-list li a:not(:hover) {
    color: #fff;
}

.baque-socials.default .content-socials .socials-list li a span {
    display: none;
}

/*.baque-socials.style1*/
.baque-socials.style1 .content-socials .socials-list {
    padding-left: 0;
    list-style: none;
}

.baque-socials.style1 .content-socials .socials-list li {
    display: inline-block;
    height: 46px;
    margin-right: 12px;
    margin-bottom: 14px;
}

.baque-socials.style1 .content-socials .socials-list li:last-child {
    margin-right: 0;
}

.baque-socials.style1 .content-socials .socials-list li a {
    text-align: center;
    display: block;
    height: 46px;
    width: 46px;
    font-size: 16px;
    line-height: 44px;
    border: 2px solid;
    border-radius: 50%;
}

.baque-socials.style1 .content-socials .socials-list li a:not(:hover) {
    color: #666;
}

.baque-socials.style1.light .content-socials .socials-list li a:not(:hover) {
    color: #fff;
}

.baque-socials.style1 .content-socials .socials-list li a span {
    display: none;
}

/*.baque-socials.style2*/
.baque-socials.style2 .content-socials .socials-list {
    padding-left: 0;
    list-style: none;
}

.baque-socials.style2 .content-socials .socials-list li {
    display: inline-block;
    height: 46px;
    margin-right: 12px;
    margin-bottom: 14px;
}

.baque-socials.style2 .content-socials .socials-list li:last-child {
    margin-right: 0;
}

.baque-socials.style2 .content-socials .socials-list li a {
    text-align: center;
    display: block;
    height: 46px;
    width: 46px;
    font-size: 16px;
    line-height: 46px;
    background-color: #1b1b1b;
    border-radius: 50%;
    color: #fff;
}

.baque-socials.style2 .content-socials .socials-list li a:hover {
    background-color: #18c9de;
}

.baque-socials.style2 .content-socials .socials-list li a span {
    display: none;
}

.baque-socials.style2.light .content-socials .socials-list li a {
    background-color: #fff;
    color: #1b1b1b;
}

.baque-socials.style2.light .content-socials .socials-list li a:hover {
    color: #18c9de;
}

/*===============================================================
10.3 BAQUE HEADING
===============================================================*/
/*.baque-heading.default*/
.baque-heading.default {
    font-size: 12px;
}

.baque-heading.default .baque-title {
    font-size: inherit;
    letter-spacing: 0.2em;
    font-weight: 600;
    position: relative;
    padding-left: 70px;
    margin-top: 0;
    text-transform: uppercase;
}

.baque-heading.default .baque-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 50px;
    border-bottom: 2px solid #18c9de;
}

/*.baque-heading.style1*/
.baque-heading.style1 {
    font-size: 16px;
}

.baque-heading.style1 .baque-title {
    font-size: inherit;
    letter-spacing: 0.2em;
    font-weight: 600;
    position: relative;
    margin-top: 0;
    padding-bottom: 22px;
    text-align: center;
    text-transform: uppercase;
}

.baque-heading.style1 .baque-title::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 50px;
    border-bottom: 2px solid;
}

/*.baque-heading.style2*/
.baque-heading.style2.right .title-inner {
    text-align: right;
}

.baque-heading.style2 .baque-title {
    width: 586px;
    max-width: 100%;
    display: inline-block;
    padding: 72px 33px 33px 65px;
    -webkit-box-shadow: 6px 6px 150px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 6px 6px 150px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 6px 6px 150px 0 rgba(0, 0, 0, 0.14);
    background-color: #18c9de;
    color: #333;
    margin: 0;
}

.baque-heading.style2.right .baque-title {
    padding-left: 33px;
    padding-right: 65px;
}

.baque-heading.style2 .title {
    font-size: 40px;
    font-weight: 300;
    display: block;
    margin-bottom: 32px;
}

.baque-heading.style2 .subtitle {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 29px;
}

.baque-heading.style2 .button {
    display: block;
}

.baque-heading.style2.left .button {
    text-align: right;
}

.baque-heading.style2.right .button {
    text-align: left;
}

.baque-heading.style2 .arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
    color: #333;
}

.baque-heading.style2 .arrow::before {
    content: '';
    border-width: 5px 6px;
    border-style: solid;
    position: relative;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent CurrentColor;
    left: 21px;
}

.baque-heading.style2 .arrow::after {
    content: '';
    border-bottom: 1px solid CurrentColor;
    position: relative;
    top: 12px;
    width: 68px;
    display: block;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
    left: -88px;
}

.baque-heading.style2 .button:hover .arrow::after {
    width: 110px;
}

.baque-heading.style2.right .arrow {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*.baque-heading.style3*/
.baque-heading.style3 {
    font-size: 16px;
}

.baque-heading.style3 .baque-title {
    font-size: inherit;
    letter-spacing: 0.2em;
    font-weight: 600;
    position: relative;
    padding-left: 70px;
    margin-top: 0;
    text-transform: uppercase;
}

.baque-heading.style3 .baque-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 45%;
    width: 50px;
    border-bottom: 2px solid #999;
}

.baque-heading.style3 .baque-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 30px;
    border-bottom: 2px solid #999;
}

/*.baque-heading.style4*/
.baque-heading.style4 {
    font-size: 20px;
}

.baque-heading.style4 .baque-title {
    font-size: inherit;
    letter-spacing: 0.2em;
    font-weight: 500;
    position: relative;
    margin-top: 0;
    padding-bottom: 33px;
    text-transform: uppercase;
}

.baque-heading.style4 .baque-title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    border-bottom: 1px solid;
}

.baque-heading.style4.align-center .baque-title {
    text-align: center;
}

.baque-heading.style4.align-center .baque-title::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*.baque-heading.style5*/
.baque-heading.style5 {
    font-size: 18px;
}

.baque-heading.style5 .baque-title {
    font-size: inherit;
    font-weight: 500;
    position: relative;
    margin-top: 0;
    padding-bottom: 16px;
}

.baque-heading.style5 .baque-title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 41px;
    border-bottom: 1px solid #18c9de;
}

/*.baque-heading.style6*/
.baque-heading.style6 {
    font-size: 20px;
}

.baque-heading.style6 .baque-title {
    font-size: inherit;
    letter-spacing: 0.2em;
    font-weight: 500;
    position: relative;
    padding-left: 70px;
    margin-top: 0;
    text-transform: uppercase;
}

.baque-heading.style6 .baque-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 45%;
    width: 50px;
    border-bottom: 2px solid;
}

/*.baque-heading.style7*/
.baque-heading.style7 {
    font-size: 50px;
}

.baque-heading.style7 .baque-title {
    font-size: inherit;
    position: relative;
    font-weight: 300;
    margin-top: 0;
    padding-bottom: 28px;
    text-align: center;
}

.baque-heading.style7 .baque-title::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 165px;
    border-bottom: 1px solid #18c9de;
}

.baque-heading.style2.light .arrow,
.baque-heading.style2.light .baque-title,
.baque-heading.style7.light .baque-title,
.baque-heading.style6.light .baque-title,
.baque-heading.style5.light .baque-title,
.baque-heading.style4.light .baque-title,
.baque-heading.style3.light .baque-title,
.baque-heading.style1.light .baque-title,
.baque-heading.default.light .baque-title {
    color: #fff;
}

.baque-heading.style6.light .baque-title::before,
.baque-heading.default.light .baque-title::before,
.baque-heading.style3.light .baque-title::before,
.baque-heading.style3.light .baque-title::after {
    border-bottom-color: #fff;
}

@media (max-width: 991px) {
    .baque-heading .baque-title .title br {
        display: none;
    }

    .baque-heading.style2.right .baque-title,
    .baque-heading.style2 .baque-title {
        padding: 30px 20px 20px 20px;
        width: 100%;
    }

    .baque-heading.style2 .baque-title .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .baque-heading.style2 .title br {
        display: none;
    }

    .baque-heading.style2 .subtitle {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .baque-heading.style6 .baque-title {
        font-size: 14px;
    }

    .baque-heading.style6 .baque-title::before {
        top: 6px;
    }

    .baque-heading.style7 .baque-title {
        padding-bottom: 12px;
    }

    .baque-heading.style7 .baque-title .title {
        font-size: 24px;
        font-weight: normal;
        line-height: 30px;
    }

    .baque-heading.style4 .baque-title .title {
        font-size: 16px;
    }

    .baque-heading.style4 .baque-title {
        padding-bottom: 20px;
        letter-spacing: 0.1em;
    }
}

/*===============================================================
10.4 BAQUE ICONBOX
===============================================================*/
.baque-iconbox .iconbox-title {
    margin-top: 0;
}

/*.baque-iconbox.default*/
.baque-iconbox.default.align-center .iconbox-inner {
    text-align: center;
}

.baque-iconbox.default .icon {
    font-size: 60px;
    line-height: 1;
    color: #333;
    margin-bottom: 28px;
}

.baque-iconbox.default .icon span {
    display: inline-block;
}

.baque-iconbox.default .iconbox-inner:hover .icon span {
    -webkit-animation: bounceIn .3s ease;
    -o-animation: bounceIn .3s ease;
    animation: bounceIn .3s ease;
}

.baque-iconbox.default .iconbox-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 23px;
}

.baque-iconbox.default .content {
    margin-bottom: 25px;
}

.baque-iconbox.default .button {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 9px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.baque-iconbox.default .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.default .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.baque-iconbox.default.light .icon,
.baque-iconbox.default.light .content,
.baque-iconbox.default.light .iconbox-title,
.baque-iconbox.default.light .button:not(:hover) {
    color: #fff;
}

/*.baque-iconbox.style1*/
.baque-iconbox.style1 {
    text-align: center;
}

.baque-iconbox.style1 .icon {
    font-size: 109px;
    line-height: 1;
    margin-bottom: 20px;
    color: #fff;
    -webkit-transition: color 0.25s ease 0s;
    -moz-transition: color 0.25s ease 0s;
    -o-transition: color 0.25s ease 0s;
    transition: color 0.25s ease 0s;
}

.baque-iconbox.style1 .icon span {
    display: inline-block;
}

.baque-iconbox.style1 .iconbox-inner:hover .icon span {
    -webkit-animation: bounceIn .3s ease;
    -o-animation: bounceIn .3s ease;
    animation: bounceIn .3s ease;
}

.baque-iconbox.style1 .content {
    font-size: 70px;
    font-weight: 300;
    line-height: 1.2;
    color: #fff;
    -webkit-transition: color 0.25s ease 0s;
    -moz-transition: color 0.25s ease 0s;
    -o-transition: color 0.25s ease 0s;
    transition: color 0.25s ease 0s;
}

.baque-iconbox.style1 .button {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 13px;
    margin-top: 35px;
}

.baque-iconbox.style1 .button:not(:hover) {
    color: #ffffff;
}

.baque-iconbox.style1 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.style1 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-iconbox.style2*/
.baque-iconbox.style2 .icon {
    font-size: 61px;
    line-height: 1;
    color: #fff;
    position: relative;
    margin-bottom: 40px;
    -webkit-transition: font-size 0.25s ease 0s;
    -moz-transition: font-size 0.25s ease 0s;
    -o-transition: font-size 0.25s ease 0s;
    transition: font-size 0.25s ease 0s;
}

.baque-iconbox.style2 .icon:hover {
    font-size: 80px;
}

.baque-iconbox.style2 .thumb {
    overflow: hidden;
}

.baque-iconbox.style2 .thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(44, 46, 49, 0.82);
    z-index: 1;
}

.baque-iconbox.style2 .thumb img {
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.baque-iconbox.style2 .thumb:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.baque-iconbox.style2 .thumb ~ span {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.baque-iconbox.style2 .iconbox-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 23px;
}

.baque-iconbox.style2 .content {
    margin-bottom: 30px;
}

.baque-iconbox.style2 .button {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 8px;
    margin-top: 15px;
}

.baque-iconbox.style2 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.style2 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-iconbox.style3*/
.baque-iconbox.style3 .icon {
    background-color: #18c9de;
    text-align: center;
    font-size: 80px;
    padding: 115px 15px;
    color: #fff;
    margin-bottom: 41px;
    line-height: 1;
}

.baque-iconbox.style3 .icon > span {
    display: block;
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.baque-iconbox.style3 .icon:hover > span {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.baque-iconbox.style3 .iconbox-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 23px;
}

.baque-iconbox.style3 .content {
    margin-bottom: 30px;
}

.baque-iconbox.style3 .button {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 8px;
    margin-top: 15px;
}

.baque-iconbox.style3 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.style3 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-iconbox.style4*/
.baque-iconbox.style4 {
    text-align: center;
}

.baque-iconbox.style4 .icon {
    font-size: 109px;
    line-height: 1;
    margin-bottom: 35px;
    color: #44484f;
}

.baque-iconbox.style4 .icon span {
    display: inline-block;
}

.baque-iconbox.style4 .iconbox-inner:hover .icon span {
    -webkit-animation: bounceIn .3s ease;
    -o-animation: bounceIn .3s ease;
    animation: bounceIn .3s ease;
}

.baque-iconbox.style4 .content {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #8f98a2;
}

.baque-iconbox.style4 .button {
    font-size: 60px;
    line-height: 1;
    font-weight: 300;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 21px;
    margin-top: 22px;
}

.baque-iconbox.style4 .button:not(:hover) {
    color: #333333;
}

.baque-iconbox.style4 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.style4 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-iconbox.style5*/
.baque-iconbox.style5 .iconbox-inner {
    display: table;
}

.baque-iconbox.style5 .icon {
    display: table-cell;
    vertical-align: top;
    width: 44px;
    padding-right: 7px;
    font-size: 18px;
    color: #87909c;
}

.baque-iconbox.style5 .content {
    display: table-cell;
    vertical-align: middle;
}

/*.baque-iconbox.style6*/
.baque-iconbox.style6 .icon {
    background-color: rgba(255, 255, 255, 0.2);
    text-align: center;
    font-size: 61px;
    padding: 115px 15px;
    color: #fff;
    margin-bottom: 41px;
    line-height: 1;
}

.baque-iconbox.style6 .icon > span {
    display: block;
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.baque-iconbox.style6 .icon:hover > span {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.baque-iconbox.style6 .iconbox-title {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 23px;
}

.baque-iconbox.style6 .content {
    color: #fff;
    margin-bottom: 30px;
}

.baque-iconbox.style6 .button {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 8px;
    margin-top: 15px;
}

.baque-iconbox.style6 .button:not(:hover) {
    color: #fff;
}

.baque-iconbox.style6 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.style6 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

/*.baque-iconbox.style7*/
.baque-iconbox.style7 {
    text-align: center;
}

.baque-iconbox.style7 .icon {
    text-align: center;
    position: relative;
    display: inline-block;
    width: 109px;
    height: 109px;
    border-radius: 50%;
    background-color: #18c9de;
    font-size: 41px;
    line-height: 107px;
    margin: 14px 14px 42px 14px;
    color: #fff;
}

.baque-iconbox.style7 .icon::before {
    content: '';
    position: absolute;
    top: -14px;
    left: -14px;
    right: -14px;
    bottom: -14px;
    background-color: #18c9de;
    border-radius: 50%;
    opacity: 0.2;
}

.baque-iconbox.style7 .icon span {
    display: inline-block;
    position: relative;
}

.baque-iconbox.style7 .iconbox-inner:hover .icon span {
    -webkit-animation: bounceIn .3s ease;
    -o-animation: bounceIn .3s ease;
    animation: bounceIn .3s ease;
}

.baque-iconbox.style7 .content {
    color: #fff;
    margin-bottom: 19px;
}

.baque-iconbox.style7 .button {
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
    color: #fff;
}

.baque-iconbox.style7 .button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    content: '';
}

.baque-iconbox.style7 .button:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

@media (max-width: 1199px) {
    .baque-iconbox .content br {
        display: none;
    }

    .baque-iconbox.style6 .icon,
    .baque-iconbox.style6 .iconbox-title,
    .baque-iconbox.style3 .icon,
    .baque-iconbox.style3 .iconbox-title,
    .baque-iconbox.style2 .icon,
    .baque-iconbox.style2 .iconbox-title,
    .baque-iconbox.default .icon,
    .baque-iconbox.default .iconbox-title {
        margin-bottom: 15px;
    }

    .baque-iconbox.style6 .content,
    .baque-iconbox.style3 .content,
    .baque-iconbox.style2 .content,
    .baque-iconbox.default .content {
        margin-bottom: 0;
    }

    .baque-iconbox.style4 .button {
        font-size: 30px;
    }

    .baque-iconbox.style1 .content {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .baque-iconbox.style1 .icon {
        margin-bottom: 15px;
    }

    .baque-iconbox.style1 .content {
        font-size: 30px;
    }

    .baque-iconbox.style1 .button {
        margin-top: 25px;
    }

    .baque-iconbox.style7 .icon {
        margin-bottom: 30px;
    }

    .baque-iconbox.style7 .button {
        font-size: 25px;
    }
}

/*===============================================================
10.5 BAQUE PERSON
===============================================================*/
/*.baque-person.default*/
.baque-person.default .person-inner {
    overflow: hidden;
}

.baque-person.default .thumb-avatar {
    position: relative;
    margin-bottom: 32px;
}

.baque-person.default .thumb-avatar > a {
    position: relative;
    display: block;
}

.baque-person.default .thumb-avatar > a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}

.baque-person.default .thumb-avatar:hover > a::before {
    opacity: 1;
}

.baque-person.default .list-social {
    position: absolute;
    top: 0;
    left: -54px;
    width: 54px;
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    -webkit-transition: left 0.4s ease 0s;
    -moz-transition: left 0.4s ease 0s;
    -o-transition: left 0.4s ease 0s;
    transition: left 0.4s ease 0s;
    z-index: 1;
}

.baque-person.default .person-inner:hover .list-social {
    left: 0;
}

.baque-person.default .list-social a {
    display: block;
    line-height: 40px;
    font-size: 16px;
}

.baque-person.default .list-social a:not(:hover) {
    color: #000000;
}

.baque-person.default .name {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}

.baque-person.default .name a:not(:hover) {
    color: inherit;
}

.baque-person.default .positions {
    margin-bottom: 0;
}

/*.baque-person.style1*/
.baque-person.style1 .person-inner {
    text-align: center;
}

.baque-person.style1 .thumb-avatar {
    margin-bottom: 55px;
}

.baque-person.style1 .name {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: 0;
    padding-bottom: 28px;
    margin-bottom: 43px;
    position: relative;
}

.baque-person.style1 .name a::before {
    content: '';
    border-bottom: 1px solid;
    width: 47px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.baque-person.style1 .name a:not(:hover) {
    color: inherit;
}

.baque-person.style1 .positions {
    margin-bottom: 42px;
}

.baque-person.style1 .list-social .social-text {
    display: block;
    margin-bottom: 17px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    letter-spacing: 0.2em;
}

.baque-person.style1 .list-social a {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #1b1b1b;
    margin: 5px;
}

.baque-person.style1 .list-social a:hover {
    background-color: #18c9de;
}

@media (max-width: 1199px) {
    .baque-person .positions br {
        display: none;
    }

    .baque-person.style1 .thumb-avatar {
        margin-bottom: 30px;
    }

    .baque-person.style1 .name {
        font-size: 18px;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .baque-person.style1 .positions {
        margin-bottom: 25px;
    }
}

@media (max-width: 1024px) {
    .baque-person.default .thumb-avatar {
        margin-bottom: 0;
    }

    .baque-person.default img {
        width: 100%;
    }

    .baque-person.default .list-social {
        position: static;
        width: auto;
        background-color: transparent;
        padding: 5px 0;
    }

    .baque-person.default .list-social a {
        display: inline-block;
        min-width: 40px;
    }

    .baque-person.default .content-person {
        text-align: center;
    }
}

/*===============================================================
10.6 BAQUE TESTIMONIAL
===============================================================*/
.baque-testimonial .testimonial-wrap {
    position: relative;
    padding: 43px 24px 32px 34px;
    display: inline-block;
    margin-bottom: 25px;
    background-color: #fff;
}

.baque-testimonial .testimonial-wrap::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 80px;
    margin-top: -1px;
    border-width: 12px 10px;
    border-style: solid;
    border-color: #e4e8ee transparent transparent transparent;
}

.baque-testimonial .testimonial-wrap::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 81px;
    margin-top: -1px;
    border-width: 11px 9px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.baque-testimonial .content {
    padding-bottom: 21px;
}

.rating {
    float: right;
    white-space: nowrap;
    line-height: 100%;
    display: inline-block;
    font-size: 0;
    position: relative;
    overflow: hidden;
    width: 116px;
    letter-spacing: 10px;
}

.rating::before,
.rating span::before {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
}

.rating::before {
    content: "\f005\f005\f005\f005\f005";
    color: #adadad;
}

.rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    line-height: 100%;
}

.rating span::before {
    content: "\f005\f005\f005\f005\f005";
    color: #ed8a19;
}

.rating.rating-1 span {
    width: 20%;
}

.rating.rating-2 span {
    width: 40%;
}

.rating.rating-3 span {
    width: 60%;
}

.rating.rating-4 span {
    width: 80%;
}

.rating.rating-5 span {
    width: 100%;
}

.baque-testimonial .testimonial-info {
    overflow: hidden;
}

.baque-testimonial .thumb {
    margin-left: 50px;
    margin-right: 23px;
    float: left;
}

.baque-testimonial img {
    border-radius: 50%;
}

.baque-testimonial .intro {
    overflow: hidden;
}

.baque-testimonial .name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 0;
}

.baque-testimonial .position {
    font-size: 12px;
}

/*type*/
.baque-testimonial.border .testimonial-wrap {
    border: 1px solid #e4e8ee;
}

.baque-testimonial.light .name a:not(:hover) {
    color: #fff;
}

.baque-testimonial.light .position {
    color: #fff;
}

.baque-testimonial.shadow .testimonial-wrap {
    -webkit-box-shadow: 0 0 35px 0 rgba(63, 69, 76, 0.08);
    -moz-box-shadow: 0 0 35px 0 rgba(63, 69, 76, 0.08);
    box-shadow: 0 0 35px 0 rgba(63, 69, 76, 0.08);
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
}

.baque-testimonial.shadow .testimonial-wrap::before {
    border-color: #fff transparent transparent transparent;
}

@media (max-width: 1499px) {
    .baque-testimonial.shadow .testimonial-wrap {
        -webkit-box-shadow: 0 0 15px 0 rgba(63, 69, 76, 0.08);
        -moz-box-shadow: 0 0 15px 0 rgba(63, 69, 76, 0.08);
        box-shadow: 0 0 15px 0 rgba(63, 69, 76, 0.08);
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .baque-testimonial .testimonial-wrap {
        padding: 15px;
    }

    .baque-testimonial .content {
        padding-bottom: 10px;
    }
}

/*===============================================================
10.7 BAQUE BANNER
===============================================================*/
.index-over {
    z-index: 1;
}

.baque-banner .banner-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    right: 20px;
}

.baque-banner .container-banner {
    width: 1430px;
    max-width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 90px 0;
}

.baque-banner .banner-content {
    max-width: 69%;
    width: 900px;
}

.baque-banner .title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #fff;
    margin-bottom: 40px;
    position: relative;
    padding-left: 87px;
}

.baque-banner .title::before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    border-bottom: 2px solid;
    width: 61px;
}

.baque-banner .subtitle {
    margin-top: 0;
    font-size: 100px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 67px;
    margin-left: -5px;
}

.baque-banner .learn-more {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    min-width: 159px;
    padding: 0 15px;
    text-align: center;
    height: 51px;
    line-height: 47px;
    border: 2px solid;
}

.baque-banner .learn-more:not(:hover) {
    color: #fff
}

.baque-banner .banner-info {
    color: #fff;
    position: absolute;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg) translate(-10%, -50%);
    -moz-transform: rotate(-90deg) translate(-10%, -50%);
    -ms-transform: rotate(-90deg) translate(-10%, -50%);
    -o-transform: rotate(-90deg) translate(-10%, -50%);
    transform: rotate(-90deg) translate(-10%, -50%);
    transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    top: 0;
    right: 0;
}

.baque-banner .banner-info > span {
    width: 67px;
    height: 67px;
    text-align: center;
    line-height: 67px;
    border-radius: 50%;
    background-color: #18c9de;
    font-size: 24px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.baque-banner .banner-info .info-inner {
    display: inline-block;
    vertical-align: middle;
}

.baque-banner .banner-info .info-inner .job {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.baque-banner .banner-info .info-inner .email {
    font-size: 26px;
    display: block;
}

.baque-banner .banner-info .info-inner .email:not(:hover) {
    color: #fff;
}

.movedown {
    display: block;
    position: absolute;
    bottom: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.movedown:not(:hover) {
    color: #fff;
}

.movedown .mouse-icon {
    display: block;
    width: 28px;
    height: 41px;
    margin: 14px auto 0 auto;
    position: relative;
    border: 2px solid;
    border-radius: 28px;
}

.movedown .mouse-icon::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    border-left: 1px solid;
    height: 16px;
    animation: scroll 0.6s linear 0s normal none infinite running;
}

@-webkit-keyframes scroll {
    0% {
        bottom: 10px;
    }
    100% {
        bottom: 0;
    }
}

@keyframes scroll {
    0% {
        bottom: 10px;
    }
    100% {
        bottom: 0;
    }
}

/*.baque-banner.default*/
.baque-banner.default .banner-inner {
    height: 100vh;
    min-height: 500px;
    position: relative;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

/*.baque-banner.style1*/
#particles-js {
    position: relative;
    height: 100vh;
}

#particles-js .particles-js-canvas-el {
    display: block;
    vertical-align: bottom;
}

.baque-banner.style1 .banner-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    z-index: 1;
}

/*.baque-banner.style2*/
.baque-banner.style2 {
    height: 100vh;
}

.baque-banner.style2 .buttonvideo {
    display: inline-block;
    margin-bottom: 32px;
    width: 101px;
    height: 101px;
    position: relative;
}

.baque-banner.style2 .buttonvideo::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #18c9de;
    -webkit-transition: transform 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
}

.baque-banner.style2 .buttonvideo::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    display: block;
    border-width: 9px 0 9px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.baque-banner.style2 .buttonvideo:hover::before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 1499px) {
    .baque-banner .title {
        margin-bottom: 25px;
    }

    .baque-banner .subtitle {
        font-size: 70px;
        margin-bottom: 30px;
    }

    .baque-banner .banner-content {
        padding: 40px 0;
    }

    .baque-banner .banner-info .info-inner .email {
        font-size: 26px;
    }

    .movedown {
        bottom: 35px;
    }

    .movedown .mouse-icon {
        margin-top: 7px;
    }
}

@media (max-width: 991px) {
    .baque-banner .banner-info {
        display: none;
    }

    .baque-banner .container-banner,
    .baque-banner .banner-content {
        padding: 0;
    }

    .baque-banner .banner-info > span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .baque-banner .title {
        font-size: 12px;
        margin-bottom: 15px;
        padding-left: 50px;
    }

    .baque-banner .title::before {
        width: 40px;
    }

    .baque-banner .subtitle {
        font-size: 50px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .baque-banner .learn-more {
        font-size: 11px;
        font-weight: 600;
        height: 40px;
        line-height: 40px;
        min-width: 150px;
    }

    .baque-banner .banner-info .info-inner .job {
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .baque-banner .banner-info .info-inner .email {
        font-size: 18px;
    }

    .baque-banner .banner-info > span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        margin-right: 10px;
    }

    .baque-banner.style2 .buttonvideo {
        margin-bottom: 15px;
        width: 80px;
        height: 80px;
    }

    .movedown {
        font-size: 0;
        bottom: 20px;
    }
}

@media (max-width: 767px) {
    .baque-banner .banner-content {
        max-width: 100%;
    }

    .baque-banner .subtitle {
        font-size: 38px;
    }

    .lexio-banner.default .banner-inner {
        height: auto;
        background-attachment: scroll;
        min-height: 100vh;
    }

    .lexio-banner.style1 .banner-inner {
        background-attachment: scroll;
    }

    .baque-banner.style2 {
        height: 500px;
    }
}

/*===============================================================
10.8 BAQUE BLOG
===============================================================*/
.baque-blog .post-thumb {
    overflow: hidden;
    position: relative;
}

.baque-blog .post-thumb::before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.25s ease 0s;
    -moz-transition: opacity 0.25s ease 0s;
    -o-transition: opacity 0.25s ease 0s;
    transition: opacity 0.25s ease 0s;
    width: 100%;
    z-index: 2;
}

.baque-blog .post-thumb:hover::before {
    opacity: 0.5;
}

.baque-blog .post-thumb img {
    -webkit-transition: transform 0.25s ease 0s;
    -moz-transition: transform 0.25s ease 0s;
    -o-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
}

.baque-blog .post-thumb:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.baque-blog.style1 .post-thumb .datebox a {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
}

.baque-blog.light .post-title,
.baque-blog.light .post-content,
.baque-blog.light .readmore:not(:hover) {
    color: #fff;
}

.baque-blog .equal-elem {
    margin-bottom: 12px;
}

.post-list {
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom: 1px solid #dfdfdf;
}

.post-list .post-thumb {
    float: left;
    width: 360px;
    margin-bottom: 20px;
    margin-right: 100px;
}

.post-list .post-info {
    overflow: hidden;
    margin-bottom: 0;
}

.post-list .post-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    max-width: 290px;
    margin-top: -5px;
    margin-bottom: 13px;
}

.post-list .post-content {
    max-width: 340px;
}

.post-item:last-child .post-list {
    border-bottom: none;
    padding-bottom: 0;
}

.post-item:nth-child(2n) .post-list {
    text-align: right;
}

.post-item:nth-child(2n) .post-list .post-thumb {
    float: right;
    margin-left: 100px;
    margin-right: 0;
}

.post-item:nth-child(2n) .post-list .post-content,
.post-item:nth-child(2n) .post-list .post-title {
    margin-left: auto;
}

@media (max-width: 1199px) {
    .post-list .post-thumb {
        margin-right: 30px;
    }

    .post-item:nth-child(2n) .post-list .post-thumb {
        margin-left: 30px;
        margin-right: 0;
    }

    .baque-blog .equal-elem {
        height: auto !important;
    }

    .post-list {
        padding-bottom: 10px;
    }

    .baque-blog .rows-space-60 {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .baque-blog.style1 .blog-list-grid {
        margin: 0 -15px !important;
    }

    .baque-blog.style1 .post-item {
        padding: 0 15px !important;
    }

    .baque-blog.style1 .rows-space-60 {
        margin-bottom: 30px;
    }

    .post-list .post-thumb,
    .post-item:nth-child(2n) .post-list .post-thumb {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        float: none;
    }

    .post-list .post-content,
    .post-list .post-title {
        max-width: 100%;
    }
}

/*===============================================================
10.9 BAQUE PORTFOLIO
===============================================================*/
/*.baque-portfolio-grid*/
.baque-portfolio.default .baque-isotope[data-cols="2"] {
    margin-left: -37px;
    margin-right: -37px;
}

.baque-portfolio.default .baque-isotope[data-cols="2"] .portfolio-article {
    width: 50%;
    padding-left: 37px;
    padding-right: 37px;
    margin-bottom: 74px;
}

.baque-portfolio.default .baque-isotope[data-cols="3"] {
    margin-left: -15px;
    margin-right: -15px;
}

.baque-portfolio.default .baque-isotope[data-cols="3"] .portfolio-article {
    width: 33.3333333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.baque-portfolio.default .baque-isotope[data-cols="4"] .portfolio-article {
    width: 25%;
}

/*.baque-portfolio-masonry*/
.baque-portfolio.style1 .baque-isotope.type1 {
    margin-left: -15px;
    margin-right: -15px;
}

.baque-portfolio.style1 .baque-isotope.type1 .portfolio-article {
    width: 33.3333333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.baque-portfolio.style1 .baque-isotope.type1 .portfolio-article:nth-child(6n+2) {
    width: 66.6666666%;
}

.baque-portfolio.style1 .baque-isotope.type2 {
    margin-left: -20px;
    margin-right: -20px;
}

.baque-portfolio.style1 .baque-isotope.type2 .portfolio-article {
    width: 33.3333333%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

/*.baque-portfolio-slider*/
.portfolio-inner.variablewidth {
    display: table;
    width: 100%;
}

.portfolio-inner.variablewidth .portfolio-thumb {
    display: table-cell;
    vertical-align: middle;
}

.portfolio-inner.variablewidth .portfolio-header {
    width: 38%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

.portfolio-inner.variablewidth .portfolio-header .info-header {
    display: inline-block;
    width: 514px;
    max-width: 100%;
    border: 8px solid #fff;
    text-align: left;
    padding: 88px 75px 58px 54px;
}

.portfolio-inner.variablewidth .portfolio-header .post-title {
    max-width: 270px;
    margin-bottom: 14px;
    font-size: 40px;
    font-weight: 300;
}

.portfolio-inner.variablewidth .portfolio-header .post-title a {
    color: #fff;
}

.portfolio-inner.variablewidth .portfolio-header .categories {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.portfolio-inner.variablewidth .portfolio-header .categories a {
    color: #fff;
}

.portfolio-inner.variablewidth .portfolio-header .button-readmore {
    display: inline-block;
    float: right;
}

.portfolio-inner.variablewidth .portfolio-header .button-readmore .arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
    color: #ffffff;
}

.portfolio-inner.variablewidth .portfolio-header .button-readmore .arrow::before {
    content: '';
    border-width: 5px 6px;
    border-style: solid;
    position: relative;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent CurrentColor;
    left: 21px;
}

.portfolio-inner.variablewidth .portfolio-header .button-readmore .arrow::after {
    content: '';
    border-bottom: 1px solid CurrentColor;
    position: relative;
    top: 12px;
    width: 68px;
    display: block;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
    left: -88px;
}

.portfolio-inner.variablewidth .portfolio-header .button-readmore:hover .arrow::after {
    width: 110px;
}

.owl-slick.variablewidth.dots-circle .slick-dots {
    position: absolute;
    bottom: 135px;
    left: 94px;
}

.owl-slick.variablewidth.dots-circle .slick-dots li button {
    border: 2px solid rgba(255, 255, 255, 0.4);
}

.owl-slick.variablewidth.dots-circle .slick-dots li.slick-active button {
    border-color: #fff;
}

.owl-slick.variablewidth.dots-circle .slick-dots li button::before {
    content: '';
    background-color: rgba(255, 255, 255, 0.4);
}

.owl-slick.variablewidth.dots-circle .slick-dots li.slick-active button::before {
    background-color: #fff;
}

/*.baque-portfolio-single*/
/*.baque-portfolio-single.style1*/
.baque-portfolio-single.style1 .portfolio-thumb {
    overflow: hidden;
}

.baque-portfolio-single.style1 .portfolio-thumb figure {
    width: calc(50% - 15px);
    float: left;
    text-align: center;
}

.baque-portfolio-single.style1 .portfolio-thumb figure:last-child {
    float: right;
}

.baque-portfolio-single.style1 .portfolio-header {
    width: 473px;
    padding: 72px 40px 27px 65px;
    background-color: #302f5f;
    overflow: hidden;
}

.baque-portfolio-single.style1 .portfolio-thumb ~ .portfolio-header {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.baque-portfolio-single.style1 .portfolio-inner .portfolio-header .post-title {
    max-width: 270px;
    margin-bottom: 14px;
    font-size: 40px;
    font-weight: 300;
}

.baque-portfolio-single.style1 .portfolio-header .post-title a:not(:hover) {
    color: #fff;
}

.baque-portfolio-single.style1 .portfolio-header .categories {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.baque-portfolio-single.style1 .portfolio-header .categories a:not(:hover) {
    color: #fff;
}

.baque-portfolio-single.style1 .portfolio-header .button-readmore {
    display: inline-block;
    float: right;
}

.baque-portfolio-single.style1 .portfolio-header .button-readmore .arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
    color: #ffffff;
}

.baque-portfolio-single.style1 .portfolio-header .button-readmore .arrow::before {
    content: '';
    border-width: 5px 6px;
    border-style: solid;
    position: relative;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent CurrentColor;
    left: 21px;
}

.baque-portfolio-single.style1 .portfolio-header .button-readmore .arrow::after {
    content: '';
    border-bottom: 1px solid CurrentColor;
    position: relative;
    top: 12px;
    width: 68px;
    display: block;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
    left: -88px;
}

.baque-portfolio-single.style1 .portfolio-header .button-readmore:hover .arrow::after {
    width: 110px;
}

/*.baque-portfolio-single.style2*/
.baque-portfolio-single.style2 .portfolio-inner {
    display: table;
    width: 100%;
}

.baque-portfolio-single.style2 .portfolio-thumb {
    display: table-cell;
    vertical-align: middle;
}

.baque-portfolio-single.style2 .portfolio-header {
    width: 39%;
    padding: 30px 75px 30px 150px;
    background-color: #302f5f;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.baque-portfolio-single.style2 .portfolio-inner .portfolio-header .post-title {
    max-width: 270px;
    margin-bottom: 14px;
    font-size: 40px;
    font-weight: 300;
}

.baque-portfolio-single.style2 .portfolio-inner .portfolio-header .post-title a {
    position: relative;
}

.baque-portfolio-single.style2 .portfolio-inner .portfolio-header .post-title a::before {
    content: '';
    position: absolute;
    top: 45%;
    left: -93px;
    border-bottom: 4px solid;
    width: 48px;
}

.baque-portfolio-single.style2 .portfolio-header .post-title a:not(:hover) {
    color: #fff;
}

.baque-portfolio-single.style2 .portfolio-header .categories {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.baque-portfolio-single.style2 .portfolio-header .categories a:not(:hover) {
    color: #fff;
}

.baque-portfolio-single.style2 .portfolio-header .button-readmore {
    display: inline-block;
    float: right;
    position: absolute;
    right: 75px;
    bottom: 15%;
}

.baque-portfolio-single.style2 .portfolio-header .button-readmore:not(:hover) {
    color: #ffffff;
}

.baque-portfolio-single.style2 .portfolio-header .button-readmore .arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
}

.baque-portfolio-single.style2 .portfolio-header .button-readmore .arrow::before {
    content: '';
    border-width: 5px 6px;
    border-style: solid;
    position: relative;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent CurrentColor;
    left: 21px;
}

.baque-portfolio-single.style2 .portfolio-header .button-readmore .arrow::after {
    content: '';
    border-bottom: 1px solid CurrentColor;
    position: relative;
    top: 12px;
    width: 68px;
    display: block;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
    left: -88px;
}

.baque-portfolio-single.style2 .portfolio-header .button-readmore:hover .arrow::after {
    width: 110px;
}

@media (max-width: 1499px) {
    .owl-slick.variablewidth.dots-circle .slick-dots {
        bottom: 25px;
        left: 15px;
    }

    .baque-portfolio-single.style2 .portfolio-header {
        padding: 30px 25px 30px 80px;
    }

    .baque-portfolio-single.style2 .portfolio-inner .portfolio-header .post-title a::before {
        left: -50px;
        width: 30px;
    }

    .baque-portfolio-single.style2 .portfolio-header .button-readmore {
        position: static;
    }
}

@media (max-width: 1199px) {
    .baque-portfolio.default .baque-isotope[data-cols="2"] {
        margin-left: -15px;
        margin-right: -15px;
    }

    .baque-portfolio.default .baque-isotope[data-cols="2"] .portfolio-article {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .baque-portfolio.style1 .baque-isotope.type2 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .baque-portfolio.style1 .baque-isotope.type2 .portfolio-article {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .portfolio-inner.variablewidth .portfolio-header .info-header {
        padding: 30px 20px 20px 20px;
    }

    .baque-portfolio-single.style2 .portfolio-header {
        padding: 30px 20px 20px 20px;
    }

    .baque-portfolio-single.style2 .portfolio-inner .portfolio-header .post-title {
        font-size: 30px;
    }

    .baque-portfolio-single.style2 .portfolio-inner .portfolio-header .post-title a::before {
        display: none;
    }
}

@media (max-width: 1024px) {
    .portfolio-inner.variablewidth .portfolio-header .info-header {
        width: 430px;
    }
}

@media (max-width: 991px) {
    .baque-portfolio-single.style1 .portfolio-header {
        padding: 30px 25px 20px 25px;
    }

    .baque-portfolio-single.style1 .portfolio-header .post-title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .baque-portfolio-single.style1 .portfolio-thumb figure {
        width: 50%;
    }

    .baque-portfolio-single.style1 .portfolio-thumb ~ .portfolio-header {
        position: static;
        transform: none;
        width: 100%;
    }

    .portfolio-inner.variablewidth .portfolio-header .post-title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .portfolio-inner.variablewidth .portfolio-header .info-header {
        width: 325px;
        border: 4px solid #fff;
    }

    .owl-slick.variablewidth.dots-circle .slick-dots {
        position: static;
    }

    .owl-slick.variablewidth.dots-circle .slick-dots li button {
        border: 2px solid rgba(0, 0, 0, 0.2);
    }

    .owl-slick.variablewidth.dots-circle .slick-dots li.slick-active button {
        border-color: #000;
    }

    .owl-slick.variablewidth.dots-circle .slick-dots li button::before {
        content: '';
        background-color: rgba(0, 0, 0, 0.4);
    }

    .owl-slick.variablewidth.dots-circle .slick-dots li.slick-active button::before {
        background-color: #000;
    }
}

@media (max-width: 767px) {
    .portfolio-inner.variablewidth,
    .portfolio-inner.variablewidth .portfolio-thumb {
        display: block;
    }

    .portfolio-inner.variablewidth .portfolio-header {
        width: 100%;
        display: block;
    }

    .portfolio-inner.variablewidth .portfolio-header .post-title {
        max-width: 100%;
    }

    .portfolio-inner.variablewidth .portfolio-header .info-header {
        width: 100%;
    }

    .baque-portfolio.style1 .baque-isotope.type1 .portfolio-article,
    .baque-portfolio.style1 .baque-isotope.type1 .portfolio-article:nth-child(6n+2) {
        width: 100%;
    }

    .baque-portfolio.style1 .baque-isotope.type2 .portfolio-article {
        width: 50%;
    }

    .baque-portfolio-single.style1 .portfolio-thumb figure {
        width: 100%;
    }

    .baque-portfolio-single.style2 .portfolio-inner {
        display: block;
    }

    .baque-portfolio-single.style2 .portfolio-header,
    .baque-portfolio-single.style2 .portfolio-thumb {
        display: block;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .baque-portfolio.style1 .baque-isotope.type2 .portfolio-article {
        width: 100%;
    }
}

/*===============================================================
10.10 BAQUE TABS
===============================================================*/
.tab-container {
    position: relative;
}

.tab-container .tab-panel.active {
    opacity: 1;
    visibility: visible;
    position: static;
    height: auto;
    overflow: inherit;
}

.tab-container .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 1px;
    overflow: hidden;
}

.baque-tabs {
    position: relative;
    z-index: 1;
}

.baque-tabs .tab-link {
    padding-left: 0;
    list-style: none;
}

/**/
.baque-tabs li {
    display: inline-block;
    padding: 0 20px;
}

.baque-tabs li a {
    font-size: 14px;
    letter-spacing: 0.2em;
    margin-right: 0;
    line-height: inherit;
    border: none;
    border-radius: 0;
    position: relative;
    padding-bottom: 3px;
}

.baque-tabs li.active a,
.baque-tabs li a:hover {
    color: #18c9de;
}

.baque-tabs li a::before {
    border-bottom: 2px solid #18c9de;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    width: 100%;
}

.baque-tabs li.active a::before,
.baque-tabs li a:hover::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*===============================================================
10.11 BAQUE PROGRESSBAR
===============================================================*/
.baque-progressbar .progressbar-item {
    margin-bottom: 48px;
    position: relative;
    overflow-x: hidden;
}

.baque-progressbar .progressbar-item:last-child {
    margin-bottom: 0;
}

.baque-progressbar .progressbar-item::before {
    width: 100%;
    height: 6px;
    content: "";
    display: block;
    position: absolute;
    background-color: #dee3e8;
    bottom: 0;
}

.baque-progressbar .progressbar-item .progressbar-name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #333333;
    margin: 0;
    padding-bottom: 15px;
}

.baque-progressbar .progressbar-item .progressbar-bar {
    height: 6px;
    background-color: #18c9de;
    display: block;
    position: relative;
}

.baque-progressbar .progressbar-item .progressbar-bar .progressbar-count {
    position: absolute;
    top: -45px;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #333333;
    right: 0;
}

@media (max-width: 991px) {
    .baque-progressbar .progressbar-item {
        margin-bottom: 25px;
    }

    .baque-progressbar .progressbar-item .progressbar-name {
        padding-bottom: 5px;
        font-size: 16px;
    }

    .baque-progressbar .progressbar-item .progressbar-bar .progressbar-count {
        top: -35px;
        font-size: 16px;
    }
}

/*===============================================================
10.12 BAQUE CUSTOM MENU
===============================================================*/
.baque-custommenu .menu {
    padding-left: 0;
    padding-top: 4px;
    list-style: none;
}

.baque-custommenu .widgettitle {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: 0;
    padding-bottom: 18px;
    margin-bottom: 23px;
}

.baque-custommenu .widgettitle::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #acb7c4;
    width: 50px;
}

.baque-custommenu .menu li {
    line-height: 32px;
}

.baque-custommenu .menu li a {
    line-height: 18px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.baque-custommenu .menu li a:not(:hover) {
    color: #999;
}

.megamenu .baque-custommenu .menu li a:not(:hover) {
    color: #333;
}

.baque-custommenu.default.light .menu li a:not(:hover) {
    color: #757575;
}

.baque-custommenu.style1 .menu li a:not(:hover) {
    color: #333;
}

.baque-custommenu.style1.light .menu li a:not(:hover) {
    color: #fff;
}

.baque-custommenu .menu li a:hover::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    content: '';
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.baque-custommenu.style1 .menu li {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.2em;
    font-size: 12px;
    margin: 0 15px;
}

.baque-custommenu.style2 .menu li {
    display: inline-block;
    margin: 0 20px;
}

@media (max-width: 767px) {
    .baque-custommenu.style2 .menu li,
    .baque-custommenu.style1 .menu li {
        margin: 0 10px;
    }
}

/*===============================================================
10.13 BAQUE CALL TO ACTION
===============================================================*/
.baque-call_to_action .action-inner {
    display: table;
    width: 100%;
}

.baque-call_to_action .action-col {
    display: table-cell;
    width: 65%;
    vertical-align: middle;
}

.baque-call_to_action .action-inner .action-col:nth-child(2) {
    text-align: center;
    width: 35%;
}

.baque-call_to_action .action-inner.has-image .action-info {
    max-width: 720px;
    margin-top: -10px;
    padding-right: 25px;
}

.baque-call_to_action .title {
    margin-top: 0;
    font-size: 14px;
    letter-spacing: 0.3em;
    font-weight: 500;
    text-transform: uppercase;
    color: #999999;
    margin-bottom: 24px;
}

.baque-call_to_action .desc {
    display: inline;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 300;
    color: #333333;
}

.baque-call_to_action .write span {
    border-right-color: inherit;
}

.baque-call_to_action .write {
    display: inline;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500;
    position: relative;
    color: #18c9de;
}

.baque-call_to_action .info {
    font-size: 20px;
    line-height: 36px;
    margin-top: 25px;
}

.baque-call_to_action .baque-button {
    margin-top: 52px;
}

/*.baque-call_to_action.default*/
.baque-call_to_action.default .action-col {
    vertical-align: top;
}

.baque-call_to_action.default .action-inner .action-col:nth-child(2) {
    text-align: right;
}

.baque-call_to_action.default .write::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid;
    width: 100%;
}

.baque-call_to_action.default .info {
    font-size: 14px;
    line-height: 28px;
}

/*.baque-call_to_action.style1*/
.baque-call_to_action.style1 .title {
    margin-top: 0;
    font-size: 16px;
    color: #999999;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.baque-call_to_action.style1 .desc {
    font-size: 60px;
    line-height: 1.2;
    display: block;
}

.baque-call_to_action.style1 .write {
    font-size: 60px;
    line-height: 1.2;
}

/*.baque-call_to_action.style2*/
.baque-call_to_action.style2 .action-col {
    width: 40%;
}

.baque-call_to_action.style2 .action-col:nth-child(2) {
    width: 60%;
}

.baque-call_to_action.style2 .title {
    color: #333333;
}

.baque-call_to_action.style2 .desc {
    display: inline;
}

.baque-call_to_action.style2 .write {
    color: #000000;
}

.baque-call_to_action.style2 .info {
    font-size: 14px;
    line-height: 28px;
}

.baque-call_to_action.style2 .scroll-icon {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3em;
    position: relative;
    padding-left: 69px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
}

.baque-call_to_action.style2 .scroll-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    border-bottom: 2px solid;
    width: 44px;
}

.baque-call_to_action.style2 .scroll-icon::after {
    font-family: 'FontAwesome', sans-serif;
    content: '\f105';
    font-size: 16px;
    vertical-align: top;
    margin-left: 16px;
}

.baque-call_to_action.style2 .scroll-icon:not(:hover) {
    color: #333333;
}

@media (max-width: 1499px) {
    .baque-call_to_action .desc br,
    .baque-call_to_action .info br {
        display: none;
    }

    .baque-call_to_action .title {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 0.2em;
    }

    .baque-call_to_action .write,
    .baque-call_to_action .desc {
        font-size: 34px;
    }

    .baque-call_to_action .info {
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;
    }

    .baque-call_to_action.style2 .scroll-icon {
        padding-left: 0;
        font-size: 11px;
        letter-spacing: 0.2em;
    }

    .baque-call_to_action.style2 .scroll-icon::after {
        margin-left: 5px;
    }

    .baque-call_to_action.style2 .scroll-icon::before {
        display: none;
    }
}

@media (max-width: 1199px) {
    .baque-call_to_action .desc {
        display: block;
    }

    .baque-call_to_action .baque-button {
        margin-top: 20px;
    }

    .baque-call_to_action.style1 .title {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .baque-call_to_action.style1 .desc,
    .baque-call_to_action .desc,
    .baque-call_to_action.style1 .write,
    .baque-call_to_action .write {
        font-size: 30px;
        line-height: 1.3;
    }

    .baque-call_to_action.style2 .scroll-icon {
        display: none;
    }
}

@media (max-width: 767px) {
    .baque-call_to_action .action-inner {
        display: block;
    }

    .baque-call_to_action .action-inner.has-image .action-info {
        margin-top: 10px;
    }

    .baque-call_to_action.style2 .action-col,
    .baque-call_to_action.style2 .action-col:nth-child(2),
    .baque-call_to_action .action-inner .action-col:nth-child(2),
    .baque-call_to_action .action-col {
        display: block;
        width: 100%;
    }

    .baque-call_to_action .action-inner .action-col:nth-child(2) {
        padding-top: 30px;
        text-align: left;
    }

    .baque-call_to_action.default .action-inner .action-col:nth-child(2) {
        display: none;
    }
}

/*===============================================================
10.14 BAQUE TIMELINE
===============================================================*/
.baque-timeline .timeline-inner {
    position: relative;
}

.baque-timeline .timeline-inner::before,
.baque-timeline .timeline-inner::after {
    content: '';
    display: table;
}

.baque-timeline .timeline-inner::after {
    clear: both;
}

.baque-timeline .timeline-track {
    position: absolute;
    height: calc(100% - 67px);
    top: 0;
    left: 50%;
    border-left: 1px solid #e9edf2;
}

.baque-timeline .timeline-track::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    top: 0;
    left: -4px;
}

.baque-timeline .timeline-track::after {
    font-family: 'FontAwesome', sans-serif;
    content: '\f107';
    position: absolute;
    bottom: 0;
    left: -6px;
    font-size: 18px;
    line-height: 0;
}

.baque-timeline .timeline-item {
    position: relative;
    width: calc(50% - 46px);
    float: left;
    background-color: #fff;
    padding: 40px 68px;
    -webkit-box-shadow: 8px 8px 114px 0 rgba(63, 69, 76, 0.08);
    -moz-box-shadow: 8px 8px 114px 0 rgba(63, 69, 76, 0.08);
    box-shadow: 8px 8px 114px 0 rgba(63, 69, 76, 0.08);
    margin-bottom: 67px;
}

.baque-timeline .timeline-item:nth-child(2n)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 92px;
    border-bottom: 1px solid #e9edf2;
}

.baque-timeline .timeline-item:nth-child(2n+1) {
    float: right;
}

.baque-timeline .timeline-item .timeline-dot {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #333333;
    background-color: #fbffff;
    position: absolute;
    top: 50%;
    right: -55px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.baque-timeline .timeline-item:nth-child(2n+1) .timeline-dot {
    display: none;
}

.baque-timeline .timeline-item .timeline-dot::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: #333333;
}

.baque-timeline .time {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
}

.baque-timeline .title {
    font-weight: 500;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 3px;
}

.baque-timeline .subtitle {
    font-size: 14px;
    font-weight: 600;
}

.baque-timeline .content {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.baque-timeline .content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    border-bottom: 1px solid #d5dbe3;
}

@media (max-width: 1199px) {
    .baque-timeline .timeline-item {
        padding: 20px;
        margin-bottom: 40px;
    }

    .baque-timeline .timeline-track {
        height: calc(100% - 40px);
    }
}

@media (max-width: 767px) {
    .baque-timeline .timeline-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .baque-timeline .timeline-track {
        height: 100%;
    }

    .baque-timeline .timeline-item {
        width: 100%;
        height: auto !important;
        margin-bottom: 67px;
    }

    .baque-timeline .timeline-item:last-child {
        margin-bottom: 0;
    }

    .baque-timeline .timeline-item .timeline-dot {
        right: 50%;
        top: 100%;
        -webkit-transform: translate(50%, 25px);
        -moz-transform: translate(50%, 25px);
        -ms-transform: translate(50%, 25px);
        -o-transform: translate(50%, 25px);
        transform: translate(50%, 25px);
    }

    .baque-timeline .timeline-item:nth-child(2n+1) .timeline-dot {
        display: block;
    }

    .baque-timeline .timeline-item:last-child .timeline-dot,
    .baque-timeline .timeline-item:nth-child(2n)::before {
        display: none;
    }
}

/*===============================================================
10.15 BAQUE NEWSLETTER
===============================================================*/
.baque-newsletter .widgettitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.baque-newsletter.light .widgettitle {
    color: #fff;
}

.baque-newsletter .submit-newsletter span {
    font-size: 26px;
}

.baque-newsletter .newsletter-form-wrap.processing .submit-newsletter span::before {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
    display: inline-block;
    vertical-align: middle;
}

/*.baque-newsletter.default*/
.baque-newsletter.default .newsletter-form-wrap {
    position: relative;
}

.baque-newsletter.default .email-newsletter {
    border: none;
    border-bottom: 2px solid #292e32;
    width: 100%;
    padding: 10px 30px 10px 0;
    height: 60px;
    color: #999;
}

.baque-newsletter.default.light .email-newsletter {
    color: #666;
}

.baque-newsletter.default .submit-newsletter {
    font-size: 0;
    position: absolute;
    top: 10px;
    right: 0;
}

.baque-newsletter.default .submit-newsletter:not(:hover) {
    color: #000000;
}

.baque-newsletter.default.light .submit-newsletter:not(:hover) {
    color: #666666;
}

/*.baque-newsletter.style1*/
.baque-newsletter.style1 .newsletter-form-wrap {
    position: relative;
    max-width: 400px;
}

.baque-newsletter.style1 .email-newsletter {
    border-color: #999;
    width: 100%;
    padding: 4px 90px 4px 20px;
    height: 50px;
    color: #757575;
}

.baque-newsletter.style1.light .email-newsletter {
    border-color: #373737;
}

.baque-newsletter.style1 .submit-newsletter {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 50px;
    line-height: 47px;
    color: #fff;
    background-color: #18c9de;
    text-align: center;
    overflow: hidden;
}

.baque-newsletter.style1 .submit-newsletter::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
}

.baque-newsletter.style1 .submit-newsletter:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@media (max-width: 767px) {
    .baque-newsletter .widgettitle {
        margin-bottom: 10px;
    }
}

/*===============================================================
11.0 CUSTOM OTHER
===============================================================*/
.gradient-gray {
    background: linear-gradient(0deg, #f7f7f7, #fff);
}

/*CUSTOM CONTAINER*/
.infocv strong {
    font-weight: 600;
}

.preloader.loaded {
    display: none !important;
}

.preloader {
    bottom: 0;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    z-index: 999999;
    background-color: #fff;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    margin-left: -40px;
}

.object {
    position: absolute;
    border: 4px solid #18c9de;
    opacity: 1;
    border-radius: 50%;
    animation: double-spin 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.object:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes double-spin {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0;
        left: 0;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

.over-index {
    z-index: 1;
}

/*main container*/
.main-container {
    padding-bottom: 70px;
    min-height: 100vh;
}

body.single .main-container {
    padding-top: 160px;
}

body.single.single-portfolio .main-container {
    padding-top: 116px;
}

body.error404 .main-container {
    padding-top: 110px;
}

.bg-parralax {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body .bg-parralax-right .vc_column-inner {
    background-attachment: fixed;
    background-position: center right !important;
    background-size: cover;
}

body .bg-parralax-left .vc_column-inner {
    background-attachment: fixed;
    background-position: center left !important;
    background-size: cover;
}

@media (max-width: 1280px) {
    .bg-parralax,
    body .bg-parralax-right .vc_column-inner,
    body .bg-parralax-left .vc_column-inner {
        background-attachment: unset;
    }
}

@media (max-width: 1199px) {
    body.single .main-container,
    body.error404 .main-container {
        padding-top: 130px;
    }
}

@media (max-width: 991px) {
    body.single.single-portfolio .main-container,
    body.single .main-container,
    body.error404 .main-container {
        padding-top: 85px;
    }
}

/*revslider*/
.custom .tp-bullet {
    width: 27px !important;
    height: 2px !important;
    background: rgba(255, 255, 255, 0.3) !important;
}

.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
    background: rgba(255, 255, 255, 1) !important;
}

.hebe .tp-bullet-image {
    display: none !important;
}

.hebe .tp-bullet {
    width: 15px !important;
    height: 15px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
}

.hebe .tp-bullet.selected,
.hebe .tp-bullet:hover {
    background-color: transparent !important;
}

.hebe .tp-bullet.selected::before,
.hebe .tp-bullet:hover::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
}

@media (max-width: 1024px) {
    .hebe.vertical.tp-bullets {
        transform: matrix(1, 0, 0, 1, -60, -7) !important;
    }
}

@media (max-width: 991px) {
    .hebe.vertical.tp-bullets {
        transform: matrix(1, 0, 0, 1, -35, -7) !important;
    }

    .hebe.horizontal.tp-bullets {
        transform: matrix(1, 0, 0, 1, -44, -40) !important;
    }

    .custom.horizontal.tp-bullets {
        transform: matrix(1, 0, 0, 1, -50, -40) !important;
    }
}

/* Gutenberg */
.post-content .wp-block-cover,
.single-post-content .wp-block-cover {
    margin-bottom: 28px;
}

code {
    padding: 2px;
    border-radius: 2px;
    color: #23282d;
    background: #f3f4f5;
    font-family: Menlo, Consolas, monaco, monospace;
    font-size: inherit;
}

.post-content .wp-block-quote,
.single-post-content .wp-block-quote {
    display: inline-block;
    padding: 44px 22px 13px 22px;
    margin-top: 10px;
    margin-bottom: 30px;
    border-left: 4px solid #ffa749;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    background: url(../images/quote.png) no-repeat 30px 0;
    line-height: 28px;
}

.post-content .wp-block-quote[style*="text-align:right"], .post-content .wp-block-quote[style*="text-align: right"],
.single-post-content .wp-block-quote[style*="text-align:right"], .single-post-content .wp-block-quote[style*="text-align: right"] {
    border-left: none;
    border-right: 4px solid #ffa749;
    background-position-x: calc(100% - 30px);
}
.post-content .wp-block-quote[style*="text-align:center"], .post-content .wp-block-quote[style*="text-align: center"],
.single-post-content .wp-block-quote[style*="text-align:center"], .single-post-content .wp-block-quote[style*="text-align: center"] {
    background-position-x: center;
}

.post-content .wp-block-quote cite,
.single-post-content .wp-block-quote cite {
    display: block;
}

.post-content .wp-block-quote p,
.single-post-content .wp-block-quote p {
    padding: 0;
}

.post-content .wp-block-quote p:before,
.single-post-content .wp-block-quote p:before {
    display: none;
}

.post-content .has-large-font-size,
.single-post-content .has-large-font-size {
    line-height: 36px;
}

.post-content .has-huge-font-size, .post-content .has-larger-font-size,
.single-post-content .has-huge-font-size, .single-post-content .has-larger-font-size {
    font-size: 48px;
    line-height: 48px;
}

.post-item .post-content > *:not(.vc_row), .single-post-content > *:not(.vc_row) {
    width: 1040px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.post-item .post-content > *.aligncenter:not(.vc_row), .single-post-content > *.aligncenter:not(.vc_row) {
    margin-left: auto;
    margin-right: auto;
}

.post-item .post-content > .wp-block-image, .single-post-content > .wp-block-image:not(.vc_row) {
    width: 100%;
}

.post-item .post-content > .wp-block-image > figure, .post-item .single-post-content > .wp-block-image > figure {
    width: 1040px;
    max-width: 100%;
}

.post-item .post-content > p:last-child, .post-item .single-post-content > p:last-child {
    width: 1040px;
}

.post-item .post-content > *.alignwide, .post-item .single-post-content > *.alignwide {
    width: 100%;
    max-width: 100%;
    clear: both;
}

.post-item .post-content > *.alignwide > img, .post-item .single-post-content > *.alignwide > img {
    width: 100%;
}

.post-item .post-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
    width: calc(100% - 70px);
}

.post-item .post-content > *.alignwide.alignright, .post-item .single-post-content > *.alignwide.alignright,
.post-item .post-content > *.alignwide.alignleft, .post-item .single-post-content > *.alignwide.alignleft,
.post-item .post-content > *.alignwide.aligncenter, .post-item .single-post-content > *.alignwide.aligncenter{
    width: 1040px;
}

.post-item .post-content > *.alignfull, .post-item .single-post-content > *.alignfull {
    position: relative;
    margin-top: calc(2 * 1rem);
    margin-bottom: calc(2 * 1rem);
    left: calc(-12.5% - 101.5px);
    width: calc(125% + 203px);
    max-width: calc(125% + 203px);
    clear: both;
}

.post-item .post-content > *.alignleft, .post-item .single-post-content > *.alignleft {
    float: left;
    margin-right: 2em;
}

.post-item .post-content > *.alignright, .post-item .single-post-content > *.alignright {
    float: right;
    margin-left: 2em;
}

.wp-block-image .aligncenter {
    margin-top: 0;
}

.wp-block-image .alignleft {
    margin-right: 2em;
    margin-top: 0;
}

.wp-block-image .alignright {
    margin-left: 2em;
    margin-top: 0;
}

.post-item .post-content > .wp-block-image.alignfull > img,
.post-item .single-post-content > .wp-block-image.alignfull > img,
.wp-block-image .alignfull img,
.wp-block-image.alignfull img {
    width: 100%;
}

.wp-block-pullquote {
    margin-top: 0;
    margin-bottom: 20px;
}

.wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
    font-size: 28px;
    padding: 0;
}

.wp-block-pullquote p:before {
    display: none;
}

.wp-block-pullquote blockquote {
    font-style: normal;
    display: block;
    color: #40464d;
    font-weight: normal;
    padding: 0;
    margin: 0;
    border: none;
    background-image: none;
}

.wp-block-pullquote blockquote cite {
    display: block;
    line-height: 24px;
}

.wp-block-pullquote blockquote:before {
    display: none;
}

.wp-block-image figcaption {
    font-style: italic;
}

.post-item .post-content .wp-block-separator {
    max-width: 100px;
}