/*
Theme Name: Kabiweb Developer
Theme URI:  https://khanhbui.net
Author: Khanh Bui - bvkhanh88@gmail.com
Author URI: https://khanhbui.net
Description: This theme is an engaging WordPress theme that is designed to help boost social shares and get you more viral traffic from the web's top social media websites.
Version: 2.1 (Updated: 19/08/2020 17:00)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kbw
Template: kbw-simple
*/

/*@font-face {*/
    /*font-family: 'UTM';*/
    /*src: url('assets/fonts/UTM-HelvetIns.ttf');*/
    /*font-weight: 400;*/
    /*font-style: normal;*/
/*}*/

html body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none !important;
}
@media (min-width: 576px) {
    html body {font-size: 14px;line-height: 1.6;}
}
.kbw-gap-5 {margin-left: -2.5px;margin-right: -2.5px;}
.kbw-gap-5 > [class*="col-"], .kbw-gap-5 > [class*="kc_col"] {padding: 0 2.5px;}
.kbw-gap-10 {margin-left: -5px;margin-right: -5px;}
.kbw-gap-10 > [class*="col-"], .kbw-gap-10 > [class*="kc_col"] {padding: 0 5px;}
.kbw-gap-15 {margin-left: -7.5px;margin-right: -7.5px;}
.kbw-gap-15 > [class*="col-"], .kbw-gap-15 > [class*="kc_col"] {padding: 0 7.5px;}
.kbw-gap-20 {margin-left: -10px;margin-right: -10px;}
.kbw-gap-20 > [class*="col-"], .kbw-gap-20 > [class*="kc_col"] {padding: 0 10px;}
.kbw-gap-25 {margin-left: -12.5px;margin-right: -12.5px;}
.kbw-gap-25 > [class*="col-"], .kbw-gap-25 > [class*="kc_col"] {padding: 0 12.5px;}
.kbw-gap-30 {margin-left: -15px;margin-right: -15px;}
.kbw-gap-30 > [class*="col-"], .kbw-gap-30 > [class*="kc_col"] {padding: 0 15px;}

/* Fix KingConposer */
@media (min-width: 992px) {
    .kbw .kc-row-container.kc-container .kc-wrap-columns, .kbw .kc_row.kc_row_inner {margin-left: -10px;margin-right: -10px;width: calc(100% + 20px);}
    .kbw .kc_column, .kbw .kc_column_inner {padding-left: 10px;padding-right: 10px;}

    .kbw .kc_row.kbw-colgap-0 .kc-wrap-columns, .kbw .kc_row.kbw-colgap-0 .kc_row.kc_row_inner {margin-left: 0;margin-right: 0;width: calc(100% + 0px)!important;}
    .kbw .kc_row.kbw-colgap-0 .kc_column, .kbw .kc_row.kbw-colgap-0 .kc_column_inner {padding-left: 0;padding-right: 0;}
}
@media (max-width: 992px) {
    .kc_single_image img {width: 100%;}
}
@media (max-width: 767px) {
    .kc_column {margin-bottom: 15px;}
}

section.kc_row {padding: 25px 10px;}
.kc_row.gray {background-color: #f2f2f2;}
.kc_row.yellow {background-color: #FFF8C2;}
.kc_row .kc-container {padding: 0;}
.kc_row .kc_text_block.center, .kc_row .kc_text_block.center p {text-align: center;}
.kc_row .kc_text_block {margin-bottom: 30px;}
.kc_row h3 {font-size: 35px;margin: 0 0 15px;}
.kc_row h3 strong, .kc_row h3 b {color: #5bd2ec;}
.entry-content .kc-image-gallery img {border: none;}
.kc_single_image p {line-height: 1.4;}
.kbw-row-stretch.kc_row:not(.kc_row_inner) {float: none;width: auto;}


/*-- GENERAL --*/
@media (min-width: 1920px) {
    div#wrapper {
        box-shadow: none;
    }
}
#wrapper {background: #fff;}
#wrapper.boxed {max-width: none;}
.boxed #main-content {padding: 0 10px;background-color: #fff;}
.boxed #site-footer {padding: 20px;background-color: #fff;box-shadow: none;}
.boxed footer#site-footer .copyrights {background-color: #fff;border: none;}

#kbw-navigation,
span.inline-title, span.inline-title:before,
footer#site-footer .copyrights,
.cat-box-title h2 span, .cat-box-title h2 span:before,
.widget .tagcloud a.tag-cloud-link {
    background-color: #27ae60;color: #fff;
}

#mobile-nav-toggle {color: #27ae60;right: 12px;left: auto;top: 11px;}
.cat-box-title h2 {border-color: #27ae60;}
h1.category {border-color: #dfdfdf;border-width: 1px;}
.widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {font-family: 'Roboto', sans-serif;}
.kbw-pagination a:hover, .kbw-pagination span.current {background-color: #333!important;color: #fff!important;border-color: #333;}

.entry-content a {color: #333;}
#topcontrol {background: #27ae60;}

@media (min-width: 992px) {
    .boxed #site-header {background-color: transparent;box-shadow: none;}
}
@media (min-width: 1200px) {
    .wide .main-container {width: 100%;max-width: none;}
    .boxed .inner-wrapper, .kbw-container, .kbw-content .container {width: 1200px;margin: 0 auto;max-width: 100%;}
    #site-header .container, #kbw-navigation .navigation {width: 1200px;margin: 0 auto;float: none;max-width: 100%;}
    .header-right #kbw-navigation .navigation {width: auto;}

    #kbw-navigation.sticky-navigation-active {}
}

@media (max-width: 991px) {
    [data-breadcrumb="show"] #page {padding-top: 0;}
}

input {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre code,
pre .line-number {
    /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
    font: normal normal 14px/1.6 Monaco, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: #555;
    display: block;
}
pre .line-number {float: left;margin: 1.5px 1em 0 -1em;border-right: 1px solid;text-align: right;}
pre .line-number span {display: block;padding: 0 .5em 0 1em;}
pre .cl {display: block;clear: both;}

.sidebar.col-sidebar {float: none;width: 100%;padding: 0;}
h1.title + .post-listing {margin-top: 20px;}

/* LightGallery */
.lg-backdrop.in {opacity: .9;}

/* fix owl-carousel on mobile */
@media (max-width: 575px) {
    .owl-carousel .owl-item img {position: relative;left: -.5px;}
}


/**
* HEADER
* ----------------------------------------------------------------------------
*/
.header-main {}
.header-center .kbw-search input {width: 567px;border: 2px solid #27ae60;}
.header-center .kbw-search .search-btn {
    height: 34px;
    top: 2px;
    right: 2px;
    background: #27ae60;
    color: #ff0;
    font-size: 1.4rem;
}
.kbw-search select.select-term {
    position: absolute;
    right: 54px;
    top: 2px;
    height: 34px;
    border: none;
    outline: none;
    border-left: 1px dotted #27ae60;
    font-weight: 700;
}
.kbw-search select.select-term option {text-align: center;}
.flags img {max-height: 31px;border: 1px solid #cfcfcf;border-radius: 3px;padding: 2px;}
@media (max-width: 991px) {
    #site-header #logo {padding-left: 10px;}
    .flags {padding-right: 10px;}

	#site-header .header-content {display: block;}
    .kbw-search {position: absolute;left: -1px;top: 52px;width: 100vw;}
    .header-center .kbw-search input {width: 100%;}

    #catcher-header.catcher-header-fixed {height: 90px;}
}

.btn-login {
    background: 0 0;
    border: 2px solid #27ae60;
    color: #333;
    line-height: 28px;
    padding: 0 5px;
    font-weight: 600;
    display: inline-block;
}
.btn-login:hover {background: #27ae60;color: #fff;}

#mobile-nav-toggle {right: auto;left: 85px;}
@media (max-width: 767px) {
	.navigation.mobile-menu-wrapper {width: 210px;}
}


/**
* MAIN & SIDEBAR
* ----------------------------------------------------------------------------
*/
/*-- Contact Form 7 --*/
form.wpcf7-form h3 {border-bottom: 2px solid #27ae60;font-size: 22px;font-weight: bold;}
.wpcf7-form p {}
form.wpcf7-form label {max-width: 100%;margin-bottom: 0;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {color: #666666;background: transparent;border-radius: 3px;border: 1px solid #D8D8D8;}
.wpcf7-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .wpcf7-form select, .wpcf7-form textarea {max-width: 100%;padding: 8px;}
@media (min-width: 1200px) {
    .wpcf7-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .wpcf7-form select, .wpcf7-form textarea {width: 600px;}
}
.wpcf7-form textarea {height: 150px;}
input.wpcf7-submit {cursor: pointer;padding: 5px 25px!important;color: #fff;background-color: #27ae60;border: 1px solid #27ae60;}
form.wpcf7-form input.wpcf7-submit:hover {cursor: pointer;color: #333;background-color: #fff;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {width: 600px;max-width: 100%;margin: 10px 0;}
footer .wpcf7-form .wpcf7-response-output {margin: 0;}
footer .wpcf7-form input {color: #ffffff;width: 100%;max-width: 330px;}

.wpcf7 {position: relative;}
.wpcf7-form .ajax-loader {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
}

.wpcf7-form .wpcf7-form-control-wrap {position: static}
.wpcf7-form .wpcf7-not-valid-tip {font-size: 13px !important;font-weight: 400;margin-top: 10px}
.wpcf7-form .wpcf7-not-valid {content: '';background: rgba(255, 255, 255, .1) url(assets/images/btn-close-error.png) no-repeat 98%;border: 1px solid #f00;}
.wpcf7-form .wpcf7-not-valid-tip {display: none !important}
.wpcf7-form .wpcf7-validation-errors {max-width: 600px;border: 1px solid #f00;}

.kc-title-wrap {margin-bottom: 25px;}
.kc-title-wrap .kc_title {
    text-align: center;
    margin: 0;
    font-weight: 600;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.25;
    text-transform: uppercase;
}
@media (max-width: 575px) {
	.kc-title-wrap .kc_title {font-size: 1.4rem;}
}

.isotope-options {display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.isotope-options li {float: left;margin: 0 10px 10px 0;}
.isotope-options li a {display: inline-block;padding: 4px 10px;background-color: #f5f5f5;}
.isotope-options li a.selected {background-color: #d9212d;color: #fff;}

.kbw-posts .post-box-title a {font-size: 1.05rem;font-weight: 600;}
.grid .recent-item {
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    background-color: #fff;
    margin-bottom: 30px;
}
.grid .recent-item .post-thumbnail a {background-color: transparent;}
.grid .recent-item .entry {padding: 12px;}
.grid .post-box-title {min-height: 46px;margin-bottom: 8px;}
.grid .recent-item a.view-more {display: inline-flex;background-color: #27ae60;color: #fff;font-weight: 700;font-size: 1rem;padding: 5px 10px;margin-top: 10px;}

.product .item-list .recent-item {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	border-top: none;
	border-bottom: 1px solid #dfdfdf;
	display: flex;
}
.product .item-list {margin-bottom: 10px;}
.product .item-list .post-thumbnail {max-width: 140px;}
.product .item-list a.view-more {font-weight: 600;color: #007bff;}

/* HOME PAGE STYLE */
.home #wrapper {background-color: #f5f5f5;}
.home .main-container #page {padding-left: 0;padding-right: 0;}
#slider {}

.booknow .kc-row-container {max-width: 600px;}
.frm-booknow h2 {
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    background: #27ae60;
    color: #fff;
    -webkit-text-fill-color: #fff;
    padding: 10px;
    margin: 0;
    text-align: center;
}
.frm-booknow .wpcf7 {padding: 20px;background: #e5e6e7;}
.frm-booknow .wpcf7-form .control-label {font-weight: 600;}
.frm-booknow .wpcf7-form .form-control {background-color: #fff;height: auto;padding: 6px!important;}
.frm-booknow .wpcf7-form textarea.form-control {width: 100%;height: 60px;}
.frm-booknow .form-group.submit {text-align: center;}



/**
* FOOTER
* ----------------------------------------------------------------------------
*/
@media (min-width: 1200px) {
    footer#site-footer .copyrights {padding: 5px 0;}
}
.social .list-inline-item a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px!important;
    text-align: center;
    border-radius: 50%;
    color: #fff!important;
    background-color: #3a589b;
    margin-left: 3px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    box-shadow: 0 0 5px #333;
}
.social .list-inline-item.twitter a {background-color: #55acee;}
.social .list-inline-item.google-plus a {background-color: #cf3427;}
.social .list-inline-item a:hover {transform: scale(1.2) translate(0);}

footer#site-footer {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgb(185 185 185);
    -moz-box-shadow: 0 4px 15px 0 rgba(185,185,185,1);
    box-shadow: 0 4px 15px 0 rgb(185 185 185);
    min-width: 300px;
    margin-top: 0;
    padding-bottom: 50px;
}
@media (max-width: 991px) {
    footer#site-footer {padding-bottom: 90px;}
}
footer#site-footer .inner:not(.copyrights) {padding: 25px 15px 0;}
footer#site-footer > .inner .row > [class*="col-"]:last-child {display: flex;flex-direction: column;justify-content: space-between;}
#site-footer .widget > h3 {color: #050505;font-size: 1rem;text-transform: none;font-weight: 600;margin-bottom: 0;padding-bottom: 15px;}
#site-footer .widget_text {margin-bottom: 10px;}
footer#site-footer .footer-bot p {text-align: right;font-size: 80%;color: #949391;}
footer#site-footer .f-social a {
    font-size: 1.8rem;
    padding: 5px 10px;
}
footer#site-footer .f-social a.fa-facebook {color: blue;}
footer#site-footer .f-social a.fa-youtube {color: red;}

footer#site-footer .copyrights {background-color: transparent;border: none;margin-bottom: 10px;}
footer#site-footer .copyrights p, footer#site-footer .copyrights a {color: #949391;}

.footer-top {display: none;}
footer#site-footer .inner:not(.copyrights) {padding-top: 15px;}

.widget-f1 .textwidget, .widget-f3 .textwidget {display: flex;align-items: center;grid-gap: 15px;}
.widget-f1 .textwidget img, .widget-f3 .textwidget img {max-width: 125px;}
.widget-f1 .textwidget li:before, .widget-f3 .textwidget li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 2px;
    border: 5px solid transparent;
    border-left-color: #333;
}
@media (max-width: 575px) {
    #site-footer .widget-f1 .textwidget li {font-size: 15px;}
    .widget-f1 .textwidget img {max-width: 90px;}
}

.box-contactus {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 10px;
    bottom: 46px;
    z-index: 999;
}
.box-contactus span {
    color: #f3c301;
    display: inline-block;
    -webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: alo-circle-img-anim 1s infinite ease-in-out;
    animation: alo-circle-img-anim 1s infinite ease-in-out;
}
.box-contactus svg {width: 60px;height: 60px;}
.box-contactus span.text {
    position: absolute;
    top: 4px;
    right: 6px;
    padding-right: 40px;
    padding-left: 10px;
    min-width: 220px;
    height: 48px;
    border-radius: 60px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.25;
    display: flex;
    align-items: center;
    background: #0085c8;
    color: #fff;
    animation: none;
    z-index: -1;
}

.mess-noti {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: #161f12;
    z-index: 10;
}
.mess-noti p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}



/**
* MOBILE
* ----------------------------------------------------------------------------
*/
@media (max-width: 767px) {
    #slider .kc_col-sm-3 .kc-col-container > *:not(.kbw-menu-category) {display: none;}
    #slider .kbw-menu-category {margin-bottom: 0;}
    .category-list ul.sub-menu li a:before {content: "";}
    .category-list ul.sub-menu li {padding-left: 20px!important;}
}



/*-- CSS BLOCK --*/
/* style menu category */
.kbw-menu-category {position: relative;width: 100%;float: left;margin-bottom: 20px;}
.category-title {
    width: 100%;
    font-size: 18px;
    color: #fff;
    background: #0d3f46;;
    padding: 14px 15px;
    display: block;
    cursor: pointer;
    position: relative;
    font-family: 'utm_swiss', sans-serif;
}
.category-title span {text-transform: uppercase;font-weight: 400;}
.category-title .icond {
    position: absolute;
    top: 12px;
    font-size: 18px;
    right: 15px;
    z-index: 1;
}
.category-title span.label-text i {margin-right: 4px;}
.kbw-menu-category .category-list {
    float: left;
    width: 100%;
    background: #f2f2f2;
    border: solid #e5e5e5;
    border-width: 0 1px 1px;
    padding: 0;
    display: block;
}
.category-list ul {padding: 0 0 10px;margin: 0;}
.category-list ul li {list-style: none;position: relative;line-height: 38px;border-bottom: 1px dotted #eaeaea;padding: 0!important;}
.category-list ul li:hover {background-color: #fff;}
.category-list ul li a {
    padding-left: 30px;
    padding-right: 35px;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    color: #252525;
    background: url("assets/images/li_footer_static2.png") 10px 14px no-repeat scroll;
}
.category-list ul li a.current {background-color: #fff;}
.category-list ul li.has-child > span.icon-toggle {
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url("assets/images/vertical_li.png") no-repeat scroll 0 0;
    background-position: 14px -9px;
    height: 36px;
    margin-left: 0;
    position: absolute;
    right: 10px;
    top: 0;
    width: 35px;
}
@media (min-width: 992px) {
    .category-list .hover_mode ul.sub-menu {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        z-index: 500;
        display: none;
    }
}
.category-list .hover_mode li:hover > ul.sub-menu {display: block;}
.category-list ul.sub-menu li {background-color: #fff;}
.category-list ul.sub-menu li:hover {background-color: #f2f2f2;}

@media (max-width: 768px) {
    .home .kbw-menu-category .category-list {display: none;}
}
/* End: style menu category */

/* KBW Contactus Widget Style */
.kbwcontactus-widget {opacity: 0;transition: .2s opacity;}
.kbwcontactus-widget.active {opacity: 1;}
.kbwcontactus-widget.kbwcontactus-message {
    z-index: 10000;
    right: 20px;
    bottom: 20px;
    position: fixed!important;
    height: 60px;
    width: 60px;
}
.kbwcontactus-widget .kbwcontactus-message-button {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    background-color: #008750;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.kbwcontactus-widget .kbwcontactus-message-button p {
    font-family: Ubuntu,Arial,sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    margin: 0;
}
.kbwcontactus-widget .kbwcontactus-message-button .static svg {width: 24px;height: 24px;color: #fff;}
.kbwcontactus-widget .kbwcontactus-message-button .pulsation {
    width: 74px;
    height: 74px;
    background-color: #008750;
    border-radius: 50px;
    position: absolute;
    left: -7px;
    top: -7px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: kbwcontactus-pulse 2s infinite;
    animation: kbwcontactus-pulse 2s infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.kbwcontactus-widget .pulsation:nth-of-type(2n) {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.kbwcontactus-widget .kbwcontactus-message-button .static {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -26px;
    width: 52px;
    height: 52px;
    text-align: center;
    transition: .2s all;
}
.kbwcontactus-widget .icons.hide, .kbwcontactus-widget .static.hide {opacity: 0;transform: scale(0);}
.kbwcontactus-widget .kbwcontactus-close {color: #fff;}
.kbwcontactus-widget .kbwcontactus-close svg {
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: .12s all ease-in;
    -o-transition: .12s all ease-in;
    transition: .12s all ease-in;
    display: block;
}
.kbwcontactus-widget .kbwcontactus-close.show-messengers-block svg {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
.kbwcontactus-widget .kbwcontactus-prompt, .kbwcontactus-widget .messengers-block {
    background: center no-repeat #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    width: 170px;
    position: absolute;
    bottom: 80px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .12s all ease-out;
    -o-transition: .12s all ease-out;
    transition: .12s all;
    z-index: 10000;
}
.kbwcontactus-widget .kbwcontactus-prompt.show-messengers-block, .kbwcontactus-widget .messengers-block.show-messengers-block {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.kbwcontactus-widget .messenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px 8px 60px;
    position: relative;
    min-height: 54px;
    text-decoration: none;
}
.messengers-block .messenger:hover {background-color: #f0f0f0;}
.kbwcontactus-widget .messenger .hotline {color: #d42333;font-weight: 600;}
.kbwcontactus-widget .messenger span {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0084ff;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.kbwcontactus-widget .messenger.msg-item-facebook-messenger span {background-color:#567AFF;}
.kbwcontactus-widget .messenger.msg-item-telegram-plane span {background-color:#1EBEA5;}
.kbwcontactus-widget .messenger.msg-item-skype span {background-color:#1C9CC5;}
.kbwcontactus-widget .messenger.msg-item-envelope span {background-color:#FF643A;}
.kbwcontactus-widget .messenger.msg-item-phone span {background-color:#4EB625;}
.kbwcontactus-widget .messenger p {
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #3b3b3b;
}
.kbwcontactus-widget .messenger span i, .kbwcontactus-widget .messenger span svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}

@-webkit-keyframes kbwcontactus-pulse {
    0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1}
    50% {opacity: .5}
    100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0}
}
@keyframes kbwcontactus-updown {
    0%, 100%, 43% {transform: translate(0, 0)}
    25%, 35% {transform: translate(0, -10px)}
}
@-webkit-keyframes kbwcontactus-updown {
    0%, 100%, 43% {transform: translate(0 0)}
    25%, 35% {transform: translate(-10px 0)}
}
@keyframes kbwcontactus-pulse {
    0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1}
    50% {opacity: .5}
    100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0}
}
@-webkit-keyframes kbwcontactus-show-stat {
    0%, 100%, 20%, 85% {-webkit-transform: scale(1);transform: scale(1)}
    21%, 84% {-webkit-transform: scale(0);transform: scale(0)}
}
@keyframes kbwcontactus-show-stat {
    0%, 100%, 20%, 85% {-webkit-transform: scale(1);transform: scale(1)}
    21%, 84% {-webkit-transform: scale(0);transform: scale(0)}
}
@-webkit-keyframes kbwcontactus-show-icons {
    0%, 100%, 20%, 85% {-webkit-transform: scale(0);transform: scale(0)}
    21%, 84% {-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes kbwcontactus-show-icons {
    0%, 100%, 20%, 85% {-webkit-transform: scale(0);transform: scale(0)}
    21%, 84% {-webkit-transform: scale(1);transform: scale(1)}
}
/* End: style kbwcontactus */

/* kbw-modal style */
.kbw-modal .modal-header {padding: 10px;border-radius: 0;background-color: #0d3f46;}
.kbw-modal .modal-header h4 {margin: 0;color: #fff;}
.kbw-modal .modal-header .close {color: #fff;}
.kbw-modal .modal-content {border-radius: 0;}
.kbw-modal .wpcf7-form textarea {width: 100%;}
.kbw-modal .wpcf7-form input.wpcf7-submit {color: #fff;background-color: #0d3f46;border-radius: 0;outline: none;}