/*
Theme Name: Mandala
Theme URI: http://mandala.themesawesome.com
Author: Themes Awesome
Author URI: http://www.themesawesome.com
Text Domain: mandala
Description: Most Stunning WordPress Theme
Tags: left-sidebar, custom-background, custom-colors, custom-menu, featured-images, microformats, sticky-post, theme-options, threaded-comments, translation-ready
Version: 1.2
License:      GNU General Public License V2
License URI:      license.txt
-----------------------------------------------------------------------------------
  1. CSS Reset
  2. Header
    2.1. Header Style 1
    2.2. Header Style 2
    2.3. Header Style 3
    2.4. Header Style 4 
    2.5. Header Style 5
    2.7. Header Style 7
  3. Standard Page
    3.1. Page Title
    3.2. Hero Background
  4. 404 Page
  5. Post Loop
    5.1. Blog Loop - Style 2
  6. Single Post
    6.1. Single Post Meta
    6.2. Single Post Tag
    6.3. Single Post Author
    6.4. Single Post Pagination
    6.5. Single Post Comment Section
  7. Portfolio
    7.1. Portfolio - Grid Template
    7.2. Portfolio - Masonry Template
  8. Single Portfolio
    8.1. Single Portfolio - Style 1
    8.2. Single Portfolio - Style 2
    8.3. Single Portfolio - Style 3
  9. Sidebar
  10. Footer
    10.1. Footer Widget
        10.1.1 Footer Widget - Custom Menu 
    10.2. Footer Copyright
    10.3. Footer Layout 
  11. Page Builder
    11.1. Head Title Block 
        11.1.1 Head Title - Style 1 
        11.1.2 Head Title - Style 2 
        11.1.3 Head Title - Style 3 
        11.1.4 Head Title - Style 4 
        11.1.5 Head Title - Style 5 
        11.1.6 Head Title - Style 6 
        11.1.7 Head Title - Style 7
    11.2. Team Block
    11.3. Portfolio Block
    11.4. Slider Block
    11.5. Contact Form Block
-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1. CSS Reset
/*-----------------------------------------------------------------------------------*/

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    font-size: 16px;
    background: #ffffff;
    line-height: 1.618;
}

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

ul {
    -webkit-padding-start: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 0;
    color: #000000;
}

h1 {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.125;
}

h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.25;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
}

h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
}

h6 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

a {
    cursor: pointer;
    outline: none;
    color: #000000;
    text-decoration: none !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #666666;
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 0;
}

p {
    margin: 0 0 20px;
    color: rgba(0,0,0,.8);
}

table {
    width: 80%;
    margin-bottom: 20px;
}

th,
td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
}

th {
    font-weight: bold;
    border-bottom: 2px solid;
    text-align: center;
}

*::-moz-selection {
    background-color: #000;
    color: #fff;
}

*::selection {
    background-color: #000;
    color: #fff;
}

button {
    border: none;
    background-image: none;
    background: transparent;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    margin: 1em 0;
    border-left: 10px solid #000;
    padding-left: 12px;
}

ol {
    display: block;
    list-style-type: decimal;
    -webkit-padding-start: 40px;
}

.bypostauthor > .comment .comment-author cite:after {
    content: "post author";
    font-size: 7px;
    font-size: 0.693333rem;
    font-style: italic;
    margin-left: 6px;
}

.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    padding-left: 15px;
}

.alignleft {
    float: left;
    padding-right: 15px;
}

img.aligncenter,
img.alignnone {
    margin-bottom: 12px;
}

img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 10px 20px 10px 0;
    padding: 0;
}

img.alignright {
    margin: 12px 0 12px 24px;
    margin: 10px 0 10px 20px;
    padding: 0;
}

pre {
    font-size: 16px;
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.6;
    margin: 1em 0;
}

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

body {
    min-height: 100%;
}
#content {
    height: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    line-height: 1.6;
    margin-top: 10px;
    color: #757575;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.sticky .post-title:before {
    content: "Featured Post";
    padding: 8px 10px 5px 10px;
    color: #ffffff;
    background-color: #000000;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Custom Base */

input {
    height: 40px;
    padding: 0 15px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    outline: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

textarea {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

input[type="submit"] {
    display: inline-block;
    color: #fff;
    background-color: #ff0036;
    font-size: 16px;
    letter-spacing: 0.025em;
    width: auto;
    border: none;
    margin-top: 0;
    cursor: pointer;
}

::-ms-clear {
    display: none;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}

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

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.container {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.therow {
    margin-left: -15px;
    margin-right: -15px;
}

.column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
}

.column {
    display: inline-block;
    float: left;
}
.column-1 {
    width: 100%;
}

.column-2 {
    width: 50%;
}

.column-3 {
    width: 33.33333%;
}

.column-2of3 {
    width: 66.66667%;
}

.column-4 {
    width: 25%;
}

.column-5 {
    width: 20%;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.icon {
    font-family: "mandala";
}

/* Button */

.btn {
    font-family: inherit;
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.btn:hover {
    color: #fff;
    box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34);
}

.boxed-wrap  {
    margin: auto;
}

.top-border {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 12px;
}
.bottom-border {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 12px;
}
.left-border {
    position: fixed;
    width: 25px;
    left: 0;
    height: 100%;
    z-index: 9999;
}
.right-border {
    position: fixed;
    width: 25px;
    right: 0;
    height: 100%;
    z-index: 9999;
}

#preloader {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
}

#status {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    transform: translate(-50%, -50%);
    background-image: url(./img/loading.gif);
}

/*-----------------------------------------------------------------------------------*/
/*  2. Header
/*-----------------------------------------------------------------------------------*/
.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  display: none;
}
#header {
    max-width: 100%;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
visibility: hidden;
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
#header.inner-head-wrap {
    margin-left: auto;
    margin-right: auto;
    z-index: 101;
    position: relative;
    padding: 80px 0;
}
#content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.header-clear {
    position: relative;
    max-width: 100%;
}
#header .fc {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; 
}
#header .fc .logo {
    float: none;
}
#header .fc .logo img {
    margin: auto;
}

#header .fl.horizontal .head-item {
    float: left;
}
#header .fc.horizontal .head-item {
    display: inline-block;
}
#header .fr.horizontal .head-item {
    float: right;
}

/* 2.1. Header Style 1 */

.logo {
    float: left;
    position: relative;
    z-index: 100;
}

.logo h2.site-title {
    margin-bottom: 0;
}

.mobile-menu {
    display: none;
}

/*.header-style-1-wrap {
    padding: 80px 0;
}*/
.header-style-1-wrap .fl {
    float: left;
}
.header-style-1-wrap .fr {
    float: right;
}

.header-style-1-wrap .main-menu {
    display: inline-block;
}

.header-style-1-wrap .main-menu ul.sm-clean>li+li {
    margin-left: 30px;
}

.header-style-1-wrap .main-menu ul.sm-clean>li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-style-1-wrap .main-menu ul.sm-clean>li>a {
    font-size: 16px;
    color: #000000;
    position: relative;
    display: block;
    padding: 0.65em 0;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    transition: opacity 0.2s linear, color 0.2s linear;
}

.header-style-1-wrap .main-menu ul.sm-clean>li.current-menu-item>a,
.header-style-1-wrap .main-menu ul.sm-clean>li>a:hover {
    color: #000000;
}

.header-style-1-wrap .main-menu ul.sm-clean>li>a::before,
.header-style-1-wrap .main-menu ul.sm-clean>li.current-menu-item>a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}

.header-style-1-wrap .main-menu ul.sm-clean>li.current-menu-item a::before,
.header-style-1-wrap .main-menu ul.sm-clean>li a:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.header-style-1-wrap ul.sm-clean ul {
    border: none;
    background-color: #000;
    border-radius: 0 !important;
    padding: 5px 0;
}

.header-style-1-wrap ul.sm-clean ul:before, .header-style-1-wrap ul.sm-clean ul:after {
    content: none;
}

.header-style-1-wrap ul.sm-clean ul li a {
    color: #ffffff;
    font-size: 14px;
    padding: 5px 20px;
}

.header-style-1-wrap ul.sm-clean ul li a:hover {
    background: none;
    opacity: 0.7;
}

ul.sm-clean > li > a span.sub-arrow {
    right: -10px;
}

.header-style-1-wrap .search-wrap {
    float: right;
    padding: 20px 0;
    line-height: 35px;
    display: flex;
}

.header-style-1-wrap .search-wrap button {
    font-size: 18px;
    margin-left: 30px;
    cursor: pointer;
    z-index: 10;
}

.header-style-1 .search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.95);
}

.js .header-style-1 .search {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.header-style-1 .search::before,
.header-style-1 .search::after {
    content: '';
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    pointer-events: none;
    border: 1.5em solid #f1f1f1;
}

.header-style-1 .search::before {
    top: 0;
    left: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

.header-style-1 .search::after {
    right: 0;
    bottom: 0;
    border-top-width: 0;
    border-left-width: 0;
}

.header-style-1 .btn--search-close {
    color: #fff;
    font-size: 2em;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none;
    cursor: pointer;
}

.js .header-style-1 .btn--search-close {
    display: block;
}

.header-style-1 .search__form {
    margin-top: 5em;
}

.header-style-1 .search__input {
    font-family: inherit;
    font-size: 10vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: 0;
    color: #ffffff;
    border: none;
    border-bottom: 2px solid;
    height: 190px;
    background-color: transparent;
}

.header-style-1 .search--open button.submit {
    display: none;
}

.header-style-1 .search__input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.3;
    color: #ffffff;
}

.header-style-1 .search__input::-moz-placeholder {
    opacity: 0.3;
    /* Mozilla Firefox 19+ */
    color: #ffffff;
}

.header-style-1 .search__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #ffffff;
}

.header-style-1 .search__input::-webkit-search-cancel-button,
.header-style-1 .search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.header-style-1 .search__input::-ms-clear {
    display: none;
}

.header-style-1 .search__info {
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #ffffff;
}

.header-style-1 .search__related {
    display: block;
    width: 75%;
    pointer-events: none;
    margin-top: 5vw;
}

.header-style-1 .search__suggestion {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.header-style-1 .search__suggestion:nth-child(2) {
    margin: 0 3em;
}

.header-style-1 .search__suggestion h4 {
    color: #ffffff;
    position: relative;
    padding-left: 35px;
}

.header-style-1 .search__suggestion h4::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 11px;
}

.header-style-1 .search__suggestion p {
    color: #ffffff;
}

.js .header-style-1 .search {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}

.js .header-style-1 .search--open {
    pointer-events: auto;
    opacity: 1;
}

.header-style-1 .search::before,
.header-style-1 .search::after {
    transition: transform 0.5s;
}

.header-style-1 .search::before {
    transform: translate3d(-15px, -15px, 0);
}

.header-style-1 .search::after {
    transform: translate3d(15px, 15px, 0);
}

.header-style-1 .search--open::before,
.header-style-1 .search--open::after {
    transform: translate3d(0, 0, 0);
}

.header-style-1 .btn--search-close {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}

.header-style-1 .search--open .btn--search-close {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.js .header-style-1 .search__form,
.js .header-style-1 .search__info {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}

.js .header-style-1 .search--open .search__form,
.js .header-style-1 .search--open .search__info {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.header-style-1 .search__suggestion {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    transition: opacity 0.5s, transform 0.5s;
}

.header-style-1 .search--open .search__suggestion {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.header-style-1 .search--open .search__suggestion:nth-child(2) {
    transition-delay: 0.1s;
}

.header-style-1 .search--open .search__suggestion:nth-child(3) {
    transition-delay: 0.2s;
}

@media screen and (max-width:40em) {
    .header-style-1 .search__form {
        margin: 5em 0 1em;
    }
    .header-style-1 .btn--search-close {
        font-size: 1.25em;
        top: 1.5em;
        right: 1.5em;
    }
    .header-style-1 .search__info {
        text-align: left;
    }
    .header-style-1 .search__suggestion {
        font-size: 80%;
        width: 100%;
    }
    .header-style-1 .search__suggestion:nth-child(2),
    .header-style-1 .search__suggestion:nth-child(3) {
        display: none;
    }
}

.header-style-1 .page-title {
    margin-top: 0;
}

/* 2.2. Header Style 2 */
.header-style-2-wrap #header.has-overlaped, .header-style-3-wrap #header.has-overlaped {
    position: fixed;
}
.header-style-2 .boxed-wrap, .header-style-3 .boxed-wrap {
    position: relative;
    overflow: hidden;
}
.header-style-2 .boxed-wrap .cd-nav, .header-style-3 .boxed-wrap .cd-nav {
    position: absolute;
    height: auto;
    top: 100px;
}

body.header-style-2.navigation-is-open {
    overflow: hidden;
}
body.header-style-2 {
    overflow-x: hidden;
}
.header-style-2-wrap .site-title {
    text-align: center;
}

.header-style-2-wrap header {
    background-color: #ffffff;
    position: fixed;
    z-index: 301;
    height: 100%;
}

.header-style-2-inner-content {
    position: relative;
}

.header-style-2-wrap .logo {
    width: 100%;
    float: none;
}

.header-style-2-wrap .logo-image img {
    margin: 0 auto;
}

@media (min-width: 960px) {
    .header-style-2-wrap header {
        width: 145px;
    }
}

.header-style-2 #content,
.header-style-2 #footer {
    position: relative;
    z-index: 2;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.header-style-2.navigation-is-open #content,
.header-style-2.navigation-is-open #footer {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-nav-trigger {
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}

.cd-nav-trigger .cd-nav-icon {
    display: block;
    position: absolute;
    top: 28px;
    left: 20px;
    right: 20px;
    height: 2px;
    background-color: #000;
    transition: background 0.3s 0s;
}

.navigation-is-open .cd-nav-trigger .cd-nav-icon {
    background: none;
}

.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    content: "";
    -webkit-transition-duration: 0.3s, 0.3s;
    -moz-transition-duration: 0.3s, 0.3s;
    -o-transition-duration: 0.3s, 0.3s;
    -ms-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    -moz-transition-delay: 0.3s, 0s;
    -o-transition-delay: 0.3s, 0s;
    -ms-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.cd-nav-trigger .cd-nav-icon::before {
    top: -7px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -o-transition-property: top, transform;
    -ms-transition-property: top, transform;
    transition-property: top, transform;
}

.cd-nav-trigger .cd-nav-icon::after {
    bottom: -7px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    -webkit-transition-delay: 0s, 0.3s;
    -moz-transition-delay: 0s, 0.3s;
    -o-transition-delay: 0s, 0.3s;
    -ms-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-nav {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.7s;
    -moz-transition: visibility 0s 0.7s;
    transition: visibility 0s 0.7s;
}

.cd-nav .cd-navigation-wrapper {
    height: 100%;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}

.navigation-is-open .cd-nav {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}

.navigation-is-open .cd-nav .cd-navigation-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}

.cd-half-block .outer {
    display: table;
    width: 100%;
    height: 100%;
}

.cd-half-block .inner {
    border-right: 1px solid #eaeaea;
    padding-left: 100px;
    padding-right: 100px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -moz-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate3d(-100px, 0px, 0px);
    -ms-transform: translate3d(-100px, 0px, 0px);
    transform: translate3d(-100px, 0px, 0px);
    opacity: 0;
    z-index: 10;
    webkit-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -moz-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -o-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -ms-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
}

.navigation-is-open .cd-half-block.primary-menu .inner,
.navigation-is-open .cd-half-block.contact-info .inner {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
}

.navigation-is-open .cd-half-block.contact-info .inner p {
    font-size: 18px;
}

.cd-half-block.contact-info .inner {
    -webkit-transform: translate3d(0, 50px, 0px);
    -moz-transform: translate3d(0, 50px, 0px);
    -o-transform: translate3d(0, 50px, 0px);
    -ms-transform: translate3d(0, 50px, 0px);
    transform: translate3d(0, 50px, 0px);
    webkit-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -moz-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -o-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -ms-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
}

.navigation-is-open .cd-half-block.contact-info .inner {
    webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
    -moz-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
    -o-transition: all all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
    -ms-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s;
}

.header-style-2-wrap .main-menu ul li {
    float: none;
}

.header-style-2-wrap .main-menu ul li a {
    display: inline-block;
    font-size: 38px;;
    margin: 5px 0;
}
.boxed-wrap .cd-nav .cd-half-block {
    background-color: transparent;
}
.boxed-wrap .cd-half-block .inner {
    border: 0;
}
.cd-nav .cd-half-block {
    height: 100%;
    width: 50%;
    float: left;
    background-color: #ffffff;
}

.no-js .header-style-2 #content {
    height: auto;
    overflow: visible;
}

.no-js .cd-nav {
    position: static;
    visibility: visible;
}

.no-js .cd-nav .cd-navigation-wrapper {
    height: auto;
    overflow: visible;
    padding: 100px 5%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.js .header-style-2 .main-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    background: rgba(0,0,0,0.3);
}

.header-style-2-wrap .search-wrap #btn-search {
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -30px;
    bottom: 5%;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    white-space: nowrap;
    font-size: 18px;
    cursor: pointer;
}

.js .header-style-2 .search {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: #fff;
}

.js .header-style-2 .search::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.header-style-2 .btn--search-close {
    font-size: 2em;
    position: fixed;
    z-index: 1001;
    top: 1.25em;
    right: 1.25em;
    cursor: pointer;
}

.header-style-2 .search form.search__form {
    padding-left: 3vw;
    padding-top: 3vw;
}

.header-style-2 .search--open form.search__form button.search-button {
    display: none;
}

.header-style-2 .search__input {
    font-family: inherit;
    font-size: 6vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding: 0.05em 0;
    color: #000;
    border: none;
    border-bottom: 2px solid;
    background-color: transparent;
    height: 190px;
}

.header-style-2 .search__input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #969696;
}

.header-style-2 .search__input::-moz-placeholder {
    opacity: 1;
    /* Mozilla Firefox 19+ */
    color: #969696;
}

.header-style-2 .search__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #969696;
}

.header-style-2 .search__input::-webkit-search-cancel-button,
.header-style-2 .search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.header-style-2 .search__input::-ms-clear {
    display: none;
}

.header-style-2 .search__info {
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 50%;
    padding: 0.85em 0;
    color: #000;
    padding-left: 3vw;
}

.header-style-2 .search__related {
    display: flex;
    width: 35%;
    padding: 4em 0 0 0;
    pointer-events: none;
    padding-left: 3vw;
}

.header-style-2 .search__suggestion h4 {
    position: relative;
    padding-left: 35px;
}

.header-style-2 .search__suggestion h4::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 11px;
}

.header-style-2 .search__suggestion p {
    color: #000000;
}

.js .header-style-2 .main-wrap::after {
    transition: opacity 0.3s;
    transition-timing-function: ease-out;
}

.js .header-style-2 .main-wrap--overlay::after {
    opacity: 1;
    transition-delay: 0s;
}

.js .header-style-2 .search {
    pointer-events: none;
    transition: transform 0.3s;
    transition-delay: 0.4s;
    transition-timing-function: ease-out;
}

.js .header-style-2 .search--open {
    pointer-events: auto;
    transform: translate3d(-100%,0,0);
    transition-delay: 0s;
}

.js .header-style-2 .search::after {
    transition: transform 0.3s;
    transition-timing-function: ease-out;
}

.js .header-style-2 .search--open::after {
    transform: translate3d(100%,0,0);
    transition-delay: 0.4s;
}

.js .header-style-2 .btn--search-close {
    transition: opacity 0.1s;
    transition-delay: 0.3s;
}

.header-style-2 .btn--hidden {
    pointer-events: none;
    opacity: 0;
}

@media screen and (max-width: 40em) {
    .header-style-2 .btn--search-close {
        font-size: 1.25em;
    }
    .header-style-2 .search__related {
        font-size: 80%;
        width: 75%;
    }
    .header-style-2 .search__input {
        font-size: 2em;
        width: 90%;
    }
    .header-style-2 .search__info {
        width: 90%;
    }
}

/* 2.3. Header Style 3 */

body.header-style-3 {
    overflow-x: hidden;
}

.header-style-3-wrap header {
    background-color: #ffffff;
    position: fixed;
    right: 0;
    z-index: 301;
    height: 100%;
}
.header-style-3-wrap .site-title {
    text-align: center;
}
.header-style-3-inner-content {
    position: relative;
}

.header-style-3-wrap .logo {
    width: 100%;
    float: none;
}

.header-style-3-wrap .logo-image img {
    margin: 0 auto;
}

@media (min-width: 960px) {
    .header-style-3-wrap header {
        width: 145px;
    }
}

.header-style-3 #content,
.header-style-3 #footer {
    position: relative;
    z-index: 2;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.header-style-3.navigation-is-open #content,
.header-style-3.navigation-is-open #footer {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.header-style-3-wrap .main-menu ul li {
    float: none;
}

.header-style-3-wrap .main-menu ul li a {
    display: inline-block;
    font-size: 38px;;
    margin: 5px 0;
}

.no-js .header-style-3 #content {
    height: auto;
    overflow: visible;
}

.js .header-style-2 .main-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    background: rgba(0,0,0,0.3);
}

.header-style-3-wrap .search-wrap #btn-search {
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -30px;
    bottom: 5%;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    white-space: nowrap;
    font-size: 18px;
    cursor: pointer;
}

.js .header-style-3 .search {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: #fff;
}

.js .header-style-3 .search::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.header-style-3 .btn--search-close {
    font-size: 2em;
    position: fixed;
    z-index: 1001;
    top: 1.25em;
    right: 1.25em;
    cursor: pointer;
}

.header-style-3 .search form.search__form {
    padding-left: 3vw;
    padding-top: 3vw;
}

.header-style-3 .search--open form.search__form button.search-button {
    display: none;
}

.header-style-3 .search__input {
    font-family: inherit;
    font-size: 6vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding: 0.05em 0;
    color: #000;
    border: none;
    border-bottom: 2px solid;
    background-color: transparent;
    height: 190px;
}

.header-style-3 .search__input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #969696;
}

.header-style-3 .search__input::-moz-placeholder {
    opacity: 1;
    /* Mozilla Firefox 19+ */
    color: #969696;
}

.header-style-3 .search__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #969696;
}

.header-style-3 .search__input::-webkit-search-cancel-button,
.header-style-3 .search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.header-style-3 .search__input::-ms-clear {
    display: none;
}

.header-style-3 .search__info {
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 50%;
    padding: 0.85em 0;
    color: #000;
    padding-left: 3vw;
}

.header-style-3 .search__related {
    display: flex;
    width: 35%;
    padding: 4em 0 0 0;
    pointer-events: none;
    padding-left: 3vw;
}

.header-style-3 .search__suggestion h4 {
    position: relative;
    padding-left: 35px;
}

.header-style-3 .search__suggestion h4::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 11px;
}

.header-style-3 .search__suggestion p {
    color: #000000;
}

.js .header-style-3 .main-wrap::after {
    transition: opacity 0.3s;
    transition-timing-function: ease-out;
}

.js .header-style-3 .main-wrap--overlay::after {
    opacity: 1;
    transition-delay: 0s;
}

.js .header-style-3 .search {
    pointer-events: none;
    transition: transform 0.3s;
    transition-delay: 0.4s;
    transition-timing-function: ease-out;
}

.js .header-style-3 .search--open {
    pointer-events: auto;
    transform: translate3d(-100%,0,0);
    transition-delay: 0s;
}

.js .header-style-3 .search::after {
    transition: transform 0.3s;
    transition-timing-function: ease-out;
}

.js .header-style-3 .search--open::after {
    transform: translate3d(100%,0,0);
    transition-delay: 0.4s;
}

.js .header-style-3 .btn--search-close {
    transition: opacity 0.1s;
    transition-delay: 0.3s;
}

.header-style-3 .btn--hidden {
    pointer-events: none;
    opacity: 0;
}

@media screen and (max-width: 40em) {
    .header-style-3 .btn--search-close {
        font-size: 1.25em;
    }
    .header-style-3 .search__related {
        font-size: 80%;
        width: 75%;
    }
    .header-style-3 .search__input {
        font-size: 2em;
        width: 90%;
    }
    .header-style-3 .search__info {
        width: 90%;
    }
}

/* 2.4. Header Style 4 */

#showMenu {
    width: 25px;
    height: 20px;
    position: relative;
    margin: 27px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#showMenu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000000;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#showMenu span:nth-child(1) {
    top: 0px;
}

#showMenu span:nth-child(2) {
    top: 9px;
}

#showMenu span:nth-child(3) {
    bottom: 0;
}

#showMenu.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#showMenu.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#showMenu.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

html,
body,
.perspective {
    width: 100%;
    height: 100%;
}

.header-style-4 #showMenu,
.header-style-6 #showMenu {
    float: right;
}

.menu-style-perspective ul.menus {
    list-style: none;
}
.menu-style-perspective ul.sub-menu {
    display: block;
}

.perspective .sm a {
    font-size: 40px;
    margin-bottom: 5px;
    font-weight: 600;
}
.perspective .top li {
    text-align: center;
}

/* 2.5. Header Style 5 */

.header-style-5 .logo {
    float: right;
}

.header-style-5 #showMenu {
    float: left;
}

.perspective {
    background: #aaa;
    position: relative;
}

.container-header-burger {
    background: transparent;
    min-height: 100%;
    position: relative;
    outline: 1px solid rgba(0, 0, 0, 0);
    z-index: 10;
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
    transform: translateZ(0) translateX(0) rotateY(0deg);
}

.container-header-burger::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2)
    -webkit-transition: opacity 0.4s, height 0s 0.4s;
    transition: opacity 0.4s, height 0s 0.4s;
}
.effect-airbnb .container-header-burger::after {
    background: rgba(255, 255, 255, 0.6);
}

.wrapper-header-burger {
    position: relative;
}

.component {
    margin: 0 auto;
    width: 60%;
    text-align: justify;
    font-size: 1.5em;
}

.perspective.modalview {
    position: fixed;
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.modalview .container-header-burger {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.modalview .wrapper-header-burger {
    -webkit-transform: translateZ(-1px);
}

.animate .container-header-burger::after {
    opacity: 1;
    height: 101%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.outer-nav {
    position: absolute;
    height: auto;
    font-size: 2em;
}

.outer-nav.vertical {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.outer-nav.horizontal {
    left: 50%;
    width: 75%;
    max-width: 1000px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.outer-nav.left {
    left: 25%;
}

.outer-nav.right {
    right: 25%;
}

.outer-nav.top {
    top: 25%;
}

.outer-nav.bottom {
    bottom: 25%;
}

.outer-nav a {
    display: inline-block;
    white-space: nowrap;
    font-weight: 300;
    margin: 0 0 30px 0;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.outer-nav a:hover {
    color: #ffdccd;
}

.outer-nav.vertical a {
    display: block;
}

.outer-nav.horizontal a {
    margin: 15px 20px;
}

.outer-nav a::before {
    display: inline-block;
    font-family: 'typicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.icon-news::before {
    content: "\e600"
}

.icon-home::before {
    content: "\e601"
}

.icon-image::before {
    content: "\e602"
}

.icon-upload::before {
    content: "\e603"
}

.icon-star::before {
    content: "\e604"
}

.icon-mail::before {
    content: "\e605"
}

.icon-lock::before {
    content: "\e606"
}

.icon-chart-pie::before {
    content: "\e607"
}

.effect-airbnb {
    background: #f4f3f1;
}

.effect-airbnb .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-airbnb.animate .container-header-burger {
    -webkit-transform: translateZ(-50px) translateX(50%) rotateY(-45deg);
    transform: translateZ(-50px) translateX(50%) rotateY(-45deg);
}

.no-csstransforms3d .effect-airbnb.animate .container-header-burger {
    left: 75%;
}

.effect-airbnb .outer-nav a {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-airbnb.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.effect-airbnb.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-airbnb.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-airbnb.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-airbnb.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-airbnb.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-airbnb.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-moveleft {
    background: #f4f3f1;
}

.effect-moveleft .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-moveleft .container-header-burger::after {
    background: rgba(255, 255, 255, 0.6);
}

.effect-moveleft.animate .container-header-burger {
    -webkit-transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
    transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
}

.no-csstransforms3d .effect-moveleft.animate .container-header-burger {
    left: -75%;
}

.effect-moveleft .outer-nav a {
    color: #e86a32;
    opacity: 0;
    -webkit-transform: translateX(100px) translateZ(-1000px);
    transform: translateX(100px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-moveleft .outer-nav a:hover {
    color: #333;
}

.effect-moveleft.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
}

.effect-moveleft.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-moveleft.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-moveleft.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-moveleft.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-moveleft.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-moveleft.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-rotateleft {
    background: #e96e4f;
}

.effect-rotateleft .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.effect-rotateleft .container-header-burger::after {
    background: rgba(255, 255, 255, 0.6);
}

.effect-rotateleft.animate .container-header-burger {
    -webkit-transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
    transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
}

.no-csstransforms3d .effect-rotateleft.animate .container-header-burger {
    left: -75%;
}

.effect-rotateleft .outer-nav a {
    opacity: 0;
    -webkit-transform: translateX(350px) translateZ(-1000px);
    transform: translateX(350px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-rotateleft.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
}

.effect-rotateleft.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-movedown {
    background:transparent;
}

.effect-movedown .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-movedown .container-header-burger::after {
    background: rgba(52, 73, 94, 0.5);
}

.effect-movedown.animate .container-header-burger {
    -webkit-transform: translateY(100%) translateZ(-1500px);
    transform: translateY(100%) translateZ(-1500px);
}

.no-csstransforms3d .effect-movedown.animate .container-header-burger {
    top: 75%;
}

.effect-movedown .outer-nav a {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-movedown .outer-nav a:hover {
    color: #ed8151;
}

.effect-movedown.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.effect-movedown.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-movedown.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-movedown.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-movedown.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-movedown.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-movedown.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-rotatetop {
    background: #edcdbb;
}

.effect-rotatetop .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-rotatetop .container-header-burger::after {
    background: rgba(94, 59, 43, 0.6);
}

.effect-rotatetop.animate .container-header-burger {
    -webkit-transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
    transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
}

.no-csstransforms3d .effect-rotatetop.animate .container-header-burger {
    top: -75%;
}

.effect-rotatetop .outer-nav a {
    opacity: 0;
    color: #ed8151;
    -webkit-transform: translateY(200px) translateZ(-1000px);
    transform: translateY(200px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-rotatetop .outer-nav a:hover {
    color: #777;
}

.effect-rotatetop.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.effect-rotatetop.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-laydown {
    background: #b8b6b4;
}

.effect-laydown .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
}

.effect-laydown.animate .container-header-burger {
    -webkit-transform: translateZ(-1500px) rotateX(80deg);
    transform: translateZ(-1500px) rotateX(80deg);
}

.no-csstransforms3d .effect-laydown.animate .container-header-burger {
    top: 75%;
}

.effect-laydown .outer-nav a {
    opacity: 0;
    -webkit-transform: translateY(-200px) translateZ(-1000px);
    transform: translateY(-200px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-laydown.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.effect-laydown.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
}

.effect-laydown.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-laydown.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-laydown.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-laydown.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-laydown.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-laydown.animate .outer-nav a:first-child {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

/* 2.6. Header 6 */
.menu-style-perspective.top ul {
    text-align: center;
}
.perspective .top li {
    display: inline-block;
}
.menu-style-perspective.top ul.sub-menu {
    display: inline-block;
}

/* 2.7. Header 7 */
.header-style-7-wrap {
    /*position: relative;*/
}
.header-style-7-wrap .menu-wrapper {
    opacity: 0;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.menu-wrapper.wrap-active {
    opacity: 1;
    z-index: 101;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.header-style-7-wrap .menu-wrapper .main-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.close-btn {
    position: absolute;
    top: 10%;
    right: 10%;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.burger-7 {
    float: right;
    margin: 30px 0px;
}

/*-----------------------------------------------------------------------------------*/
/*  3. Standard Page
/*-----------------------------------------------------------------------------------*/

.page-content-wrap {
    padding: 80px 0;
}
.blog-content-wrap .blog {
    padding: 80px 0;
}
.single-post-wrap .blog {
    padding: 80px 0;
}

/* 3.1. Page Title */

.page-title {
    margin: 60px 0;
    text-align: center;
}

.page-title h2 {
    color: #000;
    font-weight: 500;
}

.page-title span {
    display: block;
    margin: 0;
    font-size: 42px;
    font-weight: 600;
    line-height: 34px;
    color: #e0e0e0;
}

/* 3.2. Hero Background */
.hero-section {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    height: 450px;
}
.hero-slider-wrap, .hero-slider {
    position: relative;
    z-index: 2;
}
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 103;
}
.hero-slider .hero-slide, .hero-slider .hero-slide img {
    width: 100% !important;
    max-width: 100%;
}

/* overlaped hero */
#header.has-overlaped {
    position: absolute;
    left: 0;
    right: 0;
}

/* hero content */
.hero-content.separator-on .hero-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.hero-content.separator-on .hero-title:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: 133px;
    height: 5px;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.scroll-to-content {
    bottom: 50px;
    color: #000000;
    cursor: pointer;
    left: 0px;
    letter-spacing: 0.3em;
    opacity: 0.5;
    padding-bottom: 20px;
    position: absolute;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.scroll-to-content img {
    margin: auto;
}
.scroll-to-content:hover {
    opacity: 1;
}
.scroll-to-content h5 {
    color: #ffffff;
    margin-bottom: 7px;
}
.target-image img {
    width: 30px;
}

/*-----------------------------------------------------------------------------------*/
/*  4. 404 Page
/*-----------------------------------------------------------------------------------*/

.error404 .outer {
    display: table;
    width: 100%;
}

.error404 .outer .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.not-found .inner h1 {
    line-height: 1;
    font-weight: 600;
    font-size: 34vmin;
}

.not-found .inner h3 {
    line-height: 1.6;
}

.not-found .inner h3 span {
    display: block;
}

.not-found .inner a {
    font-size: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  5. Post Loop
/*-----------------------------------------------------------------------------------*/

.post-content-wrap {
    position: relative;
}

.sticky.blog-item .meta-wrapper {
    padding-top: 50px;
}

.blog-item .post-thumb {
    position: relative;
    overflow: hidden;
}

.blog-section .blog-item .post-thumb img {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .5s ease;
    transition: opacity .2s ease-in-out,-webkit-transform .5s ease;
    transition: transform .5s ease,opacity .2s ease-in-out;
    transition: transform .5s ease,opacity .2s ease-in-out,-webkit-transform .5s ease;
}

.blog-section .blog-item:hover .post-thumb img {
    -webkit-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
    transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}

.blog-section .blog-item .post-thumb .mandala-overlay {
    position: absolute;
    background-color: #000;
    display: block;
    left: 0;
    top: 0;
    width: 103%;
    height: 103%;
    z-index: 10;
    -webkit-transform: translate(-1px,-1px);
    -ms-transform: translate(-1px,-1px);
    transform: translate(-1px,-1px);
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.blog-section .blog-item:hover .post-thumb .mandala-overlay {
    opacity: .3;
}

.blog-item .meta-wrapper {
    padding-top: 30px;
    font-size: 13px;
}

.blog-item .meta-wrapper span.date,
.blog-item .meta-wrapper span.standard-post-categories {
    margin-left: 15px;
    padding-left: 35px;
    display: inline-block;
    position: relative;
}

.blog-item .meta-wrapper span.date:before,
.blog-item .meta-wrapper span.standard-post-categories:before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
    opacity: 1;
    position: absolute;
    top: 9px;
    left: -5px;
    background-color: #000000;
}

.blog-item .meta-wrapper a {
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.025em;
}

.blog-item .meta-wrapper a:hover {
    color: #666666;
}

.blog-item ul.post-categories {
    list-style: none;
    padding: 0;
    display: inline-block;
}

.blog-item ul.post-categories li {
    display: inline-block;
}

.blog-section .blog-item .post-content {
    text-align: center;
    margin-bottom: 30px;
}

.blog-item .blog-item.has-post-thumbnail .post-content {
    margin-top: 0;
}

.blog-item .post-content .post-title {
    margin-top: 20px;
    margin-bottom: 40px;
}

.blog-item .read-more {
    margin-top: 15px;
    display: inline-block;
}

.navigation-paging {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.infinite-wrap.style-2, .infinite-wrap.style-3 {
    border: 0;
}
.infinite-wrap.style-2 .btn  {
    border: 1px solid #000000;
    background-color: transparent;
    color: #000000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.infinite-wrap.style-2 .btn:hover {
    color: #ffffff;
    background-color: #000000;
    box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34);
}

.infinite-wrap.style-3 .btn  {
    color: #000000;
    position: relative;
    background-color: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.infinite-wrap.style-3 .btn:hover {
    box-shadow: none;
}
.infinite-wrap.style-3 .btn:before  {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.infinite-wrap.style-3 .btn:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.infinite-wrap.text-left {
    text-align: left;
}
.infinite-wrap.text-center {
    text-align: center;
}
.infinite-wrap.text-right {
    text-align: right;
}
.infinite-wrap,
#infscr-loading,
#infscr-loading img {
    text-align: center;
    margin: 0 auto;
}
.infinite-container {
    position: relative;
}
#infscr-loading {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

.pagination-num .btn {
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    margin-right: 5px;
    border: 2px solid #000;
}

.pagination-num .btn.current {
    cursor: default;
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
}

.pagination-num .btn.current:hover {
    box-shadow: none;
}
.pagination-page-template {
    padding: 40px 0;
}
.blog-style-1-block {
    position: relative;
}

.blog-single .meta-bottom {
    margin-bottom: 10px;
}

/* 5.1. Blog Loop - Style 2 */

.blog-style-2 article.blog-item {
    position: relative;
    max-height: 300px;
    overflow: hidden;
}

.blog-style-2 .post-content-style-2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 100%;
}

.blog-style-2 .post-content-style-2 h2.post-title {
    font-size: 42px;
    margin-bottom: 0;
}

.blog-style-2 .img-loaded img {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.blog-style-2 article.blog-item:hover .img-loaded img {
    opacity: 1;
}

.blog-style-2 article.blog-item:hover .post-content-style-2 h2.post-title a {
    color: #fff;
}

.elementor .blog-section.blog-style-2 article.blog-item {
    max-height: 100%;
}
.blog-style-2 .navigation-paging {
    margin: 0;
}
.blog-style-3 .navigation-paging {
    margin: 0;
}
.blog-style-2 {
    position: relative;
}
.elementor .blog-section.blog-style-2 .post-thumb {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    background-size: cover;
}
.elementor .blog-section.blog-style-2 .blog-item:hover .post-thumb {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


.post-password-form p:nth-child(2) {
    background-color: #f2f2f2;
    padding: 20px;
    text-align: center;
}
.post-password-form input[type="password"] {
    background-color: #ffffff;
    border-color: #ffffff;
}
.post-password-form input[type="submit"] {
    background-color: #000000;
}

/*-----------------------------------------------------------------------------------*/
/*  6. Single Post
/*-----------------------------------------------------------------------------------*/

/* 6.1. Single Post Meta */

.blog-item .post-meta {
    float: left;
    margin-top: 2px;
}

.blog-item .share-section {
    float: right;
}

.social-share-wrapper span {
    position: relative;
    margin-right: 5px;
    padding-right: 35px;
}

.social-share-wrapper span:after {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
    opacity: 1;
    position: absolute;
    top: 9px;
    right: -5px;
    background-color: #000000;
}

.share-section .social-share-wrapper div {
    display: inline-block;
    margin: 0 5px;
}

.share-section .social-share-wrapper div:first-child {
    margin-left: 0;
}

.share-section .social-share-wrapper div:last-child {
    margin-right: 0;
}

.social-share-wrapper i {
    font-size: 16px;
    position: relative;
    top: 3px;
}

/* 6.2. Single Post Tag */

.tag-wrapper i {
    font-size: 22px;
    position: relative;
    margin-right: 5px;
    top: 6px;
}

.tag-wrapper a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.025em; 
}

/* 6.3. Single Post Author */

.blog-single .post-author {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.blog-single .post-author .author-ava {
    float: left;
    margin-right: 20px;
}

.blog-single .post-author .author-ava img {
    border-radius: 50%;
}

.blog-single .post-author .author-desc {
    overflow: hidden;
}

.blog-single .post-author .author-desc p {
    margin-bottom: 0;
}

.blog-single .post-author .author-name {
    margin-bottom: 10px;
}

.blog-single .post-author .author-name a {
    font-weight: 600;
}

/* 6.4. Single Post Pagination */

.next-prev-post {
    background-color: #000;
    padding: 30px 0;
}

.next-prev-post .next-post {
    float: right;
    text-align: right;
}

.next-prev-post .prev-post p,
.next-prev-post .next-post p {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

.next-prev-post .prev-post p {
    padding-left: 50px;
}

.next-prev-post .next-post p {
    padding-right: 50px;
}

.next-prev-post .prev-post p:before,
.next-prev-post .next-post p:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    opacity: 1;
    position: absolute;
    top: 15px;
    background-color: #ffffff;
}

.next-prev-post .prev-post p:before {
    left: 0;
}

.next-prev-post .next-post p:before {
    right: 0;
}

.next-prev-post h4.title {
    margin-bottom: 0;
}

.next-prev-post .prev-post h4.title {
    padding-left: 50px;
}

.next-prev-post .next-post h4.title {
    padding-right: 50px;
}

.next-prev-post h4.title a {
    color: #ffffff;
}

/* 6.5. Single Post Comment Section */

.comment-list {
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.comment-list ul {
    padding: 0;
    list-style: none;
}

.comments-area {
    margin-top: 30px;
}

.comments-title {
    margin-bottom: 15px;
}

.comments-title h3 {
    margin-bottom: 0;
    float: left;
    font-weight: 500;
    text-transform: none;
}

.comments-title .leave-reply-link a {
    float: right;
    margin: 0;
}

.comment {
    position: relative;
}

.comment-body {
    padding: 0.75em 0 .5em;
}

.comment-body img.avatar {
    border-radius: 50%;
    max-width: 40px;
    right: auto;
    float: left;
    margin-right: 10px;
}

.comment-body .meta-comment {
    overflow: hidden;
    margin-top: 5px;
}

.comment-author {
    margin-bottom: 0.25em;
    font-size: 16px;
    line-height: 18px;
    color: #999;
}

.comment-author cite {
    color: #000000;
    font-weight: 900;
    letter-spacing: -0.025em;
}

.comment-author time {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 500;
}

.comment-content {
    font-size: 15px;
    line-height: 22px;
}

.comment-action {
    margin-top: -0.75em;
    font-size: 14px;
    font-weight: 400;
}

.comment-action a {
    color: #999;
}

.children .comment {
    padding-left: 20px;
}

.children .comment-body img.avatar {
    max-width: 30px;
}

.children .comment-author cite {
    font-size: 14px;
}

.comment-respond h3.comment-reply-title {
    margin-bottom: 5px;
    font-weight: 500;
    text-transform: none;
}

a#cancel-comment-reply-link {
    float: right;
    font-size: 16px;
}

.comment-respond form p.logged-in-as a {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.025em;
}

.comment-respond form p.logged-in-as a:hover {
    color: #000000;
}

.comment-respond form p label {
    display: none;
}

.comment-respond form p input,
.comment-respond form p textarea {
    background-color: #ffffff;
    width: 100%;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    padding: 10px;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.comment-respond form p input:hover,
.comment-respond form p textarea:hover,
.comment-respond form p input:focus,
.comment-respond form p textarea:focus {
    background: #f9f9f9;
}
.comment-respond form p input {
    width: auto;
}
.comments-area .comment-respond form p.comment-form-author,
.comments-area .comment-respond form p.comment-form-email,
.comments-area .comment-respond form p.comment-form-url {
    width: 33.333%;
    float: left;
}
.comments-area .comment-respond form p.comment-form-author {
    padding-left: 0;
}

.comments-area .comment-respond form p.comment-form-url {
    padding-right: 0;
}

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

.comment-respond form p.form-submit input {
    display: inline-block;
    color: #fff;
    background-color: #000000;
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 0.025em;
    width: auto;
    border: none;
    margin-top: 0;
    cursor: pointer;
}

.comment-respond form p.form-submit input:hover {
    box-shadow: 0 3px 6px -3px rgba(0,0,0,0.33);
}

/*-----------------------------------------------------------------------------------*/
/*  7. Portfolio
/*-----------------------------------------------------------------------------------*/

/* 7.1. Portfolio - Grid Template */

.grid-template {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}

.grid-item {
    float: left;
}

.grid-template.column-1 .grid-item {
    width: calc( 100%/1);
}

.grid-template.column-2 .grid-item {
    width: calc( 100%/2);
}

.grid-template.column-3 .grid-item {
    width: calc( 100%/3);
}

.grid-template.column-4 .grid-item {
    width: calc( 100%/4);
}

.grid-template.column-5 .grid-item {
    width: calc( 100%/5);
}

.page-template-portfolio-grid-template [class^='imghvr-'],
.page-template-portfolio-grid-template [class*=' imghvr-'] {
    background-color: #000000;
}

.page-template-portfolio-grid-template [class^='imghvr-'] figcaption,
.page-template-portfolio-grid-template [class*=' imghvr-'] figcaption {
    background-color: #ffffff;
}

figcaption h3.portfolio-loop-title {
    text-align: center;
    color: #111111;
}

figcaption .caption-inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* 7.2. Portfolio - Masonry Template */

.masonry-template {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}

.masonry-template.column-1 .masonry-item {
    width: calc( 100%/1);
}

.masonry-template.column-2 .masonry-item {
    width: calc( 100%/2);
}

.masonry-template.column-3 .masonry-item {
    width: calc( 100%/3);
}

.masonry-template.column-4 .masonry-item {
    width: calc( 100%/4);
}

.masonry-template.column-5 .masonry-item {
    width: calc( 100%/5);
}

.masonry-template.column-2 .masonry-item.wider {
    width: calc( 100%/2 * 2);
}

.masonry-template.column-3 .masonry-item.wider {
    width: calc( (100%/3 * 2));
}

.masonry-template.column-4 .masonry-item.wider {
    width: calc( 100%/4 * 2);
}

.masonry-template.column-5 .masonry-item.wider {
    width: calc( 100%/5 * 2);
}

.page-template-portfolio-masonry-template [class^='imghvr-'],
.page-template-portfolio-masonry-template [class*=' imghvr-'] {
    background-color: #000000;
}

.page-template-portfolio-masonry-template [class^='imghvr-'] figcaption,
.page-template-portfolio-masonry-template [class*=' imghvr-'] figcaption {
    background-color: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*  8. Single Portfolio
/*-----------------------------------------------------------------------------------*/

/* 8.1. Single Portfolio - Style 1 */

.portfolio-style1 .project-details ul {
    list-style: none;
    text-align: center;
    padding: 0;
}

.portfolio-style1 .project-details ul li {
    display: inline-block;
    margin: 0 60px
}

.portfolio-style1 .project-details ul li span {
    display: block;
    font-weight: 900;
}

.portfolio-style1 .portfolio-thumbnail img {
    margin: 0 auto;
}

.portfolio-style1 .portfolio-content {
    margin-top: 60px;
}

.portfolio-style1 .portfolio-pagination {
    padding: 60px 0; 
}

.portfolio-style1 .portfolio-pagination .all-portfolio {
    text-align: center;
}

.portfolio-style1 .portfolio-pagination .next-portfolio {
    text-align: right;
}
/*gallery slider*/
.single-porto-inner-wrap .swiper-button-prev, .single-porto-inner-wrap .swiper-container-rtl .swiper-button-next, .single-porto-inner-wrap .swiper-button-next {
    background: none;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom {
    text-align: center;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom .swiper-button-next.post-carousel-arrow {
    float: none;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom .swiper-button-prev.post-carousel-arrow {
    float: none;
}

/* 8.2. Single Portfolio - Style 2 */
.portfolio-style-2-wrap {
    position: relative;
}
.portfolio-details ul {
    list-style: none;
    padding: 0;
}
.portfolio-details .detail-item {
    position: relative;
    padding-left: 10px;
    display: inline-block;
    width: 45%;
    margin-bottom: 20px;
}
.portfolio-details .detail-info {
    margin-bottom: 0;
    margin-top: 5px;
}
.post-title-porto-2 {
    margin-bottom: 20px;
}
.post-title-porto-2 h1 {
    font-size: 36px;
}
.post-title-porto-2 span {
    position: relative;
    padding-bottom: 10px;
}
.post-title-porto-2 span:after {
    position: absolute;
    content: '';
    background-color: #FF9900;
    height: 5px;
    width: 85%;
    max-width: 100%;
    bottom: 0;
    left: 3px;
}

.portfolio-thumbnail img {
    margin-bottom: 20px;
}

.share-portfolio .social-share-wrapper span:after {
    display: none;
}
.share-portfolio .social-share-wrapper span {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}
.share-portfolio .social-share-wrapper .share-item {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 10px;
}
.share-portfolio .social-share-wrapper .share-item.facebook {
    background-color: #3b5998;
}
.share-portfolio .social-share-wrapper .share-item.twitter {
    background-color: #55acee;
}
.share-portfolio .social-share-wrapper .share-item.pinterest {
    background-color: #dd4b39;
}
.share-portfolio .social-share-wrapper .share-item a {
    color: #ffffff;
}
.detail-title {
    text-transform: uppercase;
    font-weight: 700;
}

/*-----------------------------------------------------------------------------------*/
/*  9. Sidebar
/*-----------------------------------------------------------------------------------*/

.sidebar .widget {
    background: #ffffff;
    padding: 6%;
    margin-bottom: 30px;
    text-align: center;
}

.sidebar .widget h4.widget-title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.025em;
}

.sidebar .widget ul {
    padding-left: 0;
    list-style: none;
}

.sidebar .widget ul li {
    margin-bottom: 15px;
}

.sidebar .widget ul li:last-child {
    margin-bottom: 0;
}

/* 9.1. Sidebar - Search */

.sidebar .widget.widget_search {
    padding: 0;
}

.sidebar .widget.widget_search form {
    position: relative;
    opacity: 1;
    margin: 0;
    transform: none;
    transition: inherit;
}

.sidebar .widget.widget_search input {
    font-size: 16px;
    color: #000;
    border-radius: 0;
    height: 50px;
    width: 100%;
    border: 0;
    -webkit-appearance: none;
    outline: 0;
    padding: 0 32px;
    background-color: #fff;
    box-shadow: 1px 1px 0 0 #d8d8d8;
}

.sidebar .widget.widget_search input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.3;
    color: #000000;
}

.sidebar .widget.widget_search input::-moz-placeholder {
    opacity: 0.3;
    /* Mozilla Firefox 19+ */
    color: #000000;
}

.sidebar .widget.widget_search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #000000;
}

.sidebar .widget.widget_search button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #000;
    border: none;
}

.sidebar .widget.widget_search button i {
    color: #ffffff;
    font-size: 16px;
}

/* 9.2. Sidebar - Recent Post */

.sidebar .widget.widget_recent_entries ul li span.post-date {
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Footer
/*-----------------------------------------------------------------------------------*/

.main-wrapper {
    position: relative;
}
#content.has-fixed-footer {
    min-height: 100%;
    z-index: 100;
    position: relative;
}
#footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
#footer {
    position: absolute;
    right: 0;
    bottom: auto;
    left: 0;
}
#footer.fixed-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
}
/* 10.1. Footer Widget */

.footer-widget-wrapper {
    padding: 60px 0;
}

.footer-widget ul {
    list-style: none;
    padding-left: 0;
}

.footer-widget ul li {
    margin-bottom: 5px;
}

/* 10.1.1 Footer Widget - Custom Menu */

.footer-widget .widget_nav_menu ul li a {
    position: relative;
    margin-bottom: 0;
    padding-left: 25px;
}

.footer-widget .widget_nav_menu ul li a:before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    opacity: 1;
    position: absolute;
    top: 12px;
    left: 0;
    background-color: #000000;
}

/* 10.2. Footer Copyright*/

/*.footer-bottom {
    padding: 60px 0;
}*/
.copyright-text p {
    margin: 0;
}

.footer-style-2 .footer-bottom {
    border-top: 1px solid #f2f2f2;
}

.footer-address p {
    margin: 0;
}

.footer-bottom .social-footer ul {
    list-style: none;
}

.footer-bottom .social-footer ul li {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

.footer-bottom .social-footer ul li a {
    font-size: 20px;
}

/* 10.3. Footer Layout */
.logo-footer img {
    display: inline-block;
}
.social-footer ul {
    padding: 0;
}
.foot-col.text-left {
    text-align: left;
}
.foot-col.text-center {
    text-align: center;
}
.foot-col.text-right {
    text-align: right;
}

.foot-col.vertical .foot-col-item {
    display: block;
}
.foot-col.horizontal .foot-col-item {
    display: inline-block;
}

/*-----------------------------------------------------------------------------------*/
/*  11. Page Builder
/*-----------------------------------------------------------------------------------*/

/* 11.1. Head Title Block */
/* 11.1.1 Head Title - Style 1 */

.head-title-1 {
    position: relative;
}

.head-title-1 span.separator {
    position: absolute;
    top: 50px;
    width: 78px;
    margin: 0 auto;
    border-top: 2px solid #000;
}
.head-title-1.bg-image .the-title {
    position: relative;
    padding-bottom: 20px;
}
.head-title-1.bg-image .the-title:after {
    content: '';
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: 133px;
    height: 5px;
    border: none;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.the-title-left .head-title-1 .the-title:after {
    left: 0;
    right: auto;
}
.the-title-right .head-title-1 .the-title:after {
    left: auto;
    right: 0;
}

.head-title-1.bg-image span.separator {
    background-size: cover;
    background-repeat: no-repeat;
    width: 133px;
    height: 5px;
    border: none;
    display: none;
}

/* 11.1.2. Head Title - Style 2 */

.head-title-2 h2 {
    margin-bottom: 0;
}

.head-title-2 span {
    display: block;
    font-size: 42px;
    font-weight: 600;
    line-height: 34px;
    color: #F3F3F3;
    position: relative;
    top: 0;
    z-index: -1;
}

/* 11.1.3. Head Title - Style 3 */

.head-title-3 {
    border-bottom: 2px solid;
    border-color: #e1e1e1;
}

.head-title-3 .the-title {
    margin-bottom: -2px;
}

.head-title-3 span {
    display: inline-block;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    border-color: #213875;
}

/* 11.1.4. Head Title - Style 4 */

.head-title-4 h2 {
    position: relative;
}

.head-title-4 h2 span.inner-title {
    position: relative;
    background-color: #fff;
    display: inline-block;
    padding: 0 15px;
}

.head-title-4 h2:before {
    content: "";
    height: 2px;
    margin-top: -2px;
    top: 50%;
    left: 0;
    width: 100%;
    position: absolute;
    background-color: #000;
}

/* 11.1.5. Head Title - Style 5 */

.head-title-5 h2 span:before,
.head-title-5 h2 span:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #000;
    vertical-align: middle;
}

.head-title-5 h2 span:before {
    margin-right: 15px;
}

.head-title-5 h2 span:after {
    margin-left: 15px;
}


/* 11.1.6. Head Title - Style 6 */

.head-title-6 h2 span {
    background-color: #000000;
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
}

/* 11.1.7. Head Title - Style 7 */
.head-title.head-title-7 .the-title {
    position: relative;
}

.head-title.head-title-7 .the-title span.big-title {
    position: absolute;
    display: inline-block;
    opacity: .1;
    font-size: 80px;
    width: 100%;
}

/* 11.2. Team Block*/
.team-inner-block {
    position: relative;
    background-color: #efefef;
}
.team-details {
    position: absolute;
    top: auto;
    background-color: #000000;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    padding: 6% 8%;
    opacity: 0;
    -ms-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 10;
}
.team-block:hover .team-details {
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%); /* Standard syntax */
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.team-name {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.team-details ul {
    list-style: none;
    padding: 0;
}
.team-details ul li {
    display: inline-block;
    margin-right: 10px;
}

/* 11.3. Portfolio Block*/
.portfolio-grid-block .grid-item, .portfolio-masonry-block .masonry-item {
    line-height: 0;
}
.grid-item .portfolio-category, .masonry-item .portfolio-category {
    color: #000000;
}
.portfolio-grid-block .grid-template {
    position: relative;
}

/* testimonial blcok */
.testimonial-image img {
    border-radius: 100% !important;
}
.testimonial-image, .testimonial-detail-inner {
    display: inline-block;
}
.testimonial-detail-inner {
    vertical-align: top;
    position: relative;
    text-align: left;
}
.testi-author {
    margin-bottom: 5px;
}

/* Filter - style 1 */
.filters.text-left {
    text-align: left;
}
.filters.text-center {
    text-align: center;
}
.filters.text-right {
    text-align: right;
}
.filters {
    margin-bottom: 20px;
}
.filters.style-1 .filter-btn {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 5px;
    padding: 7px 15px;
    border: 1px solid transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.filters.style-1 .filter-btn:hover {
    border: 1px solid #d23600;
    color: #d23600;
    cursor: pointer;
}
.filters.style-2 .filter-btn {
    position: relative;
    padding-bottom: 10px;
    margin-right: 10px;
    font-size: 14px;
}
.filters.style-2 .filter-btn:hover {
    cursor: pointer;
}
.filters.style-2 .filter-btn:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.filters.style-2 .filter-btn:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.filters.style-3 .filter-btn {
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    padding: 7px 15px;
    border: 1px solid #111111;
    border-radius: 30px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.filters.style-3 .filter-btn:hover {
    border: 1px solid #111111;
    color: #ffffff;
    background-color: #111111;
    cursor: pointer;
}

/* 11.4. Slider Block */
.slider-precontent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.slider-content-inside {
    display: inline-block;
    position: relative;
}
.slider-content-inside h1, .slider-content-inside p {
    color: #ffffff;
    margin: 0;
}
.elementor--h-position-left .slider-precontent {
    text-align: left;
}
.elementor--h-position-center .slider-precontent {
    text-align: center;
}
.elementor--h-position-right .slider-precontent {
    text-align: right;
}
.elementor--v-position-middle .slider-content-inside {
    top: 50%;
    transform: translateY(-50%);
}
.elementor--v-position-top .slider-content-inside {
    top: 0;
    transform: translateY(0);
}
.elementor--v-position-bottom .slider-content-inside {
    top: 100%;
    transform: translateY(-100%);
}
.client-content img {
    margin: auto;
}

/* 11.5. Contact Form Block */
.contact-form-style-1 .contact-bordered, .contact-form-style-2 .contact-item2 {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
.contact-form-style-1 .contact-bordered input, .contact-form-style-2 .contact-item2 input {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border:0;
}
.contact-ef {
    position: absolute;
    background-color: #cdcdcc;
    transition: .5s cubic-bezier(.23,1,.32,1);
}
.border-form-top {
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
}
.border-form-right {
    top: 0;
    right: 0;
    transform-origin: 0 0;
    width: 1px;
    height: 100%;
    /*for right/left*/
    transform: scaleY(0) translateZ(0);
}
.border-form-bottom {
    bottom: 0;
    right: 0;
    transform-origin: 100% 0;
    width: 100%;
    height: 1px;
    /*for bottom*/
    transform: scaleX(0) translateZ(0);
}
.border-form-left {
    bottom: 0;
    left: 0;
    transform-origin: 0 100%;
    width: 1px;
    height: 100%;
    /*for right/left*/
    transform: scaleY(0) translateZ(0);
}
.contact-form-style-1 .contact-bordered, .contact-form-style-1 .contact-bordered input {
    height: 50px;
}
.contact-form-style-1 .contact-bordered:active .border-form-right, 
.contact-form-style-1 .contact-bordered:hover .border-form-right, 
.contact-form-style-1 .contact-bordered:focus .border-form-right {
    transform: scaleY(1) translateZ(0);
}
.contact-form-style-1 .contact-bordered:active .border-form-bottom, 
.contact-form-style-1 .contact-bordered:hover .border-form-bottom, 
.contact-form-style-1 .contact-bordered:focus .border-form-bottom {
    transform: scaleX(1) translateZ(0);
}
.contact-form-style-1 .contact-bordered:active .border-form-left, 
.contact-form-style-1 .contact-bordered:hover .border-form-left, 
.contact-form-style-1 .contact-bordered:focus .border-form-left {
    transform: scaleY(1) translateZ(0);
}
.contact-form-style-1 input[type="submit"], .contact-form-style-2 input[type="submit"] {
    width: auto;
    max-width: 100%;
    background-color: #000000;
}
.contact-form-style-1 .contact-submit {
    float: left;
    position: relative;
}
.contact-bordered.text-area {
    height: 200px;
}
.contact-bordered.text-area textarea {
    height: 100%;
    background-color: transparent;
    border: 0;
    padding: 15px;
}

.contact-form-style-2 .contact-item2 input {
    position: relative;
}
.contact-form-style-2 .contact-item2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cdcdcc;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.contact-form-style-2 .contact-item2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.contact-form-style-2 .contact-item2:hover:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.contact-form-style-2 .contact-item2 textarea {
    background-color: transparent;
    border: 0;
    padding: 15px;
}

/* post carousel */
.post-thumb-img, .post-thumb-img .inner-post-content .post-content {
    position: relative;
}
.post-thumb-img .inner-post-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.elementor--v-position-middle .post-content {
    top: 50%;
    transform: translateY(-50%);
}
.elementor--v-position-top .post-content {
    top: 0;
    transform: translateY(0);
}
.elementor--v-position-bottom .post-content {
    top: 100%;
    transform: translateY(-100%);
}
.post-list-carousel .read-more-button a {
    text-transform: uppercase;
    padding: 5px 20px;
}
.post-list-carousel .read-more-button a:hover {
    background-color: transparent !important;
}
.post-list-carousel .post-thumb-img .post-bg-color {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.post-list-carousel .category-name {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    vertical-align: baseline;
}
.post-list-carousel .category-name:before, .post-list-carousel .category-name:after {
    border-top: 4px double #ffffff;
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    width: 60px;
}
.post-list-carousel .category-name:before {
    left: 100%;
}
.post-list-carousel .category-name:after {
    right: 100%;
}
.swiper-container:hover .swiper-button-next {
    right: 1%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.swiper-container:hover .swiper-button-prev {
    left: 1%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.swiper-container .post-carousel-arrow:before, .swiper-container .post-carousel-arrow:after {
    font-size: 60px;
}
.post-car-arrow-wrap.on-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; 
}
.post-car-arrow-wrap.on-bottom .swiper-button-next.post-carousel-arrow {
    position: relative;
    width: 50%;
    float: right;
    text-align: left;
    right: 0;
}
.post-car-arrow-wrap.on-bottom .post-carousel-arrow:after, .post-car-arrow-wrap.on-bottom .post-carousel-arrow:before {
    background: rgba(255, 255, 255, 0.5);
    padding: 10px 20px;
}
.post-car-arrow-wrap.on-bottom .swiper-button-prev.post-carousel-arrow {
    position: relative;
    width: 50%;
    float: left;
    text-align: right;
    left: 0;
}

/* portfolio carousel */
.portfolio-list-carousel .portfolio-block {
    position: relative;
}
.portfolio-list-carousel .portfolio-block .category-name {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 25px;
    background-color: #ffffff;
}
.portfolio-list-carousel .portfolio-thumb-img {
    position: relative;
}
.portfolio-list-carousel .portfolio-thumb-img .inside-img-link, .portfolio-list-carousel .portfolio-thumb-img .portfolio-bg-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.portfolio-list-carousel:hover .portfolio-thumb-img .portfolio-bg-color {
    background-color: rgba(0, 0, 0, 0.2);
}
.portfolio-list-carousel .portfolio-thumb-img {
    overflow: hidden;
}
.portfolio-list-carousel:hover .portfolio-thumb-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);    
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}
.portfolio-list-carousel .portfolio-content {
    background-color: #000000;
    padding: 4% 6%;
}
.portfolio-list-carousel .portfolio-content h2 {
    margin: 0;
}
.portfolio-list-carousel .portfolio-content h2 a {
    color: #ffffff;
}

/*author*/
.author-box {
    background-color: #000000;
    padding: 40px;
    margin-bottom: 40px;
}

.author-box figure.author-ava {
    float: left;
    margin-right: 30px;
}

.author-box .author-desc h2,
.author-box .author-desc p {
    color: #ffffff;
}

.author-box .author-desc .social-profile ul {
    padding: 0;
    list-style: none;
    margin-top: 30px;
    overflow: hidden;
}

.author-box .author-desc .social-profile ul li {
    float: left;
    margin-right: 10px;
}

.author-box .author-desc .social-profile ul li a {
    background: #171717;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding-top: 11px;
    text-align: center;
    width: 40px;
    height: 29px;
}

.author-box .author-desc .social-profile ul li a:hover {
    opacity: 0.5;
}

.author-post h3.post-by {
    font-weight: 700;
    font-size: 20px;
}

.related-content {
    margin-top: 30px;
}
.related-title {
    margin-top: 10px;
}

/* light box */
.chocolat-wrapper {
    z-index: 400;
}
.chocolat-overlay, .chocolat-content, 
.chocolat-wrapper .chocolat-top, 
.chocolat-wrapper .chocolat-left, 
.chocolat-wrapper .chocolat-right, 
.chocolat-wrapper .chocolat-bottom {
    z-index: 401;
}
.chocolat-overlay {
    background-color: #000000;
}