/*

Theme Name: moonshaker

Theme URI: http://rekam1.themesawesome.com

Author: Themes Awesome

Author URI: http://www.themesawesome.com

Text Domain: rekam

Description: A Modern Videographer WordPress Theme

Tags: left-sidebar, custom-background, custom-colors, custom-menu, featured-images, microformats, sticky-post, theme-options, threaded-comments, translation-ready

Version: 1.1.1

License:      GNU General Public License V2

License URI:      license.txt

-----------------------------------------------------------------------------------

  1. CSS Reset

  2. Header

    2.1. Header Style 1

        2.1.1. Search Form

    2.4. Header Style 4 

  3. Pages

    3.1. Standard Page

  4. 404 Page

  5. Post Formats

  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;

}



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;

}



.alignleft {

    float: left;

}



img.aligncenter,

img.alignnone {

    margin-bottom: 12px;

}



img.alignleft {

    margin: 12px 24px 12px 0;

    margin: 10px 20px 10px 0;

}



img.alignright {

    margin: 12px 0 12px 24px;

    margin: 10px 0 10px 20px;

}



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 6px 10px;

    color: #ffffff;

    background-color: #000000;

    position: absolute;

    top: 0;

    z-index: 10;

    left: 0;

    font-size: 12px;

    line-height: 1.6;

}

.blog-item.sticky .post-title {

    padding-top: 40px;

}



.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: #bb0f28;

    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;

}

.row-10 {

    margin-left: -10px;

    margin-right: -10px;

}



.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: "zloob";

}



/* 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 10px 1px rgba(0, 0, 0, 0.34);

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.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%;

}

#header.no-redux {

    padding: 40px 0;

}



/* 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: #000;

  -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;

}

#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: left;

}

#header .fr.horizontal .head-item:first-child {

    margin-left: 0;

}

#header .fr.horizontal .head-item:last-child {

    margin-right: 0;

}



.head-item {

    margin-right: 20px;

}

.head-item:last-child {

    margin-right: 0;

}



.header-social ul {

    list-style: none;

    padding: 0;

    margin-top: 15px;

}

.header-social ul li {

    display: inline-block;

    margin-right: 10px;

}

.header-social ul li:last-child {

    margin-right: 0;

}





/* 2.1. Header Style 1 */



.logo {

    float: left;

    position: relative;

    z-index: 100;

}



.logo .site-title {

    margin-bottom: 0;

    font-weight: 600;

    font-size: 40px;

}



.mobile-menu, .mobile-akun {

    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 {

    float: left;

}



.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.menu-item-has-children>a {

    padding-right: 5px;

}



.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 .search-wrap {

    float: left;

    padding: 20px 0;

    line-height: 35px;

    display: flex;

}



.header-style-1 .search-wrap button {

    font-size: 18px;

    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-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;

}



.sticky-header-wrap {

    position: fixed;

    width: 100%;

    max-width: 100%;

    z-index: 302;

}

.sticky-header-wrap.show {

    position: absolute;

    top: 0;

    display: none;

}

.sticky-header-gap.show {

    display: none;

}

#perspective .sticky-header-gap {

    display: none;

}



/* 2.1.1. Search Form */

.search-form.default-search {

    float: left;

    margin-left: 30px;

    padding: 10px 0;

}

.search-form.default-search .searchform {

    position: relative;

    width: 100%;

}

.search-form.default-search .searchform input.field {

    background-color: #ffffff;

    border: 1px solid #e7e7e7;

    color: #000000;

}



.default-search .search-button {

    position: absolute;

    top: 0;

    right: 10px;

    display: flex;

    color: #999999;

    padding: 10px 0;

    font-size: 20px;

    border: none;

    cursor: pointer;

}



.default-search .search-button i {

    display: flex;

    font-size: 18px;

}



.header-style-1-wrap .fl.header_left_nofloat, .header-style-1-wrap .fl.header_left_nofloat .head-item {

    float: none;

    width: 100%;

    text-align: center;

    max-width: 100%;

}

.header-style-1-wrap .fl.header_left_nofloat .logo img {

    margin:  auto;

}



.header-style-1-wrap .fc.header_center_nofloat {

    float: none;

    width: 100%;

    text-align: center;

    max-width: 100%;

}

.header-style-1-wrap .fr.header_right_nofloat {

    float: none;

    width: 100%;

    text-align: center;

    max-width: 100%;

}

.header-style-1-wrap .fr.header_right_nofloat .head-item {

    float: none;

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

}

.header-style-1-wrap .fr.header_right_nofloat .head-item:last-child {

    margin-right: 0;

}



#header .header3_centered .fl, #header .header3_centered .fr {

    width: 40%;

    float: left;

}

#header .header3_centered .fl .head-item {

    float: right;

}

#header .header3_centered .fc {

    width: 20%;

    float: left;

    position: relative;

}



.header-style-1-wrap .fc.header_center_float .main-menu {

    float: none;

    text-align: center;

}

.header-style-1-wrap .fc.header_center_float .main-menu ul {

    text-align: center;

}

.header-style-1-wrap .fc.header_center_float .main-menu ul.sub-menu {

    text-align: left;

}

.header-style-1-wrap .fc.header_center_float .main-menu ul.sub-menu a span.sub-arrow {

    right: 0;

}

.header-style-1-wrap .fc.header_center_float .main-menu ul li {

    float: none;

    display: inline-block;

}



#header .header3_centered .fl.text-left .head-item {

    float: left;

}

#header .header3_centered .fl.text-right .head-item {

    float: right;

}



#header .header3_centered .fc.text-left .head-item {

    float: left;

}

#header .header3_centered .fc.text-center .head-item {

    float: none;

}

#header .header3_centered .fc.text-right .head-item {

    float: right;

}



#header .header3_centered .fr.text-left .head-item {

    float: left;

}

#header .header3_centered .fr.text-center .head-item {

    float: none;

}

#header .header3_centered .fr.text-right .head-item {

    float: right;

}



/* 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;

}



/* Header Elements */



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

/*  3. Pages

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



/* 3.1. Standard Page */

.page-template-default .page {

    padding: 80px 0;

}

.blog-content-wrap .blog {

    padding: 80px 0;

}

.single-post-wrap .blog {

    padding: 80px 0;

}



.page-title {

    margin: 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. 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;

}



.search-page .page-title.no-option-page,

.archive .page-title.no-option-page {

    margin-top: 80px;

}



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

/*  5. Post Formats

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



/* gallery */

.magazine-2-post-style .slider-wrapper {

    margin-top: 20px;

}

.format-gallery .post-thumb {

    position: relative;

}

.format-gallery .post-thumb span.play-icon i {

    display: inline-flex;

    font-size: 3em;

    background-color: #61c436;

    padding: 14px 14px;

    color: #ffffff;

    border-radius: 100%;

    webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);

    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.format-gallery .post-thumb:hover span.play-icon i {

    opacity: 0.7;

}

/* gallery */

.standard-carousel-slider {

    position: relative;

    margin-bottom: 20px;

}

.magazine-1-post-style .slider-wrapper,

.magazine-2-post-style .slider-wrapper {

    margin-top: 20px;

}

.format-gallery .post-thumb {

    position: relative;

}

.format-gallery .post-thumb span.play-icon i {

    display: inline-flex;

    font-size: 3em;

    background-color: #61c436;

    padding: 14px 14px;

    color: #ffffff;

    border-radius: 100%;

    webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);

    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.format-gallery .post-thumb:hover span.play-icon i {

    opacity: 0.7;

}

.standard-carousel-slider .slider-pagination i {

    position: absolute;

    top: 50%;

    z-index: 99;

    background-color: rgba(17, 17, 17, 0.4);

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 60px;

    font-size: 32px;

    vertical-align: middle;

    color: #ffffff;

    cursor: pointer;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.standard-carousel-slider .slider-pagination i:hover {

    background-color: rgba(17, 17, 17, 0.7);

}

.standard-carousel-slider .slider-pagination i.running-news-prev {

    left: 10px;

}

.standard-carousel-slider .slider-pagination i.running-news-next {

    right: 10px;

}



.blog-section .post-car-arrow-wrap.on-bottom {

    position: absolute;

    bottom: 0;

    left: auto;

    z-index: 1;

    right: 0;

    cursor: pointer;

}



/* video */

.magazine-1-post-style .featured-video,

.magazine-2-post-style .featured-video {

    margin-top: 20px;

}



.format-video .post-thumb {

    position: relative;

}

.format-video .post-thumb span.play-icon, .format-gallery .post-thumb span.play-icon {

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.format-video .post-thumb span.play-icon i {

    display: inline-flex;

    font-size: 4em;

    background-color: #61c436;

    padding: 5px 6px;

    color: #ffffff;

    border-radius: 100%;

    webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);

    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.format-video .post-thumb:hover span.play-icon i {

    opacity: 0.7;

}

.featured-video {

    margin-bottom: 20px;

}

.featured-video iframe {

    width: 100%;

    max-width: 100%;

}

.masonry-style-1 .featured-video iframe {

    height: 300px;

}

.featured-video iframe:-webkit-full-screen {

    z-index: 999999 !important;

}

.featured-video .wp-video, .featured-video .mejs-container {

    width: 100% !important;

}



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

/*  5. Post Loop

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



.post-content-wrap {

    position: relative;

}



.blog-item {

    margin-bottom: 40px;

}



.blog-item .post-thumb {

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

}



.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 .rekam-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 .rekam-overlay {

    opacity: .3;

}



.blog-item .meta-wrapper {

    font-size: 13px;

}



.blog-item .meta-wrapper span.date,

.blog-item .meta-wrapper span.standard-post-categories {

    padding-left: 30px;

    display: inline-block;

    position: relative;

}



.blog-item.page.type-page .meta-wrapper span.standard-post-categories {

    display: none;

}



.blog-item .meta-wrapper span.date:before,

.blog-item .meta-wrapper span.standard-post-categories:before {

    content: "//";

    text-align: center;

    display: block;

    width: 25px;

    height: 1px;

    opacity: 1;

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

}

.blog-item .meta-wrapper span.date.no-author:before, .blog-item .meta-wrapper span.standard-post-categories.no-other:before {

    display: none;

}

.blog-item .meta-wrapper span.date.no-author, .blog-item .meta-wrapper span.standard-post-categories.no-other {

    padding: 0;

}



.blog-single .post-content h1.post-title {

    color: #000000;

    font-weight: 600;

    letter-spacing: 0.025em;  

}

.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 {

    margin-bottom: 30px;

    max-width: 100%;

}



.elementor .blog-section .blog-item .post-content {

    text-align: center;

    margin-bottom: 30px;

    padding-left: 20px;

    padding-right: 20px;

    max-width: 100%;

    padding-bottom: 0;

    border-bottom: 0;

}



.elementor .blog-section .blog-item .post-content {

    margin-bottom: 0;

}



.elementor .pagination-page-template a {

    padding: 10px 20px;

}



.blog-item .blog-item.has-post-thumbnail .post-content {

    margin-top: 0;

}



.blog-item .post-content .post-title {

    margin-bottom: 10px;

}



.blog-item .post-text {

    margin-top: 15px;

}



.blog-item .read-more {

    margin-top: 15px;

    display: inline-block;

    padding: 10px 20px;

    border: 1px solid #000000;

    margin-bottom: 30px;

    line-height: 1.6;

}



.blog-item .read-more:hover {

    color: #ffffff;

    background-color: #000000;

    border-color: #000000; 

}



.navigation-paging {

    margin: 30px 0;

    padding: 30px 0;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}

.elementor .navigation-paging {

    margin: 0;

}



.elementor .navigation-paging.no-shadow a, .elementor .navigation-paging.no-shadow button, .infinite-wrap.style-2.no-shadow .btn:hover {

    box-shadow: none;

}



.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;

    margin-top: 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;

}



/* blog style 3*/

.post-grid-style3 .blog-item {

    float: left;

}

.post-grid-style3.blog-section .blog-item .post-thumb img {

    -webkit-transform: none;

    transform: none;

}



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

/*  6. Single Post

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



/* 6.1. Single Post Meta */

.blog-item .post-meta {

    float: left;

    margin-top: 2px;

}

.blog-item .share-section {

    float: right;

    width: 50%;

    max-width: 100%;

    text-align: right;

}

.social-share-wrapper span {

    display: block;

    text-transform: uppercase;

    font-weight: bold;

}

.magazine-1-post-style .social-share-wrapper span,

.magazine-2-post-style .social-share-wrapper span, 

.magazine-3-post-style .social-share-wrapper span {

    display: none;

}

.share-section .social-share-wrapper div {

    display: inline-block;

    margin: 0 5px;

}

.share-section .social-share-wrapper .share-item.facebook {

    margin-left: 0;

}

.share-section .social-share-wrapper .share-item.pinterest {

    margin-right: 0;

}

.social-share-wrapper i {

    font-size: 16px;

    position: relative;

    top: 3px;

}



/* 6.2. Single Post Tag */

.tag-wrapper {

    float: left;

    width: 50%;

    max-width: 100%;

    margin-top: 20px;

}

.tag-wrapper .tag-wrap-title {

    display: block;

    font-size: 20px;

    font-weight: bold;

    text-transform: capitalize;

    margin-bottom: 5px;

}

.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: transparent;

    padding: 30px 0;

    border-top: 2px solid;

    border-bottom: 2px solid;

    margin-top: 20px;

}

.next-prev-post .next-post {

    float: right;

    text-align: right;

}

.blog-single .next-prev-post .prev-post h5,

.blog-single .next-prev-post .next-post h5 {

    position: relative;

    display: inline-block;

    margin-bottom: 0;

    font-size: 22px;

    font-weight: 600;

    color: #000000;

}

.next-prev-post .title {

    margin-bottom: 0;

}

.next-prev-post .title a {

    color: #000000;

    font-size: 20px;

}



.related-content .related-section-title  {

    font-size: 22px;

    font-weight: bold;

}



/* 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: 20px;

    padding-top: 20px;

    margin-top: 20px;

}

.comments-title h3 {

    margin-bottom: 0;

    float: left;

    font-weight: bold;

    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-content ul {

    list-style-type: disc;

    -webkit-padding-start: 40px;

}

.comment-action {

    margin-top: -0.75em;

    font-size: 14px;

    font-weight: 400;

}

.comment-action a {

    color: #999;

}

.comment-action a.comment-edit-link {

    margin-right: 5px;

}

.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 {

    padding: 10px 0 20px;

}

.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% !important;

    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 .caption-inside {

    position: absolute;

    top: 50%;

    left: 50%;

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

    text-align: center;

}



/* 7.2. Portfolio - Masonry Template */

.masonry-template {

    width: 100% !important;

    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;

}



/* portfolio builder */

.portfo-block-item .portfolio-details {

    position: relative;

    display: block;

}

.portfo-block-item .portfolio-excerpt {

    text-align: center;

    padding: 10px 30px;

}

.portfo-block-item .button-continue {

    text-align: center;

    margin-bottom: 20px;

}

.portfo-block-item .read-more {

    display: inline-block;

    padding: 10px 20px;

    border: 1px solid #000000;

    line-height: 1.6;

}

.portfo-block-item .read-more:hover {

    color: #ffffff;

    background-color: #000000;

    border-color: #000000;

}



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

/*  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-pagination {

    padding: 60px 0; 

}



.portfolio-pagination .all-portfolio {

    text-align: center;

}



.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;

}



.elementor-image-gallery .gallery-item {

    float: left;

}

.elementor-image-gallery .gallery-item .item-wrap {

    line-height: 0;

}



/* 8.2. Single Portfolio - Style 2 */

.portfolio-style-2-wrap {

    position: relative;

}

.portfolio-style-2-wrap .portfolio-thumbnail-wrap img {

    margin-bottom: 30px;

}

.portfolio-details ul {

    list-style: none;

    padding: 0;

}

.portfolio-details .detail-item {

    position: relative;

    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: 20px;

}

.post-title-porto-2 span:after {

    position: absolute;

    content: '';

    background-color: #FF9900;

    height: 5px;

    width: 30%;

    max-width: 100%;

    bottom: 0;

    left: 0px;

}



.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;

}



.back-portfo2 {

    margin-left: 15px;

    position: relative;

    margin-top: 20px;

}

.back-portfo2:after {

    position: absolute;

    content: '';

    background-color: #FF9900;

    height: 3px;

    width: 30px;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.back-portfo2 a {

    padding-left: 40px;

    font-size: 22px;

}





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

/*  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;

    text-align: left;

}



.sidebar .widget ul {

    list-style: none;

    text-align: left;

}



.sidebar .widget ul li {

    margin-bottom: 15px;

}



.sidebar .widget ul li:last-child {

    margin-bottom: 0;

}



.blog-sidebar .widget ul {

    text-align: left;

    padding: 0;

}

.blog-sidebar .widget ul.children,

.blog-sidebar .widget ul.sub-menu {

    padding-left: 10px;

    margin-top: 5px;

}

.blog-sidebar .widget select {

    max-width: 100%;

    width: 100%;

}

.rss-widget-icon {

    display: inline-block;

}



/* 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;

}



#footer.no-redux {

    border-top: 1px solid #dddddd;

    padding: 20px 0;

    background-color: #eeeeee;

}



/* 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 {

    border-bottom: 1px solid #dddddd;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

.footer-widget .widget_nav_menu ul li a {

    position: relative;

    margin-bottom: 0;

}

.footer-widget .widget_nav_menu ul.sub-menu {

    padding-left: 10px;

}

.footer-widget .widget_nav_menu ul.sub-menu li {

    border: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



/* latest portfolio thumb */

.portfolio-thumb-wrap {

    margin-left: -5px;

    margin-right: -5px;

}

.portfolio-thumb-widget .post-item {

    padding: 0 5px;

    margin-bottom: 10px;

    cursor: pointer;

}

.portfolio-thumb-widget .post-item .inner-portfolio-widget {

    position: relative;

}

.portfolio-thumb-widget .post-item .overlay {

    background-color: rgba(0, 0, 0, 0.5);

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    -ms-transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.portfolio-thumb-widget .post-item:hover .overlay {

    opacity: 1;

}

.portfolio-thumb-widget .post-item .overlay .icon-wrap {

    position: absolute;

    z-index: 1;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    text-align: center;

}

.portfolio-thumb-widget .post-item .overlay .icon-wrap i {

    color: #ffffff;

    opacity: 1;

}



/* 10.2. Footer Copyright*/



/*.footer-bottom {

    padding: 60px 0;

}*/

.copyright-text p {

    margin: 0;

}

#footer.no-redux p {

    margin-bottom: 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, .foot-col.text-center .footer-menu ul {

    text-align: center;

}

.foot-col.text-right, .foot-col.text-right .footer-menu ul {

    text-align: right;

}



.foot-col.vertical .foot-col-item {

    display: block;

}

.foot-col.horizontal .foot-col-item {

    display: inline-block;

}



.footer-menu {

    list-style: none;

    margin: 0;

}

.footer-menu li {

    display: inline-block;

    margin-right: 10px;

}

.footer-menu li:last-child{

    margin: 0;

}

.footer-menu li a {

    color: #000000;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 14px;

    font-size: 1.4rem;

}



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

/*  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 */



.elementor .head-title .the-title {

    margin-bottom: 0;

}



.head-title-2 span {

    display: block;

    font-size: 42px;

    font-weight: 600;

    line-height: 34px;

    color: #F3F3F3;

    position: relative;

    top: 0;

}



/* 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 .the-title {

    position: relative;

}



.head-title-4 .the-title span.inner-title {

    position: relative;

    background-color: #fff;

    display: inline-block;

    padding: 0 15px;

}



.head-title-4 .the-title: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 .the-title span:before,

.head-title-5 .the-title span:after {

    content: '';

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #000;

    vertical-align: middle;

}



.head-title-5 .the-title span:before {

    margin-right: 15px;

}



.head-title-5 .the-title span:after {

    margin-left: 15px;

}





/* 11.1.6. Head Title - Style 6 */



.head-title-6 .the-title 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;

    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;

}



.team-grid-2-wrap .team-block .team-details, .team-grid-2-wrap .team-block:hover .team-details {

    -ms-transform: none;

    -webkit-transform: none;

    transform: none;

    top: 0;

    width: 100%;

    max-width: 100%;

    bottom: 0;

}

.team-grid-2-wrap .inner-team-details {

    top: 50%;

    position: absolute;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    padding: 6% 8%;

}

.team-bio, .team-bio p {

    color: #ffffff;

}



/* 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 */

.mobile-filter {

    display: none;

}

#filter-icon{

width:60px;

height:52px;

line-height:68px;

left:0;

position:relative;

border:0;

outline:none;

background:#222222;

cursor: pointer;

}

#filter-icon.active{

background:#ffffff;

}

#filter-icon .bar{

left:18px;

top:20px;

display:block;

position:absolute;

width:24px;

height:3px;

background:#ffffff;

/*transition*/

-webkit-transition:all 350ms;

   -moz-transition:all 350ms;

     -o-transition:all 350ms;

        transition:all 350ms;

/*backface-visibility*/

-webkit-backface-visibility:hidden;

   -moz-backface-visibility:hidden;

    -ms-backface-visibility:hidden;

     -o-backface-visibility:hidden;

        backface-visibility:hidden;

}

#filter-icon.active .bar{

background:#222222;

}

#filter-icon .bar.bar-2{

top:25px;

}

#filter-icon .bar.bar-3{

top:25px;

}

#filter-icon .bar.bar-4{

top:30px;

}

#filter-icon:hover .bar{

top:15px;

}

#filter-icon:hover .bar.bar-2{

top:25px;

}

#filter-icon:hover .bar.bar-3{

top:25px;

}

#filter-icon:hover .bar.bar-4{

top:35px;

}

#filter-icon.active .bar-1{

/*transform*/

-webkit-transform:translateY(-22px);

   -moz-transform:translateY(-22px);

    -ms-transform:translateY(-22px);

     -o-transform:translateY(-22px);

        transform:translateY(-22px);

}

#filter-icon.active .bar-2{

/*transform*/

-webkit-transform:rotate(45deg);

   -moz-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

     -o-transform:rotate(45deg);

        transform:rotate(45deg);

/*transition-delay*/

-webkit-transition-delay:0.3s;

   -moz-transition-delay:0.3s;

     -o-transition-delay:0.3s;

        transition-delay:0.3s;

}

#filter-icon.active .bar-3{

/*transform*/

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

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

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

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

        transform:rotate(-45deg);

/*transition-delay*/

-webkit-transition-delay:0.3s;

   -moz-transition-delay:0.3s;

     -o-transition-delay:0.3s;

        transition-delay:0.3s;

}

#filter-icon.active .bar-4{

/*transform*/

-webkit-transform:translateY(21px);

   -moz-transform:translateY(21px);

    -ms-transform:translateY(21px);

     -o-transform:translateY(21px);

        transform:translateY(21px);

}

ul.filters {

    list-style: none;

}

ul.filters li {

    display: inline-block;

}

.filters {

    padding-left: 0;

}

.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: 14px;

    font-weight: 500;

    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: 20px;

    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;

}



.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: 20px;

}

.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;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    height: 40px;

    padding-left: 100px;

    padding-right: 100px;

    border-radius: 0px;

}

.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;

}



.testimonial-inner-content.on-arrow {

    width: 80%;

    margin: auto;

}

.post-car-arrow-wrap.on-side {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

    z-index: 2;

}

.post-car-arrow-wrap.on-side .post-carousel-arrow:after, .post-car-arrow-wrap.on-side .post-carousel-arrow:before {

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

    padding: 10px 15px;

}

.carousel-container .post-car-arrow-wrap.on-side .owl-prev {

    position: relative;

    width: 50%;

    float: left;

    text-align: left;

    left: 0;

}

.carousel-container .post-car-arrow-wrap.on-side .owl-next {

    position: relative;

    width: 50%;

    float: right;

    text-align: right;

    right: 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;

}



/* carousel pagination */

.car-arrow-wrap.on-bottom {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0; 

    height: 70px;

}

.car-arrow-wrap.on-bottom .owl-prev{

    float: left;

}

.car-arrow-wrap.on-bottom .owl-next {

    float: right;

}

.car-arrow-wrap.on-bottom .owl-prev,

.car-arrow-wrap.on-bottom .owl-next {

    position: relative;

    width: 50%;

    text-align: left;

    right: 0;

}

.car-arrow-wrap.on-bottom .car-page-arrow {

    background-color: rgba(255, 255, 255, 0.5);

    height: 70px;

    width: 80px;

    background-size: 25px;

    margin: 0;

    top: auto;

}

.car-arrow-wrap.on-bottom .car-page-arrow.swiper-button-prev {

    right: 0;

    left: auto;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23000000'/%3E%3C/svg%3E")

}

.car-arrow-wrap.on-bottom .car-page-arrow.swiper-button-next {

    left: 0;

    right: auto;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23000000'/%3E%3C/svg%3E");

}



.owl-dots {

    position: relative;

    margin-top: 10px;

    text-align: center;

}

.owl-dot {

    background-color: #000000;

    width: 10px;

    height: 10px;

    content: "";

    display: inline-block;

    margin-right: 10px;

    cursor: pointer;

    opacity: 0.5;

    border-radius: 50%;

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.owl-dot.active {

    opacity: 1;

}



.car-arrow-wrap.on-bottom.both-nav {

    bottom: 35px;

}



/*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;

}

.related-title  h4 {

    margin-bottom: 5px;

}



/* 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;

}





/* 7.1. Main News Style 1 */

.horizontal-width-use .main-news-1 .blog-item.block {

    float: left;

}

.main-news-1 .article-wrap {

    position: relative;

}

.main-news-1 article {

    overflow: hidden;

}

.main-news-1 article {

    padding: 0;

}

.main-news-1 .article-wrap article {

    width: 100%;

    max-width: 100%;

}

.main-news-1 .blog-item.wide-blog {

    width: 49.9%;

    float: left;

    position: relative;

    padding: 0.1%

}

.main-news-1 .has-post-thumbnail .blog-wrap {

    background-size: cover;

    background-repeat: no-repeat;

}

.main-news-1 .blog-overlay {

    height: 100%;

}

.main-news-1 .blog-wrap {

    overflow: hidden;

    background-color: #ffffff;

    height: 100%;

    color: #282828;

    background-position: 100% 100%;

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    position: relative;

}

.main-news-1 .blog-desc {

    position: absolute;

    top: 50%;

    left: 5%;

    width: 100%;

    height: 100%;

    z-index: 2;

    color: #ffffff;

    padding-right: 5%;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.main-news-1 .blog-date {

    font-size: 14px;

    padding-right: 20px;

}

.main-news-1 h3.blog-title {

    font-size: 22px;

    line-height: 1.3;

    font-weight: normal;

    margin-top: 5px;

    margin-bottom: 0px;

    padding-right: 20px;

}

.main-news-1 h3.blog-title a {

    color: #ffffff;

}

.main-news-1 .blog-date:after {

    content: "////////////////////";

    position: relative;

    font-size: 8px;

    display: block;

}

.main-news-1 .blog-date:after {

    display: none;

}

.main-news-1 .blog-date {

    padding: 0;

}

.main-news-1 .category-main-news-1 {

    top: -40px;

}

.main-news-1 .category-main-news-1 .post-categories li {

    border-radius: 25px;

    padding: 3px 15px;

}

.main-news-1 article:hover .blog-wrap {

    transform: scale(1.1);

}

.main-news-1 .blog-item.block {

    /*width: 100%;*/

    position: relative;

}

.main-news-1 .blog-item.block.column.column-1 {

    padding: 0;

}

.main-news-1 .blog-item.block .blog-wrap {

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

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

    transition: all 1s ease-in-out;

}

.main-news-1 .post-excerpt {

    color: #ffffff;

    margin-bottom: 0;

    font-size: 14px;

}

.category-main-news-1 {

    position: absolute;

    top: 20px;

}

.category-main-news-1 .post-categories li {

    float: left;

    background-color: #61c436;;

    padding: 5px 10px;

    margin-right: 10px;

    margin-bottom: 1px;

}

.category-main-news-1 .post-categories li a {

    color: #ffffff;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.025em;

    vertical-align: middle;

}

.main-news-1 .category-icon {

    position: absolute;

    top: 20px;

    right: 20px;

}

.category-icon .category-icon-gallery i,

.category-icon .category-icon-video i {

    display: inline-flex;

    padding: 10px;

    border-radius: 50%;

    font-size: 18px;

    color: #ffffff;

}

.category-icon .category-icon-gallery i {

    background-color: #007AFE;

}

.category-icon .category-icon-video i {

    background-color: #61c436;

}

.main-news-1 .main-news-post-meta div {

    display: inline-block;

    color: #ffffff;

    font-size: 16px;

    margin-right: 15px;

}

.main-news-1 .main-news-post-meta div i {

    margin-right: 5px;

    vertical-align: middle;

}



/* 7.5. Main News Style 5 */

.main-news-5 .post-block {

    background-color: #61c436;

    height: 100%;

}

.main-news-5 .post-block-inner {

    width: 100%;

    height: 100%;

}

.main-news-5 .post-thumb {

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

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

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

    padding-left: 30px;

    margin-bottom: 0;

    position: relative;

    display: block;

}

.main-news-5 .post-thumb .post-bg-color {

    position: absolute;

    top: 0;

    right: 0;

    left: 30px;

    bottom: 0;

    background-color: rgba(97,196,54,0.7);

    opacity: 0;

    transition: opacity .3s;

}

.main-news-5 .post-list:hover .post-bg-color {

    opacity: 1;

}

.main-news-5 .post-thumb .use-shadow img {

    -webkit-box-shadow: -1px 1px 8px 0 rgba(55, 53, 69, .3);

    box-shadow: -1px 1px 8px 0 rgba(55, 53, 69, .3);

}

.main-news-5 .use-shadow {

    box-shadow: none;

}

.main-news-5 .category-icon {

    position: absolute;

    bottom: -20px;

    right: 30px;

    z-index: 100;

}

.main-news-5 .post-content {

    padding: 15px 45px 50px;

}

.main-news-5 .post-categories {

    padding: 0;

    list-style: none;

}

.main-news-5 .post-content h3 {

    margin-top: 0;

    margin-bottom: 5px;

}

.main-news-5 .post-content h3 a {

    color: #fff;

}

.main-news-5 .post-content .post-author-name,

.main-news-5 .post-content .post-date {

    display: inline-block;

    color: #fff;

    font-weight: bold;

    letter-spacing: 0.1em;

    font-size: 14px;

    text-transform: uppercase;

}

.main-news-5 .post-content .post-date {

    margin-left: 10px;

}

.main-news-5 .post-content .post-date span:after {

    content: ".";

}

.main-news-5 .post-content .post-date span:last-child:after {

    content: none;

}

.main-news-5 .post-content .read-more-button a {

    color: #ffffff;

    font-size: 16px;

    font-weight: 900;

    display: inline-block;

    border-bottom: 2px solid #fff;

    margin-top: 20px;

}

.main-news-5 .standard .post-thumb {

    transform: none;

    padding-left: 0;

}

.main-news-5 .standard .post-thumb .post-bg-color {

    left: 0;

}





.elementor .porf-hidetitle-st .grid-template figcaption h3.portfolio-loop-title {

    display: none;

}

.elementor .porf-hidetitle-st .grid-template figcaption .portfolio-category {

    display: none;

}

.elementor .porf-hidetitle-st .masonry-template figcaption h3.portfolio-loop-title {

    display: none;

}

.elementor .porf-hidetitle-st .masonry-template figcaption .portfolio-category {

    display: none;

}

.elementor .porf-hidetitle-st .owl-carousel .portfolio-loop-title {

    display: none;

}

.elementor .porf-hidetitle-st .portfolio-list-carousel .portfolio-content {

    display: none;

}

.elementor .porf-hidetitle-st .owl-carousel .portfolio-category {

    display: none;

}



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

/*  10. SINGLE POST MAGAZINE STYLE

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

.magazine-post-style .post-content-wrap {

    position: relative;

    width: calc(100% - 60px);

    float: right;

}

.magazine-post-style .blog-section .post-content-wrap {

    width: auto;

    float: none;

    background: #ffffff;

    padding: 6%;

    border-bottom: 1px solid #e7e7e7

}

.magazine-post-style .standard-post-categories .post-categories li {

    display: inline-block;

}

.magazine-post-style .standard-post-categories .post-categories a {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.025em;

    position: relative;

    display: inline-block;

    color: #fff;

    background-color: #61c436;

    padding: 5px 15px 3px 15px;

    border-radius: 25px;

    margin-right: 5px;

}

.magazine-post-style .standard-post-categories .post-categories a:hover {

    background-color: #111111;

}

.magazine-post-style .post-content h3.post-title {

    font-weight: 600;

    margin-top: 15px;

    margin-bottom: 10px;

}

.magazine-post-style .post-meta span.author img {

    float: left;

    display: inline-block;

    border-radius: 50%;

    margin-right: 10px;

}

.magazine-post-style .post-meta a {

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.025em;

    color: #999;

}

.magazine-post-style .post-meta a:hover {

    color: #61c436;

}

.magazine-post-style .post-meta i {

    font-size: 16px;

    margin-right: 5px;

    vertical-align: middle;

}

.magazine-post-style .post-text {

    margin-top: 20px;

}

.magazine-post-style .post-meta span.date {

    margin: 0 10px;

}

.magazine-post-style .read-more {

    font-size: 16px;

    font-weight: 900;

    display: inline-block;

    border-bottom: 2px solid #000;

}

.magazine-post-style .read-more:hover {

    color: #111111;

    border-bottom: 2px solid #111111;

}



/* share section magazine style */

.magazine-post-style .share-section {

    overflow: hidden;   

    width: 39px;

    float: left;

    margin-top: 30px;

    padding-bottom: 20px;

}

.magazine-post-style .social-share-wrapper div {

    display: inline-block;

    margin: 15px 0 0;

}

.magazine-post-style .social-share-wrapper a {

    padding: 5px 10px;

    margin: 0;

    border-radius: 4px;

    color: #fff;

    font-size: 16px;

}

.magazine-post-style .social-share-wrapper a:hover {

    opacity: 0.7;

}

.magazine-post-style .social-share-wrapper i {

    position: relative;

    top: 3px;

    font-size: 18px;

}

.magazine-post-style .social-share-wrapper .google i,

.magazine-post-style .social-share-wrapper .pinterest i,

.magazine-post-style .social-share-wrapper .onoffswitch i,

.magazine-post-style .social-share-wrapper .onoffswitch2 i {

    margin: 0;

}

.magazine-post-style .social-share-wrapper .facebook a {

    background-color: #2d5f9a;

}

.magazine-post-style .social-share-wrapper .twitter a {

    background-color: #00c3f3;

}

.magazine-post-style .social-share-wrapper .google a {

    background-color: #db4437;

    padding: 5px 10px;

}

.magazine-post-style .social-share-wrapper .pinterest a {

    background-color: #cd252b;

    padding: 5px 10px;

}



/* Standard Page - Prev & Next Post */

.magazine-post-style .next-prev-post {

    margin-top: 3rem;

        width: calc(100% - 60px);

    float: right;

}

.magazine-post-style .next-prev-post .column p {

    margin: 0;

    font-size: 14px;

    opacity: 0.666;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 1rem;

}

.magazine-post-style .next-prev-post .column p i {

    display: inline-flex;

    font-size: 22px;

    vertical-align: middle;

    color: #61c436;

}

.magazine-post-style .next-prev-post .prev-post {

    text-align: left;

}



.magazine-post-style .next-prev-post .prev-post i {

    margin-right: 5px;

}

.magazine-post-style .next-prev-post .next-post {

    text-align: right;

    float: right;

}

.magazine-post-style .next-prev-post .next-post i {

    margin-left: 5px;

}



/* 3.10. Standard Page - Author Box */

.magazine-post-style .post-author {

    background-color: #ffffff;

    width: calc(100% - 60px);

    float: right;

}

.magazine-post-style .author-wrap {

    padding: 30px;

}

.magazine-post-style .post-author .author-ava {

    float: left;

    margin-right: 30px;

}

.magazine-post-style .author-ava img {

    border-radius: 50%;

}

.magazine-post-style .author-desc {

    overflow: hidden;

}

.magazine-post-style .author-name {

    margin-bottom: 0.75rem;

}

.magazine-post-style .author-desc a {

    font-size: 18px;

    font-weight: 600;

    color: #61c436;

}

.magazine-post-style .author-desc span {

    font-size: 18px;

    color: #000000;

}

.magazine-post-style .author-desc p {

    margin: 0;

    font-size: 16px;

}



/* 3.11. Standard Page - Related Post */

.magazine-post-style .related-content {

    margin-top: 3rem;

    width: calc(100% - 50px);

    float: right;

}

.magazine-post-style .related-content h3 {

    font-weight: 900;

    text-transform: uppercase;

}

.magazine-post-style .related-title h4 {

    padding-top: 0.75em;

    margin-bottom: 0.75em;

}

.magazine-post-style .content-related-post .post-meta {

    border: none;

}

.magazine-post-style .related-content .post-meta span.author-name {

    color: #000;

}

.magazine-post-style .related-content .post-meta span.author-name:hover {

    color: #61c436;

}

.magazine-post-style .related-content .post-meta span.author-name span {

    color: #999;

    font-weight: 400;

}

.blog-single .magazine-post-style .post-meta {

    float: none;

}

.blog-single .magazine-post-style .post-meta span.author {

    float: left;

    width: 50%;

}

.magazine-post-style .post-meta span.author-name {

    font-size: 15px;

    font-weight: 900;

}

.magazine-post-style .post-meta span.author-separator {

    color: #999;

    font-weight: 400;

}

.magazine-post-style .post-meta span.vcard {

    color: #000000;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.magazine-post-style .post-meta span.vcard:hover {

    color: #61c436;

}

.blog-single .magazine-post-style p.date {

    color: #999999;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0.025em;

}

.blog-single .magazine-post-style .post-meta > span:after {

    display: none;

}

.blog-single .magazine-post-style .post-meta span.author img {

    margin-right: 15px;

}

.blog-single .magazine-post-style span.eta:before {

    content: '/';

    display: inline-block;

    margin: 0 5px;

    color: #999;

}

.blog-single .magazine-post-style .post-meta span.right-section {

    float: right;

    margin-top: 10px;

}

.magazine-post-style .post-meta span.right-section .meta {

    display: inline-block;

    margin-left: 20px;

}

.blog-single .magazine-post-style .post-meta i {

    color: #111111;

    font-size: 26px;

    margin-right: 10px;

}

.blog-single .magazine-post-style .post-meta span.right-section span {

    font-size: 16px;

}

.magazine-post-style .post-text a {

    color: #61c436;

    font-weight: 600;

}

.magazine-post-style .post-text a:hover {

    color: rgba(0,0,0,.7);

}

.magazine-post-style figure.wp-caption.alignleft {

    margin-right: 20px;

}

.magazine-post-style figure.wp-caption.alignnone,

.magazine-post-style figure.wp-caption.aligncenter {

    margin-bottom: 20px;

}

.magazine-post-style figure.wp-caption.alignright {

    margin-left: 20px;

}

.magazine-post-style .tag-wrapper {

    margin-top: 3rem;

}

.magazine-post-style .tag-wrapper a {

    display: inline-block;

    background-color: #f3f3f3;

    padding: 5px 10px;

    margin-right: 8px;

    margin-bottom: 8px;

    font-size: 14px;

    font-weight: 500;

    color: rgba(0,0,0,0.6);

    border-radius: 3px;

}

.magazine-post-style .tag-wrapper a:hover {

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

    background-color: #e6e6e6;

}





/*single post magazine style 2*/

.magazine-2-post-style .single-post-style-2-inner-content {

    position: absolute;

    bottom: 10px;

    padding: 0 20px;

}

.magazine-2-post-style .post-thumb {

    margin-bottom: 20px;

}

.magazine-2-post-style .single-post-style-2-inner-content.no-thumb {

    position: relative;

    padding: 40px 0 0;

}

.magazine-2-post-style .single-post-style-2-inner-content.no-thumb h1.post-title {

    color: #000000;

    margin: 15px 0;

}

.magazine-2-post-style .single-post-style-2-inner-content h1.post-title {

    border-bottom: none;

    padding: 0;

    margin: 15px 0 0 0;

    font-size: 36px;

}

.magazine-2-post-style .single-post-style-2-inner-content h1.post-title {

    color: #ffffff;

}

.magazine-2-post-style .single-post-style-2 .post-content {

    background: #ffffff;

    padding: 0 6% 6%;

    border-bottom: 1px solid #e7e7e7;

    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);

    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);

}

.magazine-2-post-style .single-post-style-2 .post-thumb {

        position: relative;

    margin-left: -7%;

    margin-right: -7%;

        margin-bottom: 30px;

}

.magazine-2-post-style .single-post-style-2 .post-meta {

    border-bottom: 1px solid #e7e7e7;

}



/* latest news widget*/

/* 9.3. Latest Post - Standard without featured image */

.widget_recent_entries ul li span {

    font-size: 14px;

    font-weight: 500;

    color: #999999;

}

.widget_recent_entries ul li > a {

    display: block;

}



/* 9.4. Latest Post - Standard with featured image */

.widget.widget_rekam_news .nav-tabs li.active a:hover {

    color: #eeeeee;

}

.widget.widget_rekam_news .post-item {

    position: relative;

    margin-bottom: 30px;

}

.widget.widget_rekam_news .recent-news,

.widget.widget_rekam_news .popular-news {

    counter-reset: recent-post-item-counter; 

}

.widget.widget_rekam_news .post-item:before {

    counter-increment: recent-post-item-counter; 

    content: counter(recent-post-item-counter);

    position: absolute;

    color: #ffffff;

    top: 0;

    left: 0;

    z-index: 10;

    font-weight: 900;

    background-color: #000000;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

}

.widget.widget_rekam_news .post-item .post-thumb {

    margin-bottom: 10px;

}

.widget.widget_rekam_news .post-item .post-thumb img {

    width: 100%;

}

.widget.widget_rekam_news .post-content h5 {

    text-align: center;

    margin-bottom: 0;

}

.widget.widget_rekam_news .tab-pane.active {

    display: block;

}

.widget.widget_rekam_news .tab-pane {

    display: none;

}

.widget.widget_rekam_news .nav-tabs {

    margin-bottom: 20px;

    border-bottom: 2px solid #000000;

}

.widget.widget_rekam_news .nav-tabs li {

    margin: 0;

    padding: 0;

    height: 35px;

    line-height: 35px;

    float: left;

    width: 50%;

    text-align: center;

    background-color: #ffffff;

}

.widget.widget_rekam_news .nav-tabs li a {

    font-weight: 600;

    font-size: 16px;

}

.widget.widget_rekam_news .nav-tabs li.active {

    color: #fff;

    background-color: #000000;

}

.widget.widget_rekam_news .nav-tabs li.active a {

    color: #fff;

}

.widget.widget_rekam_news .post-content {

    box-shadow: none;

    webkit-box-shadow:none;

    border-bottom: none;



}





/* post masonry */

/* ----------- ANIMATION----------- */



/* Effect 3: Scale up */



.grid.effect-3 li.animate {

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

    -webkit-animation: scaleUp 0.65s ease-in-out forwards;

    animation: scaleUp 0.65s ease-in-out forwards;

}



@-webkit-keyframes scaleUp {

    0% {}

    100% {

        -webkit-transform: scale(1);

        opacity: 1;

    }

}



@keyframes scaleUp {

    0% {}

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}

#target-effect {

    padding: 0;

    list-style: none;

}

.post-masonry-style .loop-content {

    background-color: #ffffff;

    position: relative;

    border-bottom: 1px solid #e7e7e7;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.post-masonry-style .loop-content:hover .thumbnail img {

    opacity: 0.9;

}



.post-masonry-style .loop-content .info {

    padding: 7% 8%;

}



.post-masonry-style .loop-content h4.title {

    color: #000000;

    margin-bottom: 5px;

    letter-spacing: 0.020em;

    text-transform: uppercase;

}



.post-masonry-style .loop-content p {

    color: #666666;

}



.post-masonry-style .loop-content .date {

    color: #888888;

    margin-bottom: 10px;

    font-size: 12px;

    letter-spacing: 0.1rem;

    text-transform: uppercase;

}



.post-masonry-style .loop-content .top-info {

    position: relative;

}



.post-masonry-style .loop-content .category a {

    color: #000000;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 0.1rem;

}



.post-masonry-style .loop-content .category:before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 6px 1px;

    border-color: transparent transparent #fff transparent;

    left: -6px;

    top: 50%;

    margin-top: -3px;

    z-index: 2;

}



.post-masonry-style .loop-content .category:after {

    background-color: #000000;

    width: 25px;

    position: absolute;

    left: -30px;

    top: 50%;

    margin-top: -3px;

    height: 6px;

    content: "";

}



.post-masonry-style a.more {

    background-color: #000000;

    color: #ffffff;

    padding: 5px 15px;

    font-size: 11px;

    font-weight: bold;

    letter-spacing: 0.1em;

    -webkit-transition: .25s;

    -o-transition: .25s;

    transition: .25s;

}



.post-masonry-style a.more:hover {

    background-color: #f1f1f1;

    color: #222222;

}



.post-masonry-style #grid {

    list-style: none;

    margin: 30px auto 0;

    padding: 0;

    max-width: 100%;

}



.post-masonry-style #grid li.post {

    display: block;

    float: left;

}



.post-masonry-style #grid li.post.shown,

.no-js .post-masonry-style #grid li,

.no-cssanimations .post-masonry-style #grid li {

    opacity: 1;

}

/*masonry 2*/

.post-masonry-style .post-style-9 .post-block {

    height: 100%;

    position: relative;

    border: 3px solid #f1f2f2;

    transition: border-color .3s;

}



.post-masonry-style .post-style-9 .post-block:hover {

    border-color: #6f43d6;

}



.post-masonry-style .post-style-9 .post-block-inner {

    background-color: #fff;

    height: 100%;

}



.post-masonry-style .post-style-9 .post-content {

    padding: 20px 20px 60px 20px;

    display: block;

}



.post-masonry-style .post-style-9 .category-name a {

    font-size: 16px;

    font-weight: 500;

}



.post-masonry-style .post-style-9 h3.post-title {

    margin: 10px 0 20px;

}



.post-masonry-style .post-style-9 .post-action {

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    padding: 15px 20px;

    border-top: 1px solid #f1f2f2;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    justify-content: space-between;

}



.post-masonry-style .post-style-9 .post-action .comments {

    float: left;

}



.post-masonry-style .post-style-9 .post-action .comments i {

    position: relative;

    top: 4px;

    margin-right: 5px;

}



.post-masonry-style .post-style-9 .post-action .read-more-button {

    float: right;

}



/* 6.1. Post List - Style 1 */

.use-shadow {

    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);

    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);

}

.post-magazine-style-block.post-list-1 .story-content h3 {

    margin: 15px 0;

}

.post-magazine-style-block.post-list-1 .post-item:first-child {

    margin-top: 0;

}

.post-magazine-style-block.post-list-1 .time-read {

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.025em;

    color: #999;

}

.post-magazine-style-block.post-list-1 .category-icon {

    position: absolute;

    top: 20px;

    right: 20px;

}

.post-magazine-style-block.post-list-1 .meta-love-and-view {

    position: absolute;

    bottom: 5px;

    right: 20px;

}

.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb {

    bottom: auto;

    top: 8%;

    right: 6%;

}

.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb .post-view, 

.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb .love-it-wrapper,

.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb .post-view i,

.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb .love-it-wrapper a:before {

    color: #000000 !important;

}

.post-magazine-style-block.post-list-1 .post-view {

    color: #ffffff;

    margin-right: 15px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.025em;

}

.post-magazine-style-block.post-list-1 .post-view i {

    color: #ffffff;

    vertical-align: middle;

    font-size: 24px;

    top: 2px;

    margin-right: 5px;

    position: relative;

}

.post-magazine-style-block.post-list-1 .love-it-wrapper {

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.025em;

}

.post-magazine-style-block.post-list-1 .love-it-wrapper a:before {

    color: #ffffff;

    vertical-align: middle;

    font-size: 20px;

    top: -2px;

    margin-right: 5px;

}

.post-magazine-style-block.post-list-1 .love-it-wrapper a.loved:before {

    color: #111111;

}

.post-magazine-style-block.post-list-1 .story-content {

    background: #ffffff;

    padding: 6%;

    position: relative;

}

.post-magazine-style-block .magazine-1-post-style .post-thumb {

    margin: 20px 0 0;

}



/* 6.3. Post List - Style 4 */

.blog-grid-style-4-block {

    position: relative;

}

.post-list-3 .post-thumb {

    margin: 0;

    float: left;

    margin-right: 10px;

}

.post-list-3 img {

    width: 100%;

}

.post-list-3 .category-icon {

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.post-list-3 .item-detail {

    overflow: hidden;

    position: relative;

}

.post-list-3 h4 {

    margin-bottom: 5px;

    font-size: 16px;

}

.post-list-3 h4 a {

    color: #000000;

}

.post-list-3 h4 a:hover {

    color: #61c436;

}

.post-list-3 .category {

    display: inline-block;

    float: left;

}

.post-list-3 .category ul li {

    float: left;

    margin-right: 5px;

    display: inline-flex;

}

.post-list-3 .category ul li a {

    color: #000000;

    font-size: 12px;

}

.post-list-3 .category ul li a:hover {

    color: #61c436;

}

.post-list-3 .date {

    color: #999999;

    font-size: 12px;

    float: left;

}



/* instagram block */

.instagram-builder {

    width: 100%;

    max-width: 100%;

}

.instagram-builder.column-2 .instagram-item {

    width: calc( 100%/2);

}

.instagram-builder.column-3 .instagram-item {

    width: calc( 100%/3);

}

.instagram-builder.column-4 .instagram-item {

    width: calc( 100%/4);

}

.instagram-builder.column-5 .instagram-item {

    width: calc( 100%/5);

}

.instagram-builder.column-6 .instagram-item {

    width: calc( 100%/6);

}

.instagram-builder.column-7 .instagram-item {

    width: calc( 100%/7);

}

.instagram-builder.column-8 .instagram-item {

    width: calc( 100%/8);

}

.instagram-builder.column-9 .instagram-item {

    width: calc( 100%/9);

}

.instagram-builder.column-10 .instagram-item {

    width: calc( 100%/10);

}

.instagram-builder.column-11 .instagram-item {

    width: calc( 100%/11);

}

.instagram-builder.column-12 .instagram-item {

    width: calc( 100%/12);

}

.instagram-builder.column-13 .instagram-item {

    width: calc( 100%/13);

}

.instagram-builder.column-14 .instagram-item {

    width: calc( 100%/14);

}

.instagram-builder.column-15 .instagram-item {

    width: calc( 100%/15);

}

.instagram-builder.column-16 .instagram-item {

    width: calc( 100%/16);

}

.instagram-builder.column-17 .instagram-item {

    width: calc( 100%/17);

}

.instagram-builder.column-18 .instagram-item {

    width: calc( 100%/18);

}

.instagram-builder.column-19 .instagram-item {

    width: calc( 100%/19);

}

.instagram-builder.column-20 .instagram-item {

    width: calc( 100%/20);

}

.instagram-item .instagram-item-wrap {

    position: relative;

}

.instagram-item .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.instagram-item:hover .overlay {

    opacity: 1;

}

.instagram-item .instagram-meta {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    max-width: 100%;

    text-align: center;

    opacity: 0;

    z-index: 1;

}

.instagram-item:hover .instagram-meta {

    opacity: 1;

}

.instagram-item .instagram-meta {

    color: #ffffff;

}

.instagram-item .meta-icon {

    display: inline-block;

    margin-right: 10px;

}

.instagram-item .meta-icon:last-child {

    margin-right: 0;

}

.instagram-item .meta-icon i {

    margin-right: 5px;

}



.elementor .all-portfolio {

    text-align: center;

}

.elementor .next-portfolio {

    text-align: right;

}



.detail-columns-1 .detail-item-block {

    width: 100%;

    max-width: 100%;

}

.detail-columns-2 .detail-item-block {

    width: calc(100% / 2 - 5px);

}

.detail-columns-3 .detail-item-block {

    width: calc(100% / 3 - 5px);

}

.detail-columns-4 .detail-item-block {

    width: calc(100% / 4 - 5px);

}

.detail-columns-5 .detail-item-block {

    width: calc(100% / 5 - 5px);

}

.detail-columns-6 .detail-item-block {

    width: calc(100% / 6 - 5px);

}

.detail-columns-7 .detail-item-block {

    width: calc(100% / 7 - 5px);

}

.detail-columns-8 .detail-item-block {

    width: calc(100% / 8 - 5px);

}

.detail-columns-9 .detail-item-block {

    width: calc(100% / 9 - 5px);

}

.detail-columns-10 .detail-item-block {

    width: calc(100% / 10 - 5px);

}

.portfolio-terms .terms-item {

    margin-bottom: 0;

}



.latest-post-wrap h5 {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #000000;

}



/* carousel pagination */



.carousel-container:hover .carousel-button-next {

    right: 1%;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.carousel-container:hover .carousel-button-prev {

    left: 1%;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.carousel-container .owl-next {

    width: 50%;

    text-align: left;

    float: left;

    display: inline-block;

}

.carousel-container .owl-prev {

    width: 50%;

    text-align: right;

    float: left;

    display: inline-block;

}

.carousel-container .post-carousel-arrow:before, .carousel-container .post-carousel-arrow:after {

    font-size: 40px;

}

.post-car-arrow-wrap.on-bottom {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    right: 0; 

}

.post-car-arrow-wrap.on-bottom .carousel-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 .carousel-button-prev.post-carousel-arrow {

    position: relative;

    width: 50%;

    float: left;

    text-align: right;

    left: 0;

}

.rekam-contact-form input{ width:100%;}
.copyright-text{ color:#fff!important}
.footer-bottom .social-footer ul li a{ color:#fff!important}
.sticky-header-wrap.scrolled{ background:rgba(0,0,0,0.8)!important}
.main-wrapper .sticky-header-wrap.scrolled a{ color:#fff!important}
.sticky-header-wrap.scrolled header#header.inner-head-wrap {
    padding-top: 15px!important;
    padding-bottom: 15px!important;}
	
	.sticky-header-wrap.scrolled a, .sticky-header-wrap.scrolled .search-wrap i{ color:#fff!important}
	
	.elementor-335 .elementor-button {
   border:1px solid #da0e2b!important;
    border-radius: 0px 0px 0px 0px;
}

.elementor-335 .elementor-button:hover {
    color: #000000!important;
    background-color: rgba(0,0,0,0)!important;
    border:1px solid #000000!important;
}

.post-categories, .next-prev-post{ display:none!important;}

.packagesdic{width:100%;     margin-bottom: 30px;
    border-bottom: 1px solid #c1bcbc;
    padding-bottom: 30px;}
.packagesdic .package_image{ width:20%; }
.packagesdic .package_image img{ max-height:15px; width:100%; min-height:150px;}
.float-left-l{ float:left;    padding: 0px 15px;}
.package_title{ font-size: 27px; position:relative;
    font-weight: bold; padding-left:15px; margin-bottom:35px;}
.package_title:before{content:''; left:0; bottom:-13px; height:3px; width:100px; background:#da0e2b; position:absolute}
	
	
.packagesdic .package_content {width:50%;}

.packages_link_btn{    font-family: "Montserrat", Sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #bb0f28;
	text-align:center;
    border-radius: 1px 1px 1px 1px;  border:1px solid #bb0f28;   display: block;
    padding: 10px 20px; }
	.packages_link_btn:hover, .packages_link_btn:focus{color:#bb0f28; background:#fff;  border:1px solid #bb0f28;}
	
	.pakeages_wrapper{}
	.footer-kabotton{}
	.ooter-upsection{ background:#da0e2b; color:#fff; text-align:center; padding:50px 0px; min-height:1px;}
	
	.page-template .sticky-header-wrap.header_fixed_scroll.scrolled #header #menu-menu li a:before{
     background-color: #fff!important;
    border-color: #fff!important;
}

.page-template .sticky-header-wrap.header_fixed_scroll.scrolled #header .logo-image img{filter: invert(100%);}
.page-template .sticky-header-wrap.header_fixed_scroll.scrolled .alt-head .logo-image img{filter: invert()!important;}

.modal-btn a{   padding: 15px 30px;}
.modal .close{    color: #fff;
    font-weight: normal;
    top: -23px!important;
    right: -23px!important;
    background: #000;
    padding: 15px;
    z-index: 999;
    background-color: #da0e2b!important;
    border-radius: 50%;
    height: 50px;
    width: 50px;}
	
	.vidbtn-modal a:hover{    background-color: transparent!important;
    border: 1px solid #fff;}
	.vidbtn-modal a{ border:1px solid #da0e2b}
	
	
	.elementor-element-ed1db1b{ display:none}
	
	.logo-footer img{ width:50%;}
	.head-item{  }
	.head-item .logo-image img{ width:360px;     margin-top: -15px;}
	#header .logo-image{ padding-top:0px!important;}
	
	.sticky-header-wrap.header_fixed_scroll.scrolled i{ color:#fff!important}
	
	@media(min-width:1012px) and (max-width:1220px)
{
		.head-item .logo-image img{width: 200px;}
}

	@media(min-width:1100px){
			#sticky-wrap-head.scrolled #header #primary-menu{margin-top: 39px;}
			#sticky-wrap-head.scrolled #header .search-wrap{ margin-top: 40px;}
			}

	@media (min-width:769px) and (max-width:1011px){
		.head-item .logo-image img {
    width: 140px;
}
#header #primary-menu li a, #header #secondary-menu li a{ font-size:13px!important;}
		}
		
		@media(min-width:769px){
		   
		    .portfolio-thumbnail-wrap .featured-video iframe{ height: 400px;}
		}
	
	@media(max-width:768px){
	    body#body .search-wrap #btn-search i{ color:#000;}
	   header#header.inner-head-wrap{    padding-right: 5px!important;
    padding-left: 5px!important; }
	.home .head-item .logo-image img {      filter: invert(100);   width: 230px;
    margin-top: 0px;}
    .head-item .logo-image img {  width: 230px;
    margin-top: 0px;}
		#primary-menu ul.sm-clean > li > a{    padding: 0px 50px 10px 50px!important;}
		.header-style-1-wrap .menu--prospero .menu__link::before{ height:0px!important}
		.sticky-header-wrap.scrolled header#header.inner-head-wrap {
    padding-top: 15px!important;
    padding-bottom: 0px!important;
			
}
.modal .modal-content iframe{     height: auto!important;}
.content-wrapper { margin-top:30px;}
.home .content-wrapper { margin-top:0px;}
		#header .head-item{ float:none!important;}
header#header.inner-head-wrap.header-expanded{ background-color:#000000!important}
header#header.inner-head-wrap.header-expanded a{ color:#fff!important}
.elementor-element-agixhun .the-title{ text-align:center}
.elementor-element-agixhun .elementor-divider{ text-align:center!important}
.page-id-485 ul{ padding:0px;}
.magazine-post-style .post-content-wrap{ width:100%;}
.elementor-image-box-wrapper{ text-align:center!important}
.elementor-image-box-wrapper img{    width: 70px;
    text-align: center;
    margin: auto;}
	.elementor-button-wrapper{ text-align:center}
	.sticky-header-gap{ height:100px!important}
	header#header.inner-head-wrap{    padding-top: 10px!important;
    padding-bottom: 10px!important;}
	#mobile-filter-id{ display:none}
	.rekam-contact-form{    width: 90%;
    margin: auto;}
	.page-template #content .modal .modal-content{width:95%!important}
	.modal .close{top: -52px!important;
    right: -0px!important;}
	.packagesdic .package_image {     margin-bottom: 15px; width:100%;}
	.packagesdic .package_content{ width:100%;}
	.pakeages_wrapper{ width:90%;     margin-left: 10px;}
	.packagesdic .package_image img{ max-height:100%;}
	.featured-video iframe{ height:300px!important;}
		}

		
		@media(max-width:390px){
			.featured-video iframe{ height:200px!important;}
			.post-title-porto-2 h1{ font-size:20px;}
			}
			
			.rekam-portfolio-template-default .sticky-header-wrap.header_fixed_scroll.scrolled .head-item .logo-image img{      filter: invert(100);}
			
			.sticky-header-wrap.header_fixed_scroll.scrolled .main-menu-btn-icon, .sticky-header-wrap.header_fixed_scroll.scrolled .main-menu-btn-icon:before,.sticky-header-wrap.header_fixed_scroll.scrolled .main-menu-btn-icon:after { background:#fff;}
			
			header#header.header-expanded .main-menu-btn-icon, header#header.header-expanded .main-menu-btn-icon:before,header#header.header-expanded .main-menu-btn-icon:after { background:#fff!important;}
			
			.home header#header.header-expanded .head-item .logo-image img {      filter: invert(0);}
			 header#header.header-expanded .head-item .logo-image img {      filter: invert(100);}
			 
			 .modal .modal-content iframe{     height: 460px;}
			 	 .modal .modal-content p{ margin-bottom:0px; line-height: 0px;}
			 	 .modal .modal-content{ padding:5px!important;}