/*==============================================================================
    CONTENTS:
    
    1. HEADER STYLE:
        1.1. Top bar.
        1.2. Header Styles.
        1.3. Top Search.
        1.4. Top Cart.
    2. THEME ELEMENTS.
        2.1. Social Icons
        2.2. Sliding Bar
    3. PAGE TITLES.
    4. PAGE SPECIFIC STYLES:
        4.1. Blog.
        4.2. 404 Not Found.
        4.3. Forms Design
        4.4. Login Styles.
    5. FOOTER.
    6. TYPOGRAPHY.
    7. BOXED MODE.
    8. RESPONSIVE STYLES.
============================================================================= */

header ul, footer ul, .top-bar ul, .post-info ul.post-meta, ul.comment-list, ul.list, ul.post-chat, ul.post-meta, .lft-tools ul, .timeline-TweetList, ul.menu, .sl_bar_content ul, .gallery-size-thumbnail, ul.page-numbers, ul.pager,.page-title .post-categories{
    list-style:none;
    margin:0;
    padding:0;
}
.social-list a, .nav-single a, .widget ul li a, .tagcloud a, .wst-responsive-btn, ul.page-numbers li:before, .form-submit input.submit, .sub-pager a:before, .sub-pager span:before, .nav-single a span, .post-tags a, .wst-single-tags a, .post-categories li, .oldnew li a, .jssocials-share, .box_more:before, .blog-posts .post-item a, .btn, .btn i, #to-top, .social-list a i, .jssocials-share-link i, .search-wrapper.active-srch .close_search, .wst_main_nav.custom ul ul, .wst_main_nav.custom li.mega-menu .mega-content, .search-wrapper .search-form .btn, .anim_btn > span, .anim_btn:before, .anim_btn i, .top-head:not(.sticky-head) .head-btn > a:after, .wst_main_nav.links_up > ul > li > a span span:before, .wst_main_nav.links_up > ul > li > a span span, .sl_bar_content .widget{
    transition: all 0.8s cubic-bezier(.4,0,0,1);
    -webkit-transition: all 0.8s cubic-bezier(.4,0,0,1);
}
.wst_main_nav ul ul li a,.wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:before, .wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after,.wst_main_nav > ul > li > a > span{
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.fxheader .top-bar{
    position: absolute;
    width: 100%;
}
.fxheader .top-bar + .top-head.fixed-head{
    top: 52px;
}
.auto-height{
    height: auto;
    min-height: 0
}

/* ==========================================================================
  1. HEADER STYLE
============================================================================= */
/*
-------------- 1.1. Top bar. ------------- */
.top-bar {
    min-height: 50px;
    line-height: 50px;
    position:relative;
    z-index: 99;
    font-size: 13px;
}
.top-bar.bord {
    border-bottom: 1px rgba(0,0,0,.1) solid;
}
.top-bar.light {
    background-color: #f8f9fe;
}
.top-bar > .container{
    position: relative;
    z-index: 9
}
.top-bar .wst_main_nav > ul > li {
    display: inline-block;
}
.top-bar .wst_main_nav > ul > li > a{
    padding: 0 10px;
}
.top-bar-txt,.top-bar .menu-message{
    line-height: 50px;
}
.top-bar .cart-btn{
    position: relative;
}
.top-bar ul li li a{
    line-height: 1 !important;
    padding: 14px !important;
}
.top-bar .lbl-txt {
    padding-right: 10px;
}
.lbl-txt {
    display: inline-block;
    float: left;
}
.top-bar i:not(.cart-num) {
    margin-right: 8px;
    vertical-align: middle;
}
.top-bar i.cart-ic {
    margin-right: 0;
}
.top-bar i.cart-num{
    top: 19px;
    padding: 1px 3px;
}
.top-bar ul li:last-child{
    border-right:0
}
.full-bar .container{
    width: 100%;
    max-width: 100%;
}
.top-bar .topbar-box,.top-bar .topbar-box > div{
    position: relative;
    display: inline-block;
}
.rit_ic{
    vertical-align: unset !important;
}
.logout_btn{
    margin-left: 6px;
}
.top-bar .col-md-6:last-child{
    text-align: right
}
.top-bar .col-md-6:first-child .topbar-box{
    padding-right: 20px;
}
.top-bar .col-md-6:last-child .topbar-box{
    padding-left: 20px;
}
.topbar-box.top-cart > a b.cart-num{
    top:19px
}
.top-bar .social-list a{
    margin: 0 2px;
}
.top-bar .social-list a i{
    margin-right: 0 !important;
    font-size: 15px;
}
.top-socials.topbar-box span{
    vertical-align: middle;
}
.lng_select{
    display: inline-block;
    margin: 0 5px
}
.lng_select img{
    width: 18px;
    height: 18px;
    border-radius:50%;
}
.top-bar .search-form .form-control{
    padding: 9px 35px 9px 15px;
    font-size: 12px;
    width: 280px;
}
.top-bar .search-form .btn{
    padding: 8px 5px 9px 5px;
    top: 10px;
}

/*
--------------------- 1.2. Header Styles -------------------- */
.top-head > .container{
    padding: 0;
}
.top-head.full_header .container{
    width: 100%;
    max-width: 100%;
}
.top-head .wst_head_wrap{
    height: 80px;
    line-height: 80px;
    position: relative;
    display: table;
    width: 100%;
}
.top-head.head-layout-2 .wst_head_wrap{
	table-layout: fixed;
}
.top-head .menu-message{
    text-align: center;
    display: inline-block;
    line-height: 1.8;
    font-size: 12px
}

/* Modern */
.top-head .wst_head_wrap > div[class*="-head-area"]{
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
}
.top-head.head-layout-1 .wst_head_wrap > div.wst-left-head-area{
    width: 83.333333%;
    max-width: 83.33333333%;
}
.top-head.head-layout-2 .wst_head_wrap > div[class*="-head-area"]{
    width: 33.333333%;
    max-width: 33.33333333%;
}
.top-head.head-layout-3 .wst_head_wrap > div.wst-center-head-area{
    width: 83.333333%;
    max-width: 83.33333333%;
}
.top-head.head-layout-4 .wst_head_wrap > div.wst-right-head-area{
    width: 83.333333%;
    max-width: 83.33333333%;
}
.top-head .wst_head_wrap > div.wst-center-head-area{
    padding: 0 20px
}
.top-head .wst_head_wrap .wst-icon{
    margin-bottom: 0
}
.top-head .wst-head-align-center .wst_main_nav,.top-head .wst-head-align-center .wst_logo,.top-head .wst-head-align-center .wst-head-btns,.top-head .wst-head-align-center .wst-head-btn{
    display: table;
    margin: auto;
}
.top-head .wst-head-align-right .wst_main_nav,.top-head .wst-head-align-right .wst_logo,.top-head .wst-head-align-right .wst-head-btns,.top-head .wst-head-align-right .wst-head-btn{
    display: table;
    margin: 0 0 0 auto;
}
.top-head .wst_main_nav{
    white-space: nowrap;
}
.top-head .wst_logo a{
    line-height: inherit;
    display: inline-block;
}
.top-head .wst_logo a img{
    min-width: 70px;
}
.wst_logo a i.logo-txt{
    display: block;
    line-height: 1.5;
    font-style: normal;
    font-size: 33px;
    margin-top: 10px
}
.wst_logo a span.tagline{
    line-height:1;
    display: block;
    font-size: 12px;
}
.retina_logo {
    display: none;
}
.fxheader .top-bar + .top-head:not(.sticky-head){
    margin-top: 40px
}
.top-head .wst_main_nav > ul > li{
    padding-right: 15px;
    padding-left: 15px;
    line-height: inherit;
    height: inherit;
    display: inline-block;
}
.top-head .wst_main_nav > ul > li:last-child{
    margin-right: 0;
}
.top-head .wst_main_nav > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    position: relative;
}
.wst_main_nav ul li{
    position: relative;
    z-index: 3;
    padding: 0 20px;
}
.wst_main_nav > ul > li:hover{
    z-index: 9;
}
.wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:before, .wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after{
    position: absolute;
    content: "";
    display: inline-block;
    right: 20px;
    width: 8px;
    height: 2px;
    top: 50%;
    z-index: 33;
    background-color: #888;
    transform: translate(0,0) rotate(0deg);
    -webkit-transform: translate(0,0) rotate(0deg);
}
.wst_main_nav.dark-sub > ul > li:not(.mega-menu) ul li.hasChildren:before, .wst_main_nav.dark-sub > ul > li:not(.mega-menu) ul li.hasChildren:after {
    background-color: #aaa;
    opacity: 0.7;
}
.wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after{
    transform: translate(-3px,-3px) rotate(0deg);
    -webkit-transform: translate(-3px,-3px) rotate(0deg);
    width: 2px;
    height: 8px;
}
.wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:hover:before {
    transform: translate(0,2px) rotate(-47deg);
    -webkit-transform: translate(0,2px) rotate(-47deg);
    right: 30px;
    width: 7px;
}
.wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:hover:after {
    transform: translate(0,-2px) rotate(47deg);
    -webkit-transform: translate(0,-2px) rotate(47deg);
    width: 7px;
    height: 2px;
    right: 30px;
}

.wst_main_nav.anim_lets > ul > li > a {
    overflow: hidden;
}
.wst_main_nav.anim_lets > ul > li > a .base {
    white-space: nowrap;
    display: block;
    line-height: 1.3;
}
.wst_main_nav.anim_lets > ul > li > a .base span {
    display: inline-block;
    line-height: 1;
}
.wst_main_nav.anim_lets ul li a .hover {
    position: absolute;
    white-space: nowrap;
    display: block;
    line-height: 1.4;
}
.wst_main_nav.anim_lets > ul > li > a .hover span {
    display: inline-block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    line-height: 1;
    opacity: 0
}
.wst_main_nav.anim_lets > ul > li > a .base{
    transition: opacity 0.3s ease-in-out
}
.wst_main_nav.anim_lets > ul > li:hover > a .base {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.wst_main_nav.anim_lets > ul > li:hover > a span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;
}
.wst_main_nav.anim_lets > ul > li > a span span{
    position: relative;
    white-space: pre-wrap;
}
.wst_main_nav ul li a i.wst_nav_icon{
    padding-right: 12px
}
.wst_main_nav > ul > li > a i.wst_nav_icon{
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.wst_main_nav.links_line > ul > li > a::before {
    height: 1px;
    background-color: #333;
    position: absolute;
    width: 100%;
    bottom: -10px;
    left: 0;
    display: inline-block;
    content: "";
    transition: transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.4,0,0,1),background-color .5s ease-in-out;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.wst_main_nav.links_line > ul > li:hover > a::before,.wst_main_nav.links_line .wst_main_nav > ul > li.current-menu-parent > a::before,.wst_main_nav.links_line > ul > li.current-menu-ancestor > a::before,
.wst_main_nav.links_line > ul > li > a.active::before,.wst_main_nav.links_line > ul > li.current-menu-item > a::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.top-head .wst_main_nav.links_up > ul > li > a > span{
    overflow: hidden;
}
.wst_main_nav.links_up > ul > li > a span span:before{
    position: absolute;
    transform: translateY(calc(-100% - 13px));
    -webkit-transform: translateY(calc(-100% - 13px));
    top: 0;
    left: 0;
    overflow: hidden;
    content: attr(data-letters);
    z-index: 9;
    width: 100%;
    text-align: center;
}
.wst_main_nav.links_up > ul > li:hover > a span span{
    transform: translateY(calc(100% + 13px));
    -webkit-transform: translateY(calc(100% + 13px));
}
.wst_main_nav ul ul,.cart-btn .cart-box,.wst_main_nav .mega-content{
    line-height: normal;
    padding: 20px 0;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 250px;
    z-index: -1;
}
.wst_main_nav ul li:not(.mega-menu):hover > ul,.cart-btn:hover .cart-box,.wst_main_nav > ul > li.mega-menu:hover .mega-content {
    visibility: visible;
    opacity: 1;
    z-index: 9;
}

.cart-btn:hover .cart-box{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

/* sub animation */
.wst_main_nav.menu_up ul li:not(.mega-menu) ul,.wst_main_nav.menu_up .mega-content{
    transform: translateY(2em);
    -webkit-transform: translateY(2em);
    transition: transform 0.5s ease-in-out 0s, visibility 0s ease 0.5s, z-index 0s ease 0.03s, opacity 0.6s ease 0.03s;
    -webkit-transition: transform 0.5s ease-in-out 0s, visibility 0s ease 0.5s, z-index 0s ease 0.03s, opacity 0.6s ease 0.03s;
}
.wst_main_nav.menu_up ul li:not(.mega-menu):hover > ul,.wst_main_nav.menu_up > ul > li.mega-menu:hover .mega-content {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transition-delay: 0s, 0s, 0.3s;
    -webkit-transition-delay: 0s, 0s, 0.3s;
}

.wst_main_nav.menu_down ul ul,.wst_main_nav.menu_down .mega-content{
    max-height: 0px;
    transform: perspective(600px) rotate3d(1,0,0,-90deg);
    -webkit-transform: perspective(600px) rotate3d(1,0,0,-90deg);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}
.wst_main_nav.menu_down ul li:not(.mega-menu):hover > ul,.wst_main_nav.menu_down > ul > li.mega-menu:hover .mega-content {
    max-height:1000px;
    transform: perspective(600px) rotate3d(0,0,0,0);
    -webkit-transform: perspective(600px) rotate3d(0,0,0,0);
}
.wst_main_nav ul li a img.wpml-ls-flag{
    margin-right: 10px;
}
.wst_main_nav ul li li > a span span{
    padding: 0
}
.wst_main_nav .mega-content ul{
    max-height: none;
}
.wst_main_nav.dark-sub > ul li ul,.wst_main_nav.dark-sub .mega-content {
    background-color: #222
}
.wst_main_nav.dark-sub > ul li ul li a,.wst_main_nav.dark-sub .mega-content li a {
    color: #aaa;
}
.wst_main_nav.dark-sub ul li ul li > a {
    border-color: rgba(255, 255, 255, 0.06);
}
.wst_main_nav.dark-sub ul ul li a span:after {
    background-color: rgba(255, 255, 255, 0.34);
}
.wst_main_nav ul ul ul{
    left: 100%;
    top: 0;
    z-index: 1;
}  
.wst_main_nav ul li li > a{
    display: block;
    overflow: hidden;
    white-space: normal;
    line-height: 1.7;
}
.wst_main_nav ul li li > a span{
    display: inline-block;
    padding: 9px 0;
    position: relative;
}
.wst_main_nav ul li li:hover > a span:before,.wst_main_nav ul li li.current-menu-ancestor > a span:before,.wst_main_nav ul li li.current-menu-item > a span:before{
    width: 12px
}
.wst_main_nav ul li:not(.mega-menu):hover li {
    opacity: 0;
    -webkit-animation-name: slideMen;
    animation-name: slideMen;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: cubic-bezier(.4,0,0,1);
    animation-timing-function: cubic-bezier(.4,0,0,1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.wst_main_nav ul li li.current-menu-ancestor > a,.wst_main_nav ul li li.current-menu-item > a{
    background-color: rgba(255, 255, 255, 0.05);
    padding-left: 12px;
}
.wst_main_nav ul li li:hover > a{
    padding-left: 12px;
}
.wst_main_nav ul li.mega-menu li li{
    -webkit-animation: none;
    animation: none !important;
    padding: 0;
    opacity: 1 !important;
}

.wst_main_nav > ul > li.mega-menu{
    position: static;
}
.wst_main_nav .mega-content{
    width: 1170px;
    padding: 30px;
}
.wst_main_nav .mega-content .row{
    display: block
}
.top-head.head-layout-1 .wst_head_wrap .wst-center-head-area .wst_main_nav .mega-content,
.top-head.head-layout-1 .wst_head_wrap .wst-right-head-area .wst_main_nav .mega-content,
.top-head.head-layout-1 .wst_head_wrap .wst-left-head-area.wst-head-align-right .wst_main_nav .mega-content,
.top-head.head-layout-2 .wst_head_wrap .wst-right-head-area .wst_main_nav .mega-content,
.top-head.head-layout-3 .wst_head_wrap .wst-right-head-area .wst_main_nav .mega-content,
.top-head.head-layout-3 .wst_head_wrap .wst-center-head-area.wst-head-align-right .wst_main_nav .mega-content,
.top-head.head-layout-4 .wst_head_wrap .wst-right-head-area:not(.wst-head-align-left) .wst_main_nav .mega-content{
    right: 0;
    left: auto
}
.top-head.head-layout-2 .wst_head_wrap .wst-center-head-area .wst_main_nav .mega-content,
.top-head.head-layout-3 .wst_head_wrap .wst-center-head-area:not(.wst-head-align-left):not(.wst-head-align-right) .wst_main_nav .mega-content,
.top-head.head-layout-4 .wst_head_wrap .wst-right-head-area.wst-head-align-center .wst_main_nav .mega-content{
    left: 50%;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
}
.wst_main_nav .mega-content ul{
    min-width: 0;
    padding: 0;
    box-shadow: none;
    position: static;
    transform: none !important;
    background-color: transparent !important;
    max-height: 1000px !important;
    transition: none !important;
}
.wst_main_nav li.mega-menu:hover .mega-content ul{
    opacity: 1;
    visibility: visible;
}
.wst_main_nav .mega-content > .row > ul > li{
    padding: 0 20px;
    float: left;
}
.wst_main_nav .mega-content > .row > ul > li > a{
    font-weight: bold;
    margin-bottom: 10px;
}
.top-head .wst_main_nav .mega-content > .row > ul > li > a:after{
    display: none;
}
.wst_main_nav li.hiddenChild > a, .wst_main_nav li.mega-menu:hover .mega-content > .row > ul > li > a:after{
    display: none;
}
.wst_main_nav li.hidden_elems li.hiddenChild > a{
    display: block;
}
.wst_main_nav > ul > li > ul.rit-menu{
    left: auto;
    right: 0
}
.wst_main_nav ul ul.rit-menu{
    left: auto;
    right: 100%;
}

/* menu hint */
.menu-hint{
    position: relative;
    top: -6px;
    font-size: 9px;
    margin-left: 5px;
    padding: 1px 3px;
    background: #777;
    white-space: nowrap;
    color: #fff;
    font-weight: normal;
}
.wst_main_nav > ul > li > a .menu-hint{
    top: -10px
}
.menu-hint.success {background-color: #5cb85c;}
.menu-hint.success:hover {background-color: #449d44;}
.menu-hint.info {background-color: #5bc0de;}
.menu-hint.info:hover {background-color: #31b0d5;}
.menu-hint.warning {background-color: #f0ad4e;}
.menu-hint.warning:hover {background-color: #ec971f;}
.menu-hint.hot {background-color: #d9534f;}
.menu-hint.hot:hover{background-color: #c9302c;}
.menu-hint.light {background-color: #fff;color:#000;}
.menu-hint.light:hover{background-color: #ddd;}

.wst_main_nav ul li b.description{
    display: inline-block;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.3;
    vertical-align: middle;
    width: 40%;
    margin-left: 5px;
}

.top-head .head-btn{
    display: table-cell;
    position: relative;
    padding: 0 0 0 5px;
    z-index: 3;
}
.top-head .head-btn:first-child{
    padding: 0;
}
.top-head .head-btn > a{
    display: block;
    text-align: center;
    position: relative;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.top-head .head-btn > a:before,.top-head .head-btn > a b{
    position: relative;
    z-index: 1
}
.top-head .head-btn > a:after{
    position: absolute;
    display: block;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%;
    transition: transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.4,0,0,1),background-color .5s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.top-head .head-btn:hover > a:after{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.top-head .head-btn > a i{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 3;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

/* back to top */
#to-top {
    position: fixed;
    right: 30px;
    bottom: 0;
    z-index: 9;
    perspective: 1000;
    text-align: center;
    font-size: 15px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block;
    color: #fff;
    overflow: hidden;
    transform: rotateX(90deg) translateY(30px) scaleZ(2) scaleY(1.5);
    -webkit-transform: rotateX(90deg) translateY(30px) scaleZ(2) scaleY(1.5);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    perspective-origin: 50% 50%;
}
#to-top.active{
    transform: rotateX(0deg) translateY(0px) scaleZ(1) scaleY(1);
    -webkit-transform: rotateX(0deg) translateY(0px) scaleZ(1) scaleY(1);
}
#to-top:hover{
    transform: scale(1.2) translateX(5px) !important;
    -webkit-transform: scale(1.2) translateX(5px) !important;
}
.top-head.sticky-head .wst_logo a i.logo-txt, .top-head.sticky-head .wst_logo a span.tagline {
    color: inherit;
}
/* 
----------------- 1.3. Top Search. -------------------- */
.search-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.search-wrapper:before{
    background-color: #fff
}
.search-wrapper .search-form{
    width: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 3;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: opacity 0.5s 0s, width 0.4s 0.4s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
    -webkit-transition: opacity 0.5s 0s, width 0.4s 0.4s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}
.search-wrapper .search-form .wst-input-wrap{
    margin: 0;
}
.search-form .wst-input-wrap.wst-not-empty + .button,.woocommerce-product-search .wst-input-wrap.wst-not-empty + button[type='submit']{
    color: #fff !important
}
.search-wrapper .search-form .wst-input-wrap + .button{
    font-size: 25px;
    top: 97px;
    right: 40px;
}
.search-wrapper .search-form .wst-cust-input{
    height: 110px;
    line-height: 130px;
    font-size: 20px;
    padding-left: 35px;
    margin-top: 40px !important;
}
.search-wrapper .search-form .wst-input-bg{
    height: 150px;
    top: 20px;
}
.search-wrapper .search-form .wst-input-lbl{
    top: 15px;
    font-size: 20px;
    padding-left: 35px;
    -webkit-transform: translate3d(0, 68px, 0);
    transform: translate3d(0, 68px, 0);
}
.search-wrapper .search-form .wst-cust-input:focus + .wst-input-lbl, .search-wrapper .search-form .wst-input-wrap.wst-not-empty .wst-cust-input + .wst-input-lbl {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.search-wrapper.active-srch .search-form{
    width: 50%;
    opacity: 1;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.search-wrapper.active-srch {
    z-index: 1040;
}

/* 
--------------- 2.2. Sliding Bar --------------- */
.slbar{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.slbar.active-slbar {
    z-index: 9999;
}
.slbar.active-slbar:before,.search-wrapper.active-srch:before{
    transform: scale(1);
    -webkit-transform: scale(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    opacity:1;
    transition: transform 1.6s cubic-bezier(.4,0,0,1);
    -webkit-transition: transform 1.6s cubic-bezier(.4,0,0,1);
}
.sl_bar_content{
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
}
.slbar .sl_bar_content .widget{
    float: left;
    transform: translate(-100px,0);
    -webkit-transform: translate(-100px,0);
    margin-bottom: 30px;
    padding: 0 15px;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    opacity: 0;
}
.slbar.active-slbar .sl_bar_content .widget{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    opacity: 1;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s
}
.slbar.columns-1 .widget{
    width: 96%;
}
.slbar.columns-2 .widget{
    width: 46%;
}
.slbar.columns-3 .widget{
    width: 29.33333333%;
}
.slbar.columns-4 .widget{
    width: 21%;
}
.slbar.columns-5 .widget{
    width: 16%;
}
.slbar.columns-6 .widget{
    width: 12.666666666%;
}
.slbar .widget h2.widgettitle{
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 700;
    letter-spacing: 3px;
}
.slbar .widget_nav_menu .menu{
    display: table;
}
.slbar .widget_nav_menu .menu li{
    position: relative;
}
.slbar .widget.widget_nav_menu{
    position: relative;
    z-index: 999;
}
.slbar .widget_nav_menu .menu li ul{
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.slbar .widget_nav_menu .menu li:hover > ul{
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}
.slbar .widget_nav_menu .menu li ul{
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    min-width: 250px;
    z-index: 3;
    padding: 15px 30px;
}
.slbar .widget_nav_menu .menu > li{
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transition: all .8s cubic-bezier(.4,0,0,1);
    -webkit-transition: all .8s cubic-bezier(.4,0,0,1);
    opacity: 0;
    counter-increment: section;
    position: relative
}
.slbar .widget_nav_menu .menu > li > a:before {
    content: counter(section);
    left: -10px;
    top: 7px;
    text-align: center;
    font-size: 15px;
    font-weight: 600 !important;
    position: absolute;
    color: #444;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0;
    z-index: 2;
    transition: all .9s cubic-bezier(.4,0,0,1);
    -webkit-transition: all .9s cubic-bezier(.4,0,0,1);
    -webkit-text-stroke: 0rem transparent;
}
.slbar .widget_nav_menu .menu > li:hover a:before {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.slbar .widget_nav_menu .menu > li{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.slbar .widget_nav_menu .menu > li > a{
    font-size: 70px;
    font-weight: 900;
    display: inline-block;
    line-height: 1.2;
    position: relative;
    transition: all .8s cubic-bezier(.4,0,0,1);
    -webkit-transition: all .8s cubic-bezier(.4,0,0,1);
}
.slbar .widget_nav_menu .menu:hover > li > a{color: transparent;-webkit-text-stroke: 0.1rem #333333;}
.slbar .widget_nav_menu .menu > li:hover > a{
    padding-left: 5px;
    opacity: 1;
    color: #333;
}
.slbar .widget_nav_menu .menu > li > a:after{
    display: block;
    position: absolute;
    left: -16px;
    top: 18px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    content: "";
    opacity: 0;
    z-index: 1;
    background-color: #444;
    transform: translate(-20px,0);
    -webkit-transform: translate(-20px,0);
    transition: all .9s cubic-bezier(.4,0,0,1);
    -webkit-transition: all .9s cubic-bezier(.4,0,0,1);
    transition-delay: 0.1s;
    transform-origin: center;
}
.slbar .widget_nav_menu .menu > li:hover > a:after{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    opacity: 1;
}

/* 
----------------- 1.4. Top Cart. -------------------- */
b.cart-num{
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom;
    position: absolute !important;
    line-height: 15px;
    top: 6px;
    right: 5px;
    width: 15px;
    height: 15px;
    background-color: #333;
    border-radius: 50%;
    color: #fff;
}
.top-head .cart-box {
    right: 0;
    left: auto;
    padding: 20px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
}
.cart-box .empty {
    text-align: center;
    color: #333;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}
.mini-cart{
    font-size: 14px;
}
.mini-cart .btn-default{
    background-color: transparent;
    border-color: #eee !important;
}
.mini-cart-list li {
    position:relative;
    overflow:hidden;
    padding: 20px 15px;
    padding-left: 0;
    font-size: 14px;
    border-top: 1px rgba(0, 0, 0, 0.06) dashed;
}
.mini-cart-list li:first-child{
    border-top:0;
}
.mini-cart .cart-body span.price{
    display:block;
    opacity:0.6
}
.cart-mini-lft {
    float:left;
    margin-right: 10px;
    padding: 2px;
    background-color: #eee;
}
.cart-mini-lft img {
    width: 30px !important;
    margin-right: 0 !important;
}
.mini-cart-list a.remove {
    position:absolute;
    left: 0px;
    top: 9px;
    background-color: #f00;
    color: #fff;
    line-height: 1;
    padding: 1px 3px 2px;
    font-size: 10px;
}
.mini-cart-total {
    padding: 10px 0 10px;
    font-weight:400;
    overflow:hidden;
    font-size: 14px;
    border-top: 1px rgba(0, 0, 0, 0.09) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.09)solid;
}
.mini-cart-total .clearfix {
    padding:5px 0;
    overflow:hidden;
}
.mini-cart-total .total {
    margin-top:10px;
    padding-top:15px;
    border-top: 1px rgba(0,0,0,.15) dashed;
}
.mini-cart .checkout {
    text-align:center;
    padding-top: 20px;
}
.mini-cart .checkout a {
    display: inline-block;
    line-height: 40px;
    padding: 0px 18px;
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1px transparent solid;
}
#wst-particle-el {
    position: absolute; 
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index: 2;
  } 
  
  .center-div {
      width:580px;
      height:374px;
      position:absolute;
      left:50%;
      top:50%;
      margin-left: -290px;
      margin-top:  -187px;
  }
/*
--------------------- header sticky -------------------- */
.top-head.fixed-head,.top-head.sticky-head{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.top-head.sticky-head{
    top: 0 !important;
}
.top-head.sticky-head{
    position: fixed;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1);
    animation: wst-slide-down 0.8s cubic-bezier(.4,0,0,1);
    -webkit-animation: wst-slide-down 0.8s cubic-bezier(.4,0,0,1);
}
body.admin-bar .top-head{
    top: 20px
}
.wst_head_btn {
    position: fixed;
    z-index: 1000;
    margin: 0.5em;
    padding: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: transparent;
    top: 0.5em;
    left: 0.5em;
    transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
body.admin-bar .wst_head_btn{
    top: 3em;
}
.wst_head_btn i {
    width: 35px;
    height: 3px;
    display: block;
    margin-bottom: 8px;
    background-color: #333;
    transition: opacity 0.5s, background-color 0.25s, -webkit-transform 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: transform 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 0.5s, background-color 0.25s;
    transition: transform 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 0.5s, background-color 0.25s, -webkit-transform 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.wst_head_btn.active{
    left: 300px
}
.wst_head_btn.active i:first-child {
    -webkit-transform: translateY(10px) rotate(-135deg);
    transform: translateY(10px) rotate(-135deg);
}
.wst_head_btn.active i:nth-child(2) {
    opacity: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.wst_head_btn.active i:last-child {
    -webkit-transform: translateY(-12px) rotate(-47deg);
    transform: translateY(-12px) rotate(-47deg);
}

/* ==========================================================================
  2. THEME ELEMENTS.
============================================================================= */
/* 
--------------- 2.1. Social Icons --------------- */
.social-list{
    display: block;
}
.social-list a,.jssocials-share-link{
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    vertical-align: middle;
}
.social-list a {
    margin: 4px
}
.social-list a i,.jssocials-share-link i{
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 35px;
}
.social-list a:hover i,.jssocials-share-link:hover i{
    animation: socials-anim 0.7s forwards alternate;
}
.wst-footer .social-list a{
    margin-right: 15px !important;
    width: 30px;
    height: 30px;
}
.wst-footer .social-list a i{
    font-size: 19px;
}
.jssocials-share{
    margin: 3px;
}

.anim_btn{
    position: relative;
    display: inline-block;
}
.anim_btn:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:inline-block;
    content:"";
    z-index: 2;
    transition-delay: 0.2s !important;
    -webkit-transition-delay: 0.2s !important;
}
.anim_btn:hover:before{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}
.anim_btn i{
    position:relative;
    z-index:3
}
.anim_btn span{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 6;
    text-align: center;
    width: 100%;
    height: 100%;
    transition-delay: 0.3s !important;
    -webkit-transition-delay: 0.3s !important;
}
.anim_btn:hover > span{
    transform: scale(1.4) rotate(360deg);
    -webkit-transform: scale(1.4) rotate(360deg);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.anim_btn:before{
    border:0;
}


/* ==========================================================================
  3. PAGE TITLES
============================================================================= */
.page-title{
    position: relative;
    overflow: hidden;
    z-index: 0;
    /*box-shadow: inset 0 -60px 30px -25px rgba(0, 0, 0, 0.4);*/
}
.page-title .container{
    position: relative;
    z-index: 3;
}
.page-title.full-height .title-container{
    height: 100vh;
}
.wst-full-title:not(.wst-titlecust_titl) .page-title{
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
    text-align: left;
    background-size: cover !important;
}
.wst-full-title.wst-titlefullscreen2 .page-title{
    align-items: center;
    text-align: center;
}
.wst-full-title.wst-titlefullscreen2 .page-title h1{
    display: table;
    margin: auto;
    max-width: 60%
}
.wst-auth-by{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 30px;
}
.wst-auth-by img{
    margin: 0 10px 0 0;
    border-radius: 50%;
    max-width: 40px
}
.wst-full-title.wst-titlefullscreen2 .wst-auth-by img{
    margin: 0 auto 10px;
    display: table;
    max-width: none;
}
.wst-full-title:not(.wst-titlecust_titl) .page-title .in-page-title {
    height: auto;
    padding-bottom: 50px;
}
.page-title h3{
    margin: 15px 0 0;
    font-size: 20px;
    font-weight: normal;
    font-family: inherit;
    max-width: 45%;
    letter-spacing: 0;
}
.page-title.text-center h3{
    margin-left: auto;
    margin-right: auto
}
.page-title.text-right h3{
    margin-left: auto;
    margin-right: 0
}
.page-title .desc_text{
    width: 60%;
    margin-top: 15px;
    font-size: 12px
}
.page-title .desc_text p{
    margin-bottom: 0
}
.page-title .title-container{
    position: relative;
    z-index: 3;
    display: table;
    width: 100%;
}
.page-title .in-page-title{
	height: 300px
}
.page-title .title-container .in-page-title {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    word-break: break-word;
    -ms-word-wrap: break-word;
}
.page-title .profile_thmb {
    margin: 0 auto 30px;
    display: table;
    border-radius: 50%;
    overflow: hidden;
    max-width: 80px;
}
.page-title .profile_desc{
    display: table;
    max-width: 60%;
    margin: 30px auto 0
}
.page-title .profile_site{
    margin: 20px auto 0;
    font-size: 13px
}
.page-title .profile_site span{
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 8px;
    letter-spacing: 1px;
    font-size: 11px
}
.page-title-video {
    background: none;
    position: relative;
    overflow: hidden;
}
.video-wrap{
    width: 100%;
    height:100%;
    overflow: hidden;
}
.video-wrap video,.wpb_video_widget video{
    width: 100%;
}
.page-title-video .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.page-title-video .video-wrap{
    z-index:0
}
.page-title-video .video-wrap video {
    height: auto !important;
    width: 100% !important;
}
.parallax{
    overflow: hidden;
}
.video-overlay,.section-overlay,.animated_bg,.sngl-titl-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.sngl-titl-overlay{
    background-color: rgba(0, 0, 0, 0.6)
}
.page-title .wst-single-media,.page-title .wst-single-media .wst-post-media{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0 !important;
}
.page-title .wst-single-media iframe,.page-title .wst-single-media video,.page-title .wst-single-media audio{
    width: 100%;
    height: 100%;
}
.animated_bg{
    background-image: inherit;
    background-repeat: inherit;
    background-position:inherit;
    background-color: inherit;
    background-size: inherit;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}
.animated_bg:after{
    background-image:inherit;
    background-position:inherit;
    background-color: inherit;
    background-repeat: inherit !important;
    background-size: inherit;
    position: absolute;
    width: 500%;
    min-width: 300vw;
    height: 100%;
    right: 0;
    content:"";
    display: block;
}
.animated_bg.toright:after{
    -webkit-animation: BackgroundAnimation 200s linear infinite;
    animation: BackgroundAnimation 200s linear infinite;
}
.animated_bg.toleft:after{
    -webkit-animation: BackgroundAnimationLeft 200s linear infinite;
    animation: BackgroundAnimationLeft 200s linear infinite;
    right: auto;
    left: 0
}
.animated_bg.totop:after{
    -webkit-animation: BackgroundAnimationTop 200s linear infinite;
    animation: BackgroundAnimationTop 200s linear infinite;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 500%;
}
.animated_bg.tobottom:after{
    -webkit-animation: BackgroundAnimationBot 150s linear infinite;
    animation: BackgroundAnimationBot 150s linear infinite;
    left: 0;
    top: 0;
    width: 100%;
    height: 500%;
}
.page-title.text-right .tbl {
    float: right;
}
.page-title .title-icon{
    padding: 16px;
    text-align: center;
    font-size: 28px;
    margin: 0 0 20px 0;
    display: inline-block;
}
.page-title.text-center .tbl{
    margin: auto;
}
.titl_txt_bg{
    padding: 30px;
}

/*
----------------- Breadcrumb --------------- */
.breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
}
.breadcrumb.white-bg{
    bottom:0;
    padding: 10px;
}
.breadcrumb i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}
.breadcrumb ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.breadcrumb ul li{
    display: inline-block;
    padding: 0 8px 0 0;
}
.breadcrumb.style1 {
    border-bottom: 1px #e8e8e8 solid;
    padding:12px 0;
    border-radius: 0;
}
.breadcrumb.style2{
    display: table;
    margin: 40px auto 0;
    padding: 5px 15px;
    border-radius: 0;
}
.breadcrumb.style2 .container{
    width:auto
}
.breadcrumb.style2 > a, .breadcrumb.style2 > span{
    display:inline-block;
    padding: 0 5px;
    position:relative;
    height: 30px;
    line-height: 30px;
}
.breadcrumb.style2.pull-left{
    float:left;
    clear: both;
    margin-top: 0px;
    margin-bottom: 5px
}
.breadcrumb.style2.text-center{
    float:none;
    display:table;
    margin-right:auto;
    margin-left:auto
}
.breadcrumb.style2.text-left{
    float: left;
}
.page-title.text-left .title-headings{
    float:none
}
.page-title.text-left .breadcrumb:not(.text-center){
    margin-left:0;
    margin-right:auto
}
.page-title.text-right .breadcrumb{
    margin-right:0;
    margin-left:auto
}

.sidebar .widget .social-list a{
    margin: 0 -1px -1px 0;
    width: 25%;
    height: 70px !important;
    text-align:center;
    border: 1px #e9efff solid;
    border-radius: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    box-shadow: none;
}
.sidebar .widget .social-list a i{
    display:block;
    margin: 0;
    clear:both;
    float:none;
    width: 100% !important;
    height: 100% !important;
    line-height: 70px !important;
    font-size: 20px;
}

/* ==========================================================================
  4. PAGE SPECIFIC STYLES
============================================================================= */
/*
------------------- 4.2. 404 Not Found ------------------ */
.wst-full-height{
    height: 100vh;
}
body.error404{
    background: #fff url('../images/bg404.jpg') no-repeat 50% 50%;
    background-size: cover;
}
body.error404 .wst-full-height{
    align-items: center
}
.not-found-form{padding-top: 30px;margin-top: 40px;border-top: 1px #e9efff solid;}
.form404cont{
    border-top-color: rgba(255, 255, 255, 0.16);
}
.not-found-form .wst-input-lbl{
    text-align: justify
}
.lg-not-found h1 {
    margin: 0;
}
.lg-not-found h5{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}
.lg-not-found h5 span{
    font-size: 17px
}
.not-found-wrap{
    margin: auto;
    text-align: center;
}
.not-found-wrap .wst-srch-txt{
    opacity: 0.7;
}
.srch-home-pg{
    margin-top: 30px;
}
.not-found-form,.no-results-wrap hr{
    width: 50%;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
body.error404 .lg-not-found h3{
    margin-top: 50px;
}
.no-results-wrap .lg-not-found{
    padding-top: 0
}
.no-results-wrap .lg-not-found h3{
    font-size: 42px;
    margin-bottom: 10px;
}
.no-results-wrap .lg-not-found h3 p{
    z-index: 1 !important
}

/*
----------------------- 4.3. Forms Design ------------------- */
.search-form{
    position: relative;
}
.widget.widget_search h2.widgettitle + .search-form{
    margin-top: -20px !important;
}
.widget.widget_search .search-form{
    margin-bottom: -20px;
}
.search-form .button,.search-form .btn{
    position: absolute !important;
    right: 20px;
    top: 50%;
    z-index: 3;
    padding: 0 !important;
    background-color: transparent !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border: 0;
}
.search-form .form-control{
    padding-right: 45px;
}
input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],select,textarea{
    width: 100%;
}
.btn-container{
    display: inline-block
}
.btn-container + .btn-container{
    margin-left: 10px;
}
.btn{
    line-height: 1;
    position: relative;
    padding: 20px 35px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
}
.btn:hover{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}
.btn.btn-sm{
    padding: 10px 20px;
    font-size: 12px;
}
.btn.btn-lg{
    padding: 30px 50px;
    font-size: 17px;
}
.btn-block,.btn-block .btn{
    display: block;
    width: 100%
}
.btn.btn-centered{
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.btn > span{
    display: inline-block;
}
.btn > span,.btn i{
    position: relative;
    z-index: 2;
}
.btn.btn-icon > span,.btn.btn-icon i{
    display: inline-block;
    vertical-align: middle;
}
.btn.btn-icon i{
    margin-right: 20px;
}
.btn.icon-right i{
    margin-right:0;
    margin-left: 20px;
}
.btn + .btn{
    margin-left: 10px;
}
.btn-container + .btn-container{
    margin: 5px 0 0 5px
}
.btn-shad, .btn-hover-shad:hover{
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
}
.btn-hover-shad:hover{
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.btn:not(.btn-hover-shad):hover{
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*
------------------- 4.4. Login Styles ------------------ */
.login_wrap{
    position: relative;
}
.login-popup{
    position: absolute;
    left: 0;
    top: 100%;
    padding: 25px;
    min-width: 300px;
    font-size: 12px;
    max-height: 0px;
    visibility: hidden;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    transform: perspective(600) rotate3d(1,0,0,-90deg);
    -webkit-transform: perspective(600) rotate3d(1,0,0,-90deg);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.top-bar .pull-right .login-popup{
    left: auto;
    right: 0
}
.login-popup.active{
    max-height:1000px;
    visibility: visible;
    transform: perspective(600) rotate3d(0,0,0,0);
    -webkit-transform:perspective(600) rotate3d(0,0,0,0);
}
.login-popup span{
    color:#777 !important
}
.login-popup a{
    color:#333 !important
}
.login-popup .wid_login_form {
    line-height: 1;
}
.login-popup .wid_login_form > div label{
    margin-bottom: 10px;
}
.login-popup .wid_login_form a{
    line-height: normal
}
.wst_logout{
    text-align: center
}
.btn-logout{
    display: inline-block;
    margin-top: 10px;
}
.btn-login i,.btn-logout i{
    margin-right: 10px;
    vertical-align: middle;
}
.wst-login-links{
    line-height: 1.9;
    overflow: hidden;
    padding-top: 20px;
}
.wst-login-lft{
    float: left;
}
.wst-login-rit{
    float: right;
}

/* ==========================================================================
  5. FOOTER.
============================================================================= */
.wst-footer{
    position: relative;
    overflow: hidden;
    font-size: 15px
}
.wst-footer .container {
    position: relative;
    z-index: 2;
}
.wst-footer.full_footer .container {
    width: 100%
}
.wst-footer .widget h2.widgettitle{
    font-size: 13px;
    margin-bottom: 30px;
    font-weight: 700;
    letter-spacing: 2px;
}
.wst-footer .widget ul li a {
    position: relative;
}
.wst-footer ul ul{
    margin: 3px 0 3px 20px;
    padding: 0;
}

/* top footer bar */
.wst-footer .foot-top{
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
}
.top-foot-btn{
    text-align: right
}

/* footer widgets */
.footer-middle{
    padding-top: 180px;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}
.wst-footer .footer_bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}
.wst-footer .footer_bg:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
}
.wst-footer .footer-middle .widget{
    margin-bottom: 50px;
}
.wst-footer .footer-middle .widget li {
    padding: 0 0 12px 0;
    position: relative;
}
.foot-image{
    margin-bottom: 30px;
}
.wst-footer .widget ul li a:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    transition: transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.4,0,0,1),background-color .5s ease-in-out;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.wst-footer .widget ul li a:hover:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
}

/* bottom footer bar */
.footer-bottom{
    position: relative;
    z-index: 1;
}
.footer-bottom > .container{
    border-top: 1px rgba(255, 255, 255, 0.13) solid;
}
.footer-bottom p{
    margin-bottom: 0;
}
.footer-bottom .menu li{
    display: inline-block;
    padding: 0px 9px;
}
.footer-bottom .widget{
    padding-top: 50px;
    padding-bottom: 50px
}
.footer-bottom .widget_recent_comments.widget li {
    padding: 15px 0
}

/* fixed footer */
.wst-footer.fixed-footer{
    position: fixed;
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 0
}

.wst-footer table caption{
	padding: 10px
}

/* ==========================================================================
  6. TYPOGRAPHY.
============================================================================= */
.white-bg{background-color: #fff}
.dark-bg{background-color: #333}
.dark-color{color: #333}
.main-bg .main-color,.main-bg a,.dark-bg,.dark-bg a{color:#fff;}
.top-bar.dark-bg,.top-bar.dark-bg a{color:#c5c5c5;}
.clearfix{clear: both;}
.circle{border-radius: 50%}
.rounded{border-radius: 5px}
.tbl{display: table;}
.m-auto{margin-left: auto;margin-right: auto;}
.bold{font-weight: bold;}
.gry-bg{background-color: #f7f7f7}
.underline{text-decoration: underline;}
.uppercase{text-transform: uppercase;}
.xxs-padding{padding-top: 30px;padding-bottom: 30px}
.xs-padding{padding-top: 60px;padding-bottom: 60px}
.sm-padding{padding-top: 100px;padding-bottom: 100px}
.md-padding{padding-top: 150px;padding-bottom: 150px;}
.lg-padding{padding-top: 200px;padding-bottom: 200px}
.xl-padding{padding-top: 280px;padding-bottom: 280px}
.xxl-padding{padding-top: 360px;padding-bottom: 360px}
.m-l-auto{margin-left: auto !important}
.relative{position: relative;}
.heavy{font-weight: 900}
.low-index{z-index: 7}
.hi-index{z-index: 8;position: relative;}
.black{color: #333}
a.main-bg:hover{color: #fff;}
.cat_grid .filter-by{display: none;}
.list li > i,.lbl-first i{margin-right:8px}
.inline{display: inline-block;}
.wst-lett-1{letter-spacing: 1px}
.checkbox-block input[type=checkbox]{vertical-align: sub;}
.wst-main-content,.site_content{
    padding-top: 130px;
    padding-bottom: 130px;
}
blockquote{
    margin: 30px 0;
    position: relative;
    border: 1px #e0ebff solid;
    padding: 40px;
    overflow: visible;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large{
    margin: 30px 0;
    padding: 40px;
}
blockquote:before,blockquote:after{
    position: absolute;
    font-family: streamline;
    content: "\eb3c";
    left: -18px;
    top: -16px;
    font-size: 30px;
    display: block;
    padding: 10px;
    line-height: 1;
    transform: rotate(20deg);
    background-color: #fff;
    border-radius: 50%
}
blockquote:after{
    bottom: -12px;
    top: auto;
    left: auto;
    right: -17px;
    transform: rotate(200deg);
    content: "\eb3b";
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote:before, .has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote:after{
    background-color: #aab8c3 !important
}
blockquote p{
    margin-bottom: 0
}
table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}
thead th {
    padding-bottom: 0.5em;
}
th {
    padding: 10px !important;
    line-height: 1.5;
    border: 1px solid #eee;
}
thead th {
    border: 1px rgba(255,255,255,0.25) solid;
}
td {
    padding: 10px;
    border: 1px solid #e0ebff;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 1.5em 1.5em;
}
.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption .wp-caption-text {
    font-size: 14px;
    font-style: italic;
    padding-top: 0.5384615385em;
    text-align: center;
}
.says,.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.pagination .current .screen-reader-text {
    position: static !important;
}
.bypostauthor > article .fn:after {
    content: "\f304";
    left: 3px;
    position: relative;
    top: 5px;
    display: none;
}
.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
.wst-content-column {
    flex: 1 75%;
    min-width: 0;
    order: 2;
}
.row.lft-cell .wst-content-column{
    padding-right: 60px;
}
.row.rit-cell .wst-content-column{
    padding-left: 60px
}

/* ==========================================================================
  7. BOXED MODE
============================================================================= */
.wst-page-wrap.boxed{
    background: #fff;
    box-shadow: 0 0px 30px 12px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 0px 30px 12px rgba(0, 0, 0, 0.09);
    width: 1170px;
    height: auto !important;
    margin: 20px auto;
    overflow: hidden;
}
.wst-page-wrap.boxed .rev_slider_wrapper{
    width: 100% !important;
    left: 0 !important
}
.wst-page-wrap.boxed .fullwidthbanner-container,.wst-page-wrap.boxed .forcefullwidth_wrapper_tp_banner,.wst-page-wrap.boxed .fullscreen-container{
    width:100% !important;
    left:0 !important
}
.wst-page-wrap.boxed .fixed-footer{
    width:auto;
    left:auto;
}
.wst-page-wrap.boxed .top-head.fixed-head {
    left: 50%;
    transform: translateX(-50%);
    width: 1170px;
}
.wst-page-wrap.boxed .container-fluid .container{
    width: 100%
}
.wst-page-wrap.boxed .wst-main-content{
    padding-left: 20px;
    padding-right: 20px
}
.wst-overlay,{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99;
    visibility: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.wst-overlay:before, .search-wrapper:before,.slbar:before{
    position: fixed;
    width: 224vw;
    height: 224vw;
    top: calc(90px - 112vw);
    right: calc(100px - 112vw);
    content: "";
    z-index: 3;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: transform 0.8s ease-in-out;
    -webkit-transition: transform 0.8s ease-in-out;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}
.wst-show-modal ~ .wst-overlay{
    visibility: visible
}
.wst-show-modal ~ .wst-overlay:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition: transform 1.6s cubic-bezier(.4,0,0,1);
    -webkit-transition: transform 1.6s cubic-bezier(.4,0,0,1);
}
.wst-close-modal, .search-wrapper .close_search,.slbar_close {
    width: 60px;
    height: 60px;
    line-height: 61px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #333;
    color: #fff;
    display: block;
    cursor: pointer;
    position: fixed;
    right: 70px;
    top: 70px;
    z-index: 3;
    transition: all .8s cubic-bezier(.4,0,0,1);
    -webkit-transition: all .8s cubic-bezier(.4,0,0,1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
.wst-show-modal ~ .wst-overlay .wst-close-modal, .search-wrapper.active-srch .close_search,.slbar.active-slbar .slbar_close {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}
.box_more{
    display: inline-block;
    margin-top: 30px;
    position: relative;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: none !important;
    -webkit-transition: none !important;
}
.box_more .wst-arrows {
    display: inline-block;
    vertical-align: middle
}
.wst-arrows polygon,.wst-arrows line{
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.wst-arrows circle,.wst-arrows line{
    stroke: #bdbdbd;
    stroke-width: 2;
    fill: none;
}
.wst-arrows circle{
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 120,0;
    stroke-linecap: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}
.wst-arrows polygon {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    fill: #bdbdbd
}
.wst-arrows line {
    transform: scaleX(0);
    transition-delay: 0s;
}
.box_more .wst-arrows circle{
    stroke-width: 1px;
    stroke-dasharray: 60,0;
    stroke-dashoffset: -30;
    fill: transparent;
}
.box_more .wst-arrows  line {
    stroke-width: 1 !important;
}
.box_more:hover polygon {
    transform: translateX(3px);
    transition-delay: 0.72s;
    -webkit-transition-delay: 0.72s;
}
.box_more:hover line {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}
.box_more:hover circle {
    stroke-dasharray: 39,10;
    stroke-dashoffset: 12.5;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.box_more > span{
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}
.box_more.left{
    margin-left: 0;
    margin-right: auto;
}
.box_more.centered{
    margin-left: auto;
    margin-right: auto;
}
.box_more.right{
    margin-left: auto;
    margin-right: 0;
}
.vert_sep{
    position: relative;
}
.vert_sep::after{
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 0;
    width: 15px;
    height: 100%;
    content: "";
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNTE1MzQ1RkQzRjgxMUU1QTAwQzgzQjJDM0ZDRjE1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNTE1MzQ2MEQzRjgxMUU1QTAwQzgzQjJDM0ZDRjE1OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1MTUzNDVERDNGODExRTVBMDBDODNCMkMzRkNGMTU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1MTUzNDVFRDNGODExRTVBMDBDODNCMkMzRkNGMTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QO4ZKAAAABFJREFUeNpiYMAE4bQQAAgwAFcSAbSNH25UAAAAAElFTkSuQmCC);
    background-position: 50% 50%;
    background-repeat: repeat-y;
}
.no-pad{
    padding-top: 0 !important
}
.round{border-radius: 8em !important}
.square{border-radius: 0 !important}
.white {
    color: #fff;
}
.wst-custom-header{
    text-align: center;
}
#raysgrid_related.kara .port-captions:after{
    opacity: 0.75 !important
}
.wp-playlist{
    border:0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wp-playlist-tracks{
    display: none;
}
.ares .tp-tab-image{
    width: 100%;
    height: 100%;
}
.ares .tp-tab{
    padding: 0 10px;
    background-color: transparent !important;
    border-bottom:0;
}
.project_info_list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.project_info_list li{
    padding: 10px 0;
    border-bottom: 1px #eee solid !important;
    padding-left: 20px;
}
.project_info_list li label{
    display: block;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left: -20px;
    letter-spacing: 1px;
}
.project_info_list li label i{
    margin-right: 8px;
    font-size: 17px;
    vertical-align: middle;
}
.port_2_lft_cell{
    padding: 30px 20px
}
.port_3_rit_cell{
    padding: 30px 20px;
    border:1px #eee solid;
}
.port_2_lft_cell h3{
    margin-top: 0
}
.port_2_rit_cell{
    padding-left: 40px
}
.vc_col-has-fill.right_bg{
    background-position: 100% 0 !important;
}
.center_vert{
    align-items: center;
    justify-content: center;
}
.fb_iframe_widget span{
	width: 100% !important
}
/*
--------------------- 4.1. Blog -------------------- */
.blog-posts.lg-image .post-item{
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.blog-posts.grid .post-item,.blog-posts.masonry .post-item{
    margin-bottom: 40px;
}
.blog-posts .post-item .inner_post_item{
    position: relative;
    padding: 40px;
    border: 1px #e9efff solid;
}
.blog-posts .post-item.sticky .inner_post_item{
    border-color: #f9f1c5;
    background-color: #fffdf5;
}
.blog-posts .post-item.sticky .inner_post_item:before{
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 45px;
    opacity: 0.05;
    display: inline-block;
    font-family: streamline;
    content: "\e976";
}
.blog-posts .post-item .inner_post_item:after{
    content: " ";
    display: table;
    clear: both;
}
.blog-posts .post-item .abs_bg{
    position: relative;
    overflow: hidden;
    padding: 40px;
}
.blog-posts.small-image .post-item .abs_bg{margin-bottom: 0;}
.post-item .abs_bg ul.post-meta li:after{
    color: #fff !important
}
.blog-posts.lg-image .post-item{
    border-bottom: 1px #e9efff solid;
}
.blog-posts.lg-image .post-item:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
.blog-posts.small-image .post-item .abs_bg .post-info{
    width: 100% !important;
    background-color: transparent;
    padding: 0;
}
.blog-posts .post-item .abs_bg > img{
    position: absolute;
    top: 0;
    left: 0
}
.blog-posts .post-item .abs_bg.main-bg a,.blog-posts .post-item .abs_bg.main-bg ul.post-meta li{
    color: #fff
}
.blog-posts .post-item .abs_bg.main-bg a:hover{
    color: rgba(255,255,255,1);
}
.blog-posts .post-item .abs_bg .post-info h3, .blog-posts .post-item .abs_bg .post-info h2{
    padding-bottom: 0
}
.blog-posts .post-item .abs_bg .post-info h3:after, .blog-posts .post-item .abs_bg .post-info h2:after{
    display: none;
}
.abs_qte,.abs_lnk{
    position: absolute;
    font-size: 80px;
    top: -8px;
    right: -8px;
    color: rgba(255, 255, 255, 0.25);
    transform: rotate(80deg);
    -webkit-transform: rotate(80deg);
}
.abs_qte{
    transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
}
.post-item .wst-post-media,.wst-single-media{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.blog-posts .post-item .entry-content p:last-child,.comment-content p:last-child{
    margin-bottom: 0
}
.blog-posts:not(.small-image) .post-item .wst-post-media > a,.blog-posts:not(.small-image) .post-item .wst-post-media .slick-slider a{
    display: block;
    overflow: hidden;
}
.post-info h3.wst-post-title,.post-info h2.wst-post-title{
    position: relative;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
ul.post-meta{
    padding-top: 10px;
}
.post-item ul.post-meta{
    margin-bottom: 20px;
}
ul.post-meta li,.post-categories li{
    display: inline-block;
    font-size: 13px;
}
.page-title ul.post-meta li, .page-title .post-categories li{
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.page-title .post-categories{
    margin-bottom: 20px;
}
.page-title .post-categories li a{
    display: block;
    padding: 2px 15px;
    border: 1px rgba(255, 255, 255, 0.35) solid;
    margin: 3px
}
.page-title ul.post-meta li:after{
    background-color: #fff
}
ul.post-meta > li:after{
    content: "";
    display:inline-block;
    margin: 0 15px;
    position:relative;
    top: -1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e9efff;
}
ul.post-meta li li:after{
    content: ", ";
    display:inline-block;
    margin: 0 5px 0 2px;
    position:relative;
}
ul.post-meta li:last-child:after{
    display:none;
}
ul.post-meta li:not(.post-icon ) i,.singl_cat_lbl i{
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.entry-content:after{
    display: table;
    content: " ";
    clear: both;
}
.post-item .wst_post_share{
    margin: 30px auto 0;
    padding: 0;
    list-style: none;
}
.wst-single-media iframe,.wst-single-media div.wp-video,.wst-single-media video,.wst-single-media .mejs-container,.wst-post-media iframe,.wst-post-media div.wp-video,.wst-post-media video,.wst-post-media .mejs-container{
    max-width: 100%;
    width: 100%;
    border: 0;
}
.wst-single-media iframe,.wst-single-media div.wp-video,.wst-single-media video,.wst-single-media:not(.post-format-audio) .mejs-container{
    min-height: 400px
}
.blog-posts .post-item.format-video .wst-post-media{
    padding-top: 56.25%;
}
.blog-posts.small-image .post-item.format-video .wst-post-media,.blog-posts.small-image .post-item.format-audio .wst-post-media{
    padding-top: 28.25%;
}
.blog-posts .post-item.format-video .wst-post-media iframe,.blog-posts .post-item.format-audio .wst-post-media iframe{
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.wst-post-gallery .slick-dots{
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: auto !important;
    margin: 0 !important;
}
.post-sticky{
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
    text-align: center;
    font-size: 18px;
    background-color: #f5f6ff;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.post-sticky i{
    display: inline-block;
}
.wst-content-column .pager{
    margin-top: 60px
}

.pager{
    margin: 50px 0
}
ul.page-numbers li{
    display: inline-block;
    margin: 0 5px;
}
ul.page-numbers li,.sub-pager a, .sub-pager span{
    position: relative;
}
ul.page-numbers li a,ul.page-numbers li span,.sub-pager a span{
    position: relative;
    z-index: 1
}
ul.page-numbers li:before{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #f0f4ff;
    border-radius: 50%;
    z-index: -1;
}
.sub-pager a:before, .sub-pager > span:not(.page-links-title):before{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 0;
    border: 1px #e9efff solid;
    z-index: 0;
    background-color: #fff;
}
.sub-pager a:hover, .sub-pager > span:hover:not(.page-links-title){
    z-index: 3;
}
ul.page-numbers li:hover:before,.sub-pager a:hover:before, .sub-pager > span:not(.page-links-title):hover:before{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}
ul.page-numbers li a,ul.page-numbers li span,.sub-pager a,.sub-pager > span:not(.page-links-title),.oldnew li a,.loadmore .btn{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
.sub-pager > span:not(.page-links-title),ul.page-numbers li span.current{
    color: #fff;
}
ul.page-numbers li a i{
    font-size: 17px
}
.sub-pager{
    margin: 30px 0px 0px !important;
    padding: 0px 1px;
    background-color: #f8faff;
    border: 1px #e9efff solid;
    display: block !important;
    text-align: right;
}
.blog-posts .post-item .inner_post_item .sub-pager{
    margin: 30px -41px -41px !important;
}
.sub-pager a,.sub-pager > span:not(.page-links-title){
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    font-size: 13px;
    margin: -1px -2px -1px -3px;
}
.sub-pager span.page-links-title{
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.pager.centered > ul.page-numbers,.sub-pager{
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.pager.right > ul.page-numbers{
    display: table;
    margin-left: auto;
    margin-right: 0;
}
.oldnew:after{
    display: table;
    clear: both;
    content: "";
}
.oldnew li a i{
    margin:0 10px 0 0;
    font-size: 18px;
    vertical-align: middle;
}
.oldnew li{
    float: left;
}
.oldnew li.next{
    float: right;
}
.oldnew li.next a i{
    margin:0 0 0 10px;
}
.oldnew li a,.loadmore .btn{
    padding: 25px 30px;
    position: relative;
    width: auto;
    letter-spacing: 1px;
    line-height: 1;
    height: auto;
    font-size: 13px;
    font-weight: bold
}
.loadmore{
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.loadmore .btn{
    padding: 30px 55px
}
.loadmore .load_msg {
    padding: 7px 15px;
    background-color: #ffecb2;
    border: 1px #fd7 solid;
    font-size: 13px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: auto;
    display: table;
    min-width: 200px;
    width: 200px;
    white-space: nowrap;
}
.loadmore .wst_preloader, .loadmore .load_msg {
    display: none;
}
.loadmore .wst_preloader i {
    font-size: 17px;
    margin: 0 0 0 10px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.wst_preloader i{
    font-size: 24px;
    display: table;
    margin: auto;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

/* blog types */
.blog-posts:after{
    display: table;
    clear: both;
    content: " "
}
.wst-post-media:after{
    display: table;
    content: " ";
    clear: both;
}
.blog-posts.small-image .inner_post_item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.blog-posts.small-image .post-item{
    margin-bottom: -1px;
}
.blog-posts.small-image .wst-post-media{
    width: 50%;
    margin-bottom: 0;
}
.blog-posts.small-image .post-item .post-info,.blog-posts.small-image .post-item .post-meta,.blog-posts.small-image .post-item .more_container,.blog-posts.small-image .post-item .wst_post_share{
    text-align: left;
}
.blog-posts.small-image .post-item:nth-child(even) .inner_post_item .wst-post-media{
    order:1;
}
.blog-posts.small-image .post-item:nth-child(even) .inner_post_item .post-sticky{
    left:auto;
    right: 10px;
}
.blog-posts.small-image .post-item .post-info{
    width: 50%;
}
.blog-posts.small-image .post-item .post-info h3:after{
    transform: none;
    -webkit-transform: none;
    left: 0
}
.blog-posts .post-item .twitter-tweet{
    width: 100% !important
}
.blog-posts.small-image .post-item .post-info h3{
    padding-top: 0;
    font-size: 22px;
    letter-spacing: 0;
}
.blog-posts.small-image .post-info{
    background-color: #fff;
    padding: 0 40px;
}
.blog-posts.grid,.blog-posts.masonry{
    margin: 0 -15px
}
.blog-posts.grid .post-item .post-info h3,.blog-posts.grid .post-item .post-info h2,.blog-posts.masonry .post-item .post-info h3,.blog-posts.masonry .post-item .post-info h2{
    font-size: 20px;
    letter-spacing: 0;
}
.gallery-size-thumbnail{
    overflow: hidden;
}
.gallery-columns-9 .gallery-item {
    width: 11.11111111111111%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-7 .gallery-item {
    width: 14.28571428571429%;
}
.gallery-columns-6 .gallery-item {
    width: 16.66666666666667%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33333333333333%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
[class*="gallery-columns-"] .gallery-item img{
    width:100%
}
.gallery-item {
    float: left;
    position: relative;
    overflow: hidden;
    padding: 1px;
}
.gallery-item p{
    margin: 0
}
.gallery-caption {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 90%;
    line-height: 1.5;
    max-height: 50%;
    opacity: 0;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.gallery-item:hover .gallery-caption{
    opacity:1
}
.post-chat .chat-row{
    padding:15px;
    font-style: italic;
    font-size: 14px;
}
.post-chat .chat-row > span{
    margin-right: 15px;
    font-weight:bold;
}
.post-chat .chat-row > span cite{
    font-style:normal
}
.post-chat .chat-row > span i{
    margin-right: 10px;
    color: #dce4f7;
}
.post-chat .chat-row.row-odd{
    background-color: rgba(233, 239, 255, 0.3);
}

/* single */
.wst-blog-single .wst-post-content{
    position: relative;
}
.wst-full-title .wst-post-content .wst-single-media{
    display: none
}
.wst-full-title .wst-post-content .wst-single-media.wst-post-gallery,
.wst-full-title .wst-post-content .wst-single-media.post-format-video,
.wst-full-title .wst-post-content .wst-single-media.post-format-audio{
    display: block
}
.wst-full-title .wst-post-content .post-format-gallery .wst-post-media,.wst-full-title .wst-post-content .post-format-image .wst-post-media{
    margin-bottom: 0
}
.wst-post-content .wst-single-media {
    text-align: center;
}
.wst-blog-single .post-info{
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
}
.wst-single-title{
    font-size: 32px;
}
.wst-single-content{
    padding-bottom: 40px;
}
.wst-single-content:after{
    clear: both;
    display: table;
    height: 1px;
    content: " "
    
}
.lft-cell .wst-post-bottom-info,.rit-cell .wst-post-bottom-info{
    width: 100%
}
.row:not(.lft-cell):not(.rit-cell) .wst-post-bottom-info{
    padding-right: 30px;
    padding-left: 30px;
}
.wst-post-content .wst-single-img,.wst-post-content .post-meta,.wst-post-content .wst-single-cats{
    margin-bottom: 30px !important;
    text-align: center;
}
.wst-post-content .post-meta,.wst-post-content .wst-single-cats{
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
}
.wst-blog-single .post-categories{
    padding: 0;
    list-style: none;
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}
.wst-single-tags.wst-post-block .wst-inner-form-bg{overflow: hidden;font-size: 0px;}
.wst-single-tags a{
    display: inline-block;
}
.wst-single-tags a:hover{
    border-color: transparent;
}
.wst-post-block.wst_post_share{
    padding: 40px;
    background-color: #f3f7ff;
    border: 0;
    text-align:center;
}
.post-tags{
    font-size: 0px;
    margin-top:8px;
}
.post-tags a{
    font-size: 13px;
    float: right;
    margin: 0 0 4px 4px;
    line-height: 1;
    padding: 10px 15px;
    color: #333;
    border: 1px #e8e8e8 solid;
}
.wst-blog-single .post-tags a:hover{
    background-color: #fff;
    color:#222;
    border-color: #fff;
}
.author-info {
    padding: 40px 30px;
    display: flex;
    background-color: #f7f9ff;
    overflow: hidden;
    margin-top: 0 !important;
}
.author-info .author_meta_section{
    margin-top: 30px;
    display: table;
}
.author-info .author_meta_section:before{
    content:" ";
    display:table;
    clear:both
}
.author-info .author_meta_section span.byline{
    font-size:13px;
    font-weight:bold;
}
.author-info .author_meta_section img{
    display: inline-block !important;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
    width: auto !important;
}
.author-info .author-avatar {
    margin: 0 30px 0 2px;
    overflow: hidden;
    flex: 0 0 auto;
}
.author-info .author-avatar .avatar {
    max-width: 100%;
}
.wst-post-block{
    clear: both;
    margin-bottom: 40px;
    margin-top: -20px;
}
.wst-post-block:after{
    display: table;
    content: " ";
    clear: both;
}
.nav-single .nav-block{
    display: block;
    font-weight: 700;
    margin-top: 5px;
}
.nav-single .nav-next a:hover .meta-nav{
    transform: translate(5px,0);
    -webkit-transform: translate(5px,0);
}
.nav-single .container > div > div{
    width:50%;
    float: left;
}
.nav-single .container .nav-next{
    float:right;
}
.nav-single a{
    display: inline-block;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
    padding: 15px 30px;
    margin: 0 -1px;
    border-left: 1px rgba(255, 255, 255, 0.25) solid;
    border-right: 1px rgba(255, 255, 255, 0.25) solid;
}
.nav-single a:hover{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
}
.nav-single .meta-nav{
    display: inline-block;
    vertical-align: middle;
}
.nav-single a:hover .meta-nav{
    transform: translate(-5px,0);
    -webkit-transform: translate(-5px,0);
}
.nav-single .nav-next .meta-nav i{
    margin-left: 15px;
    vertical-align: middle;
}
.nav-single .nav-previous .meta-nav i{
    margin-right: 15px;
    height: inherit;
    vertical-align: middle;
    line-height: 1;
}
.nav-next{
    text-align:right
}
.wst-related-posts .wst-heading,.comment-respond .wst-heading,div.comments .wst-heading{
    font-size: 30px
}
.wst-related-posts .wst-heading:after,.comment-respond .wst-heading:after,div.comments .wst-heading:after{
    font-size: 55px;
}
.wst_rel_img{
    background-color: #e0ebff;
    overflow: hidden;
    margin-bottom: 20px;
}
.wst_rel_link{
    text-align: center;
    word-break: break-word;
}
.wst_rel_date{
    text-align: center;
    font-size: 13px;
    margin: -10px 0 0;
    opacity: 0.6;
}
.wst-inner-heading,.comment-reply-title{
    margin: 0 0 0 15px;
    padding: 10px 15px;
    line-height: 1;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #222;
    color: #fff;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
.wst-inner-form-bg,.comment-form,.wst-related-posts > .row,.related.products .products{
    border: 1px #e0ebff solid;
    padding: 40px 30px;
    margin: 0;
}
.related.products .products{
    padding-bottom: 0
}
.wst-related-posts > .row{
    padding-left: 15px !important;
    padding-right: 15px !important
}
.wst-inner-form-bg .hint{
    display: inline-block;
    float: right;
    margin: -40px -15px 0 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 5px 13px;
    background-color: #f3f7ff;
    font-size: 13px;
}
.comment-list{
    clear: both;
    margin-top: 15px !important;
}
.comment-respond,div.comments,.wst-related-posts{
    clear: both;
    margin-top: 40px;
    position: relative;
}
.comment-respond textarea,.comment-respond input[type="text"],.comment-respond  input[type="email"],.comment-respond  input[type="url"]{
    width:100%;
    resize: none;
}
.comment-respond .logged-in-as:before{
    font-family: streamline;
    content: "\e9c6";
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}
.comment-respond small{
    position: absolute;
    left: 105%;
    top: 11px;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}
.comment-respond small a{
    color: #fff;
    background-color: #f00;
    padding: 5px 10px;
}
.required{
    color: #f00;
    font-size: 13px;
}
.comment-respond p{
    margin: 0 0 15px !important;
}
.comment-respond p.form-submit{
    margin: 0 !important;
}
.comment-form-cookies-consent,.comment-notes{
    font-size:12px
}
.comment-respond label{
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}
.comment-respond label[for="wp-comment-cookies-consent"]{
    font-weight: normal;
}
.comment-list li{
    /* list-style: none; */
}
.comment-list li:after{
    display: table;
    clear: both;
    content: " ";
}
.comment-list > li{
    position: relative;
    margin-bottom: 40px;
}
.comment-body{
    position:relative
}
.comment-list li footer.comment-meta{
    position: relative;
}
.comment-list li .comment-author{
    position: relative
}
.comment-list > li:not(.trackback):not(.pingback) > .comment-body > .comment-meta .comment-author:before,.comment-list li:not(.trackback):not(.pingback) .comment-author:after{
    position: absolute;
    width: 30px;
    height: 5px;
    background-color: #e0ebff;
    content:"";
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.comment-list li:not(.trackback):not(.pingback) .comment-author:after{
    top: auto;
    bottom: -20px;
    width: 5px;
    height: 20px;
    left: 28px;
    transform: none;
    -webkit-transform: none;
}
.comment-list li:not(.trackback):not(.pingback) .comment-metadata{
    font-size: 83%;
    margin: -33px 0 30px 75px;
    opacity: 0.6;
}
.comment-list li.trackback .comment-metadata,.comment-list li.pingback .comment-metadata{
    font-size: 83%;
    margin: -3px 0 0 0;
    opacity: 0.6;
}
.comment-list li .comment-author img{
    margin-right: 15px;
    border-radius: 50%;
    width: 60px;
    vertical-align: text-top;
    border: 4px #e0ebff solid;
}
.comment-list li .comment-meta .edit-link{
    display:inline;
    margin-left: 10px;
}
.comment-list li article .reply{
    position: absolute;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    right: 0;
    top: 60px;
}
.comment-list li article .reply a{
    display: block;
}
.comment-list > li .comment-content{
    clear: left;
    word-wrap: break-word;
    margin: 20px 0 0 0;
    padding: 20px;
    border: 1px solid #e0ebff;
    border-bottom-width: 3px;
}
.comment-list > li:last-child{
    margin-bottom: 0
}
.comment-list ul.children{
    margin: 0 0 0 30px;
    padding: 40px 0 0 30px;
    list-style: none;
}
.comment-list ul.children li{
    margin-bottom: 40px;
}
.comment-list ul.children li:last-child{
    margin-bottom: 0
}
.form-submit input.submit{
    border:0;
    padding: 19px 26px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    position:relative;
    letter-spacing: 1px;
    margin-top: 15px;
}
.form-submit input.submit:hover,.wst-single-tags a:hover{
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.comment-form-author{
    width: 49%;
    float: left;
    margin-right: 1% !important;
}
.comment-form-email{
    width: 49%;
    float: right;
}

/*
--------------------- 4.2. SideBar -------------------- */
.sidebar{
    flex: 0 0 25%;
    min-width: 0;
    order: 3;
    position: relative;
}
.row.rit-cell .sidebar{
    order: 1;
}
.sidebar .widget,.wpb_widgetised_column .widget {
    margin-bottom: 60px;
    border: 1px #e9efff solid;
    padding: 0 25px 25px;
}
.widget_wst_widget_side_banners{
    padding: 0 !important;
    border: 0 !important;
}
.sidebar .widget h2.widgettitle, .wpb_widgetised_column .widget h2.widgettitle{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 20px;
    margin: -8px 0 30px;
    display: table;
    background-color: #ffffff;
}
.sidebar .widget > ul,.wpb_widgetised_column .widget > ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.widget .rsswidget:first-child{
    margin-right: 8px
}
.widget_rss .rsswidget{
    font-weight: bold;
}
.widget_rss .rss-date{
    opacity: 0.5;
    display: block;
    font-size: 85%;
    margin-bottom: 10px;
}
.widget_rss cite{
    font-style: normal;
    margin: 10px 0;
    display: block;
}
.sidebar .widget ul,.wpb_widgetised_column .widget ul,.slbar .widget ul{
    list-style: none;
    font-size: 14px;
}
.sidebar .widget ul ul, .wpb_widgetised_column .widget ul ul{
    padding-left: 20px;
}
.sidebar .widget ul ul li,.slbar .widget ul ul li{
    padding-top:5px
}
.sidebar .widget > ul > li,.wpb_widgetised_column .widget > ul > li,.slbar .widget > ul > li{
    padding: 10px 0;
    border-top: 1px #e6e6e6 dashed;
}
.sidebar .widget > ul > li:after,.wpb_widgetised_column .widget > ul > li:after,.slbar .widget > ul > li:after{
    clear: both;
    content: " ";
    display: table
}
.sidebar .widget_recent_entries > ul > li,.wpb_widgetised_column .widget_recent_entries > ul > li{
    padding: 15px 0
}
.slbar .widget > ul > li{
    border-top-color: rgba(255,255,255,0.1)
}
.sidebar .widget > ul > li:first-child,.wpb_widgetised_column .widget > ul > li:first-child,.slbar .widget > ul > li:first-child{
    border-top:0;
}
.widget.widget_archive ul li a:before, .widget.widget_meta ul li a:before, .widget.widget_pages ul li a:before, .widget.widget_categories ul li a:before,.widget.widget_nav_menu ul li a:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px #dbe4f7 solid;
    vertical-align: middle;
    transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    z-index: -1
}
.widget.widget_archive ul li a:hover:before, .widget.widget_meta ul li a:hover:before, .widget.widget_pages ul li a:hover:before, .widget.widget_categories ul li a:hover:before, .widget.widget_nav_menu ul li a:hover:before{
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
    border-width: 1px;
}
.widget.widget_archive ul li li a:before, .widget.widget_meta ul li li a:before, .widget.widget_pages ul li li a:before, .widget.widget_categories ul li li a:before, .widget.widget_nav_menu ul li li a:before{
    background-color: #dbe4f7;
    border-radius: 50%
}
.wst-footer .widget.widget_archive ul li a:before, .wst-footer .widget.widget_meta ul li a:before, .wst-footer .widget.widget_pages ul li a:before, .wst-footer .widget.widget_categories ul li a:before, .wst-footer .widget.widget_nav_menu ul li a:before{
    display: none;
}
.widget.widget_archive ul li li li a:before, .widget.widget_meta ul li li li a:before, .widget.widget_pages ul li li li a:before, .widget.widget_categories ul li li li a:before, .widget.widget_nav_menu ul li li li a:before{
    background-color: transparent;
    border-radius: 0
}
.widget:after{
    display: table;
    clear: both;
    content: " "
}
.tagcloud a,.wst-single-tags a {
    float: left;
    margin: 0 5px 5px 0;
    font-size: 14px !important;
    line-height: 1;
    padding: 11px;
    border: 1px #e3eaf7 solid;
}
.widget .calendar_wrap table{
    table-layout: fixed;
}
.widget .calendar_wrap td{
    text-align: center;
}
.wst_author_info{
    text-align:center;
}
.wst_author_info .author-avatar{
    display:table;
    margin: 0 auto 25px;
}
.widget_recent_entries h5{
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600
}
.widget_recent_entries .post-img,.widget_recent_entries .post-gallery,.widget_recent_entries .wst-post-media {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.widget .widget-post-info{
    margin-left: 65px
}
.widget_recent_entries .wst-post-media img{
    width: 45px;
    height: 45px
}
.widget_recent_entries .wid_post-date{
    font-size: 12px;
}
.widget_recent_entries .wid_post-date i{
    padding-right: 10px
}
.widget_recent_entries .meta > span{
    display:inline-block;
    margin-right:8px
}
.widget_recent_entries .meta > span > i{
    color:inherit;
    opacity:0.4;
    padding-right:8px
}
.widget_recent_comments ul li.recentcomments{
    padding-left: 45px !important;
    position: relative;
    padding: 20px 0;
}
span.comment-author-link{
    font-weight:bold;
}
.widget_recent_comments ul li:before{
    font-family: 'streamline';
    line-height: 1;
    font-size: 28px;
    content: "\ea6e";
    position: absolute;
    color: #dbe4f7;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.wst-footer .widget_recent_comments ul li:before{
    opacity: 0.15
}
.inline-menu.widget ul{
    margin-left: -12px
}
.inline-menu.widget ul li{
    display: inline-block;
    padding: 0 !important;
}
.inline-menu.widget ul li a{
    padding: 8px 12px
}
.inline-menu.widget ul li a:before,.inline-menu.widget ul li a:after{
    display: none
}
.wst-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
}
.wst-default-cursor {
    width: 40px;
    height: 40px;
    left: -18px;
    top: -18px;
    border: 1px #fff solid;
    z-index: 11000;
}
.wst-cursor-dot {
    width: 4px;
    height: 4px;
    transform: translate(-50%,-50%);
    content: "";
    display: inline-block;
    background-color: #f00;
    z-index: 13000;
}
.wst-hover-cursor {
    width: 80px;
    height: 80px;
    top: -38px;
    left: -38px;
    background: #fff;
    z-index: 12000;
    border: 1px transparent solid;
    transform: scale(0);
    -webkit-transform: scale(0);
}
.resp_btn,.wst-responsive-btn,.coll-menu{
    display: none !important
}
.wst-responsive-btn:before{
    font-family: streamline;
    display: inline-block;
    content: "\e943";
}
.wst-responsive-btn.act-btn{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.wst-head-menu > .wst-responsive-btn{
	position: absolute;
    left: 10px;
    top: 10px;
    background-color: #333;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}
.wst-right-head-area > .wst-responsive-btn{
	left: auto;
	right: 10px;
}
.coll-menu{
    position: absolute;
    right: 0px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    z-index: 5;
    width: 30px;
    height: 30px;
    line-height: 33px;
    font-size: 10px;
    display: none;
    transition: transform 0.6s ease;
    -webkit-transition: transform 0.6s ease;
}
.coll-menu i{
    color:#fff !important
}
.wst_main_nav ul li li .coll-menu{
    top: 8px;
    width: 25px;
    height: 25px;
    line-height: 26px;
}
.coll-menu.act-btn{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/* ==========================================================================
  8. RESPONSIVE STYLES
============================================================================= */
@media only screen and (min-width: 1920px){
    .pageWrapper.boxed,.pageWrapper.boxed .top-head.fixed-head {
        width: 1400px;
    }
    .pageWrapper.boxed .container {
        width: 1400px;
    }
    body.admin-bar .pageWrapper.boxed .top-head{
        top: 50px;
    }
    body.admin-bar .pageWrapper.boxed .top-head.sticky-head{
        top: 20px;
    }
}
@media (max-width: 1910px) {
    .wst-login-rit{
        float: none;
        overflow: hidden;
        clear: both;
        padding: 15px 0 0;
    }
    .widget ul ul ul{
        padding-left: 13px !important;
    }
    .wst-footer .widget ul ul {
        margin: 3px 0 3px 13px !important;
        padding-left: 0 !important;
    }
}
@media (max-width: 1024px) {
    .wst-close-modal, .search-wrapper .close_search, .slbar_close{
    	top: 10px;
    	right: 10px;
		width: 40px;
		height: 40px;
		line-height: 41px;
		z-index: 9999;
    }
    .row.lft-cell .wst-content-column{
	    padding-right: 20px;
	}
	.row.rit-cell .wst-content-column{
	    padding-left: 20px
	}
	.top-head .wst_main_nav > ul > li > a {
	    font-size: 14px !important;
	    font-weight: normal !important;
	}
	.top-head .wst_main_nav > ul > li {
	    padding-right: 10px !important;
	    padding-left: 10px !important;
	}
	.wst-content-column{
		flex: 1 70%
	}
	.sidebar {
	    flex: 0 0 30%;
	}
	.top-head .wst_head_wrap{
		display: flex;
		align-items: center;
	}
	.slick-slider.multi-slides .slick-list,.cp-img-map{
        overflow: hidden !important;
    }
    .slick-slider.arrows-sides .slick-arrow {
        left: 15px !important;
    }
    .slick-slider.arrows-sides .slick-arrow.slick-next {
        right: 15px !important;
        left: auto !important
    }
}
@media (max-width: 992px) {
    .container{
        width: 100%
    }
    .top-head [class*="wst-head-align-"] .wst_main_nav{
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 99;
    }
    .wst_main_nav ul li:not(.mega-menu):hover > ul,.wst_main_nav > ul > li.mega-menu:hover .mega-content {
	    visibility: hidden;
	    opacity: 0;
	    z-index: -1;
	}
    .top-head .wst_head_wrap > div[class*="-head-area"],.top-head .wst_head_wrap {
        position: static;
    }
    .top-head .wst_head_wrap {
        padding-left: 15px;
        padding-right: 15px;
        line-height: normal;
        height: auto;
        position: relative;
    }
    .top-head .wst_head_wrap .wst-head-btns{
        margin-top: 10px
    }
    .top-head .wst_main_nav > ul{
        width: 100%;
        background-color: #111;
        padding: 20px;
    }
    .wst-responsive-btn{
        display: inline-block !important;
    }
    .wst-head-align-right .wst-responsive-btn,.wst-head-align-right .wst-responsive-btn {
        float: right;
        margin-right: 10px
    }
    .resp_btn .wst-responsive-btn,.coll-menu,.resp_btn,.center_vert{
        display: block !important;
    }
	td.product-quantity div.quantity {
		display: inline-block !important;
		margin-right: -5px
	}
	.top-head .cart-box {
		right: 50%;
		left: 50%;
		transform: translate(-50%,15px);
		-webkit-transform: translate(-50%,15px);
	}
	.cart-btn:hover .cart-box {
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
    .resp_btn .wst-responsive-btn{
        position: static !important;
        float: none;
        margin: 0;
    }
    .top-head .wst_main_nav ul li{
        line-height: 50px;
        height: auto;
        display: block;
        float: none !important;
    }
    .top-head .wst_main_nav ul li li{
        line-height: 30px;
        padding: 0;
    }
    
    .wst_main_nav ul ul{
        min-width: 100% !important;
    }
    .wst_main_nav ul ul,.wst_main_nav .mega-content{
        position: static !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        max-height: 0px !important;
        z-index: 999
    }
    .wst_main_nav ul ul{
        padding: 0 20px !important;
    }
    .slbar .widget_nav_menu .menu > li > a{
        font-size: 13px
    }
    .slbar .widget{
        width: 100% !important;
        float: none
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a{
        background-color: transparent !important
    }
    .wst_main_nav ul ul ul{
        padding:0 15px !important;
        background-color: rgba(0, 0, 0, 0.12) !important;
        transform: translateY(20px) !important;
        -webkit-transform: translateY(20px) !important;
        font-size: 13px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .wst_main_nav.custom ul ul ul{
        background-color: rgba(0, 0, 0, 0.12) !important;
    }
    .wst_main_nav li.hiddenChild > a{
        display: block;
        visibility: visible;
        opacity: 1;
        max-height:1000px
    }
    .wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:before, .wst_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after{
        display: none
    }
    .wst_main_nav > ul > li{
        line-height: 45px;
        position: relative !important;
        border-top: 1px rgba(255, 255, 255, 0.05) solid;
        margin: 0 !important;
    }
    .wst_main_nav ul.act-menu,.wst_main_nav .mega-content.act-menu{
        max-height: 1000px !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 20px;
        transform: perspective(600px) rotate3d(0,0,0,0) !important;
        -webkit-transform: perspective(600px) rotate3d(0,0,0,0) !important;
    }
    .top-head .wst_main_nav .mega-content{
        width: 100%;
        min-width: 100%;
        padding: 0;
    }
    .wst_main_nav .mega-content>.row>ul>li>a{
    	margin-bottom: 0
    }
    .wst_main_nav .mega-content.act-menu > .row > ul{
    	opacity: 1 !important;
    	visibility: visible !important
    }
    .top-head .wst_main_nav ul ul ul.act-menu{
        transform: translateY(0px) !important;
        -webkit-transform: translateY(0px) !important;
    }
    .wst_main_nav .mega-content ul ul {
		max-height: 0 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		padding: 0 !important
	}
	.wst_main_nav .mega-content ul.act-menu {
		max-height: 10000px !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wst_main_nav .mega-content > .row{
		display: none !important;
	}
	.wst_main_nav .mega-content.act-menu > .row{
		display: block !important;
	}
    .wst_main_nav > ul > li:first-child{
        border-top: 0px;
    }
    .wst_main_nav ul li a{
        color:#fff !important;
        font-weight:normal !important;
        transition: none !important;
        -webkit-transition: none !important;
    }
    .wst_main_nav ul li a span span:before{
        transform: translateY(-114%);
        -webkit-transform: translateY(-114%);
        line-height: 1.3;
    }
    .top-head.head-layout-2 .wst_head_wrap .wst-center-head-area .wst_main_nav .mega-content, .top-head.head-layout-3 .wst_head_wrap .wst-center-head-area:not(.wst-head-align-left):not(.wst-head-align-right) .wst_main_nav .mega-content, 
    .top-head.head-layout-4 .wst_head_wrap .wst-right-head-area.wst-head-align-center .wst_main_nav .mega-content {
        left: 0;
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
    }
    .wst-page-content .row,.counter-box.wst-in-count,.blog-posts.small-image .inner_post_item{
        display: block;
        clear: both;
    }
    fieldset {
		margin: 0 0 20px;
		padding: 10px;
	}
    .wst-footer .widget,.blog-posts.small-image .wst-post-media,.blog-posts.small-image .post-item .post-info{
        width: 100% !important;
    }
    .wst-page-wrap{
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    [class*="col-md-"],[class*="columns-"] > .widget,.comment-respond .logged-in-as, .comment-respond .comment-notes{
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    [class*="col-md-"]:after{
        clear: both;
        display: table;
        content: " ";
    }
    .wst-related-posts [class*="col-md-"] {
        margin-bottom: 30px !important
    }
    .wst-section[class*=-padding] div[class*=-padding]{
    	padding-top: 0 !important;
    	padding-bottom: 0 !important
    }
    .top-head .menu-message{
    	white-space: normal;
    	margin-top: 15px;
    	font-size: 75%;
    }
    .breadcrumb{
    	padding-left: 15px !important;
    	padding-right: 15px !important
    }
    .xxs-padding{padding-top: 10px !important;padding-bottom: 10px !important}
    .xs-padding,.footer-middle{padding-top: 20px !important;padding-bottom: 20px !important}
    .sm-padding{padding-top: 40px !important;padding-bottom: 40px !important}
    .md-padding{padding-top: 70px !important;padding-bottom: 70px !important}
    .lg-padding{padding-top: 100px !important;padding-bottom: 100px !important}
    .xl-padding{padding-top: 140px !important;padding-bottom: 140px !important}
    .xxl-padding{padding-top: 200px !important;padding-bottom: 200px !important}
    .row.lft-cell .wst-content-column,.row.rit-cell .wst-content-column,.sidebar,.wst-main-content.container {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }
    .wst-main-content, .site_content{
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }
    .author-info{
        display: block;
        text-align: center
    }
    .author-info .author-avatar{
        margin: 0 auto 20px
    }
    .page-title h1{
        font-size: 7vw !important
    }
    .page-title h3{
        max-width: 90%;
        font-size: 4vw !important
    }
    .top-head.fixed-head {
        position: static;
    	background-color: #252525;
    }
    .wst-close-modal{
        top: 10px;
        right: 10px;
    }
    .search-wrapper.active-srch .search-form{
        width: 90%
    }
    .row{
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    [class*="col-md-"],.container,.container-fluid,.slick-slider, .col-1, .col-2{
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .foot-top > .container,.page-title .container{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .footer-middle > .container,.footer-bottom > .container{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .wst-section{
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        padding-top: 50px !important;
        padding-right: 25px !important;
        padding-bottom: 50px !important;
        padding-left: 25px !important;
    }
    .col2-set{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .wst-section div[class*="col-md-"][class*="-padding"]{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: -50px !important;
        margin-bottom: -50px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .wst-carousel-slider .slick-arrow {
		line-height: 30px !important;
		width: 30px !important;
		height: 30px !important;
	}
	.wst-carousel-slider .slick-arrow svg{
		transform: scale(0.7) !important;
		-webkit-transform: scale(0.7) !important;
	}
	.slick-slider .slick-arrow.slick-prev svg{
		transform: scale(0.7) rotate(180deg) !important;
		-webkit-transform: scale(0.7) rotate(180deg) !important;
	}
	.wst-carousel-slider[class*=arrows-bottom-] .slick-arrow {
	    bottom: 0px !important;
	}
	.btn-container{
		margin: 20px 0 
	}
    .wst-col-bg{
        width: calc( 100% + 50px ) !important;
        left: -25px !important;
    }
    .wst-section .wst-row-bg,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
        width: 100% !important;
        left: 0 !important;
    }
    .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
	    float: none;
	    clear: both;
	    display: block;
	}
    .container.wst-post-bottom-info {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .wst-tweets-wrap .timeline-TweetList, .center_vert .top-foot-txt{
        margin-bottom: 50px !important;
    }
    .footer-bottom > .container,.footer-middle > .container{
        padding-top: 60px;
        padding-bottom: 30px
    }
    .wst-footer .widget{
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }
    .slbar:before, .search-wrapper:before {
        width: 350vw;
        height: 350vw;
        top: calc(90px - 175vw);
        right: calc(100px - 175vw);
    }
    .slbar.active-slbar:before, .search-wrapper.active-srch:before {
        transition: transform 1.2s cubic-bezier(.4,0,0,1);
        -webkit-transition: transform 1.2s cubic-bezier(.4,0,0,1);
    }
    .slbar .widget_nav_menu .menu > li > a{
        font-size: 40px;
        line-height: 1.5
    }
    body.admin-bar .top-head {
        top: 30px !important;
    }
    .nav-single .wst-row,.slbar .foot-image,.slbar .widget-txt{
        margin: 0
    }
    .entry-content iframe,.fb_iframe_widget_fluid span,.wst-post-content iframe{
        width: 100% !important;
        min-width: 100% !important;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .wst-footer .widget_text,.center_vert > div{
        text-align: center
    }
    .top-head .wst_head_wrap > div[class*="-head-area"],.top-head .wst_head_wrap {
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
    }
    .top-head .wst_head_wrap{
    	padding: 15px 0
    }
    .top-head .wst_head_wrap .wst-head-btns,.top-head .wst_head_wrap .wst-head-align-right,.top-head .wst-head-align-right .wst_main_nav, .top-head .wst-head-align-right .wst_logo, 
    .top-head .wst-head-align-right .wst-head-btns, .top-head .wst-head-align-right .wst-head-btn {
        margin: 0 auto;
    }
    .wst_logo{
    	text-align: center;
    }
}
@media (max-width: 640px) {
    .slbar:before, .search-wrapper:before {
        width: 500vw;
        height: 500vw;
        top: calc(90px - 250vw);
        right: calc(100px - 250vw);
    }
    .slbar .widget_nav_menu .menu > li > a{
        font-size: 20px;
        line-height: 1.6
    }
    .slbar .widget h2.widgettitle{
    	font-weight: 600;
    	font-size: 13px
    }
    .slbar .sl_bar_content .widget{
        float: none;
        width: 100%;
        margin-bottom: 50px
    }
    .slbar .sl_bar_content .widget.widget_wst_widget_image_text{
    	margin-bottom: 30px
    }
    .search-wrapper .search-form .wst-input-lbl,.search-wrapper .search-form .wst-cust-input {
        font-size: 14px;
    }
    .page-title .in-page-title{
		height: 300px !important;
		padding: 40px 0;
    }
    .page-title h1 {
        font-size: 9vw !important;
    }
    .wst-inner-form-bg, .comment-form, .wst-related-posts > .row, .related.products .products{
        padding: 30px 20px
    }
    .blog-posts .post-item .inner_post_item{
        padding: 20px
    }
    ul.page-numbers li a, ul.page-numbers li span, .sub-pager a, .sub-pager > span:not(.page-links-title), .oldnew li a, .loadmore .btn {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-weight: normal;
        font-size: 13px
    }
    ul.page-numbers li {
        display: inline-block;
        margin: 0 3px 6px;
    }
    .blog-posts .post-item .inner_post_item .sub-pager {
        margin: 30px -21px -21px !important;
    }
    .comment-list > li:not(.trackback):not(.pingback) > .comment-body > .comment-meta .comment-author:before,
    .comment-list li:not(.trackback):not(.pingback) .comment-author:after, .comment-list li:not(.trackback):not(.pingback) .comment-author:after{
        display: none
    }
    .comment-list{
        margin: 15px -21px 0 !important
    }
    .comment-list ul.children {
        margin: 0 5px 0 20px;
        padding: 20px 0 0 0;
    }
    .comment-list li article .reply {
        top: 50px;
        right: 10px;
    }
    .comment-list li .comment-author img{
        margin: 0 15px 0 0;
        width: 45px;
    }
    .comment-list li:not(.trackback):not(.pingback) .comment-metadata {
        margin: -22px 0 30px 70px;
        line-height: 1.4;
    }
    .post-password-form label,.post-password-form input[type="submit"],.wp-block-media-text {
        display: block;
        width: 100%;
    }
    .woocommerce-info::before, .woocommerce-message::before{
        display: table;
        margin: 0 auto 20px;
    }
    .comment-list li footer.comment-meta{
        padding: 0 20px
    }
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        padding: 1em;
    }
    .page-loader > div{
        width: 80%
    }
    table{
        table-layout: fixed
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 33px;
    }
    h3{
        font-size: 25px;
    }
    h4{
        font-size: 20px;
    }
}

@media (max-width: 320px) {
	.blog-posts{
    	overflow-x: hidden;
    }
}