@charset "utf-8";



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

[Master Stylesheet]



Project:    Kerio theme

Version:    1.0.3



[Table of contents]



    1. Base

        1.1 Base css

        1.2. Heading

        1.3. Buttons

        1.4 Inputs

        1.5 Preloader

    2. Header

        2.1 Logo

        2.2 Navigation

        2.3 Fullscreen navigation

        2.4 Buter button

        2.7 Side header

        2.8 Side navigation

    3. Body

        3.1 Gallery widget

        3.2 Contact row

        3.3 Default widgets

        3.4 Portfolio

        3.5 Filter buttons

        3.6 Pagination

        3.7 Banner

        3.8 Price list type 1

        3.9 Price list type 2

        3.10 Price list type 3

        3.11 Price list type 4

        3.12 Blog

        3.13 Countdown

        3.14 Site content

        3.15 Comments

        3.16 Project page

        3.17 Video

        3.18 Hand phone

        3.19 Button Download

        3.20 Accordion

        3.21 Icon box

        3.22 Phone mockups

        3.23 App Screenshots

        3.24 Testimonials

        3.25 Whois

        3.26 Download Counter

        3.27 Product items

        3.28 Team items

        3.29 Benefits

        3.30 Subscribe form

    4 Footer

        4.1 Footer top



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





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

[1. Base ]

*/





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

[1.1 Base css ]

*/



aside,

nav,

footer,

header,

section {

    display: block

}



body {

    margin: 0;

    font-family: "Roboto";

    font-size: 16px;

    font-weight: normal;

    color: #000;

    background: #fafafa;

    position: relative;

    z-index: 1;

    cursor: default;

}



body.header-type-left-side-t2 {

    background: #f3f4f6;

}



.js_active body {

    overflow: hidden;

}



.js_active body.loaded {

    overflow: auto;

}



body.body-overflow-hidden,

body.full-page-mode {

    /* overflow: hidden !important; */

}



body.ypromo-site-bar-body {

    padding-top: 65px;

}



body.site-dark {

    background: #000;

    color: #fff;

}



.body-grid-lines {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

    pointer-events: none;

}



.header-type-left-side .body-grid-lines,

.header-type-left-side-t2 .body-grid-lines {

    left: 195px;

}



.body-grid-lines div {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 1px;

    background: #eeeeee;

}



.site-dark .body-grid-lines div {

    background: #393939;

}



.body-grid-lines div:nth-child(1) {

    left: 16.66666667%;

}



.body-grid-lines div:nth-child(2) {

    left: 33.33333333333333%;

}



.body-grid-lines div:nth-child(3) {

    left: 50%;

}



.body-grid-lines div:nth-child(4) {

    left: 66.66666666666667%;

}



.body-grid-lines div:nth-child(5) {

    left: 83.33333333333333%;

}



.index-row {

    margin-top: 30px;

}



.right-click-disable-message {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 10000000;

    background: #fff;

    background: rgba(255, 255, 255, 0.8);

    background: #ffffffcc;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

    visibility: hidden;

}



.site-dark .right-click-disable-message {

    background: #000;

    background: rgba(0, 0, 0, 0.8);

    background: #000000cc;

}



.right-click-disable-message.active {

    opacity: 1;

    visibility: visible;

}



.right-click-disable-message .container {}



.right-click-disable-message .cell {

    height: 100vh;

    width: 10000px;

}



.grid-sizer {

    height: 0;

    position: absolute;

}



.portfolio-type-horizontal .grid-sizer {

    width: 100%;

}



a {

    color: inherit;

}



img {

    border: none;

    height: auto;

}



input,

textarea,

button,

select,

a {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    font-family: inherit;

}



input,

textarea,

button,

select {

    font-family: inherit;

    max-width: 100%;

}



input::-webkit-input-placeholder {

    color: inherit;

}



input::-moz-placeholder {

    color: inherit;

}



input:-moz-placeholder {

    color: inherit;

}



input:-ms-input-placeholder {

    color: inherit;

}



textarea::-webkit-input-placeholder {

    color: inherit;

}



textarea::-moz-placeholder {

    color: inherit;

}



textarea:-moz-placeholder {

    color: inherit;

}



textarea:-ms-input-placeholder {

    color: inherit;

}



*:focus {

    outline: none;

}



blockquote {

    font-size: 24px;

    line-height: 1.500em;

    margin: 70px 0 25px 0;

    position: relative;

    z-index: 1;

    text-align: left;

    font-weight: 500;

    font-style: italic;

}



blockquote h6 {

    margin: 10px 0 5px !important;

    color: #e31043;

    text-transform: uppercase;

    font-size: 16px;

}



blockquote .post {

    font-size: 12px;

    text-transform: uppercase;

    font-style: normal;

    line-height: normal;

    color: #575757;

    letter-spacing: .1em;

    font-weight: 600;

}



blockquote cite {

    font-weight: bold;

    text-decoration: none;

    font-style: normal;

}



blockquote cite a {

    text-decoration: none;

    color: #9e9e9e;

    font-size: 18px;

}



blockquote p {

    line-height: 1.500em !important;

}



blockquote:before {

    content: "“";

    position: absolute;

    top: -0.45em;

    left: 0;

    font-size: 72px;

    font-weight: 600;

    z-index: -1;

    font-style: italic;

    color: #e31043;

}



.container.index-container {

}



.centered-container {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.post-items {

    /* padding-top: 30px; */

    padding-right: 30px;

}



.post-items .post {

    margin-bottom: 0;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

}



.post-items .post.sticky {

    /* border: 1px solid #eee; */

    /* padding: 10px 35px; */

}



.site-dark .post-items .post {

    border-color: #393939;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.tal {

    text-align: left;

}



.tar {

    text-align: right;

}



.tac {

    text-align: center;

}



.cell {

    display: table-cell;

    vertical-align: middle;

}



.text-uppercase {

    text-transform: uppercase;

}



.text-light {

    font-weight: 300 !important;

}



.no-padding {

    padding: 0;

}



.padding-on {

    padding: 0 30px;

}



.dark-bg,

.white-text {

    color: #fff;

}



.header-space {

    height: 78px;

}



.home.base-theme .header-space {

    display: none;

}



.header-type-side .header-space {

    display: none;

}



.contact-row {

    margin-bottom: 20px;

    position: relative;

}



.site-footer .contact-row {

    padding: 10px 0;

    margin-bottom: 5px;

}



.contact-row.color {

    color: #e31043;

}



.contact-row i {

    float: left;

    font-size: 21px;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -.5em;

}



.contact-row span {

    display: block;

    font-size: 14px;

    font-weight: 300;

    margin-left: 35px;

    line-height: 1.286em;

}



figure {

    margin: 0;

}



pre {

    background: #f5f5f5;

    padding: 10px 30px;

    color: #000;

}



dl {

    margin: 0 20px;

}



dt {

    font-weight: bold;

}



dd {

    margin: 0 0 20px;

}



table {

    width: 100%;

    border: 1px solid;

    border-collapse: collapse;

    border-color: #eeeeee;

}



table td,

table th {

    border: 1px solid;

    padding: 2px 5px;

    border-color: #eeeeee;

}



.site-dark table td,

.site-dark table th {

    border-color: #393939;

}



.site-footer table td,

.site-footer table th,

.calendar_wrap table td,

.calendar_wrap table th {

    font-size: 11px;

    padding: 2px 3px;

    text-align: center;

}



.calendar_wrap table tbody td,

.calendar_wrap table tfoot td {

    padding: 10px 3px;

    font-weight: 500;

}



.calendar_wrap table tbody td a {

    color: #e31043;

    text-decoration: none;

}



.calendar_wrap table tbody td.pad {

    background: #eee;

}



.calendar_wrap {

    background: #fff;

    color: #000;

}



.calendar_wrap table caption {

    font-size: 14px;

    font-weight: 500;

    border: 1px solid #eee;

    border-bottom: 0;

    padding: 10px 0;

}



.calendar_wrap table th {

    color: #e31043;

    padding: 10px 3px;

    font-size: 12px;

}



.blog-item table th,

.blog-item table td,

.post-content table th,

.post-content table td,

.comment-item table th,

.comment-item table td {

    padding: 10px 15px;

}



.blog-item thead th,

.blog-item thead td,

.post-content thead th,

.post-content thead td,

.comment-item thead th,

.comment-item thead td {

    background: #f9f8f8;

    border-color: #e6e6e6;

}



.blog-item tbody tr:nth-child(even) th,

.blog-item tbody tr:nth-child(even) td,

.post-content tbody tr:nth-child(even) th,

.post-content tbody tr:nth-child(even) td,

.comment-item tbody tr:nth-child(even) th,

.comment-item tbody tr:nth-child(even) td {

}



.blog-item ul,

.post-content ul,

.comment-item ul,

.blog-item ol,

.post-content ol,

.comment-item ol {

    margin: 15px 0;

    padding-left: 25px;

}



.blog-item ul li,

.post-content ul li,

.comment-item ul li,

.blog-item ol li,

.post-content ol li,

.comment-item ol li {

    margin: 5px 0;

}



.popup_download_no .pswp__share--download {

    display: none;

}



pre {

    width: 100%;

}



.s-sidebar,

.wpb_widgetised_column {

    margin-bottom: 30px;

}



.single-post .s-sidebar {

    /* margin-top: 65px; */

}



.woocommerce div.product .s-sidebar {

    margin-top: 0;

}



.s-sidebar > .w,

.wpb_widgetised_column > div {

    background: #fff;

    padding: 30px 30px .1px;

    margin-left: 10px;

}



.site-dark .s-sidebar > .w,

.site-dark .wpb_widgetised_column > div {

    background: #070707;

    border-color: #393939;

}



.widget_black_studio_tinymce {}



.widget_black_studio_tinymce img {

    border: 1px solid #eeeeee;

}



.site-dark .widget_black_studio_tinymce img {

    border-color: #393939;

}



.tagcloud {

    font-size: 14px;

    text-transform: lowercase;

}



.tagcloud .tag-cloud-link {

    font-size: 12px !important;

    display: inline-block;

    vertical-align: middle;

    text-decoration: none;

    color: #000;

    background: #efefef;

    padding: 10px 15px;

    line-height: 1em;

    margin-bottom: 9px;

    margin-right: 5px;

    text-transform: lowercase;

    color: #a5a5a5;

    letter-spacing: .2em;

}



.site-footer .tagcloud .tag-cloud-link {

    color: #242424;

}



.site-dark .tagcloud .tag-cloud-link {

    color: #878787;

    background: #1f1f1f;

}



.tagcloud .tag-cloud-link:hover {

    color: #e31043;

}



.home-page-banner {

    height: 100vh;

    overflow: hidden;

    background: url(../images/home-bg.jpg) 50% no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

    margin-bottom: 40px;

}



.home-page-banner .container {}



.home-page-banner .text {}



.home-page-banner .cell {

    height: 100vh;

}



.home-page-banner .h {

    font-size: 60px;

    line-height: 1em;

    text-transform: uppercase;

    font-weight: 600;

}



.home-page-banner .h span {

    color: #e31043;

}



.home-page-banner p {

    color: #606060;

    font-weight: 300;

    margin: 25px 0 0;

}



.home-page-banner .image {}



.home-page-banner .image img {

    vertical-align: middle;

}



.gallery .gallery-item {

    margin: 0;

    display: inline-block;

    vertical-align: text-bottom;

}



.gallery .gallery-item .wp-caption-text {

    display: none;

}



.gallery-columns-1 .gallery-item {

    width: 100%;

}



.gallery-columns-2 .gallery-item {

    width: 49%;

}



.gallery-columns-3 .gallery-item {

    width: 33%;

}



.gallery-columns-4 .gallery-item {

    width: 25%;

}



.gallery .gallery-icon {}



.gallery .gallery-icon a {

    position: relative;

}



#all {

    position: relative;

    overflow: hidden;

}



.header-type-left-side #all {

    padding-left: 195px;

    padding-top: 0;

}



.header-type-left-side-t2 #all {

    padding-left: 260px;

    padding-top: 0;

}



.vc_column-inner {

    /* background-size: cover; */

    background-position: 50%;

    z-index: 1;

}



.vc_row[data-vc-full-width-mod] {

    -webkit-transition: opacity .5s ease;

    -o-transition: opacity .5s ease;

    transition: opacity .5s ease;

    overflow: hidden;

    position: relative;

}



.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {

    font-size: 3.5em!important;

}



.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon {

    font-size: 2.35em!important;

}



.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {

    font-size: 1.95em!important;

}



.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg,

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md {

    /* border: 1px solid transparent; */

}



.vc_icon_element {

    margin-bottom: 20px;

}



.vc_gradient-icon .vc_icon_element-inner {

    border: none !important;

    z-index: 2;

}



.vc_gradient-icon .vc_icon_element-inner .bor {

    position: absolute;

    top: -6px;

    left: -6px;

    right: -6px;

    bottom: -6px;

    opacity: 0.5;

    box-shadow: -4px 3px 6.86px 0.14px rgba(0, 0, 0, 0.1);

}



.vc_gradient-icon .vc_icon_element-inner.vc_icon_element-style-rounded .bor {

    border-radius: 50%;

}



.wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-tab>a {

    padding: 7px 25px;

    font-size: 14px;

    background: transparent;

    border: none;

    color: inherit;

    font-weight: 500;

}



.wpb-js-composer .vc_tta.vc_tta-style-outline .vc_tta-tabs-list .vc_tta-tab>a {

    background: #dfdfe6;

    border: 2px solid;

    font-size: 12px;

    text-transform: uppercase;

    border-color: transparent;

    padding: 11px 40px;

    font-weight: normal;

    color: #a3a3a3;

}



.wpb-js-composer .vc_tta-color-blue.vc_tta-style-outline .vc_tta-tab.vc_active>a {

    color: #525d7c !important;

    border-color: #525d7c !important;

}



.wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-tab>a:hover {

    background: rgba(255, 255, 255, 0.7);

    color: #000;

}



.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active>a {

    box-shadow: -5px 6px 6.86px 0.14px rgba(0, 0, 0, 0.1);

    background-color: #fff;

    color: #000;

}



.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab>a {

    border-width: 1px

}



.wpb-js-composer .vc_tta.vc_tta-color-blue.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #4868cf;

    background-color: #5472D2;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-turquoise.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #00b3c0;

    background-color: #00C1CF;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-pink.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #fe5e52;

    background-color: #FE6C61;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-violet.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #8462c0;

    background-color: #8D6DC4;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-peacoc.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #40a8c5;

    background-color: #4CADC9;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-chino.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #c8bba1;

    background-color: #CEC2AB;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-mulled-wine.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #484152;

    background-color: #50485B;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-vista-blue.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #69d294;

    background-color: #75D69C;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-orange.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #f6b859;

    background-color: #F7BE68;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-sky.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #4d9ae1;

    background-color: #5AA1E3;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-green.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #66a038;

    background-color: #6DAB3C;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-juicy-pink.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #f3443f;

    background-color: #F4524D;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-sandy-brown.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #f68a59;

    background-color: #F79468;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-purple.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #b474b6;

    background-color: #B97EBB;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-black.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #222;

    background-color: #2A2A2A;

    color: #fff

}



.wpb-js-composer .vc_tta.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #fbfbfb;

    background-color: #fbfbfb;

    color: #56c4cf;

}



.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {

    background: #fbfbfb !important;

    border-color: #fbfbfb !important;

}



.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    border-color: #f7f7f7;

    background-color: #FFF;

    color: #666

}



.vc_row.extra-spacing {

    margin: 0 -60px;

}



.vc_row.extra-spacing > div {

    padding: 0 45px;

}



.vc_row[data-vc-full-width-mod] {

    -webkit-transition: opacity .5s ease;

    -o-transition: opacity .5s ease;

    transition: opacity .5s ease;

    overflow: hidden

}



.vc_row[data-vc-full-width-mod].vc_hidden {

    opacity: 0

}



.vc_section[data-vc-full-width-mod] {

    -webkit-transition: opacity .5s ease;

    -o-transition: opacity .5s ease;

    transition: opacity .5s ease;

    overflow: hidden

}



.vc_section[data-vc-full-width-mod].vc_hidden {

    opacity: 0

}



.vc_section[data-vc-full-width-mod]>.vc_row {

    margin-left: 0;

    margin-right: 0

}



.vc-row[data-vc-full-width-mod] .vc_grid.vc_row {

    overflow: hidden

}



.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {

    font-size: 1em;

}



.wpb-js-composer .vc_tta-panel .vc_tta-panel-title>a {

    color: inherit !important;

}



.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body,

.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,

.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {

    border-radius: 5px !important;

}



.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel .vc_tta-panel-body {

    border-radius: 0 0 5px 5px !important;

}



.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body,

.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading {

    border-radius: 5px !important;

}



.wpb_single_image .vc_single_image-wrapper.vc_box_outline,

.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {

    padding: 3px;

    border-width: 2px;

}



.wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-tab>a {

    padding: 10px 30px;

    font-size: 18px;

    font-weight: 600;

    background: #f5f5f5;

}



.wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-body {

    padding: 15px 30px;

}



.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {

    width: 4.4em !important;

    height: 4.4em !important;

    border-width: 3px;

}



.vc_row.vc_column-gap-1 {

    margin-left: -0.5px;

    margin-right: -0.5px;

}



.vc_row.vc_column-gap-1 > .vc_column_container {

    padding: 0.5px;

}



.vc_row.vc_column-gap-2 {

    margin-left: -1px;

    margin-right: -1px;

}



.vc_row.vc_column-gap-2 > .vc_column_container {

    padding: 1px;

}



.vc_row.vc_column-gap-3 {

    margin-left: -1.5px;

    margin-right: -1.5px;

}



.vc_row.vc_column-gap-3 > .vc_column_container {

    padding: 1.5px;

}



.vc_row.vc_column-gap-4 {

    margin-left: -2px;

    margin-right: -2px;

}



.vc_row.vc_column-gap-4 > .vc_column_container {

    padding: 2px;

}



.vc_row.vc_column-gap-5 {

    margin-left: -2.5px;

    margin-right: -2.5px;

}



.vc_row.vc_column-gap-5 > .vc_column_container {

    padding: 2.5px;

}



.vc_row.vc_column-gap-10 {

    margin-left: -5px;

    margin-right: -5px;

}



.vc_row.vc_column-gap-10 > .vc_column_container {

    padding: 5px;

}



.vc_row.vc_column-gap-15 {

    margin-left: -7.5px;

    margin-right: -7.5px;

}



.vc_row.vc_column-gap-15 > .vc_column_container {

    padding: 7.5px;

}



.vc_row.vc_column-gap-20 {

    margin-left: -10px;

    margin-right: -10px;

}



.vc_row.vc_column-gap-20 > .vc_column_container {

    padding: 10px;

}



.vc_row.vc_column-gap-25 {

    margin-left: -27.5px;

    margin-right: -27.5px;

}



.vc_row.vc_column-gap-25 > .vc_column_container {

    padding: 12.5px;

}



.vc_row.vc_column-gap-30 {

    margin-left: -15px;

    margin-right: -15px;

}



.vc_row.vc_column-gap-30 > .vc_column_container {

    padding: 15px;

}



.vc_row.vc_column-gap-35 {

    margin-left: -17.5px;

    margin-right: -17.5px;

}



.vc_row.vc_column-gap-35 > .vc_column_container {

    padding: 17.5px;

}



.uppercase {

    text-transform: uppercase;

}



.fw-300 {

    font-weight: 300;

}



.fw-400 {

    font-weight: 400;

}



.fw-500 {

    font-weight: 500;

}



.fw-700 {

    font-weight: 700;

}



.scroll-wrapper {

    overflow: hidden !important;

    padding: 0 !important;

    position: relative;

}



.scroll-wrapper > .scroll-content {

    border: none !important;

    box-sizing: content-box !important;

    height: auto;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none !important;

    overflow: scroll !important;

    padding: 0;

    position: relative !important;

    top: 0;

    width: auto !important;

}



.scroll-wrapper > .scroll-content::-webkit-scrollbar {

    height: 0;

    width: 0;

}



.scroll-element.scroll-x.scroll-scrolly_visible {

    display: none !important;

}



.scroll-element {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 5px;

    background: #fff;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.scroll-x {

    display: none;

}



.site-light .scroll-element {

    background: #fff;

}



.scroll-element .scroll-element_outer {}



.scroll-element .scroll-element_size {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

}



.scroll-element .scroll-element_track {

    width: 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

}



.scroll-element .scroll-bar {

    width: 100%;

    cursor: pointer;

    background: #e31043;

    /* min-height: 20px; */

    position: absolute;

}



.site-light .scroll-element .scroll-bar {

}



.offset-top {

    margin-top: 25px;

}



.row-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

}



.banner-coming-soon .h.b-coming-heading,

.banner-404 .h.b-404-heading {

    font-size: 4.286em;

    margin-bottom: 0;

    margin-top: 0;

}



.banner-coming-soon .item div.text,

.banner-404 .item div.text {

    margin: 25px 0 30px;

    padding: 0;

}



.banner-coming-soon .item div.text {

    margin: -15px 0 45px;

    font-size: 1.5em;

}



.protected-post-form {}



.protected-post-form .cell {

    text-align: center;

    width: 19000px;

    padding: 40px 0;

}



.blog-item .protected-post-form .cell,

.post-content .protected-post-form .cell {

    height: 160px !important;

    padding: 10px 0;

    text-align: left;

}



.post-content .protected-post-form .area {

    margin-left: 0; 

}



.protected-post-form p {

    display: none;

}



.protected-post-form .area {

    border: 1px solid;

    position: relative;

    margin: 20px auto 0;

    max-width: 680px;

}



.protected-post-form .area input {

    width: 100%;

    border: none;

    padding: 0 48px 0 20px;

    line-height: 48px;

    height: 48px;

    background: transparent;

    color: inherit;

}



.protected-post-form .area button {

    position: absolute;

    background: none;

    border: none;

    line-height: 48px;

    width: 48px;

    cursor: pointer;

    padding: 0;

    font-size: 21px;

    color: inherit;

    top: 0;

    right: 0;

}



.protected-post-form .area button i {

    display: block;

    line-height: 48px;

}



.wpb_text_column ul,

.site-content ul,

.woocommerce div.product div.summary div[itemprop="description"] ul {

    margin: 30px 0;

    padding: 0;

    line-height: 1.875em;

}



.site-content ul:last-child {

    margin-bottom: 0;

}



.site-content ul,

.site-content ol,

.site-content dl {

    font-size: 14px;

}



.wpb_text_column ul strong,

.site-content ul strong {

    /* color: #000; */

}



.wpb_text_column ul ul,

.site-content ul ul {

    margin: 5px 0;

}



.wpb_text_column ul li,

.site-content ul li,

.woocommerce div.product div.summary div[itemprop="description"] ul li {

    position: relative;

    padding: 0 0 0 30px;

    margin: 15px 0 15px 20px;

    display: block;

}



.site-content ul li li {

    margin: 0 0 5px;

}



.site-content ul li li {}



.wpb_text_column ul li:before,

.site-content ul li:before,

.woocommerce div.product div.summary div[itemprop="description"] ul li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0.6em;

    width: 7px;

    height: 7px;

    border: 2px solid;

    color: #e31043;

    border-radius: 50%;

}



.color-scheme2 .wpb_text_column ul li:before,

.color-scheme2 .site-content ul li:before {

    color: #507fcd;

}



.dotted-404 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(../images/404-dotted.svg) 50% repeat;

    background-size: 8px auto;

    opacity: .2;

}



.pswp .pswp__zoom-wrap {

    text-align: center;

}



.pswp .pswp__zoom-wrap:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.pswp .wrapper {

    line-height: 0;

    width: 100%;

    max-width: 1000px;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 0 auto;

    text-align: left;

    z-index: 1045;

}



.pswp .video-wrapper {

    position: relative;

    padding-bottom: 56.25%;

    /* 16:9 */

    padding-top: 25px;

    height: 0;

    width: 100%;

}



.pswp .video-wrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.pswp video {

    width: 100% !important;

    height: auto !important;

}



.side-img {}



.side-img .vc_column-inner,

.side-img-t2 .vc_column-inner {

    margin-left: 15px;

    margin-right: 15px;

    width: auto;

    /* border: 1px solid #eeeeee; */

}



.side-img-t2 .vc_column-inner {

    box-shadow: 20px -20px 0 #edeeef;

    margin-right: 35px;

}



.img-with-shadow {

    box-shadow: 9px 8px 0 rgba(89, 188, 184, 0.2);

}



.logged-links {

    color: #e31043;

    font-size: 12px;

    margin: 0 0;

    position: absolute;

    width: auto;

    top: -10px;

    right: 0;

}



.comment-item .logged-links {

    position: relative;

    top: 0;

    margin-top: -25px;

}



.logged-links a.logout {

    margin-left: 10px;

}



.social-buttons a:hover i {

    opacity: 1;

    color: #e31043;

}



.site-header .social-buttons a:hover i {

    color: #989796;

}



.social-buttons {

    font-size: 18px;

    float: right;

    top: 50%;

    margin: -11px 0;

}



.site-footer.minified  .social-buttons {

    margin: 0;

}



.social-buttons-widget .social-buttons {

    float: none;

    margin: 0 0 35px;

}



.social-buttons a {

    display: inline-block;

    vertical-align: middle;

    text-decoration: none;

    margin-right: 15px;

    position: relative;

}



.social-buttons i {

    display: block;

    opacity: 0.5;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.social-buttons a:last-of-type:after {

    display: none;

}



.social-buttons a:hover {}



.social-buttons a:last-of-type {

    margin-right: 0;

    padding-right: 0;

}



.social-buttons a span {

    text-transform: uppercase;

    font-size: 9px;

    font-weight: 500;

    display: none;

}



.social-buttons.label-on a span {

    display: none;

}



.social-buttons-text {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .1em;

}



.social-buttons-text a {

    text-decoration: none

}



.social-buttons-text a:not(:last-of-type):after {

    content: "\00a0\00a0\00a0-\00a0\00a0";

    color: #e31043;

}



.social-buttons-text i {

    display: none;

}



.social-buttons-standart {

    text-transform: uppercase;

    font-size: 10px;

    font-weight: 500;

    color: #989796;

}



.social-buttons-standart a {

    text-decoration: none;

    margin: 0 10px 0px 0;

    position: relative;

    display: inline-block;

}



.social-buttons-standart a:hover {

    color: #e31043;

}



.social-buttons-standart.t2 a:not(:last-of-type) {

    margin-right: 35px;

}



.social-buttons-standart.t2 a:not(:last-of-type):before {

    content: "";

    position: absolute;

    right: -17px;

    top: 50%;

    width: 1px;

    height: 15px;

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    background: #e31043;

    margin-top: -7.5px;

}



.social-buttons-standart a i {

    width: 1em;

    text-align: center;

    font-size: 12px;

}



.social-buttons-standart a span {

    margin-left: 10px;

    letter-spacing: .2em;

}



.pt-special-heading {

    margin: 0 0 25px 0;

}



.pt-special-heading .sub-h {

    margin-bottom: 20px;

}



.decor-line-on-bottom {

    margin-bottom: 15px;

}



.widget .decor-line-on-bottom:after {

    margin-top: 15px;

}



.page-title.decor-line-on-bottom {

    margin-bottom: 25px;

}



.pt-special-heading.decor-line-on-bottom {

    margin-bottom: 30px;

}



.heading-container {

    padding: 25px 30px;

    position: relative;

}



.pt-special-heading.tac .heading-container {

    display: inline-block;

}



.pt-special-heading .sub-heading {

    color: #575757;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    margin: 0;

}



.site-light .pt-special-heading .sub-heading {

    color: #8f8f8f;

}



.pt-special-heading .heading {

    margin: 0;

}



.pt-special-heading .heading i {

    font-style: normal;

    position: relative;

    z-index: 1;

}



.pt-special-heading.decor-line .heading i:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: #e31043;

    height: 10px;

    opacity: 0.15;

    z-index: -1;

}



.pt-special-heading .heading span {

    color: #e31043;

}



.pt-special-heading .sub-heading + .heading {

    margin-top: 15px;

}



.heading-container:before,

.pt-special-heading.tac .heading-container:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    border: 3px solid #e31043;

    width: 17px;

    border-right-width: 0;

}



.heading-container.tar:before,

.pt-special-heading.tar .heading-container:before,

.pt-special-heading.tac .heading-container:after {

    border-right-width: 3px;

    border-left-width: 0;

    left: auto;

    right: 0;

}



img.fill-img {

    margin-bottom: -75px !important;

}



.decor-line-on-bottom:after,

.site-footer .logo:after {

    content: "";

    display: inline-block;

    width: 25px;

    height: 3px;

    background: #e31043;

    margin-top: 13px;

    vertical-align: top;

}



.pt-special-heading.decor-line-on-bottom:after {

    width: 30px;

    height: 2px;

    margin-top: 25px;

}



.color-swither-area {

    position: fixed;

    right: 0;

    bottom: 0;

}



.color-swither-area .button {

    background: #fff;

    border: 1px solid #f0f0f0;

    color: #a9a9a7;

    text-transform:  uppercase;

    font-size: 10px;

    font-weight: 500;

    line-height: 26px;

    padding: 0 10px;

    cursor: pointer;

    position: absolute;

    right: 0;

    bottom: 0;

    white-space: nowrap;

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg) translate(100%, 0);

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 100% 100%;

}



.color-swither-area .button i {

    margin-left: 5px;

    vertical-align: middle;

}



.color-swither-area .colors {

    position: absolute;

    right: 0;

    bottom: 0;

    background: #fff;

    border: 1px solid #f0f0f0;

    color: #a9a9a7;

    width: 28px;

    text-align: center;

    padding: 9px 0 0;

    -moz-transform: translate(0%, 100%);

    -ms-transform: translate(0%, 100%);

    -webkit-transform: translate(0%, 100%);

    -o-transform: translate(0%, 100%);

    transform: translate(0%, 100%);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.color-swither-area .colors.active {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.color-swither-area .colors .close {

    font-size: 8px;

    margin-bottom: 7px;

    cursor: pointer;

}



.color-swither-area .colors .c-item {

    width: 17px;

    height: 17px;

    margin: 0 auto 4px;

    border: 1px solid #f0f0f0;

    cursor: pointer;

}



.color-swither-area .colors .c-item.active {}



.widget_rss {}



.widget_rss .widget-title img {

    width: 10px;

}



.widget_rss ul .rsswidget {

    line-height: 18px;

    font-size: 18px;

    display: block;

    text-decoration: none;

    font-family: "Barlow Condensed";

    /* margin-top: 5px; */

    letter-spacing: .025em;

    color: #464646;

    font-weight: 500;

    font-style: normal;

}



.site-footer .widget_rss ul .rsswidget {

    color: #ececec;

}



.widget_rss .rss-date {

    font-size: 12px;

    color: #e31043;

    margin: 10px 0 10px 0;

    font-weight: 600;

    display: block;

}



.widget_rss .rssSummary {

    font-size:  14px;

}



.widget_rss cite {

    margin-top: 10px;

    display: block;

    color: #e31043;

    font-size: 12px;

    font-weight: 500;

}



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

[1.2. Heading ]

*/



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

    margin: 20px 0;

}



.post-content h1,

.post-content .h1,

.post-content h2,

.post-content .h2,

.post-content h3,

.post-content .h3,

.post-content h4,

.post-content .h4,

.post-content h5,

.post-content .h5,

.post-content h6,

.post-content .h6 {

    margin: 25px 0;

}



h1 a,

.h1 a,

h2 a,

.h2 a,

h3 a,

.h3 a,

h4 a,

.h4 a,

h5 a,

.h5 a,

h6 a,

.h6 a {

    text-decoration: none;

}



h1,

.h1 {

    font-size: 60px;

    line-height: 1em;

    font-weight: bold;

}



h2,

.h2 {

    font-size: 48px;

    line-height: 1em;

    font-weight: bold;

}



h3,

.h3 {

    font-size: 36px;

    line-height: 1.250em;

    font-weight: bold;

}



h4,

.h4 {

    font-size: 30px;

    line-height: 1.250em;

    font-weight: bold;

}



h5,

.h5 {

    font-size: 24px;

    line-height: 1.250em;

    font-weight: bold;

}



h6,

.h6 {

    font-size: 18px;

    line-height: 1.250em;

    font-weight: bold;

}



.heading-decor,

.heading-decor-s,

.heading-decor-t2 {

    margin: 15px 0 25px;

}



.site-content .heading-decor,

.site-content .heading-decor-s,

.site-content .heading-decor-t2 {

    margin: 35px 0 25px;

}



.summary .heading-decor-t2 {

    margin-top: 0;

    margin-bottom: 10px;

}



.widget .heading-decor {

    margin-bottom: 25px;

}



.heading-decor > *,

.heading-decor-s > *,

.heading-decor-t2 > * {

    margin: 0;

}



.heading-decor:after,

.heading-decor-s .h:after {

    content: "";

    display: block;

    color: #e31043;

    width: 23px;

    height: 1px;

    margin-top: 20px;

    box-shadow: inset 0 0 0 5px;

}



.heading-decor.type-h4:after,

.heading-decor-s.type-h4 .h:after,

.heading-decor.type-h5:after,

.heading-decor-s.type-h5 .h:after,

.heading-decor.type-h6:after,

.heading-decor-s.type-h6 .h:after {

    font-size: 7px;

    margin-top: 20px;

}



.heading-decor .h[style^="color"]:after,

.heading-decor .h[style*="color"]:after,

.heading-decor-s .h[style^="color"]:after,

.heading-decor-s .h[style*="color"]:after {

    color: inherit;

}



.heading-decor-s .h:after,

.heading-decor .h:after {

    display: block;

}



.heading-decor-s.tac .h:after,

.heading-decor.tac .h:after,

.heading-decor.tac:after {

    margin: 20px auto 0;

}



.heading-decor-s.tar .h:after,

.heading-decor.tar .h:after,

.heading-decor.tar:after {

    float: right;

}



.heading-decor span,

.heading-decor-s span,

.heading-decor-t2 span {

    display: block;

}



.decor-h {

    line-height: 0.8em;

    text-transform: uppercase;

    font-weight: bold;

    position: relative;

    color: #e31043;

    display: inline-block;

    font-size: 14px;

}



.sub-h-with-line .sub-h {

    color: #a3a3a3;

    padding-left: 80px;

}



.sub-h-with-line .sub-h:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -1px;

    width: 60px;

    height: 2px;

    background: #e31043;

}



.decor-h span {

    position: relative;

    z-index: 1;

    display: inline-block;

}



.decor-h a {

    text-decoration: none;

}



.vc_custom_heading .bg-text {

    position: absolute;

    left: -60px;

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    z-index: -1;

    color: #fcf4f3;

    font-size: 4.167em;

}



.vc_custom_heading.with-bg-text {

    position: relative;

    z-index: -1;

}





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

[1.3. Buttons ]

*/



.button-style1 {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 12px;

    text-decoration: none;

    font-weight: bold;

    background: transparent;

    color: #000;

    cursor: pointer;

    border: 2px solid;

    padding: 15px 30px;

    line-height: 11px;

    text-align: center;

    text-transform:  uppercase;

    letter-spacing: .2em;

    border-radius: 20px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.button-style1.add_to_cart_button {

}



.button-style1.add_to_cart_button i {

    font-size: 16px;

    margin: -5px 15px -5px 0;

}



.button-style1.gray,

.button-style1.gray-t2 {

    color: #818080;

    border-color: #dadada;

}



.button-style1:hover {

    color: #fff;

    background: #2a52a6;

    border-color: #2a52a6;

}



.button-style1.min {

    font-size:  10px;

    padding: 9px 15px;

}



.button-style1 span {

    display: inline-block;

    vertical-align: middle;

}



.button-style1 i {

    font-size: 12px;

    margin-right: 15px;

    display: inline-block;

    vertical-align: middle;

    margin-top: -0.1em;

}



.button-style1 span + i {

    margin-right: -15px;

    margin-left: 20px;

}



.button-style1.loading {}



.button-style1.loading span,

.button-style3.loading span {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0;

    visibility: hidden;

}



@-moz-keyframes spin {

    from {

        -moz-transform: rotate(0deg) translate(-50%, -50%);

    }

    to {

        -moz-transform: rotate(360deg) translate(-50%, -50%);

    }

}



@-webkit-keyframes spin {

    from {

        -webkit-transform: rotate(0deg) translate(-50%, -50%);

    }

    to {

        -webkit-transform: rotate(360deg) translate(-50%, -50%);

    }

}



@keyframes spin {

    from {

        transform: rotate(0deg) translate(-50%, -50%);

    }

    to {

        transform: rotate(360deg) translate(-50%, -50%);

    }

}



.button-style1.loading:before,

.button-style3.loading:before {

    content: "\f1ce";

    font: normal normal normal 20px/1 FontAwesome;

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-animation-name: spin;

    -webkit-animation-duration: 1500ms;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;

    -moz-animation-duration: 1500ms;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;

    -ms-animation-duration: 1500ms;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    animation-name: spin;

    animation-duration: 1500ms;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    display: block;

    line-height: 1em;

    width: 1em;

}



.button-style2 {

    text-decoration: none;

    color: #fff;

    font-size: 12px;

    font-weight:  bold;

    background: #e31043;

    padding: 13px 45px;

    border: none;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    border-radius: 25px;

}



.button-style2:hover {

    background: #2d2d2d;

    color: #e31043;

}



.button-style2.dark {

    background: #2d2d2d;

    color: #e31043;

}



.site-light .button-style2.dark {

    background: #e2e2e2;

    color: #8e8e8e;

}



.button-style2.dark:hover {

    background: #e31043;

    color: #fff;

}



.button-style2 span {

    vertical-align: middle;

    bottom: 0;

}



.button-style3 {

    text-decoration: none;

    color: #4f4f4f;

    font-size: 12px;

    background: #fff;

    padding: 11px 25px;

    border: none;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: 500;

    border: 1px solid;

}



.button-style3:hover {

    color: #e31043;

}



.button-style3.gray {

    color: #bfbebe;

    border-color: #f0f0f0;

}



.button-style3.gray:hover {

    color: #e31043;

    border-color: inherit;

}



.button-style3 span {

    vertical-align: middle;

    bottom: 0;

}



.button-style4 {

    text-decoration: none;

    color: #e31043;

    font-size: 11px;

    background: none;

    padding: 2px 5px;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: .2em;

    line-height: 1em;

    font-weight: 500;

    border: none;

    z-index: 1;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.button-style4:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: #e31043;

    height: 6px;

    opacity: .15;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.button-style4:hover:before {

    height: 100%;

}



.button-style4:hover {

    color: #e31043;

}



.button-style5 {

    text-decoration: none;

    color: #989796;

    font-size: 12px;

    background: #fff;

    padding: 10px 20px;

    border: none;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    font-weight: bold;

    border: 1px solid #f0f0f0;

}



.button-style5:hover {

    color: #e31043;

}





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

[1.4 Inputs ]

*/



select,

input.style1,

textarea.style1,

select.style1 {

    display: block;

    width: 100%;

    border: none;

    padding: 10px 20px;

    font-size: 18px;

    line-height: 20px;

    color: inherit;

    background: transparent;

    border-bottom: 2px solid #fff;

}



.site-dark input.style1,

.site-dark textarea.style1,

.site-dark select.style1 {

    border-color: #393939;

    /* background: #070707; */

}



.wpcf7-form input.style1,

.wpcf7-form textarea.style1 {

    margin-bottom: 40px;

}



.contact-form {}



.contact-form label {

    font-size: 14px;

    font-weight: 500;

}



input.style1,

select.style1,

select {

    height: 50px;

}



select.style1,

select {

    background: url(../images/select.png) top 50% right 0px no-repeat;

    cursor: pointer;

    padding: 0 65px 0 15px;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    border: 1px solid #e3e3e3;

    background-size: 45px;

}



.site-dark select.style1,

.site-dark select {

    border-color: #393939;

}



.site-dark select.style1 option,

.site-dark select option {

    background: #070707;

}



input.style1.date {

    background-image: url(../images/input-date.png);

}



input.style1.time {

    background-image: url(../images/input-time.png);

}



div.input-row-s1 {

    position: relative;

    margin-bottom: 40px !important;

    vertical-align: top;

    margin-right: 15px;

}



.one-screen-area div.input-row-s1 {

    margin-right: 0;

}



.coupon-area .input-row-s1 {

    display: inline-block;

}



.input-row-s1:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 0;

    background: #e31043;

    z-index: 1;

    pointer-events: none;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    transition: all .5s ease-out;

}



.input-row-s1.focus:before {

    width: 100%;

    -webkit-transition: all 1s ease-out;

    -moz-transition: all 1s ease-out;

    -o-transition: all 1s ease-out;

    -ms-transition: all 1s ease-out;

    transition: all 1s ease-out;

}



.input-row-s1.focus {}



.input-row-s1 input.style1,

.input-row-s1 textarea.style1,

.input-row-s1 select.style1 {

    margin-bottom: 0;

}



textarea.style1 {

    padding: 15px 20px;

    line-height: normal;

    resize: none;

    line-height: 17px;

    background: rgba(255, 255, 255, 0.2);

    margin-top: 15px;

    border: 2px solid #fff;

}



input.style2,

textarea.style2 {

    width: 100%;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 20px;

    text-align: left;

    background: #fafafa;

    border: 1px solid #d7d7d7;

    padding: 10px 20px;

    line-height: 23px;

    color: #a3a3a3;

    resize: none;

    letter-spacing: .1em;

    font-weight: 300;

}



.wpcf7-form-control-wrap input.style2,

.wpcf7-form-control-wrap textarea.style2 {

    margin-bottom: 20px;

}





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

[1.5 Preloader ]

*/



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 10000;

    background: #fff;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.preloader-area,

.preloader-default-area {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10000;

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    -ms-transition: all 0.8s ease;

    transition: all 0.8s ease;

    background: #fff;

    -webkit-clip-path: circle(50.0% at 50% 50%);

    clip-path: circle(100.0% at 50% 50%);

}



.site-dark .preloader-area,

.site-dark .preloader-default-area,

.site-dark .preloader {

    background: #070707;

}



.loaded .preloader-area,

.loaded .preloader {

    opacity: 0;

    visibility: hidden;

    -webkit-clip-path: circle(0% at 50% 50%);

    clip-path: circle(0% at 50% 50%);

}



.preloader_img {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.preloader_img img {

    max-width: 200px;

    max-height: 200px;

    display: block;

}



.preloader-folding-cube {

  margin: 20px auto;

  width: 40px;

  height: 40px;

  position: relative;

  -webkit-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

  top: 50%;

  margin-top: -20px;

}



.preloader-folding-cube .preloader-cube {

  float: left;

  width: 50%;

  height: 50%;

  position: relative;

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1); 

}

.preloader-folding-cube .preloader-cube:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #e31043;

  -webkit-animation: preloader-foldCubeAngle 2.4s infinite linear both;

          animation: preloader-foldCubeAngle 2.4s infinite linear both;

  -webkit-transform-origin: 100% 100%;

      -ms-transform-origin: 100% 100%;

          transform-origin: 100% 100%;

}



.preloader-folding-cube .preloader-cube2 {

  -webkit-transform: scale(1.1) rotateZ(90deg);

          transform: scale(1.1) rotateZ(90deg);

}

.preloader-folding-cube .preloader-cube3 {

  -webkit-transform: scale(1.1) rotateZ(180deg);

          transform: scale(1.1) rotateZ(180deg);

}

.preloader-folding-cube .preloader-cube4 {

  -webkit-transform: scale(1.1) rotateZ(270deg);

          transform: scale(1.1) rotateZ(270deg);

}

.preloader-folding-cube .preloader-cube2:before {

  -webkit-animation-delay: 0.3s;

          animation-delay: 0.3s;

}

.preloader-folding-cube .preloader-cube3:before {

  -webkit-animation-delay: 0.6s;

          animation-delay: 0.6s; 

}

.preloader-folding-cube .preloader-cube4:before {

  -webkit-animation-delay: 0.9s;

          animation-delay: 0.9s;

}

@-webkit-keyframes preloader-foldCubeAngle {

  0%, 10% {

    -webkit-transform: perspective(140px) rotateX(-180deg);

            transform: perspective(140px) rotateX(-180deg);

    opacity: 0; 

  } 25%, 75% {

    -webkit-transform: perspective(140px) rotateX(0deg);

            transform: perspective(140px) rotateX(0deg);

    opacity: 1; 

  } 90%, 100% {

    -webkit-transform: perspective(140px) rotateY(180deg);

            transform: perspective(140px) rotateY(180deg);

    opacity: 0; 

  } 

}



@keyframes preloader-foldCubeAngle {

  0%, 10% {

    -webkit-transform: perspective(140px) rotateX(-180deg);

            transform: perspective(140px) rotateX(-180deg);

    opacity: 0; 

  } 25%, 75% {

    -webkit-transform: perspective(140px) rotateX(0deg);

            transform: perspective(140px) rotateX(0deg);

    opacity: 1; 

  } 90%, 100% {

    -webkit-transform: perspective(140px) rotateY(180deg);

            transform: perspective(140px) rotateY(180deg);

    opacity: 0; 

  }

}





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

[2. Header ]

*/



.site-header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 900;

    border-bottom: 1px solid #ebebeb;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.site-header.with-sidebar-button {

    padding: 0 70px;

}



.site-header.header_minified {border-bottom-color: #fafafa;}



.home.base-theme .site-header {

    -moz-transform: translate(0%, -110%);

    -ms-transform: translate(0%, -110%);

    -webkit-transform: translate(0%, -110%);

    -o-transform: translate(0%, -110%);

    transform: translate(0%, -110%);

}



.home.base-theme .site-header.show {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.full-page-mode .site-header.header_minified {

    background: none !important;

    border: none;

}



.full-page-mode .site-header.light {}



.ypromo-site-bar-body .site-header {

    top: 65px;

}



.site-header.header_offset_to_center {

    padding-top: 35px;

    pointer-events: none;

}



.site-header.with-side {

    display: none;

}



.vc_editor .site-header {

    z-index: 0;

}



.vc_editor .site-header.fixed {

    z-index: 100;

}



.header-space-no .site-header,

.header-space-no .site-header.light,

.header-space-no .site-header.dark {

    background: none;

}



.site-header.light.fixed,

.site-header.header_minified.fixed,

.navigation-opened .site-header.light {

    background: #fff;

    border-color: #ebebeb;

}



.site-header.dark.fixed {}



.admin-bar .site-header {

    top: 32px;

}



.site-header.dark {

    color: #fff;

}



.site-header.light {

    background: #fafafa;

    /* border-color: #ebebeb; */

}



.site-header.header-space-on.dark {

    background: #000;

}



.site-header.header-space-no.light {

    background: #fff;

    color: #000;

}



.site-header.header_left-side,

.site-header.header_left-side-t2 {

    display: none;

}



.full-page-mode .site-header.header_minified .container,

.full-page-mode .site-header.header_minified .container-fluid {

    margin: 0;

    padding: 0;

    width: 100%;

}



.site-header .container-fluid {

    padding: 0 45px;

}



.site-header.header_minified .container-fluid {

    padding: 0 0 0 0;

}



.page-with-offset .site-header .container-fluid {

    padding: 0 70px;

}



.site-header .header-top {

    color: #fff;

    position: relative;

    z-index: 1;

    min-height: 31px;

    background: #e31043;

}



.site-header .ht-c {

    font-size: 12px;

    position: relative;

    float: left;

    padding-left: 25px;

    margin: 6px 0;

}



.site-header .ht-c.ht-address {

    padding-left: 22px;

}



.site-header .ht-c:not(:last-of-type) {

    padding-right: 15px;

    margin-right: 15px;

    border-right: 1px solid;

}



.site-header .ht-c i {

    font-size: 15px;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -.5em;

}



.site-header .ht-c.ht-address i {}



.site-header.fixed .header-top,

.header-space-yes .site-header .header-top {}



.header-space-no .site-header {

}



.header-space-no .site-header:before {

    opacity: 0;

    filter: alpha(opacity=0);

}



.header-space-no .site-header.fixed:before {

    opacity: 1;

    filter: alpha(opacity=100);

}



.site-header .header-top .social-buttons {

    float: left;

    font-size: 10px;

    text-transform: uppercase;

    font-weight: 500;

    padding: 0;

    margin: 8px -10px 0 0;

    top: 0;

}



.site-header .header-top .social-buttons a {

    margin-right: 10px;

}



.site-header .header-top .social-buttons a i {

    font-size: 1.2em;

    margin-right: 2px;

    opacity: 1;

}



.site-header .header-top .social-buttons a span {

    display: none;

}



.site-header .header-top .working-time {

    float: left;

    font-size: 11px;

    font-weight: bold;

    margin: 7px 0;

}



.site-header .header-top .working-time i {

    margin-right: 10px;

    font-size: 12px;

    vertical-align: middle;

}



.site-header .header-top .working-time span {

    vertical-align: middle;

}



.site-header .header-top .phone-number {

    float: left;

    font-size: 11px;

    text-transform: uppercase;

    margin: 7px 0 7px 35px;

    font-weight: bold;

}



.site-header .header-top .phone-number i {

    margin-right: 10px;

    font-size: 10px;

    vertical-align: middle;

}



.site-header .header-top .phone-number span {

    vertical-align: middle;

}



.site-header .header-top .search-button {

    float: left;

    margin: 8px 0 8px 15px;

    font-size: 13px;

}



.site-header .header-top .search-button i {}



.site-header .header-wrap {

    border-bottom: 1px solid #f0f0f0;

    position: relative;

}



.site-header .header-bottom {

    /* border-bottom: 1px solid #f0f0f0; */

}



.site-header.header_minified .header-bottom {

    border: none;

}



.full-page-mode .site-header.header_minified .header-bottom {

    border: none;

    padding: 15px 0;

}



.site-header .header-bottom .fr {

}



.site-header.header_minified .header-bottom .fr,

.site-header.header_left-side .fr {

    margin: 10px 0 0;

    border: none;

}



.full-page-mode .site-header.header_minified .header-bottom .fr {

    float: left;

    position: relative;

}



.minified-block {

    float: left;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

    -moz-transform: translate(100%, 0%);

    -ms-transform: translate(100%, 0%);

    -webkit-transform: translate(100%, 0%);

    -o-transform: translate(100%, 0%);

    transform: translate(100%, 0%);

    opacity: 0;

    visibility: hidden;

}



.minified-block.active {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    opacity: 1;

    visibility: visible;

}



.sidebar-button {

    position: absolute;

    top: 0;

    left: 0;

    height: 64px;

    width: 70px;

    cursor: pointer;

}



.sidebar-button-w-line .sidebar-button {

    box-shadow: 0 1px 0 #c5c5c5;

}



.sidebar-button > div {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition-delay: .0s;

}



.sidebar-button.active > div {

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    transition-delay: .4s;

}



.sidebar-button > div div {

    position: absolute;

    width: 5px;

    height: 5px;

    background: #000;

    border-radius: 2px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    transition-delay: 0s;

}



.sidebar-button > div div:nth-child(1) {

    top: 24px;

    left: 26px;

}



.sidebar-button > div div:nth-child(2) {

    top: 24px;

    left: 33px;

}



.sidebar-button > div div:nth-child(3) {

    top: 24px;

    left: 40px;

}



.sidebar-button > div div:nth-child(4) {

    top: 31px;

    left: 26px;

}



.sidebar-button > div div:nth-child(5) {

    top: 31px;

    left: 33px;

}



.sidebar-button > div div:nth-child(6) {

    top: 31px;

    left: 40px;

}



.sidebar-button > div div:nth-child(7) {

    top: 38px;

    left: 26px;

}



.sidebar-button > div div:nth-child(8) {

    top: 38px;

    left: 33px;

}



.sidebar-button > div div:nth-child(9) {

    top: 38px;

    left: 40px;

}



.sidebar-button.active > div div:nth-child(1) {

    -moz-transform: translate(-100%, -100%);

    -ms-transform: translate(-100%, -100%);

    -webkit-transform: translate(-100%, -100%);

    -o-transform: translate(-100%, -100%);

    transform: translate(-100%, -100%);

    opacity: 0;

}



.sidebar-button.active > div div:nth-child(3) {

    -moz-transform: translate(100%, -100%);

    -ms-transform: translate(100%, -100%);

    -webkit-transform: translate(100%, -100%);

    -o-transform: translate(100%, -100%);

    transform: translate(100%, -100%);

    opacity: 0;

}



.sidebar-button.active > div div:nth-child(7) {

    -moz-transform: translate(-100%, 100%);

    -ms-transform: translate(-100%, 100%);

    -webkit-transform: translate(-100%, 100%);

    -o-transform: translate(-100%, 100%);

    transform: translate(-100%, 100%);

    opacity: 0;

}



.sidebar-button.active > div div:nth-child(9) {

    -moz-transform: translate(100%, 100%);

    -ms-transform: translate(100%, 100%);

    -webkit-transform: translate(100%, 100%);

    -o-transform: translate(100%, 100%);

    transform: translate(100%, 100%);

    opacity: 0;

}



.sidebar-button:hover > div div:nth-child(1) {

    -moz-transform: translate(-2px, -2px);

    -ms-transform: translate(-2px, -2px);

    -webkit-transform: translate(-2px, -2px);

    -o-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

    opacity: .5;

}



.sidebar-button:hover > div div:nth-child(3) {

    -moz-transform: translate(2px, -2px);

    -ms-transform: translate(2px, -2px);

    -webkit-transform: translate(2px, -2px);

    -o-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

    opacity: .5;

}



.sidebar-button:hover > div div:nth-child(7) {

    -moz-transform: translate(-2px, 2px);

    -ms-transform: translate(-2px, 2px);

    -webkit-transform: translate(-2px, 2px);

    -o-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px);

    opacity: .5;

}



.sidebar-button:hover > div div:nth-child(9) {

    -moz-transform: translate(2px, 2px);

    -ms-transform: translate(2px, 2px);

    -webkit-transform: translate(2px, 2px);

    -o-transform: translate(2px, 2px);

    transform: translate(2px, 2px);

    opacity: .5;

}



.site-header .hw-c {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    padding-left: 50px;

    line-height: 1em;

    margin-right: 35px;

}



.site-header .hw-c .icon {

    position: absolute;

    top: 50%;

    left: 0;

    color: #e31043;

    border: 1px solid;

    line-height: 35px;

    width: 37px;

    text-align: center;

    border-radius: 50%;

    font-size: 19px;

    margin-top: -18.5px;

}



.site-header .hw-c .cell {

    height: 60px;

    color: #989898;

    font-size: 14px;

    font-weight: 500;

}



.site-header .hw-c a {

    text-decoration: none;

}



.site-header .hw-c span {

    font-size: 12px;

    color: #c0c0c0;

}



.site-header .header-button {

    font-size: 12px;

}





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

[2.1 Logo ]

*/



.site-header .logo,

.side-header .logo,

.site-footer .logo {

    font-family: "Raleway";

    font-size: 24px;

    float: left;

    line-height: 1em;

    pointer-events: all;

    font-weight: bold;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

}



.site-header.header_logo-center .logo {

    position: absolute;

    top: 0;

    left: 50%;

    width: 300px;

    text-align: center;

    margin-left: -150px;

}



.site-header.header_logo-center .logo > div {

    display: inline-block;

    vertical-align: top;

}



.full-page-mode .site-header.header_minified .logo {

    padding-left: 40px;

    width: 16.66666667%;

}



.site-header.dark .logo,

.side-header.dark .logo,

.site-footer.dark .logo {

    color: #b1b0b0;

}



.site-footer .logo {

    float: none;

    margin-top: -60px !important;

    color: #fff;

}



.site-footer .logo:after {

    margin: 2px 0 0;

}



.site-dark .site-footer .logo {

    color: #c2c2c2;

    margin-top: 0 !important;

}



.side-header .logo {

    position: absolute;

    left: 40px;

    top: 5px;

    text-align: right;

}



.side-header.style2 .logo {

    left: 55px;

}



.site-header.header_logo_center .logo {

    position: absolute;

    left: 50%;

    top: 0;

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

}



.site-header .logo .close {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    color: #a6a6a7;

    cursor: pointer;

    opacity: 0;

    visibility: hidden;

}



.one-screen-active .site-header .logo .close {

    opacity: 1;

    visibility: visible;

}



.site-header .logo .close i {

    display: block;

    line-height: 64px;

}



.site-header.header_minified .logo .close i {

    line-height: 80px;

}



.site-header .logo a,

.side-header .logo a,

.site-footer .logo a {

    display: table-cell;

    height: 64px;

    line-height: 1em;

    vertical-align: middle;

    text-decoration: none;

}



.one-screen-active .site-header .logo a {

    opacity: 0;

    visibility: hidden;

}



.site-header.header_minified .logo a {

    height: 80px;

    width: 130px;

    text-align: center;

    padding: 10px 15px;

}



.site-footer .logo a {

    height: 55px;

}



.site-header .logo a > span,

.side-header .logo a > span,

.site-footer .logo a > span {

    position: relative;

    display: block;

}



.site-header .logo a > span > span,

.side-header .logo a > span > span,

.site-footer .logo a > span > span {

    position: absolute;

    left: 0;

    top: 0;

    color: #e31043;

    -webkit-clip-path: polygon(0 0, 25% 0, 25% 100%, 0% 100%);

    clip-path: polygon(0 0, 25% 0, 25% 100%, 0% 100%);

}



.site-header .logo img,

.side-header .logo img,

.site-footer .logo img,

.side-bar-area .logo img {

    max-height: 65px;

    vertical-align: middle;

}



.site-header.light .logo .dark,

.site-header.dark .logo .light,

.side-header.light .logo .dark,

.side-header.dark .logo .light,

.site-footer.light .logo .dark,

.site-footer.dark .logo .light {

    display: inline-block;

}



.site-header.light .logo .light,

.site-header.dark .logo .dark,

.side-header.light .logo .light,

.side-header.dark .logo .dark,

.site-footer.light .logo .light,

.site-footer.dark .logo .dark,

.side-bar-area .logo .light {

    display: none;

}



.site-footer .copyright {

    font-size:  10px;

    font-style:  italic;

}



.site-footer.minified .copyright {

    float: left;

    margin: 10px 0;

}



.search-button {

    float: left;

    margin: 24px 0 3px 18px;

    font-size: 14px;

    cursor: pointer;

    position: relative;

    z-index: 1;

}



.header_minified .search-button,

.site-header.header_left-side .search-button {

    margin-top: 14px;

}



.site-header.dark .search-button {

    color: #fff;

}



.site-header.light .search-button {

    /* color: #8c8c8c; */

}



.search-button i {

    display: block;

}



.header_offset_to_center .fr {

    margin-right: 50%;

    padding-right: 60px;

}



.header-post-nav {

    float: left;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    margin: 26px 0;

    cursor: default;

}



.header-post-nav > * {

    display: inline-block;

    vertical-align: middle;

}



.header-post-nav .num {}



.header-post-nav .name {

    color: #4e4e4e;

    margin: 0 5px 0 10px;

    letter-spacing: .01em;

}



.site-header.dark .header-post-nav .name {

    color: #4e4e4e;

}



.header-post-nav .arrows {

    font-size: 15px;

}



.header-post-nav .arrows a {

    text-decoration: none;

    margin: 0 5px;

    display: inline-block;

    vertical-align: middle;

}



.header-post-nav .arrows a.disabled {

    opacity: .5;

    pointer-events: none;

}





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

[2.2 Navigation ]

*/



.navigation {

    float: left;

    opacity: 0;

    transform: translateX(100%);

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    font-size: 14px;

    position: relative;

    z-index: 1;

    font-weight: normal;

    pointer-events: all;

    margin-right: 15px;

}



.header_minified .navigation {

    margin-right: 30px;

}



.header_logo_center .navigation {

    text-align: center;

    float: none;

    border-top: 1px solid #ebebeb;

}



.header_logo_center .navigation #mega-menu-wrap-navigation #mega-menu-navigation {

    text-align: center;

}



.site-header.dark .navigation {

    color: #fff;

}



.site-header.light .navigation {

    /* color: #cbcbcb; */

}



@media screen and (min-width: 769px) {

    .navigation.active,

    .navigation.visible_menu,

    .navigation.centered_menu,

    .navigation.centered_menu.active {

        opacity: 1;

        visibility: visible;

        transform: translateX(0);

    }

}



.navigation.centered_menu {

    margin-right: 0;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    transition: none;

}



.navigation ul {

    margin: 0;

    padding: 0;

}



.navigation li {

    display: block;

    position: relative;

}



.navigation a {

    text-decoration: none;

}



.navigation .menu-h {

    margin-bottom: 10px;

    opacity: .5;

}



.navigation > ul {}



.navigation > ul > li {

    float: left;

    position: relative;

    -webkit-transition: padding 0.3s ease;

    -moz-transition: padding 0.3s ease;

    -o-transition: padding 0.3s ease;

    -ms-transition: padding 0.3s ease;

    transition: padding 0.3s ease;

}



.header_logo_center .navigation > ul > li {

    float: none;

    display: inline-block;

    vertical-align: middle;

}



.navigation > ul > li:not(:last-of-type) {

    margin-right: 30px;

}



.navigation.hover-style2 > ul > li:not(:last-of-type) {

    margin: 0;

}



.navigation > ul > li > a {

    transition: 0.3s;

    display: table-cell;

    position: relative;

    line-height: 25px;

    height: 64px;

    vertical-align: middle;

    line-height: 1.2em;

    text-align: center;

    font-size: 14px;

    letter-spacing: .1em;

    font-weight: 500;

}



.header_minified .navigation > ul > li > a {

    height: 80px;

}



.navigation > ul > li.current-menu-item > a,

.navigation > ul > li.current-menu-ancestor > a,

.navigation > ul > li.current_page_item > a,

.navigation > ul > li.current_page_parent > a,

.navigation > ul > li.current-menu-ancestor > a {

    color: inherit;

}



.navigation > ul > li > a:after {

    content: "";

    position:  absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: #e31043;

    height: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.navigation > ul > li.current-menu-item > a:after,

.navigation > ul > li.current-menu-ancestor > a:after,

.navigation > ul > li.current_page_item > a:after,

.navigation > ul > li.current_page_parent > a:after,

.navigation > ul > li.current-menu-ancestor > a:after {

    height: 3px;

}



.navigation > ul > li > a span {

    position: relative;

}



.header_logo_center .navigation > ul > li > a {

    height: 45px;

}



.header_logo_center #mega-menu-wrap-navigation #mega-menu-navigation > li.mega-menu-item > a.mega-menu-link {

    height: 45px;

    line-height: 45px;

}



.navigation-img {

    position: absolute;

    top: -20px;

    bottom: 0;

    left: 0;

    width: 100%;

    background-size: cover;

    background-position: 50%;

}



.base-theme .navigation > ul > li.menu-item-has-children > a,

.base-theme .navigation > ul > li.menu-item-has-children > a,

.base-theme .navigation > ul > li.menu-item-has-children > a,

.base-theme .navigation > ul > li.page_item_has_children > a,

.base-theme .navigation > ul > li.page_item_has_children > a,

.base-theme .navigation > ul > li.page_item_has_children > a {

    padding-right: 15px;

}



.base-theme .navigation > ul > li.menu-item-has-children > a:after,

.base-theme .navigation > ul > li.menu-item-has-children > a:after,

.base-theme .navigation > ul > li.menu-item-has-children > a:after,

.base-theme .navigation > ul > li.page_item_has_children > a:after,

.base-theme .navigation > ul > li.page_item_has_children > a:after,

.base-theme .navigation > ul > li.page_item_has_children > a:after {

    content: "";

    width: 0;

    height: 0;

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-top: 3px solid #444444;

    position: absolute;

    top: 50%;

    margin-top: -2px;

    right: 0;

}



.navigation > ul > li > a span {

    display: inline-block;

    vertical-align: middle;

    margin-top: 0.2em;

}



.navigation.hover-style2 > ul > li > a span {

    border: none;

    padding: 2px 10px;

}



.navigation > ul > li.current-menu-item,

.navigation > ul > li.current-menu-ancestor,

.navigation > ul > li.current_page_item,

.navigation > ul > li.current-menu-ancestor {}



.navigation li:hover > a,

.navigation li.current-menu-item > a,

.navigation li.current-menu-ancestor > a,

.navigation li.current_page_item > a,

.navigation li.current-menu-ancestor > a {

    color: #2a52a6;

}



.navigation .sub-menu,

.navigation .children {

    position: absolute;

    background: #ffffff;

    width: 220px;

    left: -10px;

    top: 100%;

    margin-top: 0px;

    visibility: hidden;

    opacity: 0;

    font-size: 14px;

    color: #828282;

    font-weight: 400;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

    padding: 15px 40px;

    border: 1px solid #eeeeee;

}



.site-header.dark .navigation .sub-menu,

.site-header.dark .navigation .children {

    /* background: #070707; */

    /* color: #cbcbcb; */

    /* border-color: #393939; */

}



.navigation li.menu-item-has-children:hover > .sub-menu,

.navigation li.page_item_has_children:hover > .children {

    opacity: 1;

    visibility: visible;

    z-index: 2;

    transition-delay: 0s;

}



.navigation .sub-menu .sub-menu,

.navigation .children .children {

    left: 100%;

    top: -6px;

    margin-left: 40px;

    transition-delay: .1s;

}



.navigation > ul > li:nth-last-child(3) .sub-menu .sub-menu,

.navigation > ul > li:nth-last-child(2) .sub-menu .sub-menu,

.navigation > ul > li:nth-last-child(1) .sub-menu .sub-menu,

.navigation > ul > li:nth-last-child(3) .children .children,

.navigation > ul > li:nth-last-child(2) .children .children,

.navigation > ul > li:nth-last-child(1) .children .children {

    left: inherit;

    right: 100%;

    margin-right: 40px;

}



.navigation > ul > li > .sub-menu,

.navigation > ul > li > .children {}



.navigation .sub-menu li,

.navigation .children li {

    padding: 0 0;

}



.navigation .sub-menu li:last-of-type,

.navigation .children li:last-of-type {

    border-bottom: none;

}



.navigation .sub-menu li.menu-item-has-children,

.navigation .children li.page_item_has_children {

    position: relative;

}



.navigation > ul > li:nth-last-child(3) .sub-menu li.menu-item-has-children > a,

.navigation > ul > li:nth-last-child(2) .sub-menu li.menu-item-has-children > a,

.navigation > ul > li:nth-last-child(1) .sub-menu li.menu-item-has-children > a,

.navigation > ul > li:nth-last-child(3) .children li.menu_item_has_children > a,

.navigation > ul > li:nth-last-child(2) .children li.menu_item_has_children > a,

.navigation > ul > li:nth-last-child(1) .children li.menu_item_has_children > a {}



.navigation li > .sub-menu li.menu-item-has-children > a:after,

.navigation li > .children li.page_item_has_children > a:after {

    content: "";

    width: 0;

    height: 0;

    border-top: 3px solid transparent;

    border-left: 3px solid;

    border-bottom: 3px solid transparent;

    color: #989796;

    position: absolute;

    top: 50%;

    right: -15px;

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

}



.site-dark .navigation .sub-menu li.menu-item-has-children > a:after,

.site-dark .navigation .children li.page_item_has_children > a:after {

    color: #444444;

}



.navigation > ul > li:nth-last-child(3) .sub-menu li.menu-item-has-children > a:after,

.navigation > ul > li:nth-last-child(2) .sub-menu li.menu-item-has-children > a:after,

.navigation > ul > li:nth-last-child(1) .sub-menu li.menu-item-has-children > a:after,

.navigation > ul > li:nth-last-child(3) .children li.page_item_has_children > a:after,

.navigation > ul > li:nth-last-child(2) .children li.page_item_has_children > a:after,

.navigation > ul > li:nth-last-child(1) .children li.page_item_has_children > a:after {

    content: "";

    right: inherit;

    border-right: 3px solid;

    border-left: none;

    left: -20px;

}



.navigation .sub-menu li a,

.navigation .children li a {

    display: table-cell;

    width: 200px;

    height: 35px;

    padding: 3px 0;

    position: relative;

    vertical-align: middle;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

    z-index: 1;

    line-height: 1.4em;

}



.navigation .sub-menu li:hover > a,

.navigation .children li:hover > a {}



.navigation .sub-menu li > a:before,

.navigation .children li > a:before {

    content: "\e940";

    position: absolute;

    top: 50%;

    left: 0;

    width: 0;

    overflow: hidden;

    font-family: 'solid-arrow-collection' !important;

    speak: none;

    margin-top: -.5em;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



.dark .navigation .sub-menu li > a:before,

.dark .navigation .children li > a:before {

}



.navigation .sub-menu li:hover > a:before,

.navigation .children li:hover > a:before {

    width: 18px;

}



.site-nav-arr .navigation > ul > li.menu-item-has-children > a:after,

.site-nav-arr .navigation > ul > li.menu_item_has_children > a:after,

.site-nav-arr .navigation > ul > li.page_item_has_children > a:after {

    content: "";

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    vertical-align: middle;

    vertical-align: middle;

    font-size: 8px;

    margin-left: 5px;

    margin-top: 0;

    display: none;

}



.navigation .sub-menu li a span,

.navigation .children li a span {

    display: inline-block;

    vertical-align: middle;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



.navigation .sub-menu li:hover > a span,

.navigation .children li:hover > a span {

    -moz-transform: translate(25px, 0%);

    -ms-transform: translate(25px, 0%);

    -webkit-transform: translate(25px, 0%);

    -o-transform: translate(25px, 0%);

    transform: translate(25px, 0%);

}



.navigation .mega-menu {

    background: #fff;

    color: #000;

    overflow: hidden;

    border: 1px solid #eeeeee;

    position: absolute;

    display: block;

    top: 100%;

    left: 0;

    width: 1082px;

    padding: 75px 0 30px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

}



.site-header.dark .navigation .mega-menu {

    /* background: #070707; */

    /* color: #cbcbcb; */

    /* border-color: #393939; */

}



.navigation li:hover > .mega-menu {

    opacity: 1;

    visibility: visible;

}



.navigation .mega-menu:before {

    content: "";

    position: absolute;

    top: 75px;

    left: 0;

    right: 0;

    height: 1px;

    background: #f0f0f0;

}



.navigation .mega-menu.cols-1 {

    width: 100%;

}



.navigation .mega-menu.cols-2 {

    width: 50%;

}



.navigation .mega-menu.cols-3 {

    width: 33.3333%;

}



.navigation .mega-menu .megamenu-container {

    display: table;

    width: 100%;

}



.navigation div.mega-menu ul.sub-menu {

    position: relative;

    opacity: 1;

    visibility: inherit;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: 0 0 15px !important;

    background: none !important;

    border: none;

    width: 500px;

    padding: 0;

}



.navigation div.mega-menu li:last-of-type ul.sub-menu {

    margin: 0 0 0 !important;

}



.navigation div.megamenu-container > ul.sub-menu {

    padding-top: 0;

    padding-bottom: 0;

}



.light .navigation div.megamenu-container > ul.sub-menu {

}



.navigation div.megamenu-container > ul.sub-menu:last-of-type {

    border-right: none;

}



.navigation .mega-menu .sub-menu .sub-menu {

    position: relative;

    margin: 0;

    background: none;

    border: none;

    padding: 0 0;

    width: auto;

}



.navigation .mega-menu .mega-menu-row {

    /* float: left; */

    display: table-cell;

}



.navigation .mega-menu .menu-item {}



.navigation .mega-menu .menu-item a {

    height: auto;

    padding: 7px 0;

    min-width: 150px;

    width: auto;

}



.navigation .mega-menu .menu-item-has-children > a,

.navigation .mega-menu .mega-menu-col > a {

    color: #000000;

    font-size: 18px;

    text-transform: none;

    padding-left: 0 !important;

    font-weight: bold;

    padding: 0;

    margin-bottom: 15px;

    display: block;

    width: auto;

}



.navigation .mega-menu .menu-item-has-children:first-of-type > a,

.navigation .mega-menu .mega-menu-col:first-of-type > a {

    margin-top: -42px;

}



.navigation .mega-menu .menu-item-has-children > a:before,

.navigation .mega-menu .mega-menu-col > a:before {

    display: none;

}



.navigation .mega-menu .menu-item-has-children > a:after,

.navigation .mega-menu .mega-menu-col:first-of-type > a:after {

    content: "";

    display: block;

    width: 25px;

    height: 3px;

    background: #e31043;

    margin: 13px 0 0;

}



.navigation .mega-menu .menu-item-has-children > a span, 

.navigation .mega-menu .mega-menu-col > a span {

    -moz-transform: translate(0%, 0%) !important;

    -ms-transform: translate(0%, 0%) !important;

    -webkit-transform: translate(0%, 0%) !important;

    -o-transform: translate(0%, 0%) !important;

    transform: translate(0%, 0%) !important;

}



.navigation .mega-menu .mega-menu-col {}



.navigation .mega-menu .menu-item-home {}



.navigation .mega-menu .current-menu-item {}



.navigation .mega-menu .sub-menu .sub-menu > a {}



.navigation .mega-menu img {

    display: block;

    border: 1px solid #eeeeee;

}



.site-header.dark .navigation .mega-menu img {

    /* border-color: #393939; */

}





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

[2.3 Fullscreen navigation ]

*/



.full-screen-nav {

    text-align: center;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    background: #fff;

    background: rgba(255, 255, 255, 0.8);

    z-index: 101;

    display: none;

    font-weight: 300;

}



.admin-bar .full-screen-nav {

    top: 32px;

}



.site-dark .full-screen-nav {

    background: #000;

    background: rgba(0, 0, 0, 0.8);

}



.full-screen-nav .close {

    position: absolute;

    top: 30px;

    right: 30px;

    font-size: 25px;

    cursor: pointer;

    z-index: 5;

}



.fsn-container {

    position: absolute;

    top: 10px;

    bottom: 10px;

    left: 0;

    right: -25px;

    overflow-y: scroll;

}



.admin-bar .fsn-container {}



.full-screen-nav ul {

    margin: 0;

    padding: 0;

}



.full-screen-nav .fsn-container > ul {

    width: 3800px;

}



.full-screen-nav ul li {

    display: block;

}



.full-screen-nav ul li a {

    text-decoration: none;

}



.full-screen-nav .fsn-container > ul > li {

    margin: 20px 0;

}



.full-screen-nav .fsn-container > ul > li > a {

    position: relative;

    font-size: 1.875em;

    text-transform: uppercase;

    display: inline-block;

    line-height: 1.2em;

    /* font-weight: bold; */

}



.full-screen-nav .fsn-container > ul > li:hover > a {

    color: #be60ae;

}



.full-screen-nav .fsn-container > ul > li:hover > a:after {

    width: 100%;

    opacity: 1;

}



.full-screen-nav .fsn-container > ul > li.current-menu-item > a,

.full-screen-nav .fsn-container > ul > li.current-menu-parent > a,

.full-screen-nav .fsn-container > ul > li.current-menu-ancestor > a {

    color: #be60ae;

}



.full-screen-nav .fsn-container > ul > li ul.sub-menu,

.full-screen-nav .fsn-container > ul > li ul.children {

    display: none;

}



.full-screen-nav .fsn-container > ul > li > ul.sub-menu,

.full-screen-nav .fsn-container > ul > li > ul.children {

    display: none;

    font-weight: 300;

    font-size: 1em;

    padding: 10px 0 0;

    text-transform: uppercase;

}



.full-screen-nav ul li ul.sub-menu li:hover > a,

.full-screen-nav ul li ul.children li:hover > a,

.full-screen-nav ul li ul.sub-menu li.current-menu-item > a,

.full-screen-nav ul li ul.children li.current_menu_item > a,

.full-screen-nav ul li ul.sub-menu li.current-menu-ancestor > a,

.full-screen-nav ul li ul.children li.current_menu_ancestor > a {

    color: #67686d;

}



.full-screen-nav ul li ul.sub-menu li,

.full-screen-nav ul li ul.children li {

    padding: 10px 0 0;

}





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

[2.3 Mega Menu ]

*/



#mega-menu-wrap-navigation #mega-menu-navigation > li.mega-menu-item:last-of-type {

    margin-right: 0;

}



#mega-menu-wrap-navigation #mega-menu-navigation li.mega-menu-item-has-children > a.mega-menu-link:after {

    color: #cbcbcb;

}



#mega-menu-wrap-navigation #mega-menu-navigation a.mega-menu-link,

#mega-menu-wrap-navigation #mega-menu-navigation li li.mega-menu-item > a.mega-menu-link {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#mega-menu-wrap-navigation #mega-menu-navigation li li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before,

#mega-menu-wrap-navigation #mega-menu-navigation li li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link:before,

#mega-menu-wrap-navigation #mega-menu-navigation li li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before,

#mega-menu-wrap-navigation #mega-menu-navigation li li.mega-menu-item:hover > a.mega-menu-link:before {

    width: 16px;

}



#mega-menu-wrap-navigation #mega-menu-navigation li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {

    content: "\e906" !important;

    font-family: 'base-icons' !important;

    font-size: 0.7em;

    color: #e31043;

}





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

[2.5. Mincart / .header-minicart ]

*/



.header-minicart {

    float: left;

    padding: 0;

    margin-left: 15px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.header_minified .header-minicart,

.site-header.header_left-side .header-minicart {

    margin-top: 11px;

}



.header-minicart a {

    text-decoration: none;

}



.hm-cunt {

    display: block;

    text-align: center;

    position: relative;

    font-size: 15px;

    cursor: pointer;

    /* padding-bottom: 2px; */

}



.site-header.dark .hm-cunt {

    color: #fff;

}



.site-header.light .hm-cunt {

    /* color: #8c8c8c; */

}



.hm-cunt.big {

    display: inline-block;

    font-size: 65px;

    line-height: normal;

}



.hm-cunt i {

    display: block;

    line-height: 64px;

}



.hm-cunt.big i {

    line-height: normal;

}



.hm-cunt i:before {

    display: block;

}



.hm-cunt span {

    display: block;

    font-size: 8px;

    position: absolute;

    top: 50%;

    margin-top: -15px;

    right: -7px;

    background: #2a52a6;

    color: #fff;

    line-height: 13px;

    height: 13px;

    min-width: 13px;

    padding: 0 2px;

    border-radius: 50%;

    font-weight: bold;

    text-indent: 0;

}



.hm-cunt.big span {

    height: 30px;

    min-width: 30px;

    line-height: 30px;

    font-size: 18px;

    top: 10px;

}



.header-minicart .minicart-wrap {

    position: absolute;

    background: #fbfbfb;

    top: 100%;

    right: 15px;

    padding: 5px 25px 25px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    color: #252a31;

    width: 310px;

    border: 1px solid #ebebeb;

}



.full-page-mode .site-header.header_minified .minicart-wrap {

    right: 0;

}



.site-dark .header-minicart .minicart-wrap {

    background: #272727;

    color: #fff;

}



.header-minicart:hover .minicart-wrap,

.minicart-wrap:hover {

    opacity: 1;

    visibility: visible;

}



.minicart-wrap {}



.minicart-wrap .cart_list.product_list_widget {

    margin: 0 -25px;

}



.minicart-wrap .cart_list .mini_cart_item,

.widget_shopping_cart_content .mini_cart_item {

    border-bottom: 1px solid #e2e2e2;

    position: relative;

    min-height: 60px;

}



.site-dark .minicart-wrap .cart_list .mini_cart_item,

.site-dark .widget_shopping_cart_content .mini_cart_item {

    border-bottom-color: #181818;

}



.minicart-wrap .cart_list .mini_cart_item .remove,

.widget_shopping_cart_content .cart_list .mini_cart_item .remove {

    position: absolute;

    right: 25px;

    top: 50%;

    transform: translateY(-50%);

    margin: 0;

    padding: 0;

    font-size: 16px;

}



.minicart-wrap .cart_list .mini_cart_item img,

.widget_shopping_cart_content .cart_list .mini_cart_item img {

    float: left;

    margin-right: 10px;

    margin-left: 0;

    width: 40px;

}



.minicart-wrap .cart_list .mini_cart_item .wp-post-image img {}



.minicart-wrap .cart_list .mini_cart_item .quantity,

.widget_shopping_cart_content .cart_list .mini_cart_item .quantity {

    font-size: 13px;

    display: block;

    margin-left: 50px;

    color: #e31043;

}



.widget_shopping_cart_content .cart_list .mini_cart_item .quantity span {}



.site-dark .minicart-wrap .cart_list .mini_cart_item .quantity span,

.site-dark .widget_shopping_cart_content .cart_list .mini_cart_item .quantity span {

    color: inherit;

}



.minicart-wrap .cart_list .mini_cart_item .variation,

.widget_shopping_cart_content .cart_list .mini_cart_item .variation {

    border: none;

    margin: 5px 0 0;

    padding: 0;

    margin-left: 50px;

    float: none;

    display: block;

    font-size: 0.778em;

}



.minicart-wrap .cart_list .mini_cart_item dt,

.widget_shopping_cart_content .cart_list .mini_cart_item dt {

    float: left;

    clear: none;

}



.minicart-wrap .cart_list .mini_cart_item dd,

.widget_shopping_cart_content .cart_list .mini_cart_item dd,

{

    float: none;

    display: block;

    /* margin-left: 45px; */

    margin-bottom: 0;

    clear: none;

}



.minicart-wrap .cart_list .mini_cart_item p,

.widget_shopping_cart_content .cart_list .mini_cart_item p {

    margin: 0;

}



.minicart-wrap .total,

.widget_shopping_cart_content .total {

    font-size: 1em;

    margin: 15px 0;

    overflow: hidden;

}



.minicart-wrap .total strong {

    font-weight: 500;

    margin: 6px 0;

    display: inline-block;

}



.minicart-wrap .total > span,

.widget_shopping_cart_content .total > span {

    color: #e31043;

    float: right;

    /* font-weight: bold; */

    font-size: 1.500em;

}



.minicart-wrap .buttons,

.widget_shopping_cart_content .buttons {

    margin: 0 0 0;

}



.minicart-wrap .buttons a.button, .widget_shopping_cart_content a.button {

    font-size: 12px;

    background: #1b1b1d;

    color: #fff;

    font-weight: normal;

    /* border-radius: 5px 5px 0 0; */

    margin: 0 0 10px;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 5px;

}



.minicart-wrap .buttons a.checkout, .widget_shopping_cart_content a.checkout {

    background: #2a52a6;

    /* border-radius: 0 0 5px 5px; */

    margin-bottom: 0;

}





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

[2.4 Buter button ]

*/



.minified-button {

    float: left;

    background: #fff;

    color: #4b4d5d;

    padding: 17px 0;

    width: 46px;

    text-align: center;

    border-radius: 50%;

    margin: 14px 0 14px 20px;

    position: relative;

    z-index: 2;

    cursor: pointer;

    display: block !important;

    visibility: visible !important;

}



.site-header.light .minified-button {

    background: #4b4d5d;

    color: #fff;

}



.butter-button {

    float: left;

    width: 15px;

    height: 14px;

    position: relative;

    margin: 26px 0 0px 15px;

    cursor: pointer;

    z-index: 1;

}



.header_minified .butter-button {

    margin: 33px 58px;

}



.site-header.dark .butter-button {

    color: #fff;

}



.site-header.light .butter-button {

    /* color: #8c8c8c; */

}



.minified-button .butter-button {

    float: none;

    display: block !important;

    visibility: visible !important;

    margin: 0 auto;

}



.butter-button + .header-minicart {

    margin-left: 20px;

}



.butter-button.visible_menu,

.butter-button.centered_menu {

    display: none;

}



.butter-button div {

    height: 2px;

    box-shadow: inset 0 0 0 3px;

    margin: 6px 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    width: 100%;

    float: right;

}



.butter-button:hover div {

    width: 100%;

}



.butter-button.active div {

    transform: scaleX(0);

}



.butter-button:after,

.butter-button:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    box-shadow: inset 0 0 0 3px;

    height: 2px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.butter-button:hover:after,

.butter-button:hover:before {

    width: 100%;

}



.butter-button:after {

    top: auto;

    bottom: 0;

    right: 0;

}



.butter-button.active:before {

    transform: rotate(45deg);

    transform-origin: 50%;

    top: 6px;

    width: 100%;

}



.butter-button.active:after {

    transform: rotate(-45deg);

    bottom: 6px;

    width: 100%;

}



.nav-button {

    float: left;

    font-weight: 500;

    margin: 24px 0px 24px 35px;

    cursor: pointer;

    pointer-events: all;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.nav-button:hover {

    color: #e31043;

}



.page-with-portfolio-categories .nav-button {

    width: 200px;

}





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

[2.7 Side header ]

*/



.header-type-left-side-t2 #all:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 385px;

    z-index: -1;

    background: #fafafa;

}



.side-header {

    background: #fff;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    width: 195px;

    z-index: 50;

    overflow: hidden;

    border-right: 1px solid #f0f0f0;

}



.side-header.style2 {

    background: #fafafa;

    border: none;

    width: 260px;

}



.ypromo-site-bar-body .side-header.style2 {

    top: 66px;

}



.side-header.dark {

    background: #000;

}



.admin-bar .side-header {

    top: 32px;

}



.side-header .wrap {

    position: absolute;

    top: 75px;

    left: 0px;

    bottom: 100px;

    overflow-y: scroll;

    right: -25px;

    padding-right: 25px;

    padding-left: 40px;

}



.side-header.style2 .wrap {

    padding-left: 55px;

}



.side-header .wrap .cell {

    width: 1200px;

}



.side-header .copyright {

    position: absolute;

    bottom: 20px;

    left: 60px;

    font-size: 12px;

    right: 25px;

}





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

[2.8 Side navigation ]

*/



.side-navigation {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .2em;

}



.side-navigation ul {

    margin: 0;

    padding: 0;

}



.side-navigation ul li {

    display: block;

}



.side-navigation ul li a {

    display: block;

    text-decoration: none;

}



.side-navigation ul li a span {

    position: relative;

    padding-right: 20px;

    display: inline-block;

}



.side-navigation ul li.menu-item-has-children > a span:after,

.side-navigation ul li.page_item_has_children > a span:after {

    content: "\e91c";

    font-family: 'base-icons' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    top: 50%;

    right: 0;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    font-size: 6px;

}



.side-navigation > ul {

    position: relative;

}



.side-navigation > ul > li {}



.side-navigation > ul > li > a {

    padding: 10px 0;

}



.side-navigation li.current-menu-item > a,

.side-navigation li.current-menu-parent > a,

.side-navigation li.current-menu-ancestor > a,

.side-navigation li.current_page_item > a,

.side-navigation li:hover > a {

    color: #e31043;

}



.side-navigation .sub-menu,

.side-navigation .children {

    /* display: none; */

    min-height: 100%;

    position: absolute;

    top: 0;

    background: #fff;

    width: 100%;

    padding-left: 35px;

    z-index: 2;

    right: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.side-header.style2 .side-navigation .sub-menu, 

.side-header.style2 .side-navigation .children {

    background: #fafafa;

}



.site-dark .side-navigation .sub-menu,

.site-dark .side-navigation .children {

    background: #000;

}



.side-navigation li.active-child > .sub-menu,

.side-navigation li.active-child > .children {

    right: 0;

    opacity: 1;

    visibility: visible;

}



.side-navigation .sub-menu .back,

.side-navigation .children .back {

    position: absolute;

    top: 9px;

    left: 0;

    cursor: pointer;

}



.side-navigation .sub-menu li,

.side-navigation .children li {}



.side-navigation .sub-menu li a,

.side-navigation .children li a {

    padding: 6px 0;

}



.side-header .social-buttons-standart {

    position: absolute;

    left: 40px;

    bottom: 15px;

    color: #dadada;

}



.side-header .social-buttons-standart a {

    display: block;

    margin: 6px 0;

}



.side-header.style2 .bottom {

    position: absolute;

    left: 55px;

    bottom: 20px;

    right: 10px;

}



.side-header.style2 .bottom .sh-mail {

    font-size: 14px;

    font-weight: bold;

}



.side-header.style2 .bottom .sh-mail:after {

    content: "";

    display: block;

    width: 120px;

    height: 1px;

    background: #c6c6c6;

    margin: 15px 0;

}



.side-header.style2 .bottom .sh-mail a {

    text-decoration: none;

}



.side-header.style2 .bottom .sh-mail span {

    color: #e31043;

}



.side-header.style2 .bottom .social-buttons {

    float: none;

    margin: 0;

    color: #c0c0c0;

    font-size: 16px;

}



.side-header.style2 .bottom .social-buttons i {

    opacity: 1;

}





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

[2.2 Side bar ]

*/



.side-bar-button {

    float: left;

    font-size: 17px;

    margin: 28px 30px 0 0;

    cursor: pointer;

}



.side-bar-area {

    position: fixed;

    background: #fff;

    z-index: 950;

    top: 0;

    bottom: 0;

    color: #343434;

    left: -470px;

    width: 100%;

    max-width: 390px;

    border-right: 1px solid #f0f0f2;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

    overflow: hidden;

    background: #fff;

}



.side-bar-area.active {

    left: 0;

}



.site-dark .side-bar-area {

    background: #000000;

}



.admin-bar .side-bar-area {

    top: 32px;

}



.side-bar-area .close {

    position: absolute;

    top: 38px;

    right: 40px;

    font-size: 25px;

    cursor: pointer;

    color: #e31043;

}



.side-bar-area .logo {

    position: absolute;

    top: 15px;

    left: 40px;

}



.side-bar-area .logo a {

    display: table-cell;

    height: 70px;

    vertical-align:  middle;

}



.side-bar-area .wrap {

    position: absolute;

    top: 95px;

    bottom: 60px;

    left: 40px;

    overflow: hidden;

    overflow-y: scroll;

    right: -37px;

    padding-right: 60px;

}



.side-bar-area .copyright {

    position: absolute;

    bottom: 10px;

    left: 40px;

    right: 40px;

    min-height: 25px;

    line-height: 1.500em;

    font-weight: 300;

    color: #a3a3a3;

    font-size: 10px;

    font-style: italic;

}



.side-bar-area .copyright span {

    color: #35d7ff;

}



.side-bar-area .widget {

    margin-bottom: 30px;

    width: 100%;

}



.side-bar-area .heading-decor {

    font-size: 1.143em;

}





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

[3. Body ]

*/



.banner-area {

    position: relative;

    min-height: 330px;

    z-index: 0;

}



.banner-area.type3 {

    /* background: #fff; */

}



.banner-area.with-left-offset {

    padding-left: 110px;

}



.banner-area.with-bottom-offset {

    padding-bottom: 110px;

}



.banner-area.type3:before {

    content: "";

    position: absolute;

    left: 0;

    height: 0;

    width: 100%;

    bottom: 0;

    background: #fff;

    z-index: -1;

    border-bottom: 1px solid #eee;

}



.banner-area.type3.with-bottom-offset:before {

    height: 110px;

}



.banner-area.type3.with-nav-thumbs:before {

    width: 100%;

}



.site-dark .banner-area {

    background: #000;

}



.banner-color-white {

    color: #fff;

}



.banner-color-black {

    color: #000;

}



.banner-social-buttons {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 10;

    font-size: 11px;

    text-transform: uppercase;

    white-space: nowrap;

    width: 70px;

    color: #828282;

    background: #fafafa;

    font-weight: bold;

    letter-spacing: .05em;

}



.site-dark .banner-social-buttons {

    color: #636363;

}



.banner-social-buttons > div {

    width: 600px;

    text-align: center;

    position: absolute;

    margin-top: 30px;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%) rotate(-90deg);

    -ms-transform: translate(-50%, -50%) rotate(-90deg);

    -webkit-transform: translate(-50%, -50%) rotate(-90deg);

    -o-transform: translate(-50%, -50%) rotate(-90deg);

    transform: translate(-50%, -50%) rotate(-90deg);

}



.banner-social-buttons > div:before {

    content: "\e928";

    font-family: 'base-icons' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    display: inline-block;

    vertical-align: middle;

    font-size: 20px;

    margin-right: 20px;

}



.banner-social-buttons a {

    text-decoration: none;

    display: inline-block;

    margin: 0 30px;

    position: relative;

}



.banner-social-buttons a:hover {

    color: #e31043;

}



.banner-social-buttons a i {

    margin-right: 5px;

    display: none;

}



.banner-social-buttons .cell {

    width: 70px;

    height: 100vh;

    min-height: 470px;

}



.banner-social-buttons .links {

    text-align: center;

    width: 340px;

    margin-left: -140px;

    position: absolute;

    top: 50%;

    left: 0;

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -webkit-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.banner-social-buttons .item i {

    margin-right: 5px;

}



.banner-social-buttons-type2 {

    position: absolute;

    bottom: 20px;

    right: 30px;

    z-index: 10;

    text-transform:  uppercase;

    font-size:  11px;

    font-weight:  bold;

}



.current-white .banner-social-buttons-type2 {

    color: #fff;

}



.current-dark .banner-social-buttons-type2 {

    color: #000;

}



.banner-social-buttons-type2 {}



.banner-social-buttons-type2 a {

    text-decoration:  none;

    margin-left: 25px;

}



.banner-social-buttons-type2 a i {

    margin-right: 5px;

}



.banner-social-buttons-type2 a span {}



.banner-counter {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #e31043;

    color: #fff;

    z-index: 10;

    font-size:  14px;

    font-weight: bold;

    width: 70px;

    line-height: 70px;

    text-align: center;

    box-shadow: inset -1px 0 0 #ffffff40;

}



.full-screen-area:not(.full-page) .banner-counter {

    background: #fafafa;

    color: #828282;

}



.banner:not(.fixed-height) {

    min-height: 450px;

}



.type2 .banner:not(.fixed-height) {

    min-height: 580px;

}



.banner .item {

    background-size: cover;

    background-position: 50%;

    position: relative;

    overflow: hidden;

    padding: 0 70px;

}



.header-type-left-side-t2 .banner .item:before,

.header-type-left-side-t2 .vc_row[data-vc-full-width]:before {

    content: "";

    position: absolute;

    display: block;

    top: 0;

    left: -260px;

    bottom: 0;

    width: 125px;

    background: #fafafa;

}



.banner .item.top-left {

    background-position: top left;

}



.banner .item.top-center {

    background-position: top center;

}



.banner .item.top-right {

    background-position: top right;

}



.banner .item.center-left {

    background-position: center left;

}



.banner .item.center-center {

    background-position: center;

}



.banner .item.center-right {

    background-position: center right;

}



.banner .item.bottom-left {

    background-position: bottom left;

}



.banner .item.bottom-center {

    background-position: bottom center;

}



.banner .item.bottom-right {

    background-position: bottom right;

}



.banner .item.black {

}



.banner .item.white {

    color: #fff;

}



.banner .item .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.banner .item .video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    overflow: hidden;

}



.banner .item .video:before {

    content: "";

    display: block;

}



.banner .item .video iframe {

    box-sizing: border-box;

    height: 56.25vw;

    left: 50%;

    min-height: 100%;

    min-width: 100%;

    transform: translate(-50%, -50%);

    position: absolute;

    top: 50%;

    width: 177.77777778vh;

    max-width: none;

}



.banner .cell {

    width: 1800px;

    padding: 100px 0;

    position: relative;

    z-index: 2;

    height: 100vh;

}



.banner.fixed-height .cell {

    padding: 30px 0;

}



.banner .item.top .cell {

    vertical-align: top;

}



.banner .item.bottom .cell {

    vertical-align: bottom;

}



.banner .cell .sub-h {

    margin-bottom: 27px;

    color: #a3a3a3;

}



.product-banner .banner .cell .sub-h {

    color: #e31043;

}



.banner .white .cell .sub-h,.banner .custom .cell .sub-h {

    color: inherit;

}



.type4 .banner .cell .sub-h,

.product-banner .cell .sub-h,

.sale-banner .cell .sub-h {

    position: relative;

    top: 0;

    margin-bottom: 15px;

}



.banner .cell .h {

    line-height: 1em;

    font-size: 48px;

    font-weight: 500;

    letter-spacing: .01em;

    margin-bottom: 0.6em;

}



.sale-banner .banner .cell .h {

    text-transform: uppercase;

    font-weight: 500;

}



.banner .cell .h.uppercase {

    text-transform:  uppercase;

}



.product-banner .cell .h {

    font-size: 60px;

    font-weight: 500;

}



.banner .cell .h:last-of-type {

    margin-bottom: 0;

}



.banner .cell .h span {

    color: #e31043;

}



@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {

    .full-screen-area .banner .cell .h span {

        color: transparent;

        -webkit-text-stroke-width: 0.03em;

    }



    .full-screen-area .banner .black .cell .h span {

        -webkit-text-stroke-color: #000;

    }



    .full-screen-area .banner .white .cell .h span {

        -webkit-text-stroke-color: #fff;

    }

}



.full-screen-area .banner .cell .h span {}



.banner .cell .sub-h + .h {}



.product-banner .cell .sub-h + .h {

    margin-top: 0;

}



.banner .cell .text {

    line-height: 1.5em;

    max-width: 440px;

    font-weight: 300;

    margin-top: -5px;

    margin-bottom: 33px;

    color: #989796;

}



.banner .sale-size {

    color: #464646;

    font-size:  72px;

    font-weight: 600;

    line-height: 1em;

}



.banner .sale-size span {

    font-size:  14px;

    text-transform: uppercase;

    color: #e31043;

    line-height: 15px;

    display: block;

}



.banner .item .link-area {

    margin-top: 1.9em;

}



.banner .link-area .button-style1 {

    color: inherit;

}



.banner .link-area .button-style1:hover {

    color: #fff;

}



.grid_lines_yes .type4 .banner .item .link-area .button-style1 {

    width: 33.8%;

}



.type2 .banner .item .container {

    width: 100%;

    padding-left: 7.5%;

}



.banner .item .image {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 50%;

    background-size: cover;

    background-position: 50%;

}



.type4 .banner .item .image {

    width: 33.33333333333333%;

    right: -1px;

}



.type4 .banner .item .image .link-area {

    width: 50%;

    margin: 0;

}



.type4 .banner .item .image .link-area .button-style1 {

    width: 100%;

}



.grid_lines_yes .type4 .banner .item .image:before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    bottom: 0;

    width: 1px;

    background: #eee;

}



.banner .price-area {

    position: absolute;

    top: 55px;

    right: 30px;

    text-align: center;

    background: #fff;

    color: #e31043;

    border-radius: 50%;

}



.banner .price-cell {

    height: 160px;

    width: 160px;

    display: table-cell;

    vertical-align: middle;

}



.banner .before-price {

    font-weight: bold;

    color: #6a6a6a;

    letter-spacing: .2em;

    font-size: 14px;

    margin-bottom: -0.5em;

}



.banner .price {

    font-size: 45px;

    font-weight: 500;

    margin: 0 0 -15px;

}



.banner .price ins {

    background: none;

    color: inherit;

}



.banner .price del {

    font-size: 0.5em;

    opacity: .6;

    margin-right: 10px;

    font-weight: 500;

    vertical-align: middle;

}



.banner .price .woocommerce-Price-currencySymbol {

    font-size: 0.600em;

    margin-bottom: 0.35em;

    display: inline-block;

    vertical-align: bottom;

    margin-right: 0.4em;

}



.banner .price del .woocommerce-Price-currencySymbol {

    font-size: 1em;

}



.banner .owl-dots {

    position: absolute;

    top: 50%;

    right: 20px;

    font-size: 12px;

    font-weight: 500;

    text-align: center;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.type3 .banner .owl-dots {

    left: -110px;

    right: auto;

}



.banner .owl-dots .owl-dot {

    counter-increment: slides-num;

    margin: 10px 0;

    width: 25px;

    position: relative;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    color: #989796;

}



.type3 .banner .owl-dots .owl-dot {

    width: 110px;

}



.banner .owl-dots .owl-dot.active {

    color: #e31043;

}



.banner .owl-dots .owl-dot:before {

    content: '0'counter(slides-num);

    display: block;

}



.banner .owl-dots .owl-dot:nth-child(n+10):before {

    content: counter(slides-num);

}



.banner .owl-dots .owl-dot:after {

    content: "";

    position: absolute;

    right: -20px;

    width: 0px;

    top: 50%;

    height: 1px;

    box-shadow: inset 0 0 0 5px;

    margin-top: -1px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.type3 .banner .owl-dots .owl-dot:after {

    left: 0;

    right: auto;

}



.banner .owl-dots .owl-dot.active:after {

    width: 13px;

}



.banner-area .social-buttons-standart {

    position: absolute;

    bottom: 45px;

    left: 50px;

}



.banner-area .social-buttons-standart:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -50px;

    width: 30px;

    height: 1px;

    background: #e31043;

    margin-top: -1px;

}



.banner-area.with-left-offset .social-buttons-standart {

    left: 160px;

}



.banner .owl-nav {

    position: absolute;

    left: 70px;

    bottom: 0;

}



.banner .owl-nav > div {

    float: left;

    background: #e31043;

    color: #fff;

    line-height: 70px;

    width: 70px;

    text-align: center;

    font-size: 20px;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



.banner .owl-nav > div:hover {

    -webkit-filter: grayscale(20%);

    -moz-filter: grayscale(20%);

    -ms-filter: grayscale(20%);

    -o-filter: grayscale(20%);

    filter: grayscale(20%);

}



.banner .owl-nav > div:not(:last-of-type) {

    box-shadow: inset -1px 0 0 #ffffff40;

}



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

[3.1 Gallery widget ]

*/



.gallery-module {

    margin: -4px;

}



.s-sidebar .gallery-module,

.wpb_widgetised_column .gallery-module {

    margin: -4px;

}



.gallery-module .item {

    padding: 4px;

    text-align: center;

}



.s-sidebar .gallery-module .item,

.wpb_widgetised_column .gallery-module .item {

    padding: 4px;

}



.gallery-module .item a {

    display: block;

    position: relative;

}



.s-sidebar .gallery-module .item a,

.wpb_widgetised_column .gallery-module .item a {

    /* border: 1px solid #eeeeee; */

}



.site-dark .s-sidebar .gallery-module .item a,

.site-dark .wpb_widgetised_column .gallery-module .item a {

    border-color: #393939;

}



.gallery-module .item a:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.2);

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

    visibility: hidden;

    -webkit-clip-path: polygon(0 100%, 0% 100%, 0 100%);

    clip-path: polygon(0 100%, 0% 100%, 0 100%);

}



.gallery-module .item a:hover:after {

    visibility: visible;

    -webkit-clip-path: polygon(0 -100%, 0% 100%, 200% 100%);

    clip-path: polygon(0 -100%, 0% 100%, 200% 100%);

}



.gallery-module .item img {

    vertical-align: bottom;

    display: block;

}





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

[3.3 Default widgets ]

*/



.widget {

    margin-bottom: 25px;

}



.s-sidebar .widget {

    margin-bottom: 45px;

}



.widget select {

    max-width: 100%;

    margin-top: 7px;

    margin-bottom: 10px !important;

}



.widget-title {

    margin-bottom: 20px;

    margin-top: 0;

}



.widget-title {

    margin-bottom: 25px;

}



.decor-line-on-bottom .widget-title {

    margin-bottom: 0;

}



.widget-title + ul {

    margin-top: -15px !important;

}



.widget_blog_post .widget-title {

    margin-bottom: 15px;

}



.site-light .site-footer .widget-title {

}



.site-footer .col-xs-12 > div:first-of-type > .decor-line-on-bottom {

    margin-top: -40px;

    margin-bottom: 40px;

}



.site-footer .widget_portfolio {

    max-width: 260px;

}



.site-footer .widget {

    margin-bottom: 35px;

}



.site-footer.dark .widget-title {

    color: #fff;

}



.site-footer .widget_nav_menu ul {

    font-size: 14px;

}



#menu-footer-menu-2 {

    margin-top: 78px;

}



.widget_archive ul,

.widget_categories ul,

.widget_pages ul,

.widget_meta ul,

.widget_nav_menu ul,

.widget_recent_entries ul,

.widget_recent_comments ul,

.widget_rss ul,

.product-categories {

    background: none;

    padding: 0;

    margin: 0 0 -11px;

    font-size: 16px;

    font-weight: 300;

    color: #646464;

    text-align: left;

}



.site-footer .widget_archive ul,

.site-footer .widget_categories ul,

.site-footer .widget_pages ul,

.site-footer .widget_meta ul,

.site-footer .widget_nav_menu ul,

.site-footer .widget_recent_entries ul,

.site-footer .widget_recent_comments ul,

.site-footer .widget_rss ul,

.site-footer .product-categories {

    color: #d1d1d1;

    margin-left: 0;

}



.widget_archive ul li,

.widget_categories ul li,

.widget_pages ul li,

.widget_meta ul li,

.widget_nav_menu ul li,

.widget_recent_entries ul li,

.widget_recent_comments ul li,

.widget_rss li,

.product-categories li {

    border: none;

    display: block;

    position: relative;

    padding: 7px 0;

}



.widget_archive ul li li,

.widget_categories ul li li,

.widget_pages ul li li,

.widget_meta ul li li,

.widget_nav_menu ul li li,

.widget_recent_entries ul li li,

.widget_recent_comments ul li li,

.widget_rss li li,

.product-categories li li {

    padding-left: 25px;

}



.site-dark .widget_archive ul li,

.site-dark .widget_categories ul li,

.site-dark .widget_pages ul li,

.site-dark .widget_meta ul li,

.site-dark .widget_nav_menu ul li,

.site-dark .widget_recent_entries ul li,

.site-dark .widget_recent_comments ul li,

.site-dark .widget_rss li,

.site-dark .product-categories li {

    border-color: #393939;

}



.widget_archive ul li:last-of-type,

.widget_categories ul li:last-of-type,

.widget_pages ul li:last-of-type,

.widget_meta ul li:last-of-type,

.widget_nav_menu ul li:last-of-type,

.widget_recent_entries ul li:last-of-type,

.widget_recent_comments ul li:last-of-type,

.widget_rss li:last-of-type,

.product-categories li:last-of-type {

    border: none;

}



.site-footer .widget_archive ul li,

.site-footer .widget_categories ul li,

.site-footer .widget_pages ul li,

.site-footer .widget_meta ul li,

.site-footer .widget_nav_menu ul li,

.site-footer .widget_recent_entries ul li,

.site-footer .widget_recent_comments ul li,

.site-footer .widget_rss li,

.site-footer .product-categories li {

    padding: 5px 0;

    border: none;

}



.widget_recent_comments ul li,

.widget_rss li {

    font-size: 14px;

    padding-left: 0;

}



.widget_recent_comments ul li a, 

.widget_rss li a {

    color: #898989;

    text-decoration: none;

    font-style: italic;

}



.widget_recent_comments ul li .comment-author-link a {

    color: #e31043;

    font-weight: 500;

}



.widget_recent_comments ul li a, .widget_rss li a {}



.widget_rss li {

    text-transform: none;

    margin-bottom: 15px;

}



.widget_archive ul li ul,

.widget_categories ul li ul,

.widget_pages ul li ul,

.widget_meta ul li ul,

.widget_nav_menu ul li ul,

.widget_recent_entries ul li ul,

.widget_recent_comments ul li ul,

.product-categories li ul {

    padding-left: 10px;

    margin-right: 0px;

    margin-left: -20px;

    margin-top: 0;

    font-size: 14px;

}



.widget_archive ul li ul li,

.widget_categories ul li ul li,

.widget_pages ul li ul li,

.widget_meta ul li ul li,

.widget_nav_menu ul li ul li,

.widget_recent_entries ul li ul li,

.widget_recent_comments ul li ul li,

.product-categories li ul li {

    min-height: 35px;

}



.widget_archive ul li ul li:last-of-type,

.widget_categories ul li ul li:last-of-type,

.widget_pages ul li ul li:last-of-type,

.widget_meta ul li ul li:last-of-type,

.widget_nav_menu ul li ul li:last-of-type,

.widget_recent_entries ul li ul li:last-of-type,

.widget_recent_comments ul li ul li:last-of-type,

.product-categories li ul li:last-of-type {

    border: none;

    padding-bottom: 0;

}



.widget_archive ul li a,

.widget_categories ul li a,

.widget_pages ul li a,

.widget_meta ul li a,

.widget_nav_menu ul li a,

.widget_recent_entries ul li a,

.product-categories li a {

    text-decoration: none;

}



.widget_archive ul li a,

.widget_pages ul li a,

.widget_nav_menu ul li a,

.widget_categories ul li a {

    position: relative;

    padding-left: 25px;

}



.s-sidebar .widget_archive ul li,

.s-sidebar .widget_pages ul li,

.s-sidebar .widget_nav_menu ul li,

.s-sidebar .widget_categories ul li {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .2em;

}



.widget_archive ul li a:before,

.widget_pages ul li a:before,

.widget_nav_menu ul li a:before,

.widget_categories ul li a:before {

    content: "\e940";

    font-family: 'solid-arrow-collection' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -0.5em;

    font-size: 13px;

}



.site-footer .widget_archive ul li a,

.site-footer .widget_categories ul li a,

.site-footer .widget_pages ul li a,

.site-footer .widget_meta ul li a,

.site-footer .widget_nav_menu ul li a,

.site-footer .widget_recent_entries ul li a,

.site-footer .product-categories li a {

    text-decoration: none;

}



.widget_archive ul li a:hover,

.widget_categories ul li a:hover,

.widget_pages ul li a:hover,

.widget_meta ul li a:hover,

.widget_nav_menu ul li a:hover,

.widget_recent_entries ul li a:hover,

.product-categories li a:hover {

    color: #e31043;

}



.site-footer.dark .widget_archive ul li a:hover,

.site-footer.dark .widget_categories ul li a:hover,

.site-footer.dark .widget_pages ul li a:hover,

.site-footer.dark .widget_meta ul li a:hover,

.site-footer.dark .widget_nav_menu ul li a:hover,

.site-footer.dark .widget_recent_entries ul li a:hover,

.site-footer.dark .product-categories li a:hover {

    color: #fff;

}



.searchform {

    color: #b8b8b8;

    font-size: 14px;

    background: #fff;

    border: 1px solid #eeeeee;

}



.site-dark .searchform {

    background: #070707;

    border-color: #393939;

    color: #878787;

}



.widget .searchform {

    margin-top: 5px;

}



.site-content .searchform {

    margin-bottom: 40px;

}



.searchform .searchsubmit {

    float: right;

    width: 65px;

    height: 45px;

    line-height: 45px;

    background: none;

    border: none;

    padding: 0;

    color: inherit;

    font-size: 15px;

}



.searchform .searchsubmit:hover {

    color: #e31043;

}



.searchform .searchsubmit i {

    vertical-align: middle;

    display: block;

}



.searchform div {

    margin-right: 65px;

}



.searchform .input {

    background: transparent;

    border: none;

    color: #6a6a6a;

    font-size: 14px;

    padding: 0 15px 0 20px;

    line-height: 45px;

    width: 100%;

    font-style: italic;

}



.search-popup {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 98;

    background: #fff;

    color: #000;

    display: none;

}



.site-dark .search-popup {

    color: #fff;

    background: #000;

}



.admin-bar .search-popup {

    /* top: 102px; */

}



.search-popup .close {

    position: absolute;

    top: 95px;

    right: 30px;

    font-size: 20px;

    cursor: pointer;

    color: #b8b8b8;

}



.admin-bar .search-popup .close {

    margin-top: 32px;

}



.search-popup .centered-container {

    width: 95% !important;

    max-width: 540px;

}



.search-popup .searchform {

    border: 1px solid;

    overflow: hidden;

    /* color: #fff; */

    background: transparent;

    font-size: 16px;

}



.search-popup .searchform div {

    margin-right: 50px;

}



.search-popup .searchform .searchsubmit {

    float: right;

    background: none;

    line-height: 48px;

    height: 48px;

    width: 48px;

    cursor: pointer;

    padding: 0;

    font-size: 21px;

    color: inherit;

}



.search-popup .searchform .input {

    width: 100%;

    border: none;

    padding: 0 20px;

    line-height: 48px;

    height: 48px;

    background: transparent;

    color: #6a6a6a;

}





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

[3.4 Portfolio ]

*/



.portfolio-items {

    margin-top: 40px;

}



.portfolio-type-horizontal {

    margin: 0;

}



.portfolio-type-justified {

    position: relative;

}



.portfolio-type-carousel {}



.portfolio-type-carousel .owl-dots {

    margin: 35px 0;

}



.portfolio-type-carousel.owl-carousel.owl-loaded {

    margin: 30px 0;

}



.portfolio-type-carousel .owl-item {

    padding: 1px;

}



.portfolio-items.gap-off {

    margin: 0;

}



.portfolio-item {

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 30px;

    position: relative;

    color: #fff;

}



.site-dark .portfolio-item {}



.owl-carousel .portfolio-item {

    margin-bottom: 0;

}



.portfolio-type-justified .portfolio-item {

    position: absolute;

    width: auto;

    padding: 0px;

    margin: 0;

    /* overflow: hidden; */

}



.gap-off .portfolio-item,

.portfolio-type-packery .portfolio-item {

    margin: 0;

    padding: 0;

}



.portfolio-item .wrap {

    top: 0;

    left: 0;

    position: relative;

    overflow: hidden;

    color: #fff;

    box-shadow: 0 0 0 1px #eee;

}



.site-dark .portfolio-item .wrap {

    box-shadow: 0 0 0 1px #393939;

}



.portfolio-type-packery .portfolio-item:before {

    content: "";

    display: block;

    padding-bottom: 67%;

}



.portfolio-item .wrap:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    background: #151515;

    opacity: 0;

    filter: alpha(opacity=0);

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.portfolio-item:hover .wrap:before {

    opacity: .7;

    filter: alpha(opacity=70);

    visibility: visible;

    border-radius: 0;

}



.portfolio-item .a-img {

    overflow: hidden;

}



.portfolio-type-justified .portfolio-item .a-img,

.portfolio-type-justified .portfolio-item .wrap,

.portfolio-type-packery .portfolio-item .a-img,

.portfolio-type-packery .portfolio-item .wrap,

.portfolio-type-packery .portfolio-item .a-img div {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.portfolio-type-packery.gap-on .portfolio-item .wrap {

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

}



.portfolio-item .a-img div {

    padding-bottom: 100%;

    background-size: cover;

    background-position: 50%;

}



.portfolio-type-packery .portfolio-item .a-img div {

    padding-bottom: 0%;

}



.portfolio-item .a-img img {

    display: block;

    width: 100%;

}



.portfolio-type-justified .portfolio-item img {

    position: absolute;

    top: 50%;

    left: 50%;

}



.portfolio-item h6 {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 0;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

    z-index: 2;

    font-size: 16px;

}



.portfolio-item:hover h6 {

    opacity: 1;

    visibility: visible;

}



.portfolio-item h6 .cell {

    width: 10000px;

    height: 85px;

    padding: 15px 0;

}



.hover-style1 .portfolio-item h6 .cell > span {

    display: block;

    max-width: 240px;

    margin: 0 auto;

}



.portfolio-item .readmore-link {

    display: block;

    font-size:  11px;

    letter-spacing: .2em;

    text-transform:  uppercase;

    line-height: normal;

}



.portfolio-item .readmore-link:before {

    content: "";

    display: block;

    width: 50px;

    height: 2px;

    background: #e31043;

    margin: 20px auto;

}



.portfolio-item > a {

    position: absolute;

    top: 0;

    left: 15px;

    right: 15px;

    bottom: 0;

    z-index: 2;

}



.portfolio-type-justified .portfolio-item > a {

    left: 0;

    right: 0;

}



.portfolio-type-carousel .portfolio-item a {

    left: 0;

    right: 0;

}



.portfolio-type-packery.gap-on .portfolio-item a {

    top: 15px;

    bottom: 15px;

}



.gap-off .portfolio-item a {

    left: 0;

    right: 0;

}



.load-items-area {

    display: none !important;

}



.load-button {

    margin: 0 0 30px;

    width: 100%;

    padding-bottom: 20px;

    position: relative;

    z-index: 1;

}



.woocommerce + .load-button {

    margin-top: 15px;

}



.blog-items + .load-button {

    margin: 0 0 30px 0;

    padding: 0;

}



.portfolio-items + .load-button {

    padding: 0;

    margin: 0 0 30px;

}



.portfolio-items.hover-style2 + .load-button {

    margin-top: 0px;

}



.portfolio-items.hover-style1 + .load-button {

    margin-top: 20px;

}



.portfolio-type-justified + .load-button,

.portfolio-type-packery + .load-button {

    margin: 15px 0 30px;

}



.portfolio-items.gap-off + .load-button {

    margin: 30px 0;

}



.portfolio-items.space-on + .load-button {

    margin-bottom: 30px;

}



.portfolio-items + .load-button a {

    font-size: 11px;

    line-height: 16px;

    padding: 10px 25px;

}



.portfolio-type-packery.cols-2 .portfolio-item:nth-child(3n+2):before {

    padding-bottom: 133.5%;

}



.portfolio-type-packery.cols-3 .portfolio-item:nth-child(5n+2):before {

    padding-bottom: 133.5%;

}



.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+4) {}



.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+4):before {

    padding-bottom: 134%;

}



.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5) {

    width: 50%;

}



.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5):before {

    padding-bottom: 33.5%;

}



.hover-style1 .portfolio-item a {}



.hover-style1 .portfolio-item .wrap {

    color: #000;

    box-shadow: none;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    transition: all 0.3s linear;

    overflow: visible;

}



.hover-style1 .portfolio-item:hover .wrap {

    top: 10px;

    left: -10px;

}



.hover-style1 .portfolio-item .wrap:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #e31043;

    z-index: -1;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.hover-style1 .portfolio-item:hover .wrap:after {

    top: -10px;

    left: 10px;

}



.hover-style1 .portfolio-item .wrap:before {

    background: #fff;

}



.hover-style1 .portfolio-item h6 {

    font-size: 24px;

    text-transform: none;

    z-index: 3;

}



.hover-style2 .portfolio-item .wrap:before {

    display: none;

}



.hover-style2 .portfolio-item h6 {

    color: #575757;

    top: auto;

    bottom: 0;

    -moz-transform: translate(0%, 100%);

    -ms-transform: translate(0%, 100%);

    -webkit-transform: translate(0%, 100%);

    -o-transform: translate(0%, 100%);

    transform: translate(0%, 100%);

    opacity: 1;

    visibility: visible;

    background: #070707;

    background: rgba(7, 7, 7, 0.9);

    background: #070707e6;

    font-size: 16px;

    letter-spacing: .1em;

}



.site-light .hover-style2 .portfolio-item h6 {

    background: #fff;

    background: rgba(255, 255, 255, 0.9);

    background: #ffffffe6;

    color: #575757;

}



.hover-style2 .portfolio-item:hover h6 {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.hover-style2 .portfolio-item h6 .cell span:after,

.hover-style7 .portfolio-item .h-b .cell span:after {

    content: "\e905";

    font-family: 'simple-icon-set' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 12px;

    margin-left: 10px;

}



.hover-style3 .portfolio-item h6 {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    top: auto;

    bottom: 60px;

    text-align: left;

    font-size: 18px;

    text-transform: none;

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    opacity: 1;

}



.hover-style3 .portfolio-item:hover h6 {

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}



.hover-style3 .portfolio-item h6 .cell {

    height: auto;

    padding: 0 40px;

}



.hover-style3 .portfolio-item a:before,

.hover-style3 .portfolio-item a:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 50px;

    height: 1px;

    width: 0;

    background: #f4f4f4;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.hover-style3 .portfolio-item:hover a:before {

    width: 100%;

}



.hover-style3 .portfolio-item a:after {

    background: #e31043;

}



.hover-style3 .portfolio-item:hover a:after {

    width: 40px;

}



.hover-style4 .portfolio-item a:before,

.hover-style4 .portfolio-item a:after,

.hover-style4 .portfolio-item a span:before,

.hover-style4 .portfolio-item a span:after {

    content: "";

    position: absolute;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0.5;

    background: #fff;

}



.hover-style4 .portfolio-item a:before,

.hover-style4 .portfolio-item a:after {

    top: 18px;

    bottom: 18px;

    width: 1px;

}



.hover-style4 .portfolio-item a:before {

    left: 18px;

    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);

    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);

}



.hover-style4 .portfolio-item a:after {

    right: 18px;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

}



.hover-style4 .portfolio-item a span:before,

.hover-style4 .portfolio-item a span:after {

    height: 1px;

    left: 18px;

    right: 18px;

}



.hover-style4 .portfolio-item a span:before {

    top: 18px;

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

}



.hover-style4 .portfolio-item a span:after {

    bottom: 18px;

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

}



.hover-style4 .portfolio-item:hover a:before,

.hover-style4 .portfolio-item:hover a:after,

.hover-style4 .portfolio-item:hover a span:before,

.hover-style4 .portfolio-item:hover a span:after {

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    transition-delay: .2s;

}



.hover-style4 .portfolio-item .h-i span {

    position: absolute;

    z-index: 2;

    width: 1px;

    height: 1px;

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: .6;

}



.hover-style4 .portfolio-item:hover .h-i span {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}



.hover-style4 .portfolio-item .h-i span:nth-child(1) {

    top: 18px;

    left: 18px;

}



.hover-style4 .portfolio-item .h-i span:nth-child(2) {

    top: 18px;

    right: 18px;

}



.hover-style4 .portfolio-item .h-i span:nth-child(3) {

    bottom: 18px;

    right: 18px;

}



.hover-style4 .portfolio-item .h-i span:nth-child(4) {

    left: 18px;

    bottom: 18px;

}



.hover-style4 .portfolio-item .h-i span:before,

.hover-style4 .portfolio-item .h-i span:after {

    content: "";

    position: absolute;

    background: #fff;

    top: 0;

    left: 0;

    margin: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.site-light .hover-style4 .portfolio-item .h-i span:before,

.site-light .hover-style4 .portfolio-item .h-i span:after {

    background: #9a9a9a;

}



.hover-style4 .portfolio-item .h-i span:before {

    width: 0;

    height: 1px;

}



.hover-style4 .portfolio-item .h-i span:after {

    height: 0;

    width: 1px;

}



.hover-style4 .portfolio-item:hover .h-i span:before {

    width: 9px;

    margin-left: -4px;

}



.hover-style4 .portfolio-item:hover .h-i span:after {

    height: 9px;

    margin-top: -4px;

    margin-top: -4px;

}



.hover-style4 .portfolio-item h6 {

    font-size: 16px;

    font-weight: 300;

    text-transform: none;

    top: auto;

    text-align: left;

    bottom: 60px;

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    padding-left: 90px;

    padding-right: 30px;

    color: #989796;

}



.hover-style4 .portfolio-item h6:before,

.hover-style4 .portfolio-item h6:after {

    content: "";

    position: absolute;

    left: 18px;

    top: 50%;

    height: 1px;

    width: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    background: #fff;

    transition-delay: .3s;

}



.hover-style4 .portfolio-item h6:before {

    opacity: .2;

}



.hover-style4 .portfolio-item:hover h6:before {

    width: 55px;

}



.hover-style4 .portfolio-item h6:after {}



.hover-style4 .portfolio-item:hover h6:after {

    width: 1px;

    left: 72px;

}



.hover-style4 .portfolio-item h6 .cell {

    height: auto;

    padding: 0;

}



.hover-style5 .portfolio-item .cell-block {

    position: absolute;

    top: 50%;

    left: 30px;

    right: 30px;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    z-index: 2;

}



.hover-style5 .portfolio-item .cell-block h4 {

    text-transform: none;

    font-weight: 500;

    font-size: 24px;

    line-height: 1.2;

    -moz-transform: translate(0%, -100px);

    -ms-transform: translate(0%, -100px);

    -webkit-transform: translate(0%, -100px);

    -o-transform: translate(0%, -100px);

    transform: translate(0%, -100px);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

    visibility: hidden;

}



.hover-style5 .portfolio-item .cell-block .button-style4 {

    -moz-transform: translate(0%, 100px);

    -ms-transform: translate(0%, 100px);

    -webkit-transform: translate(0%, 100px);

    -o-transform: translate(0%, 100px);

    transform: translate(0%, 100px);

    opacity: 0;

    visibility: hidden;

}



.hover-style5 .portfolio-item:hover .cell-block h4,

.hover-style5 .portfolio-item:hover .cell-block .button-style4 {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    opacity: 1;

    visibility: visible;

}



.hover-style5 .portfolio-item a:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    box-shadow: 0 0 0 1px transparent;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

}



.hover-style5 .portfolio-item:hover a:before {

    box-shadow: 0 0 0 1px;

    opacity: .5;

    top: 10px;

    left: 10px;

    right: 10px;

    bottom: 10px;

    color: #e31043;

}



.hover-style6 .portfolio-item h6 {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    top: auto;

    bottom: 55px;

    text-align: left;

    font-size: 18px;

    text-transform: none;

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    opacity: 1;

}



.hover-style6 .portfolio-item:hover h6 {

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}



.hover-style6 .portfolio-item h6 .cell {

    height: auto;

    padding: 0 60px;

}



.hover-style6 .portfolio-item a:before,

.hover-style6 .portfolio-item a:after,

.hover-style6 .portfolio-item a span:before,

.hover-style6 .portfolio-item a span:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 35px;

    height: 1px;

    width: 0;

    background: #f4f4f4;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.hover-style6 .portfolio-item:hover a:before {

    width: 100%;

}



.hover-style6 .portfolio-item:hover a span:before {

    height: 100%;

}



.hover-style6 .portfolio-item a:after,

.hover-style6 .portfolio-item a span:after {

    background: #e31043;

}



.hover-style6 .portfolio-item a span:before,

.hover-style6 .portfolio-item a span:after {

    bottom: 0;

    left: 35px;

    height: 0;

    width: 1px;

}



.hover-style6 .portfolio-item:hover a:after {

    width: 35px;

}



.hover-style6 .portfolio-item:hover a span:after {

    height: 35px;

}



.hover-style7 .portfolio-item {

    /* margin-bottom: 0; */

}



.hover-style7 .img-count {

    position: absolute;

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    z-index: 2;

    text-align: center;

    left: 15px;

    right: 15px;

}



.hover-style7 .img-count i {

    color: #696969;

    font-size: 40px;

    margin-bottom: 5px;

    display: block;

    -moz-transform: translate(0%, -100%);

    -ms-transform: translate(0%, -100%);

    -webkit-transform: translate(0%, -100%);

    -o-transform: translate(0%, -100%);

    transform: translate(0%, -100%);

}



.hover-style7 .img-count span {

    display: block;

    font-size: 14px;

    color: #c5c3c3;

    font-weight: 500;

    -moz-transform: translate(0%, 100%);

    -ms-transform: translate(0%, 100%);

    -webkit-transform: translate(0%, 100%);

    -o-transform: translate(0%, 100%);

    transform: translate(0%, 100%);

    transition-delay: 0s;

}



.hover-style7 .img-count i,

.hover-style7 .img-count span {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

    visibility: hidden;

}



.hover-style7 .portfolio-item:hover .img-count i,

.hover-style7 .portfolio-item:hover .img-count span {

    opacity: 1;

    visibility: visible;

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.hover-style7 .portfolio-item:hover .img-count span {

    transition-delay: .2s;

}



.hover-style7 .portfolio-item .h-b {

    position: relative;

    top: 0;

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    opacity: 1;

    visibility: visible;

    font-size: 16px;

    font-weight: 500;

    color: #c5c3c3;

}



.portfolio-type-justified.hover-style7 .portfolio-item .h-b {

    position: absolute;

    bottom: 0;

    top: auto;

}



.hover-style7.portfolio-type-justified .portfolio-item .wrap {

    top: 1px;

    left: 1px;

    right: 1px;

    bottom: 65px;

}



.hover-style7 .portfolio-item .h-b .cell {

    height: 65px;

    padding: 5px 30px;

}



.hover-style7 .portfolio-item .h-b .cell span:after {

    opacity: .5;

}



.portfolio-item-style2 {

    margin-bottom: 25px;

}



.portfolio-item-style2 .wrap {}



.portfolio-item-style2 .a-img {

    position: relative;

    background: 50% no-repeat;

    background-size: cover;

}



.portfolio-item-style2 .a-img:before {

    content: "";

    display: block;

    padding-bottom: 55%;

}



.portfolio-item-style2 .a-img a {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 10px;

    width: 4em;

    height: 4em;

    line-height: 4em;

    text-align: center;

    margin-left: -2em;

    margin-top: -2em;

    text-decoration: none;

    background: #e31043;

    color: #fff;

    border-radius: 50%;

}



.portfolio-item-style2 .a-img a:before {

    content: "";

    position: absolute;

    top: -3px;

    left: -3px;

    right: -3px;

    bottom: -3px;

    border: 1px solid #fff;

    border-radius: 50%;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



.portfolio-item-style2 .a-img a:hover:before {

    top: -6px;

    left: -6px;

    right: -6px;

    bottom: -6px;

}



.portfolio-item-style2 .a-img a i {

    vertical-align: middle;

}



.portfolio-item-style2 h6 {

    font-size:  14px;

    font-weight: 300;

    letter-spacing: .1em;

    text-transform:  uppercase;

    text-align: center;

    margin: 0;

}



.portfolio-item-style2 h6 a {

    display: table-cell;

    width: 1300px;

    height: 60px;

    vertical-align: middle;

}





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

[3.5 Projects slider ]

*/



.project-horizontal-cell {

    display: table-cell;

    vertical-align: middle;

}



.pt-portfolio.type-pt-portfolio.hentry {

    margin: 0;

}



.projects-slider {

    min-height: 600px;

}



.projects-slider.style3 {

    height: auto !important;

}



.projects-content {

    width: 275px;

    float: left;

    position: relative;

    z-index: 2;

}



.style2 .projects-content {

    width: 475px;

    width: 42%;

}



.style2 .projects-content:before {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    width: 190px;

    height: 430px;

    background: #000;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    opacity: 0.05;

}



.projects-content .cell {

    padding: 15px 0;

    width: 1324px;

}



.projects-content .heading-decor {}



.style2 .projects-content .heading-decor {

    margin-top: -55px;

}



.projects-content .num-nav {

    max-width: 190px;

}



.projects-slider.style3 .num-nav {

    max-width: 260px;

    margin-bottom: 10px;

}



.projects-content .num-nav .owl-item:last-of-type,

.project-content .num-nav .owl-item:last-of-type,

.product-carousel-side .num-nav .owl-item:last-of-type {

    margin-right: 0 !important;

}



.projects-content .num-nav .owl-prev,

.projects-content .num-nav .owl-next,

.project-content .num-nav .owl-prev,

.project-content .num-nav .owl-next,

.product-carousel-side .num-nav .owl-prev,

.product-carousel-side .num-nav .owl-next {

    opacity: 0.2;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    font-size: 0.7em;

    position: absolute;

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.projects-content .num-nav .owl-prev.disabled,

.projects-content .num-nav .owl-next.disabled,

.project-content .num-nav .owl-prev.disabled,

.project-content .num-nav .owl-next.disabled,

.product-carousel-side .num-nav .owl-prev.disabled,

.product-carousel-side .num-nav .owl-next.disabled {

    opacity: 0;

}



.projects-content .num-nav .owl-prev,

.project-content .num-nav .owl-prev,

.product-carousel-side .num-nav .owl-prev {

    left: -20px;

}



.projects-content .num-nav .owl-next,

.project-content .num-nav .owl-next,

.product-carousel-side .num-nav .owl-next {

    right: -20px;

}



.projects-content .num-nav .item,

.project-content .num-nav .item,

.product-carousel-side .num-nav .item {

    opacity: 0.2;

    font-size: 1.286em;

    font-weight: lighter;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-bottom: 2px solid transparent;

    cursor: pointer;

}



.projects-content .num-nav .active-item .item,

.project-content .num-nav .active-item .item,

.product-carousel-side .num-nav .active-item .item {

    opacity: 1;

    border-bottom-color: #f8e382;

}



.projects-content .current-num {

    font-size: 14.286em;

    line-height: 1em;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-heading-area {

    position: relative;

    padding: 45px 0;

}



.project-heading-area .current-num {

    font-size: 5.143em;

    font-weight: bold;

    position: absolute;

    top: 50%;

    left: 0;

    opacity: 0.2;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.projects-slider .fadeOut {

    opacity: 0 !important;

    visibility: hidden;

}



.project-before-after-page {

}



.projects-content .project-heading {

    background: #51c2cd;

    color: #fff;

    font-size: 2.571em;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1em;

    padding: 25px 0 25px 1000px;

    margin: 20px 0 15px;

    margin-left: -1000px;

    margin-right: -120px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-heading-area .project-heading {

    padding: 0 0 0 50px;

    margin: 0;

    background: none;

    color: inherit;

}



.projects-content .project-desc {

    font-weight: 300;

    line-height: 1.714em;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.style2 .projects-content .project-desc {

    border-bottom: 2px solid #51c2cd;

    max-width: 350px;

    padding-bottom: 30px;

}



.project-read-more {

    margin-top: 85px;

}



.project-content .project-read-more {

    color: #51c2cd;

    margin: 0;

    font-size: 13px;

    text-transform: uppercase;

    position: absolute;

    top: 85px;

    right: -15px;

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -webkit-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.project-content .project-read-more a {

    text-decoration: none;

}



.project-content .project-read-more a i {

    font-size: 10px;

    vertical-align: middle;

    margin-top: -3px;

    display: inline-block;

    margin-right: 3px;

}



.all-button {

    position: relative;

}



.all-button.right {

    text-align: right;

}



.all-button:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -1030px;

    width: 1000px;

    height: 2px;

    background: #feb539;

    margin-top: -1px;

    opacity: .5;

}



.all-button.right:before {

    right: -1030px;

    left: auto;

}



.projects-content .all-button {

    margin-top: 25px;

}



.all-button a {

    display: block;

    text-transform: uppercase;

    text-decoration: none;

    opacity: .2;

}



.all-button a:hover {

    opacity: 1;

}



.all-button i {

    margin-left: 7px;

    font-size: 0.8em;

    vertical-align: middle;

    display: inline-block;

    margin-top: -0.3em;

}



.project-items-area {

    margin-left: 300px;

}



.style2 .project-items-area {

    margin-left: 42%;

}



.project-items {

    float: left;

    /* width: auto !important; */

    overflow: hidden;

    min-height: 600px;

}



.projects-slider.style3 .project-items {

    width: 100%;

    float: none;

    height: 480px !important;

    min-height: 480px;

    overflow: visible;

}



.project-items .owl-nav {

    display: none;

}



.style3 .project-items .owl-nav {

    display: block;

    position: absolute;

    right: -10px;

    bottom: -45px;

}



.style2 .project-items .owl-nav {

    display: block;

    position: absolute;

    top: 50%;

    right: -5px;

    margin-top: -250px;

}



.project-items .owl-nav > div {

    display: inline-block;

    margin: 0 5px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-items .owl-nav > div.disabled {

    opacity: 0;

}



.style2 .project-items,

.style2 .project-items .item {}



.project-items .owl-item {

    overflow: hidden;

}



.project-items .item {

    position: relative;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.projects-slider.style3 .project-items .item {

    height: 480px !important;

}



.projects-slider.style3 .project-items .item .button-style2 {

    display: none;

}



.project-items .active + .active .item .img {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: blur(10px);

}



.project-items .img {

    background-size: cover;

    background-position: 50%;

    min-height: 550px;

}



.projects-slider.style3 .project-items .img {

    min-height: 480px;

    height: 480px !important;

}



.style2 .project-items .img {

    max-height: 430px;

    min-height: auto;

    position: relative;

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.project-items .next-slide {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    font-size: 1.714em;

    color: #fff;

    text-transform: uppercase;

    font-weight: 300;

    white-space: nowrap;

    width: 90px;

    cursor: pointer;

}



.style2 .project-items .next-slide {

    display: none;

}



.project-items .active + .active .next-slide {

    opacity: 1;

    visibility: visible;

}



.project-items .next-slide div {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: rotate(-90deg) translate(-50%, -50%);

    -ms-transform: rotate(-90deg) translate(-50%, -50%);

    -webkit-transform: rotate(-90deg) translate(-50%, -50%);

    -o-transform: rotate(-90deg) translate(-50%, -50%);

    transform: rotate(-90deg) translate(-50%, -50%);

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

}



.project-items .thumbnails {

    position: absolute;

    bottom: 15px;

    right: 15px;

}



.project-items .thumbnails .thumb {

    display: inline-block;

    width: 55px;

    height: 55px;

    background-size: cover;

    background-position: 50%;

    margin-left: 15px;

    border-radius: 50%;

    opacity: 0.6;

    box-shadow: inset 0 0 0 1px #fff;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    cursor: pointer;

}



.style2 .project-items .thumbnails .thumb,

.style3 .project-items .thumbnails .thumb {

    width: 10px;

    height: 10px;

    background-image: none !important;

    background: #fff;

    opacity: 1;

    box-shadow: none !important;

}



.style2 .project-items .thumbnails .thumb.active,

.style3 .project-items .thumbnails .thumb.active {

    background: #51c2cd;

}



.project-items .thumbnails .thumb:not(.active):hover {

    opacity: .8;

}



.project-items .thumbnails .thumb.active {

    box-shadow: inset 0 0 0 3px #fff;

    opacity: 1;

}



.project-items .button-style2 {

    position: absolute;

    left: 0;

    bottom: 25px;

    background: #fff;

    color: #4b4b4b;

}



.style2 .project-items .button-style2 {

    display: none;

}



.project-items .active + .active .button-style2 {

    opacity: 0;

    visibility: hidden;

}



.project-items .button-style2:hover {

    background: #4b4b4b;

    color: #fff;

}



.separator {

    color: #e31043;

    font-size: 10px;

}



.project-grid-page .load-items {

    display: none !important;

}



.post-gallery-grid {}



.post-gallery-grid a {

    display: block;

    margin-bottom: 30px;

    background: #000;

    border: 1px solid #eeeeee;

    background-size: cover;

    background-position: 50%;

}



.site-dark .post-gallery-grid a {

    border-color: #393939;

}



.post-gallery-grid .grid a:before {

    content: "";

    display: block;

    padding-bottom: 67%;

}



.post-gallery-grid img {

    display: block;

    width: 100%;

}



.project-content-area {

    background: #fff;

    border: 1px solid #eeeeee;

    padding: 55px 65px 0;

    margin-bottom: 50px;

}



.site-dark .project-content-area {

    background: #070707;

    border-color: #393939;

}



.project-content-area .page-title {

    margin: 0 0 25px;

}



.project-content {

    margin-bottom: 30px;

    color: #878787;

    font-weight: 300;

    line-height: 1.875em;

}



.project-horizontal-slider .item.content-item .project-content {

    max-width: 530px;

}



.project-packery-page .page-title {

    margin-bottom: 15px;

}



.project-packery-page .page-title,

.project-packery-page .breadcrumbs {

    text-align: center;

}



.project-packery-page .project-content {

    text-align: center;

}



.project-image-load-button {

    text-align: center;

    margin: 0 0 35px;

}



.project-content .current-num {

    float: left;

    font-size: 7.143em;

    font-weight: bold;

    opacity: .2;

    line-height: 100px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-content .project-heading {

    padding-left: 110px;

    font-size: 3.429em;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1em;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-content .project-heading span {

    display: table-cell;

    height: 100px;

    vertical-align: middle;

}



.project-content .date {

    color: #f8b53a;

    font-weight: 600;

    font-size: 10px;

    font-style: italic;

    margin: 6px 0 25px;

    font-family: "Open Sans";

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-content .project-desc {

    padding-right: 40px;

    max-width: 480px;

    line-height: 1.714em;

    font-weight: 300;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-content .project-desc:after {

    content: "";

    display: block;

    width: 100%;

    max-width: 350px;

    height: 2px;

    background: #51c2cd;

    margin-top: 20px;

}



.project-content .read-more-link {}



.project-content .read-more-link i {}



.project-side-images {

    margin-top: 30px;

}



.project-side-images > .row {

    margin: 0 -35px;

}



.project-side-images > .row > div,

.wpb_fixed > div {

    position: static !important;

}



.project-side-images > .row .col-xs-12 {

    padding: 0 35px;

}



.project-side-images .content {}



.project-side-images.left_side .content {

    float: right;

}



.project-side-images .content .block {}



.project-side-images .content .page-title {

    margin-top: 0;

}



.project-side-images .content .text {

    color: #949494;

    font-weight: 300;

    line-height: 1.875em;

}



.project-detail {

    font-weight: bold;

    overflow: hidden;

    margin: 30px 0;

}



.project-detail.row {

    margin: 30px -15px;

}



.project-slider-page .project-detail.row,

.project-before-after-page .project-detail.row {

    margin-bottom: 0;

}



.project-side-images .project-detail {}



.project-detail .item {

    margin-bottom: 30px;

    float: left;

    width: 50%;

    padding-left: 25px;

    position: relative;

    text-transform: uppercase;

    letter-spacing: .1em;

}



.project-detail.row .item {

    width: 100%;

}



.project-detail .item:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    width: 1px;

    height: 40px;

    margin-top: -20px;

    background: #e31043;

}



.project-detail .item .h {

    font-size: 18px;

    margin-bottom: 5px;

}



.project-detail .item span {

    font-size: 14px;

    font-weight: 300;

}



.project-side-images .images {}



.project-side-images .images .items {}



.project-side-images.right_side .images .items {

    margin: 0 -12px;

}



.project-side-images .images .item {

    margin-bottom: 40px;

}



.project-side-images.right_side .images .item {

    margin-bottom: 25px;

    padding: 0 12px;

    float: left;

    width: 100%;

}



.project-side-images.right_side .images .item a {

    display: block;

    padding-bottom: 65%;

    background-size: cover;

    background-position: 50%;

}



.project-side-images .images .item img {

    display: block;

}



.project-bottom {

    background: #f8f8f8;

    padding: 25px 0;

}



.project-bottom .fl,

.project-bottom .fr {

    max-width: 320px;

}



.project-bottom .fr {

    text-align: right;

}



.project-bottom .button-style2 {

    margin-bottom: 10px;

}



.project-bottom .name {

    font-weight: bold;

    text-transform: lowercase;

}



.project-bottom .center {

    position: absolute;

    left: 50%;

    top: 50%;

    font-size: 20px;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.project-bottom .center a {

    text-decoration: none;

    display: block;

}





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

[3.5 Filter buttons ]

*/



.filter-button-group,

.category-buttons {

    margin: 45px 0;

    color: #b1b0b0;

}



.filter-button-group.style2 {

    margin: 30px 0;

}



.filter-button-group .wrap {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    z-index: 1;

}



.filter-button-group .wrap:after {

    content: "";

    position: absolute;

    left: -2000px;

    right: -2000px;

    bottom: 9px;

    height: 1px;

    background: #f0f0f0;

    z-index: -1;

}



.filter-button-group.style2 .wrap:after {

    display: none;

}



.site-dark .filter-button-group .wrap {

    box-shadow: inset 0 -1px 0 #4a4a4a;

}



.filter-button-group button,

.filter-button-group a,

.category-buttons a {

    border: none;

    background: none;

    padding: 10px 10px 30px;

    text-decoration: none;

    line-height: normal;

    font-size: 12px;

    font-weight: 600;

    border-radius: 0;

    text-transform: uppercase;

    letter-spacing: .05em;

    color: #878787;

    display: inline-block;

    position: relative;

}



.filter-button-group.style2 button {

    padding: 10px 0 15px;

    font-weight: 500;

    letter-spacing: .2em;

}



.filter-button-group.style2 button.active {

    color: #000;

}



.filter-button-group button:after,

.filter-button-group a:after,

.category-buttons a:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 19px;

    height: 19px;

    margin-left: -9.5px;

    border: 1px solid #f0f0f0;

    background: #fff;

    border-radius: 50%;

    box-shadow: inset 0 0 0 4px #fff;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.filter-button-group.style2 button:after {

    width: 0;

    margin: 0;

    border: none;

    box-shadow: none;

    height: 2px;

    border-radius: 0;

    left: 0;

}



.filter-button-group button.active:after,

.filter-button-group a.active:after,

.category-buttons a.active:after {

    background: #e31043;

    border-color: #e31043;

}



.filter-button-group.style2 button.active:after {

    width: 100%;

}



.filter-button-group.tac button,

.filter-button-group.tac a,

.category-buttons.tac a {

    margin: 0 15px 0;

}



.filter-button-group.tac button:first-of-type,

.filter-button-group.tac a:first-of-type,

.category-buttons.tac a:first-of-type {

    margin-left: 0;

}



.filter-button-group.tac button:last-of-type,

.filter-button-group.tac a:last-of-type,

.category-buttons.tac a:last-of-type {

    margin-right: 0;

}



.filter-button-group.tal button:not(:last-of-type),

.filter-button-group.tal a:not(:last-of-type),

.category-buttons.tal a:not(:last-of-type) {

    margin-right: 30px;

}



.filter-button-group.tar button:not(:first-of-type),

.filter-button-group.tar a:not(:first-of-type),

.category-buttons.tar a:not(:first-of-type) {

    margin-left: 30px;

}



.filter-button-group button.active,

.filter-button-group a.active,

.category-buttons a.active {

    opacity: 1;

}



.filter-button-group button:not(.active):hover,

.category-buttons a:not(.active):hover {

    color: inherit;

}



.post-gallery-packery {}



.post-gallery-packery .item {

    position: relative;

}



.post-gallery-packery.count-1 .item {

    width: 100%;

}



.post-gallery-packery.count-2 .item {

    width: 50%;

}



.post-gallery-packery.count-3 .item {

    width: 50%;

}



.post-gallery-packery.count-4 .item {

    width: 33.33333%;

}



.post-gallery-packery.count-5 .item {

    width: 25%;

}



.post-gallery-packery .item a {

    display: block;

    background-size: cover;

    background-position: 50%;

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

}



.post-gallery-packery .item:before {

    content: "";

    display: block;

    padding-bottom: 67%;

}



.post-gallery-packery.count-3 .item:nth-child(3n+2):before {

    padding-bottom: 134%;

}



.post-gallery-packery.count-4 .item:nth-child(4n+1):before,

.post-gallery-packery.count-4 .item:nth-child(4n+3):before {

    padding-bottom: 134%;

}



.post-gallery-packery.count-5 .item:before {}



.post-gallery-packery.count-5 .item:nth-child(5n+2) {

    width: 50%;

}



.post-gallery-packery.count-5 .item:nth-child(5n+2):before {

    padding-bottom: 67%;

}



.filter-button-on-side {

    position: absolute;

    top: 10px;

    left: 0;

    max-width: 155px;

}



.filter-button-on-side .wrap {}



.filter-button-on-side button {

    display: block;

    position: relative;

    background: none;

    border: none;

    color: #c0c0c0;

    font-size:  12px;

    text-transform:  uppercase;

    letter-spacing: .2em;

    font-weight: 500;

    margin-bottom: 30px;

    width: 100%;

    text-align: left;

}



.filter-button-on-side button:before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 0;

    height: 3px;

    background: #e31043;

    margin-top: -2px;

}



.filter-button-on-side button.active {

    color: #000000;

    padding-left: 27px;

}



.filter-button-on-side button.active:before {

    width: 15px;

}



.filter-buttons-on-side {

    padding-left: 165px;

    position: relative;

}



.filter-buttons-on-side .portfolio-items {}





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

[3.6 Pagination ]

*/



.pagination {

    margin: 30px -5px 60px;

    padding: 0;

    color: #aeaeae;

}



.blog-items + .pagination,

.woocommerce + .pagination {

    margin-top: 0;

}



.pagination > span,

.pagination > a {

    display: inline-block;

    vertical-align: middle;

    min-width: 30px;

    line-height: 30px;

    height: 30px;

    color: #bfbfbf;

    text-align: center;

    margin: 0 5px;

    background: #fff;

    font-size: 14px;

    font-weight: bold;

    border: 1px solid #eeeeee;

}



.site-dark .pagination > span,

.site-dark .pagination > a {

    background: #070707;

    color: #6f6f6f;

    border-color: #6f6f6f;

}



div.pagination > span,

div.pagination .current,

.site-dark div.pagination > span,

.site-dark div.pagination .current {

    background-color: #e31043;

    color: #fff;

    border-color: transparent;

}



.pagination i {

    display: block;

    line-height: 33px;

}



.pagination a {

    text-decoration: none;

}





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

[3.12 Blog ]

*/



.blog-items {}



.blog-items.increased-indent {

    margin-left: -22px;

    margin-right: -22px;

}



.blog-item {

    margin-bottom: 30px;

}



.blog-item.sticky .wrap {

    border: 1px solid #eee;

}



.blog-items.increased-indent .blog-item {

    padding-left: 22px;

    padding-right: 22px;

}



.search-results .blog-item {

    margin-bottom: 30px;

}



.search-results .blog-item .content {

    padding-bottom: 30px;

}



.blog-item .wrap {

    background: #fff;

}



.site-dark .blog-item .wrap {

    background: #070707;

    border-color: #393939;

}



.blog-type-horizontal .blog-item .wrap {

    position: relative;

}



.blog-item .wrap .img {

    overflow: hidden;

    position: relative;

    border-bottom: 1px solid #eeeeee;

}



.site-dark .blog-item .wrap .img,

.site-dark .blog-type-horizontal .blog-item .wrap .img {

    border-color: #393939;

}



.blog-type-horizontal .blog-item .wrap .img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 45%;

    margin: 0;

    border-bottom: none;

    border-right: 1px solid #eeeeee;

}



.blog-item .wrap .img > a {

    display: block;

    background-size: cover;

    background-position: 50%;

}



.blog-type-standart .blog-item .wrap .img a {

    padding-bottom: 66%;

}



.blog-type-horizontal .blog-item .wrap .img > a {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}



.blog-type-grid .blog-item .wrap .img > a:before {

    content: "";

    display: block;

    padding-bottom: 65%;

    min-height: 150px;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.blog-type-grid .blog-item:hover .wrap .img a:before {

    background: rgba(0, 0, 0, 0.2);

    background: #00000033;

}



.blog-item .wrap .img img {

    display: block;

}



.blog-item .wrap .content {

    padding: 10px 30px 30px;

}



.blog-item .wrap .content > h6 {

    font-size: 24px;

    margin-bottom: 15px;

    line-height: 1em;

    font-weight: 500;

}



.blog-type-horizontal .blog-item .wrap .content > h6 {

    margin-top: 0;

}



.blog-type-grid .blog-item .wrap .content,

.blog-type-masonry .blog-item .wrap .content {

    padding-bottom: 0;

}



.blog-item .wrap .content > h5 {

    margin-top: 14px;

    margin-bottom: 14px;

}



.blog-type-horizontal .blog-item .wrap .content > h5 {

    height: auto !important;

    margin-top: 0;

}



.blog-type-horizontal .blog-item .wrap .content {

    padding: 30px 30px 0;

}



.blog-type-horizontal .blog-item .wrap .img + .content {

    margin-left: 45%;

}



.blog-item .wrap .content > h4 {

    margin: 14px 0 11px;

}



.blog-detail,

.blog-item .wrap .blog-detail,

.site-content .blog-detail {

    font-size: 11px;

    margin: 20px 0 15px;

    font-weight: bold;

    text-transform: uppercase;

}



.blog-detail > * {

    display: inline-block;

}



.blog-detail a,

.blog-item .wrap .blog-detail a,

.site-content .blog-detail a {

    text-decoration: none;

}



.blog-type-horizontal .blog-item .wrap .blog-detail {

    margin: 15px 0;

}



.blog-detail > *:not(:last-of-type) {

    margin-right: 20px;

}



.blog-detail i {

    font-size: 14px;

    vertical-align: middle;

    display: inline-block;

    margin-right: 7px;

    opacity: 0.3;

}



.blog-detail i + span {

    vertical-align: middle;

    display: inline-block;

}



.blog-detail span {

    color: #e31043;

}



.site-content .blog-detail {

    margin: 0px 0 5px;

}



.site-content .page-title + .blog-detail {

    margin-top: 0px;

}



.post-items .site-content .blog-detail {

    margin-bottom: 7px;

}



.site-content .blog-detail a {

    text-decoration: none;

}



.blog-item .wrap .blog-detail > *,

.site-content .blog-detail > * {

    display: inline-block;

    vertical-align: top;

}



.sticky-a i {

    margin-right: 5px;

}



.blog-item .wrap .date {}



.blog-item .wrap .categories {

    /* font-style: italic; */

}



.blog-item .wrap .text {

    line-height: 1.714em;

    font-size: 14px;

    margin-bottom: 15px;

    font-weight:  300;

    color: #6a6a6a;

    color: #6a6a6a;

}



.blog-item .wrap .bottom {

    overflow: hidden;

    border-top: 2px solid #fafafa;

    margin: 20px -30px 0;

    text-align: center;

    font-style: italic;

    font-size: 11px;

    padding: 6px 18px 3px;

    color: #6a6a6a;

}



.blog-type-horizontal .blog-item .wrap .bottom {

    padding: 9px 30px;

    margin: 25px -30px 0;

    text-align: left;

}



.site-dark .blog-item .wrap .bottom {

    border-color: #393939;

    color: #878787;

}



.blog-item .wrap .bottom > div {

    float: left;

    margin: 18px 0px;

    width: 50%;

}



.blog-item .wrap .bottom > div * {

    display: inline-block;

    vertical-align: top;

}



.blog-item .wrap .bottom a {

    text-decoration: none;

}



.blog-item .wrap .bottom i {

    margin-right: 13px;

    font-size: 15px;

    color: #c0c0c0;

    margin-top: 0px;

}





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

[ 3.13 Countdown ]

*/



.countdownHolder {

    margin: 30px auto;

}



.fp-coming-soon .countdownHolder {}



.countdownHolder.medium {

    margin-bottom: 30px;

}



.countdownHolder > * {

    display: inline-block;

    vertical-align: middle;

    text-align: center;

}



.countdownHolder > *:not(:last-of-type) {

    margin: 0 45px 0 0;

}



.countdownHolder .position {

    display: inline-block;

    height: 1em;

    overflow: hidden;

    position: relative;

    width: 0.62em;

    font-size: 72px;

    margin: 0 -0.02em;

    cursor: default;

    font-weight: 100;

}



.countdownHolder.medium .position {

    font-size: 6.250em;

}



.countdownHolder .digit {

    /* position: relative; */

    display: block;

    width: 100%;

    text-align: center;

    letter-spacing: -1px;

    line-height: 1em;

}



.countdownHolder .name {

    display: block;

    font-size: 1.125em;

    text-transform: lowercase;

    margin-top: 5px;

    font-weight: 300;

    text-align: left;

    opacity: .5;

}



.countdownHolder.medium .name {

    font-size: 1.500em;

}



.countdownHolder .digit.static {}



.countdownHolder .countDiv {

    width: 1px;

    height: 13px;

    position: relative;

    background: #e31043;

    vertical-align: top;

    margin-top: 2em;

    display: none;

}





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

[ 3.14 Site content ]

*/



.site-content {}



.project-grid-page {

}



.site-content .heading-decor + .date {

    margin-top: 0;

}



.site-content .category {

    font-size: 12px;

    color: #927bca;

    margin: 20px 0;

    font-weight: 500;

    text-transform: uppercase;

}



.site-content .category a {

    text-decoration: none;

}



.page-title {

    margin-bottom: 40px;

    margin-top: 40px;

    position: relative;

    text-align: center;

}



.page-title.tal {

    text-align: left;

}



.woocommerce-page .page-title {

    text-align: left;

}



.woocommerce-checkout .page-title,

.woocommerce-cart .page-title {

    margin-bottom: 0;

}



.post-items .page-title {

    margin-bottom: 15px;

    text-align: left;

}



.post-items .page-title .sticky-a {

    position: absolute;

    left: -45px;

    font-size: 30px;

    top: 5px;

    color: #e4e2e2;

}



.post-items .post:first-of-type .page-title {

    margin-top: 15px;

}



.project-slider-page .page-title,

.project-masonry-page .page-title {

    margin-bottom: 25px;

}



.site-content .sub-h,

.fw-portfolio .sub-h {

    color: #575757;

    margin: 0 0;

}



.site-content .sub-h + .page-title,

.fw-portfolio .sub-h + .page-title {

    margin-top: 15px;

}



.post-img {

    text-align: center;

    margin-bottom: 30px;

    margin-top: 25px;

}



.post-items .post-img {

    margin-bottom: 30px;

}



.index-sidebar-row .post-img {

    margin-top: 0;

}



.post-img img {

    display: block;

    margin: 0 auto;

}



.adaptive-img .post-img img {

    max-height: 80vh;

    width: auto;

}



.post-content p,

.post-content ul,

.post-content ol,

.post-content address,

.post-content dl {

    color: #6a6a6a;

}



.post-items .post-content {

}



.post-items .post-content h1,

.post-items .post-content .h1 {

    font-size: 48px;

}



.post-items .post-content h2,

.post-items .post-content .h2 {

    font-size: 36px;

}



.post-items .post-content h3,

.post-items .post-content .h3 {

    font-size: 24px;

}



.post-items .post-content h4,

.post-items .post-content .h4 {

    font-size: 18px;

}



.post-items .post-content h5,

.post-items .post-content .h5 {

    font-size: 16px;

}



.post-items .post-content h6,

.post-items .post-content .h6 {

    font-size: 14px;

}



.post-content p,

.project-content p {

    line-height: 1.714em;

    font-weight: 300;

    font-size: 14px;

}



.type-page .post-content p {

    font-size: 16px;

}



.project-content p {}



.project-content p:first-of-type {

    margin-top: 0;

}



.post-bottom {

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 40px;

    color: #6a6a6a;

    font-size: 12px;

    /* border: 1px solid #ebebeb; */

    /* border-top: 1px solid #ebebeb; */

    /* border-bottom: 1px solid #ebebeb; */

    padding: 20px 30px;

    background: #fff;

}



.ps-bottom .post-bottom {

    margin: 0;

}



.post-bottom > [class^="pb-"] {

    display: inline-block;

    vertical-align: middle;

    margin: 0 45px 0 0;

    font-style: italic;

}



.site-dark .post-bottom {

    border-color: #393939;

    color: #afafaf;

}



.post-bottom .pb-like,

.post-bottom .pb-comments {}



.post-bottom .pb-like > *,

.post-bottom .pb-comments > *,

.post-bottom .pb-like > * > *,

.post-bottom .pb-comments > * > * {

    display: inline-block;

    vertical-align: middle;

    text-decoration: none;

}



.post-bottom .pb-like i,

.post-bottom .pb-comments i {

    margin-right: 10px;

    font-size: 15px;

    color: #d8d8d8;

}



.post-nav {

    text-decoration: none;

    padding: 0 0;

    display: inline-block;

    vertical-align: middle;

    /* margin: 0px 0; */

    line-height: 1em;

    font-style: normal;

}



.post-nav span,

.post-nav i {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.post-nav:hover span,

.post-nav:hover i {

    color: #2a52a6;

}



.post-nav.next {

    padding-left: 15px;

}



.prev + .post-nav.next:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 1px;

    height: 10px;

    border-right: 1px solid;

    margin-right: 17px;

}



.post-nav span {

    font-size: 12px;

    display: inline-block;

    vertical-align: middle;

    font-style: italic;

}



.post-nav i {

    margin: 0;

    font-size: 15px;

    display: inline-block;

    vertical-align: middle;

    color: #d8d8d8;

}



.post-nav span + i {

    margin-left: 10px;

}



.post-nav i + span {

    margin-left: 10px;

}





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

[3.15 Comments ]

*/



.comment-items-wrap {

    margin-top: 25px;

    margin-bottom: 60px;

}



.comment-items {

    margin: 0;

    padding: 0;

}



.comment-items .comment-item {

    display: block;

    position: relative;

    padding: 30px 25px;

    background: #fff;

    margin-bottom: 20px;

}



.site-dark .comment-items .comment-item {

    background: #070707;

}



.comment-items .comment-item .comment-respond {

    padding: 6px 30px 20px;

    background: #fff;

    border: 1px solid #eeeeee;

    margin: 0;

    margin-top: 20px;

}



.site-dark .comment-items .comment-item .comment-respond {

    background: #070707;

    border-color: #393939;

}



.comment-items .comment-item .image + .area + .comment-respond {

    /* margin-left: 80px; */

}



.comment-items .comment-item .comment-respond > h6 small {

    float: right;

    font-size: 14px;

}



.comment-items > .comment-item:last-of-type {

    border-bottom: none;

}



.comment-items .comment-item .image {

    float: left;

    width: 95px;

    top: 0;

    left: 0;

    background: #fff;

    border-radius: 50%;

    overflow: hidden;

}



.site-dark .comment-items .comment-item .image {

    border-color: #393939;

    background: #070707;

}



.comment-items .comment-item .image div {

    padding-bottom: 100%;

    background-size: cover;

    background-position: 50%;

    position: relative;

    z-index: 2;

}



.comment-items .comment-item .area {

    overflow: hidden;

    min-height: 95px;

}



.site-dark .comment-items .comment-item .area {

    border-color: #393939;

}



.comment-items .comment-item .image + .area {

    margin-left: 120px;

}



.comment-items .comment-item .top {

    padding: 0 95px 0 0;

    position: relative;

}



.comment-items .comment-item .image + .top {

    padding-left: 225px;

}



.comment-items .children .comment-item .top {}



.comment-items .comment-item .top .cell {}



.comment-items .comment-item .top h5 {

    margin: 0;

    font-weight: normal;

    font-size: 16px;

    font-family: inherit;

    text-transform: capitalize;

}



.comment-items .comment-item .replytocom {

    position: absolute;

    top: 25px;

    right: 25px;

    text-decoration: none;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 500;

    color: #6a6a6a;

    z-index: 2;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.comment-items .comment-item .replytocom:hover {

    opacity: 1;

}



.comment-items .children .comment-item .replytocom {

    /* right: 0; */

}



.comment-items .comment-item .replytocom span {

    display: inline-block;

}



.comment-items .comment-item:hover .replytocom {

    opacity: 1;

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.comment-items .comment-item .replytocom i {

    font-size: 14px;

    margin-left: 10px;

    left: 0;

    position: relative;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.comment-items .comment-item .replytocom:hover i {}



.comment-items .comment-item .text {

    position: relative;

    min-height: 85px;

    overflow: hidden;

}



.comment-items .comment-item .image + .text {

    margin-left: 110px;

}



.comment-items .comment-item .text > h6 {

    margin: 0px 0 10px;

    font-weight: 600;

    padding: 5px 0 10px 0;

    font-size: 18px;

    border-bottom: 1px solid #ececec;

    overflow: hidden;

    position: relative;

}



.comment-items .comment-item .date {

    font-size: 11px;

    font-weight: bold;

    margin-top: 7px;

}



.comment-items .comment-item .date > * {

    display: inline-block;

    vertical-align: middle;

}



.comment-items .comment-item .date i {

    font-size: 15px;

    color: #c0c0c0;

    margin-right: 5px;

}



.comment-items .comment-item .date span {

    color: #e31043;

    line-height: 1em;

}



.comment-items .comment-item .content {

    line-height: 1.500em;

    padding: 10px 0px;

    position: relative;

    line-height: 1.500em;

    font-size: 14px;

    border-left-width: 0px;

    font-weight: 300;

    color: #646464;

}



.comment-items .comment-item .image + .area .content {}



.site-dark .comment-items .comment-item .content {

    border-color: #393939;

}



.comment-items .comment-item .image + .top + .content {

    padding-left: 225px;

}



.comment-items .comment-item .text .content a {

    color: #50c2cf;

}



.comment-items .children {

    margin: 0;

    padding: 0 0 0 50px;

    border-bottom: 1px solid #eaeaea;

    position: relative;

    z-index: 1;

}



.comment-items .children:last-of-type {

    border-bottom: none;

}



.comment-items .comment-item + .children {

    position: relative;

    /* overflow: hidden; */

}



.comment-items .children .comment-item + .comment-item {

    margin-top: 0;

}



.comment-items .children .comment-item:not(:first-of-type):before {

    display: none;

}



.comment-form {

    padding-bottom: 10px;

    /* width: 100%; */

    padding-top: 15px;

}



.comments-area {

    margin-top: 75px;

}



.page + .comments-area {

    margin-top: 30px;

}



.comment-respond {

    margin-bottom: 20px;

    position: relative;

}



.comment-item .heading-decor {

    text-align: left;

}



.comment-respond label {

    font-size: 14px;

    color: #6a6a6a;

    margin-bottom: 10px;

    display: block;

    font-weight: 500;

}



.comment-respond .style1 {

    margin-bottom: 30px;

    border: none;

    border-bottom: 2px solid #c6c6c6;

    background: transparent;

}



.comment-respond textarea.style1 {

    height: 80px;

}





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

[ 3.16 Project page ]

*/



.post-gallery-masonry {}



.post-gallery-masonry > div {

    padding-bottom: 30px;

}



.post-gallery-masonry img {

    display: block;

}



.project-slider-area {

    position: relative;

}



.project-slider {

    margin-bottom: 35px !important;

    /* padding-bottom: 45px; */

}



.project-slider-carousel {

    margin-bottom: 25px !important;

}



.project-slider .item {

    text-align: center;

}



.project-slider .item .cell {

    /* height: 590px; */

    width: 1800px;

}



.project-slider .item img {

    max-height: 800px;

    margin: 0 auto;

    width: auto;

    display: inline-block;

    vertical-align: middle;

}



.project-slider-carousel .item {

    padding-bottom: 60%;

    background-size: cover;

    background-position: 50%;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    cursor: pointer;

}



.project-slider-carousel .active-item .item {

    box-shadow: inset 0 0 0 2px #e31043;

}



.project-slider .owl-nav {}



.project-slider .owl-prev,

.project-slider .owl-next {

    position: absolute;

    top: 50%;

    width: 40px;

    line-height: 40px;

    margin-top: -20px;

    text-align: center;

    display: block;

    vertical-align: middle;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.project-slider .owl-prev:hover,

.project-slider .owl-next:hover {

    color: #e31043;

}



.project-slider .owl-prev {

    left: -60px;

}



.project-slider .owl-next {

    right: -60px;

}



.project-slider .owl-dots {

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 14px;

    font-weight: bold;

    color: #bbbaba;

}



.project-slider .owl-dots .owl-dot {

    counter-increment: slides-num;

    display: inline-block;

    margin-right: 15px;

}



.project-slider .owl-dots .owl-dot.active {

    color: #e31043;

}



.project-slider .owl-dots .owl-dot:before {

    content: '0'counter(slides-num);

}



.project-horizontal {

    position: relative;

    padding-left: 420px;

    min-height: 600px;

}



.project-horizontal .content {

    position: absolute;

    left: 130px;

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    z-index: 2;

    max-width: 340px;

}



.project-horizontal .content .date {

    max-width: 430px;

}



.project-horizontal .content .text {

    max-width: 260px;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.714em;

}



.type-fw-portfolio-horizontal {

    margin-bottom: 0;

}



.project-horizontal-slider {

    padding: 20px 30px 0;

}



.project-horizontal-slider.owl-carousel.owl-loaded {

    margin-bottom: 0;

}



.project-horizontal-slider .item {}



.project-horizontal-slider .item.content-item {

    width: 620px;

}



.project-horizontal-slider img {

    width: auto;

    display: block;

    height: 500px;

    max-height: 800px;

    border: 1px solid #eeeeee;

}



.site-dark .project-horizontal-slider img {

    border-color: #363636;

}



.project-horizontal-slider a * {

    /* display: inline-block; */

    /* vertical-align: middle; */

}



.project-horizontal-slider a i {

    margin: 0 10px;

}



.project-horizontal-slider .owl-nav {

    position: absolute;

    bottom: -47px;

    right: 15px;

    display: none !important;

}



.project-horizontal-slider .owl-prev,

.project-horizontal-slider .owl-next {

    display: inline-block;

    margin: 0 5px;

    vertical-align: middle;

}



.project-horizontal-slider .owl-stage {

    min-width: 10000000px;

}



.project-horizontal-img {

    min-height: 600px;

    background-position: 50%;

    background-size: contain;

    background-repeat: no-repeat;

}



.project-horizontal-slider .item.phs-nav {

    height: 500px;

    position: relative;

    width: 85px;

}



.project-horizontal-slider .ps-bottom {

    padding-top: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate3d(-50%, -50%, 0) rotate(-90deg) perspective(1px);

    -ms-transform: translate3d(-50%, -50%, 0) rotate(-90deg) perspective(1px);

    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) perspective(1px);

    -o-transform: translate3d(-50%, -50%, 0) rotate(-90deg) perspective(1px);

    transform: translate3d(-50%, -50%, 0) rotate(-90deg) perspective(1px);

}



.project-horizontal-slider .ps-bottom .ps-slider-arrow {

    width: 200px;

}



.project-horizontal-slider .ps-bottom .image {

    display: none;

}



.project-horizontal-slider .ps-bottom .ps-slider-arrow .cell {

    height: 85px;

}



.project-horizontal-slider .ps-bottom .ps-b-button {

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}





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

[3.15 Portfolio slider]

*/



.portfolio-slider-area {}



.portfolio-slider {}



.portfolio-slider .fadeIn {

    animation-name: fadeIn2 !important;

    opacity: 1

}



@-webkit-keyframes fadeIn2 {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 1;

    }

}



@keyframes fadeIn2 {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 1;

    }

}



.portfolio-slider .fadeOut {

    animation-name: fadeOut2 !important;

    opacity: 0

}



@-webkit-keyframes fadeOut2 {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 1;

    }

}



@keyframes fadeOut2 {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 1;

    }

}



.portfolio-slider .ps-item {

    position: relative;

    min-height: 485px;

}



.portfolio-slider .left-block {

    padding-left: 90px;

    position: absolute;

    top: 170px;

    z-index: 2;

}



.portfolio-slider .categories {

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    -ms-transition: all 0.8s ease;

    transition: all 0.8s ease;

    display: inline-block;

}



.portfolio-slider .categories,

.portfolio-slider .title,

.portfolio-slider .readmore-button {

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

}



.portfolio-slider .active .categories,

.portfolio-slider .fadeIn .categories,

.portfolio-slider .active .title,

.portfolio-slider .fadeIn .title,

.portfolio-slider .active .readmore-button,

.portfolio-slider .fadeIn .readmore-button {

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}



.portfolio-slider .active .categories,

.portfolio-slider .fadeIn .categories {

    transition-delay: .8s;

}



.portfolio-slider .active .title,

.portfolio-slider .fadeIn .title {

    transition-delay: .9s;

}



.portfolio-slider .active .readmore-button,

.portfolio-slider .fadeIn .readmore-button {

    transition-delay: 1s;

}



.portfolio-slider .categories a {

    font-size: 12px;

    color: #e31043;

    text-transform: uppercase;

    text-decoration: none;

}



.portfolio-slider .categories a:not(:last-of-type):after {

    content: "\00a0\00a0|\00a0\00a0";

}



.portfolio-slider .title {

    position: relative;

    max-width: 565px;

    z-index: 100;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

    padding-left: 90px;

    margin-left: -90px;

    margin-top: -10px;

    margin-bottom: -10px;

}



.portfolio-slider .title .num {

    font-size: 60px;

    line-height: 1.25em;

    color: #404040;

    font-weight: 600;

    position: absolute;

    top: 0;

    left: 0;

}



.portfolio-slider .title .h {

    padding: 10px 0;

}



.portfolio-slider .readmore-button {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.portfolio-slider .readmore-button .button-style1 {}



.portfolio-slider .right {

    margin-left: 345px;

    position: relative;

    z-index: 1;

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    -webkit-transition: all 1.1s ease;

    -moz-transition: all 1.1s ease;

    -o-transition: all 1.1s ease;

    -ms-transition: all 1.1s ease;

    transition: all 1.1s ease;

}



.portfolio-slider .active .right,

.portfolio-slider .fadeIn .right {

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    transition-delay: 1s;

}



.portfolio-slider .fadeOut .right {

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

}



.portfolio-slider .ps-single-image {

    height: 485px;

    background-size: cover;

    background-position: 50%;

}



.portfolio-slider > .owl-dots {

    position: absolute;

    top: 80px;

    left: 0;

}



.portfolio-slider > .owl-dots .owl-dot {

    counter-increment: slides-num;

    display: inline-block;

    vertical-align: middle;

    padding: 2px 4px;

    color: #454545;

    font-size: 12px;

    border-bottom: 1px solid transparent;

    margin-right: 8px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.portfolio-slider > .owl-dots .owl-dot.active {

    color: inherit;

    border-bottom-color: #e31043;

}



.portfolio-slider > .owl-dots .owl-dot:before {

    content: counter(slides-num);

}



.portfolio-slider > .owl-dots .owl-dot:nth-child(1):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(2):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(3):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(4):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(5):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(6):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(7):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(8):before,

.portfolio-slider > .owl-dots .owl-dot:nth-child(9):before {

    content: '0'counter(slides-num);

}



.ps-thumb-slider {}



.ps-thumb-slider .ps-ts-item {

    height: 485px;

    background-size: cover;

    background-position: 50%;

}



.ps-thumb-slider .owl-dots {

    position: absolute;

    right: 20px;

    bottom: 10px;

}



.ps-thumb-slider .owl-dot {

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 1px solid #7e7e7e;

    margin-left: 5px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.ps-thumb-slider .owl-dot.active {

    background: #404040;

    box-shadow: inset 0 0 0 1px #070707;

}



.ps-bottom {

    padding-top: 45px;

    overflow: hidden;

    position: relative;

    min-height: 80px;

}



.project-slider-page .ps-bottom {}



.project-grid-page .ps-bottom {

    background: #fff;

    border: 1px solid #eeeeee;

    padding: 35px 55px;

}



.site-dark .project-grid-page .ps-bottom {

    background: #070707;

    border-color: #393939;

}



.ps-slider-arrow {

    position: relative;

    width: 320px;

    cursor: pointer;

    z-index: 1;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    display: block;

    text-decoration: none;

}



.ps-slider-arrow.prev {

    float: left;

    text-align: right;

    padding-right: 60px;

}



.ps-slider-arrow.prev.out {}



.ps-slider-arrow.next {

    float: right;

    padding-left: 60px;

}



.ps-slider-arrow.next.out {}



.ps-slider-arrow i {

    position: absolute;

    top: 50%;

    color: #818181;

    margin-top: -.5em;

}



.ps-slider-arrow.prev i {

    right: 10px;

}



.ps-slider-arrow.next i {

    left: 10px;

}



.ps-slider-arrow .image {

    position: absolute;

    top: 0;

    left: 0;

    height: 120px;

    width: 180px;

    background-size: cover;

    background-position: 50%;

    z-index: -1;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.ps-slider-arrow.prev.out .image {

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

}



.ps-slider-arrow.next.out .image {

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

}



.ps-slider-arrow.next .image {

    left: auto;

    right: 0;

}



.ps-slider-arrow .cell {

    height: 120px;

    width: 260px;

}



.ps-slider-arrow .label {

    font-size: 12px;

    text-transform: uppercase;

    color: #575757;

    font-weight: 700;

    margin-bottom: 10px;

}



.ps-slider-arrow .title {

    font-size: 14px;

    font-weight: bold;

    line-height: 1.143em;

}



.ps-slider-arrow .title span {

    max-width: 140px;

    display: inline-block;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.ps-slider-arrow.prev.out .title span {

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

}



.ps-slider-arrow.next.out .title span {

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

}



.ps-b-button {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, 0%);

    -ms-transform: translate(-50%, 0%);

    -webkit-transform: translate(-50%, 0%);

    -o-transform: translate(-50%, 0%);

    transform: translate(-50%, 0%);

}



.project-grid-page .ps-b-button {

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}





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

[3.15 Subscribe block ]

*/



.subscribe-block {

    color: #4e4e4e;

}



.subscribe-block > * {

    display: inline-block;

    vertical-align: middle;

}



.subscribe-block .heading {

    text-transform: uppercase;

    font-size: 12px;

    line-height: 1.167em;

    border-bottom: 1px solid;

    padding-bottom: 5px;

    min-width: 75px;

    margin-right: 15px;

}



.subscribe-block img {}





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

[3.15 Subscribe form ]

*/



.subscribe-form {

    max-width: 270px;

    position: relative;

    background: #f5f5f5;

    color: #666666;

    overflow: hidden;

    text-align: left;

}



.subscribe-form p {

    margin: 0;

}



.banner .subscribe-form {

    margin-top: -15px;

}



.tac .subscribe-form {

    margin: 0 auto;

}



.coming-soon .subscribe-form {

    margin: 0 auto;

}



.subscribe-form .ajax-loader {

    display: none !important;

}



.subscribe-form input.style1 {

    font-size: 14px;

    border-bottom: 0;

    margin-bottom: 0;

    padding: 0 20px;

    height: 40px;

    line-height: 40px;

}



.subscribe-form .button-submit {

    float: right;

    position: absolute;

    top: -1px;

    right: -1px;

    width: 50px;

    height: 40px;

    background: none;

    color: #e31043;

    border: none;

    font-size: 18px;

}



.subscribe-form > div {}



.subscribe-form .input {

    margin-bottom: 0;

    line-height: 45px;

    font-size: 14px;

    color: #989898;

    padding: 0 45px 0 18px;

    border: none;

    background: #faf6f5;

}



.subscribe-form2 {

    text-align: center;

}



.subscribe-form2 .style2 {

    text-align: center;

}



.subscribe-form2 .button-style2 {}



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

[ 3.21 Video Background ]

*/



.jquery-background-video-wrapper {

    position: relative;

    overflow: hidden;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

}



.jquery-background-video {

    position: absolute;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    top: 50%;

    left: 50%;

    -o-object-fit: contain;

    object-fit: contain;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.js .jquery-background-video.is-visible {

    opacity: 1;

}



.jquery-background-video-pauseplay {

    position: absolute;

    background: transparent;

    border: none;

    box-shadow: none;

    width: 20px;

    height: 20px;

    top: 15px;

    right: 15px;

    padding: 0;

    cursor: pointer;

    outline: none !important;

}



.jquery-background-video-pauseplay span {

    display: none;

}



.jquery-background-video-pauseplay:after,

.jquery-background-video-pauseplay:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.jquery-background-video-pauseplay.play:before {

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 15px solid #FFF;

}



.jquery-background-video-pauseplay.pause:before,

.jquery-background-video-pauseplay.pause:after {

    border-top: 10px solid #FFF;

    border-bottom: 10px solid #FFF;

    border-left: 5px solid #FFF;

}



.jquery-background-video-pauseplay.pause:after {

    left: 10px;

}



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

[3.12 Skills ]

*/



.skill-item-line {

    margin-bottom: 30px;

}



.skill-item-line.line-with-icon {

    text-align: center;

}



.skill-item-line .icon {

    font-size: 30px;

    color: #828282;

}



.skill-item-line.right {

    text-align: right;

}



.skill-item-line h6 {

    font-size: 16px;

    margin: 10px 0;

    font-family: inherit;

    font-weight: 500;

}



.skill-item-line.line-with-icon h6 {

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: .2em;

    margin: 20px 0;

}



.skill-item-line .line {

    position: relative;

    background: #dadada;

    margin: 10px 0 25px;

    height: 2px;

}



.skill-item-line.line-with-icon .line {

    margin: 20px 0 5px;

}



.site-dark .skill-item-line .line {

    background: #f4f0f0;

}



.skill-item-line .line div {

    background: #2a52a6;

    height: 2px;

    position: relative;

}



.skill-item-line.right .line div {

    float: right;

}



.skill-item-line .line span {

    position: absolute;

    bottom: 100%;

    font-size: 14px;

    font-weight: normal;

    right: 0;

    margin-bottom: 9px;

    letter-spacing: .05em;

    color: #828282;

    font-weight: 500;

}



.skill-item-line.right .line span {

    left: 0;

    right: auto;

}



.skill-item-line .percent {

    font-size: 12px;

    font-weight: bold;

    color: #e31043;

}



.skill-item-dots {

    text-align: center;

    margin-bottom: 25px;

}



.skill-item-dots .dots {

    margin-bottom: 5px;

}



.skill-item-dots .dots span {

    display: inline-block;

    width: 8px;

    height: 8px;

    background: #dedede;

    border-radius: 50%;

    margin: 0 2px;

    vertical-align: middle;

}



.skill-item-dots .dots span.active {

    background: #e31043;

}



.skill-item-dots h6 {

    margin: 0;

    color: #828282;

    font-weight: 500;

    text-transform:  uppercase;

    font-size: 12px;

    letter-spacing: .2em;

}



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

[ 3.21 Breadcrumbs ]

*/



.breadcrumbs {

    color: #6a6a6a;

    margin: 30px 0 30px;

    font-size: 12px;

}



.breadcrumbs + .page-title {

    margin-top: -5px;

}



.breadcrumbs span {}



.breadcrumbs a {}



.breadcrumbs .sep {}



.breadcrumbs .current {}



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

[ 3.21 Brand Logos ]

*/



.brand-logo-items {

    text-align: justify;

    font-size: 0.01em;

    line-height: 0;

}



.brand-logo-items:after {

    content: "";

    display: inline-block;

    width: 100%;

}



.brand-logo-items .brand-logo-item {

    display: inline-block;

    display: inline;

    vertical-align:  middle;

    text-align: center;

    width: 180px;

    margin: 25px 0;

}



.brand-logo-items .brand-logo-item img {

    vertical-align: middle;

}



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

[ 3.21 Blog post ]

*/



.blog-post-widget {}



.blog-post-widget .item {

    overflow: hidden;

    position: relative;

    margin-bottom: 10px;

    padding: 5px 0;

}



.s-sidebar .blog-post-widget .item {

    border-bottom: 1px solid #ededed;

    margin: 0;

    padding: 15px 0;

}



.s-sidebar .blog-post-widget .item:last-of-type {

    border: none;

}



.site-footer .blog-post-widget .item {

    max-width: 230px;

}



.blog-post-widget .item .image {

    width: 70px;

    height: 70px;

    display: block;

    float: left;

    background-size: cover;

    background-position: 50%;

}



.site-dark .blog-post-widget .item .image {

    border-color: #393939;

}



.blog-post-widget .item .text {

    margin-left: 90px;

    text-align: left;

}



.blog-post-widget .item .text .cell {}



.blog-post-widget .item .name {

    line-height: 18px;

    font-size: 16px;

    display: block;

    text-decoration: none;

    /* margin-top: 5px; */

    letter-spacing: .025em;

}



.blog-post-widget .item .name:hover {

    text-decoration: none;

}



.blog-post-widget .item .blog-detail {

    font-size: 12px;

    color: #e31043;

    margin: 5px 0 5px 0;

    font-weight: 600;

}



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

[ 3.21 Page 404 ]

*/



.block-404,

.block-coming-soon {

    background-size: cover;

    background-position: 50%;

    background-repeat: no-repeat;

    color: #000;

}



.block-404.dark,

.block-coming-soon.dark {

    color: #fff;

}



.block-404 .cell,

.block-coming-soon .cell {

    height: 100vh;

    padding: 85px 0 30px;

}



.block-coming-soon .cell {

    vertical-align: bottom;

    padding-bottom: 100px;

}



.block-404 .cell {

    width: 1040px;

}



.block-coming-soon .countdownHolder {

    margin-bottom: 65px;

}



.block-404 .sub-h,

.block-coming-soon .sub-h {

    margin: 0 0 0;

    color: #575757;

    font-size: 14px;

    text-transform: uppercase;

}



.block-404 .h,

.block-coming-soon .h {

    margin-top: 10px;

    margin-bottom: 0;

    font-size: 72px;

    font-weight: 500;

    color: #e31043;

}



.block-coming-soon h1.h {

    color: inherit;

}



.block-coming-soon .h span {

    color: #e31043;

}



.block-404 p {

    margin-bottom: 25px;

    margin-top: 15px;

    font-size: 24px;

    font-weight: 500;

}



.block-coming-soon p {

    opacity: 0.5;

    padding: 0.5em 0 0;

}



.block-404 p span, 

.block-coming-soon p span {

    color: #e31043;

}



.block-404 .button-style2 {}





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

[ 3.21 Page Coming Soon ]

*/



.sub-form {

    max-width: 450px;

    position: relative;

    border: 2px solid;

    border-radius: 20px;

}



.block-coming-soon .sub-form {

    margin-top: 25px;

}



.sub-form p {

    margin: 0;

}



.sub-form .input {

    background: transparent;

    border: none;

    color: inherit;

    font-size: 12px;

    letter-spacing: .2em;

    text-transform: uppercase;

    font-weight: bold;

    padding: 8px 70px 8px 25px;

    line-height: 25px;

    width: 100%;

}



.sub-form .wpcf7-submit {

    position: absolute;

    top: 0;

    right: 0;

    padding: 5px 20px;

    font-size: 16px;

    line-height: 31px;

    background: none;

    border: none;

}





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

[ 3.21 Tabs ]

*/



.tabs {

    margin: 30px 0;

    /* overflow: hidden; */

}



.tabs .tabs-head {

    margin-bottom: 25px;

    display: inline-block;

    color: #b5b5b5;

}



.tabs-horizontal.tabs-style1 .tabs-head {

    margin: 0 auto;

    text-transform: uppercase;

    overflow: visible;

    display: table;

    border-radius: 20px;

    box-shadow: inset 0 0 0 2px #eaeaea;

}



.tabs.tabs-style1 .tabs-head .item {

    margin-right: 10px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: bold;

    padding: 15px 30px;

    border-radius: 20px;

    line-height: 11px;

    cursor: pointer;

    letter-spacing: .2em;

    border: 2px solid transparent;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.tabs-horizontal.tabs-style2 .tabs-head {

    margin: 0 auto;

    font-family: "Montserrat";

    text-transform: uppercase;

    overflow: visible;

    display: table;

}



.tabs.tabs-style2 .tabs-head .item {

    text-transform: uppercase;

    font-size: 0.750em;

    font-weight: 600;

    padding: 15px 25px;

    cursor: pointer;

    box-shadow: inset 0px -1px 0 #dbdfe3;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.tabs-horizontal .tabs-head .item {

    float: left;

    border-bottom: 0;

}



.tabs-horizontal .tabs-head .item:last-of-type {

    margin-bottom: 0;

}



.tabs .tabs-head .item:last-of-type {

    margin-right: 0;

}



.tabs.tabs-style1 .tabs-head .item.active-tab {

    border-color: #e31043;

    color: #e31043;

}



.tabs.tabs-style2 .tabs-head .item.active-tab {

    box-shadow: inset 0px -2px 0;

    color: #e31043;

}



.tabs.tabs-style2 .tabs-head .item.active-tab .cell {

    color: #000;

}



.tabs .tabs-head .item .cell {}



.tabs .tabs-body {

    margin-top: 70px;

}



.tabs-horizontal .tabs-body {}



.tabs .tabs-body .item {

    display: none;

    overflow: hidden;

    position: relative;

    padding-bottom: 50px;

}



.tabs .tabs-body .image {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 500px;

    max-height: 400px;

    background-size: contain;

    background-position: 50%;

    background-repeat: no-repeat;

}



.tabs .tabs-body .wrap {}



.tabs .tabs-body .image + .wrap {

    margin-left: 50%;

}



.tabs.tabs-style1 .tabs-body .wrap h4 {

    margin-top: 0;

    font-weight: 300;

    color: #000000;

}



.tabs.tabs-style2 .tabs-body .wrap h4 {

    margin-top: 0;

    font-weight: 700;

    font-size: 30px;

    line-height: 36px;

    color: #000000;

}



.tabs .tabs-body .text {

    line-height: 1.875em;

    font-weight: 300;

    color: #a3a3a3;

}



.tabs .tabs-body .text .image {}



.tabs .tabs-body .button-style1 {

    margin-top: 30px;

}





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

[ 3.30 Product list widget ]

*/



.product_list_widget {

    margin: 0;

    padding: 0;

}



.product_list_widget li {

    display: block;

    padding: 15px 0;

}



.product_list_widget li:first-of-type {

    padding-top: 0;

}



.product_list_widget li:last-of-type {

    border: none;

}



.product_list_widget .image {

    float: left;

    width: 50px;

    overflow: hidden;

    position: relative;

}



.site-dark .product_list_widget .image {

    border-color: #393939;

}



.product_list_widget .image a {

    

}



.product_list_widget .image img {

    

float: none !important;

}



.product_list_widget .text {

    margin-left: 65px;

}



.product_list_widget .text .cell {

    height: 70px;

}



.product_list_widget .text .name {

    font-weight: 500;

    text-decoration: none;

    font-size: 12px;

    line-height: 1.286em;

    display: block;

    letter-spacing: .05em;

}



.product_list_widget .text .price {

    font-weight: 300;

    font-size: 16px;

    margin-bottom: 3px;

}



.product_list_widget .text .price .woocommerce-Price-currencySymbol {

    margin-right: 3px;

}



.product_list_widget .text .price del {

    font-size: 12px;

    color: #878787;

    display: inline-block;

    margin-right: 5px;

}



.product_list_widget .text .price del .woocommerce-Price-currencySymbol {

    margin: 0;

}



.product_list_widget .text .price ins {

    background: none;

    display: inline-block;

    vertical-align: top;

}



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

[ 3.21 Accordion ]

*/



.accordion-items {

    margin: 30px 0;

}



.accordion-item {

    background: #fafafa;

    border: 1px solid #e7e7e7;

    margin-bottom: -1px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    position: relative;

}



.style2 .accordion-item {

    margin-bottom: 20px;

    border: none;

    background: #fff;

}



.accordion-item:last-of-type {

    margin-bottom: 0;

}



.site-dark .accordion-item {

    background: #070707;

    border-color: #393939;

}



.accordion-item.active {

    z-index: 1;

}



.accordion-item .label {

    position: relative;

    cursor: pointer;

    line-height: 1em;

    padding-right: 70px;

    font-weight: 500;

}



.style2 .accordion-item .label {

    font-size:  14px;

    text-transform:  uppercase;

    color: #6a6a6a;

    font-weight: 400;

}



.site-dark .accordion-item .label {}



.accordion-item .label .cell {

    height: 58px;

    padding: 5px 0 5px 30px;

}



.style2 .accordion-item .label .cell {

    height: 60px;

}



.accordion-item .label span {

    position: absolute;

    width: 30px;

    height: 30px;

    right: 15px;

    top: 50%;

    margin-top: -15px;

}



.accordion-item .label span:before,

.accordion-item .label span:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    background: #e31043;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.site-dark .accordion-item .label span:before,

.site-dark .accordion-item .label span:after {

    background: #737373;

}



.accordion-item .label span:before {

    width: 13px;

    height: 3px;

    margin-left: -6px;

    margin-top: -1px;

}



.accordion-item .label span:after {

    width: 3px;

    height: 13px;

    margin-top: -6px;

    margin-left: -1px;

}



.accordion-item.active .label span {

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.accordion-item.active .label span:before,

.accordion-item.active .label span:after {

    background: #3d517d;

}



.accordion-item .text {

    display: none;

    font-size: 14px;

    padding: 5px 30px 25px;

    line-height: 1.714em;

    color: #989796;

}



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

[ 3.21 Icon Box ]

*/



.icon-box-style1 {

    text-align: center;

    color: #828282;

    margin: 30px 0;

}



.icon-box-style1 .icon {

    font-size: 30px;

    margin-bottom: 20px;

}



.icon-box-style1 .heading {

    font-size: 14px;

    text-transform:  uppercase;

    font-weight: 500;

    letter-spacing: .2em;

    margin: 0;

}



.icon-box-style2 {

    margin: 30px 0;

}



.icon-box-style2 .icon {

    font-size: 30px;

    color: #e31043;

}



.icon-box-style2 .heading {

    margin: 20px 0 0;

}



.icon-box-style3,

.icon-box-style4 {

    position: relative;

    margin-bottom: 30px;

}



.icon-box-style3 .icon {

    font-size: 40px;

    color: #d3d3d3;

    position: absolute;

    top: 50%;

    margin-top: -.5em;

}



.icon-box-style3 .icon + .content {

    padding-left: 65px;

}



.icon-box-style3 .heading {

    margin: 0 0 8px;

    color: #e31043;

    font-size:  36px;

    font-weight: 300;

    line-height: 1em;

}



.icon-box-style3 .desc {

    color: #adadad;

    font-size: 14px;

    line-height: 1.286em;

}



.icon-box-style4 {

    margin: 30px 0;

}



.icon-box-style4 .icon {

    position: absolute;

    font-size: 40px;

    color: #e31043;

    left: 0;

    top: -8px;

}



.icon-box-style4 .icon + .content {

    padding-left: 70px;

}



.icon-box-style4 .heading {

    margin: 0 0 15px;

}



.icon-box-style4 .desc {

    color: #a3a3a3;

    font-size:  14px;

    line-height: 1.714em;

    font-weight: 300;

}



.icon-box-style5 {

    text-align: center;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    background: #fff;

    position: relative;

    margin-bottom: 30px;

    z-index: 1;

}



.icon-box-style5:hover {

    box-shadow: 0px 10px 10px 0px rgba(45, 125, 210, 0.08);

    transform: scale(1.05);

    z-index: 2;

}



.icon-box-style5:before {

    content: "";

    display: block;

    padding-bottom: 100%;

}



.icon-box-style5 a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.icon-box-style5 .content {

    position: absolute;

    top: 50%;

    left: 10px;

    right: 10px;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.icon-box-style5 .content .icon {

    font-size:  40px;

    opacity: .5;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.icon-box-style5:hover .content .icon {

    opacity: 1;

    color: #2d7dd2

}



.icon-box-style5 .content .heading {

    font-size:  14px;

    text-transform:  uppercase;

    letter-spacing: .05em;

    font-weight: 500;

    margin: 20px 0 0;

}



.icon-box-style6 {

    margin-bottom: 30px;

    position: relative;

    padding-left: 35px;

    overflow: hidden;

}



.icon-box-style6.without-label-on-side {

    padding-left: 0;

}



.icon-box-style6 .side-label {

    position: absolute;

    text-transform:  uppercase;

    font-size:  14px;

    color: #d7d7d7;

    letter-spacing: .1em;

    line-height: 14px;

    bottom: 5px;

    left: 14px;

    white-space: nowrap;

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -moz-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    -webkit-transform-origin: 0% 100%;

    -o-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

}



.icon-box-style6 .icon {

    font-size: 60px;

    color: #e31043;

    margin-bottom: 15px;

}



.icon-box-style6 .content {}



.icon-box-style6 .heading {

    margin: 0 0 10px;

}



.icon-box-style6 .desc {

    font-size:  14px;

    color: #a3a3a3;

    font-weight: 300;

    line-height: 1.714em;

}



.icon-box-type2 {

    background: #e31043;

    color: #fff;

    position: relative;

    padding-left: 159px;

}



.icon-box-type2 .icon {

    width: 115px;

    line-height: 115px;

    float: left;

    font-size:  35px;

    text-align: center;

    border-right: 1px solid #fff;

    border-right: 1px solid rgba(255, 255, 255, 0.21);

    border-right: 1px solid #ffffff36;

    position: absolute;

    top: 0;

    left: 0;

}



.icon-box-type2 .cell {

    height: 115px;

}



.icon-box-type2 .sub-heading {

    text-transform:  uppercase;

    font-size:  12px;

    font-weight: bold;

}



.icon-box-type2 .heading {

    margin: 0;

}



.icon-box-type3-area {

    margin: 40px 0 0;

}



.icon-box-type3-area.hide-navigation {

    margin: 40px 0;

}



.icon-box-type3-items {}



.icon-box-type3-items .owl-item {

    counter-increment: icon-box-num;

}



.icon-box-type3-item {

    background: #fff;

    margin-right: 100px;

    padding: 35px 20px 50px 40px;

    position: relative;

}



.icon-box-type3-item .arrow {

    position: absolute;

    top: 50%;

    font-size: 20px;

    width: 100px;

    text-align: center;

    left: 100%;

    margin-top: -.5em;

    color: #e31043;

}



.owl-item:last-of-type .icon-box-type3-item .arrow {

    display: none

}



.icon-box-type3-item .num {

    font-size: 12px;

    color: #e31043;

    font-weight: bold;

    margin-bottom: 30px;

}



.hide-num .icon-box-type3-item .num {

    display: none;

}



.icon-box-type3-item .num:before {

    content: '0'counter(icon-box-num);

}



.icon-box-type3-item .num:nth-child(n+10):before {

    content: counter(icon-box-num);

}



.icon-box-type3-item .icon {

    font-size: 75px;

    margin-bottom: 18px;

    margin-top: 20px;

}



.icon-box-type3-item .heading {

    margin: 0 0 12px;

    font-weight: 500;

    line-height: 1em;

}



.icon-box-type3-item .heading:after {

    content: ".";

    font-size: 1.3em;

    color: #e31043;

    font-weight: 900;

}



.hide-dot .icon-box-type3-item .heading:after {

    display: none;

}



.icon-box-type3-item .desc {

    color: #a3a3a3;

    font-size: 14px;

    font-weight: 300;

    line-height: 2.143em;

}



.icon-box-type3-navigation {

    max-width: 400px;

    margin: 80px auto;

    position: relative;

    -moz-transform: translate(-50px, 0%);

    -ms-transform: translate(-50px, 0%);

    -webkit-transform: translate(-50px, 0%);

    -o-transform: translate(-50px, 0%);

    transform: translate(-50px, 0%);

}



.hide-navigation .icon-box-type3-navigation {

    display: none;

}



.icon-box-type3-navigation .arrows {}



.icon-box-type3-navigation .owl-prev,

.icon-box-type3-navigation .owl-next {

    position: absolute;

    top: 50%;

    margin-top: -.5em;

    line-height: 1em;

    color: #e31043;

    cursor: pointer;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.icon-box-type3-navigation .owl-prev.disabled,

.icon-box-type3-navigation .owl-next.disabled {

    color: inherit;

}



.icon-box-type3-navigation .owl-prev {

    left: 0;

}



.icon-box-type3-navigation .owl-next {

    right: 0;

}



.icon-box-type3-navigation .line {

    background: #fff;

    margin: 0 45px;

}



.icon-box-type3-navigation .line div {

    height: 2px;

    background: #e31043;

    width: 0;

}



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

[ 3.21 Benefit items ]

*/



.benefits-items {

    margin: 0;

}



.benefit-item {

    padding: 0;

    position: relative;

}



.benefit-item:nth-child(even) {

}



.bi-content {

    text-align: center;

    padding-top: 100%;

    position: relative;

}



.benefit-item:nth-child(even) .bi-content {

    margin-top: 100%;

}



.bi-content .cell {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.bi-content .heading {}



.bi-content .num {

    font-size:  85px;

    color: #e2e2e2;

    font-weight: bold;

    line-height: 0.8em;

}



.bi-content h5 {

    margin: 0 0 0;

}



.bi-content .num + h5 {

    margin-top: -0.9em;

}



.bi-content .options {

    color: #adadad;

    font-weight: 300;

    margin-top: 25px;

}



.bi-content .options .o-row {

    margin: 6px 0;

}



.bi-image {

    padding-bottom: 100%;

    background-size: cover;

    background-position: 50%;

}



.benefit-item:nth-child(even) .bi-image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

}



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

[ 3.21 Video block ]

*/



.video-block {

    color: #fff;

}



.video-block.black {

    color: #000;

}



.video-block a {

    display: block;

    text-decoration: none;

    background-size: cover;

    /* background-color: #232323; */

    background-position: 50%;

    padding-bottom: 55%;

    position: relative;

    border-radius: 5px;

}



.video-block.fix-height a {

    padding: 0;

}



.video-block a > div {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    width: 100%;

    padding: 0 30px;

    z-index: 2;

}



.video-block a > div .sub-h {

    color: #58dcfd;

    text-transform:  uppercase;

    font-weight: bold;

    font-size: 1.143em;

    margin-bottom: 5px;

}



.video-block a > div .h {

    margin-bottom: 0.2em;

    font-size: 3.429em;

    font-weight: bold;

}



.video-block a i {

    font-size: 20px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-radius: 50%;

    width: 3.800em;

    height: 3.800em;

    line-height: 3.800em;

    display: inline-block;

    text-align: center;

    background: #e31043;

    text-indent: 0.2em;

    position: relative;

}



.video-block a i:after {

    content: "";

    position: absolute;

    top: -5px;

    left: -5px;

    right: -5px;

    bottom: -5px;

    border: 1px solid #fff;

    border-radius: 50%;

}



.video-block a i:hover {

    color: #d7d7d7;

}



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

[ 3.21 Testimonials ]

*/



.testimonials {}



.testimonials.type2,

.testimonials.type3 {

    margin-bottom:  30px !important;

}



.testimonial-item {

    background-size: cover;

    background-position: 50%;

    overflow: hidden;

}



.testimonial-item .container {}



.testimonial-item .content {

    max-width: 520px;

    position: relative;

    z-index: 1;

}



.testimonials.type2 .testimonial-item .content {

    max-width: 100%;

}



.testimonial-item .cell {

    height: 640px;

    padding: 35px 0;

}



.type2 .testimonial-item .cell {

    height: auto;

}



.testimonial-item .bg-letter {

    font-size: 490px;

    position: absolute;

    top: 50%;

    left: 0;

    width:  100%;

    text-align: center;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    font-weight: bold;

    z-index: -1;

    opacity: .03;

    line-height: 1em;

    filter: alpha(opacity=3);

    font-family: 'Roboto Slab', serif;

}



.post-content .type2 .testimonial-item .bg-letter {

    font-size: 295px;

    text-align: left;

    padding-left: 40px;

}



.testimonial-item .h {

    margin: 0 0 40px;

    font-weight: normal;

}



.testimonial-item .quote {

    position: relative;

    padding-left: 70px;

    font-size: 18px;

    line-height: 2.000em;

    font-weight: 300;

}



.type2 .testimonial-item .quote {

    margin-top: 75px;

}



.post-content .testimonial-item .quote {

    color: #000;

}



.testimonial-item .quote:before {

    content: "“";

    color: #e31043;

    font-size:  100px;

    font-weight: 500;

    line-height: 0.9em;

    position: absolute;

    top: 0;

    left: 0;

}



.testimonial-item .bottom {

    margin-top: 35px;

}



.testimonial-item.without-avatar .bottom {

    margin: 0 0 0 75px;

}



.testimonial-item .bottom > * {

    display: inline-block;

    vertical-align: middle;

}



.testimonial-item .bottom .avatar {

    width: 95px;

    height: 95px;

    background-size: cover;

    border-radius: 50%;

    margin-right: 20px;

}



.testimonial-item .bottom h6 {

    font-size:  14px;

    font-weight: 300;

    font-style: italic;

    color: #6a6a6a;

}



.testimonial-item-t2 {

    text-align: center;

    background: #fff;

    padding: 40px 35px;

}



.testimonial-item-t2 .avatar {

    background: 50% no-repeat;

    background-size: cover;

    max-width: 100px;

    border-radius: 50%;

    margin: 0 auto 25px;

}



.testimonial-item-t2 .avatar:before {

    content: "";

    display: block;

    padding-bottom: 100%;

}



.testimonial-item-t2 .quote {

    font-size:  14px;

    color: #a3a3a3;

    font-weight: 300;

    line-height: 1.714em;

}



.testimonial-item-t2 .quote:before {

    content: "“";

    font-size:  48px;

    color: #e31043;

    text-align: center;

    display: block;

    font-weight: 500;

    line-height: 0.9em;

    margin-bottom: -0.2em;

}



.testimonial-item-t2 .bottom {

    margin-top: 15px;

}



.testimonial-item-t2 .bottom h6 {

    margin: 0;

    font-size:  16px;

    font-weight: 500;

}



.testimonial-item-t2 .bottom .sub-text {

    font-size:  12px;

    color: #6a6a6a;

    font-style: italic;

}



.testimonials .owl-dots {

    position: absolute;

    left: 0;

    bottom: 30px;

    width: 100%;

    text-align: center;

    font-size: 0.01em;

    line-height: .1em;

}



.testimonials.type2 .owl-dots,

.testimonials.type3 .owl-dots {

    position: relative;

    bottom: 0;

    margin-top: 60px;

}



.testimonials.type3 .owl-dots {

    margin-top: 30px;

}



.owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px;

    border: 1px solid;

    color: #e31043;

    border-radius: 50%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.owl-dots .owl-dot.active {

    background: #e31043;

}



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

[3.15 Testimonials Type 4 ]

*/



.testimonials-area {

    background: #fff;

    padding: 40px 50px;

    margin: 30px 0;

}



.testimonials-area .slider {}



.testimonials-area .slider .item {

    color: #a3a3a3;

    text-align: center;

    font-weight: 300;

    line-height: 1.5em;

    max-width: 800px;

    margin: 0 auto;

}



.testimonials-area .slider .item:before {

    content: "“";

    display: block;

    text-align: center;

    color: #e31043;

    font-size: 72px;

    font-weight: 500;

    line-height: 0.9em;

}



.testimonials-area .slider .owl-prev,

.testimonials-area .slider .owl-next {

    position: absolute;

    top: 115%;

    color: #a3a3a3;

    line-height: 1em;

    margin-top: -.5em;

}



.testimonials-area .slider .owl-prev {

    left: 0;

}



.testimonials-area .slider .owl-next {

    right: 0;

}



.testimonials-area .carousel {

    max-width: 600px;

}



.testimonials-area .carousel.owl-carousel.owl-loaded {

    margin: 40px auto 0;

}



.testimonials-area .carousel .item {

    text-align: center;

}



.testimonials-area .carousel .item .image {

    background: 50% no-repeat;

    background-size: cover;

    border-radius: 50%;

    max-width: 100px;

    margin: 0 auto 20px;

    opacity: .7;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -webkit-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}



.testimonials-area .carousel .center .item .image {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}



.testimonials-area .carousel .item .image:before {

    content: "";

    display: block;

    padding-bottom: 100%;

}



.testimonials-area .carousel .item .name {

    font-size: 18px;

    font-weight: 500;

}



.testimonials-area .carousel .item .post {

    font-size: 14px;

    color: #6a6a6a;

    font-style: italic;

}



.testimonials-area .carousel .item .name,

.testimonials-area .carousel .item .post {

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

    opacity: 0;

    visibility: hidden;

}



.testimonials-area .carousel .center .item .name,

.testimonials-area .carousel .center .item .post {

    opacity: 1;

    visibility: visible;

}



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

[ 3.21 Team items ]

*/



.team-carousel-area {

    margin: 30px 0;

}



.team-carousel {}



.team-carousel .owl-dots {

    text-align: center;

}



.team-carousel .owl-nav {

    font-size: 20px;

    color: #a3a3a3;

    line-height: 1em;

}



.team-carousel .owl-nav > div {

    display: inline-block;

    vertical-align: middle;

    position: absolute;

    top: 40%;

    margin-top: -.5em;

}



.team-carousel .owl-nav .owl-prev {

    left: -45px;

}



.team-carousel .owl-nav .owl-next {

    right: -45px;

}



.team-item {

    background: #fff;

    margin-bottom: 30px;

}



.team-item .image {

    position: relative;

    overflow: hidden;

}



.team-item .image > div {

    padding-bottom: 100%;

    background-size: cover;

    background-position: 50%;

    overflow: hidden;

}



.team-item .image .social-buttons {

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: 0;

    background: #636363;

    background: rgba(99, 99, 99, 0.7);

    background: #636363b3;

    text-align: center;

    color: #fff;

    font-size: 16px;

    padding: 8px 10px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -moz-transform: translate(0%, 100%);

    -ms-transform: translate(0%, 100%);

    -webkit-transform: translate(0%, 100%);

    -o-transform: translate(0%, 100%);

    transform: translate(0%, 100%);

}



.team-item:hover .image .social-buttons {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.team-item .image .social-buttons a {}



.team-item .image .social-buttons a i {

    opacity: 1;

}



.team-item .image .social-buttons a span {}



.team-item .content {

    text-align: center;

}



.team-item .content .cell {

    height: 80px;

    width: 1500px;

}



.team-item .content .h {

    margin: 0;

    font-size: 18px;

}



.team-item .content .post {

    font-size:  12px;

    font-style: italic;

    color: #6a6a6a;

    margin-top: 5px;

}



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

[ 3.21 Team Type 2 ]

*/



.team-type2 {

    position: relative;

    margin: 30px 0;

}



.team-type2 .team-nav {

    position: absolute;

    top: 0;

    left: 0;

    width: 350px;

    height: 100%;

}



.team-type2 .team-nav .wrap.scroll-scrolly_visible {padding-left: 30px;}



.team-type2 .team-nav > .wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.team-type2 .team-nav .wrap {}



.team-type2 .team-nav .item {

    background: #fff;

    margin-bottom: 20px;

    padding: 15px 28px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    cursor: pointer;

}



.team-type2 .team-nav .item:last-of-type {

    margin-bottom: 0;

}



.team-type2 .team-nav .item.active {

    background: #f3f2f2;

}



.team-type2 .team-nav .item .image {

    float: left;

    width: 63px;

    height: 63px;

    background: 50% no-repeat;

    background-size: cover;

    border-radius: 50%;

    color: #e31043;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.team-type2 .team-nav .item.active .image {

    box-shadow: inset 0 0 0 2px;

}



.team-type2 .team-nav .item .image + .content {

    margin-left: 90px;

}



.team-type2 .team-nav .item .cell {

    height: 63px;

}



.team-type2 .team-nav .item .h {

    font-weight: 500;

}



.team-type2 .team-nav .item .post {

    font-style:  italic;

    color: #6a6a6a;

    font-size: 12px;

}



.team-type2 .team-nav .scroll-y.scroll-scrolly_visible {

    opacity: 1;

    visibility: visible;

}



.team-type2 .team-nav .scroll-y {

    opacity: 0;

    visibility: hidden;

    width: 11px;

    right: auto;

    left: 0;

}



.team-type2 .team-nav .scroll-y .scroll-element_size {

}



.team-type2 .team-nav .scroll-y .scroll-bar {

    height: 70px !important;

}



.team-type2 .items {}



.team-type2 .team-nav + .items {

    margin-left: 380px;

}



.team-type2 .items .item {

    overflow: hidden;

    display: none;

    background: #fff;

    position: relative;

    padding: 25px;

}



.team-type2 .items .avatar {

    width: 270px;

    position: absolute;

    top: 25px;

    left: 25px;

    bottom: 25px;

    background: 50% no-repeat;

    background-size: cover;

    overflow: hidden;

}



.team-type2 .items .avatar .social-buttons {

    position: absolute;

    top: auto;

    bottom: -45px;

    left: 0;

    width: 100%;

    text-align: center;

    margin: 0;

    background: #e31043;

    color: #fff;

    font-size: 16px;

    padding: 14px 0;

    line-height: 16px;

    -webkit-transition: all 0.35s ease;

    -moz-transition: all 0.35s ease;

    -o-transition: all 0.35s ease;

    -ms-transition: all 0.35s ease;

    transition: all 0.35s ease;

}



.team-type2 .items .avatar:hover .social-buttons {

    bottom: 0;

}



.team-type2 .items .avatar .social-buttons a {

}



.team-type2 .items .avatar .social-buttons a i {

    opacity: 1;

}



.team-type2 .items .avatar + .content {

    margin-left: 300px;

    min-height: 382px;

}



.team-type2 .items .content > .title {

    margin: 0 0 10px;

    line-height: 1em;

    font-weight: 500;

}



.team-type2 .items .post {

    color: #6a6a6a;

    font-style: italic;

    margin-bottom: 18px;

}



.team-type2 .work-experience {}



.team-type2 .work-experience .we-row {

    margin-bottom: 15px;

}



.team-type2 .work-experience .we-row .date {

    font-size: 14px;

    font-weight: bold;

    color: #e31043;

}



.team-type2 .work-experience .we-row .title {

    font-weight: 500;

    margin: 2px 0;

}



.team-type2 .work-experience .we-row .city {

    font-size:  14px;

    font-weight:  300;

    font-style:  italic;

    color: #818080;

}



.team-type2 .button-style1 {}



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

[3.1 Full Screen ]

*/



.full-screen-area {

    position: relative;

    overflow: hidden;

    height: 100vh;

    background: #fff;

}



.full-screen-area .fc-wrap {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    z-index: 1;

}



.full-screen-area .fc-item {

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    -ms-transition: all 0.8s ease;

    transition: all 0.8s ease;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    background-size: cover;

    background-position: 50%;

    overflow: hidden;

    background-repeat: no-repeat;

    transition-delay: 150ms;

}



.site-dark .full-screen-area .fc-item {

    background-color: #070707;

}



.full-screen-area .fc-item.active {

    transform: translateY(0vh);

    transition-delay: .0s;

}



.full-screen-area .fc-item.prev {

    transform: translate3d(0px, -100vh, 0px);

}



.full-screen-area .fc-item.next {

    transform: translate3d(0px, 50vh, 0px);

}



.full-screen-area .fc-item > .cell {

    height: 100vh;

}



.full-screen-area .fc-item.with-header-space > .cell {

    padding-top: 65px;

}



.full-screen-area .fc-item > .cell.top {

    vertical-align: top;

}



.full-screen-area .fc-item > .cell.bottom {

    vertical-align: bottom;

}



.full-screen-area .fc-item > .cell > .container,

.full-screen-area .fc-item > .cell > .container-fluid {

    position: static;

    padding: 30px 15px;

}



.full-screen-area .fc-item > .cell > .container.no-padding,

.full-screen-area .fc-item > .cell > .container-fluid.no-padding {

    padding: 0;

}



.full-screen-area .banner-navigation {

    position: absolute;

    left: 70px;

    bottom: 0;

    z-index: 9;

    background: #fff;

    color: #838383;

    font-size: 20px;

}



.full-screen-area .banner-navigation .prev,

.full-screen-area .banner-navigation .next {

    float: left;

    width: 70px;

    line-height: 70px;

    text-align: center;

    border-left: 1px solid #e1e1e1;

    cursor: pointer;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.full-screen-area .banner-navigation .prev {}



.full-screen-area .banner-navigation .next {}



.full-screen-area .banner-navigation .prev.disabled,

.full-screen-area .banner-navigation .next.disabled {

    background: #eee;

    cursor: default;

}



.fc-navigation {

    position: absolute;

    top: 50%;

    right: 25px;

    z-index: 10;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    color: #b5b5b5;

    font-size:  12px;

    font-weight: bold;

    text-align: right;

    line-height: 1em;

}



.fc-navigation ul {

    padding: 0;

    margin: 0;

}



.fc-navigation .n-item {

    display: block;

    cursor: pointer;

}



.fc-navigation .n-item.active {}



.fc-navigation .n-item:after {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 2px;

    background: #a3a3a3;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    margin-left: 15px;

}



.fc-navigation .n-item.active:after {

    background: #e31043;

    width: 25px;

}



.fc-navigation .n-item .num {

    display: inline-block;

    vertical-align: middle;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.fc-navigation .n-item.active .num {

    opacity: 1;

    visibility: visible;

}



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

[3.1 Categories Carosuel ]

*/



.categories-carousel {}



.categories-carousel .item {

    position: relative;

    height: 100vh;

}



.categories-carousel .item a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    text-decoration: none;

}



.categories-carousel .item .num {

    position: absolute;

    top: 35px;

    left: 30px;

    font-size: 14px;

    color: #e31043;

    font-weight: bold;

    z-index: 2;

    line-height: 1em;

}



.categories-carousel .item .image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: cover;

    background-position:  50%;

    background-repeat:  no-repeat;

}



.categories-carousel .item .name {

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 2;

    font-size: 30px;

    padding: 20px 40px;

    font-weight: 500;

    line-height: 1em;

}



.categories-carousel.with-h-dot .item .name:after {

    content: ".";

    font-size:  36px;

    line-height: 30px;

    color: #e31043;

    font-weight: 900;

}



.categories-carousel .owl-prev,

.categories-carousel .owl-next {

    position: absolute;

    top: 75%;

    margin-top: -35px;

    width: 70px;

    line-height: 70px;

    background: #e31043;

    color: #fff;

    text-align: center;

    font-size: 20px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.with-header-space .categories-carousel .owl-prev,

.with-header-space .categories-carousel .owl-next {

    margin-top: -60px;

}



.categories-carousel .owl-prev:hover,

.categories-carousel .owl-next:hover {

    -webkit-filter: grayscale(20%);

    -moz-filter: grayscale(20%);

    -ms-filter: grayscale(20%);

    -o-filter: grayscale(20%);

    filter: grayscale(20%);

}



.categories-carousel .owl-prev {

    left: 0;

}



.categories-carousel .owl-next {

    right: 0;

}



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

[3.1 Site image box ]

*/



.side-image-box {

    position: relative;

}



.side-image-box .si-img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 50%;

    background-size: cover;

    background-position: 50%;

}



.side-image-box.left .si-img {}



.side-image-box.right .si-img {

    left: auto;

    right: 0;

}



.side-image-box .si-wrap {

    width: 50%;

    margin-left: 50%;

    padding: 0 0 0 45px;

}



.side-image-box.left .si-wrap {}



.side-image-box.right .si-wrap {

    margin-left: 0;

    padding: 0 45px 0 0;

}



.side-image-box .si-wrap .cell {}



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

[3.1 Portfolio Slider ]

*/



.portfolio-slider-items {

    /* margin: 30px 0 !important; */

}



.portfolio-slider-item {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding: 0 115px 0;

}



.one-screen-block .portfolio-slider-item {

}



.portfolio-slider-item .back-category {

    font-size:  190px;

    color: #f5f5f5;

    font-weight: bold;

    text-transform:  uppercase;

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1;

    white-space: nowrap;

}



.one-screen-block .portfolio-slider-item .back-category {}



.portfolio-slider-item .wrap {

    max-width: 920px;

    margin: 0 auto;

    position: relative;

}



.portfolio-slider-item .wrap .slider-counter {

    position: absolute;

    left: -65px;

    width: 45px;

    font-size:  14px;

    font-weight: bold;

    color: #e3e3e3;

    top: 60px;

}



.one-screen-block .portfolio-slider-item .wrap .slider-counter {

    display: none;

}



.portfolio-slider-item .wrap .slider-counter:before {

    content: "";

    width: 1px;

    height: 17px;

    position: absolute;

    left: 50%;

    top: 11px;

    background: #e3e3e3;

    -moz-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    transform: rotate(30deg);

}



.portfolio-slider-item .wrap .slider-counter .current {}



.portfolio-slider-item .wrap .slider-counter .total {

    text-align: right;

}



.portfolio-slider-item .wrap .date {

    font-size:  12px;

    color: #e3e3e3;

    text-transform:  uppercase;

    font-weight: 500;

    letter-spacing: 0.050em;

    position: absolute;

    left: 100%;

    white-space: nowrap;

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 200px;

    text-align: right;

    margin-top: 200px;

    margin-left: 25px;

}



.one-screen-block .portfolio-slider-item .wrap .date {

    color: #c5c5c5;

}



.portfolio-slider-item .wrap .a-img {}



.portfolio-slider-item .wrap .a-img a {

    display: block;

    padding-bottom: 60%;

    background-size: cover;

    background-position: 50%;

    min-height: 460px;

}



.portfolio-slider-item .wrap .content {

    position: absolute;

    left: -95px;

    bottom: 45px;

    width: 255px;

    color: #fff;

    z-index: 1;

}



.portfolio-slider-item .wrap .content:before {

    content: "";

    display: block;

    padding-bottom: 100%;

    background: #e31043;

    z-index: -1;

    opacity: .9;

    filter: alpha(opacity=90);

}



.portfolio-slider-item .wrap .category {

    position: absolute;

    top: 30px;

    left: 35px;

    right: 15px;

    font-weight: bold;

    font-size:  12px;

    text-transform: uppercase;

}



.portfolio-slider-item .wrap .h {

    line-height: 1.200em;

    margin: 0;

    font-weight: 500;

    position: absolute;

    left: 35px;

    right: 15px;

    bottom: 30px;

    max-height: 145px;

    overflow: hidden;

}



.portfolio-slider-item .nav-arrows {

    position: absolute;

    bottom: 45px;

    right: -70px;

    font-size: 20px;

}



.portfolio-slider-item .nav-arrows .prev,

.portfolio-slider-item .nav-arrows .next {

    background: #2a52a6;

    color: #fff;

    float: left;

    width: 70px;

    line-height: 70px;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.portfolio-slider-item .nav-arrows .prev:hover,

.portfolio-slider-item .nav-arrows .next:hover {

    -webkit-filter: grayscale(40%);

    -moz-filter: grayscale(40%);

    -ms-filter: grayscale(40%);

    -o-filter: grayscale(40%);

    filter: grayscale(40%);

}



.portfolio-slider-item .nav-arrows .prev {

    margin-right: 1px;

}



.portfolio-slider-item .nav-arrows .next {}



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

[3.1 About page ]

*/



.about-page-area {}



.about-page-row {

    margin: 0;

    position: relative;

    /* min-height: 100vh; */

}



.about-page-image {

    background-size: cover;

    background-position: 50%;

    background-repeat: no-repeat;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

}



.admin-bar .about-page-image {

    top: 32px;

}



.header-space-yes .about-page-image {

    margin-top: 65px;

}



.about-page-image .button-style1 {

    position: absolute;

    bottom: 45px;

    left: 50%;

    -moz-transform: translate(-50%, 0%);

    -ms-transform: translate(-50%, 0%);

    -webkit-transform: translate(-50%, 0%);

    -o-transform: translate(-50%, 0%);

    transform: translate(-50%, 0%);

}



.about-page-content {

    padding: 0 35px;

}



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

[3.1 About page ]

*/



.text-on-bg {

    position: absolute;

    left: 0;

    z-index: -1;

    white-space: nowrap;

    width: 100%;

    font-size: 72px;

    color: #f3f2f2;

    padding: 0 15px;

    font-weight: 500;

    pointer-events: none;

}



.text-on-bg.top {

    top: 0;

}



.text-on-bg.middle {

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.text-on-bg.bottom {

    bottom: 0;

}



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

[3.1 Social Links ]

*/



.social-links {

    font-size: 30px;

    line-height: 0;

}



.social-links .social-link {

    display: inline-block;

    width: 1em;

    margin: 0.333em 0;

    margin-right: 0.333em;

    vertical-align: middle;

}



.social-links .social-link:last-of-type {

    margin-right: 0;

}



.social-links .social-link:before {

    content: "";

    display: block;

    padding-bottom: 100%;

}



.sl-badoo {

    background-image: url(../images/social-buttons/badoo.svg);

}



.sl-behance {

    background-image: url(../images/social-buttons/behance.svg);

}



.sl-deviantart {

    background-image: url(../images/social-buttons/deviantart.svg);

}



.sl-dribbble {

    background-image: url(../images/social-buttons/dribbble.svg);

}



.sl-facebook {

    background-image: url(../images/social-buttons/facebook.svg);

}



.sl-flickr {

    background-image: url(../images/social-buttons/flickr.svg);

}



.sl-google-plus {

    background-image: url(../images/social-buttons/google-plus.svg);

}



.sl-instagram {

    background-image: url(../images/social-buttons/instagram.svg);

}



.sl-lastfm {

    background-image: url(../images/social-buttons/lastfm.svg);

}



.sl-linkedin {

    background-image: url(../images/social-buttons/linkedin.svg);

}



.sl-pinterest {

    background-image: url(../images/social-buttons/pinterest.svg);

}



.sl-soundcloud {

    background-image: url(../images/social-buttons/soundcloud.svg);

}



.sl-swarm {

    background-image: url(../images/social-buttons/swarm.svg);

}



.sl-tumblr {

    background-image: url(../images/social-buttons/tumblr.svg);

}



.sl-twitter {

    background-image: url(../images/social-buttons/twitter.svg);

}



.sl-vk {

    background-image: url(../images/social-buttons/vk.svg);

}



.social-links-s2 {

    color: #c0c0c0;

    margin: 0 -5px;

}



.social-links-s2 a {

    display: inline-block;

    vertical-align: middle;

    text-decoration: none;

    margin: 0 5px;

}



.social-links-s2 a i {}



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

[3.1 History ]

*/



.history-block {

    margin: 30px auto 10px;

    max-width: 790px;

}



.history-item,

.work-process-item {

    position: relative;

    padding-bottom: 20px;

    counter-increment: num;

    z-index: 1;

}



.history-item:before,

.work-process-item:before {

    content: '0'counter(num);

    display: block;

    margin-bottom: 18px;

    position: absolute;

    top: 15px;

    left: 50%;

    margin-left: -19px;

    width: 38px;

    line-height: 36px;

    text-align: center;

    background: #fff;

    border: 1px solid #e7e7e7;

    color: #828282;

    font-size:  12px;

    border-radius: 50%;

    font-weight: 500;

    z-index: 2;

}



.history-item:nth-child(n+10):before,

.work-process-item:nth-child(n+10):before {

    content: counter(num);

}



.history-item:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -25px;

    top: 34px;

    width: 1px;

    background: #e7e7e7;

    margin-left: -1px;

}



.history-item:last-of-type:after {

    display: none;

}



.history-item > div,

.work-process-item > div {

    width: 50%;

    position: relative;

    text-align: right;

    padding-top: 45px;

    padding-right: 70px;

}



.style2 .history-item > div {

    padding-right: 120px;

    padding-top: 15px;

}



.history-item:nth-child(odd) > div,

.work-process-item > div {

    margin-left:  50%;

    text-align: left;

    padding-right:  0;

    padding-left: 70px;

}



.style2 .history-item:nth-child(odd) > div {

    padding-left: 120px;

    padding-right: 0;

}



.history-item > div:before,

.work-process-item > div:before {

    content: "";

    position: absolute;

    right: 0;

    top: 34px;

    width: 95px;

    height: 1px;

    background: #e7e7e7;

}



.history-item:nth-child(odd) > div:before,

.work-process-item > div:before {

    left: 0;

    right: auto;

}



.history-item > div:after,

.work-process-item > div:after {

    content: "";

    position: absolute;

    right: 70px;

    top: 33px;

    width: 25px;

    height: 3px;

    background: #e31043;

}



.history-item:nth-child(odd) > div:after,

.work-process-item > div:after {

    left: 70px;

    right: auto;

}



.history-item .date {

    font-size:  12px;

    color: #b7b8b8;

    text-transform:  uppercase;

    position: absolute;

    top: 5px;

    left: 0;

    width: 100%;

    padding-right: 70px;

}



.style2 .history-item .date {

    position: absolute;

    top: 27px;

    left: 100%;

    text-align: left;

    color: #3d517d;

    padding-left: 35px;

}



.history-item:nth-child(odd) .date {

    padding-left:  70px;

    padding-right: 0;

}



.style2 .history-item:nth-child(odd) .date {

    left: auto;

    right: 100%;

    text-align: right;

    padding-left: 0;

    padding-right: 35px;

}



.history-item .heading,

.work-process-item .heading {

    font-size:  16px;

    font-weight:  bold;

    margin-bottom: 5px;

}



.style2 .history-item .heading {

    font-size: 24px;

}



.history-item .desc,

.work-process-item .desc {

    font-size: 12px;

    color: #c0c0c0;

    font-weight: 300;

}



.style2 .history-item .desc {

    font-size: 14px;

    font-weight: 300;

    line-height: 1.714em;

}



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

[3.1 Contact inline row ]

*/



.contact-row-inline {

    margin: 20px 0;

}



.contact-row-inline i {

    font-size:  20px;

    color: #a3a3a3;

    margin-bottom: 10px;

    display: block;

}



.contact-row-inline .h {

    font-weight: bold;

    margin-bottom: 5px;

}



.contact-row-inline p {

    margin: 0;

    font-size:  14px;

    color: #a3a3a3;

    font-weight: 300;

    line-height: 1.714em;

}



.contact-row-style2 {

    margin-bottom: 30px;

    color: #a3a3a3;

}



.contact-row-style2 .h {

    font-weight: bold;

    color: #e31043;

}



.contact-row-style2 .bottom {}



.contact-row-style2 .bottom i {

    float: left;

    font-size: 20px;

}



.contact-row-style2 .bottom p {

    font-size: 14px;

}



.contact-row-style2 .bottom i + p {

    margin-left: 40px;

}



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

3.21 Screenshot Carousel

*/



.screenshot-carousel {

    padding: 45px 0;

}



.screenshot-carousel:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 236px;

    height: 480px;

    background: url(../images/iphone.png) 50% no-repeat;

    margin: -240px 0 0 -118px;

    pointer-events: none;

}



.screenshot-carousel .screen {

    width: 210px;

    height: 450px;

    background-size: cover;

    background-position: 50% 0;

    background-repeat: no-repeat;

    border-radius: 20px;

    position: relative;

}



.screenshot-carousel .screen:after {

    content: "";

    position: absolute;

    bottom: -30px;

    left: 50%;

    background: url(../images/app-shadow.png) no-repeat;

    width: 202px;

    height: 16px;

    margin-left: -101px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.screenshot-carousel .flipster__item--current .screen:after {

    opacity: 0;

}



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

3.21 Timer Block

*/



.timer-block {}



.timer-block > span {

    background: #eaebed;

    margin-bottom: 30px;

    min-width: 65px;

    border-radius: 10px;

    position: relative;

    padding: 0 9px;

}



.timer-block > *:not(:last-of-type) {

    margin: 0 30px 30px 0;

}



.timer-block .position {

    font-size:  36px;

    color: #000;

    font-weight: 100;

    vertical-align: middle;

    height: 2.1em;

}



.timer-block .position .digit {

    line-height: 2.1em;

    position: relative;

}



.timer-block .name {

    position: absolute;

    font-size:  10px;

    color: #6a6a6a;

    text-transform:  uppercase;

    font-weight: bold;

    width: 100%;

    left: 0;

    top: 100%;

    margin-top: 8px;

    text-align: center;

}



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

3.21 ICO Buy Tokens

*/



.ico-buy-tokens {

    border-radius: 8px;

    text-align: center;

    padding: 40px 40px 30px;

    margin-bottom: 30px;

}



.ico-buy-tokens .wrap {}



.ico-buy-tokens .h {

    margin: 0 0 13px;

}



.ico-buy-tokens .h span {

    color: #e31043;

}



.ico-buy-tokens .text {

    color: #969696;

    font-size: 14px;

    margin-bottom: 25px;

}



.ico-buy-tokens .timer-block {

    margin: 25px 0 20px;

}



.ico-buy-tokens .price-area {

    margin: 20px 0;

}



.ico-buy-tokens .price-area p {

    margin: 0;

    font-weight: 500;

}



.ico-buy-tokens .price-area .price {

    font-size:  24px;

    font-weight: 500;

}



.ico-buy-tokens .price-area .price span {

    color: #e31043;

}



.ico-buy-tokens .button-style2 {}



.ico-buy-tokens .range-area {

    margin: 25px 0 0;

}



.ico-buy-tokens .range-area .min,

.ico-buy-tokens .range-area .max {

    float: left;

    text-transform:  uppercase;

    font-size:  12px;

    color: #969696;

    font-weight: bold;

    margin-bottom: 7px;

}



.ico-buy-tokens .range-area .max {

    float: right;

}



.ico-buy-tokens .range-area .line {

    overflow: hidden;

    width: 100%;

    background: #fff;

    border-radius: 3px;

}



.ico-buy-tokens .range-area .line div {

    height: 10px;

    background: #3d517d;

    border-radius: 3px;

}



.ico-buy-tokens .bottom-price {

    text-align: left;

    margin-top: 12px;

}



.ico-buy-tokens .bottom-price .fr {

    text-align: right;

}



.ico-buy-tokens .bottom-price .val {

    font-weight: bold;

    color: #e31043;

}



.ico-buy-tokens .bottom-price .label {

    text-transform: uppercase;

    font-size: 12px;

    color: #969696;

    font-weight: bold;

    margin-bottom: 7px;

}



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

3.21 Courses

*/



.courses-area {}



.courses {}



.course-item {

    margin-bottom: 30px;

}



.course-item .image {

    position: relative;

    background-position: 50%;

    background-size: cover;

    background-repeat: no-repeat;

}



.course-item .image:before {

    content: "";

    display: block;

    padding-bottom: 65%;

}



.course-item .image a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.course-item .wrap {

    padding: 25px 35px 20px;

    background: #fff;

}



.course-item .wrap h5 {

    font-weight: 500;

    margin: 0 0 15px;

    line-height: 1em;

}



.course-item .wrap h5 a {

    text-decoration: none;

}



.course-item .wrap .details {}



.course-item .wrap .details .it {

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

    margin-bottom: 5px;

}



.course-item .wrap .details .it:last-of-type {

    margin-right: 0;

}



.course-item .wrap .details .it > * {

    display: inline-block;

    vertical-align: middle;

}



.course-item .wrap .details .it i {

    color: #c0c0c0;

    margin-right: 10px;

    font-size: 15px;

}



.course-item .wrap .details .it span {

    font-size: 11px;

    font-weight: bold;

    text-transform:  uppercase;

    color: #e31043;

}



.course-item .bottom {

    border-top: 2px solid #fafafa;

    background: #fff;

    padding: 10px 35px;

    overflow: hidden;

    margin-top: -10px;

}



.course-item .bottom .count {

    float: left;

    padding: 8px 0;

}



.course-item .bottom .count > * {

    display: inline-block;

    vertical-align: middle;

}



.course-item .bottom .count i {

    color: #c0c0c0;

    font-size: 15px;

    margin-right: 5px;

}



.course-item .bottom .count span {

    font-size:  12px;

    font-style: italic;

    color: #a8a8a8;

}



.course-item .bottom .price {

    float: right;

    color: #e31043;

    font-weight: 500;

    font-size: 30px;

    margin: -3px 0;

}



.course-item .bottom .price * {

    display: inline-block;

}



.course-item .bottom .price span {

    font-size: 0.600em;

}



.course-item .bottom .price .old {

    display: inline-block;

    font-size: 14px;

    color: #a7a7a7;

}



.load-items {

    display: none !important;

}



.load-button-area {

    margin: 0 0 30px;

}



.load-button-area a {

    padding: 12px 25px;

    font-size: 11px;

    line-height: 12px;

}



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

3.21 Num Box

*/



.num-box {

    text-align: center;

    margin-bottom: 30px;

}



.num-box .icon {

    font-size: 40px;

    margin-bottom: 20px;

}



.num-box .num {

    font-size:  60px;

    font-weight: 300;

    color: #e31043;

    line-height: 1em;

    margin-bottom: 15px;

}



.num-box .heading {

    font-size:  14px;

    font-weight: bold;

    text-transform:  uppercase;

    line-height: 1.286em;

    letter-spacing: .1em;

}



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

3.21 Price list

*/



.price-list {}



.price-list .owl-dots {

    text-align: center;

    margin: 30px 0;

}



.price-list .owl-nav {

    font-size: 20px;

    color: #a4a4a4;

}



.price-list .owl-nav > * {

    display: inline-block;

    vertical-align: middle;

    position: absolute;

    top: 40%;

}



.price-list .owl-nav .owl-prev {

    left: -45px;

}



.price-list .owl-nav .owl-next {

    right: -45px;

}



.price-list .owl-nav > *:hover {

    color: #e31043;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.price-list-item {

    text-align: center;

    margin-bottom: 30px;

}



.owl-carousel .price-list-item {

    margin-bottom: 0;

}



.price-list-item .wrap {

    background: #fff;

    border: 1px solid #e3e3e3;

}



.type2 .price-list-item .wrap {

    padding: 35px 15px 5px;

    border: none;

}



.price-list-item .top {

    text-align: center;

    background: 50% no-repeat;

    background-size: cover;

    border-bottom: 1px solid #e3e3e3;

}



.type2 .price-list-item .top {

    border: none;

}



.price-list-item .top .cell {

    height: 160px;

    width: 1300px;

}







.price-list-item .top .h {

    font-size: 14px;

    letter-spacing: 0.1em;

    font-weight: bold;

    text-transform: uppercase;

    color: #e31043;

    margin-bottom: 8px;

}



.style2 .price-list-item .top .h {

    color: inherit;

    font-weight: 500;

}



.price-list-item .top .sub-h {

    font-size: 12px;

    color: #b9b9b9;

    text-transform: uppercase;

}



.price-list-item .top .icon {

    font-size: 50px;

    color: #e31043;

    margin: 25px 0 20px;

}



.price-list-item .top h6 {

    margin: 0 0 1em;

    font-size:  14px;

    text-transform:  uppercase;

    font-weight: 500;

    letter-spacing: .2em;

}



.price-list-item .top .price {

    font-size:  60px;

    font-weight: 500;

    line-height: 1em;

    margin-top: 20px;

    color: #e31043;

}



.style2 .price-list-item .top .price {

    color: #e31043;

    margin-bottom: 15px;

}



.price-list-item .top .price span {

    font-size: 0.400em;

    vertical-align: top;

    line-height: normal;

    margin-top: 0.2em;

    display: inline-block;

}



.price-list-item .top .price div {

    font-size: 12px;

    color: #828282;

    line-height: 1em;

    font-weight: normal;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin-top: -10px;

    max-width: 50px;

    text-align: left;

}



.price-list-item .top .price div:last-child {

    margin-left: 13px;

}



.price-list-item .top .price div:before {

    content: "/";

    position: absolute;

    top: 50%;

    margin-top: -0.5em;

}



.price-list-item .top .price div:last-child:before {

    left: -18px;

}



.price-list-item .options {

    font-size:  14px;

    color: #b9b9b9;

    font-weight: 300;

    padding: 45px 20px 35px;

}



.type2 .price-list-item .options {

    padding-top: 20px;

    padding-bottom: 30px;

}



.style2 .price-list-item .options {

    padding-bottom: 35px;

}



.price-list-item .options .o-row {}



.type2 .price-list-item .options .o-row {

    margin-bottom: 15px;

}



.price-list-item .options .o-row:last-of-type {

    margin-bottom: 0;

}



.price-list-item .options .o-row:after {

    content: "";

    display: block;

    width: 4px;

    height: 1px;

    margin: 10px auto;

    background: #b9b9b9;

}



.price-list-item .options .o-row:last-of-type:after,

.type2 .price-list-item .options .o-row:after {

    display: none;

}



.style2 .price-list-item .options .o-row:after {

    display: block;

}



.style2 .price-list-item .options .o-row:last-of-type:after {

    display: none;

}



.price-list-item .button {

    padding-bottom: 40px;

}



.price-list-item .button .button-style1 {}



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

3.21 Categories

*/



.categories-area {

    margin: 30px 0;

}



.categories {

    margin: 0 -17.5px;

}



.categories.with-h-dot {}



.categories .item {

    position: relative;

    margin-bottom: 35px;

    padding: 0 17.5px;

}



.packery .categories .item {

    padding: 0;

    margin: 0;

}



.packery .categories .item:before {

    content: "";

    padding-bottom: 100%;

    display: block;

}



.categories .item a {

    text-decoration: none;

    display: block;

    position: relative;

    background: #fff;

    z-index: 1;

}



.packery .categories .item a {

    position: absolute;

    top: 17.5px;

    left: 17.5px;

    right: 17.5px;

    bottom: 17.5px;

}



.categories .item a:hover {

    -moz-transform: translate(-6px, 6px);

    -ms-transform: translate(-6px, 6px);

    -webkit-transform: translate(-6px, 6px);

    -o-transform: translate(-6px, 6px);

    transform: translate(-6px, 6px);

}



.categories .item a:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #e31043;

    z-index: -1;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.categories .item a:hover:before {

    -moz-transform: translate(6px, -6px);

    -ms-transform: translate(6px, -6px);

    -webkit-transform: translate(6px, -6px);

    -o-transform: translate(6px, -6px);

    transform: translate(6px, -6px);

}



.categories .item a:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    z-index: -1;

}



.categories .item .num {

    position: absolute;

    top: 20px;

    left: 30px;

    font-size: 12px;

    color: #e31043;

    font-weight: bold;

    line-height: 1em;

    z-index: 2;

}



.categories .item .image {

    display: block;

    padding-bottom: 100%;

    background-size: cover;

    background-position: 50%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.categories-area.packery .item .image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0;

}



.categories-area.cols-2.packery .item:nth-child(4n+2):before,

.categories-area.cols-2.packery .item:nth-child(4n+3):before {

    padding-bottom: 65%;

}



.categories-area.cols-3.packery .item:nth-child(6n+2):before,

.categories-area.cols-3.packery .item:nth-child(6n+5):before {

    padding-bottom: 82.5%

}



.categories-area.cols-3.packery .item:nth-child(6n+3):before,

.categories-area.cols-3.packery .item:nth-child(6n+4):before {

    padding-bottom: 65%

}



.categories-area.cols-4.packery .item:nth-child(8n+2):before,

.categories-area.cols-4.packery .item:nth-child(8n+7):before {

    padding-bottom: 90%

}



.categories-area.cols-4.packery .item:nth-child(8n+3):before,

.categories-area.cols-4.packery .item:nth-child(8n+6):before {

    padding-bottom: 80%

}



.categories-area.cols-4.packery .item:nth-child(8n+4):before,

.categories-area.cols-4.packery .item:nth-child(8n+5):before {

    padding-bottom: 70%

}



.categories .item a:hover .image {

    opacity: .5;

}



.categories .item .name {

    font-size: 24px;

    font-size: 30px;

    font-weight: 500;

    position: absolute;

    left: 30px;

    bottom: 20px;

    z-index: 2;

}



.categories-area.with-h-dot .item .name:after {

    content: ".";

    font-size:  36px;

    line-height: 30px;

    color: #e31043;

    font-weight: 900;

}



.categories-area .load-button-area {

    margin: 15px 0 45px;

}



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

[3.15 One Screen ]

*/



.one-screen-area {

    height: 100vh;

    overflow: hidden;

}



.one-screen-area .decor-lines {

    pointer-events: none;

}



.one-screen-area .decor-lines div {

    position: absolute;

    background: #fafafa;

    z-index: 12;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.site-dark .one-screen-area .decor-lines div {

    background: #393939;

}



.one-screen-area .decor-lines div:nth-child(1) {

    top: 0;

    right: 130px;

    width: 1px;

    height: 100%;

}



.one-screen-area.opened .decor-lines div:nth-child(1) {

    opacity: 0;

}



.header-type-logo_left.header-space-no .one-screen-area .decor-lines div:nth-child(1),

.header-type-logo_left.header-space-no .one-screen-area .decor-lines div:nth-child(5) {

    top: 125px;

}



.one-screen-area .decor-lines div:nth-child(2) {

    left: 0px;

    bottom: 80px;

    width: 100%;

    height: 1px;

}



.one-screen-area .os-buttons {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    color: #a3a3a3;

    width: 130px;

    border-right: 1px solid #fafafa;

    text-transform: uppercase;

    font-size: 12px;

    z-index: 8;

    font-weight: 500;

    letter-spacing: .1em;

}



.site-dark .one-screen-area .os-buttons {

    background: #070707;

    border-color: #414041;

    color: #696969;

}



.one-screen-area .os-buttons > div {

    white-space: nowrap;

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%) rotate(-90deg);

    -ms-transform: translate(-50%, -50%) rotate(-90deg);

    -webkit-transform: translate(-50%, -50%) rotate(-90deg);

    -o-transform: translate(-50%, -50%) rotate(-90deg);

    transform: translate(-50%, -50%) rotate(-90deg);

}



.one-screen-area .os-buttons .button {

    display: inline-block;

    vertical-align: middle;

    margin-right: 50px;

    line-height: 60px;

    cursor: pointer;

    overflow: hidden;

    position: relative;

    text-decoration: none;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.one-screen-area .os-buttons .button.active {

    color: #000;

}



.one-screen-area .os-buttons .button:last-of-type {

    margin-right: 0;

}



.one-screen-block {

    position: absolute;

    z-index: 5;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

    background-color: #eeeef0;

    -moz-transform: translate(-100%, 0%);

    -ms-transform: translate(-100%, 0%);

    -webkit-transform: translate(-100%, 0%);

    -o-transform: translate(-100%, 0%);

    transform: translate(-100%, 0%);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    background-size: cover;

    background-position: 50%;

    background-repeat: no-repeat;

}



.one-screen-categories {

    padding-left: 129px;

}



.one-screen-about-me,

.one-screen-contact {

    padding: 0 165px;

}



.one-screen-contact .container {

    max-width: 950px;

}



.one-screen-about-me > .container > .cell {

    width: 1140px;

}



.one-screen-block.active {

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.site-dark .one-screen-block {

    background-color: #070707;

}



.one-screen-portfolio {

    display: block;

    background: #e9e9eb;

}



.one-screen-block .close {

    position: absolute;

    font-size: 14px;

    color: #4e4e4e;

    text-transform: uppercase;

    left: 58px;

    top: 39px;

    z-index: 20;

    cursor: pointer;

}



.one-screen-block .close > * {

    display: inline-block;

    vertical-align: middle;

}



.one-screen-block .close span {}



.one-screen-block .close i {

    font-size: 25px;

    margin-left: 5px;

}



.one-screen {}



.one-screen .owl-dots {

    position: absolute;

    top: 50%;

    right: 80px;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.one-screen .owl-dots .owl-dot {

    counter-increment: slides-num;

    display: block;

    width: 50px;

    height: auto;

    border: none;

    background: none;

    border-radius: 0;

    font-size: 12px;

    color: #000;

    font-weight: bold;

    margin: 2px 0;

    text-align: right;

    position: relative;

    line-height: 1em;

}



.one-screen .owl-dots .owl-dot.active {

    background: none;

}



.one-screen .owl-dots .owl-dot:before {

    content: '0'counter(slides-num);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.one-screen .owl-dots .owl-dot.active:before {

    opacity: 1;

    visibility: visible;

}



.one-screen .owl-dots .owl-dot:nth-child(n+10):before {

    content: counter(slides-num);

}



.one-screen .owl-dots .owl-dot span {

    position: absolute;

    top: 50%;

    left: 0;

    width: 10px;

    height: 2px;

    margin-top: -1px;

    background: #a3a3a3;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.one-screen .owl-dots .owl-dot:hover span {

    width: 20px;

}



.one-screen .owl-dots .owl-dot.active span {

    width: 25px;

    background: #e31043;

}



.one-screen .item {

    height: 100vh;

    position: relative;

    background-size: cover;

    background-position: 50%;

    z-index: 1;

}



.one-screen .item.black {

    color: #000;

}



.one-screen .item.white {

    color: #fff;

}



.one-screen .item .overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

}



.one-screen .item .content,

.one-screen-about-me .content {

    position: absolute;

    bottom: 150px;

    left: 210px;

}



.one-screen .item .sub-h,

.one-screen-about-me .sub-h {

    font-size: 14px;

    color: #a3a3a3;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 10px;

}



.site-dark .one-screen .item .sub-h,

.site-dark .one-screen-about-me .sub-h {

    color: #4e4e4e;

}



.one-screen-area .social-buttons {

    position: absolute;

    top: auto;

    bottom: 18px;

    left: 0;

    z-index: 10;

    padding: 2px 0;

    padding-left: 175px;

    margin: 0;

}



.one-screen-area .social-buttons .button {

    font-size: 20px;

    position: absolute;

    top: 0;

    left: 53px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    cursor: pointer;

}



.one-screen-area .social-buttons:hover .button,

.one-screen-area .social-buttons.active .button {

    color: #e31043;

}



.one-screen-area .social-buttons .links {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.one-screen-area .social-buttons.active .links {

    opacity: 1;

    visibility: visible;

}



.one-screen-area .social-buttons .links a {

    vertical-align: top;

    margin-right: 40px;

}



.one-screen-area .social-buttons .links a i {

    display: none;

}



.one-screen-area .social-buttons .links a span {

    display: block;

    font-size: 11px;

    color: #828282;

    font-weight: 500;

    letter-spacing: .05em;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.one-screen-area .social-buttons .links a:hover span {

    color: #e31043;

}



.one-screen-about-me .sub-h {

}



.one-screen .item .h,

.one-screen-about-me .h {

    font-size: 48px;

    font-weight: 500;

    line-height: 1em;

}



.one-screen .item .h span,

.one-screen-about-me .h span {

    color: #e31043;

}



.one-screen-about-me .h {

    margin-bottom: 30px;

}



.one-screen-about-me .text {

    max-width: 530px;

    margin-top: 10px;

    line-height: 1.875em;

    font-weight: 300;

}



.one-screen-area .link-area {

    text-align: center;

    position: absolute;

    bottom: 0;

    right: 0;

    width: 130px;

    height: 80px;

}



.one-screen-area .link-area a {

    display: block;

    text-decoration: none;

    font-size: 12px;

    color: #a3a3a3;

    text-transform: uppercase;

    line-height: 16px;

    font-weight: bold;

    letter-spacing: .1em;

    padding: 5px 10px;

    position: absolute;

    left: 0;

    width: 100%;

    top: 50%;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}



.one-screen-area .slider-navigation {}



.one-screen-area .slider-navigation .count {

    font-size: 24px;

}



.one-screen-contact .content {

    max-width: 520px;

    margin: auto;

    text-align: left;

}



.one-screen-contact .content form faber {}



.one-screen-contact .content .sub-h {

    font-size: 12px;

    text-transform: uppercase;

    color: #ebb85e;

    font-weight: bold;

}



.one-screen-contact .content .h {

    font-size: 36px;

    font-weight: bold;

    margin: 5px 0 30px;

}



.one-screen-contact .content .text {}



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

[3.15 Categories Full Screen ]

*/



.categories-full-screen-area {

    position: relative;

    color: #fff;

}



.categories-full-screen-area.black {

    color: #000;

}



.categories-full-screen-area .bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

}



@-webkit-keyframes rotating /* Safari and Chrome */ {

    from {

        -webkit-clip-path: circle(0% at 0% 100%);

        clip-path: circle(0% at 0% 100%);

    }

    to {

        -webkit-clip-path: circle(200% at 0% 100%);

        clip-path: circle(200% at 0% 100%);

    }

}

@keyframes rotating {

    from {

        -webkit-clip-path: circle(0% at 0% 100%);

        clip-path: circle(0% at 0% 100%);

    }

    to {

        -webkit-clip-path: circle(200% at 0% 100%);

        clip-path: circle(200% at 0% 100%);

    }

}



.categories-full-screen-area .bg .bg-item {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: 50% no-repeat;

    background-size: cover;

    z-index: 1;

}



.categories-full-screen-area .bg .bg-item.prev {

    z-index: 2;

}



.categories-full-screen-area .bg .bg-item.active {

    z-index: 3;

    -webkit-animation: rotating 1.5s linear;

    -moz-animation: rotating 1.5s linear;

    -ms-animation: rotating 1.5s linear;

    -o-animation: rotating 1.5s linear;

    animation: rotating 1s linear;

    animation-fill-mode: forwards;

}



.categories-full-screen-area .items {

    font-size: 72px;

    line-height: 1em;

    font-weight: bold;

    position: relative;

    z-index: 2;

    padding: 95px 0 30px;

}



.categories-full-screen-area .items .item {

    margin: 0.3em 0;

}



@supports((text-stroke: 2px #c34343) or (-webkit-text-stroke: 2px #c92020)) {

    .categories-full-screen-area .items .item a {

        color: transparent;

        -webkit-text-stroke-width: 0.025em;

        text-stroke-width: 0.03em;

        -webkit-text-stroke-color: #000;

        text-stroke-color: #000;

    }



    .categories-full-screen-area.white .items .item a {

        -webkit-text-stroke-color: #fff;

        text-stroke-color: #fff;

    }

}



.categories-full-screen-area .items .item.active a {

    color: inherit;

    -webkit-text-stroke-width: 0;

}



.categories-full-screen-area .items .item:after {

    content: "";

    display: inline-block;

    width: 0.167em;

    height: 0.167em;

    border-radius: 50%;

    background: #e31043;

    margin-left: -0.05em;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

    visibility: hidden;

    -moz-transform: translate(100%, 0%);

    -ms-transform: translate(100%, 0%);

    -webkit-transform: translate(100%, 0%);

    -o-transform: translate(100%, 0%);

    transform: translate(100%, 0%);

}



.categories-full-screen-area .items .item.active:after {

    visibility: visible;

    opacity: 1;

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



.categories-full-screen-area .items .item a {

    text-decoration: none;

}



.categories-full-screen-area .social-buttons-standart {

    position: absolute;

    right: 20px;

    bottom: 20px;

    color: inherit;

}



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

[3.15 Work Process ]

*/



.work-process-block {}



.work-process-item {}



.work-process-item:before {

    left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.work-process-item:hover:before {

    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 18px #e31144;

    color: #fff;

}



.work-process-item:not(:last-of-type):after {

    content: "";

    position: absolute;

    left: 0px;

    top: 45px;

    bottom: -35px;

    width: 1px;

    background: #e7e7e7;

}



.work-process-item > div {

    margin-left: 0;

    width: auto;

    max-width: 445px;

    padding-top: 21px;

    padding-left: 120px;

}



.work-process-item .heading {

    font-size: 18px;

    margin-bottom: 10px;

}



.work-process-item .desc {

    font-size: 14px;

    line-height: 1.714em;

}



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

[3.15 Work Process Type 2 ]

*/



.work-process-block-t2 {

    margin-top: 30px;

}



.work-process-item-t2 {

    margin-bottom: 30px;

    text-align: center;

    counter-increment: num;

    padding: 0 30px;

}



.work-process-item-t2 .icon {

    font-size: 50px;

    color: #e31043;

}



.work-process-item-t2 .num {

    position: relative;

    margin: 20px -30px 30px;

}



.work-process-item-t2 .num:before {

    content: "";

    position: absolute;

    left: 50%;

    height: 1px;

    width: 100%;

    top: 50%;

    background: #e7e7e7;

    margin-top: -1px;

}



.work-process-item-t2:last-of-type .num:before {

    display: none;

}



.work-process-item-t2 .num span {

    display: inline-block;

    background: #fafafa;

    border: 1px solid #e7e7e7;

    font-size: 12px;

    color: #828282;

    font-weight: 500;

    line-height: 35px;

    width: 37px;

    border-radius: 50%;

    position: relative;

    z-index: 2;

}



.work-process-item-t2 .num span:before {

    content: '0'counter(num);

    display: block;

}



.work-process-item-t2:nth-child(n+10) .num span:before {

    content: counter(num);

}



.work-process-item-t2 .heading {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}



.work-process-item-t2 .desc {

    font-weight: 300;

    font-size: 14px;

    line-height: 1.714em;

    color: #a3a3a3;

}



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

[3.15 Gallery with button ]

*/



.gallery-with-button {

    position: relative;

    z-index: 1;

}



.gallery-with-button .button {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    padding: 0 50px 0 150px;

    z-index: 2;

    background: #fff;

    text-decoration: none;

}



.gallery-with-button .button:hover {

    background: #f5f5f5;

}



.gallery-with-button .button i {

    position: absolute;

    top: 0;

    left: 0;

    width: 110px;

    line-height: 110px;

    background: #fafafa;

    color: #c0c0c0;

    font-size: 24px;

    text-align: center;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.gallery-with-button .button:hover i {

    background: #eaeaea;

    color: #525252;

}



.gallery-with-button .button > span {

    display: table-cell;

    height: 110px;

    vertical-align: middle;

    font-size: 14px;

}



.gallery-with-button .button > span > span {

    display: block;

    color: #e31345;

    font-size: 24px;

}



.gallery-with-button .grid .item {

    overflow: hidden;

    padding: 15px;

}



.gallery-with-button .grid .item .wrap {

    overflow: hidden;

}



.gallery-with-button .grid .item .img {

    display: block;

    background-size: cover;

    background-position: 50%;

    padding-bottom: 100%;

    -webkit-transition: transform 0.9s ease;

    -moz-transition: transform 0.9s ease;

    -o-transition: transform 0.9s ease;

    -ms-transition: transform 0.9s ease;

    transition: transform 0.9s ease;

}



.gallery-with-button .grid .item.active .img {

    -moz-transform: translate(-100%, 0%);

    -ms-transform: translate(-100%, 0%);

    -webkit-transform: translate(-100%, 0%);

    -o-transform: translate(-100%, 0%);

    transform: translate(-100%, 0%);

}



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

[3.15 Block Scroll ]

*/



.block-scroll-area {}



.block-scroll-area .block-scroll-nav {

    position: fixed;

    top: 50%;

    left: 45px;

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -webkit-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

    z-index: 300;

}



.block-scroll-area .block-scroll-nav div {

    counter-increment: slides-num;

    padding-left: 35px;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    position: relative;

}



.block-scroll-area .block-scroll-nav div.active {}



.block-scroll-area .block-scroll-nav div:before {

    content: '0'counter(slides-num);

    display: block;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    opacity: 0;

    visibility: hidden;

}



.block-scroll-area .block-scroll-nav div.active:before {

    opacity: 1;

    visibility: visible;

}



.block-scroll-area .block-scroll-nav div:nth-child(n+10):before {

    content: counter(slides-num);

}



.block-scroll-area .block-scroll-nav div:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    width: 10px;

    height: 2px;

    background: #a3a3a3;

    margin-top: -1px;

}



.block-scroll-area .block-scroll-nav div.active:after {

    width: 25px;

    background: #e31043;

}



.block-scroll-area .bsa-item {

    position: relative;

}



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

[ 3.21 Image Comparison Slider ]

*/



.image-comparison-slider {

    position: relative;

    overflow: hidden;

    background: #000;

    border: 1px solid #eeeeee;

    margin-bottom: 30px;

}



.site-dark .image-comparison-slider {

    border-color: #393939;

    background: #070707;

}



.image-comparison-slider img {

    width: 100%;

    display: block;

}



.image-comparison-slider .old {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: cover;

    background-position: 50%;

}



.image-comparison-slider .resize {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 50%;

    overflow: hidden;

}



.image-comparison-slider .line {

    position: absolute;

    left: 50%;

    top: 0;

    bottom: 0;

    width: 1px;

    margin-left: 0px;

    background: #eee;

    cursor: ew-resize;

}



.site-dark .image-comparison-slider .line {

    background: #393939;

}



.image-comparison-slider .line > div {

    width: 149px;

    background: #fff;

    border: 1px solid #eee;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

    overflow: hidden;

    top: 50%;

    left: -74px;

    line-height: 22px;

}



.site-dark .image-comparison-slider .line > div {

    color: #fff;

    background: #2c2c2c;

    border-color: #393939;

}



.image-comparison-slider .line > div span {

    float: left;

    width: 50%;

}



.image-comparison-slider .line > div span + span {

    border-left: 1px solid #eeeeee;

}



.site-dark .image-comparison-slider .line > div span + span {

    border-color: #393939;

}



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

[4 Footer ]

*/



.site-footer {

    font-size: 14px;

    padding: 95px 0 30px;

    font-weight: normal;

    background: #242424;

    color: #a3a3a3;

    position: relative;

}



.site-footer:before {

    content: "";

    position: absolute;

    display: block;

    top: 95px;

    left: 0;

    right: 0;

    height: 1px;

    background: #3a3a3a;

}



.site-footer.minified {

    padding: 15px 30px;

}



.about-page-content .site-footer.minified {

    margin: 0 -35px;

}



.header-type-left-side-t2 .site-footer {

    margin-left: -260px;

}



.header-type-side .site-footer {

    display: none;

}



.site-dark .site-footer {

    background: #101010;

    color: #b1b0b0;

    border-top-color: #393939;

}



.site-footer .footer-wrap {

    padding: 0 0 0;

    border-top: 1px solid #eeeeee;

}



.site-footer .footer-bottom {

    background: #fbfbfb;

    padding: 17.5px 0;

    border-top: 1px solid #eeeeee;

}



.site-footer.dark .footer-bottom {

    background: #141414;

    color: #636363;

}



.site-footer .footer-bottom .copyright {

    font-size: 14px;

    float: left;

    margin: 2px 0;

    font-weight: 300;

    letter-spacing: .025em;

}



.site-footer.minified .social-links {

    float: right;

    font-size: 25px;

    margin: 5px 0;

}



.site-footer.minified .social-links .social-link {

    margin-top:  0;

    margin-bottom: 0;

}



.scroll-top {

    position: absolute;

    top: -105px;

    right: 35px;

    background: #fff;

    color: #e2e2e2;

    border: 1px solid #eeeeee;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 600;

    width: 45px;

    text-align: center;

    line-height: 1em;

    cursor: pointer;

    padding: 9px 5px;

    z-index: 100;

}



.site-dark .scroll-top {

    color: #b1b0b0;

    background: #070707;

    border-color: #393939;

}



.scroll-top:before {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid;

    margin: 2px auto 5px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.scroll-top:hover:before {

    -moz-transform: translate(0%, -70%);

    -ms-transform: translate(0%, -70%);

    -webkit-transform: translate(0%, -70%);

    -o-transform: translate(0%, -70%);

    transform: translate(0%, -70%);

}



div.wpcf7 .ajax-loader {

    position: absolute; 

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    margin: 0;

}



.border-radius {}



.border-radius > .vc_column-inner {

    border-radius: 5px;

}