/*
Theme Name:     Sopphie
Theme URI:      http://trendytheme.net/demo/sopphie-landing/
Author:         TrendyTheme
Author URI:     https://themeforest.net/user/trendytheme
Description:    Sopphie is a creative responsive personal WordPress theme. This theme perfect for creative agency, personal portfolio, architect agency, photography studios, fashion sites, painter portfolio, artworks, art, artist portfolio.
Version:        1.1
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    sopphie
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options
__ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ ___
|                                                       |
|                   CSS TABLE CONTENT                   |
|_______________________________________________________|
|                                                       |
|    **  GENERAL                                        |
|    **  TYPOGRAPHY                                     |
|    **  WORDPRESS CORE                                 |
|    **  GLOBAL STYLES                                  |
|        __  TABLE STYLE                                |
|        __  CAROUSEL CONTROLS                          |
|        __  BUTTON STYLE                               |
|        __  FORM STYLE                                 |
|        __  PAGE HEADER                                |
|    **  HEADER TOP BAR                                 |
|        __  HEADER SOCIAL ICON                         |
|        __  LANGUAGE SWITCHER                          |
|        __  HEADER CART ICON                           |
|        __  TOP SEARCH                                 |
|    **  NAVIGATION                                     |
|        __  DROP DOWN STYLE                            |
|        __  2ND LEVEL MENU                             |
|        __  MEGA MENU STYLE                            |
|        __  MOBILE MENU STYLE                          |
|        __  FULL SCREEN MENU                           |
|        __  FULL WIDTH MENU                            |
|        __  FLOATING MENU                              |
|    **  MAGNIFIC POPUP                                 |
|    **  NEWSLETTER SECTION                             |
|    **  BLOG STYLE                                     |
|        __  POST THUMBNAIL                             |
|        __  POST CONTENT                               |
|        __  POST FORMAT GALLERY                        |
|        __  POST FORMAT AUDIO                          |
|        __  PASSWORD REQUIRED POST                     |
|        __  POST FORMAT LINK                           |
|        __  POST FORMAT CHAT                           |
|        __  PASSWORD REQUIRED POST                     |
|        __  POST CAROUSEL                              |
|        __  BLOG SIDEBAR                               |
|        __  PAGINATION                                 |
|        __  BLOG DETAILS DESIGN                        |
|            __ POST TAGS                               |
|            __ POST SHARE                              |
|            __ SINGLE POST NAVIGATION                  |
|            __ COMMENTS WRAPPER STYLE                  |
|            __ AUTHOR COMMENT                          |
|            __ COMMENT NAVIGATION                      |
|    **  All WIDGET STYLE                               |
|        __  RECENT COMMENT WIDGET                      |
|        __  POPULAR POST WIDGET                        |
|        __  AUTHOR INFO WIDGET                         |
|        __  NEWSLETTER WIDGET                          |
|        __  WIDGET SEARCH FORM                         |
|        __  CALENDER WIDGET                            |
|    **  PAGE STYLE                                     |
|        __   404 PAGE                                  |
|    **  CONTACT FORM SECTION                           |
|    **  VISUAL COMPOSER STYLES                         |
|    **  ALL SHORTCODE STYLES                           |
|        __  SECTION TITLE                              |
|        __  HERO STYLE                                 |
|        __  POPUP STYLE                                |
|        __  ICON BLOCK STYLE                           |
|        __  PORTFOLIO STYLE                            |
|            __ PORTFOLIO SINGLE PAGE                   |
|            __ PORTFOLIO CATEGORY                      |
|        __  TT SPONSORS                                |
|        __  TT TESTIMONIAL                             |
|        __  TT EXPERIENCES                             |
|        __  WOOCOMMERCE SHORTCODE                      |
|    **  TO TOP                                         |
|    **  PRELOADER                                      |
|    **  FOOTER SECTION                                 |
|        __ MULTIPAGE FOOTER                            |
|    **  OTHERS                                         |
|        __ OVERLAY & GRADIENT BACKGROUND               |
|        __ ANIMATION KEYFRAMES                         |
|_______________________________________________________|

**************************************************************
                         GENERAL
**************************************************************
*/

body {
    font-family: 'Niramit', sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #ffffff;
    overflow-x: hidden;
    background-color: #19232D;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
}

/* =-=-=-=-=-=-= LINK STYLE =-=-=-=-=-=-= */

a {
    color: #ffae2e;
}
a,
a>* {
    cursor: pointer;
    text-decoration: none;
}
a:focus {
    color: #ffae2e;
}
a:hover {
    color: #d78400;
}
a:focus,
a:hover {
    text-decoration: none;
}
.graycell img {
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    filter: grayscale(100%);
    -webkit-transition: .3s;
    -webkit-filter: grayscale(100%);
}
.graycell img:hover {
    -webkit-filter: none;
    filter: none;
}


/* =-=-=-=-=-=-= TRANSITION ELEMENTS =-=-=-=-=-=-= */

.navbar a,
.form-control {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
a,
.btn,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .product .entry-summary a.single_add_to_cart_button {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* =-=-=-=-=-=-= RESET BOX-SHADOW =-=-=-=-=-=-= */

.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}
button:focus {
    outline: none !important;
}
.list-style-arrow,
.list-style-check,
.list-style-circle,
.list-style-arrow ul,
.list-style-check ul,
.list-style-circle ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 30px;
}
.list-style-arrow li,
.list-style-check li,
.list-style-circle li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 10px;
}
.list-style-arrow li:before,
.list-style-check li:before,
.list-style-circle li:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-weight: 900;
}
.list-white li:before{
    color: #ffffff;
}
.list-style-arrow li:hover:before,
.list-style-check li:hover:before,
.list-style-circle li:hover:before {
    color: #ffae2e;
}
.list-style-arrow li:before {
    content: "\f061";
}
.list-style-check li:before {
    content: "\f00c"
}
.list-style-circle li:before {
    content: "\f192"
}
/*column support 
------------------------------*/
.column-2{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
}
.column-3{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
}
.column-4{
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
}
@media (max-width: 767px){
    .column-4,
    .column-3,
    .column-2{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        -webkit-column-gap: 0; /* Chrome, Safari, Opera */
        -moz-column-gap: 0; /* Firefox */
        column-gap: 0;
    }
}
@media (min-width: 768px) and (max-width: 1167){
    .column-3,
    .column-4{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
        -moz-column-gap: 50px; /* Firefox */
        column-gap: 50px;
    }
}

/*
**************************************************************
                         TYPOGRAPHY
**************************************************************
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 15px;
    font-family: 'Source Serif Pro', serif;
}
h1 {
    font-size: 48px;
    line-height: 58px;
}
h2 {
    font-size: 35px;
    line-height: 45px;
}
h3 {
    font-size: 26px;
    line-height: 36px;
}
h4 {
    font-size: 22px;
    line-height: 30px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p:last-child {
    margin-bottom: 0;
}
hr {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.woocommerce .select2-container .select2-selection--single,
.woocommerce .select2-container--default .select2-selection--multiple,
select {
    color: #ffffff;
    background: #313944;
    width: 100%;
    max-width: 100%;
    height: 45px;
    padding: 5px 10px;
    border: 1px solid #424954;
    border-radius: 3px;
}
select:focus {
    outline: none;
}

/*
**************************************************************
                        WORDPRESS CORE
**************************************************************
*/

.alignnone {
    margin: 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 20px auto 20px auto;
}
.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}
a img.alignnone {
    margin: 20px 0 20px;
}
a img.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.wp-block-image{
    max-width: inherit;
}


/* =-=-=-=-=-=-=-=-=-=-=-= GUTENBERG SUPPORT =-=-=-=-=-=-=-=-=-=-=-= */
.has-theme-default-background-color{
    background-color: #ffae2e;
}
.has-theme-default-color{
    color: #ffae2e;
}
.has-white-color{
    color: #ffffff;
}
.has-white-background-color{
    background-color: #ffffff;
}
.has-bright-gray-background-color{
    background-color: #313944;
}
.has-bright-gray-color{
    color: #313944;
}
.has-black-color{
    color: #000000;
}
.has-black-background-color{
    background-color: #000000;
}

p.wp-block-subhead,
.entry-content .wp-block-cover-image,
.wp-block-image,
.entry-content ul.wp-block-gallery,
.wp-block-text-columns,
.entry-content .wp-block-button,
blockquote.wp-block-quote,
.entry-content .wp-block-quote.is-large,
.wp-block-code,
.wp-block-audio,
.entry-content .wp-block-video,
.wp-block-preformatted,
.wp-block-verse,
.wp-block-table,
.wp-block-categories,
.entry-content .wp-block-latest-posts,
.wp-block-embed {
    margin-bottom: 40px;
}

.wp-block-embed-vimeo,
.wp-block-image,
.wp-block-gallery{
    margin-top: 20px !important;
}

.wp-block-gallery{
    margin-top: 40px !important;   
}

.wp-block-separator {
    border: none;
    border-bottom: 2px solid #646b75;
    margin: 40px auto;
    max-width: 100px;
}
.wp-block-separator.is-style-wide{
    max-width: 100%;
    border: none;
    border-bottom: 2px solid #646b75;
}

.alignfull,
.alignwide {
    margin-left: 0;
    margin-right: 0;
    width: auto;
}
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
	padding: 3px;
	color: #fff;
    line-height: 1.5;
    background: rgba(0, 0, 0, 0.55);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
@media only screen and ( min-width: 950px) {
    .alignwide {
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }
    .page.using-gutenberg.page-no-sidebar .entry-content .alignwide,
    .single-post .col-lg-10 .entry-content .alignwide {
        margin-left: -150px;
        margin-right: -150px;
        width: auto;
        text-align: center;
    }
    .page.using-gutenberg.page-no-sidebar .entry-content .alignfull,
    .single-post .col-lg-10 .entry-content .alignfull {
        margin-left: -webkit-calc( -100vw / 2 + 100% / 2);
        margin-left: calc( -100vw / 2 + 100% / 2);
        margin-right: -webkit-calc( -100vw / 2 + 100% / 2);
        margin-right: calc( -100vw / 2 + 100% / 2);
        max-width: 100vw;
        text-align: center;
    }

    .wp-block-pullquote.alignfull{
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media screen and (min-width: 568px) and (max-width: 767px) {
    .wp-block-cover-image {
        min-height: 300px;
    }
}
@media (max-width: 567px) {
    .wp-block-cover-image {
        min-height: 220px;
    }
}
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0 !important;
    margin: 0;
}
.wp-block-gallery.alignleft{
    margin: 20px 20px 20px 0;
}
.wp-block-gallery.alignright{
    margin: 20px 0 20px 20px;
}
.wp-caption {
    text-align: center;
    max-width: 100%;
    color: #fff;
}
.has-no-sidebar .wp-caption {
	margin-left: -100px !important;
	max-width: calc(100% + 100px) !important;
}
.has-no-sidebar .wp-caption img {
	margin-left: 0 !important;
	max-width: 100% !important;
}
.wp-block-audio figcaption {
    color: #969696;
}
.wp-block-image figcaption,
.wp-caption figcaption {
    background: #141a23;
	padding: 7px 0;
	font-size: 14px;
	color: #ffffff;
    line-height: 1.5;
    margin-top: 0;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-block-embed figcaption{
    color: #bdbdbd;
}
/* 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-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.single.using-gutenberg.no-single-sidebar .wp-block-columns.alignfull{
    padding: 0 15px;
}

/* Latest Posts
------------------------------*/
.wp-block-latest-posts li a,
.wp-block-categories-list li a,
.wp-block-archives-list li a,
.wp-block-latest-comments li a{
    color: #fff;
}
.wp-block-latest-posts li a:hover,
.wp-block-categories-list li a:hover,
.wp-block-archives-list li a:hover,
.wp-block-latest-comments li a:hover{
    color: #ffae2e;
}

.wp-block-latest-posts__post-date,
.wp-block-latest-comments__comment-date{
    color: #9c9c9c;
}

.wp-block-latest-comments{
    padding: 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, 
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
    margin-left: 0;
}

/*
**************************************************************
                        GLOBAL STYLES
**************************************************************
*/

body.quick-view-open {
    overflow: hidden;
}
video, 
object {
	min-width: 100%;
	min-height: 100%;
}
label{
    margin-bottom: 0;
}
@media(max-width: 767px){
    body.quick-view-open{
        overflow-y: auto;
    }
}
.v-align-wrap{
    display: table;
}
.v-align-content{
    display: table-cell;
    vertical-align: middle;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 1170px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1200px;
    }
}
.list-inline {
    list-style: none;
    margin: 0;
}
.list-inline li {
    display: inline-block;
}
body.fullwidth-layout {
    background-image: none !important;
}
.site-wrapper {
    margin-left: 80px;
    overflow: hidden;
}
.header-default .site-wrapper,
.header-transparent .site-wrapper,
.header-fullwidth-menu .site-wrapper,
.page-template-template-fullpage-section .site-wrapper{
    margin: 0;
}
.header-left-menu .site-wrapper,
.no-header .site-wrapper,
.header-transparent .site-wrapper,
.header-fullwidth-menu .site-wrapper{
    padding: 0 !important;
}
@media(max-width: 767px){
    .site-wrapper{
        margin-left: 0;
    }
}
.fa {
    font-family: "Font Awesome 5 Free";
}
.transparent,
.transparent .vc_tta-panels {
    background: transparent !important;
    border-color: transparent !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.vc_parallax .vc_parallax-inner {
    background-size: contain !important;
    background-repeat: no-repeat;
}
[class^="flaticon-"]::before, 
[class*=" flaticon-"]::before, 
[class^="flaticon-"]::after, 
[class*=" flaticon-"]::after {
    font-size: inherit;
    margin-left: 0;
}
@media only screen and (min-width:1200px) {
    .box-layout .site-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    .box-framed-layout .site-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
        overflow: hidden;
        padding: 25px 0;
    }
    .box-layout .header-wrapper,
    .box-framed-layout .header-wrapper {
        max-width: 1200px;
    }
    .box-framed-layout .header-top-wrapper {
        margin-top: 25px;
    }
}
@media only screen and (min-width:1300px) {
    .box-framed-layout .site-wrapper,
    .box-layout .site-wrapper {
        max-width: 1220px;
    }
    .box-framed-layout .header-wrapper,
    .box-layout .header-wrapper {
        max-width: 1220px;
        margin: 0 auto;
    }
}
@media only screen and (min-width:1400px) {
    .box-framed-layout .site-wrapper,
    .box-layout .site-wrapper {
        max-width: 1400px;
    }
    .box-framed-layout .header-wrapper,
    .box-layout .header-wrapper {
        max-width: 1400px;
        margin: 0 auto;
    }
}
@media only screen and (min-width:1200px) {
    body.box-framed-layout::before,
    body.box-framed-layout::after {
        background: inherit;
        content: "";
        display: block;
        height: 25px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    body.box-framed-layout::after {
        bottom: 0;
    }
}
@media(min-width: 768px) {
    body.border-layout::before,
    body.border-layout::after {
        background: inherit;
        content: "";
        display: block;
        height: 20px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 99999;
    }
    body.border-layout::after {
        bottom: 0;
    }
    .border-layout .site-wrapper {
        margin: 0 20px;
        overflow: hidden;
    }
    .border-layout .header-top-wrapper {
        margin-top: 20px;
    }
    .border-layout .header-wrapper.navbar-fixed-top {
        width: inherit;
        left: 20px;
        right: 20px;
    }
}
.section-wrapper {
    position: relative;
}
.section-padding{
    padding: 120px 0;
}
.section-wrapper .wpb_revslider_element{
    margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px){
    .vc_row.mobile-padding,
    .mobile-padding{
        padding: 80px 0 !important;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .vc_row.mobile-padding,
    .mobile-padding{
        padding: 60px 0 !important;
    }
}
@media (max-width: 575px){
    .vc_row.mobile-padding,
    .mobile-padding{
        padding: 50px 0 !important;
    }
}
@media (max-width: 767px){
    .white-overlay,
    .dark-overlay{
        position: relative;
    }
    .white-overlay:before,
    .dark-overlay:before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block !important;
        height: 100%;
    }
    .white-overlay:before{
        background-color: rgba(255,255,255,.4);
    }
    .dark-overlay:before{
        background-color: rgba(0,0,0,.5);
    }
}
.vc_row.section-wrapper {
    margin-left: 0;
    margin-right: 0;
}
.vc_row.vc_row-o-full-height {
    min-height: 100vh !important;
}
.ie9 .vc_row-o-full-height .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.page-left-sidebar .entry-content .container,
.page-right-sidebar .entry-content .container,
.page-no-sidebar .entry-content .container,
.blog-wrapper .posts-content .container {
    width: 100%;
}
.container-fullwidth {
    padding-left: 15px;
    padding-right: 15px;
}
@media(min-width: 1400px){
    .header-left-menu .container-fullwidth {
        padding-left: 200px;
    }
    .page-template-template-fullpage-section .container-fullwidth {
        padding-left: 280px;
    }
}
@media(max-width: 1399px){
    .header-left-menu .container-fullwidth {
        padding-left: 130px;
    }
    .page-template-template-fullpage-section .container-fullwidth {
        padding-left: 200px;
    }
}
/*container fullwidth left padding*/
.padding-left-0 .container-fullwidth{
    padding-left: 0;
}
.padding-left-15 .container-fullwidth{
    padding-left: 15px;
}
.padding-left-30 .container-fullwidth{
    padding-left: 30px;
}
.padding-left-50 .container-fullwidth{
    padding-left: 50px;
}
.padding-left-100 .container-fullwidth{
    padding-left: 100px;
}
.padding-left-150 .container-fullwidth{
    padding-left: 150px;
}
.padding-left-200 .container-fullwidth{
    padding-left: 200px;
}
.padding-left-250 .container-fullwidth{
    padding-left: 250px;
}
.padding-left-300 .container-fullwidth{
    padding-left: 300px;
}
/*container fullwidth right padding*/
.padding-right-0 .container-fullwidth{
    padding-right: 0;
}
.padding-right-15 .container-fullwidth{
    padding-right: 15px;
}
.padding-right-30 .container-fullwidth{
    padding-right: 30px;
}
.padding-right-50 .container-fullwidth{
    padding-right: 50px;
}
.padding-right-100 .container-fullwidth{
    padding-right: 100px;
}
.padding-right-150 .container-fullwidth{
    padding-right: 150px;
}
.padding-right-200 .container-fullwidth{
    padding-right: 200px;
}
.padding-right-250 .container-fullwidth{
    padding-right: 250px;
}
.padding-right-300 .container-fullwidth{
    padding-right: 300px;
}
.vc_row-o-full-height .container-fullwidth {
    width: 100%;
}
@media(max-width: 1199px){
    .header-left-menu .container-fullwidth {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-template-template-fullpage-section .container-fullwidth {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*container fullwidth left padding*/
    .padding-left-30 .container-fullwidth,
    .padding-left-50 .container-fullwidth,
    .padding-left-100 .container-fullwidth,
    .padding-left-150 .container-fullwidth,
    .padding-left-200 .container-fullwidth,
    .padding-left-250 .container-fullwidth,
    .padding-left-300 .container-fullwidth{
        padding-left: 15px;
    }
    /*container fullwidth right padding*/
    .padding-right-30 .container-fullwidth,
    .padding-right-50 .container-fullwidth,
    .padding-right-100 .container-fullwidth,
    .padding-right-150 .container-fullwidth,
    .padding-right-200 .container-fullwidth,
    .padding-right-250 .container-fullwidth,
    .padding-right-300 .container-fullwidth{
        padding-right: 15px;
    }
}
@media(max-width: 767px){
    .padding-left-0 .container-fullwidth {
        padding-left: 15px;
    }
    .padding-right-0 .container-fullwidth {
        padding-right: 15px;
    }
    .header-left-menu .container-fullwidth {
        padding-left: 15px;
    }
}
.wpb_wrapper .widget {
    margin-bottom: 30px;
}
/*fullwidth template*/
.fullwidth-template .section-wrapper > .container,
.fullwidth-template .section-wrapper > .container-fullwidth{
    width: 100% !important;
    padding-left: 15px !important;
}
.mb-50 {
    margin-bottom: 50px;
}
.no-padding {
    padding: 0;
}
.tt-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.overflow-hidden {
    overflow: hidden;
}
.page-wrapper,
.content-wrapper {
    padding: 100px 0;
}
.page.using-gutenberg.page-no-sidebar .content-wrapper,
.single.using-gutenberg.no-single-sidebar .content-wrapper{
    background-color: #29313e;
}
.page .page-wrapper .page-content{
    display: inline-block;
    width: 100%;
}
.page .page-wrapper .page-content,
.search-no-results.woocommerce .content-area {
    padding: 30px;
    background-color: #29313e;
}
.page.using-gutenberg .page-wrapper .page-content{
    padding: 0;
}
@media(max-width: 575px){
    .page .page-wrapper .page-content {
        padding: 10px 15px;
    }
}
.blog-wrapper.blog-sticky {
    padding-top: 50px;
}
body.creative-title .page-wrapper, 
body.creative-title .content-wrapper{
    padding-top: 150px;
}
.colored {
    color: #ffae2e;
}
.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 {
    color: #ffffff;
}
.dark-text {
    color: #212121;
}
.theme-text {
    color: #ffae2e;
}
dl dd {
    margin-bottom: 10px;
}
.wp-block-code, 
.wp-block-preformatted pre,
pre {
    border: 1px solid #424954;
    padding: 15px;
    color: #c3c3c3;
}
iframe {
    width: 100%;
}
/* Alert */
.alert {
    padding: 8px 15px;
    border-radius: 0;
}
.alert-warning {
    color: #f9f9f9;
    background-color: rgba(255, 243, 205, 0.55);
    border-color: rgba(255, 238, 186, 0);
}
.alert-info {
    color: #31708f;
    background-color: #f5f5f5;
    border-color: transparent;
    border-radius: 3px;
}
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote {
    position: relative;
    margin: 0 0 21px -30px;
    padding: 10px 10px 10px 40px;
    border: 0;
    font-size: 22px;
    line-height: 1.7;
    border-left: 6px solid #ffae2e;
    font-family: Source Serif Pro, sans-serif;
}
.has-very-dark-gray-color.has-very-dark-gray-color {
    color: #ababab;
}
.has-cyan-bluish-gray-background-color .has-very-dark-gray-color.has-very-dark-gray-color {
    color: #585858;
}
.page.using-gutenberg.page-no-sidebar .entry-content blockquote{
	margin-left: 0;
}
blockquote p:last-child{
    margin-bottom: 0 !important;
}
blockquote > p{
    position: relative;
    top: -7px;
}
.wp-block-button__link {
	background-color: #597087;
}
.wp-block-button.is-style-outline .wp-block-button__link{
    border-color: #ffffff;
    color: #fff;
}
blockquote p:hover {
    background: none
}
.ie blockquote p:hover {
    background-size: 0;
}
.wp-block-quote.is-style-large p, 
.wp-block-quote.is-large p{
    font-size: 26px;
    background: none;
}
.wp-block-quote.is-style-large, 
.wp-block-quote.is-large{
    border-left: none;
    margin-top: 40px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}
/* end blockquote underline effect */
blockquote.wp-block-pullquote {
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    padding: 50px 0 50px 0;
    margin-bottom: 20px;
}
blockquote.wp-block-pullquote::before {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 25px;
}
blockquote cite{
    display: block;
    margin-top: 20px;
    color: #a5aaaf !important;
    line-height: 1;
    font-style: normal;
    font-size: 13px;
}
.wp-block-pullquote cite {
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    color: #a5aaaf;
}
.wp-block-pullquote.has-cyan-bluish-gray-background-color blockquote cite{
    color: #6f6f6f !important;
}
.wp-block-pullquote>p {
    margin: 0 !important;
}
.wp-block-pullquote,
figure.wp-block-pullquote blockquote{
    border-left: 0;
    margin: 0;
    padding-left: 0;
}
.wp-block-pullquote {
    border-bottom: 6px solid #ffae2e;
    border-top: 6px solid #ffae2e;
    margin-bottom: 25px;
    color: #ffffff;
}
.wp-block-pullquote.alignleft{
    margin-top: 10px;
    margin-right: 20px;
}
.wp-block-pullquote.alignright{
    margin-top: 10px;
    margin-left: 20px;
}
.wp-block-pullquote::before,
figure.wp-block-pullquote blockquote::before{
    content: none;
}
.wp-block-pullquote p,
figure.wp-block-pullquote blockquote p{
    margin-bottom: 0;
    line-height: inherit;
}
.blog-quote blockquote {
	background-color: #0290dd;
    padding-bottom: 120px;
    padding-right: 40px;
    text-align: left;
}
.blog-quote blockquote:before {
    content: none;
}
.blog-quote blockquote i {
    font-size: 30px;
    margin-bottom: 10px;
}
.blog-quote blockquote p {
    margin-bottom: 5px;
}
.blog-quote blockquote a {
    color: #ffffff;
    padding-bottom: 10px;
    position: relative;
}
ul.check-list {
    padding-left: 30px;
}
ul.check-list li {
    list-style: none;
    position: relative;
}
ul.check-list li::before {
    position: absolute;
    top: 0;
    left: -30px;
    content: "\f00c";
    font-family: fontawesome;
    margin-right: 15px;
}
address strong{
    margin-top: 25px;
    display: block;
}
.comment-content blockquote {
    margin-left: -20px;
}
/* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */

table {
    border: 1px solid #424954;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}
.widget table{
    margin-bottom: 0;
}
table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th,
.wp-block-table td, 
.wp-block-table th {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #424954;
    border-top: 1px solid #424954;
}
table a {
    color: #ffae2e;
    text-decoration: underline;
}
table #today{
    background-color: #313944;
}
.wp-block-table.is-style-stripes{
    border: 0;
}
.wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #36424e;
}

/* =-=-=-=-=-=-= CAROUSEL CONTROLS =-=-=-=-=-=-= */

.owl-controls {
    margin: -20px 0 0;
}
.owl-theme .owl-dots .owl-dot span {
    margin: 0 5px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .15);
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.owl-theme.squire-dot .owl-dots .owl-dot span {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.owl-theme.circle-dot .owl-dots .owl-dot span {
    border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffae2e;
    border: 1px solid #ffae2e;
}

/* =-=-=-=-=-=-= BUTTON STYLE =-=-=-=-=-=-= */

.btn,
button,
.vc_general.vc_btn3,
.woocommerce a.button,
.comments-wrapper .form-submit,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce button.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .product .entry-summary a.single_add_to_cart_button {
    padding: 14px 28px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.wp-block-button__link{
    padding: 14px 28px;
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.btn::before,
.btn::after,
button::before,
button::after,
.vc_general.vc_btn3::before,
.vc_general.vc_btn3::after,
.woocommerce a.button::after,
.woocommerce a.button::before,
.wp-block-button__link::before,
.wp-block-button__link::after,
.comments-wrapper .form-submit::before,
.comments-wrapper .form-submit::after,
.woocommerce button.button.alt::before,
.woocommerce button.button.alt::after,
.woocommerce input.button::before,
.woocommerce input.button::after,
.woocommerce button.button::before,
.woocommerce button.button::after,
.woocommerce input.button.alt::before,
.woocommerce input.button.alt::after,
.woocommerce #respond input#submit::before,
.woocommerce #respond input#submit::after,
.woocommerce .product .entry-summary a.single_add_to_cart_button::before,
.woocommerce .product .entry-summary a.single_add_to_cart_button::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: auto;
    right: 0;
    width: 0%;
    z-index: -1;
    -webkit-transition: all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
    transition: all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
}
.btn:hover::before,
.btn:hover::after,
button:hover::before,
button:hover::after,
.wp-block-button__link:hover::before,
.wp-block-button__link:hover::after,
.comments-wrapper .form-submit:hover::before,
.comments-wrapper .form-submit:hover::after,
.vc_general.vc_btn3:hover::before,
.vc_general.vc_btn3:hover::after,
.woocommerce a.button:hover::before,
.woocommerce a.button:hover::after,
.woocommerce button.button.alt:hover::before,
.woocommerce button.button.alt:hover::after,
.woocommerce input.button:hover::before,
.woocommerce input.button:hover::after,
.woocommerce button.button:hover::before,
.woocommerce button.button:hover::after,
.woocommerce input.button.alt:hover::before,
.woocommerce input.button.alt:hover::after,
.woocommerce #respond input#submit:hover::before,
.woocommerce #respond input#submit:hover::after,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover::before,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover::after{
    left: 0;
    right: auto;
    width: 100%;
}
.comments-wrapper .form-submit:hover::after,
.btn:hover::after,
button:hover::after,
.vc_general.vc_btn3:hover::after,
.woocommerce a.button:hover::after,
.woocommerce button.button.alt:hover::after,
.woocommerce input.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button.alt:hover::after,
.woocommerce #respond input#submit:hover::after,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover::after{
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}
.btn:focus{
    box-shadow: none;
}
.btn-xs {
    padding: 8px 16px;
    font-size: 11px;
}
.btn-sm {
    padding: 12px 24px;
    font-size: 12px;
}
.btn-group-lg>.btn,
.btn-lg {
    padding: 16px 32px;
    font-size: 16px;
}
.btn-xl {
    padding: 18px 36px;
    font-weight: 600;
    font-size: 18px;
}
.comments-wrapper .form-submit::before,
.btn-primary::before,
button::before,
.wp-block-button__link::before,
.show>.btn-primary.dropdown-toggle::before,
.open>.dropdown-toggle.btn-primary::before,
.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce button.button.alt::before,
.woocommerce input.button::before,
.woocommerce button.button::before,
.woocommerce input.button.alt::before,
.woocommerce #respond input#submit::before,
.woocommerce .product .entry-summary a.single_add_to_cart_button::before,
.woocommerce #respond input#submit.alt::before,
.woocommerce a.button.alt::before,
.widget.woocommerce #respond input#submit::before,
.widget.woocommerce a.button::before,
.widget.woocommerce button.button::before,
.widget.woocommerce input.button::before,
.widget.woocommerce button.button::before {
    background-color: #ffaf31;
}

.comments-wrapper .form-submit,
.comments-wrapper .form-submit::after,
.btn-primary,
.btn-primary::after,
button,
button::after,
.wp-block-button__link::after,
.show>.btn-primary.dropdown-toggle,
.show>.btn-primary.dropdown-toggle::after,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary::after,
.woocommerce a.button,
.woocommerce a.button::after,
.woocommerce button.button,
.woocommerce button.button::after,
.woocommerce button.button.alt,
.woocommerce button.button.alt::after,
.woocommerce input.button,
.woocommerce input.button::after,
.woocommerce button.button,
.woocommerce button.button::after,
.woocommerce input.button.alt,
.woocommerce input.button.alt::after,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit::after,
.woocommerce .product .entry-summary a.single_add_to_cart_button,
.woocommerce .product .entry-summary a.single_add_to_cart_button::after,
.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit.alt::after,
.woocommerce a.button.alt,
.woocommerce a.button.alt::after,
.widget.woocommerce #respond input#submit,
.widget.woocommerce #respond input#submit::after,
.widget.woocommerce a.button,
.widget.woocommerce a.button::after,
.widget.woocommerce button.button,
.widget.woocommerce button.button::after,
.widget.woocommerce input.button,
.widget.woocommerce input.button::after,
.widget.woocommerce input.button:hover,
.widget.woocommerce button.button,
.widget.woocommerce button.button::after,
.widget.woocommerce button.button:hover,
.widget.woocommerce #respond input#submit:hover,
.widget.woocommerce a.button:hover,
.widget.woocommerce button.button:hover {
    color: #ffffff;
    background-color: #ffae2e;
    border: 0;
}
.comments-wrapper .form-submit:hover,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
button.active,
button.focus,
button:active,
button:focus,
button:hover,
.wp-block-button__link:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:active,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover,
.woocommerce .product .entry-summary a.single_add_to_cart_button:focus,
.woocommerce .product .entry-summary a.single_add_to_cart_button:active {
    background-color: #d78400;
    color: #ffffff;
    box-shadow: none;
}
.btn-outline {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}
.btn-outline.active,
.btn-outline.focus,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover,
.open>.dropdown-toggle.btn-outline {
    color: #ffffff;
    background-color: #ffae2e;
    border-color: transparent;
}
.btn-default {
    color: #000000;
    background-color: #ffffff;
    border-color: transparent;
    border: 0;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #ffae2e;
    border-color: transparent;
    outline: none;
}
.btn-default:before{
    background-color: #ffaf31;
}
.btn-default:after{
    background-color: #ffae2e;
}

.wp-block-file .wp-block-file__button{
    background-color: #fff;
    color: #000;
}
.wp-block-file a.wp-block-file__button:active, 
.wp-block-file a.wp-block-file__button:focus, 
.wp-block-file a.wp-block-file__button:hover, 
.wp-block-file a.wp-block-file__button:visited{
    color: #000;
}

/* =-=-=-=-=-=-= FORM STYLE =-=-=-=-=-=-= */

.form-group {
    margin-bottom: 30px;
}
.form-control {
    height: 45px;
    background-color: #313944;
    border: 1px solid #424954;
    border-radius: 3px;
    color: #ffffff;
}
.form-control:focus {
    background-color: #313944;
	border-color: #ffae2e;
    color: #ffffff;
}
::-webkit-input-placeholder {
    color: #ffffff;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}
:-ms-input-placeholder {
    color: #ffffff;
}

/* =-=-=-=-=-=-= PAGE HEADER =-=-=-=-=-=-= */

.page-header-section {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 200px;
    overflow: hidden;
}
.page-header-section .tt-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}
.page-header-section .tt-overlay.top-to-bottom {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}
.page-header-section h2 {
    display: inline-block;
    font-size: 36px;
    line-height: 1.1;
    color: #ffffff;
    margin: 0;
    font-weight: 700;
    padding-left: 100px;
    position: relative;
}
.page-header-section h2:before {
    content: "";
    width: 80px;
    height: 4px;
    background-color: #ffae2e;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media(max-width: 991px) {
    .page-header-section h2 {
        font-size: 36px;
        line-height: 40px;
    }
}
@media(max-width: 575px) {
    .page-header-section {
        padding: 20px 0 !important;
        height: 220px !important;
    }
    .page-header-section h2 {
        font-size: 26px;
        line-height: 30px;
    }
}
.page-header-section .page-header {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    position: relative;
    z-index: 1;
}
.header-default .page-header-section,
.no-header .page-header-section {
    padding: 100px 0;
}
.header-transparent .page-header-section {
    padding: 230px 0 100px;
}
.page-header .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 10px 0 0;
    padding-left: 100px;
}
.single-post .page-header .breadcrumb {
    float: none;
}
.page-header .breadcrumb li{
    padding-left: 0;
    padding-right: 5px;
}
.page-header .breadcrumb li:last-child{
    padding-right: 0;
}
.page-header .breadcrumb li.active {
    color: #e2e2e2;
}
.page-header .breadcrumb>li+li:before {
    color: #e2e2e2;
}
.breadcrumb-item a{
    color: #ffffff;
}
.breadcrumb-item a:hover{
    color: #ffae2e;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 2px;
}
@media (max-width: 767px) {
    .page-header .breadcrumb {
        margin: 0;
    }
}
.page-header-section .tt-grid-line1:before, 
.page-header-section .tt-grid-line1:after, 
.page-header-section .tt-grid-line2:before, 
.page-header-section .tt-grid-line2:after{
    top: -80px;
    height: 180%;
    border-left: 1px solid rgba(255, 255, 255, 0.65);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*creative title*/
.page-header-creative-section .page-header{
    position: relative;
}
.page-header-creative-section h2{
    font-size: 215px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Niramit', sans-serif;
    opacity: 0.03;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    white-space: nowrap;
}

/*
**************************************************************
                        HEADER TOP BAR
**************************************************************
*/

.header-top-wrapper {
    background-color: #000;
    font-size: 13px;
    line-height: 40px;
    position: relative;
    z-index: 100;
    transition: all 400ms;
}
.header-transparent .header-top-wrapper {
    background-color: transparent;
    border-bottom: 1px solid rgba(253, 253, 253, 0.09);
}
.header-wrapper.sticky .header-top-wrapper {
    display: none;
}
.contact-info ul {
    margin: 0;
    padding: 0;
}
.contact-info ul li {
    color: #929292;
    display: inline-block;
    line-height: 18px;
    padding-right: 20px;
}
.contact-info ul li i {
    margin-right: 5px;
}
.contact-info ul li:last-child {
    padding-right: 0;
}
.contact-info ul li a {
    color: #929292;
}
.contact-info ul li a:hover {
    color: #ffae2e;
}
.contact-info ul li:last-child {
    border-right: 0;
}

/* =-=-=-=-=-=-= HEADER SOCIAL ICON =-=-=-=-=-=-=*/

.header-wrapper .social-links-wrap ul {
    margin: 0;
}
.header-wrapper .social-links-wrap ul li {
    padding-right: 7px;
    padding-left: 7px;
    display: inline-block;
    list-style: none;
}
.header-wrapper .social-links-wrap li a {
    border: 0;
    color: #929292;
    font-size: 14px;
}
.header-wrapper .social-links-wrap li a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #ffae2e;
}
.navbar .nav-attr {
    line-height: 1;
}
@media(max-width: 575px) {
    .navbar .nav-attr {
        margin-right: 15px;
        line-height: inherit;
    }
}

/* =-=-=-=-=-=-= LANGUAGE SWITCHER =-=-=-=-=-=-=*/

.language-switcher #lang_sel {
    height: 18px;
}
.language-switcher>div {
    z-index: 100000;
}
.language-switcher ul li {
    text-align: center;
    width: 60px !important;
}
.language-switcher ul li a.lang_sel_sel {
    background: none !important;
    border: 0 !important;
    margin-left: 10px;
}
.language-switcher ul li a.lang_sel_sel::after {
    content: "\f107";
    font-family: fontawesome;
}
.language-switcher #lang_sel ul ul {
    width: 60px;
}

/* =-=-=-=-=-=-= HEADER CART ICON =-=-=-=-=-=-=*/

.woo-action-button {
    position: relative;
    right: 20px;
    top: 22px;
    float: right;
}
.woo-action-button::before {
    border-left: 1px solid #ddd;
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    height: 22px;
}
.tt-cart-count {
    margin-left: 15px;
    margin-right: 10px;
}
.tt-cart-count .cart-contents {
    color: #ffffff;
    position: relative;
    display: block;
}
.tt-cart-count .cart-contents .cart-count {
    background-color: #ffffff;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    left: 11px;
    line-height: 14px;
    margin-left: 2px;
    position: absolute;
    text-align: center;
    top: -14px;
    height: 14px;
    min-width: 16px;
    font-size: 10px;
    font-weight: bold;
}
.header-transparent .tt-cart-count .cart-contents .cart-count {
    background-color: #ffffff;
    color: #ffffff;
}
.tt-cart-count .cart-contents .cart-count::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 13px;
    border-top: 5px solid #ffffff;
    border-right: 7px solid transparent;
}
.header-transparent .tt-cart-count .cart-contents .cart-count::after {
    border-top: 5px solid #fff;
}

/* =-=-=-=-=-=-= TOP SEARCH =-=-=-=-=-=-=*/

.top-search {
    position: relative;
    z-index: 999;
    background-color: #000;
}
.top-search .input-group button {
    z-index: 99;
    line-height: 50px;
    font-size: 15px;
    color: #ffffff;
    right: 0;
}
.top-search form {
    display: none;
}
.top-search input.form-control {
    height: 50px;
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    padding: 0;
}
.top-search .input-group-addon {
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
}
.top-search .input-group-addon.close-search {
    cursor: pointer;
}
.header-search {
	margin: 2px 10px 0;
}
.header-search a {
    color: #ffffff;
    font-size: 15px;
}
.header-search a i.search-close {
    display: none;
}
.header-search a.is-visible i.search-open {
    display: none;
}
.header-search a.is-visible i.search-close {
    display: inline-block;
}
/*header transparent styles*/
.header-transparent .news-ticker-wrapper,
.header-transparent .news-ticker-wrapper a,
.header-transparent .contact-info ul li,
.header-transparent .contact-info ul li a,
.header-transparent .tt-cart-count .cart-contents,
.header-transparent .header-search a,
.header-transparent .header-wrapper .social-links-wrap li a {
    color: #ffffff;
}
.tt-cart-count .cart-contents:hover,
.news-ticker-wrapper a:hover,
.header-transparent .contact-info ul li a:hover,
.header-transparent .header-search a:hover,
.header-transparent .header-wrapper .social-links-wrap li a:hover {
    color: #ffae2e;
}
.header-transparent .header-wrapper {
    position: relative;
}

/*
**************************************************************
                        NAVIGATION
**************************************************************
*/

.main-menu-wrapper {
    margin-top: 8px;
}
.main-menu {
    position: relative;
}
.navbar .justify-content-start {
    margin-left: 20px;
}
.header-center-logo .navbar .justify-content-start {
    margin-left: 0;
}
@media(min-width:992px) {
    /*menu label*/
    .navbar-nav li.new>a {
        position: relative;
    }
    .navbar-nav li.new>a::before {
        content: "New";
        position: absolute;
        left: 0;
        top: -3px;
        font-size: 10px;
        background-color: red;
        display: inline-block;
        line-height: 12px;
        padding: 0 2px;
        color: #ffffff;
        border-radius: 3px;
        text-transform: uppercase;
    }
    .navbar-nav .dropdown-menu li.new>a::before {
        left: auto;
        right: 25px;
        top: 14px;
    }
    /*end menu label*/
    .navbar-nav li.has-mega-menu {
        position: static;
    }
    .navbar-nav ul {
        position: static;
        display: block;
        border: 0;
        margin: 0;
        min-width: 210px;
    }
    .navbar {
        padding: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    .header-transparent .navbar {
        background-color: transparent;
        border-bottom: 1px solid rgba(253, 253, 253, 0.09);
    }
    .header-transparent .header-wrapper.sticky .navbar {
        background-color: #202a38;
        border-bottom: 1px solid transparent;
    }
    .navbar-nav>li>.dropdown-menu {
        margin-top: 23px;
    }
    .sticky .navbar-nav>li>.dropdown-menu {
        margin-top: 13px;
    }
    .navbar-right .dropdown-menu {
        right: auto;
        left: 15px;
    }
    .sticky .navbar-right .dropdown-menu {
        left: 13px;
    }
    .wpb_wrapper .navbar-collapse {
        display: block !important
    }
}
.navbar-brand {
    margin: 0;
    padding: 0;
    height: auto;
}
.logo-type-image .navbar-brand{
    padding: 10px;
}
@media(min-width: 992px){
    .header-default .navbar-brand,
    .header-transparent .navbar-brand{
        padding-left: 0;
    }
}
.logo-type-text .navbar-brand{
    margin: 10px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: #000;
    text-align: center;
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
.logo-type-text .navbar-brand a{
    color: #fff;
    display: block;
}
@media(max-width: 767px){
    .logo-type-image .navbar-brand{
        padding: 0;
    }
    .logo-type-text .navbar-brand{
        margin: 0;
    }
}
.navbar-brand img {
    width: inherit;
    height: inherit;
    max-width: 100%;
    min-height: 60px;
    max-height: 60px;
}
.header-left-menu .navbar-brand img {
    min-height: inherit;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}
@media(min-width: 992px) {
    .header-center-logo .navbar>.container .navbar-brand,
    .header-center-logo .navbar>.container-fluid .navbar-brand {
        margin: 0 20px;
    }
}
.navbar .nav>li {
    padding: 0 15px;
    -webkit-transition: padding .4s ease-in-out;
    -moz-transition: padding .4s ease-in-out;
    transition: padding .4s ease-in-out;
}
.navbar .nav>li>a {
    line-height: 50px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}
.navbar .nav li a i {
    margin-right: 8px;
}
.navbar .nav li a.menu-heading {
    cursor: default;
    font-size: 16px !important;
    text-transform: uppercase;
}
.navbar .nav li a.menu-heading:hover {
    color: inherit;
    background-color: transparent;
}
.navbar {
    background-color: #202a38;
    margin-bottom: 0;
    border-color: transparent;
    z-index: 10000;
    border: 0;
    border-radius: 0;
    padding: 0;
}
@media(max-width: 991px){
    .navbar .container{
        width: 100%;
        max-width: 100%;
    }
}
.header-wrapper.navbar-fixed-top {
    position: static;
    width: 100%;
    z-index: 100;
}
.header-transparent .header-wrapper.navbar-fixed-top {
    position: absolute;
    top: 0;
}
.header-wrapper.navbar-fixed-top.sticky {
    position: fixed;
    z-index: 999;
    top: 0;
}
.single-post.header-transparent .header-wrapper::before{
    display: none;
}
.single-post.header-transparent .header-wrapper.sticky,
.header-section-hide.header-transparent:not(.page-template-template-home) .header-wrapper.sticky {
    position: fixed;
}
@media(max-width: 575px) {
    .header-transparent .header-wrapper.sticky,
    .header-transparent .header-wrapper.navbar-fixed-top {
        background-color: #2d2d2d;
    }
    
    .site-wrapper{
        padding-top: 0 !important;
    }
}
@media only screen and (min-width:1200px) {
    .box-framed-layout .header-wrapper.navbar-fixed-top.sticky {
        top: 25px;
    }
}
@media only screen and (min-width:768px) {
    .border-layout .header-wrapper.navbar-fixed-top.sticky {
        top: 20px;
    }
}
@media only screen and (min-width:1300px) {
    .box-framed-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky,
    .box-framed-layout .site-wrapper .navbar.navbar-fixed-top.sticky,
    .box-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky,
    .box-layout .site-wrapper .navbar.navbar-fixed-top.sticky {
        max-width: 1220px;
        margin: 0 auto;
    }
}
@media only screen and (min-width:1400px) {
    .box-framed-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky,
    .box-framed-layout .site-wrapper .navbar .navbar-fixed-top.sticky,
    .box-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky,
    .box-layout .site-wrapper .navbar .navbar-fixed-top.sticky {
        max-width: 1400px;
        margin: 0 auto;
    }
}
@media(min-width: 768px) {
    .border-layout .header-wrapper.navbar-fixed-top.sticky,
    .border-layout .navbar .navbar-fixed-top.sticky {
        left: 20px;
        right: 20px;
        width: inherit;
    }
}
.admin-bar.header-transparent .header-wrapper,
.admin-bar .header-wrapper,
.admin-bar .sticky.header-wrapper {
    top: 32px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
@media only screen and (min-width:1200px) {
    .box-framed-layout.admin-bar.header-transparent .header-wrapper,
    .box-framed-layout.admin-bar .header-wrapper,
    .box-framed-layout.admin-bar .header-wrapper.sticky {
        top: 57px;
    }
}
@media only screen and (min-width:768px) {
    .border-layout.admin-bar.header-transparent .header-wrapper,
    .border-layout.admin-bar .header-wrapper,
    .border-layout.admin-bar .header-wrapper.sticky {
        top: 52px;
    }
}
@media(max-width: 782px) {
    .admin-bar.header-transparent .header-wrapper,
    .admin-bar .header-wrapper.sticky {
        top: 45px;
    }
}
@media(max-width: 600px) {
    .admin-bar .header-wrapper.sticky {
        top: 0;
    }
}
.navbar .navbar-nav>li>a {
    padding: 20px 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
.header-transparent .navbar .navbar-nav>li>a {
    color: #ffffff;
}
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:hover {
    color: #ffae2e;
}
.header-transparent .navbar .navbar-nav>.active>a,
.header-transparent .navbar .navbar-nav>.active>a:focus,
.header-transparent .navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.active>a:hover {
    color: #ffae2e;
    background-color: transparent;
}

/* =-=-=-=-=-=-= DROP DOWN STYLE =-=-=-=-=-=-=*/

.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover {
    color: #ffae2e;
    background-color: transparent;
}
.navbar-nav>li:hover>.dropdown-wrapper>ul {
    display: block;
}
.navbar .navbar-nav>li .dropdown-menu {
    border-radius: 0;
    padding: 10px 0;
    border: 0;
    position: static;
    box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, 0.07);
}
.dropdown-menu>li>a {
    padding: 7px 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    display: block;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #ffae2e;
    background-color: transparent;
}
.navbar .navbar-nav li.current-menu-ancestor>a,
.navbar .navbar-nav li.current-menu-parent>a,
.navbar .navbar-nav li.current-menu-item>a {
    color: #ffae2e;
}
.navbar .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
.navbar .navbar-nav li.current-menu-parent.has-mega-menu-child>a {
    color: #ffffff;
}
.navbar .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover,
.navbar .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffae2e;
}
.navbar-nav li .dropdown-wrapper {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 40px;
    padding-top: 15px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index: 100;
}
.navbar-nav>li>a>span {
    font-size: 11px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.navbar-nav li .dropdown-wrapper span {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
}

/* =-=-=-=-=-=-= 2ND LEVEL MENU =-=-=-=-=-=-=*/

.navbar-nav li>.dropdown-wrapper ul{
    padding: 15px 20px;
    border-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.navbar-nav li>.dropdown-wrapper li a{
    color: #ffffff;
    position: relative;
    display: block;
    padding: 5px 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.navbar-nav li>.dropdown-wrapper li a::before{
    content: "";
    width: 0;
    height: 1px;
    background-color: #ffae2e;
    display: block;
    position: absolute;
    left: -15px;
    top: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.navbar-nav li>.dropdown-wrapper li a:hover{
    padding-left: 5px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.navbar-nav li>.dropdown-wrapper li a:hover:before{
    visibility: visible;
    opacity: 1;
    left: -10px;
    width: 10px;
}
.navbar-nav li>.dropdown-wrapper li>.dropdown-wrapper {
    left: 100%;
    margin-left: 10px;
    top: -15px;
    padding: 0 0 0 5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.navbar-nav li>.dropdown-wrapper li.dropdown-inverse .dropdown-wrapper {
    left: auto;
    right: 100%;
    margin-right: 10px;
    margin-left: 0;
    padding: 0 5px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.navbar-nav li>.dropdown-wrapper li.dropdown-inverse:hover .dropdown-wrapper {
    margin-right: 5px;
}
.navbar-nav>li .dropdown-wrapper li:hover>.dropdown-wrapper {
    margin-left: -5px;
}
.navbar-nav>li:hover>.dropdown-wrapper,
.navbar-nav>li .dropdown-wrapper li:hover>.dropdown-wrapper {
    visibility: visible;
    opacity: 1;
}

/* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */

.navbar-nav li .megamenu-wrapper {
    position: absolute;
    top: 40px;
    left: auto;
    right: 0;
    visibility: hidden;
    opacity: 0;
    padding: 22px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.navbar-nav li:hover>.megamenu-wrapper {
    top: 30px;
}
.navbar-nav li:hover>.megamenu-wrapper,
.navbar-nav li:hover>.megamenu-wrapper .dropdown-wrapper {
    visibility: visible;
    opacity: 1;
}
.navbar-nav li.has-mega-menu>.megamenu-wrapper .dropdown-wrapper {
    position: static;
    padding: 0;
}
.navbar-nav li.has-mega-menu>.megamenu-wrapper .dropdown-wrapper ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}
.navbar-nav li.has-mega-menu>.megamenu-wrapper .dropdown-wrapper ul li {
    border: 0;
}
.navbar-nav li.has-mega-menu .megamenu-wrapper ul li a {
    padding: 8px 15px;
}
.navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a {
    border-bottom: 0;
}
.megamenu-wrapper .dropdown-megamenu {
    width: 100%;
    padding: 20px !important;
}
.megamenu-wrapper .menu-col-1>li {
    width: 100%;
}
.megamenu-wrapper .menu-col-2>li {
    width: 50%;
    float: left;
}
.megamenu-wrapper .menu-col-3>li {
    width: 33.33%;
    float: left;
}
.megamenu-wrapper .menu-col-4>li {
    overflow: hidden;
    width: 25%;
    float: left;
}
.navbar .sticky .dropdown-wrapper {
    top: 40px;
    padding-top: 23px;
}
.navbar .sticky .megamenu-wrapper {
    top: 35px;
    padding-top: 28px;
}
.navbar .sticky .navbar-nav li:hover>.megamenu-wrapper {
    top: 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav li .megamenu-wrapper{
        padding-top: 20px;
    }
}

/* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */

@media(max-width: 991px) {
    .mobile-menu {
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .navbar .nav>li {
        padding: 0;
    }
    .navbar .navbar-nav li a {
        color: #ffffff;
        display: block;
        padding: 8px 0;
        font-size: 16px;
    }
    .navbar .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar .navbar-nav .open .dropdown-menu>.active>a,
    .navbar .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar .navbar-nav .open .dropdown-menu>.active>a:hover {
        background-color: transparent;
        color: #ffae2e;
    }
    .navbar .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
    .navbar .navbar-nav li.current-menu-parent.has-mega-menu-child>a {
        color: #ffffff;
    }
    .navbar-nav li {
        list-style: none;
        position: relative;
    }
    .navbar-nav li ul {
        padding-left: 15px;
    }
    .navbar-nav li .dropdown-wrapper,
    .navbar-nav li .sub-dropdown-wrapper {
        position: static;
        padding: 0;
        margin: 0;
    }
    .navbar-nav>li:hover>.dropdown-wrapper>ul {
        display: none;
    }
    .navbar-nav>li.open>.dropdown-wrapper>ul {
        display: block;
    }
    /*dropdown trigger*/
    .navbar-nav>li.dropdown a span {
        float: right;
        margin-top: -5px;
        padding: 10px;
        font-size: 20px;
    }
    .navbar-nav>li.dropdown a span.fa-angle-down {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .navbar-nav>li.dropdown.menu-collapsed a span.fa-angle-down {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .navbar-nav>li .dropdown-wrapper li.menu-collapsed>a>span.fa-angle-right {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .navbar-nav li .dropdown-wrapper span {
        right: 0;
        top: 5px;
    }
    .navbar-nav>li .dropdown-wrapper li.menu-collapsed>.dropdown-wrapper,
    .navbar-nav>li.dropdown.menu-collapsed>.dropdown-wrapper {
        visibility: visible;
        opacity: 1;
    }
    .navbar-nav>li .dropdown-wrapper li.menu-collapsed>.dropdown-wrapper>ul,
    .navbar-nav>li.dropdown.menu-collapsed>.dropdown-wrapper>ul {
        display: block;
    }
    /*mobile menu dropdown trigger*/
    .dropdown-menu-trigger {
        margin-right: 0;
        position: absolute;
        right: 0;
        top: 4px;
        color: #fff;
        border: 0;
        text-align: center;
        background-color: transparent;
        cursor: pointer;
    }
    .dropdown-menu-trigger i {
        background-color: rgba(150, 150, 150, 0.34);
        font-size: 12px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        border-radius: 50%;
        font-size: 16px;
        display: inline-block;
    }
    .dropdown-menu-trigger i:last-child {
        display: none;
    }
    .dropdown-menu-trigger.menu-collapsed i:first-child {
        display: none;
    }
    .dropdown-menu-trigger.menu-collapsed i:last-child {
        display: block;
        background-color: #ffae2e;
        color: #ffffff;
    }
    .has-mega-menu .has-mega-menu-child .collapse {
        display: block;
        padding: 0;
    }
    .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger {
        display: none;
    }
}
/*mobile menu dropdown trigger for fullscreen menu*/
.menu-wrapper .dropdown-menu-trigger {
    margin-right: 0;
    position: absolute;
    right: 20px;
    top: 45px;
    color: #fff;
    border: 0;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.menu-wrapper.menu-visible .dropdown-menu-trigger {
    visibility: visible;
    opacity: 1;
}
.menu-wrapper .dropdown-menu-trigger i {
    background-color: rgb(0, 0, 0);
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    font-size: 16px;
    display: inline-block;
}
.menu-wrapper .dropdown-menu-trigger i:last-child {
    display: none;
}
.menu-wrapper .dropdown-menu-trigger.menu-collapsed i:first-child {
    display: none;
}
.menu-wrapper .dropdown-menu-trigger.menu-collapsed i:last-child {
    display: block;
    background-color: #ffffff;
    color: #212121;
}
.menu-wrapper .has-mega-menu .has-mega-menu-child .collapse {
    display: block;
    padding: 0;
}
.menu-wrapper .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger {
    display: none;
}
.navbar-toggle {
    border-radius: 0;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar .navbar-toggle .icon-bar {
    background-color: #ffffff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:hover {
    background-color: #EF4836;
    border-color: #EF4836;
}

/* =-=-=-=-=-=-= FULL SCREEN MENU =-=-=-=-=-=-= */

body.is-menu-open{
    overflow: hidden;
}
.full-screen-menu{
    background-color: transparent;
    position: fixed;
    z-index: 100;
    left: 0;
}
.full-screen-menu .navbar{
    background-color: transparent;
    position: static;
}
.header-wrapper.full-screen-menu.menu-trigger-left{
    background-color: #ffae2e;
    max-width: 80px;
    height: 100%;
    min-width: 80px;
}
.menu-trigger{
    width: 100%;
    position: absolute;
    bottom: 50px;
    width: 25px;
    height: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 100;
}

@media(min-width: 768px) and (max-width: 1399px){
    .menu-trigger{
        bottom: 30px;
    }
    .admin-bar .menu-trigger{
        bottom: 60px;
    }
}
.menu-trigger:hover{
    cursor: pointer;
}
.menu-trigger span{
    display: inline-block;
    position: absolute;
    max-height: 3px;
    height: 100%;
    width: 100%;
    background-color: #000000;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0px;
    transition: all 0.25s ease-in-out 0s, background-color 0.6s ease 0s;
}
.menu-trigger span:nth-child(1){
    top: 0;
}
.menu-trigger span:nth-child(2){
    top: 9px;
}
.menu-trigger span:nth-child(3){
    top: 18px;
}
.menu-trigger:hover span:nth-child(1){
    top: -2px;
}
.menu-trigger:hover span:nth-child(3){
    top: 20px;
}
.is-menu-open .menu-trigger span:nth-child(1){
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.is-menu-open .menu-trigger span:nth-child(3){
    top: 9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.is-menu-open .menu-trigger span:nth-child(2){
    top: 9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    visibility: hidden;
}
.header-default .menu-trigger,
.header-transparent .menu-trigger{
    position: absolute;
    bottom: auto; 
    width: 25px;
    height: 21px;
    margin: 0 auto;
    left: auto; 
    right: 20px;
}

@media(max-width: 767px){
    .header-wrapper.full-screen-menu.menu-trigger-left{
        max-width: 100%;
        height: inherit;
        width: 100%;
        position: static;
    }
    .menu-trigger {
        position: absolute;
        bottom: auto; 
        width: 25px;
        height: 21px;
        margin: 0 auto;
        left: auto; 
        right: 20px;
    }
    .full-screen-menu .social-links{
        display: none;
    }
    .header-wrapper .navbar-brand img {
        max-height: 60px;
    }
}
/*menu wrapper*/
.menu-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 85;
    display: block;
    font-weight: 700;
    overflow: hidden;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
}
.is-menu-visible .menu-wrapper{
    overflow-y: auto;
    background-color: #ffae2e;
}
.is-menu-visible .tt-floating-menu .menu-wrapper{
    background: none;
}
.menu-wrapper .navbar-nav{
    background-color: #ffae2e;
    width: 60%;
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
}
.menu-wrapper::after{
    content:"";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    width: 100%;
    height: 100%;
    background-color: #e38c02;
    -webkit-transition: all 2000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 2000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 2000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 2000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
}
.menu-contact-wrapper{
    visibility: hidden;
    opacity: 0;
    text-align: center;
    padding: 100px 30px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-contact-wrapper address{
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s;
    transition: all 500ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s;
    transition-delay: 1.5s;
    font-size: 32px;
    font-family: 'Source Serif Pro', serif;
}
.menu-contact-wrapper address a{
    color: #fff;
    text-decoration: underline;
}
.is-menu-open .menu-contact-wrapper address{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.is-menu-open .menu-contact-wrapper{
    visibility: visible;
    opacity: 1;
    z-index: 100;
}
.is-menu-open .menu-wrapper,
.is-menu-open .menu-wrapper::after{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.is-menu-open #pp-nav {
    z-index: 0;
}
.is-menu-open .navbar-brand {
    z-index: 100;
}
.menu-wrapper .navbar-nav{
    position: relative;
    z-index: 3;
    padding: 150px 0 100px 180px;
    max-width: 60%;
    display: block;
    height: 100%;
}
.menu-wrapper .navbar-nav > li{
    overflow: hidden;
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
    position: relative;
}
.menu-wrapper .navbar-nav > li > a:before{
    content: '';
    background-color: #ffffff;
    position: absolute;
    left: -45px;
    top: 50%;
    width: 0;
    height: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    opacity: 0;
    visibility: hidden;
}
.menu-wrapper .navbar-nav > li:hover > a:before,
.menu-wrapper .navbar-nav > li > a.active:before,
.menu-wrapper .navbar-nav > li.current-menu-ancestor>a:before,
.menu-wrapper .navbar-nav > li.current-menu-parent>a:before,
.menu-wrapper .navbar-nav > li.current-menu-item>a:before{
    width: 80px;
    opacity: 1;
    visibility: visible;
}
.menu-wrapper.overflow-visible .navbar-nav > li{
    overflow: visible;
}
.menu-wrapper .navbar-nav > li a{
    color: #141a23;
    font-size: 100px;
    line-height: 1;
    display: inline-block;
    padding: 8px 10px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s;
    transition: all 500ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s;
    animation-delay: 1s;
}
.menu-wrapper .navbar-nav > li > a{
    padding-right: 60px;
}
.is-menu-open .navbar-nav li a span{
    display: none;
}
.menu-dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #1f2732;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.menu-wrapper .navbar-nav li .dropdown-wrapper{
    left: 100%;
}
.menu-wrapper .navbar-nav li:hover .dropdown-wrapper{
    top: 10px;
}
.menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown{
    background-color: transparent;
}
.menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown li a{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    display: block;
    padding: 12px 20px;
}
.menu-wrapper .navbar-nav > li:hover > a,
.menu-wrapper .navbar-nav > li > a.active,
.menu-wrapper .navbar-nav > li.current-menu-ancestor>a,
.menu-wrapper .navbar-nav > li.current-menu-parent>a,
.menu-wrapper .navbar-nav > li.current-menu-item>a {
    color: #ffffff;
    padding-left: 50px;
}
.menu-wrapper .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
.menu-wrapper .navbar-nav li.current-menu-parent.has-mega-menu-child>a {
    color: #ffffff;
}
.menu-wrapper .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover,
.menu-wrapper .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover,
.menu-wrapper .menu-dropdown>li>a:focus,
.menu-wrapper .menu-dropdown>li>a:hover {
    color: #ffffff;
}
.menu-wrapper .navbar-nav > li:nth-child(1) a{
    transition-delay: 0.5s;
}
.menu-wrapper .navbar-nav > li:nth-child(2) a{
    transition-delay: 0.6s;
}
.menu-wrapper .navbar-nav > li:nth-child(3) a{
    transition-delay: 0.7s;
}
.menu-wrapper .navbar-nav > li:nth-child(4) a{
    transition-delay: 0.8s;
}
.menu-wrapper .navbar-nav > li:nth-child(5) a{
    transition-delay: 0.9s;
}
.menu-wrapper .navbar-nav > li:nth-child(6) a{
    transition-delay: 1s;
}
.menu-wrapper .navbar-nav > li:nth-child(7) a{
    transition-delay: 1.1s;
}
.menu-wrapper .navbar-nav > li:nth-child(8) a{
    transition-delay: 1.2s;
}
.menu-wrapper.menu-visible .navbar-nav > li a{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
/*reset transition relay*/
.menu-wrapper.overflow-visible .navbar-nav > li a{
    transition-delay: unset;
}
.menu-wrapper .navbar-nav ul li{
    list-style: none;
}
.menu-wrapper .navbar-nav ul li a{
    font-size: 30px;
}
.menu-wrapper .navbar-nav ul li a:hover,
.menu-wrapper .navbar-nav ul li.current-menu-ancestor>a,
.menu-wrapper .navbar-nav ul li.current-menu-parent>a,
.menu-wrapper .navbar-nav ul li.current-menu-item>a{
    color: #ffffff;
}
.menu-wrapper .navbar-nav ul li .dropdown-menu-trigger{
    top: 7px;
}
@media(max-width: 1399px){
    .menu-wrapper .navbar-nav{
        padding-top: 100px;
    }
    .menu-wrapper .navbar-nav > li a{
        font-size: 60px;
    }
    .menu-wrapper .dropdown-menu-trigger{
        top: 23px;
    }
}
@media(max-width: 991px){
    .menu-wrapper .navbar-nav{
        width: 100%;
        max-width: 100%;
        padding: 150px 0 100px 100px;
        height: auto;
    }
    .menu-wrapper .navbar-nav > li a{
        font-size: 60px;
    }
    .menu-contact-wrapper{
        display: none;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .header-default .menu-wrapper,
    .header-transparent .menu-wrapper{
        top: 80px;
        height: -webkit-calc(100% - 80px);
        height: -moz-calc(100% - 80px);
        height: calc(100% - 80px);
    }
    .header-default .admin-bar .menu-wrapper,
    .header-transparent .admin-bar .menu-wrapper{
        top: 126px;
        height: -webkit-calc(100% - 126px);
        height: -moz-calc(100% - 126px);
        height: calc(100% - 126px);
    }
    .header-default .menu-wrapper .navbar-nav,
    .header-transparent .menu-wrapper .navbar-nav{
        padding: 80px 0 80px 80px;
    }
}
@media(max-width: 767px){
    .menu-wrapper{
        top: 60px;
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        height: calc(100% - 60px);
    }
    .admin-bar .menu-wrapper{
        top: 106px;
        height: -webkit-calc(100% - 106px);
        height: -moz-calc(100% - 106px);
        height: calc(100% - 106px);
    }
    .menu-wrapper .navbar-nav{
        padding: 50px 0 50px 45px;
    }
}
@media(max-width: 575px){
    .menu-wrapper .navbar-nav{
        padding: 50px 0 50px 15px;
        height: 100%;
    }
    .admin-bar .menu-wrapper .navbar-nav{
        padding: 80px 0 50px 15px;
    }
    .menu-wrapper .navbar-nav > li a{
        font-size: 24px;
    }
    .menu-wrapper .dropdown-menu-trigger {
        top: 5px;
    }
    .menu-wrapper .navbar-nav ul li .dropdown-menu-trigger {
        top: 3px;
    }
    .menu-wrapper .navbar-nav ul li a {
        font-size: 20px;
    }
    .menu-wrapper .navbar-nav > li > a:before {
        left: -8px;
    }
    .menu-wrapper .navbar-nav > li:hover > a:before, 
    .menu-wrapper .navbar-nav > li > a.active:before, 
    .menu-wrapper .navbar-nav > li.current-menu-ancestor>a:before, 
    .menu-wrapper .navbar-nav > li.current-menu-parent>a:before, 
    .menu-wrapper .navbar-nav > li.current-menu-item>a:before {
        width: 25px;
    }
    .menu-wrapper .navbar-nav > li:hover > a, 
    .menu-wrapper .navbar-nav > li > a.active, 
    .menu-wrapper .navbar-nav > li.current-menu-ancestor>a, 
    .menu-wrapper .navbar-nav > li.current-menu-parent>a, 
    .menu-wrapper .navbar-nav > li.current-menu-item>a {
        padding-left: 25px;
    }
}

/* =-=-=-=-=-=-= FULL WIDTH MENU =-=-=-=-=-=-=*/

.fullwidth-menu{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.fullwidth-menu.sticky{
    position: fixed;
}
.fullwidth-menu::before {
    content: "";
    background: rgba(0, 0, 0, 1);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.28)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    top: 0;
    position: absolute;
    width: 100%;
    height: 80px;
    z-index: 9;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    transition-delay: .5s;
}
.is-menu-open .fullwidth-menu::before{
    opacity: 0;
    visibility: hidden;
}
.fullwidth-menu .navbar{
    background-color: transparent;
}
.fullwidth-menu .menu-trigger{
    bottom: auto;
    left: auto;
    right: 30px;
}
.header-default .menu-trigger span,
.header-transparent .menu-trigger span,
.fullwidth-menu .menu-trigger span{
    background-color: #fff;
}
@media (min-width: 992px){
    .header-default .menu-trigger,
    .header-transparent .menu-trigger{
        display: none !important;
    }
}

/* =-=-=-=-=-=-= FLOATING MENU =-=-=-=-=-=-=*/

.tt-floating-menu{
    position: fixed;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tt-floating-menu .menu-wrapper{
    position: static;
    transform: none;
    overflow: visible;
    height: inherit;
}
.tt-floating-menu .menu-wrapper:after{
    display: none;
}
.tt-floating-menu .menu-wrapper ul{
    text-align: right;
    padding: 0;
    max-width: inherit;
    height: inherit;
    width: inherit;
    background-color: transparent;
}
.tt-floating-menu .menu-wrapper .navbar-nav > li{
    overflow: visible;
    font-family: inherit;
    font-weight: normal;
}
.tt-floating-menu .menu-wrapper .navbar-nav > li > a{
    color: #ffffff;
    opacity: 1;
    overflow: visible;
    transform: inherit;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    -webkit-transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
}
.tt-floating-menu .menu-wrapper .navbar-nav > li:hover > a,
.tt-floating-menu .menu-wrapper .navbar-nav > li > a.active{
    padding: 0 20px 0 0;
}
.tt-floating-menu .menu-wrapper .navbar-nav > li > a:before{
    right: -30px;
    height: 1px;
    left: auto;
}
.tt-floating-menu .menu-wrapper .navbar-nav > li:hover > a:before,
.tt-floating-menu .menu-wrapper .navbar-nav > li > a.active:before{
    width: 40px;
}
@media(max-width: 767px){
    .tt-floating-menu{
        display: none;
    }
}

/*
**************************************************************
                        MAGNIFIC POPUP
**************************************************************
*/

.mfp-container{
    padding: 0;
}
.mfp-bg{
    z-index: 10420;
}
.mfp-wrap {
    z-index: 10430;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}
.mfp-bottom-bar {
    display: none;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #ffffff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s;
}
.mfp-arrow-right::after {
    content: "\f105" !important;
}
.mfp-arrow-left::after {
    content: "\f104" !important;
}
.mfp-arrow-right::before,
.mfp-arrow-left::before {
    border: none !important;
}
.mfp-arrow {
    height: 60px;
}
.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}
img.mfp-img {
    padding: 40px 0px 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}
.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}
.mfp-with-slide{
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
}
.mfp-slide-left.mfp-ready .mfp-with-slide{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.mfp-slide-left.mfp-removing .mfp-with-slide{
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
}
.admin-bar button.mfp-close, 
.admin-bar button.mfp-arrow {
	margin-top: 30px;
	margin-right: 30px;
}

/*
**************************************************************
                    NEWSLETTER SECTION
**************************************************************
*/

.subscribe-form .form-group {
    text-align: center;
    position: relative;
}
.subscribe-form input[type="email"] {
    max-width: 500px;
    display: inline-block;
    border-radius: 0;
    margin-right: -5px;
    background-color: #ffffff;
}
.subscribe-form input[type="submit"] {
    width: 120px;
    display: inline-block;
    background: #ffae2e;
    border: none;
    color: #ffffff;
    border-radius: 0;
    cursor: pointer;
}
.subscribe-form input[type="submit"]:hover {
    opacity: .85;
}
/* style two */
.subscribe-form.style_two input[type="submit"] {
    display: none;
}
.subscribe-form.style_two input[type="email"]:focus {
    border-bottom-color: #ffae2e;
}
.subscribe-form.with-icon input[type="email"],
.subscribe-form.style_two input[type="email"] {
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    background: transparent;
    text-align: center;
    color: #ffffff;
}
.subscribe-form.with-icon input[type="email"] {
    border-color: #ffffff;
    text-align: left;
    padding-left: 32px;
}
.subscribe-form.with-icon input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    padding: 0px 5px 4px 15px;
    height: inherit;
    width: inherit;
}
.subscribe-form.with-icon .form-group {
    display: inline;
}
.subscribe-form.with-icon .form-group::before {
    content: "\f0e0";
    left: 0;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #fff;
    top: -3px;
}
.mc4wp-alert.mc4wp-error {
    background: rgba(0, 0, 0, .2);
    padding: 10px;
    text-align: center;
}
.mc4wp-response {
    text-align: center;
}
.mc4wp-alert.mc4wp-error p {
    margin: 0;
    color: #efefef;
}
@media (max-width: 767px) {
    .subscribe-form input[type="email"] {
        margin-right: 0;
    }
    .subscribe-form input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
}

/*
**************************************************************
                        BLOG STYLE
**************************************************************
*/

.blog-wrapper .posts-content article {
	margin-bottom: 30px;
	background-color: #29313e;
	overflow: hidden;
}

.blog-wrapper .posts-content article.format-audio,
.blog-wrapper .posts-content article.format-link,
.blog-wrapper .posts-content article.format-quote,
.blog-wrapper .posts-content article.has-post-thumbnail{
    background-color: transparent;
}
.blog-wrapper .posts-content article.is-sticky-post{
    background-color: #29313e;
    border-radius: 4px;
}
.blog-wrapper article.has-post-thumbnail header {
	text-align: center;
	display: inline-flex;
}
.blog-wrapper article.format-audio header {
	display: block;
}
.single-post.no-single-sidebar .blog-wrapper .posts-content article {
    margin-bottom: 0;
}
.single-post .blog-wrapper .posts-content article {
    overflow: visible;
    margin-bottom: 0;
    border-radius: 0;
}
.blog-wrapper .entry-title {
	font-weight: 700;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 25px;
}
.blog-wrapper .is-sticky-post .entry-title{
    font-size: 60px;
    line-height: 1.2;
}
.blog-wrapper article.sticky .entry-content {
    position: relative;
}
.blog-wrapper article.sticky .entry-content::before {
    content: "";
    width: 20px;
    height: 20px;
    border-top: 10px solid #ffae2e;
    border-left: 10px solid #ffae2e;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.blog-wrapper article .entry-content .watermark {
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #7f7f7f;
	font-size: 25px;
}
.blog-wrapper article .entry-content .watermark.image-icon{
    font-size: 30px;
}
article.sticky .post-thumbnail {
	height: 100%;
	width: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
    background-position: center center !important;
}
article.is-sticky-post .post-thumbnail{
    border-radius: 0;
}
.blog-wrapper .entry-content {
    padding: 35px 30px 30px;
	line-height: 30px;
	position: relative;
}
.single .blog-wrapper .entry-content {
    padding: 15px 30px 30px;
    display: inline-block;
    width: 100%;
}
.single.using-gutenberg.no-single-sidebar .blog-wrapper .entry-content{
    padding-left: 0;
    padding-right: 0;
}
.widget .entry-meta{
    margin-bottom: 25px;
}
.blog-wrapper .entry-meta{
    margin-bottom: 10px;
}
.widget .entry-meta ul,
.blog-wrapper .entry-meta ul {
    margin: 0;
}
.widget .entry-meta ul li,
.blog-wrapper .entry-meta ul li {
    margin-right: 20px;
    padding: 0;
    font-size: 12px;
    color: #ffffff;
}
.blog-wrapper .entry-meta ul li{
    font-size: 14px;
    position: relative;
    line-height: 1;
    margin-right: 35px;
}
.widget .entry-meta ul li {
    margin-right: 5px;
    font-family: 'Source Serif Pro', serif;
    opacity: .5;
}
.widget .entry-meta ul li:last-child,
.blog-wrapper .entry-meta ul li:last-child {
    margin-right: 0;
}
.widget .entry-meta ul li a {
	color: #ffffff;
	font-family: 'Source Serif Pro', serif;
}
.blog-wrapper .entry-meta ul li,
.blog-wrapper .entry-meta ul li a,
.blog-wrapper .entry-meta ul li .post-comments-number span{
    color: #ffffff;
    font-family: 'Source Serif Pro', serif;
    font-size: 18px;
}

.blog-wrapper .widget .entry-meta ul li,
.blog-wrapper .widget .entry-meta ul li a,
.blog-wrapper .widget .entry-meta ul li .post-comments-number span{
    font-size: 14px;
}

.blog-wrapper .entry-meta ul li a.vc_inline-link{
    margin-left: 30px;
}
.widget .entry-meta ul li a:hover,
.blog-wrapper .entry-meta ul li a:hover {
    color: #ffae2e;
}
.widget .entry-meta ul li i,
.blog-wrapper .entry-meta ul li i {
    color: #ffae2e;
    margin-right: 5px;
}
.blog-wrapper .entry-meta ul li i {
    font-size: 18px;
    vertical-align: middle;
}
.blog-wrapper .entry-meta .pull-left li:last-child {
    margin-right: 0;
}
.blog-wrapper .entry-meta ul li .author a > span {
	top: -7px;
    position: relative;
    font-size: 18px;
}
.blog-wrapper .entry-meta ul li .designation {
	font-family: 'Source Serif Pro', serif;
	font-size: 15px;
	color: #000;
	opacity: .8;
	font-weight: normal;
	display: block;
	line-height: 1;
	margin-left: 63px;
	margin-top: -20px;
}
.blog-wrapper .entry-meta ul li .author img {
	border-radius: 50%;
	margin-right: 10px;
	border: 1px solid rgba(0,0,0,.5);
}
.blog-wrapper .entry-content .entry-meta {
	margin: 40px -30px -10px;
	padding: 20px 30px 0;
	border-top: 1px solid rgba(255,255,255,.1);
    clear: both;
}
.blog-wrapper .entry-content .entry-header .entry-meta {
	padding: 0 30px 0;
	border-top: none;
	margin-bottom: 15px;
	padding-bottom: 17px;
	border-bottom: 1px solid rgba(255,255,255,.1);
    margin-top: 4px;
}
.no-single-sidebar .blog-wrapper .entry-content .entry-meta,
.single.using-gutenberg.no-single-sidebar .blog-wrapper .entry-content .entry-header .entry-meta{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.blog-wrapper .format-audio .entry-content,
.blog-wrapper .format-link .entry-content,
.blog-wrapper .format-quote .entry-content{
    background-color: #29313e;
}
.blog-wrapper .has-audio .entry-content,
.blog-wrapper .has-link .entry-content,
.blog-wrapper .has-quote .entry-content,
.blog-wrapper .has-post-thumbnail .entry-content {
    margin-top: -110px;
    margin-left: 0;
    margin-right: 60px;
    background-color: #29313e;
    position: relative;
    z-index: 12;
}
.blog-content {
    background-color: #ffffff;
    padding: 20px 18px;
}
.project-carousel .project-content h2 a, 
.portfolio-inner .project-content h2 a,
.entry-header .entry-title a {
    color: #ffffff;
    -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1);
    -moz-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1);
    transition: all 0.6s cubic-bezier(0, 0, 0.23, 1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(to right, #ffae2e 50%, #ffffff 50%);
    background-image: -moz-linear-gradient(to right, #ffae2e 50%, #ffffff 50%);
    background-image: linear-gradient(to right, #ffae2e 50%, #ffffff 50%);
    background-size: 200% 100%;
    background-position: 100%;
}
.project-carousel .project-content h2 a:hover,
.portfolio-inner .project-content h2 a:hover,
.entry-header .entry-title a:hover {
    color: #ffae2e;
    background-position: 0%;
}
.ie .project-carousel .project-content h2 a, 
.ie .portfolio-inner .project-content h2 a,
.ie .entry-header .entry-title a,
.ie .entry-content .more-link,
.ie .entry-footer .readmore{
    background-image: none;
}
.entry-content p {
    margin-bottom: 15px;
}
.entry-content p:last-child {
    margin-bottom: 0;
}
.entry-header iframe,
.entry-content iframe {
    width: 100%;
}
.format-audio .entry-header iframe{
    height: calc(100% + 16px)
}
.single .format-audio .entry-header iframe {
	height: inherit;
	min-height: 400px;
}
@media (max-width: 991px) {
    .blog-wrap {
        margin-bottom: 30px;
    }
}
@media(max-width: 767px){
    .blog-wrapper .has-audio .entry-content,
    .blog-wrapper .has-link .entry-content,
    .blog-wrapper .has-quote .entry-content,
    .blog-wrapper .has-post-thumbnail .entry-content {
        margin-top: 0;
        margin-right: 0;
    }
    .blog-wrapper .entry-content {
        padding: 40px 20px 30px;
    }
    .blog-wrapper .entry-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }
}
@media (max-width: 575px){
    .blog-wrapper .entry-content {
        padding: 20px 15px 30px;
    }
}
.search .blog-wrapper .entry-content,
.search .blog-wrapper .has-post-thumbnail .entry-content{
    margin-right: 0 !important;
    margin-top: 0 !important;
}
.archive .blog-wrapper .has-post-thumbnail .entry-content{
    margin-top: -80px;
}
.blog-wrapper .has-no-sidebar .entry-content{
    padding-top: 50px;
    padding-left: 100px;
}
.blog-wrapper .format-quote .has-no-quote .entry-content{
    margin: 0;
}
.single .blog-wrapper .entry-content,
.blog-wrapper .is-sticky-post .entry-content{
    margin: 0;
    border-radius: 0;
}
.single .blog-wrapper .entry-content .entry-header{
    margin-bottom: 35px;
}
.zilla-likes {
    padding: 0;
    margin: 0;
    background: none;
    position: relative;
}
.zilla-likes::before {
    margin-right: 5px;
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    z-index: 1;
    font-weight: 900;
}
.zilla-likes:hover,
.zilla-likes.active {
    padding: 0 !important;
    margin: 0 !important;
    background: none;
}
.zilla-likes:hover::before,
.zilla-likes.active::before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    z-index: 2;
    font-weight: 900;
}

/* =-=-=-=-=-=-= POST THUMBNAIL =-=-=-=-=-=-= */

.blog-wrapper .post-thumbnail {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.blog-wrapper .format-audio .post-thumbnail {
	display: block;
	height: 320px;
}
.blog-wrapper .format-audio.is-sticky-post .post-thumbnail{
    height: 100%;
}
.single .blog-wrapper .format-audio .post-thumbnail {
	height: inherit;
}
.post-thumbnail.blog-video{
    display: block;
    border-radius: 0;
}
.blog-wrapper article.sticky .entry-header {
    position: relative;
}
.blog-wrapper .post-thumbnail .thumb-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.single-format-video .blog-wrapper .post-thumbnail {
    display: block;
}
.blog-wrapper .post-thumbnail.blog-quote {
    display: block;
}
.blog-wrapper .post-thumbnail .thumb-overlay {
    background-color: rgba(27, 27, 27, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.blog-wrapper .post-thumbnail:hover .thumb-overlay {
    opacity: 1;
    visibility: visible;
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay {
    visibility: visible;
    opacity: 1;
    background-color: rgba(239, 72, 54, 0);
}
.blog-wrapper .post-thumbnail:hover .thumb-overlay {
    background-color: rgba(27, 27, 27, 0.5);
}
.blog-wrapper .thumb-overlay a {
	color: #ffffff;
	font-size: 18px;
	border: 2px solid #ffffff;
	width: 50px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	position: absolute;
	top: 36%;
	left: 0;
	right: 0;
	margin: -25px auto 0;
	border-radius: 50%;
	z-index: 99;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}
.blog-wrapper .is-sticky-post .thumb-overlay a{
    top: 50%;
}
.blog-wrapper .thumb-overlay a i {
    color: #ffffff;
    font-size: 18px;
}
.blog-wrapper .thumb-overlay a:hover {
    background-color: #2F2F2F;
    border-color: #2F2F2F;
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a i,
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a {
    height: 55px;
    width: 90px;
    background-color: rgba(255, 0, 90, .9);
    border-radius: 30px;
    border: 3px solid transparent;
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 30px;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay:hover a::after {
    opacity: 1;
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a:hover:after {
    background-color: rgba(0, 0, 0, .25);
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay:hover a {
    border-color: #ffffff;
}
.blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a i {
    font-size: 20px;
    line-height: 49px;
}
@media (max-width: 767px) {
    .blog-wrapper .post-thumbnail {
        display: block;
    }
    .blog-wrapper .post-thumbnail img {
        width: 100%;
    }
}

/* =-=-=-=-=-=-= POST CONTENT =-=-=-=-=-=-= */

.entry-footer .readmore,
.entry-content .more-link {
    display: block;
    position: relative;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 35px;
    padding-left: 25px;
    font-weight: 700;
    z-index: 1;
    line-height: 20px;
    max-width: 120px;
    font-family: 'Source Serif Pro', serif;
    -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1);
    -moz-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1);
    transition: all 0.6s cubic-bezier(0, 0, 0.23, 1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -moz-linear-gradient(to right, #ffffff 50%, #ffae2e 50%);
    background-image: -webkit-linear-gradient(to right, #ffffff 50%, #ffae2e 50%);
    background-image: linear-gradient(to right, #ffffff 50%, #ffae2e 50%);
    background-size: 200% 100%;
    background-position: 100%;
}
.entry-footer .readmore:before,
.entry-content .more-link:before {
    content: "";
    width: 15px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.entry-content .more-link:hover:before{
    background-color: #ffae2e;
}
.ie .entry-content .more-link,
.ie .entry-footer .readmore{
    background-image: none;
}
.entry-footer .readmore:hover,
.entry-content .more-link:hover{
    background-position: 0%;
}
.entry-content .more-link.read-more {
	margin-top: 15px;
}
.entry-content .post-content p:last-child{
    margin-bottom: 0;
}
.is-sticky-post .post-content{
    margin-bottom: 20px;
}
.press-release-wrapper.menu-style .entry-footer .readmore:before{
    display: none;
}
.entry-content ul ul,
.entry-content ol ol {
    padding-left: 40px;
}
.entry-content img {
	height: auto;
	max-width: 100%;
}
article.sticky .sticky-cat a{
    font-family: 'Source Serif Pro', serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #212121;
    font-weight: bold;
}

/* =-=-=-=-=-=-= POST FORMAT GALLERY =-=-=-=-=-=-= */

.format-gallery .featured-wrapper {
    margin-bottom: 25px;
}
.post-thumbnail {
    position: relative;
}
.gallery {
    margin-bottom: 1.5em;
    border: 1px solid #424954;
}
.tt-sidebar-wrapper .gallery {
    border: 0;
}
.gallery-caption {
    background: #141a23;
    padding: 7px 5px;
    font-size: 14px;
    color: #ffffff;
    line-height: 1.5;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 97.8%;
    padding: 5px;
    margin: 10px;
    font-size: 14px;
    line-height: 25px;
}
.gallery-item img {
    width: 100%;
    height: auto;
}
.gallery-columns-2 .gallery-item {
    max-width: 43.5%;
}
.single .gallery-columns-2 .gallery-item {
    max-width: 47.1%;
}
.gallery-columns-3 .gallery-item {
    max-width: 31.6%;
    margin: 5px;
}
.single .gallery-columns-3 .gallery-item {
    max-width: 30.4%;
    margin: 10px;
}
.gallery-columns-4 .gallery-item {
    max-width: 23%;
    margin: 3px;
}
.single .gallery-columns-4 .gallery-item {
    max-width: 22%;
    margin: 10px;
}
.gallery-columns-5 .gallery-item {
    max-width: 18.5%;
    margin: 5px;
}
.gallery-columns-6 .gallery-item {
    max-width: 15.2%;
    margin: 5px;
}
.gallery-columns-7 .gallery-item {
    max-width: 12.8%;
    margin: 5px;
}
.gallery-columns-8 .gallery-item {
    max-width: 11%;
    margin: 5px;
}
.gallery-columns-9 .gallery-item {
    max-width: 9.6%;
    margin: 5px;
}
.gallery-columns-7 figcaption {
    font-size: 12px;
    line-height: 20px;
}
.gallery-columns-8 figcaption {
    font-size: 12px;
    line-height: 20px;
}
.gallery-columns-9 figcaption {
    font-size: 12px;
    line-height: 20px;
}
.format-gallery .gallery {
    border: 0;
    margin: 0 -10px;
}
.tt-sidebar-wrapper .gallery{
    margin: -5px;
}
.tt-sidebar-wrapper .gallery .gallery-item {
	padding: 3px;
	margin: 0;
	border: 0;
}
.tt-sidebar-wrapper .gallery.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.tt-sidebar-wrapper .gallery.gallery-columns-3 .gallery-item {
    max-width: 33.3333%;
}
.tt-sidebar-wrapper .gallery.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

/* =-=-=-=-=-=-= POST FORMAT AUDIO =-=-=-=-=-=-= */

.blog-audio audio {
    width: 100%;
}

/* =-=-=-=-=-=-= POST FORMAT LINK =-=-=-=-=-=-= */

.blog-wrapper .post-thumbnail.blog-link {
    background-color: #0EA6AD;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 30px 140px 30px;
    color: #ffffff;
}
.single .blog-wrapper .post-thumbnail.blog-link{
    padding: 30px;
}
.blog-wrapper .post-thumbnail.blog-link h2 {
    font-size: 22px;
    line-height: 1;
}
.blog-wrapper .post-thumbnail.blog-link i {
    font-size: 30px;
    margin-bottom: 15px;
}
.blog-wrapper .post-thumbnail.blog-link h2 a {
    color: #ffffff;
    position: relative;
    padding-bottom: 10px;
}

/* =-=-=-=-=-=-= POST FORMAT CHAT =-=-=-=-=-=-= */

article.format-chat {
    margin-bottom: 50px;
}
.format-chat .entry-title {
    margin: 0;
}
.post .entry-content{
    font-size: 18px;
}
.entry-content p {
    margin-bottom: 20px;
    line-height: 1.9;
}
.entry-content > p:last-child {
    margin-bottom: 0;
}
.woocommerce-shipping-calculator p {
    margin-bottom: 0;
}
.woocommerce-shipping-calculator p a {
    text-decoration: underline;
    color: #ffae2e;
}
.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-content p:nth-child(even) {
    padding: 10px 25px;
    margin-top: 30px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.format-chat .entry-content p:nth-child(odd) {
    margin-right: 30px;
    background: #4c595d;
    border-radius: 15px 0 15px 15px;
}
.format-chat .entry-content p:nth-child(even) {
    margin-left: 30px;
    background: #313944;
    border-radius: 0 15px 15px 15px;
}
.format-chat .entry-content p:nth-child(odd)::before,
.format-chat .entry-content p:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 15px solid transparent;
}
.format-chat .entry-content p:nth-child(odd)::before {
    right: -15px;
    border-left: 15px solid #4c595d;
    -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05));
}
.format-chat .entry-content p:nth-child(even)::before {
    left: -15px;
    border-right: 15px solid #313944;
    -webkit-filter: drop-shadow(-1px 4px 1px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(-1px 4px 1px rgba(0, 0, 0, 0.05));
}

/* =-=-=-=-=-=-= PASSWORD REQUIRED POST =-=-=-=-=-=-= */

.post-password-required .btn {
    padding: 0 35px;
    line-height: 45px;
}
.post-password-required .btn:focus{
    outline: none;
}
.post-password-form {
    position: relative;
}
.post-password-form label {
    font-size: 0;
    width: 100%;
    margin-bottom: 0;
}
.search-form label{
    width: 100%;
    margin: 0;
}
input.search-field,
.post-password-form input[type="password"] {
    height: 45px;
    width: 100%;
    font-size: 16px;
    padding: 0 15px;
    color: #fff;
    background-color: #313944;
    border: 1px solid #424954;
    border-radius: 3px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
input.search-submit,
.post-password-form input[type="submit"] {
    font-size: 14px;
    height: 45px;
    border: none;
    padding: 0 20px;
    background-color: #ffae2e;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffffff;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    text-transform: uppercase;
    border-radius: 0 2px 2px 0;
}
input.search-submit:hover,
.post-password-form input[type="submit"]:hover {
    background-color: #ffae2e;
}
input.search-field:focus,
.post-password-form input[type="password"]:focus {
    border-color: #ffae2e;
    outline: none;
}

/* =-=-=-=-=-=-= POST CAROUSEL =-=-=-=-=-=-= */

.blog-carousel {
    overflow: hidden;
}
.blog-carousel .carousel-control {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
	background-color: rgba(255, 255, 255, 0.4);
	text-align: center;
	z-index: 12;
	color: #000;
	height: 44px;
	width: 45px;
	line-height: 44px;
}
.blog-wrapper .posts-content article .post-thumbnail:hover .carousel-control {
    background-color: rgba(255, 255, 255, 0.6);
}
.blog-carousel .left.carousel-control {
	left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-transform: scale(.8) translateY(-50%);
	-moz-transform: scale(.8) translateY(-50%);
	transform: scale(.8) translateY(-50%);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
.blog-carousel .right.carousel-control {
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transform: scale(.8) translateY(-50%);
	-moz-transform: scale(.8) translateY(-50%);
	transform: scale(.8) translateY(-50%);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	transform-origin: right center;
}
.blog-carousel .carousel-control:hover{
    -webkit-transform: scale(1) translateY(-50%);
	-moz-transform: scale(1) translateY(-50%);
	transform: scale(1) translateY(-50%);
}
.blog-carousel .carousel-control i {
    position: relative;
}

/* =-=-=-=-=-=-= BLOG SIDEBAR =-=-=-=-=-=-= */

.tt-sidebar-wrapper .widget {
    margin-bottom: 30px;
}
.tt-sidebar-wrapper .widget:last-child {
    margin-bottom: 0;
}
.widget img {
    max-width: 100%;
}
.widget>ul,
.widget .menu {
    padding-left: 0;
    margin-bottom: 0;
}
.widget ul li {
    list-style: none;
}
.widget>ul ul,
.widget .menu ul {
    padding-left: 20px;
}
.widget_nav_menu ul li a{
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.widget_nav_menu ul li a::before{
    content: "";
    width: 0;
    height: 1px;
    background-color: #ffae2e;
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.widget_nav_menu ul li a:hover{
    padding-left: 5px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.widget_nav_menu ul li a:hover:before{
    visibility: visible;
    opacity: 1;
    left: -10px;
    width: 10px;
}
.widget_meta ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_recent_comments ul li,
.widget_recent_entries {
    margin-bottom: 10px;
}
.widget_rss ul li {
    border-bottom: 1px solid #424954;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.widget_rss ul li a{
    text-decoration: underline;
}
.widget ul li:last-child {
    margin-bottom: 0;
}
.widget_layered_nav ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_rss ul li a,
.widget_product_categories ul li a {
    color: #ffffff;
}
.footer-sidebar .widget_archive ul li a,
.footer-sidebar .widget_categories ul li a,
.footer-sidebar .widget_pages ul li a,
.footer-sidebar .widget_nav_menu ul li a,
.footer-sidebar .widget_rss ul li a {
    color: #ffffff;
}
.footer-sidebar .widget_archive ul li a:hover,
.footer-sidebar .widget_categories ul li a:hover,
.footer-sidebar .widget_pages ul li a:hover,
.footer-sidebar .widget_nav_menu ul li a:hover,
.footer-sidebar .widget_rss ul li a:hover {
    color: #ffae2e;
}
.widget.widget_rss .rssSummary{
    margin: 10px 0 8px;
}
.widget.widget_rss cite {
	opacity: 0.7;
}
.footer-sidebar .widget_rss ul li {
	border-bottom: 1px solid #4b4b4b;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.widget_rss ul li:last-child{
    border-bottom: none;
}
.widget_archive ul li,
.widget_categories ul li {
    color: #afafaf;
}
.widget_archive ul li a,
.widget_categories ul li a {
    margin-right: 10px;
}
.widget_meta ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a {
    color: #ffffff;
}
.footer-sidebar .widget_meta ul li a,
.footer-sidebar .widget_recent_comments ul li a,
.footer-sidebar .widget_recent_entries ul li a {
    color: #ffffff;
}
.footer-sidebar .widget_meta ul li a:hover,
.footer-sidebar .widget_recent_comments ul li a:hover,
.footer-sidebar .widget_recent_entries ul li a:hover {
    color: #ffae2e;
}
.widget a:hover {
    color: #ffae2e;
}
.widget select {
    color: #ffffff;
    background: #313944;
    width: 100%;
    max-width: 100%;
    height: 45px;
    padding: 5px 10px;
    border: 1px solid #424954;
    border-radius: 3px;
}
.footer-sidebar .widget select{
    color: #ffffff;
}
.widget select:focus {
    outline: none;
}
.widget .rsswidget{
    margin-right: 10px;
    color: #fff;
}
.widget-title {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 28px;
    position: relative;
    margin-top: -7px;
}
.tt-sidebar-wrapper.left-sidebar,
.tt-sidebar-wrapper.right-sidebar {
    border-radius: 0
}
.tt-sidebar-wrapper.left-sidebar .widget,
.tt-sidebar-wrapper.right-sidebar .widget{
    padding: 30px;
    background-color: #29313e;
}
.tt-sidebar-wrapper.left-sidebar .widget_mc4wp_form_widget, 
.tt-sidebar-wrapper.right-sidebar .widget_mc4wp_form_widget {
	background: url('images/subcription-bg.png') no-repeat right top #29313e;
	padding-top: 55px;
}
.tt-sidebar-wrapper .widget_mc4wp_form_widget input{
    height: 60px;
    width: 100%;
    display: block;
    border-radius: 3px;
}
.page-wrapper .widget-title {
	border-bottom-color: #d7d7d7;
}
@media(max-width: 991px) {
    .tt-sidebar-wrapper.left-sidebar,
    .tt-sidebar-wrapper.right-sidebar {
        margin-top: 100px;
    }
}
.woocommerce .tt-sidebar-wrapper.left-sidebar,
.woocommerce .tt-sidebar-wrapper.right-sidebar{
    padding: 0;
}
.woocommerce .tt-sidebar-wrapper.left-sidebar .widget-title, 
.woocommerce .tt-sidebar-wrapper.right-sidebar .widget-title{
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
}

/* =-=-=-=-=-=-= PAGINATION =-=-=-=-=-=-= */

.woocommerce nav.woocommerce-pagination ul {
    border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: 0;
}
.page-numbers,
.pagination {
    margin-bottom: 0;
    justify-content: center;
}
.page-pagination {
    margin-bottom: 20px;
    clear: both;
    display: block;
    padding-top: 20px;
}
.search-results .pagination{
    margin-top: 80px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.pagination>li>a,
.pagination>li>span {
    color: #ffffff;
    background-color: #425269;
    padding: 10px 20px;
    line-height: 20px;
    margin: 3px;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>li>span.current {
    color: #ffffff;
    background-color: #ffae2e;
}
.blog-navigation .previous-page i {
    margin-right: 5px;
}
.blog-navigation .next-page i {
    margin-left: 5px;
}

/*
**************************************************************
                    BLOG DETAILS DESIGN
**************************************************************
*/

.content-wrapper .entry-footer {
	padding: 12px 0 15px;
	overflow: hidden;
	background: #29313e;
    border-top: 1px solid rgba(255,255,255,.1);
	border-bottom: 1px solid rgba(255,255,255,.1);
    clear: both;
}
.content-wrapper .entry-footer .post-tags,
.content-wrapper .entry-footer .post-share {
    padding: 0 30px;
}
.using-gutenberg.no-single-sidebar .content-wrapper .entry-footer .post-tags,
.using-gutenberg.no-single-sidebar .content-wrapper .entry-footer .post-share {
    padding: 0;
}

/* =-=-=-=-=-=-= POST TAGS =-=-=-=-=-=-= */

.tags-links {
    display: block;
}
.tags-links>i,
.post-share>i {
    margin-right: 5px;
    color: #a0a0a0;
}
.post-share > i {
	position: relative;
	font-size: 15px;
	top: -3px;
}
.single-post .post-share{
    margin-top: 15px;
}
.single-post .post-share > i {
    font-size: 17px;
    margin-right: 10px;
}
.tags-links a {
    color: #ffffff;
    margin-left: 4px;
}
.tags-links a:hover {
    color: #ffae2e;
}

/* =-=-=-=-=-=-= POST SHARE =-=-=-=-=-=-= */

.post-share ul {
    display: inline-block;
    margin-bottom: 0;
    line-height: 15px;
}
.post-share a{
    display: block;
}
.post-share a i {
	color: #b2b2b2;
	font-size: 18px;
	margin-right: 5px;
}
.post-share ul li:last-child i{
    margin-right: 0;
}
.post-share a.facebook:hover i {
    color: #3B5998;
}
.post-share a.twitter:hover i {
    color: #42C8F4;
}
.post-share a.google-plus:hover i {
    color: #E74C3C;
}
.post-share a.linkedin:hover i {
    color: #007AB9;
}
.left-side-share-button .post-share > i{
    display: none;
}
.left-side-share-button .post-share {
	padding-left: 50px;
	padding-top: 50px;
}
.left-side-share-button .post-share > p {
	font-weight: bold;
	font-size: 15px;
}
.left-side-share-button .post-share li {
	float: none;
	display: block;
	margin-bottom: 20px;
}
.left-side-share-button .post-share li a {
	color: #2c3a42;
	line-height: 1.3;
	font-size: 14px;
}
.left-side-share-button .post-share a i{
    color: #f2342b;
    margin-right: 8px;
}
.left-side-share-button .post-share ul li:last-child i{
    margin-right: 8px;
}

/* =-=-=-=-=-=-= SINGLE POST NAVIGATION =-=-=-=-=-=-= */

.single-post-navigation a {
    font-size: 14px;
    color: #ffffff;
}
.single-post-navigation .previous-post-link a i {
    margin-right: 5px;
}
.single-post-navigation .next-post-link {
    text-align: right;
}
.single-post-navigation .next-post-link a i {
    margin-left: 5px;
}
.single-post-navigation a:hover {
    color: #ffae2e;
}
.single-post-navigation {
    padding: 30px;
    background: #29313e;
    margin-bottom: 30px;
}
.single-post-navigation .entry-title{
    line-height: 28px;
    margin: 0;
}
.single-post-navigation .entry-title a{
    font-size: 18px;
}
@media(max-width: 767px){
    .single-post-navigation .next-post-link{
        text-align: left;
        border-top: 1px solid #ececec;
        margin-top: 20px;
        padding-top: 20px;
    }
}

/* =-=-=-=-=-=-=-=-= COMMENTS WRAPPER STYLE =-=-=-=-=-=-=-=-= */

.comments-wrapper {
    margin-top: 20px;
    padding: 30px;
    background: #29313e;
}
.page .comments-wrapper {
    margin-top: 30px;
}
.comments-wrapper .form-submit {
    margin-top: 25px;
    margin-bottom: 0;
    display: inline-block;
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.comments-title {
    margin-bottom: 30px;
}
.blog-wrapper .post-author {
	background: #29313e;
	padding: 50px 30px;
	display: table;
    margin-bottom: 30px;
    color: #fff;
    width: 100%;
}
.blog-wrapper .post-author h3,
.blog-wrapper .post-author a{
    color: inherit;
    transition: .3s ease-in-out;
}
.post-author .media-left {
    padding-right: 20px;
}
.blog-wrapper .post-author img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
.blog-wrapper .post-author .media {
    display: table-row;
}
.blog-wrapper .post-author .media-left,
.blog-wrapper .post-author .media-body {
    display: table-cell;
}
.blog-wrapper .post-author .media-left {
    vertical-align: middle;
}
.blog-wrapper .post-author .media-body {
    vertical-align: middle;
}
.blog-wrapper .post-author .social-link{
    margin-top: 15px;
}
.blog-wrapper .post-author .author-info a{
    text-decoration: underline;
}
.blog-wrapper .post-author .social-link a {
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	margin-right: 13px;
}
.blog-wrapper .post-author .social-link a:hover{
    color: #ffffff;
}
.author-info h3,
.comments-title h3 {
    margin-bottom: 5px;
    margin-top: -5px;
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
}
ul.comment-list {
    padding: 0;
}
ul.comment-list .alert {
    margin-bottom: 15px;
}
ul.comment-list>li {
    list-style: none;
}
ul.comment-list > li.comment .comment-form  .form-submit{
    padding-top: 0;
    padding-bottom: 0;
}
ul.comment-list > li.comment .comment-form p.form-submit{
    border-radius: 0;
}
ul.comment-list>li.pingback {
    margin-bottom: 18px;
    font-weight: 700;
    line-height: 30px;
    background-color: #38404c;
    padding: 10px 20px;
    border-radius: 10px;
}
ul.comment-list>li.pingback a {
    color: #ffffff;
    font-weight: 400;
}
ul.comment-list>li.pingback a:hover {
    color: #ffae2e;
}
ul.comment-list>li>.comment {
    margin-bottom: 40px;
}
ul.comment-list .comment-respond {
    margin-left: 60px;
	margin-bottom: 40px;
    position: relative;
}
.comments-wrapper ul.children>li {
    list-style: none;
}
.comments-wrapper ul.children>li>.comment {
    margin-bottom: 30px;
}
.comments-wrapper .comment-form-cookies-consent input {
    margin-right: 10px;
}
.comments-wrapper .form-submit input[type="submit"] {
    border: none;
    background: none;
    outline: none;
    color: #fff;
    height: 49px;
    padding: 0 28px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
}
@media (max-width: 575px){
    .page .comments-wrapper {
        padding: 10px 15px;
    }
}
@media (max-width: 767px){
    ul.comment-list .comment-respond{
        margin-left: 0;
    }
}

#wp-comment-cookies-consent{
	width: inherit;
    padding: 0;
    height: inherit;
    border: 0;
}

/* =-=-=-=-=-=-= AUTHOR COMMENT =-=-=-=-=-=-=*/

ul.comment-list>li.bypostauthor .comment-content:before,
.comments-wrapper ul.children>li.bypostauthor .comment-content:before {
    content: "";
    width: 20px;
    height: 20px;
    border-top: 10px solid #ffae2e;
    border-left: 10px solid #ffae2e;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.single-post.no-single-sidebar ul.comment-list>li.bypostauthor>.comment,
.single-post.no-single-sidebar .comments-wrapper ul.children>li.bypostauthor>.comment {
    border-left-color: #ffae2e;
}
.comments-wrapper ul.children {
    margin-left: 60px;
    padding: 0;
}
.comment-author {
    position: relative;
}
.comment-author img {
	float: left;
	margin-right: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.15);
}
.media-heading span.author-name {
    margin-right: 10px;
    line-height: 20px;
    display: block;
}
.media-heading h4 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 8px;
    display: inline-block;
}
.media-heading time {
    font-size: 11px;
    color: #b7b7b7;
    margin-top: -6px;
    display: block;
    text-transform: uppercase;
}
.edit-link {
    font-size: 11px;
}
#cancel-comment-reply-link,
.comment-author .comment-reply-login {
    font-size: 13px;
    padding: 0px 10px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    background-color: #425269;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#cancel-comment-reply-link:hover,
.comment-author .comment-reply-login:hover {
    background-color: #ffae2e;
    color: #ffffff;
}
.comment-reply-link{
    position: relative;
    color: #ffffff;
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
}
.comment-reply-link:before{
    content: "\f3e5";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 10px;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
.comment-reply-link:hover{
    color: #ffae2e;
}
.comments-wrapper .media-body {
    margin-left: 60px;
    overflow: hidden;
}
.comment-content{
    position: relative;
    line-height: 26px;
    background-color: #38404c;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 15px;
}
.comment-content p:last-child {
    margin: 0;
}
.comment-replay {
    margin-left: 50px;
}
.form-control:focus {
    outline: none;
    box-shadow: none;
}
.comment-respond .comment-form {
    margin-bottom: 0;
}
.form-allowed-tags {
    margin-bottom: 15px;
    line-height: 20px;
}
.comments-wrapper .comment-form-comment {
    margin-bottom: 10px;
}
.comments-wrapper .form-submit .btn {
    text-transform: uppercase;
    font-weight: 700;
}
.comments-wrapper .comment-form input,
.comments-wrapper .comment-form textarea {
    height: 45px;
    padding: 5px 15px;
    background-color: #313944;
    border: 1px solid #424954;
    border-radius: 3px;
    color: #ffffff;
    width: 100%;
}
@media(min-width: 768px){
    .comments-wrapper .comment-form .comment-form-author,
    .comments-wrapper .comment-form .comment-form-email,
    .comments-wrapper .comment-form .comment-form-url {
        width: -moz-calc(33.333% - 17px);
        width: -webkit-calc(33.333% - 17px);
        width: calc(33.333% - 17px);
        display: inline-block;
        margin: 10px 10px 10px;
    }
    .comments-wrapper .comment-form .comment-form-author{
        margin-left: 0;
    }
    .comments-wrapper .comment-form .comment-form-url{
        margin-right: 0;
    }
}
.comments-wrapper .comment-form .comment-form-comment textarea {
    height: 120px;
}
.comment-respond .comment-form label {
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .comments-wrapper .media-body {
        margin-left: 0;
    }
    .comments-wrapper ul.children {
        padding-left: 0;
        margin-left: 15px;
    }
}
.logged-in-as a{
    color: #ffffff;
    font-weight: 400;
}

/* =-=-=-=-=-=-= COMMENT NAVIGATION =-=-=-=-=-=-= */

.navigation.comment-navigation {
    padding: 25px 0 0;
    margin-bottom: 30px;
}
.navigation .comment-navigation {
    padding: 0;
}

.comment-navigation{
    margin-bottom: 0;
}
.comment-navigation li{
    list-style: none;
    display: inline-block;
}
.comment-navigation li i{
    font-size: 11px;
}
.comment-navigation li.next{
    float: right;
}
.comment-navigation li.next i{
    margin-left: 5px;
}
.comment-navigation li a {
	color: #ffffff;
	background-color: #425269;
	padding: 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
}
.comment-navigation li a:hover {
    background-color: #ffae2e;
    color: #ffffff;
}

.no-single-sidebar.using-gutenberg .single-post-navigation,
.no-single-sidebar.using-gutenberg .comments-wrapper{
    background-color: #343d48;
}

/*
**************************************************************
                        All WIDGET STYLE
**************************************************************
*/

/* =-=-=-=-=-=-= RECENT COMMENT WIDGET =-=-=-=-=-=-= */

.tt-recent-comments .comment-content {
    padding: 0;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none;
}
.tt-recent-comments .media {
    margin: 0 0 20px;
}
.tt-recent-comments .media .media-left {
    margin-right: 10px;
    height: 70px;
}
.tt-recent-comments .media:last-child {
    margin: 0;
}
.tt-recent-comments .comment-content ul {
    padding: 0;
}
.tt-recent-comments .comment-content li:last-child {
    margin-right: 0;
}
.tt-recent-comments .comment-content .comment-title {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 20px;
}
.tt-recent-comments .comment-content .comment-title a {
    color: #ffffff;
}
.tt-recent-comments .comment-content .comment-title a:hover {
    color: #ffae2e;
}
.tt-recent-comments .comment-content .entry-meta {
    margin-bottom: 0;
}
.tt-recent-comments .author-avatar img {
    max-width: inherit;
    position: relative;
    border-radius: 2px;
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

/* =-=-=-=-=-=-= POPULAR POST WIDGET =-=-=-=-=-=-= */

.nav-tabs {
    border-color: #eeeeee;
}
.nav-tabs>li>a {
    background-color: #f2f2f2;
    border-radius: 0;
    border-color: #eeeeee;
    margin: 0 -1px -1px;
    padding: 10px 30px;
    font-size: 16px;
    color: #ffffff;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #ffffff;
    color: #ffae2e;
    border-color: #eeeeee #eeeeee transparent;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    border-color: #eeeeee;
    color: #ffae2e;
}
.tab-content {
    margin-top: 20px;
}
.tt-popular-post h4 {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
}
.tt-popular-post h4 span {
    color: #afafaf;
    font-weight: 400;
}
.tt-popular-post h4 a {
    color: #ffffff;
}
.tt-popular-post h4 a:hover {
    color: #ffae2e;
}
.tt-popular-post .media {
    margin: 0 0 5px;
}
.tt-popular-post .media:last-child {
    margin: 0;
}
.tt-popular-post .media img {
    max-width: inherit;
}

/* =-=-=-=-=-=-= AUTHOR INFO WIDGET =-=-=-=-=-=-= */

.author-info-wrapper {
    background-color: #f4f4f4;
    padding: 30px;
    text-align: center;
}
.side .author-info-wrapper{
    background-color: transparent;
}
.author-info-wrapper .author-avatar {
    margin-bottom: 20px;
}
.author-info-wrapper .author-avatar img {
    border-radius: 50%;
    height: auto;
}
.author-info-wrapper h4 {
    font-size: 16px;
    text-transform: uppercase;
}
.author-info-wrapper .author-social-links li a {
    border-color: #e0e0e0;
    color: #c7c7c7;
}
.author-social-links {
    margin-top: 25px;
}

/* =-=-=-=-=-=-= NEWSLETTER WIDGET =-=-=-=-=-=-= */

.widget_mc4wp_form_widget .mc4wp-form {
    margin-bottom: 0;
}
.widget_mc4wp_form_widget .form-group {
    margin-bottom: 15px;
}
.widget_mc4wp_form_widget .form-control {
    height: 55px;
    color: #ffffff;
    border: 0;
    margin-bottom: 10px;
}
.widget_mc4wp_form_widget input[type="email"]:focus {
    background-color: rgba(255, 255, 255, .1);
}
.widget_mc4wp_form_widget input[type="text"] {
    background-color: rgba(255, 255, 255, .15);
}
.widget_mc4wp_form_widget input[type="submit"] {
    background-color: #f00e01;
    cursor: pointer;
    position: relative;
}
.widget_mc4wp_form_widget input[type="submit"]:hover {
    opacity: .85;
}

/* =-=-=-=-=-=-= WIDGET SEARCH FORM =-=-=-=-=-=-= */

.search-form {
    position: relative;
}
.search-form button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: 0;
    color: #c1c1c1;
    font-size: 15px;
    line-height: 43px;
    cursor: pointer;
    padding: 0 15px;
}

.search-form button::before,
.search-form button::after{
    display: none;
}
.search-form button:hover {
    color: #CBCBCB;
}


/* =-=-=-=-=-=-= CALENDER WIDGET =-=-=-=-=-=-= */

.widget_calendar table,
.widget_calendar table>thead>tr>th {
    text-align: center;
}
.widget_calendar table caption {
	text-align: center;
	padding-bottom: 0;
    color: #fff;
}
.footer-sidebar .widget_calendar table caption {
    color: #ffffff;
}

/*
**************************************************************
                         PAGE STYLE
**************************************************************
*/

.page-pagination a {
    color: #ffffff;
    background-color: #425269;
    padding: 0px 8px;
    border-radius: 3px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
}
.page-pagination a:hover {
    background-color: #ffae2e;
    color: #ffffff;
}
.page-pagination>span {
    color: #ffffff;
    background-color: #ffae2e;
    padding: 0px 8px;
    border-radius: 3px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
}
.page-pagination .page-links-title {
    color: inherit;
    background-color: transparent;
    padding-left: 0;
}

/* =-=-=-=-=-=-= 404 PAGE =-=-=-=-=-=-= */

.error-page-wrapper {
    padding: 110px 0;
}
.not-found-icon i {
    font-size: 200px;
    color: #e6e6e6;
    margin-top: 30px;
}
.error-message h2 {
    font-size: 100px;
    line-height: 100px;
    color: #ffae2e;
}
.error-message h3 {
    text-transform: uppercase;
    margin-bottom: 3px;
}
.error-message i {
    margin-right: 5px;
}
@media (max-width: 767px) {
    .not-found-icon {
        margin-bottom: 30px;
    }
    .not-found-icon i {
        font-size: 150px;
    }
    .error-message {
        text-align: center;
    }
}

/* =-=-=-=-=-=-= CONTACT FORM SECTION =-=-=-=-=-=-= */

/*Contact from exta field*/
.main-contact-form{
    padding: 60px 70px 0;
    background-color: #ffae2e;
    color: #212121;
    font-family: Source Serif Pro;
    overflow-y: auto;
    height: 100vh;
    margin-right: -20px;
    overflow-x: hidden;
}
@media(max-width: 1399px){
    .main-contact-form{
        padding: 40px;
        min-height: 920px;
    }
}
@media(max-width: 991px){
    .main-contact-form{
        height: inherit;
        overflow-y: inherit;
        margin-right: 0;
    }
}
@media(max-width: 767px){
    .main-contact-form{
        padding: 30px 30px 0;
    }
}
.main-contact-form hr{
    margin-left: -70px;
    margin-right: -70px;
    margin-top: 50px;
    margin-bottom: 50px;
    border-top: 1px solid rgba(0,0,0,.1);
}
.main-contact-form br{
    display: none;
}
input.hideradio {
    visibility: hidden;
    position: absolute;
}
.wpcf7-ttradio {
    margin-bottom: 30px;
}
.wpcf7-ttradio label{
    margin-right: 20px;
}
.wpcf7-ttradio label:last-child{
    margin-right: 0;
}
.wpcf7-ttradio label > input + span{
    cursor: pointer;
}
.wpcf7-ttradio label > input:checked + span{
    background-color: #fff;
}
.wpcf7-ttradio span{
    display: block;
}
.wpcf7-ttradio span.ttradio-title{
    font-size: 36px;
    font-weight: 700;
    font-family: Niramit;
    padding: 20px 10px;
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    color: #212121;
    min-width: 100px;
    margin-bottom: 10px;
}
.wpcf7 p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}
.main-contact-form > label{
    margin-bottom: 30px;
}
div.wpcf7 label{
    display: block;
    font-weight: 600;
    font-size: 16px;
}
div.wpcf7 .wpcf7-ttradio label {
    text-align: center;
    display: inline-block;
}
.ttradio-subtitle {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.wpcf7 textarea {
    min-height: 150px;
}
.wpcf7-form-control,
.wpcf7 textarea {
    background-color: rgba(0, 0, 0, 0.08);
    border: 0;
    border-radius: 4px;
    margin-top: 15px;
    padding: 10px 15px;
    width: 100%;
}
.wpcf7-form-control {
    height: 55px;
}
.wpcf7-form-control.wpcf7-submit {
    background-color: #141a23;
    color: #fff;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    padding: 10px 30px;
    cursor: pointer;
    width: inherit;
    margin-bottom: 50px;
}
.wpcf7 span.wpcf7-not-valid-tip {
    position: relative;
    top: 5px;
    color: #ff0000;
    text-align: left;
    font-size: 11px;
    background-color: #ECECEC;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
    z-index: 1;
}
.wpcf7 span.wpcf7-not-valid-tip::before {
    position: absolute;
    top: -5px;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ECECEC;
    z-index: -1;
}
.wpcf7 div.wpcf7-validation-errors {
    border: 0;
    font-weight: 600;
    color: #EF4836;
    margin-top: 10px;
    background: rgba(255, 255, 255, .8);
    padding: 10px;
    border-radius: 4px;
}
.wpcf7-mail-sent-ng {
    border-radius: 4px;
}

/*
**************************************************************
                VISUAL COMPOSER STYLES
**************************************************************
*/

.vc_tta-tabs-position-top.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a,
.vc_tta-tabs-position-bottom.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {
    border-color: #e1e1e1 !important;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list,
.vc_tta-tabs-position-bottom .vc_tta-tabs-list {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list>li,
.vc_tta-tabs-position-top .vc_tta-tabs-list>li {
    display: table-cell !important;
    width: 1%;
    margin: 0 !important;
    padding-right: 0 !important;
}
.vc_tta-style-ultra-classic.vc_tta-tabs-position-top .vc_tta-tabs-list>li,
.vc_tta-style-ultra-classic.vc_tta-tabs-position-top .vc_tta-tabs-list>li {
    vertical-align: middle;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list>li:last-child,
.vc_tta-tabs-position-bottom .vc_tta-tabs-list>li:last-child {
    padding-right: 0 !important;
}
.vc_tta-tabs-position-top .vc_tta-tab>a,
.vc_tta-tabs-position-bottom .vc_tta-tab>a {
    padding: 6px 20px !important;
    font-weight: 700;
    color: #ffffff !important;
    bottom: -1px;
    text-align: center;
}
.vc_tta-tabs-position-top .vc_tta-tab>a:hover,
.vc_tta-tabs-position-top .vc_tta-tab>a:focus,
.vc_tta-tabs-position-top .vc_tta-tab.vc_active>a,
.vc_tta-tabs-position-bottom .vc_tta-tab>a:hover,
.vc_tta-tabs-position-bottom .vc_tta-tab>a:focus,
.vc_tta-tabs-position-bottom .vc_tta-tab.vc_active>a {
    background-color: #ffae2e !important;
    color: #fff !important;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:hover,
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    border-color: #ffae2e !important;
}
.wpb-js-composer .vc_tta-color-pink .vc_tta-tab>a {
    border: none !important;
    background-color: #d90d00 !important;
    color: #ffffff !important;
}
.wpb-js-composer .vc_tta-color-pink .vc_tta-tab>a:hover,
.wpb-js-composer .vc_tta-color-pink .vc_tta-tab.vc_active>a {
    border: none !important;
    background-color: #a90a00 !important;
}
.wpb-js-composer .vc_tta-style-flat .vc_tta-tab {
    border-right: 1px solid rgba(255, 255, 255, .2) !important;
}
.wpb-js-composer .vc_tta-style-flat .vc_tta-tab:last-child {
    border-right: none !important;
}
.wpb-js-composer .vc_tta-style-flat .vc_tta-tabs-list {
    border-bottom: none !important;
}
.wpb-js-composer .vc_tta-style-flat .vc_tta-tab>a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 14px;
    font-weight: 500;
}
.transparent .vc_tta-panel-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 767px) {
    .transparent .vc_tta-panel-body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}
/*Tab ultra classic style*/
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tabs-container,
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tabs-list {
    overflow: visible !important;
    border: 0 !important;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab {
    position: relative;
    padding-right: 0 !important;
    border-style: solid;
    border-color: #eaeaea transparent #eaeaea #eaeaea;
    border-width: 1px;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:last-child {
    border-right-color: #eaeaea;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a {
    border: 0 !important;
    transition: inherit !important;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active,
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:hover {
    border-color: #ffae2e;
    background-color: #ffae2e;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:hover a,
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active>a {
    background-color: #ffae2e;
    color: #ffffff;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid;
    border-top-color: #ffae2e;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a {
    padding: 10px 20px !important;
    bottom: 0;
    margin-right: -1px;
    font-weight: 400 !important;
}
@media(max-width: 991px) {
    .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a {
        padding: 10px !important;
    }
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel-body {
    padding: 45px 0 0;
}
@media(max-width: 767px) {
    .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel-title>a {
        border: 1px solid #eaeaea;
    }
    .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
    .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel .vc_tta-panel-title>a:hover {
        background-color: #ffae2e;
        color: #ffffff;
    }
}
/* PROGRESS BAR */
.section-wrapper .vc_progress_bar .vc_single_bar {
    height: 8px;
    margin-bottom: 50px;
    background-color: #39404a;
    border-radius: 10px;
}
.section-wrapper .vc_progress_bar.vc_progress-bar-color-bar_orange .vc_single_bar .vc_label{
    color: #d0d0d0;
}
.vc_progress_bar .vc_single_bar .vc_label {
    text-shadow: none !important;
    top: -30px;
    padding: 0 !important;
    font-weight: 400;
    font-size: 100%;
}
.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
    float: right;
}
.section-wrapper .vc_progress_bar .vc_single_bar .vc_bar {
    border-radius: 10px;
}
.vc_progress_bar.vc_progress-bar-color-bar_orange .vc_single_bar .vc_bar{
    background-color: #2c3139;
}
.vc_tta-tabs-position-left .vc_tta-tabs-list,
.vc_tta-tabs-position-right .vc_tta-tabs-list {
    width: 100%;
}
.vc_tta-tabs-position-left .vc_tta-tabs-list li a,
.vc_tta-tabs-position-right .vc_tta-tabs-list li a {
    font-size: 15px;
    font-weight: 600;
    padding: 7px 20px !important;
}
.vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab>a:hover,
.vc_tta-tabs-position-right .vc_tta-tabs-list .vc_tta-tab>a:hover,
.vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab.vc_active>a,
.vc_tta-tabs-position-right .vc_tta-tabs-list .vc_tta-tab.vc_active>a {
    background-color: #ffae2e !important;
    color: #ffffff !important;
}
.vc_tta-tabs-position-left .vc_tta-panel-body h2,
.vc_tta-tabs-position-right .vc_tta-panel-body h2 {
    line-height: 48px;
}
.vc_column_container>.vc_column-inner {
    position: relative;
    z-index: 1;
}
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 30px;
}
.vc_btn3.vc_btn3-size-md {
    padding: 14px 28px !important;
    border: 0;
}
.vc_btn3.vc_btn3-style-custom {
    background-image: none;
    filter: none;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
    z-index: 1;
}
.vc_btn3.vc_btn3-style-custom:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .15);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.vc_btn3.vc_btn3-style-custom:hover:before {
    opacity: 1;
}
.vc_general.vc_btn3 {
    border: none !important;
}
.vc_btn3.vc_btn3-style-custom.vc_btn3-size-lg.vc_btn3-icon-left,
.vc_btn3.vc_btn3-style-custom.vc_btn3-size-lg.vc_btn3-icon-right {
    height: 75px;
    padding: 25px 15px !important;
    font-weight: 500;
    font-size: 17px !important;
    border-bottom: 5px solid rgba(0, 0, 0, .3) !important;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-style-custom {
    padding: 13px 30px !important;
}
.vc_btn3.vc_btn3-shape-rounded.vc_btn3-style-custom {
    border-radius: 3px;
}
.vc_btn3.vc_btn3-size-md:hover {
    border: 0;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
    padding-left: 48px !important;
}
/* CUSTOM BUTTON STYLE */
.vc_btn3-color-theme_primary_color {
    background-color: #ffae2e !important;
    color: #fff !important;
}
.vc_btn3-color-theme_primary_color:hover {
    background-color: #da0c01 !important;
}
.vc_btn3-color-theme_orange_color {
    background-color: #ffa500 !important;
    color: #fff !important;
}
.vc_btn3-color-theme_orange_color:hover {
    background-color: #f5a002 !important;
}
/*ACCORDION STYLE*/
.vc_tta-accordion .vc_tta-panel-title {
    font-weight: 400;
    font-size: 15px;
    position: relative;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    padding: 18px 20px;
}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #ffae2e !important;
}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title>a i.vc_tta-controls-icon-chevron::before {
    border-color: #ffae2e !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title::after {
    content: "";
    height: 2px;
    width: 20px;
    background-color: #ffffff;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 20px;
    z-index: 100;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #ffae2e;
    color: #ffffff !important;
    border-color: #ffae2e;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    padding-top: 25px;
    padding-bottom: 30px;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-width: 0 !important;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-body {
    border-width: 1px !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #ffffff !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #eaeaea;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-body,
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #ffae2e;
}
.vc_tta .vc_tta-controls-icon {
    height: 10px !important;
    width: 10px !important;
}
.vc_general.vc_cta3.vc_cta3-actions-bottom .vc_cta3-content {
    margin-bottom: 40px !important;
}
.vc_tta.vc_tta-shape-round .vc_tta-tabs-list {
    border-bottom: 0 !important;
}
/*TOGGLE STYLE*/
.vc_toggle {
    border: 1px solid #f0f0f0;
    margin: 0 0 -1px !important;
}
.vc_toggle_title {
    padding: 10px 10px 10px 50px !important;
}
.vc_toggle_title>h4 {
    font-weight: 400;
}
.vc_toggle .vc_toggle_icon {
    margin-left: 15px !important;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {
    border-color: #eaeaea !important;
}

/*
**************************************************************
                    ALL SHORTCODE STYLES
**************************************************************
*/

/* =-=-=-=-=-=-=-=-=-=-=-= SECTION TITLE =-=-=-=-=-=-=-=-=-=-=-= */

.section-intro {
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 0;
	color: #212121;
	margin-bottom: 0;
	font-family: 'Source Serif Pro', serif;
	position: relative;
}
.section-intro span.line {
	height: 1px;
	width: 40px;
	background-color: #212121;
	display: inline-block;
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.section-intro span.line.before-subtitle{
    left: 0;
}
.section-intro span.line.after-subtitle{
    right: 0;
}
.section-title {
    text-transform: capitalize;
    word-wrap: break-word;
    font-size: 80px;
    line-height: 1.1;
    margin-bottom: 50px;
    margin-left: -100px;
    position: relative;
    z-index: 2;
}
body:not(.header-left-menu) .padding-left-0 .container-fullwidth .section-title,
body:not(.header-left-menu) .padding-left-15 .container-fullwidth .section-title,
body:not(.header-left-menu) .padding-left-30 .container-fullwidth .section-title,
body:not(.header-left-menu) .padding-left-50 .container-fullwidth .section-title,
body:not(.header-left-menu) .padding-left-100 .container-fullwidth .section-title{
    margin-left: 0;
}
.section-title i {
	transform: scale(.7);
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
}
.section-title span {
    color: #ffae2e;
}
.section-sub {
    font-size: 16px;
    line-height: 28px;
    position: relative;
}
.section-sub.has-separator {
    margin-left: 100px;
}
@media(max-width: 1399px){
    .section-title{
        font-size: 65px;
    }
    .section-sub.has-separator{
        margin-left: 0;
    }
    .header-default .section-title,
    .header-transparent .section-title,
    .header-fullwidth-menu .section-title {
        margin-left: 0;
    }
}
.section-sub span.separator{
    width: 80px;
    height: 5px;
    display: block;
    background-color: #ffae2e;
    position: absolute;
    left: -100px;
    top: 12px;
}
.text-right .section-sub,
.text-left .section-sub {
    width: inherit;
}
.text-left .section-sub p{
    margin-bottom: 0;
}
@media(max-width: 1199px){
    .section-title{
        margin-left: 0;
    }
    .section-sub span.separator{
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .section-sub {
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .section-title{
        font-size: 50px;
    }
}

/* =-=-=-=-=-=-=-=-=-=-=-= HERO STYLE =-=-=-=-=-=-=-=-=-=-=-= */

.tt-hero-wrapper{
    position: relative;
}
.tt-hero{
    padding-top: 140px;
    margin: 0 auto;
    max-width: 55%;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
    height: 100vh;
    left: 210px;
}
.tt-hero h2{
    font-size: 120px;
    line-height: 130px;
}
.tt-hero h2 span{
    display: block;
}
.tt-hero h2 span:last-child{
    margin-left: 105px;
}
/* Hero Style Two
--------------------------------*/
.static-hero.style-two .tt-hero-info{
    padding: 45px 40px;
}
.static-hero.style-two .tt-hero-info h2{
    font-size: 80px;
    color: #000000;
    line-height: 1;
    margin: 0;
}
.static-hero.style-two .tt-hero-info .tt-designation{
    color: #000000;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.portfolio-link{
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}
.static-hero .portfolio-link{
    text-align: left;
    left: 110px;
}
.image-inner-wrap{
    left: -295px;
    width: 580px;
    height: 685px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.image-inner-wrap img{
    position: relative;
}
.scrolled .image-inner-wrap{
    width: 615px;
    height: 860px;
}
.person-image-wrap .image-inner-wrap::before{
    content:"";
    background-color: #000;
    opacity: 0.25;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.section-title-large{
    font-size: 213px;
    font-weight: 900;
    line-height: 1.1;
    color: #ffffff;
    white-space: nowrap;
    opacity: 0.03;
    position: relative;
    z-index: 1;
    margin-left: 50px;
}
@media(max-width: 1399px){
    .section-title-large{
        font-size: 160px;
        margin-left: 145px;
    }
}
@media(max-width: 767px){
    .section-title-large{
        font-size: 100px;
    }
}
#fullpage-wrapper .section-title-large{
    visibility: hidden;
    opacity: 0;
    margin-left: -110px;
    min-height: 235px;
}
.fullpage-current-section #fullpage-wrapper .section-title-large{
    visibility: visible;
    opacity: 0.03;
}
.tt-hero-wrapper .section-title-large{
    left: 30%;
    margin-top: 100px;
}
.tt-hero-wrapper.static-hero .section-title-large{
    left: 0;
    margin-left: 0;
    margin-top: 140px;
}
.tt-hero-wrapper.static-hero.style-two .section-title-large {
    color: #000;
    position: absolute;
    bottom: 20px;
    opacity: 0.1;
    left: 30%;
}
@media(max-width: 1399px){
    .tt-hero-wrapper .section-title-large {
        left: 0;
        margin-top: 0;
    }
    .tt-hero-wrapper.static-hero.style-two .section-title-large {
        left: 30%;
    }
}
.tt-about{
    max-width: 80%;
    padding-top: 100px;
}
.tt-about h2{
    font-size: 80px;
    line-height: 1.1;
    margin-bottom: 50px;
    margin-left: -100px;
}
body:not(.header-left-menu) .padding-left-0 .container-fullwidth .tt-about h2,
body:not(.header-left-menu) .padding-left-15 .container-fullwidth .tt-about h2,
body:not(.header-left-menu) .padding-left-30 .container-fullwidth .tt-about h2,
body:not(.header-left-menu) .padding-left-50 .container-fullwidth .tt-about h2,
body:not(.header-left-menu) .padding-left-100 .container-fullwidth .tt-about h2{
    margin-left: 0;
}
.tt-about h3{
    font-family: 'Niramit', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #ffae2e;
}
.tt-about p{
    font-size: 18px;
}
.resume-link{
    margin-top: 50px;
}
@media(max-width: 1400px){
    .image-inner-wrap{
        left: -390px;
        width: 530px;
        height: 650px;
    }
    .scrolled .image-inner-wrap {
        width: 550px;
        height: 750px;
    }
}
@media(max-width: 1200px){
    .tt-hero{
        max-width: 100%;
    }
    .person-image-wrap{
        left: -305px;
        min-height: 0 !important;
    }
    .person-image-wrap .ttStickySidebar{
        position: static !important;
        width: inherit !important;
        transform: translateY(0) !important;
    }
    .image-inner-wrap{
        left: 0;
        -webkit-transform: translate3d(0.01px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) !important;
                transform: translate3d(0.01px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) !important;
    }
    .tt-hero-wrapper .tt-about{
        margin-right: -webkit-calc( -100vw / 2 + 100% / 2);
        margin-right: calc( -100vw / 2 + 100% / 2);
        max-width: 100vw;
        padding-bottom: 100px;
        padding-top: 0;
    }
}
/*Fullpage section*/
#fullpage-wrapper,
#fullpage-wrapper .section-wrapper{
    height: 100vh;
}
#fullpage-wrapper .pp-scrollable {
    overflow-y: auto;
    overflow-x: hidden;
}
.static-hero .tt-hero {
    left: 0;
    max-width: inherit;
    height: inherit;
}
.static-hero.style-two .tt-hero{
    height: 100vh;
}
.static-hero.style-two .tt-hero-info{
    position: absolute;
    bottom: 0;
    left: 100px;
    background-color: #ffae2e;
    z-index: 2;
}
.header-left-menu .static-hero.style-two .tt-hero-info{
    left: -100px;
}
.static-hero .image-inner-wrap {
    left: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.static-hero .image-inner-wrap::before {
    content: "";
    background-color: #000;
    opacity: 0.25;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.static-hero-content .section-title-large {
    margin-top: 0;
    left: 0;
    margin-left: 50px;
}
.tt-hero-content{
    padding-bottom: 50px;
    padding-right: 10px;
}
.tt-hero-content h2 {
    font-size: 80px;
    line-height: 1.1;
    margin-bottom: 50px;
    margin-left: -100px;
}
.tt-hero-content h3 {
    font-family: 'Niramit', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #ffae2e;
}
.tt-hero-content p {
    font-size: 18px;
}
@media(min-width: 1400px){
    .static-hero .tt-hero {
        padding: 160px 0;
    }
    .person-image-wrap{
        overflow: hidden;
        max-height: 90vh;
    }
    .person-image-wrap img{
        width: 100%;
    }
}
@media(max-width: 1399px){
    .static-hero-content .section-title-large{
        margin-left: 145px;
    }
    .header-left-menu .static-hero.style-two .tt-hero-info{
        left: 0;
    }
    .tt-hero-content h2 {
        font-size: 65px;
    }
    .header-default .tt-hero-content h2,
    .header-transparent .tt-hero-content h2,
    .header-fullwidth-menu .tt-hero-content h2 {
        margin-left: 0;
    }
}
@media(max-width: 1199px){
    .header-left-menu .static-hero.style-two .tt-hero-info{
        left: 0;
    }
    .tt-hero-content{
        padding-right: 0;
    }
    .tt-hero-content h2{
        margin-left: 0;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .static-hero .image-inner-wrap {
        left: 0;
        text-align: center;
        margin: 0 auto;
    }
}
@media(max-width: 767px){
    .tt-hero{
        max-width: 100%;
        text-align: center;
    }
    .style-two .tt-hero{
        text-align: left;
    }
    .tt-hero h2 span:last-child{
        margin-left: 0;
    }
    .person-image-wrap{
        display: none;
    }
    .static-hero .tt-hero{
        padding: 80px 0;
    }
    .tt-hero h2 span {
        font-size: 90px;
        line-height: 1.2;
    }
    .static-hero.style-two .tt-hero-info h2{
        font-size: 50px;
    }
    .static-hero .portfolio-link{
        left: inherit;
        text-align: center;
    }
    .static-hero .image-inner-wrap {
        display: none;
    }
    .tt-hero-wrapper .section-title-large {
        display: none;
    }
    .tt-hero-wrapper .tt-hero-content{
        padding: 100px 0;
    }
    .tt-hero-content h2{
        margin-left: 0;
        font-size: 50px;
        margin-bottom: 30px;
    }
    .static-hero.style-two .tt-hero-info{
        left: 0;
    }
}
@media(max-width: 575px){
    .tt-hero h2 span {
        font-size: 70px;
    }
    .static-hero.style-two .tt-hero-info{
        padding: 25px 30px;
        width: 100%;
    }
    .static-hero.style-two .tt-hero-info h2{
        font-size: 40px;
    }
}

/* =-=-=-=-=-=-= POPUP STYLE =-=-=-=-=-=-= */

.tt-popup-wrapper {
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.tt-popup-wrapper img {
    width: 100%;
}
.tt-popup-wrapper.translate-boxshadow:hover,
.tt-popup-wrapper.translate:hover {
    margin-top: -10px;
    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .5);
}
.tt-popup-wrapper.translate-boxshadow:hover {
    -webkit-box-box-shadow: 0 4px 32px 0 rgba(53, 53, 53, .3);
    box-shadow: 0 4px 32px 0 rgba(53, 53, 53, .3);
}
.tt-popup-wrapper .popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.tt-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.tt-popup i {
    background-color: rgba(255, 255, 255, .3);
    padding: 12px 30px;
    font-size: 20px;
    color: #ffffff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.tt-popup-wrapper.default-icon .tt-popup i {
    padding: 0;
    background-color: transparent;
    font-size: 50px;
}
.tt-popup-wrapper.default-icon .tt-popup i:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.tt-popup-wrapper.default-icon:hover .tt-popup i {
    background-color: transparent;
}
.tt-popup-wrapper.style-two .tt-popup i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;
    border-radius: 50%;
    background-color: #ffffff;
    color: #000000;
}
.tt-popup-wrapper:hover .tt-popup i {
    background-color: #ffae2e;
}
.tt-popup-wrapper.style-two:hover .tt-popup i {
    color: #ffffff;
}
@media (max-width: 767px) {
    .tt-popup-wrapper {
        margin-bottom: 30px;
    }
}

/* =-=-=-=-=-=-=-=-=-=-=-= ICON BLOCK STYLE =-=-=-=-=-=-=-=-=-=-=-= */

.icon-block {
    margin-bottom: 30px;
}
.icon-block:hover .service-box-shadow {
    -moz-box-shadow: 8.5px 14.722px 49px 0px rgba(0, 6, 12, 0.12);
    -webkit-box-shadow: 8.5px 14.722px 49px 0px rgba(0, 6, 12, 0.12);
    box-shadow: 8.5px 14.722px 49px 0px rgba(0, 6, 12, 0.12);
}
.service-box-shadow {
    transition: all .3s;
}
.service-read-more a {
    color: #999999;
    font-size: 12px;
    font-family: 'Source Serif Pro', serif;
    text-transform: uppercase;
    font-weight: 600;
}
/*Icon Default Style*/
.icon-block.icon-default .tt-icon {
    margin-bottom: 15px;
}
.icon-block .tt-icon i {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    display: inline-block;
}
.icon-block i.gradient,
.icon-block i.gradient-custom {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.icon-block:hover .tt-icon.icon-hover-default i {
    border: 1px solid transparent;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.icon-block:hover .tt-icon.icon-hover-default i {
    background-color: #ffae2e !important;
    color: #ffffff;
}
/* Icon Position
------------------------------------------- */
/*icon position left*/
.icon-block.icon-position-left .tt-icon {
    float: left;
    margin-right: 20px;
}
.icon-block.icon-position-left .tt-content {
    overflow: hidden;
}
@media (max-width: 991px){
    .icon-block.icon-position-left .tt-icon{
        float: none;
    }
}
/*icon position center*/
.icon-block.icon-position-center .tt-icon {
    float: none;
    text-align: center;
    margin-bottom: 25px;
}
.icon-block.icon-position-center .tt-icon img {
    margin: 0 auto;
}
.icon-block.icon-position-center .tt-content {
    text-align: center;
}
/*icon position top left*/
.icon-block.icon-position-top-left .tt-icon {
    float: none;
    text-align: left;
}
/*icon postition right*/
.icon-block.icon-position-right .tt-icon {
    float: right;
    text-align: right;
    margin-left: 20px;
}
.icon-block.icon-position-right .tt-content {
    text-align: right;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .icon-block.icon-position-right .tt-icon {
        float: left;
        text-align: left;
        margin-right: 20px;
        margin-left: 0;
    }
    .icon-block.icon-position-right .tt-content {
        text-align: left;
    }
}
.icon-block i {
    font-size: 28px;
}
.icon-block h3 {
    font-size: 28px;
    font-weight: 700;
    position: relative;
}
.icon-block p{
    font-size: 18px;
}
.icon-block .tt-icon a,
.icon-block h3 a {
    color: #202020;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.icon-block .tt-icon a:hover,
.icon-block h3 a:hover{
    opacity: .7;
}
.icon-block h3 a:hover {
    color: #ffae2e;
}
.tt-icon.flat-icon i {
    display: inline-block;
}
.icon-block.icon-default .tt-icon i {
    font-size: 60px;
}
.icon-block .tt-icon a.theme-color,
.icon-block h3.theme-color,
.icon-block h3 a.theme-color {
    color: #ffae2e;
}
/* Icon Shape
------------------------------------------- */
.icon-block.icon-square .tt-icon i,
.icon-block.icon-round .tt-icon i,
.icon-block.icon-circle .tt-icon i {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}
/*Square Icon*/
.icon-block.icon-square .tt-icon i {
    line-height: 70px;
}
/*Round Icon*/
.icon-block.icon-round .tt-icon i {
    line-height: 70px;
    border-radius: 4px;
}
/*Circle Icon*/
.icon-block.icon-circle .tt-icon i {
    line-height: 68px;
    border-radius: 50%;
}
.icon-block.icon-square .tt-icon i,
.icon-block.icon-round .tt-icon i,
.icon-block.icon-circle .tt-icon i {
    border: 1px solid #e2e2e2;
}
/*Theme Color Icon Style*/
.icon-block.icon-square .tt-icon i.theme-color,
.icon-block.icon-round .tt-icon i.theme-color,
.icon-block.icon-circle .tt-icon i.theme-color {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.icon-block.icon-square:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-round:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-circle:hover .tt-icon.icon-hover-default i.theme-color {
    border: 1px solid #ffae2e;
}
.icon-block.icon-square:hover .tt-icon.icon-hover-white i,
.icon-block.icon-round:hover .tt-icon.icon-hover-white i,
.icon-block.icon-circle:hover .tt-icon.icon-hover-white i {
    border: 1px solid #ffffff;
}
.icon-block.icon-square:hover .tt-icon.icon-hover-black i,
.icon-block.icon-round:hover .tt-icon.icon-hover-black i,
.icon-block.icon-circle:hover .tt-icon.icon-hover-black i {
    border: 1px solid #202020;
}
/* Outline icon block style */
.row.bg-block{
    margin: 0;
}
#fullpage-wrapper .row.bg-block{
    overflow-y: auto;
    overflow-x: hidden;
}
.bg-block .icon-block-grid {
    padding: 0;
}
.bg-block .icon-block-grid:nth-child(odd) .icon-block {
    background-color: #eb9001;
}
.bg-block .icon-block-grid:nth-child(even) .icon-block {
    background-color: #ffae2e;
}
@media (min-width: 576px){
    .icon-block-wrapper.two-column.bg-block .icon-block-grid .icon-block{
        background-color: #ffae2e;
        position: relative;
        z-index: 1;
    }
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid .icon-block::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.06);
        z-index: -1;
    }
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(2) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(3) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(6) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(7) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(10) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(11) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(14) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(15) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(18) .icon-block::before,
    .icon-block-wrapper.two-column.bg-block.diffrent-bg .icon-block-grid:nth-child(19) .icon-block::before{
        content: none;
    }
}
.bg-block .icon-block {
    height: 100%;
    padding: 104px 25px 55px;
}
.bg-block .icon-block h3,
.bg-block .icon-block {
    color: #191919;
}
@media only screen and (max-width: 767px) {
    .icon-block {
        margin-bottom: 30px !important;
    }
}
@media(min-width: 1401px){
    .bg-block .icon-block{
        padding: 125px 25px 65px;
    }
}
@media(max-width: 1400px){
    .icon-block h3 {
        font-size: 25px;
    }
    .bg-block .icon-block {
        padding: 85px 25px 35px;
    }
    .icon-block.icon-position-center .tt-icon {
        margin-bottom: 25px;
    }
    .icon-block.icon-default .tt-icon i {
        font-size: 40px;
    }
}

/* =-=-=-=-=-=-=-=-=-=-=-= PORTFOLIO STYLE =-=-=-=-=-=-=-=-=-=-=-= */

.project-carousel .swiper-wrapper {
    -webkit-transition: 0.8s cubic-bezier(.79,.36,.29,1.03)!important;
    -moz-transition: 0.8s cubic-bezier(.79,.36,.29,1.03)!important;
    transition: 0.8s cubic-bezier(.79,.36,.29,1.03)!important;
}
.portfolio-wrapper .project-carousel,
.portfolio-wrapper .portfolio-inner{
    position: relative;
}
.portfolio-wrapper .project-carousel .project-thumbnail,
.portfolio-wrapper .portfolio-inner .project-thumbnail{
    position: relative;
}
.portfolio-wrapper .project-carousel .project-thumbnail::before,
.portfolio-wrapper .portfolio-inner .project-thumbnail::before {
    content:"";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(10%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.portfolio-wrapper .project-carousel .swiper-slide:hover .project-thumbnail::before,
.portfolio-wrapper .portfolio-content:hover .project-thumbnail::before,
.portfolio-wrapper .portfolio-inner .cat-contents:hover .project-thumbnail::before{
    visibility: visible;
    opacity: 1;
}
.portfolio-wrapper .portfolio-inner .project-thumbnail img{
    width: 100%;
}
.project-carousel .project-content,
.portfolio-inner .project-content{
    padding: 0 50px 40px;
    position: absolute;
    z-index: 3;
    bottom: -100px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.portfolio-wrapper.style-two .project-carousel .project-content{
    padding: 0 30px 40px;
    left: 0;
    right: 0;
    text-align: center;
}
.portfolio-wrapper.portfolio-grid .project-content{
    padding: 0 40px 30px;
}
.portfolio-wrapper .project-carousel .swiper-slide:hover .project-content,
.portfolio-wrapper .portfolio-content:hover .project-content,
.portfolio-wrapper .portfolio-inner .cat-contents:hover .project-content{
visibility: visible;
    opacity: 1;
    bottom: 0;
}
.project-carousel .project-content h2,
.portfolio-inner .project-content h2{
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}
.portfolio-wrapper .portfolio-inner .project-content h2{
    font-size: 36px;
}
.project-carousel .project-content h2 a,
.portfolio-inner .project-content h2 a{
    color: #fff;
}
.project-carousel .project-category a,
.portfolio-inner .project-category a,
.project-carousel .project-category,
.portfolio-inner .project-category{
    color: rgba(255,255,255,.6);
}
.project-carousel .project-category a:hover,
.portfolio-inner .project-category a:hover{
    color: #ffffff;
}
@media(min-width: 1200px) and (max-width: 1400px){
    .portfolio-wrapper.style-one .project-carousel .project-content,
    .portfolio-wrapper .portfolio-inner .project-content{
        padding: 0 30px 30px;
    }
    .project-carousel .project-content h2{
        font-size: 40px;
    }
    .portfolio-inner .project-content h2{
        font-size: 50px;
    }
}
@media(max-width: 1199px){
    .portfolio-wrapper.style-one .project-carousel .project-content{
        padding: 0 30px 20px;
    }
    .portfolio-wrapper .portfolio-inner .project-content {
        padding: 0 30px 30px;
    }
    .project-carousel .project-content h2{
        font-size: 30px;
    }
    .portfolio-inner .project-content h2{
        font-size: 40px;
    }
}
.portfolio-wrapper,
.fullscreen-portfolio,
.fullscreen-portfolio .portfolio-item{
    position: relative;
    overflow: hidden;
}
.portfolio-wrapper .portfolio-transition{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200;
}
.portfolio-wrapper .portfolio-in-transition {
    visibility: hidden;
    background-color: #f04c4b
}
.portfolio-wrapper .portfolio-out-transition {
    visibility: hidden;
    background-color: #252525
}
.portfolio-wrapper .transition-start {
    visibility: visible;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: folioIn 1s cubic-bezier(.77,0,.175,1) forwards;
    -moz-animation: folioIn 1s cubic-bezier(.77,0,.175,1) forwards;
    animation: folioIn 1s cubic-bezier(.77,0,.175,1) forwards
}
.portfolio-wrapper .transition-end {
    visibility: visible;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: folioOut .6s cubic-bezier(.77,0,.175,1) forwards;
    -moz-animation: folioOut .6s cubic-bezier(.77,0,.175,1) forwards;
    animation: folioOut .6s cubic-bezier(.77,0,.175,1) forwards
}
@-webkit-keyframes folioIn {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes folioIn {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes folioOut {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
}
@keyframes folioOut {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
}
.project-carousel .swiper-button-next, 
.project-carousel .swiper-button-prev{
    width: 45px;
    height: 45px;
    background-size: 8px 44px;
    background-color: #292929;
    border-radius: 3px;
    opacity: 0.5;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.project-carousel .swiper-button-next:hover, 
.project-carousel .swiper-button-prev:hover{
    opacity: 1;
}
/*Portfolio carousel style two*/
.portfolio-wrapper.style-two .project-thumbnail{
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.portfolio-wrapper.style-two .swiper-slide{
    overflow: hidden;
}
.portfolio-wrapper.style-two .project-content h2{
    margin-bottom: 2px;
    font-size: 35px;
    line-height: 1.2;
}
.portfolio-wrapper.style-two .portfolio-inner a{
    color: #fff;
    font-size: 20px;
}
.portfolio-wrapper.style-two .portfolio-inner a:hover{
    color: #ffae2e;
}
.quick-view-enabled .project-quickview {
    cursor: pointer;
}
/* portfolio interactive links
------------------------------------------*/
.portfolio-interactive-links{
    height: 100vh;
    padding: 50px 100px 50px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #ffae2e;
    display: table;
    width: 100%;
}
.portfolio-interactive-links ul{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    display: table-cell;
}
.portfolio-interactive-links.style-two{
    padding-top: 80vh;
}
.portfolio-interactive-links ul::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(242, 148, 3);
    background: -moz-linear-gradient(left, rgba(242, 148, 3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242, 148, 3)), color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(242, 148, 3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(242, 148, 3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(242, 148, 3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(242, 148, 3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.portfolio-interactive-links ul li{
    list-style: none;
    margin-bottom: 40px;
}
.portfolio-interactive-links ul li:last-child{
    margin-bottom: 0;
}
.portfolio-interactive-links.style-two ul li{
    display: inline-block;
    margin-bottom: 0;
}
.portfolio-interactive-links ul li > a{
    position: relative;
    z-index: 2;
    color: #141a23;
    font-size: 100px;
    line-height: 1;
    display: inline-block;
    padding: 0 10px;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s;
    transition: all 500ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s;
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
}
.portfolio-interactive-links .project-category{
    position: relative;
    margin-left: 7px;
}
.portfolio-interactive-links.style-one .project-category:before {
   content: "";
   width: 30px;
   height: 1px;
   display: inline-block;
   background-color: #fff;
   margin-right: 5px;
   vertical-align: middle;
   margin: -4px 0 0 8px;
}
.portfolio-interactive-links .project-category, .portfolio-interactive-links .project-category a {
    color: #ffffff;
    opacity: .8;
    font-size: 22px;
}
.portfolio-interactive-links .portfolio-inner{
    position: relative;
    margin-left: 15px;
    color: #141a23;
    opacity: 0.6;
}
.portfolio-interactive-links .portfolio-inner:hover{
    opacity: 1;
}
.portfolio-interactive-links .portfolio-inner a{
    color: #141a23;
    font-size: 20px;
}
.portfolio-interactive-links.style-two ul{
    text-align: center;
}
.portfolio-interactive-links.style-two ul li a{
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
    padding: 0 20px;
    margin: 0 30px 25px;
}
.portfolio-interactive-links.style-two .project-count {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: -30px;
    color: #fff;
}
.portfolio-interactive-links.style-two .project-count::after{
    width: 20px;
    height: 1px;
    background-color: #fff;
    content: "";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px;
}
.portfolio-interactive-links ul li > a::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    height: 15px;
    background: #ffffff;
    z-index: -1;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0) translateY(-50%);
    -moz-transform: scaleX(0) translateY(-50%);
    -ms-transform: scaleX(0) translateY(-50%);
    -o-transform: scaleX(0) translateY(-50%);
    transform: scaleX(0) translateY(-50%);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: -moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.portfolio-interactive-links ul li.active > a::before,
.portfolio-interactive-links ul li:hover > a::before{
    -webkit-transform: scaleX(1) translateY(-50%);
    -moz-transform: scaleX(1) translateY(-50%);
    -ms-transform: scaleX(1) translateY(-50%);
    -o-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%);
}
.project-quickview{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.portfolio-interactive-links .portfolio-thumbnail{
    position: absolute;
    top: 50%;
    right: 100px;
    width: 600px;
    height: 800px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    z-index: -1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 5px;
}
.portfolio-interactive-links .portfolio-thumbnail:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content:"";
    background-color: rgba(0, 0, 0, 0.20);
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.portfolio-wrapper .project-thumbnail i,
.portfolio-interactive-links .portfolio-thumbnail i{
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
}
.portfolio-wrapper .project-thumbnail i{
    bottom: auto;
    top: 10px;
}
.portfolio-interactive-links .portfolio-thumbnail:hover:before{
    visibility: visible;
    opacity: 1; 
}  
.portfolio-interactive-links.style-two .portfolio-thumbnail{
    left: 20%;
    right: 20%;
    width: inherit;
    top: 50px;
    height: 580px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.portfolio-interactive-links ul li.active .portfolio-thumbnail{
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    z-index: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}
.portfolio-interactive-links.style-two ul li.active .portfolio-thumbnail{
    top: 100px;
}
@media(max-width: 1400px){
    .portfolio-interactive-links .portfolio-thumbnail {
        position: absolute;
        top: 50%;
        right: 50px;
        width: 450px;
        height: 550px;
    }
    .portfolio-interactive-links.style-two .portfolio-thumbnail{
        height: 380px;
    }
    .portfolio-interactive-links ul li a{
        font-size: 70px;
    }
    .portfolio-interactive-links.style-two ul li a {
        font-size: 40px;
        line-height: 1;
    }
    .portfolio-interactive-links.style-two .project-count{
        top: 0;
    }
}
@media(max-width: 1199px){
    .portfolio-interactive-links.style-one .portfolio-thumbnail{
        display: none;
    }
    .portfolio-interactive-links.style-two .portfolio-thumbnail {
        left: 10%;
        right: 10%;
    }
    .portfolio-interactive-links.style-two ul li a {
        font-size: 30px;
    }
}
@media(max-width: 991px){
    .portfolio-interactive-links{
        padding: 100px;
    }
}
@media(max-width: 767px){
    .portfolio-interactive-links.style-two{
        padding-top: 70vh;
    }
    .portfolio-interactive-links.style-two .portfolio-thumbnail {
        left: 30px;
        right: 30px;
    }
    .portfolio-interactive-links.style-two ul li.active .portfolio-thumbnail {
        top: 80px;
    }
    .portfolio-interactive-links{
        padding: 50px 30px 50px;
    }
    .portfolio-interactive-links ul li a{
        font-size: 40px;
    }
    .portfolio-interactive-links ul::before{
        display: none;
    }
}
/* portfolio loadmore button */
/* ========================= */
.loadmore-btn {
    margin: 30px auto;
    z-index: 10;
}
.loadmore-btn:focus{
    box-shadow: none;
    color: #212121;
}
/* Portfolio single item
---------------------------------------------*/
.portfolio-single-wrapper .project-content{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.portfolio-single-wrapper .project-content h2{
    font-size: 100px;
    line-height: 1.1;
    background-color: #000;
}
.pp-section .portfolio-single-wrapper .project-content h2{
    background-color: transparent;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.pp-section .portfolio-single-wrapper .project-content h2::before{
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
}
.fullpage-current-section .pp-section.active .portfolio-single-wrapper .project-content h2{
    opacity: 1;
}
.fullpage-current-section .pp-section.active .portfolio-single-wrapper .project-content h2::before{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.portfolio-single-wrapper .project-content h2 a{
    color: #fff;
    padding: 0 20px;
}
.portfolio-single-wrapper .project-thumbnail{
    float: right;
    position: relative;
}
.portfolio-single-wrapper .portfolio-inner{
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    color: #000;
    line-height: 1.3;
}
.pp-section .portfolio-single-wrapper .portfolio-inner{
    background-color: transparent;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}
.pp-section .portfolio-single-wrapper .portfolio-inner::before{
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 1100ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: -moz-transform 1100ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: transform 1100ms cubic-bezier(1, 0, 0, 1) 0ms;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    transition-delay: .3s;
}
.fullpage-current-section .pp-section.active .portfolio-single-wrapper .portfolio-inner{
    opacity: 1;
}
.fullpage-current-section .pp-section.active .portfolio-single-wrapper .portfolio-inner::before{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.portfolio-single-wrapper .portfolio-inner a{
    font-size: 30px;
    color: #000;
    display: inline-block;
}
.portfolio-single-wrapper .project-thumbnail:before, 
.portfolio-single-wrapper .project-thumbnail:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.portfolio-single-wrapper .project-thumbnail:before {
    -webkit-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
    z-index: -1;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.portfolio-single-wrapper .project-thumbnail:after {
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg);
    z-index: -2;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.portfolio-single-wrapper .project-thumbnail:before,
.portfolio-single-wrapper .project-thumbnail:after,
.portfolio-single-wrapper .project-thumbnail img {
    display: block;
    border: 10px solid #fff;
    border-bottom: 10px solid #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.pp-section .portfolio-single-wrapper .project-thumbnail:before{
    -webkit-transform: rotateZ(-3deg);
    transform: rotateZ(-4deg);
}
.pp-section .portfolio-single-wrapper .project-thumbnail:after{
    -webkit-transform: rotateZ(-7deg);
    transform: rotateZ(-8deg);
}
.fullpage-current-section .pp-section.active .portfolio-single-wrapper .project-thumbnail:before{
    -webkit-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
}
.fullpage-current-section .pp-section.active .portfolio-single-wrapper .project-thumbnail:after{
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg);
}
body #pp-nav span, 
body .pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0,0,0,0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    background: rgba(255, 255, 255, 0.75);
    border: 0;
    width: 15px;
    height: 15px;
}
body #pp-nav.right {
    right: 26px;
}
body #pp-nav li .active span, 
body .pp-slidesNav .active span {
    background-color: #ffae2e;
}

/* Vertical lines */
.tt-grid-line1:before, 
.tt-grid-line1:after, 
.tt-grid-line2:before, 
.tt-grid-line2:after {
  content: '';
  top: 0;
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  opacity: .15;
  left: 50%;
}

.tt-grid-line1:before {
  margin-left: 195px;
}
.tt-grid-line1:after {
  margin-left: 585px;
}

.tt-grid-line2:before {
  margin-left: -586px;
}
.tt-grid-line2:after {
  margin-left: -196px;
}

@media screen and (max-width: 1200px) {
    .tt-grid-line1:before {
        margin-left: 162px;
    }
    .tt-grid-line1:after {
        margin-left: 486px;
    }
    .tt-grid-line2:before {
        margin-left: -486px;
    }
    .tt-grid-line2:after {
        margin-left: -162px;
    }
}

@media screen and (max-width: 992px) {
    .tt-grid-line1:before,
    .tt-grid-line1:after {
        display: none;
    }
    .tt-grid-line2:before {
        margin-left: -376px;
    }
    .tt-grid-line2:after {
        margin-left: 376px;
    }
}

@media screen and (max-width: 768px) {
    .tt-grid-line2:before,
    .tt-grid-line2:after {
        display: none;
    }
}
/* project quickview
-----------------------------------------*/
.project-quickview-wrap{
    position: relative;
    background-color: #141a23;
}
.mfp-close-btn-in .mfp-close {
    color: #fff;
}
.project-quickview-wrap .v-align-content{
    height: 100vh;
}
.project-quickview-image{
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%;
    display: block;
    float: left;
}
.project-quickview-content{
    width: 48%;
    float: left;
    padding: 0 50px 0 100px;
}
.project-quickview-content h2{
    font-size: 80px;
    line-height: 1.1;
    margin-bottom: 10px;
}
.project-quickview-content p{
    font-size: 18px;
}
.project-quickview-content .portfolio-inner{
    margin-bottom: 50px;
}
.project-quickview-content .portfolio-inner a{
    font-family: 'Niramit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}
.project-quickview-content .button-wrap{
    margin-top: 40px;
}
.portfolio-thumbnail .fa-spinner,
.project-thumbnail .fa-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    color: #ffffff;
    z-index: 2;
}
.portfolio-slider span.fa {
    font-size: 20px;
}
.portfolio-slider .carousel-control-prev,
.portfolio-slider .carousel-control-next {
    background-color: rgba(0, 0, 0, 0.20);
    opacity: 0;
}
.portfolio-slider .carousel-control-prev:hover,
.portfolio-slider .carousel-control-next:hover {
    opacity: 1;
}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    display: none;
}
@media(min-width: 1200px) and (max-width: 1400px){
    .project-quickview-content .portfolio-inner{
        margin-bottom: 40px;
    }
    .project-quickview-content h2{
        font-size: 60px;
    }
    .project-quickview-content {
        padding: 0 30px 0 50px;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .project-quickview-content .portfolio-inner{
        margin-bottom: 30px;
    }
    .project-quickview-content{
        padding: 0 15px 0 40px;
    }
    .project-quickview-content h2{
        margin-left: 0;
        font-size: 50px;
    }
    .project-quickview-content .portfolio-inner a{
        font-size: 17px;
    }
    .project-quickview-content .portfolio-meta li{
        margin: 5px 0;
    }
}
@media(max-width: 991px){
    .project-quickview-content{
        padding: 0 15px 0 30px;
    }
    .project-quickview-content h2{
        margin-left: 0;
        font-size: 50px;
    }
}
@media(max-width: 767px){
    .project-quickview-content .portfolio-inner a{
        font-size: 16px;
    }
    .project-quickview-image{
        width: 100%;
        float: none;
    }
    .project-quickview-content{
        width: 100%;
        float: none;
        padding: 70px 35px;
    }
    .project-quickview-wrap .v-align-content{
        height: inherit;
    }
}
/* Portfolio Packery
-----------------------------------------*/
.no-padding .portfolio-item,
.portfolio-packery .portfolio-item {
    margin: 0;
    padding: 0
}
.portfolio-item {
    position: relative;
}
.portfolio-item .portfolio-content {
    top: 0;
    left: 0;
    position: relative;
    color: #fff;
    overflow: hidden;
}
.portfolio-packery .portfolio-item:before {
    content: "";
    display: block;
    margin-bottom: 74.44444444444444%
}
.portfolio-item .portfolio-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid #383c3f;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease
}
.portfolio-item .portfolio-thumbnail {
    overflow: hidden;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
    margin-bottom: 0;
}
.portfolio-item .portfolio-thumbnail div {
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
}
.portfolio-packery .portfolio-item .portfolio-thumbnail div {
    padding-bottom: 0;
}
.portfolio-type-justified .portfolio-item .portfolio-thumbnail, 
.portfolio-type-justified .portfolio-item .portfolio-content, 
.portfolio-packery .portfolio-item .portfolio-thumbnail, 
.portfolio-packery .portfolio-item .portfolio-content, 
.portfolio-packery .portfolio-item .portfolio-thumbnail div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*four column*/
@media (min-width: 992px){
    .portfolio-packery.column-four .portfolio-item:nth-child(6n+4):before {
        margin-bottom: 149%
    }
    .portfolio-packery.column-four .portfolio-item:nth-child(6n+5) {
        width: 50%;
        flex: inherit;
        max-width: inherit;
    }
    .portfolio-packery.column-four .portfolio-item:nth-child(6n+5):before {
        margin-bottom: 37.222222%;
    }
    .portfolio-packery.column-three .portfolio-item:nth-child(7n+2):before {
        margin-bottom: 148.87%
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    .portfolio-packery .project-content h2{
        font-size: 24px !important;
    }
    .portfolio-wrapper.portfolio-packery .portfolio-inner .project-content {
        padding: 0 30px 15px;
    }
}

/* =-=-=-=-=-=-=-=-=-=-=-= PORTFOLIO SINGLE PAGE =-=-=-=-=-=-=-=-=-=-=-= */

.single-project-section {
    padding-top: 100px;
}
.portfolio-navigation .nav-wrap{
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}
.portfolio-navigation .nav-wrap:hover{
    z-index: 10;
}
.portfolio-navigation a{
    color: #fff;
    display: block;
}
.portfolio-navigation .previous-portfolio{
    left: 30px;
}
.header-left-menu .portfolio-navigation .previous-portfolio{
    left: 110px;
}
.portfolio-navigation .next-portfolio{
    right: 30px;
    text-align: right;
}
.portfolio-navigation .nav-wrap:before{
    content:"";
    height: 4px;
    width: 0;
    background-color: #ffae2e;
    display: block;
    position: absolute;
    top: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.portfolio-navigation .previous-portfolio:before{
    left: 0;
}
.portfolio-navigation .next-portfolio:before{
    right: 0;
}
.portfolio-navigation .previous-portfolio:hover a{
    padding-left: 50px;
}
.portfolio-navigation .next-portfolio:hover a{
    padding-right: 50px;
}
.portfolio-navigation .nav-wrap:hover:before{
    width: 40px;
}
.portfolio-navigation .nav-wrap span.tt-prev,
.portfolio-navigation .nav-wrap span.tt-next{
    display: block;
    font-size: 12px;
    line-height: 1.3;
    font-style: italic;
}

.portfolio-extra-images{
    padding: 30px;
    background: rgba(255,255,255,.1);
    border-radius: 3px;
    text-align: center;
}
.portfolio-extra-images img{
    height: auto;
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 3px;
}
.portfolio-extra-images a:last-child img{
    margin-bottom: 0;
}
.portfolio-share-btn .share-label{
    float: left;
}
.portfolio-share-btn .post-share a i{
    color: #fff;
    font-size: 15px;
}
.portfolio-share-btn .post-share ul li:last-child{
    margin-right: 0;
}
.single-project-section .portfolio-thumbnail{
    border-radius: 3px;
    overflow: hidden;
}
.portfolio-layout-default .portfolio-share-btn{
    margin-bottom: 0px;
}
.portfolio-layout-default .project-overview{
    margin-top: 50px;
}
.single-project-section.portfolio-layout-sidebar .project-details{
    margin-top: 40px;
}
.single-project-section .project-details h4{
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 28px;
}
@media (max-width: 767px){
    .portfolio-navigation{
        display: none;
    }
}
@media (min-width: 992px){
    .single-project-section .quick-overview{
        padding-left: 50px;
    }
    .single-project-section.portfolio-layout-sidebar .quick-overview{
        padding-left: 15px;
    }
}
@media(min-width: 1651px){
    .portfolio-navigation .nav-wrap i{    
        display: none;
    }
}
@media(max-width: 1650px){
    .portfolio-navigation .nav-wrap:before{
        display: none;
    }
    .portfolio-navigation .previous-portfolio:hover a{
        padding-left: 0;
    }
    .portfolio-navigation .next-portfolio:hover a{
        padding-right: 0;
    }
    .portfolio-navigation .nav-wrap i{
        font-size: 12px;
        height: 70px;
        width: 30px;
        background-color: #000;
        line-height: 70px;
        text-align: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -30px;
        z-index: 1;
    }
    .portfolio-navigation .next-portfolio i{
        left: auto;
        right: -30px;
    }
    .portfolio-navigation .previous-portfolio .navigation-content{
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .portfolio-navigation .next-portfolio .navigation-content{
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .portfolio-navigation .nav-wrap .navigation-content{
        opacity: 0;
        visibility: hidden;
        transition: all 400ms;
        background-color: #fff;
        color: #000;
        height: 70px;
        padding: 12px 20px 12px 20px;
    }
    .portfolio-navigation .nav-wrap .navigation-content:hover{
        background-color: #ffae2e;
    }
    .portfolio-navigation .nav-wrap:hover .navigation-content{       
        opacity: 1;
        visibility: visible;
    }
    .portfolio-navigation .previous-portfolio:hover .navigation-content{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .portfolio-navigation .next-portfolio:hover .navigation-content{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.style-packery .portfolio-content .portfolio-thumbnail,
.style-grid .portfolio-content .portfolio-thumbnail{
    margin-bottom: inherit;
}
.style-packery > .row{
    margin: 0;
}
.style-packery .loadmore-btn-wrap{
    margin: 30px 0;
}
.portfolio-layout-sidebar .portfolio-thumbnail,.portfolio-layout-sidebar .portfolio-slider,.portfolio-layout-sidebar .portfolio-video {
    margin-bottom: 0
}
.project-overview {
    padding-bottom: 100px
}
.project-overview h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px
}
.project-overview p {
    margin-bottom: 25px
}
.project-overview blockquote {
    background: #fafafa;
    font-style: italic;
    padding: 20px 20px 20px 60px;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #eee;
    border-left: 5px solid #ffae2e;
    position: relative
}
.project-overview blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #eee;
    left: 15px;
    top: 25px
}
ul.portfolio-meta {
    padding: 0;
    list-style: none
}
.portfolio-meta li:first-child {
    margin-top: 0
}
.portfolio-meta li {
    margin: 7px 0;
    color: #ffffff
}
.portfolio-share-btn .share-label,
.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
}
.portfolio-meta li a {
    margin-right: 10px;
    color: #ffffff
}
.portfolio-meta li a:hover {
    color: #ffae2e
}
.quick-overview .btn {
    padding: 9px 20px;
    text-transform: capitalize;
    margin-top: 30px
}
@media(max-width: 991px) {
    .portfolio-thumbnail,.portfolio-slider {
        margin-bottom:40px
    }
    .quick-overview {
        margin-top: 40px
    }
}
.carousel-control-next, .carousel-control-prev{
    width: 10%;
}
.project-quickview-content .portfolio-meta li{
    color: #949494;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
}
.project-quickview-content .portfolio-meta li span{
    color: #ffffff;
    font-size: 12px;
    display: block;
}

/* =-=-=-=-=-=-=-=-=-=-=-= PORTFOLIO CATEGORY =-=-=-=-=-=-=-=-=-=-=-= */

.portfolio-wrapper .cat-contents {
    overflow: hidden;
    margin-bottom: 30px;
}
.portfolio-wrapper .no-gutters .cat-contents {
    margin-bottom: 0;
}
.portfolio-wrapper .cat-contents .project-content h2{
    margin-bottom: 0;
    font-size: 60px;
}

/* =-=-=-=-=-=-=-=-=-=-=-= TT SPONSORS =-=-=-=-=-=-=-=-=-=-=-= */

.tt-sponsors-wrapper h3{
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
}
.tt-sponsors-wrapper h3 i {
	color: #f0022a;
	margin-right: 10px;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.tt-sponsors-wrapper a {
	display: inline-block;
	margin: 10px 25px;
}
.tt-sponsors-wrapper img{
    opacity: .3;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
.tt-sponsors-wrapper a:hover img{
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.tt-sponsors-wrapper.opacity-10 a:hover img{
    opacity: .1 !important;
}
.tt-sponsors-wrapper.opacity-20 a:hover img{
    opacity: .2 !important;
}
.tt-sponsors-wrapper.opacity-30 a:hover img{
    opacity: .3 !important;
}
.tt-sponsors-wrapper.opacity-40 a:hover img{
    opacity: .4 !important;
}
.tt-sponsors-wrapper.opacity-50 a:hover img{
    opacity: .5 !important;
}
.tt-sponsors-wrapper.opacity-60 a:hover img{
    opacity: .6 !important;
}
.tt-sponsors-wrapper.opacity-70 a:hover img{
    opacity: .7 !important;
}
.tt-sponsors-wrapper.opacity-80 a:hover img{
    opacity: .8 !important;
}
.tt-sponsors-wrapper.opacity-90 a:hover img{
    opacity: .9 !important;
}
.tt-sponsors-wrapper.opacity-100 a:hover img{
    opacity: 1 !important;
}

/* =-=-=-=-=-=-=-=-=-=-=-= TT TESTIMONIAL =-=-=-=-=-=-=-=-=-=-=-= */

.testimonial-wrapper {
	max-width: 750px;
    margin: auto;
    font-size: 20px;
    line-height: 2;
}
.testimonial-wrapper .item .quote-icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #2a43df;
	color: #ffffff;
    line-height: 50px;
    box-shadow: 0px 18px 38px 0px rgba(1, 27, 224, 0.6);
    margin-bottom: 40px;
}
.testimonial-wrapper .item .client-info {
	font-family: 'Source Serif Pro', serif;
	margin-bottom: 10px;
}
.testimonial-wrapper .item .client-info a{
    color: inherit;
}
.testimonial-wrapper .item .client-info a:hover{
    text-decoration: underline;
}
.testimonial-wrapper .item .client-info p{
    font-weight: bold;
    font-size: 20px;
}
.testimonial-wrapper .owl-nav{
    margin-top: 20px;
}
.testimonial-wrapper .owl-nav button i {
	font-size: 14px;
	padding: 10px;
}
.testimonial-wrapper .owl-nav button.owl-prev{
    margin-right: 100px;
}
.testimonial-wrapper .owl-nav button.owl-next{
    margin-left: 100px;
}
.testimonial-wrapper .owl-nav button{
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.testimonial-wrapper .owl-nav button:hover{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.testimonial-wrapper .testimonial-counter {
	position: relative;
	top: -38px;
	display: inline-block;
}

/* =-=-=-=-=-=-=-=-=-=-=-= TT EXPERIENCES =-=-=-=-=-=-=-=-=-=-=-= */

.job-wrapper {
    margin-bottom: 50px;
}
@media(min-width: 1400px){
    .job-wrapper {
        padding-right: 30px;
    }
}
.job-title-wrapper {
    width: 200px;
    background: #ffae2e;
    color: #000;
    text-align: center;
    border-radius: 3px;
}
.job-title-wrapper h3 {
    min-height: 100px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    font-family: 'Niramit', sans-serif;
    padding: 30px;
    margin: 0;
    color: #000;
}
.job-title-wrapper p {
    font-size: 15px;
    padding: 2px 20px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Niramit', sans-serif;
    background-color: rgba(0, 0, 0, 0.09);
}
.job-des-wrapper h3 {
    font-size: 25px;
    line-height: 32px;
    color: #ffae2e;
    font-weight: 400;
}
.job-des-wrapper p{
    font-size: 16px;
    line-height: 25px;
    margin-right: 20px;
}
@media (min-width: 768px) {
    .job-title-wrapper {
        float: left;
        margin-right: 20px;
    }
    .job-des-wrapper {
        overflow: hidden;
    }
}
@media (max-width: 767px) {
    .job-title-wrapper {
        margin-bottom: 30px;
    }
    .job-title-wrapper {
        width: 100%;
    }
}

/* =-=-=-=-=-=-=-=-=-=-=-= WOOCOMMERCE SHORTCODE =-=-=-=-=-=-=-=-=-=-=-= */

.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
    width: -moz-calc(33.33333% - 30px);
    width: -webkit-calc(33.33333% - 30px);
    width: calc(33.33333% - 30px);
}
.isSafari .woocommerce-page.columns-3 ul.products li.product,
.isSafari .woocommerce.columns-3 ul.products li.product {
    width: -moz-calc(33% - 30px);
    width: -webkit-calc(33% - 30px);
    width: calc(33% - 30px);
}
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product {
    width: -moz-calc(25% - 30px);
    width: -webkit-calc(25% - 30px);
    width: calc(25% - 30px);
}
.isSafari .woocommerce-page.columns-4 ul.products li.product,
.isSafari .woocommerce.columns-4 ul.products li.product {
    width: -moz-calc(23% - 30px);
    width: -webkit-calc(23% - 30px);
    width: calc(23% - 30px);
}
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
    width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
}
.isSafari .woocommerce-page.columns-2 ul.products li.product,
.isSafari .woocommerce.columns-2 ul.products li.product {
    width: -moz-calc(48% - 30px);
    width: -webkit-calc(48% - 30px);
    width: calc(48% - 30px);
}
@media (min-width: 576px) and (max-width: 991px) {
    .woocommerce-page.columns-3 ul.products li.product,
    .woocommerce.columns-3 ul.products li.product {
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
    }
    .woocommerce-page.columns-4 ul.products li.product,
    .woocommerce.columns-4 ul.products li.product {
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
    }
    .isSafari .woocommerce-page.columns-3 ul.products li.product,
    .isSafari .woocommerce.columns-3 ul.products li.product {
        width: -moz-calc(48% - 30px);
        width: -webkit-calc(48% - 30px);
        width: calc(48% - 30px);
    }
    .isSafari .woocommerce-page.columns-4 ul.products li.product,
    .isSafari .woocommerce.columns-4 ul.products li.product {
        width: -moz-calc(48% - 30px);
        width: -webkit-calc(48% - 30px);
        width: calc(48% - 30px);
    }
}
@media (max-width: 575px) {
    .isSafari .woocommerce-page.columns-3 ul.products li.product,
    .isSafari .woocommerce.columns-3 ul.products li.product,
    .woocommerce-page.columns-3 ul.products li.product,
    .woocommerce.columns-3 ul.products li.product {
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .isSafari .woocommerce-page.columns-4 ul.products li.product,
    .isSafari .woocommerce.columns-4 ul.products li.product,
    .woocommerce-page.columns-4 ul.products li.product,
    .woocommerce.columns-4 ul.products li.product {
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .isSafari .woocommerce-page.columns-2 ul.products li.product,
    .isSafari .woocommerce.columns-2 ul.products li.product,
    .woocommerce-page.columns-2 ul.products li.product,
    .woocommerce.columns-2 ul.products li.product {
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .section-wrapper .products ul,
    .section-wrapper ul.products {
        margin-left: 0 !important;
    }
}
@media (max-width: 600px) {
    .blog-wrapper .post-author .media-left,
    .blog-wrapper .post-author .media-body {
        display: block;
        width: 100%;
        text-align: center;
    }
    .blog-wrapper .post-author .media-left {
        padding: 0;
        margin-bottom: 20px;
    }
}

/* ------------------------ALL SHORTCODE STYLE END------------------------ */

/*
**************************************************************
                        TO TOP
**************************************************************
*/

#toTop {
    position: fixed;
    bottom: 40px;
    right: 30px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: none;
    z-index: 9999;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#toTop:hover {
    color: #ffae2e;
    bottom: 45px;
}
#toTop i:after{
    content: "";
    width: 2px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
    margin-left: 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#toTop:hover i:after{
    background-color: #ffae2e;
}

/*
**************************************************************
                        PRELOADER
**************************************************************
*/

#preloader {
    background-color: #19232D;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
}
.status-mes {
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

.preloader .loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block
}

.no-js .preloader {
    display: none
}

.loading-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.loading-icon * {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.loading-icon .bubble {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px
}

.loading-icon .bubble:nth-child(2n) .dot {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.loading-icon .bubble:nth-child(3n) .dot {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loading-icon .dot {
    display: block;
    border-radius: 50%;
    background-color: #ffae2e;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    animation: bubble 1.2s -.6s infinite ease-out;
    -webkit-animation: bubble 1.2s -.6s infinite ease-out
}

@keyframes bubble {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bubble {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


/* tt-load animation */
.tt-load-animation-wrapper,
.tt-load-animation {
	height: 100%;
	width: 100%;
    position: fixed;
    left: -99%;
    top: 0;
}
.tt-load-animation.tt-animated{
    -webkit-animation: ttLoaderAnimation 1s .2s ease-in-out forwards;
    -ms-animation: ttLoaderAnimation 1s .2s ease-in-out forwards;
    animation: ttLoaderAnimation 1s .2s ease-in-out forwards;
    background-color: #ffaf31;
    z-index: 99998;
}
.tt-load-animation-wrapper.tt-animated{
    right: 0;
    left: auto; 
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 99997;
    -webkit-animation: ttHide 1s .2s linear forwards;
    -ms-animation: ttHide 1s .2s linear forwards;
    animation: ttHide 1s .2s linear forwards;
}

/* ttLoaderAnimation Animation */
@-webkit-keyframes ttLoaderAnimation{
	0%{
        left: -100%;
    }
    100%{
        left: 100%;
    }
} 
@keyframes ttLoaderAnimation{
	0%{
        left: -100%;
    }
    100%{
        left: 100%;
    }
}
/* ttHide Animation */
@-webkit-keyframes ttHide{
    0%, 49%{
        visibility: visible;
    }
    50%, 100%{
        visibility: hidden;
    }
}
@keyframes ttHide{
    0%, 49%{
        visibility: visible;
    }
    50%, 100%{
        visibility: hidden;
    }
}

/*
**************************************************************
                        FOOTER SECTION
**************************************************************
*/

.footer-section{
    background-color: #000000;
}
.footer-section.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
.footer-widget-wrapper {
	padding: 100px 0 40px;
	background: #182538;
}
.footer-logo-wrapper {
    background-color: #182639;
    padding: 100px 0;
}
.footer-logo {
    margin-bottom: 20px;
}
.footer-about-text {
    color: #ffffff;
    margin: 0 auto 30px;
}
.footer-about-text a{
    color: #ffffff;
    font-weight: bold;
}
.footer-about-text a:hover{
    color: #ffffff;
    text-decoration: underline;
}
@media(min-width: 992px) {
    .footer-about-text {
        width: 60%;
    }
}
.full-screen-menu .social-links{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 130px;
}
.admin-bar .full-screen-menu .social-links{
    bottom: 160px;
}
@media(min-width: 768px) and (max-width: 1399px){
    .full-screen-menu .social-links{
        bottom: 100px;
    }
    .admin-bar .full-screen-menu .social-links{
        bottom: 130px;
    }
}
.full-screen-menu .social-links span{
    color: #000000;
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 30px 0 25px;
}
.social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-links li a {
    display: block;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.social-links li a i {
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #000000;
    position: relative;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.social-links li a:hover i {
    color: #ffffff;
}
.footer-copyright-wrap {
    padding: 10px 0;
    border-top: 1px solid rgba(76, 76, 76, 0.2);
}
.border-layout .footer-copyright-wrap {
    padding-bottom: 40px;
}
.footer-copyright-wrap .privacy-policy-link {
    margin-left: 6px;
}
.footer-section .copyright {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #929292;
    letter-spacing: 1.2px;
}
@media (max-width: 575.98px) {
    .footer-onepage-wrapper .footer-copyright-wrap {
        text-align: center;
    }
    .footer-onepage-wrapper .back-top-top {
        margin-top: 10px;
    }
}

/* =-=-=-=-=-=-= MULTIPAGE FOOTER =-=-=-=-=-=-=*/

@media(max-width: 991px) {
    .footer-multi-wrapper .footer-copyright-wrap {
        text-align: center;
    }
    .footer-multi-wrapper .footer-copyright-wrap .social-links-wrap {
        text-align: center !important;
        margin-top: 10px;
    }
    .footer-multi-wrapper .social-links-wrap ul {
        padding: 0;
    }
}
.footer-multi-wrapper .social-links-wrap ul {
    margin: 14px 0 0;
}
.footer-multi-wrapper .social-links-wrap ul li {
    padding-right: 7px;
    padding-left: 7px;
    display: inline-block;
    list-style: none;
}
.footer-multi-wrapper .social-links-wrap li a {
    border: 0;
    color: #929292;
    font-size: 14px;
}
.footer-multi-wrapper .social-links-wrap li a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #ffae2e;
}
.footer-sidebar {
    color: #ffffff;
}
.footer-sidebar,
.footer-sidebar a,
.footer-sidebar .widget_nav_menu ul li a,
.footer-sidebar .tt-latest-post .media-body h4 span,
.footer-sidebar .tt-recent-comments .comment-content .comment-title a,
.footer-sidebar .tt-latest-post .media-body h4 a {
    color: #ffffff;
}
.footer-sidebar .widget-title {
    color: #ffffff;
    font-size: 25px;
    border: 0;
    margin: 0 0 15px;
}
.tt-sidebar-wrapper ul,
.footer-sidebar ul {
    padding: 0;
}
.tt-sidebar-wrapper ul li i,
.footer-sidebar ul li i {
    margin-right: 15px;
    color: #ffae2e;
}
.footer-sidebar .dashed-border {
    display: block;
    margin: 20px 0;
    border-bottom: 1px dashed #d7d7d7;
}
.tt-latest-post .media-left {
    margin-right: 10px;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.tt-latest-post .media-body {
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tt-latest-post .media {
    margin-bottom: 15px;
}
.tt-latest-post .media::last-child {
    margin-bottom: 0;
}
.tt-latest-post .media-left img {
    min-width: 70px;
    border-radius: 2px;
}
.tt-latest-post .media-body h4 {
    font-weight: 400;
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 20px;
}
.tt-latest-post .media-body h4 a {
    color: #ffffff;
}
.tt-latest-post .media-body h4 a:hover {
    color: #ffae2e;
}
.tt-latest-post .entry-meta {
    margin: -5px 0 0;
}
.footer-sidebar .tt-latest-post .entry-meta li,
.footer-sidebar .tt-latest-post .entry-meta li a {
    color: #ffffff;
}
@media(max-width: 767px) {
    .footer-copyright .copyright,
    .social-links-wrap {
        text-align: center;
    }
}


/* =-=-=-=-=-=-= FOOTER ONE PAGE =-=-=-=-=-=-=*/

.footer-onepage-wrapper .social-links-wrap {
    height: 90px;
    margin: 0 auto;
    text-align: center;
}
.footer-onepage-wrapper .social-links-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	-moz-transform: scale(.7);
	-webkit-transform: scale(.7);
	transform: scale(.7);
}
.footer-onepage-wrapper .social-links-wrap ul li{
    display: inline-block;
}
.footer-onepage-wrapper .social-links-wrap .social-btn {
    display: inline-block;
    background-color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
    opacity: 0.99;
    margin-bottom: 15px; 
}
.footer-onepage-wrapper .social-links-wrap .social-btn:before {
    content: '';
    width: 150%;
    height: 150%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.footer-onepage-wrapper .social-links-wrap .social-btn:focus::before, 
.footer-onepage-wrapper .social-links-wrap .social-btn:hover::before {
    top: -15px;
    left: -25%;
}
.footer-onepage-wrapper .social-links-wrap .social-btn i {
    font-size: 30px;
    vertical-align: middle;
}
.footer-onepage-wrapper .social-links-wrap .social-btn,
.footer-onepage-wrapper .social-links-wrap .social-btn:before,
.footer-onepage-wrapper .social-links-wrap .social-btn i {
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.footer-onepage-wrapper .social-links-wrap .social-btn:before {
    top: 90%;
    left: -110%;
}
.footer-onepage-wrapper .social-links-wrap .social-btn i {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.footer-onepage-wrapper .social-links-wrap .social-btn.facebook:before {
    background-color: #3b5998;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.facebook i {
    color: #3b5998;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.twitter:before {
    background-color: #3cf;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.twitter i {
    color: #3cf;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.google-plus:before {
    background-color: #dc4a38;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.google-plus i {
    color: #dc4a38;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.dribbble:before {
    background-color: #f26798;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.dribbble i {
    color: #f26798;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.youtube:before {
    background-color: #ff0000;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.youtube i {
    color: #ff0000;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.pinterest:before {
    background-color: #bd081b;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.pinterest i {
    color: #bd081b;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.flickr:before {
    background-color: #0063dc;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.flickr i {
    color: #0063dc;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.linkedin:before {
    background-color: #0077b5;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.linkedin i {
    color: #0077b5;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.vimeo:before {
    background-color: #00adef;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.vimeo i {
    color: #00adef;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.instagram:before {
    background-color: #d30065;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.instagram i {
    color: #d30065;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.behance:before {
    background-color: #0f1c2a;
}
.footer-onepage-wrapper .social-links-wrap .social-btn.behance i {
    color: #0f1c2a;
}
.back-top-top i {
	padding: 7px 10px;
	margin-top: 9px;
}


.footer-onepage-wrapper .social-links-wrap .social-btn:focus i,
.footer-onepage-wrapper .social-links-wrap .social-btn:hover i {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 99;
}






/*
**************************************************************
                  OVERLAY & GRADIENT BACKGROUND
**************************************************************
*/

.violet-overlay {
    background-color: rgba(174, 0, 255, .7);
}
.default-overlay {
    background: rgba(255, 102, 0, 1);
    background: -moz-linear-gradient(left, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 102, 0, 1)), color-stop(100%, rgba(255, 0, 0, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    background: linear-gradient(to right, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    opacity: .85;
}
.blue-overlay {
    background: rgb(156, 0, 255);
    background: -moz-linear-gradient(left, rgba(156, 0, 255, 1) 0%, rgba(3, 255, 205, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(156, 0, 255, 1) 0%, rgba(3, 255, 205, 1) 100%);
    background: -ms-linear-gradient(left, rgba(156, 0, 255, 1) 0%, rgba(3, 255, 205, 1) 100%);
    background: linear-gradient(to right, rgba(156, 0, 255, 1) 0%, rgba(3, 255, 205, 1) 100%);
    opacity: .7;
}
.blue-onecolor-overlay {
    background-color: rgba(51, 44, 68, .85)
}
.pink-overlay {
    background: rgb(243, 10, 103);
    background: -moz-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: -webkit-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: -ms-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: linear-gradient(135deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    opacity: .7;
}
.header-overlay-color {
    background: rgba(253, 161, 133, 1);
    background: -moz-linear-gradient(left, rgba(253, 161, 133, 1) 0%, rgba(238, 69, 137, 0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(253, 161, 133, 1) 0%, rgba(238, 69, 137, 0.6) 100%);
    background: -ms-linear-gradient(left, rgba(253, 161, 133, 1) 0%, rgba(238, 69, 137, 0.6) 100%);
    background: linear-gradient(to right, rgba(253, 161, 133, 1) 0%, rgba(238, 69, 137, 0.6) 100%);
}
.orange-overlay {
    position: absolute;
    background: rgb(255, 167, 14);
    background: -moz-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    opacity: .95;
}
.purple-overlay {
    background: rgb(239, 71, 111);
    background: -moz-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    background: linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    opacity: .7;
}
.red-overlay {
    background: rgb(243, 10, 103);
    background: -moz-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: -webkit-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: -ms-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: linear-gradient(135deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    opacity: .7;
}
/*gradient bg
--------------------------*/
.blue-gradient-bg {
    background: rgba(98, 0, 255, 1);
    background: -moz-linear-gradient(-45deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%);
    background: linear-gradient(135deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%);
}
.pink-gradient-bg {
    background: rgb(238, 69, 137);
    background: -moz-linear-gradient(-45deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%);
    background: linear-gradient(135deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%);
}
.orange-gradient-bg {
    background: rgb(255, 167, 14);
    background: -moz-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%);
}
.purple-gradient-bg {
    background: rgb(239, 71, 111);
    background: -moz-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
    background: linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%);
}
.red-gradient-bg {
    background: rgb(243, 10, 103);
    background: -moz-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: -webkit-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: -ms-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
    background: linear-gradient(135deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%);
}

/*
**************************************************************
                    ANIMATION KEYFRAMES
**************************************************************
*/

/* =-=-=-=-=-=-= HOVER EFFECT LEFT TO RIGHT =-=-=-=-=-=-=*/

.tt-about-block-item h3 a::after,
.blog-quote blockquote a::after,
.blog-wrapper .post-thumbnail.blog-link h2 a::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: auto;
    right: 0;
    height: 2px;
    width: 0%;
    background-color: #212121;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.tt-about-block-item h3 a:hover:after,
.blog-quote blockquote a:hover:after,
.blog-wrapper .post-thumbnail.blog-link h2 a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}
.blog-wrapper .post-thumbnail.blog-link h2 a::after,
.blog-quote blockquote a::after{
    background-color: #ffffff;
}
.tt-about-block-item h3 a::after{
    background-color: var(--about-title-hover, #212121);
}

/* =-=-=-=-=-=-= SWING EFFECT =-=-=-=-=-=-=*/

.icon-block.icon-hover-swing:hover .tt-icon img,
.icon-block.icon-hover-swing:hover .tt-icon i {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* =-=-=-=-=-=-= JELLO EFFECT =-=-=-=-=-=-=*/

.icon-block.icon-hover-jello:hover .tt-icon img,
.icon-block.icon-hover-jello:hover .tt-icon i {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

/* =-=-=-=-=-=-= SPACEBOOTS ANIMATION EFFECT =-=-=-=-=-=-=*/

.icon-block.icon-hover-spaceboots:hover .tt-icon img,
.icon-block.icon-hover-spaceboots:hover .tt-icon i {
    -webkit-animation-name: spaceboots;
    animation-name: spaceboots;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(4px, 3px) rotate(0deg);
    }
    10% {
        -webkit-transform: translate(-3px, -4px) rotate(-1deg);
    }
    20% {
        -webkit-transform: translate(-6px, 2px) rotate(1deg);
    }
    30% {
        -webkit-transform: translate(2px, 4px) rotate(0deg);
    }
    40% {
        -webkit-transform: translate(3px, -3px) rotate(1deg);
    }
    50% {
        -webkit-transform: translate(-3px, 4px) rotate(-1deg);
    }
    60% {
        -webkit-transform: translate(-5px, 3px) rotate(0deg);
    }
    70% {
        -webkit-transform: translate(4px, 3px) rotate(-1deg);
    }
    80% {
        -webkit-transform: translate(-3px, -3px) rotate(1deg);
    }
    90% {
        -webkit-transform: translate(4px, 4px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(3px, -4px) rotate(-1deg);
    }
}
@keyframes spaceboots {
    0% {
        -webkit-transform: translate(4px, 3px) rotate(0deg);
    }
    10% {
        -webkit-transform: translate(-3px, -4px) rotate(-1deg);
    }
    20% {
        -webkit-transform: translate(-6px, 2px) rotate(1deg);
    }
    30% {
        -webkit-transform: translate(2px, 4px) rotate(0deg);
    }
    40% {
        -webkit-transform: translate(3px, -3px) rotate(1deg);
    }
    50% {
        -webkit-transform: translate(-3px, 4px) rotate(-1deg);
    }
    60% {
        -webkit-transform: translate(-5px, 3px) rotate(0deg);
    }
    70% {
        -webkit-transform: translate(4px, 3px) rotate(-1deg);
    }
    80% {
        -webkit-transform: translate(-3px, -3px) rotate(1deg);
    }
    90% {
        -webkit-transform: translate(4px, 4px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(3px, -4px) rotate(-1deg);
    }
}

/* =-=-=-=-=-=-= SOCIAL ICON HOVER ANIMATION =-=-=-=-=-=-=*/

.tt-animate a {
    overflow: hidden;
}
.tt-animate i {
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.tt-animate i::before {
    speak-as: none;
    display: block;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/*Left To Right*/
.tt-animate.ltr a:hover i:before {
    -webkit-animation: LeftToRight 0.3s forwards;
    -moz-animation: LeftToRight 0.3s forwards;
    animation: LeftToRight 0.3s forwards;
}
/*Right To Left*/
.tt-animate.rtl a:hover i:before {
    -webkit-animation: RightToLeft 0.3s forwards;
    -moz-animation: RightToLeft 0.3s forwards;
    animation: RightToLeft 0.3s forwards;
}
/*Bottom To Top*/
.tt-animate.btt a:hover i:before {
    -webkit-animation: BottomToTop 0.3s forwards;
    -moz-animation: BottomToTop 0.3s forwards;
    animation: BottomToTop 0.3s forwards;
}
/*Top To Bottom*/
.tt-animate.ttb a:hover i:before {
    -webkit-animation: TopToBottom 0.3s forwards;
    -moz-animation: TopToBottom 0.3s forwards;
    animation: TopToBottom 0.3s forwards;
}
/* Left to Right key frame*/
@-webkit-keyframes LeftToRight {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes LeftToRight {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes LeftToRight {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
/* Right to Left key frame*/
@-webkit-keyframes RightToLeft {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes RightToLeft {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes RightToLeft {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
/* Bottom to Top key frame*/
@-webkit-keyframes BottomToTop {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes BottomToTop {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes BottomToTop {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
/* Top to Bottom key frame*/
@-webkit-keyframes TopToBottom {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes TopToBottom {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes TopToBottom {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}