.is_header_semitransparent .navbar-default {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.is_header_semitransparent .sticky-wrapper.is-sticky .navbar-default {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}

#header {
    margin: 0 auto;
}

body .churchwp_preloader_holder {
    background-color: 1;
}

.back-to-top {
    background: #6f9a37 url('../content/themes/churchwp/images/svg/back-to-top-arrow.svg') no-repeat center center;
    height: 40px;
    width: 40px;
    border-radius:50%;
    z-index:100000;
}

.chat-button {
    background: #6f9a37 url('../content/themes/churchwp/images/chatbot-04 white.png') no-repeat center center;
    height: 80px; /* Increase the height */
    width: 80px; /* Increase the width */
    border-radius: 30px 30px 0 30px; /* Make it a circle by setting border-radius to 50% */
    z-index: 100000;
}

.breadcrumb a::after {
    content: "/";
}

.logo img, .navbar-header .logo img {
    max-width: 200px;
}

::selection {
    color: #FFFFFF;
    background: #6F9A37;
}

::-moz-selection { /* Code for Firefox */
    color: #FFFFFF;
    background: #6F9A37;
}

a {
    color: #6f9a37;
}

    a:focus, a:visited, a:hover {
        color: #597c2c;
    }

.wpcf7-form .wpcf7-form-control::-webkit-input-placeholder {
    color: #6F9A37;
}

.wpcf7-form .wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
    color: #6F9A37;
}

.wpcf7-form .wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */
    color: #6F9A37;
}

.wpcf7-form .wpcf7-form-control:-ms-input-placeholder {
    color: #6F9A37;
}

a, a:hover, a:focus, .widget_popular_recent_tabs .nav-tabs li.active a, .widget_product_categories .cat-item:hover, .widget_product_categories .cat-item a:hover, .widget_archive li:hover, .widget_archive li a:hover, .widget_categories .cat-item:hover, .widget_categories li a:hover, .pricing-table.recomended .button.solid-button, .pricing-table .table-content:hover .button.solid-button, .pricing-table.Recommended .button.solid-button, .pricing-table.recommended .button.solid-button, #sync2 .owl-item.synced .post_slider_title, #sync2 .owl-item:hover .post_slider_title, #sync2 .owl-item:active .post_slider_title, .pricing-table.recomended .button.solid-button, .pricing-table .table-content:hover .button.solid-button, .testimonial-author, .testimonials-container blockquote::before, .testimonials-container blockquote::after, .post-author > a, label.error, .author-name, .prev-next-post a:hover, .prev-text, .wpb_button.btn-filled:hover, .next-text, .social ul li a:hover i, .wpcf7-form span.wpcf7-not-valid-tip, .text-dark .statistics .stats-head *, .wpb_button.btn-filled, footer ul.menu li.menu-item a:hover, .widget_meta a:hover, .widget_pages a:hover, .comment-author-link a:hover, .list-view .post-details .post-excerpt .more-link, .simple_sermon_content_top h4, .widget_recent_entries_with_thumbnail li:hover a, .widget_recent_entries li a:hover, .churchwp-single-post-meta .churchwp-meta-post-comments a:hover, .wpcf7-form .wpcf7-select, .wpcf7-form input.wpcf7-form-control, .wpcf7-form textarea.wpcf7-form-control, .list-view .post-details .post-category-comment-date i, .list-view .post-details .post-category-comment-date a, #navbar .mt-icon-list-item:hover, .widget_block .wp-block-group__inner-container ul li:hover a, #navbar .menu-item:hover .sub-menu .mt-icon-list-item .mt-icon-list-text.list-view .post-details .post-name a, .woocommerce-info::before, .sidebar-content .widget_nav_menu li a:hover {
    color: #6F9A37; /*Color: Main blue*/
}

.wp-block-button.is-style-outline .wp-block-button__link, #navbar .menu-item:hover .sub-menu .mt-icon-list-item:hover .mt-icon-list-icon-holder-inner i, #navbar .menu-item:hover .sub-menu .mt-icon-list-item:hover .mt-icon-list-text {
    color: #6F9A37 !important; /*Color: Main blue*/
}

.tagcloud > a:hover, .theme-icon-search, .wpb_button::after, .rotate45, .latest-posts .post-date-day, .latest-posts h3, .latest-tweets h3, .latest-videos h3, .button.solid-button, button.vc_btn, .pricing-table.recomended .table-content, .pricing-table .table-content:hover, .pricing-table.Recommended .table-content, .pricing-table.recommended .table-content, .pricing-table.recomended .table-content, .pricing-table .table-content:hover, .block-triangle, .owl-theme .owl-controls .owl-page span, body .vc_btn.vc_btn-blue, body a.vc_btn.vc_btn-blue, body button.vc_btn.vc_btn-blue, .pagination .page-numbers.current, .pagination .page-numbers:hover, #subscribe > button[type='submit'], .social-sharer > li:hover, .prev-next-post a:hover .rotate45, .masonry_banner.default-skin, .form-submit input, .member-header::before, .member-header::after, .member-footer .social::before, .member-footer .social::after, .subscribe > button[type='submit'], .no-results input[type='submit'], h3#reply-title::after, .newspaper-info, .categories_shortcode .owl-controls .owl-buttons i:hover, .widget-title:after, h2.heading-bottom:after, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active, #primary .main-content ul li:not(.rotate45)::before, .wpcf7-form .wpcf7-submit, ul.ecs-event-list li span, #contact_form2 .solid-button.button, .details-container > div.details-item .amount, .details-container > div.details-item ins, .theme-search .search-submit, .pricing-table.recommended .table-content .title-pricing, .pricing-table .table-content:hover .title-pricing, .pricing-table.recommended .button.solid-button, #navbar ul.sub-menu li a:hover, .post-category-date a[rel="tag"], .is_sticky, .owl-theme.mt_clients_slider .owl-controls .owl-buttons div, .single .label-info.edit-t:hover, .list-view .post-details .post-excerpt .more-link, footer .footer-top .widget_wysija_cont .wysija-submit, .widget_block.widget_search .wp-block-search__button, .pricing-table .table-content:hover .button.solid-button, footer .footer-top .menu .menu-item a::before, .tslr-events-page:hover, .tslr-event-value span, .post-password-form input[type='submit'] {
    background: #6F9A37;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: #6F9A37;
}

.read-more-overlay .icon-link, .theme-pagination.pagination .page-numbers.current, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce div.product form.cart .button, .woocommerce button.button, .woocommerce input.button, .give-btn, #navbar .menu-item:hover > a, .header-nav-actions .donate-now, .top-header {
    background: #6F9A37 none repeat scroll 0 0;
    background-color: #6F9A37;
}

#navbar .sub-menu, .navbar ul li ul.sub-menu, .tslr-event-list-shortcode .tslr-event {
    border-color: #6F9A37;
}

.woocommerce-info {
    border-top-color: #6F9A37;
}

.single .label-info.edit-t, .header-nav-actions .donate-now:hover, .read-more-overlay .icon-link:hover.author-bio, .header-title-breadcrumb-overlay.no-featured-image, .tribe-events-calendar th, #tribe-bar-form #tribe-bar-views + .tribe-bar-filters, .tribe-events-list-separator-month, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce div.product form.cart .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .give-btn.give-default-level, .give-btn:hover, table#give_donation_receipt th, .theme-search.theme-search-open .theme-icon-search, .no-js .theme-search .theme-icon-search, .theme-icon-search:hover, .latest-posts .post-date-month, .button.solid-button:hover, body .vc_btn.vc_btn-blue:hover, body a.vc_btn.vc_btn-blue:hover, .post-category-date a[rel="tag"]:hover, .single-post-tags > a:hover, body button.vc_btn.vc_btn-blue:hover, #contact_form2 .solid-button.button:hover, .subscribe > button[type='submit']:hover, .no-results input[type='submit']:hover, ul.ecs-event-list li span:hover, .pricing-table.recommended .table-content .price_circle, .pricing-table .table-content:hover .price_circle, #modal-search-form .modal-content input.search-input, .wpcf7-form .wpcf7-submit:hover, .form-submit input:hover, .widget_block.widget_search .wp-block-search__button:hover, .list-view .post-details .post-excerpt .more-link:hover, .pricing-table.recommended .button.solid-button:hover, .pricing-table .table-content:hover .button.solid-button:hover, footer .footer-top .widget_wysija_cont .wysija-submit:hover, .owl-theme.mt_clients_slider .owl-controls .owl-buttons div:hover, .fixed-search-inside .search-submit:hover, .woocommerce span.onsale, .woocommerce ul.products li.product .onsale, .slider_navigation .btn:hover, .post-password-form input[type='submit']:hover {
    background: #597C2C;
}

.tagcloud > a:hover {
    background: #597C2C !important;
}

.flickr_badge_image a::after, .thumbnail-overlay, .portfolio-hover, .pastor-image-content .details-holder, .item-description .holder-top, .slider_navigation .btn, .read-more-overlay, blockquote::before {
    background: rgba(26,27,34,0.95);
}
/*------------------------------------------------------------------BORDER-COLOR------------------------------------------------------------------*/

.author-bio, blockquote, .widget_popular_recent_tabs .nav-tabs > li.active, body .left-border, body .right-border, body .member-header, body .member-footer .social, body .button[type='submit'], .navbar ul li ul.sub-menu, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, #contact-us .form-control:focus, .sale_banner_holder:hover, .testimonial-img, .wpcf7-form input:focus, input:focus, .widget_price_filter .ui-slider .ui-slider-handle, #navbar .menu-item.current_page_item > a, #navbar .menu-item:hover > a, .wpcf7-form textarea:focus, .navbar-default .navbar-toggle:hover, .header_search_form, .navbar-default .navbar-toggle {
    border-color: #6F9A37; /*Color: Main blue */
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border-color: #6F9A37 !important; /*Color: Main blue */
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.churchwp_preloader_holder {
    background-color: #6f9a37;
}

.fixed-sidebar-menu {
    background-color: rgba(26,27,34,0.95);
}

#navbar .menu-item > a,
.navbar-nav .search_products a,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}

#navbar > .menu-item.current_page_ancestor > a,
#navbar > .menu-item.current_page_item > a,
#navbar .menu-item:hover > a {
    color: #FFFFFF;
}

.navbar-nav .search_products a,
.navbar-default .navbar-nav > li > a {
    background: #6F9A37;
}

#navbar > .menu-item.current_page_ancestor > a,
#navbar > .menu-item.current_page_item > a,
#navbar .menu-item:hover > a {
    background: #537429;
}

#navbar .sub-menu, .navbar ul li ul.sub-menu {
    background-color: #FFFFFF;
}

#navbar ul.sub-menu li a {
    color: #1A1B22;
}

    #navbar ul.sub-menu li a:hover {
        background-color: #FFFFFF;
    }

    #navbar ul.sub-menu li a:hover {
        color: #6F9A37;
    }

body {
    font-family: Roboto;
}

h1, h1 span {
    font-family: Alegreya;
    font-size: 36px;
}

h2 {
    font-family: Alegreya;
    font-size: 30px;
}

h3 {
    font-family: Alegreya;
    font-size: 24px;
}

h4 {
    font-family: "Roboto Condensed";
    font-size: 18px;
}

h5 {
    font-family: "Roboto Condensed";
    font-size: 14px;
}

h6 {
    font-family: "Roboto Condensed";
    font-size: 12px;
}

input, textarea {
    font-family: Roboto;
}

    input[type="submit"] {
        font-family: Roboto;
    }

header .top-header {
    background-color: #656984;
}

    header .top-header .left-side a {
        color: #FFFFFF;
    }

.navbar-default {
    background-color: #6f9a37;
}

header {
    color: #FFFFFF;
}

footer .footer-top {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url('~/content/themes/churchwp/images/footer_bg.jpg');
    background-size: cover;
}

    footer .footer-top .widget-title {
        color: #ffffff;
    }

.footer-row-1 {
    padding-top: 80px;
    padding-bottom: 40px;
}

.footer-row-1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.footer-row-1 {
    border-top: 0px solid #515b5e;
    border-bottom: 0px solid #515b5e;
    border-left: 0px solid #515b5e;
    border-right: 0px solid #515b5e;
}

footer .footer {
    background-color: #030102;
}

    footer .footer .widget-title {
        color: #ffffff;
    }

.header-nav-actions .donate-now {
    color: #6F9A37;
}

    .header-nav-actions .donate-now:hover {
        color: #FFFFFF;
    }

.header-nav-actions .donate-now {
    background: transparent;
}

    .header-nav-actions .donate-now:hover {
        background: #6F9A37;
    }

.header-nav-actions .donate-now {
    border-color: #6F9A37;
}

    .header-nav-actions .donate-now:hover {
        border-color: transparent;
    }

.single article .article-content p {
    font-family: Roboto;
    line-height: 26px;
    color: #454646;
    font-size: 16px;
}

.vc_custom_1481578595879 {
    margin-top: 0em !important;
    margin-bottom: 0px !important;
    padding-top: 40px !important;
    padding-bottom: 0px !important;
    background-color: #f5f5f5 !important;
}

.vc_custom_1481578397890 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 80px !important;
    background-color: #f5f5f5 !important;
}

.vc_custom_1481756680468 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 70px !important;
    background-color: #f5f5f5 !important;
}

.vc_custom_1481569155841 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.vc_custom_1478643645359 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 80px !important;
    padding-bottom: 50px !important;
    background-color: #f5f5f5 !important;
}

.vc_custom_1481577423755 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    background-image: url(http://churchwp.themeslr.com/content/uploads/2016/12/churchwp_media_-29e.jpg?id=6432) !important;
}

.vc_custom_1481578296576 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 75px !important;
    padding-bottom: 60px !important;
}

.vc_custom_1481703103004 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 40px !important;
    padding-bottom: 80px !important;
    background-image: url(http://churchwp.themeslr.com/content/uploads/2016/12/churchwp_media_23_overlay2a.jpg?id=6480) !important;
}

.vc_custom_1481578296576 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 75px !important;
    padding-bottom: 60px !important;
}

.vc_custom_1481572981109 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1481572981109 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1450339462320 {
    margin-bottom: 30px !important;
    padding-top: 0px !important;
}

.vc_custom_1481579600168 {
    margin-bottom: 0px !important;
}

.vc_custom_1450339501388 {
    padding-top: 0px !important;
}

.vc_custom_1450339501388 {
    padding-top: 0px !important;
}

.mpc-icon-column[data-id="mpc_icon_column-896540c10c323e2"] .mpc-icon-column__heading {
    margin-bottom: 0px;
    color: #555555;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    text-transform: capitalize;
}

.mpc-icon-column[data-id="mpc_icon_column-896540c10c323e2"] .mpc-icon-column__description {
    color: #969696;
    text-align: center;
}

.mpc-icon[data-id="mpc_icon-96540c10c324cb"] {
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 15px;
}

    .mpc-icon[data-id="mpc_icon-96540c10c324cb"] i {
        font-size: 48px;
        color: #6F9A37;
    }

.mpc-icon.mpc-icon-hover[data-id="mpc_icon-96540c10c324cb"]:hover, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-96540c10c324cb"], .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-96540c10c324cb"] {
    border-radius: 50px;
    background: #6F9A37;
}

    .mpc-icon.mpc-icon-hover[data-id="mpc_icon-96540c10c324cb"]:hover i, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-96540c10c324cb"] i, .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-96540c10c324cb"] i {
        color: #ffffff;
    }

.mpc-icon-column[data-id="mpc_icon_column-846540c10c33692"] .mpc-icon-column__heading {
    margin-bottom: 0px;
    color: #555555;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    text-transform: capitalize;
}

.mpc-icon-column[data-id="mpc_icon_column-846540c10c33692"] .mpc-icon-column__description {
    color: #888888;
    text-align: center;
}

.mpc-icon[data-id="mpc_icon-926540c10c337ac"] {
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 15px;
}

    .mpc-icon[data-id="mpc_icon-926540c10c337ac"] i {
        font-size: 48px;
        color: #6F9A37;
    }

.mpc-icon.mpc-icon-hover[data-id="mpc_icon-926540c10c337ac"]:hover, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-926540c10c337ac"], .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-926540c10c337ac"] {
    border-radius: 50px;
    background: #6F9A37;
}

    .mpc-icon.mpc-icon-hover[data-id="mpc_icon-926540c10c337ac"]:hover i, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-926540c10c337ac"] i, .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-926540c10c337ac"] i {
        color: #ffffff;
    }

.mpc-icon-column[data-id="mpc_icon_column-186540c10c3494a"] .mpc-icon-column__heading {
    margin-bottom: 0px;
    color: #555555;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    text-transform: capitalize;
}

.mpc-icon-column[data-id="mpc_icon_column-186540c10c3494a"] .mpc-icon-column__description {
    color: #888888;
    text-align: center;
}

.mpc-icon[data-id="mpc_icon-886540c10c34a1e"] {
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 15px;
}

    .mpc-icon[data-id="mpc_icon-886540c10c34a1e"] i {
        font-size: 48px;
        color: #6F9A37;
    }

.mpc-icon.mpc-icon-hover[data-id="mpc_icon-886540c10c34a1e"]:hover, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-886540c10c34a1e"], .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-886540c10c34a1e"] {
    border-radius: 50px;
    background: #6F9A37;
}

    .mpc-icon.mpc-icon-hover[data-id="mpc_icon-886540c10c34a1e"]:hover i, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-886540c10c34a1e"] i, .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-886540c10c34a1e"] i {
        color: #ffffff;
    }

.mpc-icon-column[data-id="mpc_icon_column-846540c10c35945"] .mpc-icon-column__heading {
    margin-bottom: 0px;
    color: #555555;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    text-transform: capitalize;
}

.mpc-icon-column[data-id="mpc_icon_column-846540c10c35945"] .mpc-icon-column__description {
    color: #888888;
    text-align: center;
}

.mpc-icon[data-id="mpc_icon-226540c10c35a2b"] {
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 15px;
}

    .mpc-icon[data-id="mpc_icon-226540c10c35a2b"] i {
        font-size: 48px;
        color: #6F9A37;
    }

.mpc-icon.mpc-icon-hover[data-id="mpc_icon-226540c10c35a2b"]:hover, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-226540c10c35a2b"], .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-226540c10c35a2b"] {
    border-radius: 50px;
    background: #6F9A37;
}

    .mpc-icon.mpc-icon-hover[data-id="mpc_icon-226540c10c35a2b"]:hover i, .mpc-parent-hover:hover .mpc-icon.mpc-icon-hover[data-id="mpc_icon-226540c10c35a2b"] i, .mpc-active .mpc-icon.mpc-icon-hover[data-id="mpc_icon-226540c10c35a2b"] i {
        color: #ffffff;
    }

#rev_slider_1_1_wrapper .hades.tparrows {
    cursor: pointer;
    background: rgba(0,0,0,0.25);
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    z-index: 1000
}

    #rev_slider_1_1_wrapper .hades.tparrows:before {
        font-family: 'revicons';
        font-size: 30px;
        color: #ffffff;
        display: block;
        line-height: 100px;
        text-align: center;
        transition: background 0.3s,color 0.3s
    }

    #rev_slider_1_1_wrapper .hades.tparrows.tp-leftarrow:before {
        content: '\e824'
    }

    #rev_slider_1_1_wrapper .hades.tparrows.tp-rightarrow:before {
        content: '\e825'
    }

    #rev_slider_1_1_wrapper .hades.tparrows.rs-touchhover:before {
        color: rgba(0,0,0,0.5);
        background: #ffffff
    }

#rev_slider_1_1_wrapper .hades .tp-arr-allwrapper {
    position: absolute;
    left: 100%;
    top: 0px;
    background: #888;
    width: 100px;
    height: 100px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -ms-filter: 'progid:dximagetransform.microsoft.alpha(opacity=0)';
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

#rev_slider_1_1_wrapper .hades.tp-rightarrow .tp-arr-allwrapper {
    left: auto;
    right: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg)
}

#rev_slider_1_1_wrapper .hades:hover .tp-arr-allwrapper {
    -ms-filter: 'progid:dximagetransform.microsoft.alpha(opacity=100)';
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: rotatey(0deg);
    transform: rotatey(0deg)
}

#rev_slider_1_1_wrapper .hades .tp-arr-iwrapper {
}

#rev_slider_1_1_wrapper .hades .tp-arr-imgholder {
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

#rev_slider_1_1_wrapper .hades .tp-arr-titleholder {
}

#rev_slider_1_1_wrapper .hades .tp-arr-subtitleholder {
}

#rev_slider_1_1_wrapper .hermes.tp-bullets {
}

#rev_slider_1_1_wrapper .hermes .tp-bullet {
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: rgba(0,0,0,0);
    box-shadow: inset 0 0 0 2px #ffffff;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position: absolute
}

    #rev_slider_1_1_wrapper .hermes .tp-bullet.rs-touchhover {
        background-color: rgba(0,0,0,0.21)
    }

    #rev_slider_1_1_wrapper .hermes .tp-bullet:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        height: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 1px #ffffff;
        -webkit-transition: height 0.3s ease;
        transition: height 0.3s ease
    }

    #rev_slider_1_1_wrapper .hermes .tp-bullet.selected:after {
        height: 100%
    }

@import url("https://fonts.googleapis.com/css?family=Raleway|Ubuntu&display=swap");

.chat-box {
    position: fixed;
    right: 30px;
    bottom: 90px;
    display: block;
    height: 60%;
    width: 300px;
    /*margin: 0 auto;*/
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
    margin-right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100001;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.005);
    right: 0;
    bottom: 0;
    /*margin: 15px;*/
    background: #fff;
    border-radius: 15px;
    visibility: hidden;
}

.chat-box-header {
    height: 10%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    font-size: 14px;
    padding: 0.5em 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 -1px 10px rgba(172, 54, 195, 0.3), 0 1px 10px rgba(0, 0, 0, 0.025);
}

    .chat-box-header h3 {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 400;
        float: left;
        position: absolute;
        left: 25px;
    }

    .chat-box-header p {
        float: right;
        position: absolute;
        right: 16px;
        cursor: pointer;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 3.25;
        margin: 0;
    }

.chat-box-body {
    height: 75%;
    background: #e5f6e6;
    overflow-y: scroll;
    padding: 12px;
}

.chat-box-body-send {
    width: 250px;
    float: right;
    background: #6F9A37;
    padding: 10px 20px;
    border-radius: 15px 15px 0px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.015);
    margin-bottom: 14px;
}

    .chat-box-body-send p {
        margin: 0;
        color: white;
        font-size: 14px;
        margin-bottom: 0.25rem;
    }

    .chat-box-body-send span {
        float: right;
        color: white;
        font-size: 10px;
    }

.chat-box-body-receive {
    width: 250px;
    float: left;
    background: white;
    padding: 10px 20px;
    border-radius: 15px 15px 15px 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.015);
    margin-bottom: 14px;

}

    .chat-box-body-receive p {
        margin: 0;
        color: #6F9A37;
        font-size: 14px;
        margin-bottom: 0.25rem;

    }

    .chat-box-body-receive span {
        float: right;
        color: #6F9A37;
        font-size: 10px;
    }

    .bot-image {
        float: left !important;
    }

.chat-box-body-options {
    width: 250px;
    background: white;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.015);
    margin-bottom: 14px;
    display:flex;
}

    .chat-box-body-options p {
        margin: 0;
        color: #444;
        font-size: 14px;
        margin-bottom: 0.25rem;
    }

    .chat-box-body-options span {
        float: right;
        color: #777;
        font-size: 10px;
    }

.chat-box-body::-webkit-scrollbar {
    width: 5px;
    opacity: 0;
}

.chat-box-footer {
    position: relative;
    display: flex;
}

    .chat-box-footer button {
        border: none;
        padding: 16px;
        font-size: 14px;
        background: white;
        cursor: pointer;
    }

        .chat-box-footer button:focus {
            outline: none;
        }

    .chat-box-footer input {
        padding: 10px;
        border: none;
        border-radius: 50px;
        background: whitesmoke;
        margin: 10px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 600;
        color: #444;
        width: 280px;
    }

        .chat-box-footer input:focus {
            outline: none;
        }

    .chat-box-footer .send {
        vertical-align: middle;
        align-items: center;
        justify-content: center;
        transform: translate(0px, 20px);
        cursor: pointer;
    }

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display:none;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 3rem 1.5rem;
    width:80rem;
    border-radius: 0.5rem;
}

.modal-close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}

.close-button:hover {
    background-color: darkgray;
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    z-index: 30;
}

@media screen only and (max-width: 450px) {
    .chat-box {
        min-width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .modal-content {
        width: 100% !important;
    }
}