/*
Theme Name: Reportly
Text Domain: twentytwenty
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

        0.  CSS Reset
        1.  Document Setup
        2.  Element Base
        3.  Helper Classes
        4.  Site Header
        5.  Menu Modal
        6.  Search Modal
        7.  Page Templates
                a.  Template: Cover Template
                c.  Template: Full Width
        8.  Post: Archive
        9.  Post: Single
        10. Blocks
        11. Entry Content
        12. Comments
        13. Site Pagination
        14. Error 404
        15. Widgets
        16. Site Footer
        17. Media Queries

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


/* -------------------------------------------------------------------------- */
/*  0. Fonts - Roboto
/* -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');


/* -------------------------------------------------------------------------- */
/*  1. CSS Reset
/* -------------------------------------------------------------------------- */

*{ outline: none; }
html, body{ box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 14px; color: #2d333f; margin: 0; }
h1,h2,h3,h4,h5,h6{ margin-top: 0;  word-wrap: break-word; white-space: normal; color: #2d333f; font-weight: 700; }
ul, li{ margin: 0; padding: 0; list-style-type: none; color: #2d333f; }
a{ color: #2d333f; text-decoration: underline; display: inline-block; }
p{color: #2d333f; white-space: normal; line-height: 1.5; }
img{ max-width: 100%; }
input,
textarea,
button,
select{
    font-family: 'Roboto', sans-serif;
    box-shadow: none;
}
input[type=text],
input[type=textarea],
input[type=email],
input[type=password],
select{
    -webkit-appearance: none;
    box-shadow: none !important;
}
sup{font-size: 0.5em;}

/* PlaceHolder Color */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(45,51,63,0.5); }
::-moz-placeholder { /* Firefox 19+ */ color: rgba(45,51,63,0.5);  }
:-ms-input-placeholder { /* IE 10+ */ color: rgba(45,51,63,0.5); }
:-moz-placeholder { /* Firefox 18- */ color: rgba(45,51,63,0.5); }
::placeholder { color: rgba(45,51,63,0.5); }
/* -------------------------------------------------------------------------- */
/*  2. Document Setup
/* -------------------------------------------------------------------------- */
*, *::before, *::after {box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; }
/* -------------------------------------------------------------------------- */
/*  3. Layout
/* -------------------------------------------------------------------------- */
.container, .sub-menu--container, .feature-slider-container{  width: 100%; margin: 0 auto; padding: 0 25px; }
.secondary-container{ max-width: 87%; width: 100%; margin: 0 auto; padding: 0 15px; }
.d-flex{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
.align-items-center{ -ms-flex-align: center; align-items: center; }
.align-items-start{ -ms-flex-align: start; align-items: flex-start; }
.align-items-end{ -ms-flex-align: end; align-items: flex-end; }
.direction-column{-ms-flex-direction: column; flex-direction: column;display: -ms-flexbox; display: flex; }
.space-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.mx-auto{ margin: 0 auto; }
.text-d--right{ text-align: center; }
.order-2 + .text-right{ text-align: center; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; vertical-align: middle; }
.font-0{ font-size: 0; }
.p-relative{ position: relative; }
.d-inline-block-top{ display: inline-block; vertical-align: top; }
.btn, .button.wc-forward, .modal button.modal-toggle{ text-decoration: none; border: 1px solid #2d333f; color: #2d333f; font-weight: normal; cursor: pointer; font-size: 13px; border-radius: 50px; padding: 9.5px 35px 10px; line-height: 1; min-width: 125px; text-align: center; display: inline-block;}
.btn_primary, .modal button.modal-toggle{ height: auto; background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6)); background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%); background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%); border: none; padding: 10.5px 35px; color: #fff; /*moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; */background-size: 200% auto;}
.btn_primary:hover, .modal button.modal-toggle:hover { background: #2d333f; color: #fff; /*background-position: right center; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; color: #fff; -webkit-background-clip: initial; background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6)); background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%); background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%); background-size: 200% auto;*/ }
.tb-space, .tb-reduced-space{ margin: 40px 0; }
.section-title {text-align: center; font-size: 23px; font-weight: 700; margin: 0 auto; line-height: 1.3; }
.primary-link {
    font-weight: 700; 
    line-height: 1.1;
    display: inline-block;
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
}
.content-desc{ font-weight: 300; margin-top: 0; margin-bottom: 20px; font-size: 14px; }
.btn_secondary, .button.wc-forward{  background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,0,0,0)), color-stop(51%, rgba(255,0,0,0)), to(rgba(255,0,0,0))); background-image: -o-linear-gradient(left, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 100%); background-image: linear-gradient(to right, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 100%); -moz-transition: background-image .4s ease-in-out; -o-transition: background-image .4s ease-in-out; -webkit-transition: background-image .4s ease-in-out; transition: background-image .4s ease-in-out; background-size: 200% auto; }
.btn_secondary:hover, .button.wc-forward:hover{ border:1px solid transparent; background-size: 200% 100%; -webkit-background-clip: initial; background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6)); background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%); background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%); border: 1px solid transparent; color: #fff; transition: none; }
.gradient:hover, .woocommerce-remove-coupon:hover, a:hover{display: inline-block; color: rgba(0,0,0,0); background: linear-gradient(to right, #387ab6 20%, #21d8de 100%); background-size: 100% 100%; -webkit-background-clip: text; transition: color .2s ease-in-out; background-position: left center; }

.with-shadow-image{ max-height: 500px; margin: 15px 0; padding: 35px; position: relative; z-index: 1; -webkit-filter: drop-shadow(0px 4px 25px rgba(0,0,0,0.38)); filter: drop-shadow(0px 4px 25px rgba(0,0,0,0.38)); }
.slider-img--wrap .with-shadow-image{ -webkit-filter: none; filter: none; }
.pri-font{ font-size: 14px; }
.m-0{margin: 0;}
.with-shadow-image.video-shot {
    -webkit-filter: none !important;
    filter: none !important;
    width: 100% !important;
    height: unset !important;
    max-height: unset !important;
}
.primary-link:hover {
    color: #00D7DD;
    background: linear-gradient(to right, #21d8de 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
} 

/* woocommerce alert messages */
.woocommerce-message{ border-top-color: #00D7DD;  }
.woocommerce-message::before { color: #00D7DD; }
.woocommerce-info { border-top-color: #387ab6; }
.woocommerce-info::before { color: #387ab6; }

/*Select2dropdown*/
/* Select Box Styling  and select2 plugin styling*/

.select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 1px 0; color: #2d333f; line-height: 1; text-align: left; }
select.form-control, .select2-container--default .select2-selection--single{ -webkit-appearance: none; background: #fff url(../img/select-down.png) no-repeat; background-position: calc(100% - 15px) center; box-shadow: none;}
select option, .select2-dropdown{background-color: #F5F5F5; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); color: #737B81; font-size: 15px; border: none; z-index: 6; }
.select2-container--default .select2-results__option{ background-color: #fff; color: #2d333f; font-size: 14px; line-height: 20px; padding: 6px 12px; transition: all 0.5s ease; word-break: break-all;}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #ffffff;
}
.select2-container--default .select2-search--dropdown .select2-search__field{ border: 1px solid #e4e4e4; border-radius: 4px; }
.select2-container.select2-container--default .select2-results__option--highlighted { background-color: rgba(0, 215, 221,0.15); padding-left: 20px; color: #2d333f;}
.select2-container--default .select2-results__option:hover {
    background-color: rgba(0, 215, 221,0.08); 
}
.select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.select2.select2-container{width: 100%; border-radius: 4px;}
.select2.select2-container + .placeholder-label{top: 9px;}
.select2-container--default .select2-results__option:focus, .select2.select2-container:focus, .select2.select2-container *:focus{outline: none;}
/* .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{background-color:rgba(0, 215, 221,0.15); color: #2d333f;} */
.select2-container--default .select2-results__option[data-selected=true]{background-color:rgba(0, 215, 221,0.15) !important; color: #2d333f;}
.select2-selection--multiple .select2-search--inline .select2-search__field{ padding: .275rem 0.5rem; }
.select2-container--default .select2-search--dropdown .select2-search__field{height: 32px;}


/* -------------------------------------------------------------------------- */
/*  4. Home page css
/* -------------------------------------------------------------------------- */


/* Header css */
html{ overflow-x: hidden; max-width: 100%; }
body{padding-top: 76px; overflow-x: hidden; max-width: 100%; background: #fff; }
.menu-open{ overflow: hidden; }
#site-header{ font-size: 0; padding: 15px 0; position: fixed; left: 0; right: 0; width: 100%; top: 0; z-index: 7; background: #fff; }
.header-fix-onscroll{box-shadow: 0 2px 8px 0 rgba(6,32,45,0.15);}
.header-titles-wrapper, .mobile-nav-toggle, .header-titles{ display: inline-block; vertical-align: middle; }
.header-titles-wrapper{ width: 100%; position: relative;}
.header-titles{ width: 100%; text-align: left; }
.mobile-nav-toggle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 21px;
}
.header-logo img{ max-width: 100px; }
.header-nav-wrap{ display: none; }
.header-nav-wrap.open{ display: block;  padding-bottom: 50px;  height: calc(100vh - 68px); overflow: auto; border-top: 1px solid #ececec; position: absolute; top: 68px; left: 0; right: 0; width: 100%; background: #fff; z-index: 7; }
.sub-menu-bg{ display: none; padding: 20px 0; border-bottom: 1px solid #ececec;  }
.sub-menu .main-menu-parent .menu-image-hover-wrapper img{ width: 25px; padding-right: 0; margin-right: 10px; display: inline-block; }
#menu-main-menu > .menu-item > .main-menu-parent{ padding: 15px 25px; border-bottom: 1px solid #ececec; display: block; text-decoration: none; }
.menu-item > a{ font-size: 14px; position: relative; text-decoration: none; }
.menu-item-has-children > a:after, .my-account-item > .account-menu:after{ content: ''; background: url('../../uploads/2019/11/menu-arrow.svg') center no-repeat; position: absolute; top: 20px; right: 8%; width: 12px; height: 12px; }
.menu-item-has-children > a:hover:after, .my-account-item > .account-menu:hover:after{ background: url('../../uploads/2019/12/down-hover.svg') center no-repeat; }
.menu-item:first-child{ margin-left: 0; }
.menu-image-title{ font-weight: 500; font-size: 14px; vertical-align: middle; display: inline-block;}
.menu-item-description{ padding-left: 46px; font-size: 13px; margin: 4px 0;  }
.sub-menu .menu-item{ margin-bottom: 40px; }
.sub-menu .menu-item:last-child{ margin: 0; }
.header-nav-wrap.open .btn{ border-radius: 0; font-weight: 400; border: none; font-size: 14px; color: #2d333f; display: block; text-align: left; background: none; padding: 15px 25px; border-bottom: 1px solid #ececec; }
.sub-menu .menu-item .main-menu-parent:hover .menu-image-title{ color: rgba(0,0,0,0); background: linear-gradient(to right, #387ab6 20%, #21d8de 100%); background-size: 100% 100%; -webkit-background-clip: text; transition: color .2s ease-in-out; background-position: left center; }
.sub-menu .main-menu-parent .menu-image-hover-wrapper .hovered-image, .sub-menu .menu-item .main-menu-parent:hover .menu-image-hover-wrapper .menu-image{ display: none; opacity: 0; margin-left: 0 !important;}
.sub-menu .menu-item:hover .menu-image-hover-wrapper .menu-image, .sub-menu .menu-item .main-menu-parent:hover .hovered-image, .menu-main-menu-container .menu-item:hover .menu-image-hover-wrapper .menu-image{ display: inline-block; opacity: 1; }
.view-all-block{ text-align: center; margin-top: 20px; }
.view-all-block a{ font-size: 15px; font-weight: 500; text-decoration: underline; display: inline-block; }
.menu-item > .main-menu-parent:hover{ display: block; }
.menu-item.active > .main-menu-parent:hover{ color: #2d333f; background: none; }
.menu-item.active > .main-menu-parent:hover:after{ background: url(../../uploads/2019/11/menu-arrow.svg) center no-repeat; }
.menu-item.current-menu-item > .main-menu-parent{ font-weight: 700; }
.my-account-item .account-menu{ display: block; text-decoration: none; position: relative; font-weight: 400; }
.my-account-item > .account-menu:after{ top: 16px; }
.my-account-dropdown{ display: none; }
.my-account-item.active .my-account-dropdown{ display: block; }
.my-account-dropdown .menu-item-description{ padding: 15px 25px; text-decoration: none; display: block; margin: 0; border-bottom: 1px solid #ececec; }



/* Mobile toggle icon */
.mobile-menu-icon{width: 25px; height: 20px; position: relative; margin: 0 0 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.mobile-menu-icon span{display: block; position: absolute; height: 3px; width: 100%; background: #2d333f; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.mobile-menu-icon span:nth-child(1) { top: 0px; }
.mobile-menu-icon span:nth-child(2), .mobile-menu-icon span:nth-child(3) {top: 8px; }
.mobile-menu-icon span:nth-child(4) { top: 16px; }
.mobile-menu-icon.open span:nth-child(1) {top: 18px; width: 0%; left: 50%; }
.mobile-menu-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-menu-icon.open span:nth-child(4) {top: 18px; width: 0%; left: 50%; }

/* Main Banner */
/*.main-banner-section{ background: url('../../uploads/2019/11/header-bg.svg') center bottom no-repeat; background-size: 100% auto;}*/
.banner-slider{position: relative;}
.banner_bg-image{min-height: 320px;background-position: center right; background-size: cover !important;}
.banner_bg-image:after{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 0;background-color: #2d333f;opacity: 0.1;}
.main-banner-section .slick-dots{bottom: 15px;z-index: 5;left: 0;right: 0;margin: auto;width: 100%;}
.main-banner-section .slick-dots li{border: 1px solid #fff;border-radius: 50%;height: 16px;width: 16px;}
.main-banner-section .slick-dots li.slick-active{background-color: #fff;}
.main-banner-section .slick-dots li button:before{content: none;}
.banner-curve{position: absolute;bottom: -10px;width: 100%;display: block;background: url('../../uploads/2020/12/curve-shape-1.svg') no-repeat;height: 9vw;background-size: 100% auto;}
.banner_text{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.banner_wrap{ padding-bottom: 50px; }
.banner__image, .banner__content { text-align: center; width: 100%; }
.banner__title{ font-weight: 400; font-size: 26px; line-height: 1.3; color: #fff;max-width: 60%;margin-bottom: 10px;}
.banner-sub-title{ color: #3f3f3f; font-size: 16px; font-weight: normal; margin: 10px 0 20px 0; color: #f5f5f5;}
.app-features-main-banner{ margin-top: 40px; }

/* Feature start */
.feature--list{ margin: 40px 0 0 0; }
.features-wrap{ margin: 0 -20px; text-align: center; }
.feature-item--icon{ max-width: 40px; }
.feature-list--item{ width: 100%; padding: 0 20px; }
.feature-item--title{ font-size: 16px; margin: 15px 0; }
.feature-item--desc, .feature-icon-wrap{ font-size: 14px; }
.feature-icon-wrap, .feature-item--title, .feature-item--desc{ text-align: left; }
.feature--list .content-desc {
    text-align: left;
    margin-bottom: 20px;
}

/* Be bold start */
.tb-banner-section{ background-size: cover; background-position: center; padding: 45px 0; position: relative; }
.tb-banner-section.bottom-banner-section:after{ content: ''; background: #2d333f; opacity: 0.6; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 100%; } 
.tb-banner-section .section-title{ color: #fff; font-size: 23px; }
.tb-banner-content{ position: relative; z-index: 1; }

/* Slider start */
.slider-container{ max-width: 100%; margin: 0 auto; width: 100%; padding: 0 25px; }
.slider-image--wrap, .slider-content--wrap{ display: inline-block; vertical-align: top; width: 100%; }
.slider--title.mobile-title{ display: block; }
.slider--title.desktop-title{ display: none; }
.slider-content--wrap .section-title{ text-align: left; margin-bottom: 30px; }
.slider-caption--wrap.slick-slide{ opacity: 0.3; }
.slider-caption--wrap.slick-slide.slick-current.slick-active{ opacity: 1; }
.caption-title{ font-size: 16px; margin-bottom: 12px;}
.caption-desc{ font-size: 14px; }
.slider-caption--wrap .caption-desc  { color: #2D333F; }
.slider-image--wrap img{ margin: 0 auto; /*max-height: 380px;*/ max-width: 100%; }
.slick-arrow.slick-disabled, .slick-arrow.slick-disabled{ background: #c5c5c5; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{ opacity: 1; }
.slick-arrow{ border-radius: 50%; z-index: 4;  padding: 20px; background-size: 200% 200%; background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6)); background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%); background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%); -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; }
.slick-prev.slick-arrow{ left: 0; }
.slick-next.slick-arrow{ right: 0; }
.slick-next.slick-arrow:before, .slick-prev.slick-arrow:before{ content: ''; background: url('../../uploads/2019/11/slide-next.svg') center no-repeat; background-size: 12px; position: absolute; top: 0; left: 6px; right: 0; bottom: 0; margin: auto; }
.slick-prev.slick-arrow:before{ transform: rotate(180deg); left: 0; right: 3px; }
.slick-arrow:hover {background-position: right center;}
.slider-section.tb-space{ margin-top: 40px; }

/* Video start */
.video-img{ width: 100%; }
.video-play-btn, .play-btn, .video-play-btn:after, .video-play-btn:before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer;  }
.video-play-btn:after, .video-play-btn:before{ content: ''; border-radius: 50%; transition: all 0.5s ease-in-out; }
.video-play-btn:after{ width: 40px; height: 40px; background: rgba(110, 134, 155, 0.12); }
.video-play-btn:before{ width: 60px; height: 60px; background: rgba(110, 134, 155, 0.12); }
.video-play-btn:hover:after, .video-play-btn:hover:before{ background: rgba(110, 134, 155, 0.3); }
.play-btn{ max-width: 22px; }

/* Popup css */
.fancybox-skin{ border-radius: 10px; }
.fancybox-close {background: none; position: absolute; right: 20px; top: 15px; width: 20px; height: 20px; opacity: 0.3; }
.fancybox-close:hover { opacity: 1; }
.fancybox-close:before, .fancybox-close:after {position: absolute; left: 15px; content: ' '; height: 21px; width: 2px; background-color: #000; }
.fancybox-close:before { transform: rotate(45deg); }
.fancybox-close:after {  transform: rotate(-45deg); }
.fancybox-inner{ width: 100% !important; }
#video_popup iframe{ width: 100% !important; }

/* Heavenly Made */
.heavenly-section{ background-size: 100% auto; padding: 20px 0 0 0; position: relative; }
.heavenly-section .with-shadow-image { filter: none !important; }
.heavenly--desc{ margin: 20px 0; padding-bottom: 60px; }
.pro-list{ text-align: center; }
.sub-title{ font-size: 17px; font-weight: 300; color: #3f3f3f; margin-top: 5px;  }
.pro--desc{ max-width: 520px; margin-top: 20px;}
.pro--title{ font-size: 23px; font-weight: 400; margin: 20px 0 0; line-height: 1; }
.pro--title.m-0{margin: 0;}
/*.pro--image:after{ content: ''; background: url('../../uploads/2019/11/app-circle.png') center no-repeat; background-size: 260px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; z-index: 0; }*/
.pro--image{position: relative;/* min-height: 336px; margin-bottom: 15px;*/ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.pro-img{ position: relative; z-index: 2; }
.pro--image .with-shadow-image{padding: 0;}
.pro-list.border-right{ margin-bottom: 40px; }

/* Powertool */
.power-tool-container{ max-width: 93%; width: 100%; margin: 0 auto; padding: 0 15px; }
.power-tool-container .secondary-container{ max-width: 80%; }
.p-shadow-wrap{ box-shadow: -2px 15px 36px 15px rgba(0,0,0,0.1); padding: 95px 0 65px 0; margin-top: -80px; border-radius: 15px; }
.content-wrap .section-title{ text-align: left; margin-bottom: 15px; }
.left--block, .left--block-half{ margin-bottom: 40px; }
.float-right{ float: right; }
.content-wrap .primary-link{ font-size: 16px; text-decoration: none; }
.right--block-half, .left--block-half, .left--block, .right--block{ width: 100%; }
.right--block-half .block--image, .right--block .block--image{ max-width: 80%; }

/* Empower */
.client-details{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.client--img{ margin: 0 20px 0 0; max-width: 50px; }
.client--img img { border-radius: 100%; }
.client-name, .client-desg{ margin: 0; line-height: 1; }
.client-name{ margin-bottom: 8px; font-size: 15px; font-weight: 700; }
.client-desg{ font-size: 14px; }

/* White paper */
.pdf-section.tb-space{ margin: 0 0 30px 0; }
.pdf-section{ padding: 0 0 9vw 0; }
.secondary-title{ font-size: 16px; font-weight: 700; margin: 20px 0 8px 0; }

/* try */
.try-free-section.tb-space{ margin-top: 30px; }
.apple-download{ margin-right: 20px; max-width: 130px; }
.try-wrap .left--block, .try-wrap .right--block{ width: 100%; }

/* Bottom banner */
.bottom-banner-section{ padding: 40px 0; background-size: cover; }
.bottom-banner-section.tb-space{ margin-bottom: 0; }
.tb-banner-section .bottom-banner-wrap .section-title{ max-width: none; font-weight: 400; padding: 0 0 21px 0;}
.bottom-banner-logo img{ max-width: 100px; }

/* Footer */
.footer--column{ width: 100%; margin-bottom: 30px; }
.footer--column:last-child{ margin-bottom: 0; }
.footer--column-double{ width: 100%; display: block; }
.footer-section { padding: 40px 0; }
.footer-menu--item{ margin-bottom: 16px; font-size: 14px; display: inline-block; text-decoration: none; }
.copyright-text{ font-size: 12px; color: rgba(45,51,63,0.4); }
input, textarea, select, .form-input, .select2-container--default .select2-selection--single, .wc-stripe-elements-field{ box-shadow: none; font-weight: 400; height: 38px; border: 1px solid #d6d6d6; color: #2d333f; border-radius: 50px; padding: 10px 20px; font-size: 14px; -webkit-appearance: none; }
.footer-form .es-field-wrap{ width: 68%; vertical-align: middle; display: inline-block; }
.footer-form .es-field-wrap label{ margin: 0; }
.footer-form .es-field-wrap .es_txt_email{ border-top-right-radius: 0; border-bottom-right-radius: 0; height: 38px; padding: 10px; width: 100%; border-color: #2d333f; }
.footer--column .caption-desc { font-size: 13px; padding-right: 10px; padding-left: 10px; }
.submit-btn, .es_subscription_form_submit{ cursor: pointer; background-color: #2d333f; color: #fff; border: 1px solid #2d333f; -webkit-appearance: none; border-radius: 50px; padding: 9.5px 15px; text-align: center; font-size: 14px; font-weight: 500; width: 32%; }
.es_subscription_form_submit{ border-top-left-radius: 0; border-bottom-left-radius: 0; vertical-align: middle; padding: 0; height: 38px; }
.footer-logo img{ max-width: 100px; }
.footer--column .link-label { font-size: 18px; font-weight: 500; color: #fff; }
.footer--column ul li a { color: rgba(255, 255, 255, 0.8); font-size: 15px; }

/*.select2-container--default .select2-selection--single .select2-selection__arrow{ display: none; }
.select2-container--open.select2-container--default .select2-selection--single{ border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{   border-radius: 20px;  border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field{ border-color: #d6d6d6; }
.select2-search.select2-search--dropdown{ padding: 12px 15px; }
.select2-results__option{ padding: 12px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{ background: #387ab6; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 1.5; color: #2d333f; padding-left: 0; }*/

/* Footer bottom */
/*.footer-section{ position: absolute; left: 0; right: 0; bottom: 0; width: 100%; }
body{ position: relative; padding-bottom: 457px; min-height: 100%; }*/


/* Sticky buttons start */
.back-to-top{ position: fixed; bottom: 80px; right: 20px; z-index: 4; }
.contact-us-icon img{ max-width: 75px; }
.back-to-top-icon img{ max-width: 65px; }
.back-to-top-icon{ margin-top: -24px;  opacity: 0; visibility: hidden; transition: all 0.5s ease; cursor: pointer; }
.back-to-top-icon.show{ opacity: 1; visibility: visible; }


/* -------------------------------------------------------------------------- */
/*  Contact us page
/* -------------------------------------------------------------------------- */
textarea, textarea.form-input{ resize: none; border-radius: 22px; padding: 15px 20px; }
.input-row, .row-input{ margin: 0 -20px; }
.input-group{ padding: 0 20px; margin: 10px 0; }
.form-input{ width: 100%; }
.contact-list--item .feature-item--title{margin: 0 0 10px 0;}
.contact-list--item .feature-item--desc{ max-width: none; margin: 0; }
.contact-list--item .feature-item--desc a{ text-decoration: none; }
.contact-us-section .section-title{ line-height: 1; margin-bottom: 26px; }
.contact-list--item{ margin: 0 0 25px 0; }
.contact-list--item:last-child{ margin: 0; }
.contact--form .right--block-half, .contact--form .left--block-half{ width: 100%; }
.contact--form textarea.form-input{ min-height: 151px; }
.help--title{ font-size: 20px; line-height: 1; margin: 0 0 20px 0; }
select, select.form-input, .select2-container--default .select2-selection--single{ color: rgba(45,51,63,0.5); background: url('../../uploads/2019/11/menu-arrow.svg') calc(100% - 20px) center no-repeat; -webkit-appearance: none; padding-right: 40px; }
.input-row{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
.contact--form .input-group, .contact--form .input-group, .contact--form  .input-group.full-width{ width: 100%; }
select, button{ cursor: pointer; }
.page-contact-us .plan-wrap{ display: none; }
.contact-us-section .contact-form-block .wpcf7-response-output {
    text-align: center;
    display: block !important;
    border: none;
}



/* -------------------------------------------------------------------------- */
/*  Pricing page
/* -------------------------------------------------------------------------- */
.pricing-table-section .banner__title{color: #2d333f;max-width: none;}
.rewards-wrap{ background: #f8f8f8; padding: 20px; }
.rewards--title{ margin: 0; font-size: 16px; }
.rewards--desc{ margin: 6px 0 0; font-size: 13px; }
.accordian--title{ font-weight: 700; font-size: 14px; cursor: pointer; position: relative; margin: 0; padding: 18px 40px 18px 0; border-bottom: 1px solid #ddd; }
.accordian--title:after{ content: ''; background: url('../../uploads/2019/11/menu-arrow.svg') center no-repeat; position: absolute; right: 20px; top: 23px; background-size: 100%; height: 12px; width: 12px; }
.accordian--title.active:after{ transform: rotate(180deg); }
/*.accordian--desc{ font-weight: 300; font-size: 14px; line-height: 1.7; display: none; padding: 20px 0;  border-bottom: 1px solid #ddd; }*/
.accordian--desc{ font-weight: 300; font-size: 14px; line-height: 1.7; display: none; padding: 20px 0; }

.accordian--desc p{ margin-top: 0; }
.accordian--desc p:last-child{ margin-bottom: 0; }
.pricing-table-content{ border-collapse: collapse; border: none; }
.pricing-table-content thead{ vertical-align: top; }
.pricing-table__table-head.background_header{ background: url('../../uploads/2019/12/pricing-gradient.png') no-repeat; padding: 28px; background-size: 100% 100%; width: 25%; }
.pricing-table__table-head{ width: 17.5%; padding: 0; }
.pricing-table--title{ font-size: 20px; font-weight: 700; }
.pricing-table--desc{ font-size: 12px; font-weight: 400; }
.plan--title{ color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; padding: 9px; margin: 0; }
.short-desc{ position: relative; text-align: center; padding: 0 15px; font-size: 12px; }
.basic{ background: #3985c1; }
.pro{ background: #3985c1; }
.pro{ background: #3195c3; }
.legend{ background: #2da7ca; }
.team{ background: #28bcd2; }
.squad-team{background: #51D9EC;}
.plan--title.basic { background: #2d333f; border-top: 1px solid #c1c1c1; }
.plan--title.basic ~ .plan-details .btn {
    background-color: #2d333f;
    color: #ffffff;
}
.plan--title.pro { background: #336696;  border-top: 1px solid #a3b5c5;}
.plan--title.pro ~ .plan-details .btn {
    background-color: #336696;
    color: #ffffff;
    border: 1px solid #336696;
}
.plan--title.legend { background: #00d7dd;  border-top: 1px solid #b0fbfd;}
.plan--title.legend ~ .plan-details .btn {
    background-color: #00d7dd;
    color: #ffffff;
    border: 1px solid #00d7dd;
}
.plan--title ~ .plan-details .btn:hover {
    border: 1px solid transparent;
}
.plan-details{ background: url('../../uploads/2019/12/pricing-plan-bg.png') no-repeat; padding: 25px 15px; background-size: 100% 100%; }
.plan-details--item{ margin: 0; }
.plan-details--item.item--3{ font-size: 20px; font-weight: 700; }
.plan-details--item.item--1, .plan-details--item.item--2, .plan-details--item.item--4{ font-size: 13px; font-weight: 400; }
.plan-details--item.item--1{ font-weight: 700; }
.plan-details--item.item--1, .plan-details--item.item--3, .plan-details--item.item--4{ margin-bottom: 8px; }
.plan-details--item.item--2{ margin-bottom: 15px; }
.plan-details--item.item--4.wp_user_note { padding-top: 15px; font-size: 14px; max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 50px;}
.plan-details .btn{ min-width: 90px; padding: 6.5px 10px; font-size: 12px; }
.plan-desc--block{ border: 2px solid #f2f4f6; border-left: 0; border-right: 0; }
.empty--cell{ border: none; }
.feature--value.darker{ color: #2d333f; }
.feature--label, .feature--value{ font-weight: 500; margin: 12px 0; line-height: 1; }
.feature--label{ font-size: 12px; padding-left: 20px; }
.feature--value{ font-size: 12px; color: #bcbcbc; }
.table-border{ border-bottom: 1px solid #f5f5f5; }
.feature--value.available, .feature--value.not-available{ position: relative; font-size: 0; }
.feature--value.available:after {content: ''; display: block; position: absolute; top: -8px; left: 0; width: 7px; height: 13px; border: solid #bcbcbc; border-width: 0 2px 2px 0; transform: rotate(45deg); right: 0; margin: auto; }
.feature--value.not-available:after{ content: ''; position: absolute; left: 0; right: 0; width: 11px; height: 1px; background: #bcbcbc; margin: auto; }
.visuallyHidden{ display: none; visibility: hidden; }
.addons .addon-title{ background-color: #f8f8f8; font-size: 18px; font-weight: 700; text-transform: none; padding: 13px 0 13px 20px; line-height: 1; }
.rewards-section{ margin: 50px 0; }
/*price page redesign*/
.signup-ft-pp { position: relative; text-align: center; }
.signup-ft-pp .rp-text-link {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 24px;
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
}
.not-link {
    opacity: 0 !important;
    pointer-events: none !important;
}
.signup-ft-pp .rp-text-link:hover,
.signup-ft-pp .rp-text-link.qty-popup-open {
    color: #00d7dd;
    background: transparent;
}
.signup-ft-pp .disable-link {
    opacity: 0.2;
    pointer-events: none;
}
.trial-dd.btn_secondary.qty-popup-open {
    background-size: 200% 100%;
    -webkit-background-clip: initial;
    background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6));
    background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%);
    background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%);
    border: 1px solid transparent;
    color: #fff;
    transition: none;
}
.signup-ft-pp .purchase-wrapper { position: absolute; top: auto; left: 0; right: 0; z-index: 6; margin: auto; width: 160px; background: #ffffff; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.19); margin-top: 15px; text-align: center;}
.signup-ft-pp .purchase-wrapper.signup-dd {
    top: 40px;
}
.signup-ft-pp .purchase-wrapper.signup-dd.trial-click {
    top: 80px;
}
.signup-ft-pp .purchase-wrapper:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: #ffffff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.19);
    margin: auto;
    top: -6px;
    transform: rotate(45deg);
}

.signup-ft-pp .purchase-wrapper h3 { color: #2d333f; font-size: 16px; font-weight: 500; position: relative; width: 100%; background: #ffffff; padding-top: 16px; margin-bottom: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.signup-ft-pp .purchase-wrapper .rp-inner-box { padding-left: 10px; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.signup-ft-pp .purchase-wrapper .rp-inner-box .plan-purchase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.19);
    flex: 0 0 104px;
    max-width: 104px;
}
.signup-ft-pp .purchase-wrapper .plan-purchase .btn { flex:0 0 26px; max-width: 26px; min-width: auto; padding: 0; display: -webkit-box;
                                                      display: -ms-flexbox;
                                                      display: flex;
                                                      -webkit-box-align: center;
                                                      -ms-flex-align: center;
                                                      align-items: center;
                                                      -webkit-box-pack: center;
                                                      -ms-flex-pack: center;
                                                      justify-content: center; border:none; background: linear-gradient(to top, #387ab6 20%, #21d8de 100%); height: 100%;
                                                      border-radius: 0;
                                                      color: #fff; font-size: 20px; }
.signup-ft-pp .purchase-wrapper .plan-purchase .btn.rp-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.signup-ft-pp .purchase-wrapper .plan-purchase input { padding: 0; height: 28px; min-width: 52px; font-weight: bold; font-size: 14px; color: #2c333e; text-align: center; border-radius: 0; border:none;  }
.signup-ft-pp .purchase-wrapper .purchase-plan {
    font-size: 14px;
    font-weight: 500;
    color: #fefeff;
    padding: 0 15px;
    width: 140px;
    border: 1px solid transparent;
    line-height: 32px;
    text-align: center;
    background: #2d333f;
    border-radius: 20px;
    margin-top: 18px;
    margin-bottom: 18px;
    text-decoration: none;
}
.signup-ft-pp .purchase-wrapper .purchase-plan:hover {
    background: #ffffff;
    border-color: #2d333f;
    color: #2d333f;
}
/*active belt design*/
.plan--title {
    position: relative;
    overflow: hidden;
}
.plan-active-belt {
    position: absolute;
    left: -20px;
    top: 10px;
    background: #ffffff;
    text-align: center;
    border: 1px solid #ffffff;
    transform: rotate(-45deg);
    padding: 3px 23px 3px 20px;
}
.plan-active-belt span {
    display: block;
    color: #2d333f;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
}
.pro .plan-active-belt span {
    color: #00D7DD;
}
.legend .plan-active-belt span {
    color: #336696;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.rp-row-content .plan-desc--block {
    padding: 28px 0;
    vertical-align: top;
}
.rp-row-content .plan-desc--block .feature-item--content {
    padding-right: 15px;
    padding-left: 15px;
}
.rp-row-content .plan-desc--block .feature-item--content .feature-icon-wrap {
    min-height: auto;
}
.rp-row-content .plan-desc--block .feature-item--desc {
    margin: 0;
}
.rp-row-content .plan-desc--block .rp-text-link {
    padding-top: 20px;
}
.rp-row-content .plan-desc--block .rp-text-link a {
    display: inline-block;
    font-size: 17px;
    text-decoration: none;
    transition: color .2s ease-in-out;
}
.rp-row-content .plan-desc--block .rp-text-link a:hover {
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-position: left center;
}
.rp-bd-notes {
    padding-left: 0;
}
.rp-bd-notes ul li {
    list-style-type: disc;
    list-style-position: inside;
}
.rp-bd-notes ul {
    padding-left: 15px;
}
.rp-bd-notes ul li + li {
    margin-top: 10px;
}
.rp-bd-notes ul li a {
    display: inline-block;
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
    font-weight: bold;
}
.rp-bd-notes ul li a:hover {
    color: #2d333f;
    background: unset;
}
.plan-desc--block.rp-top-align {
    padding: 28px;
    vertical-align: top;
}
.pricing-table--title.rp-row-title {
    margin-bottom: 0;
}
.pricing-table-content .table-border .labelElements .feature--label{
    padding-left: 28px;
}
.pricing-table-content .addons .addon-title {
    padding-left: 28px;
}
.left-head-sec .rp-bd-notes {
    margin-top: 25px;
}
.left-head-sec .rp-bd-notes .pricing-table--desc {
    padding-left: 0;
    padding-top: 10px;
}
.rp-bd-notes.rcc-des ul {
    padding-left: 32px;
}
.rp-bd-notes.rcc-des ul li {
    line-height: 1.5;
    list-style-position: outside;
}
.price-top-head-sec {
    margin-top: 20px;
}

/*.faq-section{ margin: 100px 0 0; }*/
.faq-section .section-title{ margin: 30px 0; }


/* -------------------------------------------------------------------------- */
/*  App feature 
/* -------------------------------------------------------------------------- */

.app-feature-banner .banner__title{ margin: 0; line-height: 1.1; }
.features-listings{ background: url('../../uploads/2019/12/features-top-bg1.svg') top right no-repeat; background-position-x: calc(100% + 18px); background-size: contain; }
.feature-title-b{ margin-bottom: 10px; }
.app-icon{ margin-right: 10px; }
.app-feature-item{ margin-bottom: 30px; }
.app-feature-item:last-child{ margin: 0; }
.shadow-effect { box-shadow: 0 2px 8px 0 rgba(6,32,45,0.15); border-radius: 10px; background: #fff; }
.sub-f--wrap { padding: 20px; }
.user-quote{ padding: 20px; }
.sub-f--item { border-bottom: 2px solid #ededed; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.sub-f--item:last-child{ border: none; margin: 0; padding: 0; }
.sub-f--item .sub-f--desc, .sub-f--item .content-desc{ margin: 10px 0 0 0; }
.user-q-title{ font-size: 16px; }
.user-q-desc, .sub-f--item  .sub-f--desc{ font-size: 13px; line-height: 1.5; }
.right--block-half, .left--block-half{ width: 100%; }
.app-feature-item .left--block, .app-feature-item .left--block-half{ margin-bottom: 0; }
.app-icon-img{ width: 40px; max-height: 40px; }
.sub-f--title{ font-size: 15px; }
.app-feature-title{ margin-bottom: 40px; }
.feature-slider .slick-slide img{ margin: 0 auto; }
.feature-normal .secondary-title{ margin: 0; max-width: 75%;}
.feature-slider .slider-wrap{ padding-bottom: 50px; }
.right--block-half img, .feature-slider .slick-slide img{ max-height: 380px; }
.feature-slider{ background: url('../../uploads/2019/11/header-bg.svg') center bottom no-repeat; background-size: 100% auto; }
.display--mobile .plan-tabs__tab{ width: 100%; border: 1px solid #3985c1; border-bottom: 0; margin-bottom: 0; background: #fff;  font-size: 15px; padding: 10px; display: block; text-align: center; text-transform: uppercase; }
.display--mobile .plan-tabs li:last-child .plan-tabs__tab{ border-bottom: 1px solid #3985c1; }
.plan-tabs__tab.js-is-active{ background-color: #3985c1; color: #fff; }
.display--mobile { margin-bottom: 30px; }
.slider-content .content-desc{ max-width: 400px; }
.app-feature-item .sub-feature-listing ~ .btn_primary {
    margin-top: 50px;
}
.app-feature-item .user-quote ~ .btn_primary {
    margin-top: 50px;
}

/* -------------------------------------------------------------------------- */
/*  Registration 
/* -------------------------------------------------------------------------- */

.main-registration-wrap, .content-page-tbspace, .woocommerce, .business-form { padding-top: 30px; }
.business-form, .registration-block {
    margin-bottom: 55px;
}
.main-registration-wrap.r-top{ padding-top: 0; }
.main-registration-wrap.r-top .reg-title {font-size: 18px;}
.registration-form--block{ max-width: 400px; margin: 0 auto; }
.reg-title{ font-size: 22px; margin-bottom: 10px; font-weight: 700; }
.reg-title small { text-transform: capitalize; font-size: 16px; color: #2d333f; font-weight: normal;}
.input-group.btn-sub-block{ margin: 30px 0 0; }
.digit-blocks{ font-size: 0; max-width: 212px; margin: 0 auto; }
.digit-blocks .input-group span{ width: 25%; display: inline-block; padding: 5px; margin: 10px 0 0; }
.digit-blocks .input-group br{ display: none; }
.digit-blocks .input-group .form-input{ border-radius: 8px; height: 43px; padding: 10px; text-align: center; }
.digit-title{ font-size: 20px; margin-bottom: 0; }
.pin-block{ margin-top: 50px; }
.woocommerce-password-strength{ font-size: 14px; text-align: left; margin: 10px 0 0; border-radius: 25px; padding: 5px 15px; }
#send_again_otp{margin-left: 5px; }
.registration-block.main-registration-wrap.r-top .registration-form--block {
    max-width: 800px;
}
.registration-block.main-registration-wrap.r-top .registration-form--block .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important;
}
.registration-block.main-registration-wrap.r-top .registration-form--block .first--step .input-group {
    flex:0 0 100%;
    max-width: 100%;
}
.registration-block.main-registration-wrap.r-top .registration-form--block .first--step .input-group.btn-sub-block{
    flex:0 0 100%;
    max-width: 100%;
}
.registration-block.main-registration-wrap.r-top .registration-form--block .first--step .input-group.btn-sub-block #mo_message{
    text-align: center;
    margin-top: 15px;
}
.registration-block.main-registration-wrap.r-top .registration-form--block .first--step .input-group input {
    margin-top: 0; 
}
.registration-block.main-registration-wrap.r-top .registration-form--block .btn-sub-block {
    position: relative;
}
.registration-block.main-registration-wrap.r-top .registration-form--block .otp-second-step .btn-sub-block .ajax-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.info-legend-msg {
    color: #396697;
    font-size: 14px;
    display: block;
    padding-top: 8px;
}
.business-form .input-row .input-group input {margin-top: 0;}

/* Error messages */
div.wpcf7-response-output{ padding: 0; margin: 0; }
.wpcf7-validation-errors, span.wpcf7-not-valid-tip, #sumosubscriptions-stripe-card-errors{ clear: both; text-align: left; color: #Eb333f !important; font-size: 14px !important; margin-top: 8px; border: none !important; }
.error, .es_subscription_message.error, .woocommerce form .form-row label.error, .validate-email, .validate-username{ color: #Eb333f; font-size: 14px; margin-top: 8px; display: block; font-weight: 400; }
.es_spinner_image{ text-align: center; margin: 5px auto; float: left; width: 100%; }
#mo_message{ font-size: 14px; line-height: 1.5; border: none !important; text-align: left;}
.woocommerce-Message p{ margin: 0; }
.woocommerce-error li{ margin-bottom: 5px; }
.woocommerce-error li:last-child{ margin-bottom: 0; }


/* -------------------------------------------------------------------------- */
/*  Login page
/* -------------------------------------------------------------------------- */

#site-content{ min-height: 400px; }
.lost_password{ float: right; }
.checkbox-label{ position: relative; font-weight: 400; color: #2d333f; }
.woocommerce form .show-password-input{ z-index: 4; right: 20px; top: 10px; }
.btn.btn_primary:disabled, .btn.btn_secondary:disabled{ opacity: 0.5; cursor: not-allowed; }
.btn.btn_secondary:disabled:hover{ background: none; color: #2d333f; border-color: #2d333f; }
.btn.btn_primary:disabled:hover{ background-position: left center; }
.input-form-checkbox, .woocommerce-SavedPaymentMethods-saveNew input[type=checkbox]{ position: absolute; z-index: -1; opacity: 0; }
.woocommerce-SavedPaymentMethods-saveNew input[type=checkbox] + label{ position: relative; }
input[type=checkbox] + .checkbox-label:before, .woocommerce-SavedPaymentMethods-saveNew input[type=checkbox] + label:before{
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d6d6d6;
    padding: 6.5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    top: -2px;
    border-radius: 3px;
}
input[type=checkbox]:checked + .checkbox-label:after, .woocommerce-SavedPaymentMethods-saveNew input[type=checkbox]:checked + label:after {
    background: #000 url(../../uploads/2020/02/checked.png) center no-repeat;
    background-size: 55%;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
}
.custom-control-label{ line-height: 1; display: inline-block; }
.custom-radio input[type="radio"] + .custom-control-label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.3em; height: 1.3em; position: relative; top: 0; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; }
.custom-radio input[type="radio"] { position: absolute; opacity: 0; height: auto; }
.custom-radio input[type="radio"]:checked + .custom-control-label:before{ background-color: #2d333f; box-shadow: inset 0 0 0 3px #f4f4f4; }
.payment--label{ display: block; }
.otp-second-step {display: none;}
.form-input.error{ color: #2d333f; }
input.error{ color: #2d333f; }


/* -------------------------------------------------------------------------- */
/*  Cart page
/* -------------------------------------------------------------------------- */

/*.woocommerce a.remove{ color: #BA182C !important; }*/
.woocommerce table.cart td.actions .coupon .input-text{ width: 100%; padding: 15px; border-color: #d6d6d6; margin: 0 0 15px 0; vertical-align: middle; }
.woocommerce table thead{ background: #f7f6f7; /*background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%); background-size: 200% 100%; color: #fff;*/ }
.restore-item, .woocommerce-privacy-policy-text a{ display: inline-block; }
.sumosubscriptions-stripe-elements-field{ border-radius: 50px; border-color: #d6d6d6; box-shadow: none; height: 45px; }
.sumosubscriptions-stripe-elements-field iframe{ top: 8px; position: relative; left: 15px; }
.sumosubscriptions-stripe-credit-card-brand{ margin-top: -8px; right: 23px; }
.woocommerce .woocommerce-checkout .col2-set .col-2, .woocommerce .woocommerce-checkout .col2-set .col-1, 
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2,.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last{ width: 100%; }
.cp-action--wrap .actions-wrap, .cp-action--wrap  .coupon{ clear: both;text-align: left; width: 100%; }
.page-checkout .woocommerce form .form-row .required{ visibility: visible; color: rgba(255, 0, 0,0.5); }
.wc-credit-card-form iframe{ width: 100% !important; position: relative; top: 0px; }
#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand, .woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{ right: 20px; }

/* -------------------------------------------------------------------------- */
/*  My account page
/* -------------------------------------------------------------------------- */
.woocommerce:after{ content: ''; display: table; clear: both; }
.woocommerce .woocommerce-MyAccount-content{ width: 100%; padding: 24px; border: 1px solid #dcdcdc; border-top: 0; float: left; }
.entry-content .woocommerce table.shop_table_responsive tr td{ background: none; }
.woocommerce table.shop_table th{min-width: 130px;}
.table-wrap-responsive{overflow-x: auto;}
.user-detail-form .short-desc {
    /*text-align: left;*/
    padding-left: 0;
}
.enter-business-details ~ .user-detail-form .last--step {
    margin-top: 0;
}
.woocommerce-checkout .shop_table .variation {margin-top: 0; font-size: 13px; color: #396697;}
.woocommerce-checkout .shop_table .variation dt { line-height: 1.5; }
.woocommerce-checkout .shop_table .variation p {margin-top: 0; font-size: 13px; color: #396697;}
.woocommerce-checkout .shop_table .product-total del { font-size: 90%; }
.woocommerce-checkout .shop_table .product-total ins .amount { font-weight: 700; }
.woocommerce-checkout .shop_table .product-total .per-user-discount small,
.woocommerce-checkout .shop_table .order-total .per-user-discount small,
.woocommerce-checkout .shop_table .recurring-total .first-payment-date small { color: #396697; font-weight: 500; }

/*.woocommerce-MyAccount-content{ padding: 20px; }*/
.woocommerce .woocommerce-MyAccount-navigation{ width: 100%;  float: left; background: #f5f5f5; }
.intro-text-dashboard a{ display: inline-block; }
.woocommerce-MyAccount-navigation ul{ border: 1px solid #dcdcdc; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a{ padding: 15px; text-decoration: none; border-bottom: 1px solid #dcdcdc; display: block; position: relative; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child a{ border: none; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a{ background: #f5f5f5; font-weight: 500; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a:hover{ color: #2d333f; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a:after{ content: ''; position: absolute; left: -1px; top: -1px; height: calc(100% + 2px); background-image: linear-gradient(to bottom, #387ab6, #21d8de); width: 6px; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a:before { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid white; transform: translateY(-50%); }
.woocommerce-MyAccount-content p{ margin-top: 0; }
.woocommerce-MyAccount-content .user-title--block{ max-width: 100%; }
.woocommerce-Address{ background: #f5f5f5; padding: 15px; margin-bottom: 20px; }
.woocommerce-Address address p { padding-left: 0 !important; }
.woocommerce-Address address img { margin-right: 2px; }
.woocommerce-Address address p:before { display: none; }
.label-info, .woocommerce-password-hint, small{ color: rgba(45, 51, 63, 0.6); font-size: 13px; line-height: 1.3; display: block; margin-top: 7px; }
.woocommerce form .form-row label, label, .sumo_my_subscriptions-filter, .sumosubs_payment_mode_switcher p{ color: rgba(45, 51, 63, 0.6); font-size: 12px; font-weight: 500; line-height: 1.5; margin-bottom: 5px; display: block; }
.woocommerce-checkout .sumosubs_payment_mode_switcher input{ position:relative; top: 4px; }
.space-top-3{ margin-top: 30px; }
.fieldset { border-style: solid; }
.woocommerce_sec_btn, .button.wc-forward{ float: right; background-color: transparent; }
.woocommerce-MyAccount-content .input-group{ margin: 8px 0; width: 50%; }
.woocommerce table.shop_table_responsive  tr:last-child td{ background: none; }
address { line-height: 1.5; font-size: 15px; font-style: normal; }
.preview-logo{ border: 1px solid #eee; padding: 3px; border-radius: 3px; margin-bottom: 16px; max-width: 120px; }
.custom-label-file.inserted{ display: inline-block; }
.sumo_my_subscriptions-filter{ margin-bottom: 30px; }
#filter, #change-page-size{ width: 100% !important; margin-bottom: 15px; }
.woocommerce table.shop_table_responsive .sumosubscriptions-view:before, .woocommerce table.shop_table_responsive .payment-method-actions:before{ content: none; }
.woocommerce-MyAccount-content mark{ padding: 5px 15px; background-color: #387cb7; color: #fff; display: inline-block; font-family: 'Roboto', sans-serif; }
.woocommerce-MyAccount-content mark.Pending{ background-color:#727272; }
.woocommerce-MyAccount-content mark.Trial{ background-color:#387ab6; }
.woocommerce-MyAccount-content mark.Pause{ background-color:#14a8ad; }
.woocommerce-MyAccount-content mark.Failed{ background-color:#Eb333f; }
.woocommerce-MyAccount-content mark.Active-Subscription{ background-color:#00D7DD;color: #2d333f; }
.woocommerce-MyAccount-content mark.Overdue{ background-color:#2d333f; }
.woocommerce-MyAccount-content mark.Suspended{ background-color:#f2cc21; color:red; }
.woocommerce-MyAccount-content mark.Cancelled{ background-color:#2D333F; }
.woocommerce-MyAccount-content mark.Pending_Cancellation{ background-color:#FF7373; }
.woocommerce-MyAccount-content mark.Expired{ background-color:#21d8de; }
/*.woocommerce-MyAccount-content .error { background: rgba(186, 24, 44,0.2); border:2px solid #BA182C; color: #2d333f; }
.woocommerce-MyAccount-content ._success { background: rgba(93, 170, 153,0.2); border: 2px solid #00D7DD; color: #2d333f; }
.woocommerce-MyAccount-content .warning { background:#fff8c4; border:2px solid #f2c779; color: #2d333f; }
.woocommerce-MyAccount-content .notice { background:rgba(56, 122, 182,0.2); border:2px solid #387ab6; color: #2d333f; }*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 70%; }
.address_title{ font-size: 18px; }
.input-group-multi{ margin-bottom: 16px; }
textarea.edit-textarea.form-input{ min-height: 136px; }
.woocommerce_sec_btn{ min-width: 100px; padding: 10px 15px; text-align: center !important; font-size: 12px; }
.woocommerce-error, .woocommerce-info, .woocommerce-message{ padding: 1em 1em 1em 2.5em; }
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ left: 0.8em; }
.woocommerce-MyAccount-content .reg-title{ display: none; }
.woocommerce-MyAccount-content .last--step{ margin-top: 30px; }

.woocommerce-MyAccount-content .sumo_alert_box{ font-family: inherit; border-radius: 3px; padding: 10px; margin: 20px 0; }
.woocommerce-MyAccount-content .sumo_alert_box span { font-weight: 400; }
.subscription_activity_logs{ width: 100%; }
.subscription_activity_logs tr:last-child td{ border: none; }
.ui-widget{ font-family: 'Roboto', sans-serif; }
.ui-datepicker .ui-datepicker-title select{ height: auto; border-radius: 5px; padding: 6px; background: url(../../uploads/2019/11/menu-arrow.svg) calc(100% - 10px) no-repeat; color: inherit; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background-color: #21d8de; border-color: #21d8de; color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ border-color: #387ab6; background: #387ab6; color: #fff; }
.sumo_subscription_details td{ border-top: none; display: block; }
.sumo_subscription_details .first-sub-td{ padding-bottom: 0; font-weight: 700; }
.sumo_subscription_details tr{ border-top: 1px solid rgba(0,0,0,.1); display: block; }
.sumo_subscription_details .hasDatepicker, .sumo_subscription_details  #subscription-cancel-selector{ margin-bottom: 15px; }
.enter-business-details{ display: none; }
.woocommerce-MyAccount-content .enter-business-details{ display: block; }
.entry-content{ min-height: 400px; }
.btn-m-top{ margin-top: 20px; }
.form-input.readonly{ display: block; opacity: 0.7; }
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper{ display: block; }
.woocommerce form .form-row{ margin: 0 0 10px; padding: 0; }
.woocommerce-address-fields__field-wrapper .country_field, .add_submit_block{ clear: both; }
.add_submit_block .btn_primary{ margin-top: 6px; }
.woocommerce-page form.woocommerce-checkout .form-row{ width: 100% !important; }
.woocommerce form .form-row textarea{ height: 135px; }
.sumosubscriptions-data .sumosubscriptions-subsc-title a{ text-decoration: none; pointer-events: none; }
.account_nav_wrap { box-shadow: 0 1px 6px 0 rgba(30,30,30,0.15); margin-bottom: 80px; }
.account_nav_wrap:after {
    display: table;
    content: '';
    clear: both;
}
.woocommerce-MyAccount-content .order-number, .woocommerce-MyAccount-content .order-date, 
.woocommerce-MyAccount-content .order-status{background-color: transparent;color: #2d333f;padding: 0;font-weight: normal;}
.woocommerce-MyAccount-content .order-number, 
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number { font-weight: 500; }
.woocommerce-checkout #payment #wc-stripe-cc-form div.form-row{padding: 1em 1em 0 1em;margin: 0;}
.stripe-source-errors  .woocommerce-error{border-top: none;}
.stripe-source-errors  .woocommerce-error li{color: #b81c23;line-height: 1.7;}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total ins{text-decoration: none;}
.btn.btn_secondary.subscription-action{padding: 5px 15px;height: auto;min-width: auto;font-size: 13px;}
.sumo_subscription_details .hasDatepicker, .sumo_subscription_details  #subscription-cancel-selector{height: auto;font-size: 13px;padding: 5px 45px 5px 15px;}

.woocommerce-checkout #payment div.form-row .woocommerce-terms-and-conditions-wrapper { font-size: .92em; }
.woocommerce-checkout #payment div.form-row .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox { display: inline-block; -webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox; opacity: 0; }
.woocommerce-checkout #payment div.form-row .woocommerce-terms-and-conditions-wrapper .checkbox { position: relative; }
.woocommerce-checkout #payment div.form-row .woocommerce-terms-and-conditions-wrapper .checkbox:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d6d6d6;
    padding: 6.5px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    top: 0;
    border-radius: 3px;
}
.woocommerce-checkout #payment div.form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid .checkbox:before {
    border: 1px solid red;
}
.woocommerce-checkout #payment .form-row.woocommerce-validated .checkbox:after{
    width: 17px;
    height: 17px;
    content: "";
    background: #000 url(../../uploads/2020/02/checked.png) center no-repeat;
    background-size: auto;
    background-size: 60%;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.woocommerce form .form-row.woocommerce-invalid label { color: #ff0000; }
.woocommerce-checkout #payment div.payment_box .wc-saved-payment-methods li label {
    position: relative;
    padding-left: 35px;
}
.woocommerce-checkout #payment div.payment_box .wc-saved-payment-methods li input {
    opacity: 0;
    margin-right: 0 !important;
    position: absolute !important;
}
.woocommerce-checkout #payment div.payment_box .wc-saved-payment-methods li label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
}
.woocommerce-checkout #payment div.payment_box .wc-saved-payment-methods li input[type="radio"]:checked + label:before {
    background-color: #2d333f;
    box-shadow: inset 0 0 0 3px #f4f4f4;
}


/* -------------------------------------------------------------------------- */
/*  Purchase plan
/* -------------------------------------------------------------------------- */
.plan-wrap{ padding: 40px 0; background: url('../../uploads/2020/02/title.svg') center bottom no-repeat; background-size: 100% auto; }
.plan--descrip{ color: rgba(45,51,63,0.5); max-width: 340px; line-height: 1.5; }
.user-title--block{ max-width: 807px; }
.user-title--block .input-row{ margin: 0 -15px; -ms-flex-direction: column; flex-direction: column;  }
.user-title--block .input-group{ width: 100%; padding: 0 15px; position: relative; }
.user-title--block .input-group .info-legend-msg { position: absolute; left: 34px; }
.user-title--block .input-group.two-rows .cstm-full-width {
    display: flex;
    flex-wrap: wrap;
}
.user-title--block .input-group.two-rows .cstm-full-width #business-state-error {
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 12px;
}
.user-title--block .input-group.two-rows #business-suburb-error {
    margin-bottom: 10px;
}
.third--step{ margin-top: 60px; }
.last--step{ margin-top: 52px; }
textarea.form-input, textarea{ min-height: 115px; line-height: 1.5; }
.m-bottom{ margin-bottom: 10px; }
.m-bottom.error{ margin-bottom: 0; }
.m-top{ margin-top: 10px; }
.upload_logo{ position: absolute; top: 0; left: 0; right: 0; width:100%; z-index: 3; margin: auto; opacity: 0; }
.placeholder-label{ position: absolute; top: 8px; left: 20px; color: rgba(45,51,63,0.5); z-index: -1; font-size: 14px; font-weight: 400;  }
.placeholder-label:after{ content: '*'; color: rgba(255, 0, 0,0.5); padding-left: 5px; }
.placeholder-label.not-required:after{ content: none; }
.form-input:focus + .placeholder-label{  display: none; }
.form-input{ background: transparent; position: relative;z-index: 2; }
.form-input.custom-input-file{border-color: #00D7DD;}
.custom-input-file{ opacity: 0; /*position: absolute; */z-index: 2; width: 100%; padding:0; margin: 0;display: inline-block; }
.edit-business-form .custom-input-file{ height: 0; width: 0; display: inline-block; }
.placeholder-label.custom-label-file{ position: absolute; top: 0; left: 0; width: 100%; line-height: 1.7; z-index: 1; font-size: 14px; overflow: hidden;border-color: #00D7DD; }
.required-cls{ color: rgba(255, 0, 0,0.5);  padding-left: 5px; }
.custom-label-file.inserted{ color: #2d333f; }
.btn_row{ margin-top: 20px; }
.loader-img{ margin: 0 auto; display: block; padding-bottom: 15px; }
.select-dropdown--label{ top: 18px; left: 54px; }
.error + .select-dropdown--label{ top: 7px; left: 55px; }
.plan--descrip .short-desc:after{ content: none; }
.plan-wrap .plan-title--block .plan--descrip .short-desc {
    font-size: 15px;
}
/* Thank you */
.woocommerce-thankyou-order-details{ background: #f5f5f5; padding: 20px; }
.woocommerce .woocommerce-thankyou-order-details.order_details li{ float: none; border: none; padding-bottom: 10px; margin: 0 0 15px; border-bottom: 1px dashed #d3ced2; }
.woocommerce .woocommerce-thankyou-order-details.order_details li:last-child{ margin: 0; padding: 0; }
.woocommerce ul.order_details li strong{ margin-top: 5px; }
.woocommerce-order > .secondary-title{ margin-top: 0; }
/*.woocommerce-order .woocommerce-customer-details{ background: #f5f5f5; padding: 20px; max-width: 100%; }*/
.ad-email, .ad-phone{margin-top: 1px;}
.thank-you-actions{margin: 15px auto 0 0;}
.woocommerce-Address .thank-you-actions .btn { font-weight: normal;  padding: 10px 30px; font-size: 14px; }

/*modal*/
.wrapper{width:90%;max-width:800px;margin:4em auto;text-align:center;}
.modal{position:fixed;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%;}
.modal.is-visible{visibility:visible;}
.modal-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:hsla(0, 0%, 0%, 0.5);visibility:hidden;opacity:0;transition:visibility 0s linear 0.3s, opacity 0.3s;}
.modal.is-visible .modal-overlay{opacity:1;visibility:visible;transition-delay:0s;}
.modal-wrapper{position:absolute;z-index:9999;top:6em;left:0;right:0;margin:auto;width:85%;padding:24px 20px;border-radius:3px;border:1px solid #DFDFDF;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);background:#fff;}
.modal-transition{transition:all 0.3s 0.12s;transform:translateY(-10%);opacity:0;}
.modal.is-visible .modal-transition{transform:translateY(0);opacity:1;}
.modal-header{border-bottom:1px solid #e4e4e4;margin-bottom:1em;padding-bottom:1em;}
.modal-heading{font-size:16px;color:#2d333f;font-weight:500;margin:0;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.modal button.modal-toggle{margin:15px 0 0 0;font-size:16px;}
.modal .modal-close.modal-toggle{border:1px solid #2d333f;background:none;margin:0;padding: 10px 20px;min-width: 95px;margin-top: 10px;}
.modal .modal-close.modal-toggle:hover{background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6));background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%);background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%);background-size: 200% 100%;border: 1px solid transparent;}
.modal .modal-close.modal-toggle svg{display:none;}
.modal .modal-close.modal-toggle:before{content:'Close';font-size:16px;color:#2d333f;font-weight:400;}
.modal .modal-close.modal-toggle:hover:before{color:#fff;}


/*Sample report css*/
.report-sample-intro-sec {
    text-align: center;
}
.report-sample-intro-sec .pro--desc{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.gallery-report-sec p {
    text-align: center;
    margin-top: 10px;
}
.gallery-report-sec ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    padding-top: 20px;
}
.gallery-report-sec ul li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
    margin-bottom: 30px;
}
.gallery-report-sec ul li .base-div {   
    border-radius: 15px;    
    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.20);    
    overflow: hidden;   
}   
.gallery-report-sec ul li .base-div .content-desc { 
    margin: 0;  
    padding: 10px 15px; 
    font-weight: 500;
}   
.gallery-report-sec ul li .base-div:hover { 
    background: #2d333f;    
}   
.gallery-report-sec ul li .base-div:hover .content-desc span {  
    color: #ffffff;
}
.gallery-report-sec ul li img {
    height: 100px;
    object-fit: cover;
    width: 100%;
}
.gallery-report-sec ul li h3 {
    margin: 0;
    font-size: 16px;
    margin-top: 10px;
}
.gallery-report-sec .base-div .img-link{
    position: relative;
    font-size: 0;
}
.gallery-report-sec .base-div .img-link:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.3);
    content: '';
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
}
.gallery-report-sec .base-div .img-link a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease;
    background: #ffffff;
    padding: 5px 10px;
    font-size: 15px;
    border: 1px solid transparent;
    text-decoration: none;
    border-radius: 25px;
    text-align: center;
    white-space: nowrap;
}
.gallery-report-sec .base-div .img-link a {
    display: block;
    color: rgba(45,51,63,0.4);
    font-weight: 700;
}
.gallery-report-sec .base-div .img-link a:hover {
    color: #2D333F;
}
.gallery-report-sec .base-div:hover .img-link:before{
    opacity: 1;
}
.gallery-report-sec .base-div:hover .img-link a {
    opacity: 1;
}
.gallery-report-sec .base-div .img-link a:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.registration-block .wpcf7-form .input-group .show-password-input {
    position: absolute;
    cursor: pointer;
    z-index: 4;
    right: 20px;
    top: 13px;
}
.registration-block .wpcf7-form .input-group .show-password-input:after {
    font-family: WooCommerce;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: .618em;
    content: "";
    text-decoration: none;
}
/*business details*/
.business-industry-as .select-dropdown--label {
    left: 72px !important;
}
/*checkout page accordion*/
.woocommerce .woocommerce-checkout .col2-set .col-1.rp-cs-acc-main {
    width: 100%;
}
.rp-cs-cs-acc {
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(30,30,30,0.15);
    border: 1px solid #dcdcdc;
}
.rp-cs-cs-acc h3 {
    display: block;
    width: 100%;
    background: #eaeaea;
    padding: 10px;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}
.rp-cs-cs-acc h3:before {
    position: absolute;
    content: '';
    background: url(../../uploads/2019/11/menu-arrow.svg);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 13px;
    transition: all 0.3s ease;
}
.rp-cs-cs-acc h3.acc-open:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.rp-cs-cs-acc .rp-cs-cs-acc-body {
    display: none;
    padding: 20px;
}
.rp-cs-cs-acc .rp-cs-cs-acc-body .rp-cs-acc-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.rp-cs-cs-acc .rp-cs-cs-acc-body .rp-cs-acc-box .form-row {
    flex: 0 0 48%;
    max-width: 48%;
}
.rp-cs-cs-acc .rp-cs-cs-acc-body .state_select { color: #2d333f; }
/*checkout form action style*/
.woocommerce-checkout .woocommerce-billing-fields #billing_update_business_address_field .input-checkbox {
    display: inline-block;
    -webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;
}
.woocommerce-checkout .payment_box .wc-saved-payment-methods input[type="radio"] {
    -webkit-appearance: radio;-moz-appearance: radio;appearance: radio;
    opacity: 1;
    height: inherit;
}

/*how to page style*/
.hwt-feature-link {
    text-align: left;
}
.hwt-feature-link a {
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
}
.hwp-fea-vid.features-listings .app-feature-title .content-desc {
    padding-top: 25px;
}
.gallery-report-sec.htp-vid-acc-thm .content-desc {
    margin-top: 25px;
}
.hwp-fea-vid .app-feature-listing {
    padding-bottom: 100px;
}
.hwp-fea-vid .with-shadow-image.video-shot {
    padding: 0;
}
.hwp-fea-vid .order-2 > .content--wrap-block {
    padding-top: 0;
}
.hwp-fea-vid .app-feature-title {
    margin-bottom: 50px;
}
.hwp-fea-vid img.with-shadow-image { filter:none !important; padding-top: 10px; padding-right: 0; padding-left: 0; }
.htp-vid-acc-thm .faq-section {
    padding-top: 40px;
}
.htp-vid-acc-thm .faq-wrap-into-columns {
    display: block;
    width: 100%;
}
.htp-vid-acc-thm .accordian--title {
    padding: 15px 40px 15px 20px;
    background: #f4f7fb;
    box-shadow: 0 0 12px 3px rgba(0,0,0,0.10);
    border-bottom-color: transparent;
    margin-bottom: 60px;
}
.htp-vid-acc-thm .accordian--title:after {
    top: 23px;
}
.htp-vid-acc-thm .accordian--title.active {
    border-bottom-color: #c9c9c9; 
    background: transparent;
    box-shadow: none;
    margin-bottom: 0;
}
.htp-vid-acc-thm .accordian--desc {
    border-bottom: none;
    padding: 35px 0 25px 0;
}
.htp-vid-acc-thm .accordian--desc .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.hwp-vd-thumb .hwp-vd-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -23px;
}
.hwp-vd-thumb .hwp-vd-row .col-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 23px;
    margin-bottom: 50px;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box {
    background-color: #f4f7fb;
    border-radius: 10px;
    padding: 26px;
    box-shadow: 0 0 12px 2px rgba(0,0,0,0.1);
    height: 100%;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box .video-box p {
    height: 230px;
    margin: 0;
}

.hwp-vd-thumb .hwp-vd-row .col-4 .box .content-are {
    padding-top: 20px;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box .content-are h3 {
    font-weight: 500;
    color: #2d333f;
    font-size: 20px;
    margin: 0;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box .content-are p {
    margin: 10px 0 0 0;
    font-size: 18px;
    font-weight: 300;
    color: #2d333f;
    line-height: 24px;
    text-align: left;
}
.tb-space.tb-banner-section.hwp-cta-banner {
    margin-top: 0;
}




/*Temporary footer style change for client review*/
.footer-section {
    background: #2d333f;
    padding-bottom: 0;
    padding-top: 100px;
}
.footer-section .copyright-text, .footer-menu--item, .caption-desc, .caption-desc a {
    color: rgba(255, 255, 255, 0.8);
}
.footer-section .es_subscription_form_submit {
    background-color: #ffffff;
    color: #2d333f;
    border: 1px solid #2d333f;
}
.footer-section .social-link li {
    position: relative;
    padding-left: 25px;
    color: rgba(255, 255, 255, 0.6);
}
.footer-section .social-link li img {
    position: absolute;
    left: 0;
    top: 0;
}
.footer-section .social-link li a, .footer-section .social-link li p{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.footer-section .social-link li + li {
    margin-top: 20px;
}
.footer-section .btm-row {
    background: #4e5460;
    padding: 15px 0;
    margin-top: 40px;
}
.footer-section .btm-row p {
    text-align: center;
    font-size: 15px;
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
}

.empower-section .right--block img {
    padding-left: 0;
    padding-right: 0;
    filter: none !important; 
}
/* .pdf-section .right--block img {
    filter: drop-shadow(5px 10px 15px rgba(0,0,0,0.2));
} */

/*price page e7.3 changes*/
.pricing-table .pricing-table__table-head .plan-details .feature-item--content .feature-icon-wrap { text-align: center; min-height: unset; }
.pricing-table .pricing-table__table-head .plan-details .feature-item--content .feature-item--title { text-align: center; margin-top: 15px; margin-bottom: 15px; }
.pricing-table .pricing-table__table-head .plan-details .feature-item--content .feature-item--desc { text-align: left; max-width: 100%; margin: 0; font-weight: normal; }
.pricing-table .pricing-table__table-head .plan-details .signup-ft-pp { margin-top: 20px; }
.rp-row-content .plan-desc--block .signup-ft-pp .rp-text-link { padding-top: 0; font-size: 18px; }

/*cancel popup design*/
body.popup-bg {
    position: relative;
}
body.popup-bg:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-color: rgba(0,0,0,0.5);
    z-index: 9
}
.confirm-popup-wrapper, .user-popup-base {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}
.confirm-popup-wrapper .modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    content: '';
    width: 80%;
    max-width: 450px;
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(30,30,30,0.15);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 90vh;
    border-radius: 10px;
}
.confirm-popup-wrapper .modal-header {
    padding: 20px 30px;
    margin: 0;
}
.confirm-popup-wrapper .modal-footer {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
}
.confirm-popup-wrapper .modal-footer .btn.btn-secondary,
.confirm-popup-wrapper .modal-footer .btn.btn-primary:hover {
    background: transparent;
    color: #2d333f;
}
.confirm-popup-wrapper .modal-footer .btn.btn-primary,
.confirm-popup-wrapper .modal-footer .btn.btn-secondary:hover {
    background: #2d333f;
    color: #ffffff;
}
.confirm-popup-wrapper .modal-footer .btn {
    padding: 10px 30px;
    font-size: 16px;
}
.confirm-popup-wrapper .modal-footer .btn + .btn {
    margin-left: 15px;
}
body .cancel-popup-wrapper {
    position: fixed;
    top: 8vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    content: '';
    width: 90%;
    max-width: 900px;
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(30,30,30,0.15);
    padding: 60px;
    padding-bottom: 70px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 90vh;
}
body .cancel-popup-wrapper .cross-icon {
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 999;
    cursor: pointer;
    width: 18px;
}
body .cancel-popup-wrapper .btm-btn-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
body .cancel-popup-wrapper .btm-btn-row .btm-btn-col {
    flex: 0 0 220px;
    max-width: 220px;
    text-align: center;
    margin: 0 15px;
}
body .cancel-popup-wrapper .btm-btn-row .btm-btn-col .btm-btn {
    border:1px solid #2D333F;
    color: #2D333F;
    line-height: 35px;
    padding: 0 10px;
    min-width: 150px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    transition: .4s ease-in-out;
}
body .cancel-popup-wrapper .btm-btn-row .btm-btn-col .btm-btn:hover {
    font-weight: 500;
    color: #ffffff;
    background: #2d333f;
}
body .cancel-popup-wrapper .btm-btn-row .btm-btn-col span {
    display: block;
    text-align: center;
    color: #2D333F;
    font-size: 14px;
    padding-top: 15px;
}
body .cancel-popup-wrapper .body-part {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}
body .cancel-popup-wrapper .body-part .left-side {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 25px;
}
body .cancel-popup-wrapper .body-part .right-side {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 25px;
}
body .cancel-popup-wrapper .body-part .right-side p {
    font-size: 18px;
}
body .cancel-popup-wrapper .body-part h2 {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #2d333f;
}
body .cancel-popup-wrapper .body-part .link-class {
    padding-top: 30px;
}
body .cancel-popup-wrapper .body-part .link-class .text-link {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: .4s ease-in-out;
    position: relative;
    padding-right: 20px;
}
body .cancel-popup-wrapper .body-part .link-class .text-link:after {
    position: absolute;
    content: '';
    background: url(../../uploads/2019/11/menu-arrow.svg) center no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
    width: 12px;
    height: 12px;
}
body .cancel-popup-wrapper .second-screen .body-part {
    display: block;
    margin-bottom: 0;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
body .cancel-popup-wrapper .second-screen .body-part .head-area {
    padding-bottom: 20px;
}
body .cancel-popup-wrapper .second-screen .body-part h2 {
    margin-bottom: 10px;
}
body .cancel-popup-wrapper .second-screen .body-part .head-area p {
    font-size: 18px;
}
body .cancel-popup-wrapper .body-part .form-row { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 15px;}
body .cancel-popup-wrapper .second-screen .body-part input[type="radio"] {
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
}
body .cancel-popup-wrapper .second-screen .body-part input[type="radio"]:checked + label:before {
    position: absolute;
    left: -17px;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    content: '';
    z-index: 2;
    background: #2D333F;
    transform: translateY(-50%);
}
body .cancel-popup-wrapper .second-screen .body-part textarea {
    width: 100%;
    border-radius: 15px;
    color: black !important;
}
body .cancel-popup-wrapper .body-part .form-row label { cursor: pointer; padding-left: 10px; margin: 0; font-size: 17px; color: #2d333f; font-weight: normal; position: relative; max-width: 90%;}
body .cancel-popup-wrapper .body-part .form-row textarea { font-size: 16px; color: #2d333f !important; font-weight: normal; }
body .cancel-popup-wrapper .body-part .form-row.reason-error label,
body .cancel-popup-wrapper .body-part .form-row #message-error,
body .cancel-popup-wrapper .body-part .check-confirm label.error {
    color: #Eb333f;
    font-size: 14px;
    display: block;
    font-weight: bold;
    padding-left: 0;
}
body .cancel-popup-wrapper .body-part .form-row #message-error,
body .cancel-popup-wrapper .body-part .check-confirm label.error {
    padding-top: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
body .cancel-popup-wrapper .body-part .form-row textarea.error {
    border-color: #Eb333f;
}
body .cancel-popup-wrapper .body-part .mid-form h2 { margin-bottom: 20px; }
body .cancel-popup-wrapper .body-part .check-confirm { align-items: flex-start; }
body .cancel-popup-wrapper .body-part .check-confirm input { position: absolute; opacity: 0;}
body .cancel-popup-wrapper .body-part .check-confirm label { font-size: 12px; position: relative; padding-left: 31px;}
body .cancel-popup-wrapper .body-part .check-confirm label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d6d6d6;
    padding: 6.5px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    width: 17px;
    height: 17px;
    top: 0px;
    left: 0;
    border-radius: 3px;
}
body .cancel-popup-wrapper .body-part .check-confirm input:checked ~ label:after {
    background: #000 url(../../uploads/2020/02/checked.png) center no-repeat;
    background-size: auto;
    background-size: 55%;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    content: "";
}
body .cancel-popup-wrapper .body-part .check-confirm #checkbox-error:after,
body .cancel-popup-wrapper .body-part .check-confirm #checkbox-error:before {
    display: none !important;
}
body .cancel-popup-wrapper .body-part .check-confirm label a {
    position: relative;
    padding-right: 12px;
}
body .cancel-popup-wrapper .body-part .check-confirm label a:after {
    position: absolute;
    content: '';
    background: url(../../uploads/2019/11/menu-arrow.svg) center no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
    width: 10px;
    height: 10px;
    opacity: 0.8;
}

body .cancel-popup-wrapper .body-part .form-row.btm-btn-col .cncl-plan {
    background: #da333f;
    border: none;
    color: #ffffff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    transition: .4s ease-in-out;
    padding: 0 40px;
    line-height: 40px;
}
body .cancel-popup-wrapper .body-part .form-row.btm-btn-col .cncl-plan.disabled-btn {
    opacity: 0.5;
    cursor: not-allowed;
}
body .cancel-popup-wrapper .body-part .form-row.btm-btn-col .cncl-plan:hover {
    background: #2D333F;
}
body .cancel-popup-wrapper .third-screen {
    padding-top: 50px;
    padding-bottom: 20px; 
}
body .cancel-popup-wrapper .third-screen .body-part {
    margin-bottom: 0;
}
body .cancel-popup-wrapper .third-screen .body-part .btm-btn-row {
    justify-content: flex-start;
    padding-top: 20px;
}
body .cancel-popup-wrapper .third-screen .body-part .btm-btn-row .btm-btn-col {
    margin: 0;
    flex: 0 0 auto;
    max-width: unset;
}

.pop-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(255 255 255 / 80%);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.pop-loader img {
    width: 50px;
    flex: 50px;
    max-width: 50px;
}
/*reportly cloud video spacing*/
.page-reportly-cloud .video-shot{
    padding-right: 20px;
    padding-left: 20px;
}

.woocommerce-checkout .woocommerce-checkout-review-order .review-order-file strong.product-quantity,
.woocommerce-checkout .woocommerce-checkout-review-order .recurring-total td,
.woocommerce-checkout .woocommerce-checkout-review-order tfoot .cart-subtotal .woocommerce-Price-amount ~ span,
.woocommerce-checkout .woocommerce-checkout-review-order tfoot .order-total strong ~ span,
.woocommerce-MyAccount-content .order_details .order_item .product-name .product-quantity,
.woocommerce-MyAccount-content .order_details tfoot td.woocommerce-Price-amount,
.woocommerce form#order_review .shop_table tfoot td.cs-font-normal,
.order_details .order_item .product-total .woocommerce-Price-amount.amount,
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item .product-total .woocommerce-Price-amount {
    font-weight: normal;
}
.woocommerce-MyAccount-content .order_details tfoot td.woocommerce-Price-amount span,
.woocommerce form#order_review .shop_table tfoot td.cs-font-normal span {
    font-weight: 700;
}

/* user management */
body .user-popup-wrapper {
    padding: 30px 40px;
    max-width: 1000px;
    top: 4vh !important;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    content: '';
    width: 90%;
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(30,30,30,0.15);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 90vh;
}
body .user-popup-wrapper .cross-icon {
    right: 40px;
    top: 30px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    width: 18px;
}
body .user-popup-wrapper .pophd-title {
    font-size: 26px;
    color: #2d333f;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.user-popup-wrapper .add-user-form-wrapper form {
    display: flex;
    flex-wrap: wrap;
}
.user-popup-wrapper .add-user-form-wrapper form .input-row {
    width: 75%;
}
.user-popup-wrapper .add-user-form-wrapper form .input-group {
    margin-top: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.user-popup-wrapper .add-user-form-wrapper form .input-group input {
    height: 45px;
    margin-top: 0;
}
.user-popup-wrapper .add-user-form-wrapper form .input-group .placeholder-label {
    top: 11px;
}
.user-popup-wrapper .add-user-form-wrapper form .input-group .not-requ:after {
    display: none;
}
.user-popup-wrapper .add-user-form-wrapper form .full-row .input-group {
    flex: 0 0 100%;
    max-width: 100%;
}
.user-popup-wrapper .add-user-form-wrapper form .full-row .input-group input {
    margin-top: 0;
}
.user-popup-wrapper .add-user-form-wrapper form .input-group label.error{
    margin-bottom: 0;
    margin-top: 5px;
}
.user-popup-wrapper .add-user-form-wrapper form .btm-btn-col {
    margin-left: auto;
}
.user-popup-wrapper button {
    background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), color-stop(51%, #21d8de), to(#387ab6));
    background-image: -o-linear-gradient(left, #387ab6 0%, #21d8de 51%, #387ab6 100%);
    background-image: linear-gradient(to right, #387ab6 0%, #21d8de 51%, #387ab6 100%);
    height: auto;
    border: none;
    padding: 0 10px;
    color: #fff;
    background-size: 200% auto;
    min-width: 140px;
    border-radius: 50px;
    font-weight: 500;
    cursor: pointer;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
}
.user-popup-wrapper button:hover {
    background: #2d333f;
}
.user-popup-wrapper button.disabled-btn {
    opacity: 0.3;
    pointer-events: none;
}
.user-popup-wrapper .add-popup-user-table .button-row {
    text-align: right;
    padding-top: 20px;
}
.user-popup-wrapper .add-popup-user-table .button-row button {
    display: inline-block;
    vertical-align: middle;
}
.user-popup-wrapper .add-popup-user-table .button-row p.legend {
    display: inline-block;
    vertical-align: middle;
    color: #396697;
    font-weight: 500;
    background: transparent;
    font-size: 13px;
    padding-right: 5px;
    width: calc(100% - 500px);
    margin-bottom: 0;
    margin-top: 0;
}
.user-popup-wrapper .add-popup-user-table {
    margin-top: 20px;
    position: relative;
}
.user-popup-wrapper .validate-user-response {
    position: absolute;
    top: -25px;
    left: 0;
}
.user-popup-wrapper .validate-user-response span {
    display: block;
    color: #27C3D5;
    font-size: 14px;
}
.user-popup-wrapper .add-popup-user-table table {
    border-radius: 5px;
    border: 1px solid #C6C6C6;
    overflow: hidden;
}
.user-popup-wrapper .add-popup-user-table table thead{
    background-color: #F7F6F7;
}
.user-popup-wrapper .add-popup-user-table table thead th {
    text-align: left;
    color: #2D333F;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 15px 12px 25px;
    border-bottom: none;
}
.user-popup-wrapper .add-popup-user-table table thead th + th {
    border-left: 1px solid #c6c6c6;
}
.user-popup-wrapper .add-popup-user-table table tbody td {
    padding: 8px 5px 8px 25px;
    color: #2D333F;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #c6c6c6;
}
.user-popup-wrapper .add-popup-user-table table tbody tr:last-child td {
    border-bottom: none;
}
.user-popup-wrapper .add-popup-user-table table .table-t-center {
    text-align: center;
    padding: 8px;
}
.user-popup-wrapper .add-popup-user-table table .small-tdwidth {
    min-width: 85px;
    width: 85px !important;
}
.user-popup-wrapper .add-popup-user-table table tbody td .delete_users {
    padding-top: 3px;
}
.user-popup-wrapper .add-popup-user-table table tbody td .delete_users svg {
    width: 24px;
}
.user-popup-wrapper .rp-user-row-partial {
    background: #d8d8d8;
}
.user-popup-wrapper .add-popup-user-table table tbody td + td {
    border-left: 1px solid #c6c6c6;
}
table.dataTable td.dataTables_empty {
    text-align: center !important;
    padding: 8px !important;   
}
.user-popup-wrapper input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    margin: 0;
}
.user-popup-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 0;
    line-height: normal;
}

.user-popup-wrapper .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.user-popup-wrapper .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border:1px solid #c6c6c6;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}

.user-popup-wrapper .switch .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 2px;
    bottom: 2px;
    background-color: #E8E8E8;
    -webkit-transition: .4s;
    transition: .4s;
}

.user-popup-wrapper .switch input:checked + .slider {
    background-color: #27C3D5;
    border: 1px solid #27C3D5;
}

.user-popup-wrapper .switch input:focus + .slider {
    box-shadow: 0 0 1px #27C3D5;
}

.user-popup-wrapper .switch input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    background-color: #ffffff;
}
body .user-popup-wrapper .dataTables_paginate {
    margin-top: 10px;
    text-align: right;
}
body .user-popup-wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #c6c6c6 !important;
    padding: 2px 7px !important;
    font-size: 14px !important;
    color: #2d333f !important;
    margin-left: 5px !important;
}
body .user-popup-wrapper .dataTables_paginate .paginate_button:hover {
    background: #2d333f;
}
body .user-popup-wrapper .dataTables_paginate .paginate_button.previous,
body .user-popup-wrapper .dataTables_paginate .paginate_button.next {
    border: none !important;
    padding: 0 !important;
    background: transparent;
    color: #2d333f !important;
}
body .user-popup-wrapper .dataTables_paginate .paginate_button.current {
    color: #ffffff !important;
    background: #2d333f !important;
}
body .user-popup-wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
}
body .user-popup-wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
}
body .user-popup-wrapper .rc-response {
    text-align: left;
    padding-bottom: 10px;
}
/* Rounded sliders */
.user-popup-wrapper .switch .slider.round {
    border-radius: 34px;
}
.user-popup-wrapper .switch input:disabled ~ .slider {
    background-color: #e8e8e8 !important;
    border: 1px solid #e8e8e8 !important;
    cursor: not-allowed;
}
.user-popup-wrapper .switch .slider.round:before {
    border-radius: 50%;
}
.user-popup-wrapper .switch input:disabled ~ .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

/*reportly cloud page stills style*/
.app-feature-item .wo-sh-img {
    padding-left: 0 !important;
    padding-right: 0 !important;
    filter: none !important;
    margin: 0;
}

.woocommerce-notices-wrapper .woocommerce-message {
    padding-left: 15px;
    color: #00D7DD;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}
.woocommerce-notices-wrapper .woocommerce-message:before {
    display: none;
}

/* -------------------------------------------------------------------------- */
/*  5. Responsive css
/* -------------------------------------------------------------------------- */

@media (max-width: 1800px) {
    body .cancel-popup-wrapper {
        top: 8vh;
        padding: 50px;
    }
}
@media (max-width: 1599px) {
    .powertool-wrap {
        margin: 0 0px !important;
    }
    body .cancel-popup-wrapper {
        top: 4vh;
        padding: 40px;
    }
    .page-reportly-cloud .video-shot{
        padding-right: 0;
        padding-left: 0;
    }
    .plan-active-belt {
        padding: 3px 23px 3px 24px;
    }
}
@media (max-width: 1366px) {
    .htp-vid-acc-thm .accordian--title {
        margin-bottom: 40px;
    }
    .hwp-fea-vid.features-listings .app-feature-title .content-desc {
        padding-top: 20px;
    }
    .gallery-report-sec.htp-vid-acc-thm .content-desc {
        margin-top: 20px;
    }
}
@media (max-width: 1199px){
    .hwp-vd-thumb .hwp-vd-row {
        margin: 0 -15px;
    }
    .hwp-vd-thumb .hwp-vd-row .col-4 {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .footer-section {
        padding-bottom: 0;
        padding-top: 50px;
    }
    .footer-section .btm-row {
        margin-top: 0;
    }
    .subscription-actions .simplemenu button {
        font-size: 14px !important;
    }
    .rsp-rt-sec .heavenly--title .content-desc {
        padding-top: 15px !important;
    }
    .gallery-report-sec p {
        margin-top: 15px;
    }
    .hwp-fea-vid.features-listings .app-feature-title .content-desc {
        padding-top: 15px;
    }
    .gallery-report-sec.htp-vid-acc-thm .content-desc {
        margin-top: 15px;
    }
    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
        font-size: 13px;
        padding: 10px;
    }
    .plan-active-belt { left: -23px; }
    .plan-active-belt span { font-size: 11px; }
    .rp-row-content .plan-desc--block .signup-ft-pp .rp-text-link { font-size: 16px; }
    /* user management */
    .user-popup-wrapper .add-popup-user-table table tbody td {
        font-size: 14px;
        padding-left: 15px;
    }
    .user-popup-wrapper .add-popup-user-table table thead th {
        font-size: 14px;
        padding-left: 15px;
    }
    .user-popup-wrapper .add-popup-user-table .button-row p.legend {
        width: calc(100% - 400px);
    }
    .app-feature-item.feature-slider .slider-content {
        margin-bottom: 70px;
    }
    .woocommerce-Address .thank-you-actions .btn { font-size: 16px;}
    .user-title--block .input-group .info-legend-msg { left: 15px; }
}
@media (max-width: 1023px){
    .footer--column {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .footer--column.footer--column-double {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        flex: 0 0 70%;
        max-width: 70%;
        margin-bottom: 30px;
    }
    .hwt-feature-link a {
        margin-bottom: 20px;
    }
    .htp-vid-acc-thm .accordian--title:after {
        top: 19px;
    }
    .hwp-vd-thumb .hwp-vd-row .col-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .htp-vid-acc-thm .faq-section {
        padding-top: 20px;
    }
    .rp-action-buttons a.button:after {
        display: none;
    }
    .rp-action-buttons a.button {
        text-align: left;
        display: table;
    }
    .right--block-half .block--image, .right--block .block--image {
        max-width: 100%;
    }
    .slider-section.home-mob-slider .with-shadow-image {
        margin-bottom: 0;
        padding: 0;
    }
    body .cancel-popup-wrapper .btm-btn-row .btm-btn-col {
        margin: 0 0;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .plan-active-belt span {
        font-size: 8.5px;
    }
    .plan-active-belt {
        padding: 3px 17px 3px 26px;
    }
    /* user management */
    body .user-popup-wrapper {
        padding: 20px 30px;
    }
    .user-popup-wrapper .add-user-form-wrapper form .input-row {
        flex-direction: row;
        margin: 0 -10px;
    }
    .user-popup-wrapper .add-user-form-wrapper form .input-group {
        padding: 0 10px;
    }
    .app-feature-item .wo-sh-img {
        margin-top: 30px;
    }
    .user-popup-wrapper .add-popup-user-table .table-res-auto { overflow: auto;}
    .user-popup-wrapper .add-popup-user-table .button-row p.legend {
        width: calc(100% - 200px);
    }
}
@media(max-width: 767px){
    .slider-section .btn_primary {
        margin-top: 0 !important;
    }
    .empower-section .right--block img {
        margin: 0;
        padding: 0;
    }
    body.rp-popup-overlay {
        position: relative;
    }
    body.rp-popup-overlay:before {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 5;
        content: '';
        background-color: rgba(255,255,255,0.88);
    }
    .pricing-table-section .banner__title {
        color: #2D333F;
        font-size: 26px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 0;
    }
    .pricing-table-section .accordion-list .accordion-row{
        background-color: #FFF;
        margin-bottom: 26px;
        border-radius: 10px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
        overflow: hidden;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head{
        background: linear-gradient(88.84deg, #3195C3 0%, #7AD4FD 100%);
        -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .top-row {
        padding: 15px 19px 11px 14px;
        position: relative;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .top-row:before {
        background-image: url('assets/images/round-acc-arrow.png');
        background-size: cover;
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        position: absolute;
        content: '';
        right: 19px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .pricing-table-section .accordion-list .accordion-row.acc-open .accordion-head .top-row:before {
        background-image: url('assets/images/round-acc-arrow-down.png');
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .top-row h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 33px;
        color: #ffffff;
        margin-bottom: 2px;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .top-row h3 {
        color: #FFF;
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 0;
        font-weight: normal;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .btm-belt {
        background-color: #2D333F;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 19px 6px 14px;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .btm-belt h4 {
        margin-bottom: 0;
        color: #FFF;
        font-size: 15px;
        line-height: 18px;
        font-weight: normal;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-head .btm-belt .price-amt {
        margin-bottom: 0;
        color: #FFF;
        font-size: 17px;
        font-weight: 700;
        line-height: 20px;
        text-align: right;
    }
    .pricing-table-section .accordion-list .accordion-row .accordion-body{
        padding: 26px;
    }
    .pricing-table-section .accordion-list .accordion-body .trial-part {
        margin-bottom: 19px;
        padding: 0;
        background: transparent;
        border:none;
    }
    .pricing-table-section .accordion-list .accordion-body .trial-part .signup-ft-pp {
        text-align: center;
    }
    .pricing-table-section .accordion-list .accordion-body .trial-part .signup-ft-pp .btn_secondary {
        min-width: 205px;
        border-radius: 50px;
        background: linear-gradient(91.74deg, #377DB7 0%, #21D8DE 100%);
        padding: 16.5px 15px;
        border:none;
        font-size: 17px;
        font-weight: 700;
        color: #ffffff;
    }
    .pricing-table-section .accordion-list .accordion-body .trial-part .signup-ft-pp .rp-text-link-sec .trial-dd.rp-text-link{
        margin-top: 14px;
    }
    .pricing-table-section .accordion-list .accordion-body .trial-part .signup-ft-pp .rp-text-link-sec .rp-text-link {
        margin-top: 0;
        color: #00D7DD;
        font-size: 17px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
    }
    .pricing-table-section .accordion-list .accordion-body .sec-title {
        color: #2D333F;
        font-size: 22px;
        font-weight: 700;
        line-height: 26px;
        margin-bottom: 13px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part {
        padding-top: 24px;
        border-top:1px solid #C8C8C8;
        margin-bottom: 24px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .slick-slider .slick-arrow {
        background-image: none;
        padding: 0;
        background: none;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .slick-slider .slick-arrow:before {
        background: url(../../uploads/2019/11/menu-arrow.svg);
        left: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(270deg);
        opacity: 0.80;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .slick-slider .slick-arrow.slick-disabled {
        opacity: 0;
        pointer-events: none;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .slick-slider .slick-arrow.slick-next {
        right: -20px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .slick-slider .slick-arrow.slick-prev {
        left: -25px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .slick-slider .slick-arrow.slick-prev:before {
        transform: rotate(90deg);
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .feature-item--content .feature-icon-wrap img {
        max-width: 45px;
        margin-bottom: 12px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .feature-item--content .feature-item--title {
        margin-top: 0;
        margin-bottom: 17px;
        color: #2D333F;
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .feature-item--content .feature-item--desc,
    .pricing-table-section .accordion-list .accordion-body .pusp-part p {
        margin: 0;
        color: #2D333F;
        font-size: 15px;
        line-height: 22px;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-part {
        padding-top: 24px;
        border-top:1px solid #C8C8C8;
        margin-bottom: 24px;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list {
        padding-top: 24px;
        border-top:1px solid #C8C8C8;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list ul li {
        position: relative;
        padding-left: 30px;
        color: #2D333F;
        font-size: 18px;
        line-height: 21px;
        display: block;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list ul li + li {
        margin-top: 15px;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list ul li.title-g-bold {
        background-color: #f8f8f8;
        padding: 10px 30px;
        font-weight: bold;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list ul li.title-g-bold:before {
        display: none;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list ul li:before {
        position: absolute;
        content: '';
        left: 0;
        top: 5px;
        height: 12.34px;
        width: 17.44px;
        background-image: url('assets/images/round-acc-check.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .pricing-table-section .accordion-list .accordion-body .pusp-list ul li strong {
        color: #00D7DD;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .rp-bd-notes .pricing-table--desc {
        padding-left: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .rp-bd-notes .pricing-table--desc li {
        font-size: 15px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .rp-text-link {
        padding-top: 15px;
    }
    .pricing-table-section .accordion-list .accordion-body .ftu-part .rp-text-link a {
        display: inline-block;
        font-size: 15px;
        text-decoration: none;
        transition: color .2s ease-in-out;
    }
    .rp-cs-cs-acc .rp-cs-cs-acc-body .rp-cs-acc-box .form-row {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .rp-cs-cs-acc h3:before {
        width: 17px;
        height: 9px;
        -webkit-transform: none;-ms-transform: none;transform: none;
        top: 17px;
    }
    .rp-cs-cs-acc h3.acc-open:before {
        -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);
        top: 15px;
    }
    .plan-details--item.item--4.wp_user_note {
        text-align: center;
        margin-bottom: 0;
    }
    .rp-row-content .rp-bd-notes ul {
        padding-left: 0;
    }
    .rp-row-content .rp-bd-notes ul li {
        font-size: 15px;
        line-height: 1.5;
    }
    .htp-vid-acc-thm .faq-section .container {
        padding: 0 5px;
    }
    .htp-vid-acc-thm .accordian--title {
        margin-bottom: 30px;
    }
    .hwp-fea-vid .app-feature-listing {
        padding-bottom: 50px;
    }
    .gallery-report-sec ul li h3 {
        font-size: 13px;
    }
    .ftustatic-container {
        border-top: 1px solid #C8C8C8;
        padding-top: 20px;
        margin-top: 15px;
    }
    body .cancel-popup-wrapper {
        top: 4vh;
        padding: 30px;
    }
    body .cancel-popup-wrapper .cross-icon {
        right: 30px;
        top: 30px;
    }
    body .cancel-popup-wrapper .body-part {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    body .cancel-popup-wrapper .body-part .left-side {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
    body .cancel-popup-wrapper .body-part .right-side {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
    body .cancel-popup-wrapper .body-part h2 {
        margin-bottom: 20px;
    }
    body .cancel-popup-wrapper .body-part .link-class {
        padding-top: 10px;
    }
    body .cancel-popup-wrapper .btm-btn-row .btm-btn-col {
        margin-bottom: 20px;
        flex: 0 0 220px;
        max-width: 220px;
    }
    body .cancel-popup-wrapper .second-screen .body-part {
        max-width: 100%;
        padding-top: 20px;
    }
    body .cancel-popup-wrapper .third-screen .body-part .btm-btn-row {
        padding-top: 10px;
    }
    body .cancel-popup-wrapper .body-part .form-row label {
        font-size: 14px;
    }
    .m-active-plan {
        position: absolute;
        right: 0;
        top: 0;
        padding: 3px 10px 3px 10px;
        background: #ffffff;
        color: #74cff8;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
    }
    /* user management */
    .body .user-popup-wrapper .pophd-title {
        font-size: 22px;
    }
    .user-popup-wrapper .add-user-form-wrapper form .input-row {
        width: 100%;
        flex-direction: unset;
        flex-wrap: wrap;
        margin: 0;
    }
    .user-popup-wrapper .add-user-form-wrapper form .input-group {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .user-popup-wrapper .add-popup-user-table table {
        width: 700px !important;
    }
    .user-popup-wrapper .switch {
        width: 50px;
    }
    .user-popup-wrapper .switch input:checked + .slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    .subscription-actions .simplemenu .dropdown-content {
        right: -10px;
    }
    .user-popup-wrapper .add-popup-user-table .button-row p.legend {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
    }
    .app-feature-item .wo-sh-img {
        margin-top: 0;
    }
    .mobile-mb-0 {
        margin-bottom: 0;
    }
    .app-feature-item.feature-slider .slider-content {
        margin-bottom: 0;
    }
    .hwp-fea-vid .with-shadow-image.video-shot {
        padding-top: 10px;
        margin-bottom: 0;
    }
    .hwp-fea-vid img.with-shadow-image {
        padding-top: 20px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .woocommerce-Address .thank-you-actions .btn { font-size: 13px; }
    body .cancel-popup-wrapper .body-part .right-side p { font-size: 16px; }
}
@media (max-width: 575px){
    .banner_bg-image {
        min-height: 300px;
        background-size: cover !important;
        background-position: center !important;
    }
    .gallery-report-sec .base-div .img-link a {
        font-size: 13px;
        min-width: 100px;
    }
    .footer-section .footer-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .footer--column.footer--column-double {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hwp-vd-thumb .hwp-vd-row .col-4 {
        flex: 0 0 100%;
        max-width: 100%;   
    }
    .registration-block.main-registration-wrap.r-top .registration-form.registration-form--block {
        max-width: 400px;
    }
    .confirm-popup-wrapper .modal-header {
        padding: 15px;
    }
    .confirm-popup-wrapper .modal-footer {
        padding: 15px 15px;
    }
    .confirm-popup-wrapper .modal-footer .btn {
        min-width: 100px;
        padding: 9.5px 20px 10px;
    }
    .user-title--block .input-group .info-legend-msg { position: static;}
}
@media (min-width: 576px) {
    /*.pro--image:after{ background-size: 400px; }*/
    /*.pro--image{ min-height: 500px; }*/
    .p-shadow-wrap{ padding: 175px 0 85px 0; margin-top: -150px; }
    .footer-wrap{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .footer--column{ width: 33.33%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; }
    .footer--column-double{ width: 55%; display: -ms-inline-flexbox; display: inline-flex; margin: 0 auto; }

    .user-title--block .input-row{ -ms-flex-direction: row; flex-direction: row;  }
    .user-title--block .input-group{ width: 50%; }
    .m-bottom{ margin-bottom: 17.5px; }
    .m-top{ margin-top: 17.5px; }

    .gallery-report-sec ul li { 
        padding: 0 10px;    
    }
    .gallery-report-sec ul li img {
        height: 150px;
    }
    .registration-block.main-registration-wrap.r-top .registration-form--block .first--step .input-group {
        flex:0 0 50%;
        max-width: 50%;
    }
    .registration-block.main-registration-wrap.r-top .registration-form--block .input-row {
        -ms-flex-direction: row; flex-direction: row;
    }
    .registration-block.main-registration-wrap.r-top .registration-form.registration-form--block {
        max-width: 457px;
    }
    .registration-block.main-registration-wrap.r-top .registration-form.registration-form--block .input-row {
        flex-direction: unset;
        flex-wrap: wrap;
    }
    .registration-block.main-registration-wrap.r-top .registration-form.registration-form--block .input-row .input-group {
        flex: 0 0 100%;
        max-width: 100%;
    }

}
@media (min-width: 768px) {
    .container, .sub-menu--container, .feature-slider-container{ max-width: 720px;  padding: 0 15px; }
    .tb-space{ margin: 50px 0; }
    .tb-reduced-space{ margin: 15px 0; }
    .banner__title{ font-size: 28px; max-width: 500px;}
    .main-banner-section .slick-dots li{width: 20px;height: 20px;}
    .main-banner-section .slick-dots{bottom: 40px;}
    .banner__content { text-align: left; }
    .banner_bg-image{min-height: 430px;}
    .btn, .button.wc-forward{ min-width: 140px; font-size: 17px; }
    #menu-main-menu > .menu-item > .main-menu-parent, .header-nav-wrap.open .btn, .my-account-dropdown .menu-item-description{ padding: 15px calc((100% - 690px)/2 ) 15px calc((100% - 690px)/2 ); }
    .menu-item-has-children > a:after{ right: calc((100% - 690px)/2 ); }
    .section-title{ font-size: 25px; }
    .feature--title .section-title{ max-width: 86%; }
    .feature--list{ margin: 50px 0 0 0; }
    .feature-list--item{ width: 50%; display: inline-block; vertical-align: top; }
    .feature-icon-wrap{ min-height: 51px; }
    .feature-item--title, .client-name{ font-size: 18px; }
    .feature-item--icon{ max-width: 44px; }
    .feature-item--desc{ font-size: 16px; }
    .d-flex{ -ms-flex-direction: row; flex-direction: row; }
    .order-2{ -ms-flex-order: 2; order: 2; }
    .order-2 + .text-right{ text-align: left; }
    .content-wrap, .banner_wrap{ margin: 0 -28px; }
    .right--block, .left--block, .banner__image, .banner__content, .right--block-half, .left--block-half{ padding: 0 28px; }
    .heavenly--desc{ margin: 40px -20px; }
    .pro-list.border-left{ border-left: 1px solid #f9f9f9; }
    .pro-list.border-right{ border-right: 1px solid #f1f1f2; margin: 0; }
    .powertool-wrap{ margin: 0 -25px; }
    .powertool--content, .powertool--image{ padding: 0 25px; }
    .try-wrap .left--block, .try-wrap .right--block, .right--block, .left--block, .right--block-half, .left--block-half{ width: 50%; }
    .left--block, .left--block-half{ margin-bottom: 0; }
    .banner__image { width: 40%; }
    .banner__content { width: 60%; }

    .apple-download{ margin-bottom: 30px; }
    .tb-banner-section .section-title{ font-size: 28px; max-width: 80%; }
    .tb-banner-section{ padding: 60px 0; }
    .sub-title{ font-size: 19px; }
    .pro--title{ margin: 35px 0 0; }
    /*.pro--image:after{ background-size: 270px; }*/
    .secondary-title{ font-size: 22px; margin: 28px 0 15px 0; }
    .bottom-banner-section{ padding: 50px 0; }
    .caption-title{ font-size: 22px; }
    .caption-desc{ font-size: 16px; }
    .slider-container{ max-width: 98%; margin: 0 0 0 auto; padding: 0 15px; }
    .slider-image--wrap{ width: 45%; }
    .slider-content--wrap{ width: 50%; padding-left: 30px; }
    .slider-content{ margin-top: 30px; }
    .play-btn{ max-width: 42px; }
    .video-play-btn:after{ width: 70px; height: 70px; }
    .video-play-btn:before{ width: 100px; height: 100px; }
    .slider--title.mobile-title{ display: none; }
    .slider--title.desktop-title{ display: block; }
    .slider-image--wrap img{ /*max-height: none;*/ }
    .slick-arrow{ bottom: -58px; top: auto; left: 0; }
    .slick-next.slick-arrow{ left: 65px; }
    .slider-caption--wrap.slick-slide{ padding-right: 80px; max-width: 400px; }
    .footer-form .es-field-wrap{ width: 77%; }
    .footer-form .es-field-wrap .es_txt_email{ height: 42px;  padding:5px 20px; }
    .es_subscription_form_submit{ height: 42px; }
    .submit-btn, .es_subscription_form_submit{ width: 23%; }
    .footer-menu--item{ font-size: 14px; }
    input, textarea, select, .form-input,  .select2-container--default .select2-selection--single, .wc-stripe-elements-field{  font-size: 15px; }
    .submit-btn, .es_subscription_form_submit{ padding: 11px 15px; font-size: 15px; }
    .footer-logo img{ max-width: 110px; }
    #video_popup iframe{ width: 100% !important; height: 250px; }
    .with-shadow-image{ padding: 30px; margin: 30px 0; -webkit-filter: drop-shadow(0px 4px 35px rgba(0,0,0,0.38)); filter: drop-shadow(0px 4px 35px rgba(0,0,0,0.38)); }

    /* Contact us */
    /*.contact--title{ border-right: 1px solid #b8b8b8; }*/
    .contact--form{ position: relative; }
    .contact--form:before{ content: ''; position: absolute; height: calc(100% - 65px); left: 0; width: 1px; background: #b8b8b8; }
    .input-group{ margin: 15px 0; }
    .contact-list--item{ margin: 0 0 35px 0; }
    .help--title{ font-size: 25px; margin: 0 0 25px 0; }
    .contact-wrap .left--block{ width: 40%; }
    .contact-wrap .right--block{ width: 60%; }

    /* Pricing page */
    /*.pricing-table--title{ font-size: 16px; }*/

    .plan-details--item.item--3{ font-size: 22px; }
    .short-desc:after{ content: ''; position: absolute; right: 0; width: 1px; height: 100%; background: #ebebeb; top: 0; }
    .plan-desc--block.no-border .short-desc:after{ content: none; }
    .faq-accordian{ font-size: 0; margin: 0 -50px; }
    .faq-wrap-into-columns { display: inline-block; width: 50%; vertical-align: top; padding: 0 50px; }
    .faq-section .section-title{ margin: 40px 0; }
    .accordian--title{ font-size: 16px; }
    .rewards--desc{ font-size: 15px; }

    .pricing-table--desc, .short-desc{ font-size: 16px; }
    .rp-bd-notes.rcc-des ul li {
        font-size: 16px;
    }


    /* App feature */
    .banner-sub-title{ font-size: 18px; }
    .app-feature-banner .banner__title{ font-size: 34px; }
    .app-feature-banner .banner__image, .app-feature-banner .banner__content{ width: 50%; }
    .app-features-main-banner{ margin-top: 20px; }
    .app-feature-item{ margin-bottom: 50px; }
    .feature-slider .slider-wrap{ padding-bottom: 0; }
    .slider-img--wrap .with-shadow-image{ -webkit-filter: none; filter: none; }


    /*.client-name{ font-size: 12px; }*/
    .app-feature-title{ margin-bottom: 20px; }
    .sub-f--item { padding: 0 0 15px 0; margin: 0 0 15px 0; }
    .feature-title-b{ margin-bottom: 15px; }
    .user-quote{ padding: 22px; margin-top: 40px; }
    .user-q-title{ font-size: 22px; }
    .app-icon-img{ width: 50px; max-height: 50px; }
    .right--block-half img, .feature-slider .slick-slide img{ max-height: 600px; }
    .content--wrap-block{ padding: 70px 10% 0 0; }
    .order-2 > .content--wrap-block{ padding: 70px 0 0 10%; }
    .feature-slider .slider-content{ padding: 0 0 0 10%; }
    .feature-slider .order-2 + .right--block-half .slider-content{ padding: 0 10% 0 0; }

    .feature-slider .slider-caption--wrap.slick-slide{ padding-right: 80px; max-width: 380px;}
    [dir='rtl'] .slick-prev{ right: 65px; }


    /* Registration page */
    .reg-title{ font-size: 25px; }
    .main-registration-wrap.r-top .reg-title {font-size: 22px;}
    .digit-blocks{ max-width: 223px; }
    .digit-blocks .input-group .form-input{ height: 45px; }
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 50%; }
    .select-dropdown--label{ top: 25px; left: 58px; }
    .error + .select-dropdown--label{ top: 9px; left: 58px; }
    .woocommerce .woocommerce-checkout .col2-set .col-2, .woocommerce .woocommerce-checkout .col2-set .col-1, 
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2,
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last{ width: 48%; }
    .woocommerce .woocommerce-thankyou-order-details.order_details li{ float: left; border: none; border-right: 1px dashed #d3ced2; padding: 0 15px 0 0; margin: 0 15px 0 0; }
    /*.woocommerce-order .woocommerce-customer-details{ max-width: 50%; }*/
    .woocommerce-MyAccount-content .input-group{ margin: 13px 0; }
    .input-group-multi{ margin-bottom: 26px; }
    .woocommerce-MyAccount-navigation ul{ border: none; }
    .woocommerce .woocommerce-MyAccount-content{ width: 75%; border: none; }
    .woocommerce .woocommerce-MyAccount-navigation{ width: 25%; }
    #filter, #change-page-size{ margin:0 12px; width: 30% !important; }
    .woocommerce table.cart td.actions .coupon .input-text{ min-width: 300px; width: auto; margin: 0 10px 0 0; }
    .cp-action--wrap .actions-wrap, .cp-action--wrap  .coupon{ clear: none; text-align: right; width: auto; }
    /*.placeholder-label{ top: 12px; }*/
    .sumo_subscription_details tr{ display: table-row; border: none; }
    .sumo_subscription_details td{ border-top: 1px solid rgba(0,0,0,.1); display: table-cell;min-width: 160px; }
    .sumo_subscription_details .first-sub-td{ padding-bottom: 9px; }
    .main-registration-wrap, .content-page-tbspace, .woocommerce, .business-form { padding-top: 56px; }
    .account_nav_wrap{ display: flex; }
    .woocommerce form .form-row{ margin: 0 0 20px; }

    .woocommerce-form-coupon .btn_secondary{margin-left: 30px;}
    .thank-you-actions{margin: 0 0 0 auto;}
    .address-thank-you-page{max-width: 60%;}
    /*modal*/
    .modal-wrapper{width: 65%;}
    /*report sample*/
    .gallery-report-sec ul li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 0 10px;
    }
    .gallery-report-sec ul li h3 {
        font-size: 18px;
    }
    .plan-wrap .plan-title--block .plan--descrip .short-desc {
        font-size: 18px;
    }
    /*business details*/
    .business-industry-as .select-dropdown--label {
        left: 76px !important;
    }
    .footer--column .caption-desc { padding-right: 20px; padding-left: 20px; }
    .plan-details--item.item--1, .plan-details--item.item--3, .plan-details--item.item--4{ margin-bottom: 10px; }
}
@media (min-width: 1024px) {
    body{padding-top: 96px;}
    .container{ max-width: 990px; }
    .sub-menu--container{ max-width: calc(990px + 35px); }
    .feature-slider-container{ max-width: calc(990px + 17px); margin: 0 auto; }
    .feature-list--item{ width: 25%; }
    .right--block{ width: 60%; }
    .left--block{ width: 40%; }
    #site-header{ padding: 25px 0; }
    .header-navigation-wrapper, .header-right-block,  .menu-item, .right-menu-item{ display: inline-block; vertical-align: middle; }
    .sub-menu-bg{ position: absolute; border:none; width: 100%; padding: 20px 0 40px 0; top: 86px; left: 0; right: 0; margin: auto; z-index: 5; box-shadow: 0 2px 8px 0 rgba(6,32,45,0.15); background: #fff; }
    .menu-item{ margin: 0 8px; padding: 0; }
    .menu-item.active > .main-menu-parent, .my-account-item.active > .account-menu{ font-weight: 800; }
    .header-navigation-wrapper{ width: 65%; }
    .header-right-block{ width: 35%;}
    .header-right-block{ text-align: right;}
    .header-titles-wrapper{ width: 11%; }
    .mobile-nav-toggle{ display: none; }
    .header-titles{ width: 100%; }
    .right-menu-item{ margin-left: 8px; }
    .my-account-item { margin-left: 0 !important; }
    #menu-main-menu > .menu-item > .main-menu-parent{ font-size: 14px; padding: 0; border: none; }
    .menu-image-title{ font-size: 15px; }
    .sub-menu .main-menu-parent .menu-image-hover-wrapper img{ width: 28px; }
    .header-nav-wrap{ display: inline-block; width: 89%; }
    .right-menu-item .btn{ min-width: 100px; padding: 9.5px 12px; }
    .menu-item-description{ font-size: 14px; color: #7e879a; padding-left: 50px; }
    .sub-menu .menu-item{ margin: 0; width: 50%; }
    .sub-menu .menu-item .main-menu-parent{ margin: 0; padding: 25px 18px; border-radius: 10px; transition: background 0.5s ease; text-decoration: none; }
    .sub-menu .menu-item .main-menu-parent:hover{ background: #f7f7f7;  }
    .menu-main-menu-container .menu-item-has-children.active > a:before, .my-account-item.active .btn.account-menu:before{ content: ''; height: 3px; background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), to(#21d8de)); background-image: -o-linear-gradient(left, #387ab6, #21d8de); background-image: linear-gradient(to right, #387ab6, #21d8de); position: absolute; z-index: 6; bottom: -36px; left: 0; right: 0; width: 100%; }
    .my-account-item.active .btn.account-menu:before{ bottom: -42px; width: 200px; left: auto; right: 0; }
    .menu-item-has-children > a:after{ right: -15px; top: 4px; }
    .menu-item.menu-item-has-children{ margin-right: 20px; }
    .banner__title{ font-size: 34px; }
    .banner__image{ text-align: center; }
    /*.main-banner-section{ background-size: cover; }*/
    .play-btn{ max-width: 62px; }
    .video-play-btn:after{ width: 100px; height: 100px; }
    .video-play-btn:before{ width: 140px; height: 140px; }
    .section-title{ font-size: 30px; }
    .feature--title .section-title{ max-width: 65%; }
    .feature-item--desc{ max-width: 236px; }
    .feature-icon-wrap{ min-height: 63px; }
    .tb-banner-section .section-title{ font-size: 37px; }
    .tb-banner-section{ padding: 80px 0; }
    /*.pro--image:after{ background-size: 300px; }*/
    .text-d--right{ text-align: right; }
    .bottom-banner-logo img{ max-width: 120px; }
    .slider-content--wrap .section-title{ margin-bottom: 40px; }
    .slider-caption--wrap.slick-slide{ padding-right: 40px; max-width: 325px; }
    .slider-image--wrap{ width: 30%; }
    .slider-content--wrap{ width: 65%; }
    .slider-content{ margin-top: 100px; }
    .home .slider-content { margin-top: 70px; }
    .home .slider-section .slider-img--wrap .with-shadow-image { margin-top: 0; padding: 30px; padding-bottom: 0; margin-bottom: 0;}
    .apple-download{ margin-bottom: 0; }
    .footer--column{ width: 20%; }
    .footer--column-double{ width: 40%; display: inline-block; }
    .footer-menu--item{ font-size: 14px; }
    .footer-wrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .with-shadow-image{ padding: 60px; max-height: 600px; }
    /*.back-to-top{ right: 115px; }*/

    /* Contact us */
    .input-row{ -ms-flex-direction: row; flex-direction: row; }
    .contact--form .input-group, .contact--form .input-group{ width: 50%; }
    .contact-wrap .left--block{ width: 32%; }
    .contact-wrap .right--block{ width: 68%; }
    .contact-form-block{ padding-left: 10%; }

    /* Pricing page */
    .pricing-table--title{ font-size: 25px; }
    .plan--title{ font-size: 16px; padding: 10px; }
    .plan-details--item.item--3{ font-size: 26px; }
    .feature--label{ font-size: 16px; }
    .feature--value{ font-size: 14px; }
    .faq-section .section-title{ margin: 50px 0; }
    .accordian--title{ font-size: 20px; }
    .accordian--desc{ font-size: 15px; }
    .display--mobile.plan-tabs__wrapper{ display: none; }
    .plan-details{ background-size: cover; }
    .pricing-table-section .mobile-title{ display: none; }
    .signup-ft-pp .rp-text-link { margin-top: 15px; }

    /* App feature */
    .banner-sub-title{ font-size: 20px; }

    .app-feature-item .app-feature-wrap{ margin: 0 -25px; }
    .app-feature-wrap .right--block-half, .app-feature-wrap .left--block-half{ padding: 0 25px; }
    .app-icon{ margin-right: 24px; }
    .slider-img--wrap .with-shadow-image{ -webkit-filter: none; filter: none; }

    .feature-slider .feature-slider-image{ padding-left: 17px; }

    .feature-slider .slider-caption--wrap.slick-slide{ padding-right: 40px; max-width: 230px;}


    /* Woocommerce */
    .woocommerce form .form-row label, label, .sumo_my_subscriptions-filter{ font-size: 14px; }
    .woocommerce .woocommerce-MyAccount-content{ width: 82%; }
    .woocommerce .woocommerce-MyAccount-navigation{ width: 18%; }
    .my-account-item { position: relative; }
    .my-account-dropdown{position: absolute; box-shadow: 0 2px 8px 0 rgba(6,32,45,0.15); right: 0; top: 56px; z-index: 3; background: #fff; width: 200px; text-align: left; }
    .my-account-dropdown:before { position: absolute; right: 0px; content: ''; top: -15px; z-index: 2; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #25cbd9; }

    .my-account-item .btn.account-menu{ border: none; min-width: auto;  padding: 0 15px 0 0; border-radius: 0; }
    .account-menu .user_name { max-width: 135px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; text-align: right; }
    .my-account-item .menu-item-description:last-child{ margin-bottom: 0; }
    .my-account-item > .account-menu:after{ top: 2px; right: 0;}
    .my-account-dropdown .menu-item-description{ padding: 15px; border-bottom: 1px solid #dcdcdc; }
    .my-account-dropdown .menu-item-description:last-child{ border: none; }
    /*.woocommerce-order .woocommerce-customer-details{ max-width: 30%; }*/
    .my-account-dropdown .menu-item-description:hover{ background: #f7f7f7; color: #2d333f; }
    .sumo_subscription_details .hasDatepicker, .sumo_subscription_details  #subscription-cancel-selector{ margin-bottom: 0; vertical-align:middle; }
    .woocommerce .woocommerce-thankyou-order-details.order_details li{width: 18%;}
    .woocommerce .woocommerce-thankyou-order-details.order_details li.order {width: 12%;}
    .woocommerce .woocommerce-thankyou-order-details.order_details li.date{width: 12%;}
    .woocommerce .woocommerce-thankyou-order-details.order_details li.total{width: 12%;}
    .woocommerce .woocommerce-thankyou-order-details.order_details li.email{width: auto; max-width: 30%;}
    /*modal*/
    .modal-wrapper{width: 50%;}
    /*report sample*/
    .gallery-report-sec ul li {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .right-menu-item .btn{ font-size: 14px; }
}
@media (min-width: 1200px) {
    html, body{ font-size: 16px; }
    .container{ max-width: 1170px; }
    .sub-menu--container{ max-width: calc(1170px + 35px); }
    .feature-slider-container{ max-width: calc(1170px + 47px); }
    .pri-font{ font-size: 16px; }
    .menu-item{ margin: 0 10px; padding: 0; }
    .right-menu-item{ margin-left: 12px; }
    .header-right-block{ width: 35%;}
    .account-menu .user_name { max-width: 240px; }
    .right-menu-item .btn{ min-width: 140px; font-size: 16px; }
    .sub-menu-bg{ top: 96px; }
    .sub-menu-wrap{ width: 80%; }
    .menu-main-menu-container .menu-item-has-children.active > a:before{ bottom: -39px; }
    .tb-space{ margin: 60px 0; }
    .banner__title{ font-size: 40px; }
    .banner_bg-image{min-height: 400px;}
    .banner_text {
        top: 40%;
    }
    .main-banner-section .slick-dots{bottom: 80px;}
    .section-title{ font-size: 38px; }
    .feature--list{ margin: 60px 0 0 0; }
    .feature-item--title, .content-desc, .client-name{ font-size: 20px; }
    .feature-item--icon{ max-width: 50px; }
    .feature-item--desc, .client-desg, .rp-bd-notes.rcc-des ul li{ font-size: 18px; }
    .content-wrap, .banner_wrap{ margin: 0 -48px; }
    .right--block, .left--block, .banner__image, .banner__content{ padding: 0 48px; }
    .right--block-half .block--image, .right--block .block--image{ max-width: 90%; }
    .pro--image .with-shadow-image{padding: 0 50px;}
    /*.heavenly--desc{ margin: 40px -40px; }*/
    .powertool-wrap{ margin: 0 -45px; }
    .powertool--content, .powertool--image{ padding: 0 45px; }
    .tb-banner-section .section-title{ font-size: 43px; }
    .tb-banner-section{ padding: 100px 0; }
    .client--img{ max-width: 60px; }
    .client-name{ margin-bottom: 13px; }
    .content-wrap .section-title{ margin-bottom: 28px; }
    .content-desc{ margin-bottom: 40px; }
    .sub-title{ font-size: 22px; margin-top: 11px; }
    .heavenly--desc{ margin: 60px -40px 0 -40px; padding-bottom: 80px; }
    .pro--title{ margin: 40px 0 0; font-size: 28px; }
    .product--wrap .btn{ min-width: 180px; }
    .btn.btn_20{ font-size: 20px; padding: 14.5px 30px; }
    .tb-banner-section .bottom-banner-wrap .btn_primary{ min-width: 200px; }
    /*.pro--image:after{ background-size: 400px; }*/
    /*.pro--image{ min-height: 796px; height: 100px; }*/
    .p-shadow-wrap{ padding: 170px 0 85px 0; margin-top: -180px; }
    .secondary-title{ font-size: 27px; margin: 36px 0 15px 0; }
    .try-wrap .btn_secondary { min-width: 180px; }
    .apple-download{ margin-right: 35px; max-width: 150px; }
    .bottom-banner-section{ padding: 60px 0; }
    .tb-banner-section .bottom-banner-wrap .section-title{ padding: 0 0 31px 0; }
    /*.play-btn{ max-width: 72px; }
    .video-play-btn:after{ width: 130px; height: 130px; }
    .video-play-btn:before{ width: 190px; height: 190px; }*/
    #video_popup iframe{ height: 400px; }
    .fancybox-skin{ padding: 40px !important; }
    .caption-title{ font-size: 27px;}
    .slick-arrow{ padding: 27px; bottom: -88px; }
    .slick-next.slick-arrow{ left: 95px; }
    .slick-next.slick-arrow:before, .slick-prev.slick-arrow:before{ background-size: auto; }
    .slider-content--wrap .section-title{ margin-bottom: 48px; }
    .slider-caption--wrap.slick-slide{ padding-right: 50px; max-width: 380px; }
    .slider-content{ margin-top: 152px; }
    .footer--column{ width: 18%; }
    .footer--column-double{ width: 46%; }
    input, textarea, select, .form-input, .select2-container--default .select2-selection--single{ font-size: 16px; height: 41px; }
    .es_subscription_form_submit, .footer-form .es-field-wrap .es_txt_email{ height: 47px; }
    .submit-btn, .es_subscription_form_submit{ padding: 13px 15px; font-size: 16px; }
    .footer-section { padding: 87px 0 0 0; }
    .footer-menu--item{ font-size: 15px; }
    .with-shadow-image{ padding: 60px; margin: 0; max-height: 670px; }
    .caption-desc{ font-size: 17px; }

    /* Contact us */
    .contact-us-section .section-title{ margin-bottom: 36px; }
    .contact-list--item{ margin: 0 0 45px 0; }
    .help--title{ font-size: 32px; margin: 0 0 35px 0; }
    .contact-form-block .btn_primary{ min-width: 160px; }

    /* Pricing page */
    .pricing-table--title{ font-size: 27px; }
    .plan--title{ font-size: 18px; }
    .plan-details .btn{ min-width: 130px; padding: 9.5px 10px; font-size: 15px; }
    .pricing-table__table-head.background_header{ padding: 40px 70px;}
    .plan-details{ padding: 22px 15px; padding-bottom: 40px;}
    .pricing-table__table-head{ width: 16.25%; }
    .plan-details--item.item--1, .plan-details--item.item--2, .plan-details--item.item--4, .short-desc{ font-size: 16px; }
    .faq-section .section-title{ margin: 60px 0; }
    .accordian--desc, .pricing-table--desc{ font-size: 18px; }
    .rewards--title{ font-size: 20px; }
    .accordian--title:after{ top: 28px; width: 17px; }
    .feature--value.available:after { width: 9px; height: 15px;  }
    .rp-row-content .plan-desc--block .signup-ft-pp .rp-text-link { margin-left: 10px; margin-right: 10px; }

    /* App features */
    .app-feature-banner .banner__title{ font-size: 45px; }
    .banner-sub-title{ font-size: 22px; }
    .app-features-main-banner{ margin-top: 40px; }
    .accordian--title{ font-size: 21px; }


    .content--wrap-block{ padding: 100px 15% 0 0; }
    .app-feature-item .content--wrap-block { padding-top: 80px; }
    .order-2 > .content--wrap-block{ padding: 80px 0 0 15%; }
    .feature-slider .slider-content{ padding: 0 0 0 0; margin-top: 80px;}
    .feature-slider .order-2 + .right--block-half .slider-content{ padding: 0 15% 0 0; }

    .secondary-title{ font-size: 27px; }
    .user-q-title{ font-size: 27px; }
    .sub-f--wrap { padding: 25px; }
    .app-icon-img{ width: 60px; max-height: 60px; }
    .user-q-desc, .sub-f--item  .sub-f--desc{ font-size: 18px; }
    .sub-f--title{ font-size: 20px; }
    .right--block-half img, .feature-slider .slick-slide img{ max-height: none; }
    .feature-slider .feature-slider-image{ padding-left: 47px; }
    [dir='rtl'] .slick-prev{ right: 95px; }
    .feature-slider .slider-caption--wrap.slick-slide{ padding-right: 50px; max-width: 260px;}

    /* Registration page */
    .reg-title{ font-size: 28px; }
    .full-width.btn-sub-block .btn{ min-width: 180px; }
    .digit-blocks{ max-width: 235px; }
    .digit-blocks .input-group .form-input{ height: 48px; }

    .user-title--block .input-row{ margin: 0 -34px; }
    .user-title--block .input-group{ padding: 0 34px; }

    textarea.form-input, textarea{ min-height: 118px; }
    .plan-wrap{ padding: 60px 0; }
    .registration-form--block{ max-width: 457px; }

    input[type=checkbox] + .checkbox-label:before {
        width: 17px;
        height: 17px;
        margin-right: 10px;
    }
    input[type=checkbox]:checked + .checkbox-label:after {
        top: 1px;
        width: 17px;
        height: 17px;
    }
    /* woocommerce */
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 30%; }
    .woocommerce table.shop_table.cart td{ padding: 20px 12px; }
    .address_title{ font-size: 20px; }
    .woocommerce_sec_btn{ font-size: 15px; padding: 12px 22px; }
    .woocommerce-error, .woocommerce-info, .woocommerce-message{ padding: 1em 12px 1em 3.5em; }
    .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ left: 1.5em; }
    .woocommerce form .show-password-input{ top: 13px; }
    /*.btn.btn_secondary.subscription-action{ min-width: 120px; font-size: 15px; padding: 0; }*/
    .preview-logo{ max-width: 150px; }
    .coupon_input + .btn_secondary, .woocommerce-form-coupon .btn_secondary{padding: 11.5px 35px;}

    /*modal*/
    .modal-wrapper{width: 40%;}
    /*report sample*/
    .gallery-report-sec ul li { 
        margin-bottom: 50px;    
        padding: 0 20px;    
    }
    .gallery-report-sec ul li img {
        height: 180px;
    }
    .gallery-report-sec ul li h3 {
        font-size: 20px;
    }
    .gallery-report-sec .base-div .img-link a {
        padding: 7px 25px;
    }
    .gallery-report-sec p { 
        margin-top: 20px;
    }
    .plan-wrap .plan-title--block .plan--descrip .short-desc {
        font-size: 20px;
    }
    /*business details*/
    .business-industry-as .select-dropdown--label {
        left: 125px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 3px 0;
    }
    /*plan page rewamp*/
    .plan-desc--block.rp-top-align {
        padding-left: 70px;
    }
    .pricing-table-content .table-border .labelElements .feature--label,
    .pricing-table-content .addons .addon-title {
        padding-left: 70px;
    }
    .feature-slider .slider-wrap{ padding-bottom: 100px; }
    .empower-section {
        margin-top: 30px;
    }
    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a:before { border-width: 14px; }
    .btn, .button.wc-forward { font-size: 20px;}
    .user-popup-wrapper .add-user-form-wrapper form .input-group .placeholder-label {
        font-size: 16px;
    }
    #menu-main-menu > .menu-item > .main-menu-parent{ font-size: 16px;}
}
@media (min-width: 1400px) {
    .container{ max-width: 1300px; }
    .sub-menu--container{ max-width: calc(1300px + 35px); }
    .feature-slider-container{ max-width: calc(1300px + 67px); }
    .btn_primary, .modal button.modal-toggle{padding: 13.5px 35px;}
    .tb-space{ margin: 80px 0; }
    .banner__title{ font-size: 47px; }
    #menu-main-menu > .menu-item > .main-menu-parent, .account-menu{ font-size: 16px; }
    .menu-item{ margin: 0 8px;}
    .sub-menu-wrap{ width: 70%; }
    .view-all-block a, .menu-image-title{ font-size: 17px }
    .menu-item-description{ font-size: 15px; padding-left: 54px; }
    .sub-menu .main-menu-parent .menu-image-hover-wrapper img{ width: 32px; }
    .menu-item.menu-item-has-children{ margin-right: 25px; }
    .menu-item-has-children > a:after{ top: 5px; }
    .right-menu-item .btn{ padding: 11.5px 12px; }

    .section-title{ font-size: 45px; }
    .feature--list{ margin: 80px 0 0 0; }
    .feature-item--title{ font-size: 22px; }
    .tb-banner-section .section-title{ font-size: 50px; }
    .tb-banner-section{ padding: 110px 0; }
    .sub-title{ font-size: 24px; }
    /*.pro--image:after{ background-size: auto; }*/
    .content-wrap .primary-link{ font-size: 19px; }
    .secondary-title{ font-size: 33px; margin: 40px 0 18px 0; }
    .bottom-banner-section{ padding: 80px 0; }
    .pro--title{ font-size: 30px; }
    .tb-banner-section .bottom-banner-wrap .section-title{ padding: 0 0 41px 0; }
    .tb-banner-section .bottom-banner-wrap .btn_primary{ min-width: 240px; }
    .bottom-banner-logo img{ max-width: none; }
    .product--wrap .btn{ min-width: 200px; }
    .slider-content--wrap .section-title{ margin-bottom: 59px; }
    .slider-caption--wrap.slick-slide{ padding-right: 50px; max-width: 295px; }
    .slider-content{ margin-top: 165px; }
    .caption-title{ font-size: 33px; }
    .play-btn{ max-width: 82px; }
    .video-play-btn:after{ width: 150px; height: 150px; }
    .video-play-btn:before{ width: 220px; height: 220px; }
    input, textarea, select, .form-input,  .select2-container--default .select2-selection--single, .wc-stripe-elements-field{ height: 44px; }
    .submit-btn, .es_subscription_form_submit{ padding: 14px 15px; font-size: 18px; }
    .footer-logo img{ max-width: 130px; }
    .apple-download{ max-width: 162px; }
    .back-to-top{ position: fixed; right: 30px; z-index: 4; }
    .footer-section { padding: 97px 0 0 0; }
    .contact-us-icon img, .back-to-top-icon img{ max-width: none; }
    .es_subscription_form_submit, .footer-form .es-field-wrap .es_txt_email{ height: 52px; }
    .banner-curve{bottom: -20px;}
    .user-q-title{ font-size: 33px; }

    /* contact us */
    .contact-form-block .btn_primary{ min-width: 190px; }

    /* Pricing page */
    .pricing-table--title{ font-size: 33px; }
    .plan--title{ font-size: 20px; padding: 11px; }
    .plan-details .btn{ min-width: 150px; }
    .feature--label{ font-size: 18px; }
    .feature--value{ font-size: 16px; }
    .addons .addon-title{ font-size: 25px; }
    .faq-section .section-title{ margin: 80px 0; }

    /* App features */
    .app-feature-banner .banner__title{ font-size: 55px; }
    .banner-sub-title{ font-size: 24px; }
    /*.app-features-main-banner{ margin-top: 80px; }*/
    .accordian--title{ font-size: 22px; }

    /* App features */

    .sub-f--title{ font-size: 18px; }
    .user-quote{ margin-top: 80px; }

    .feature-slider .feature-slider-image{ padding-left: 67px; }
    .feature-slider .slider-caption--wrap.slick-slide{ max-width: 295px; }

    /* Registration page */
    .reg-title{ font-size: 30px; }
    .full-width.btn-sub-block .btn{ min-width: 200px; }
    .digit-blocks{ max-width: 250px; }
    .digit-blocks .input-group .form-input{ height: 52px; }

    .placeholder-label{ font-size: 16px; top: 11px; }
    .custom-label-file{ line-height: 1.5; }
    textarea.form-input, textarea{ min-height: 126px; }
    .placeholder-label.custom-label-file{ font-size: 16px; }
    .select-dropdown--label{ top: 25px; left: 58px; }
    .error + .select-dropdown--label{ top: 9px; left: 58px; }

    .wc-credit-card-form iframe{ top: 2px; }

    .secondary-container{ max-width: 1238px; }
    .power-tool-container{max-width: 1300px;}

    /*modal*/
    .modal-wrapper{width: 30%;}

    /*select2*/
    .select2-container--default .select2-results__option{padding: 10px 15px;}
    .select2-container--default .select2-search--dropdown .select2-search__field{height: 36px;}
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius: 50px;}
    .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-radius: 50px;}

    /*sample report*/
    .gallery-report-sec ul li {
        padding: 0 15px;
    }
    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { padding: 15px 15px 15px 20px; font-size: 17px; }
    .right-menu-item .btn {
        font-size: 16.5px;
    }
}
@media (min-width: 1500px) {
    .power-tool-container{max-width: 90%;}
    .home .slider-content { margin-top: 100px; }
    .home .slider-section .slider-img--wrap .with-shadow-image { margin-top: 40px; }
    .account-menu .user_name { max-width: 280px; }
    .banner_bg-image {
        min-height: 600px;
    }
}
@media (min-width: 1920px) {
    .container{ max-width: 1366px; }
    .sub-menu--container{ max-width: calc(1366px + 35px); }
    .feature-slider-container{ max-width: calc(1366px + 110px); }
    .btn, .right-menu-item .btn, .button.wc-forward{ min-width: 170px; font-size: 20px; padding: 13.5px 35px; }
    .btn, .right-menu-item .btn {
        font-size: 16.5px;
    }
    .account-menu .user_name {
        max-width: 260px;
    }
    .btn_primary, .modal button.modal-toggle{padding: 14.5px 35px;}
    .tb-space{ margin: 90px 0; }
    .right--block-half .block--image, .right--block .block--image{ max-width: 90%; }
    .with-shadow-image{ padding: 76px; max-height: none; }
    .banner__title{ font-size: 57px; }
    .main-banner-section .slick-dots{bottom: 110px;}
    .section-title{ font-size: 55px; }
    .feature--list{ margin: 100px 0 0 0; }
    .feature-item--title{ font-size: 25px; margin: 21px 0; }
    .feature-item--icon{ max-width: 55px; }
    .tb-banner-section .section-title{ font-size: 60px; }
    .tb-banner-section{ padding: 127px 0; }
    .sub-title{ font-size: 28px; }
    .power-tool-container{ max-width: 1623px; }
    .power-tool-container .secondary-container{ max-width: 1000px; }
    .secondary-container{ max-width: 1200px; }
    /*.p-shadow-wrap{ padding: 214px 0 135px 0; margin-top: -180px; }*/
    .secondary-title{ font-size: 35px; margin: 45px 0 22px 0; }
    .product--wrap .btn{ min-width: 230px; }
    .btn.btn_20{ font-size: 20px; padding: 18.5px 36px; }
    .try-wrap .btn_secondary { min-width: 218px; }
    .tb-banner-section .bottom-banner-wrap .btn_primary{ min-width: 280px; }
    .apple-download{ max-width: none; }
    .play-btn{ max-width: none; }
    .video-play-btn:after{ width: 146px; height: 146px; }
    .video-play-btn:before{ width: 238px; height: 238px; }
    .slider-caption--wrap.slick-slide{ padding-right: 70px; max-width: 360px; }
    .slider-content{ margin-top: 130px; }
    .caption-title{ font-size: 35px; }
    .caption-desc{ font-size: 18px; }
    .bottom-banner-section{ padding: 60px 0; }
    .footer-section { padding: 117px 0 0 0; }
    .footer-logo img{ max-width: none; }
    input, textarea, select, .form-input,  .select2-container--default .select2-selection--single, .wc-stripe-elements-field{ height: 45px; }
    .es_subscription_form_submit, .footer-form .es-field-wrap .es_txt_email{ height: 58px; }
    .submit-btn, .es_subscription_form_submit{ padding: 16px 15px;  font-size: 20px; }
    .footer-menu--item{ font-size: 16px; }
    .back-to-top{ right: 115px; }
    .banner-curve{bottom: -5px;}
    .pro--desc{margin-top: 30px;}

    /* Contact */
    .input-group{ margin: 20px 0; }
    .contact-form-block .btn_primary{ min-width: 225px; }


    /* Pricing page */
    .pricing-table--title{ font-size: 35px; }
    .plan--title{ font-size: 22px; padding: 12px; }
    .plan-details .btn{ min-width: 168px; padding: 13.5px 10px; font-size: 16px; }
    .plan-details--item.item--1, .plan-details--item.item--2, .plan-details--item.item--4{ font-size: 17px; }
    .plan-details--item.item--3{ font-size: 28px; }
    .faq-section .section-title{ margin: 100px 0; }
    .accordian--title{ font-size: 25px; }
    .accordian--desc{ font-size: 18px; }
    .rewards--title{ font-size: 22px; }
    .rewards--desc{ font-size: 17px; }
    .pricing-table__table-head.background_header{ padding: 50px; }
    .plan-details--item.item--4.wp_user_note {
        margin-bottom: 0;
    }

    /* App features */
    .app-feature-banner .banner__title{ font-size: 65px; }
    .banner-sub-title{ font-size: 28px; }
    /*.app-features-main-banner{ margin-top: 80px; }*/


    .sub-f--title{ font-size: 20px; }
    .user-q-desc, .sub-f--item  .sub-f--desc{ font-size: 18px; }
    .sub-f--wrap { padding: 28px 23px; }
    .sub-f--item { padding: 0 0 20px 0; margin: 0 0 20px 0; }
    .feature-title-b{ margin-bottom: 17px; }
    .user-q-title{ font-size: 35px; }
    .user-quote{ padding: 27px 33px; }
    .sub-title{ font-size: 28px; }
    .features-listings{ background-size: auto; }
    .feature-slider .feature-slider-image{ padding-left: 110px; }
    .feature-slider .order-2 .feature-slider-image{ padding-left: 0; padding-right: 110px; }
    .feature-slider .slider-caption--wrap.slick-slide{ max-width: 330px; padding-right: 60px; }
    .app-feature-item .content--wrap-block { padding-top: 100px; }

    /* Registration page */
    .reg-title{ font-size: 32px; }
    .full-width.btn-sub-block .btn{ min-width: 225px; }
    .digit-blocks{ max-width: 260px; }
    .digit-blocks .input-group .form-input{ height: 55px; }
    .address_title{ font-size: 22px; }

    .coupon_input + .btn_secondary, .woocommerce-form-coupon .btn_secondary{padding: 13.5px 35px;}

    /*plan page rewamp*/
    .plan-desc--block.rp-top-align {
        padding-left: 50px;
        padding-top: 40px;
    }
    .pricing-table-content .table-border .labelElements .feature--label,
    .pricing-table-content .addons .addon-title {
        padding-left: 50px;
    }
    .rp-row-content .plan-desc--block {
        padding: 40px 0;
    }
    .rp-row-content .plan-desc--block.rp-top-align {
        padding-left: 50px; 
    }
    /*.rp-row-content .plan-desc--block .feature-item--content {
        padding-right: 15%;
    }*/
    .my-account-dropdown:before {
        top: -12px;
    }

    .feature-slider .slider-content{ padding: 0 0 0 15%; margin-top: 100px; }
    .signup-ft-pp .purchase-wrapper.signup-dd {
        top: 50px;
    }

}
@media (min-width: 769px) and (max-width: 1023px) {
    .cstm-table-au {
        margin-bottom: 24px;
        overflow: auto;
    }
    .cstm-table-au table {
        margin-bottom: 0 !important;
    }
}



/*IE10 and IE11
==================*/
_:-ms-lang(x), .ie10up {

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .heavenly--desc .pro-img{ width: 100%; }
    .ie-image-shadow{ position: relative; display: inline-block; }
    .ie-image-shadow:before{
        content: '';
        position: absolute;
        width: 50%;
        left: 0;
        right: 0;
        height: 50%;
        top: 0;
        bottom: 0;
        margin: auto;
        box-shadow: 3px 3px 300px rgba(0,0,0,0.58);
    }
    .slider-img--wrap .ie-image-shadow:before{ box-shadow: 3px 3px 150px rgba(0,0,0,0.58); }
    .gradient:hover,.sub-menu .menu-item .main-menu-parent:hover .menu-image-title, .woocommerce-remove-coupon:hover, a:hover{ background: none; color: #387ab6; }

}

input[type="checkbox"]{
    border-radius: 4px;
    height: 20px;
    width: 20px;
    padding: 0;
}

/**
 * Modals ($modals)
 */

/* 1. Ensure this sits above everything when visible */


/*.wrapper {
    width: 90%;
    max-width: 800px;
    margin: 4em auto;
    text-align: center;
}



.modal {
    position: absolute;
    z-index: 10000; 
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
    padding: 24px 20px;
    border-radius: 3px;
    border: 1px solid #DFDFDF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    background: #fff;
}

.modal-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
}

.modal.is-visible .modal-transition {
    transform: translateY(0);
    opacity: 1;
}

.modal-header {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.modal-heading {
    font-size: 16px;
    color: #2d333f;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal button.modal-toggle{margin: 25px 0 0 120px;font-size: 16px;}
.modal .modal-close.modal-toggle{
    position: absolute;
    bottom: 25px;
    left: 20px;
    top: auto;
    background: none;
    margin: 0;
}
.modal .modal-close.modal-toggle:hover{
    background: none;
}
.modal .modal-close.modal-toggle svg{
    display: none;
}
.modal .modal-close.modal-toggle:before{
    content: 'Close';
    font-size: 16px;
    color: #979797;
    font-weight: 400;
}
.modal .modal-close.modal-toggle:hover:before{
    color: #2d333f;
}*/


/** My-account page css*/
.coupon_button{
    display:none;
}


.cstm-full-width select + span.select2-container{
    width: 100% !important;
}
.change-pass-fields{
    display: none;
}
.change-pass-accordation{
    text-decoration: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
}
.change-pass-accordation img {
    transition: all 0.3s ease;
}
.change-pass-accordation.active img {
    transform: rotate(180deg);
}

.wpcf7-response-output {
    display: none !important;
}
.woocommerce-register {
    text-align: center;
}

/*report sample page changes*/  
.bottom-banner-logo {   
    display: none;  
}

.rp-action-buttons a.button {
    position: relative;
    margin-right: 15px;
}
.rp-action-buttons a.button:after {
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 70%;
    background: #d9d9d9;
    content: '';
    margin: auto;
}
.rp-action-buttons a.button:last-child {
    margin-right: 0;
}
.rp-action-buttons a.button:last-child:after {
    display: none;
}
.rp-change-button .button {
    position: relative;
    margin-left: 17px;
}
.rp-change-button .button:before {
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 70%;
    background: #d9d9d9;
    content: '';
    margin: auto;
}
.rsp-rt-sec .heavenly--title .content-desc {
    padding-top: 25px;
}
.rsp-rt-sec .feature-item--title {
    margin-bottom: 0
}
.rsp-rt-sec .pro--image img {
    padding: 0;
}

/*Change subscription style*/
.subscription-actions .woocommerce-button {
    display: inline-block;vertical-align: middle;
}
.subscription-actions .simplemenu {
    display: inline-block;vertical-align: middle; position: relative;
}
.subscription-actions .simplemenu button {
    padding: 0;
    margin: 0;
    color: #2d333f;
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
    background: transparent;
    border: none;
}
.subscription-actions .simplemenu .dropdown-content {
    position: absolute;
    top: auto;
    background: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(6, 32, 45, 0.15);
    display: none;
    right: 0;
    min-width: 150px;
    margin-top: 20px;
}
.subscription-actions .simplemenu .dropdown-content a {
    display: block;
    color: #7e879a;
    font-size: 15px;
    padding: 15px;
    text-decoration: none;
    text-align: left;
}
.subscription-actions .simplemenu .dropdown-content a:hover {
    background: #f7f7f7;
    color: #2d333f;
}
.subscription-actions .simplemenu .dropdown-content .current-plan a {
    cursor: not-allowed;
    font-weight: 500;
}
.subscription-actions .simplemenu .dropdown-content li + li a {
    border-top: 1px solid #dcdcdc;
}
.subscription-actions .simplemenu .show {
    display: block;
    z-index: 1;
}
.subscription-actions .simplemenu .dropdown-content:before {
    position: absolute;
    right: 0px;
    content: '';
    top: -13px;
    z-index: 2;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #25cbd9;
}
.subscription-actions .simplemenu .dropdown-content:after {
    position: absolute;
    right: 0px;
    content: '';
    left: 0;
    height: 3px;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#387ab6), to(#21d8de));
    background-image: -o-linear-gradient(left, #387ab6, #21d8de);
    background-image: linear-gradient(to right, #387ab6, #21d8de);
}
.subscription-actions .simplemenu .up-plan-dd  {
    width: 200px;
}
.subscription-actions .simplemenu .up-plan-dd  .purchase-wrapper { padding: 15px 20px; }
.subscription-actions .simplemenu .up-plan-dd h3 {
    color: #2d333f;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 5px 0;
}
.subscription-actions .simplemenu .up-plan-dd .purchase-wrapper > span.select2 {
    display: block;
    width: 100% !important;
    margin-bottom: 10px;
}
.subscription-actions .simplemenu .up-plan-dd .rp-inner-box { padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.subscription-actions .simplemenu .up-plan-dd .rp-inner-box .plan-purchase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.19);
    flex: 0 0 100%;
    max-width: 100%;
}
.subscription-actions .simplemenu .up-plan-dd .rp-inner-box .plan-purchase .btn { flex:0 0 35px; max-width: 38px; min-width: auto; padding: 0; display: -webkit-box;
                                                                                  display: -ms-flexbox;
                                                                                  display: flex;
                                                                                  -webkit-box-align: center;
                                                                                  -ms-flex-align: center;
                                                                                  align-items: center;
                                                                                  -webkit-box-pack: center;
                                                                                  -ms-flex-pack: center;
                                                                                  justify-content: center; border:none; background: linear-gradient(to top, #387ab6 20%, #21d8de 100%); height: 100%;
                                                                                  border-radius: 0;
                                                                                  color: #fff; font-size: 25px;
}
.subscription-actions .simplemenu .up-plan-dd .rp-inner-box .plan-purchase .btn.rp-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.subscription-actions .simplemenu .up-plan-dd .rp-inner-box .plan-purchase input { padding: 0; height: 38px; min-width: 52px; font-weight: bold; font-size: 15px; color: #2c333e; text-align: center; border-radius: 0; border:none;  }
.subscription-actions .simplemenu .up-plan-dd .purchase-plan {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fefeff;
    padding: 0 15px;
    width: 100%;
    border: 1px solid transparent;
    line-height: 38px;
    text-align: center;
    background: #2d333f;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
}
.subscription-actions .simplemenu .up-plan-dd .purchase-plan:hover {
    background: #ffffff;
    border-color: #2d333f;
    color: #2d333f;
}

.woocommerce .woocommerce-order-details header {
    margin-bottom: 1.25em;
}
.woocommerce table.my_account_orders .order-actions {
    text-align: left;
}
.woocommerce table.my_account_orders .order-actions .button {
    margin-left: 0;
    position: relative;
    margin-right: 15px;
}
.woocommerce table.my_account_orders .order-actions .button:last-child {
    margin-right: 0;
}
.woocommerce table.my_account_orders .order-actions .button:last-child:after {
    display: none;
}
.woocommerce table.my_account_orders .order-actions .button:after {
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 70%;
    background: #d9d9d9;
    content: '';
    margin: auto;
}
.woocommerce td.product-name ul.wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name ul.wc-item-meta p {
    font-weight: normal;
    margin-top: 0;
    font-size: 13px;
    color: #396697;
    line-height: normal;
}
.woocommerce td.product-name ul.wc-item-meta li + li {
    margin-top: 5px;
    margin-bottom: 0;
}
.woocommerce td.product-total .woocommerce-Price-amount {
    font-weight: 700;
}
.order_details .product-total .per-user-discount small,
.my_account_subscriptions .subscription-next-payment small {
    color: #396697;
    font-weight: 500 !important;
}

.error404-content {
    margin-bottom: 100px;
}
.resend-pin {
    padding-top: 30px;
    text-align: center;
}
.resend-pin a {
    margin-left: 0;
    text-decoration: none;
    color: #387ab6;
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
}

dt.variation-Discount { 
    display: none !important; 
}
dt.variation-Prorated,dd.variation-Prorated {
    display: none !important; 
}
ul.wc-item-meta li.discount strong { 
    display: none !important; 
} 
.rp-not-required:after {
    display: none;
}

.pac-container::after {
    background-image: none !important;
    height: 0px;
}
.recurring-totals {
    background-color: #f7f6f7
}
.shop_table .tax-rate th, .shop_table .tax-rate span, .shop_table.order_details tfoot th, .shop_table.order_details tfoot td, .woocommerce form#order_review th, .woocommerce form#order_review td, .woocommerce form#order_review td.product-total span, .woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .cart-subtotal td {
    font-weight: normal !important;
}
.shop_table.order_details tfoot .text-bold th, .shop_table.order_details tfoot .text-bold td {
    font-weight: 700 !important;
}
.shop_table.subscription_details .rp-action-buttons a.reactivate, .grt-add-card {
    display: inline-block;
    text-decoration: none;
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
    font-size: 18px;
    font-weight: 700;  
}
.shop_table.subscription_details .rp-action-buttons a.reactivate:hover, .grt-add-card:hover {
    background: transparent;
    color: #21d8de;
}
.woocommerce-terms-and-conditions-checkbox-text a,
.woocommerce-privacy-policy-text a,
.account_nav_wrap .woocommerce-MyAccount-content .woocommerce-notices-wrapper ~ p a {
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
}
.woocommerce-terms-and-conditions-checkbox-text a:hover,
.woocommerce-privacy-policy-text a:hover,
.account_nav_wrap .woocommerce-MyAccount-content .woocommerce-notices-wrapper ~ p a:hover {
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #21d8de 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
}
.slider-section .btn_primary {
    margin-top: 70px;
}
.slider-section.home-mob-slider .slider-content .slick-arrow {
    background-image: none;
    background: #2d333f;
    padding: 20px;
    color: #ffffff;
}
.slider-section.home-mob-slider .slider-content .slick-next.slick-arrow {
    left: 70px;
}
.slider-section.home-mob-slider .slider-content .slick-arrow.slick-disabled {
    background: #c5c5c5;
}
.heavenly-section .heavenly--desc {
    flex-wrap: wrap;
    flex-direction: unset;
}
.heavenly-section .heavenly--desc .pro-list {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.heavenly-section .heavenly--desc .pro--image {
    max-width: 500px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.heavenly-section .heavenly--desc .pro--image img {
    margin: 0;
    padding: 0;
}
.heavenly-section .heavenly--desc .pro-list .product--wrap .pro--title {
    margin-top: 0;
}
.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .pro--desc {
    max-width: 100%;
}
.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .left-eq,
.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .right-eq {
    flex: 0 0 47%;
    max-width: 47%;
}
.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .cen-btn-eq {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding-top: 20px;
}
.heavenly-section .product--wrap .content-desc .primary-link {
    text-decoration: none;
    font-size: 80%;
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #387ab6 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
    
}
.heavenly-section .product--wrap .content-desc .primary-link:hover {
    color: #00d7dd;
    background: linear-gradient(to right, #21d8de 20%, #21d8de 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
}
.center-cta-btn {
    text-align: center;
}
.center-cta-btn .btn_primary {
    display: inline-block;
    margin-top: 20px;
}
.hwt-feature .center-cta-btn .btn_primary {
    margin-top: 40px;
}
.main-registration-wrap-wrapper .main-registration-wrap {
    padding-top: 0;
}
.cstm-check-p {
    padding-top: 8px;
}
.cstm-check-p .checkbox-label {
    cursor: pointer;
}
.cstm-check-p .woocommerce-form__label .checkbox-label.pri-font {
    color: #396697;
    font-size: 14px;
    display: block;
    padding-top: 0;
}
#photos-aerials.feature-slider .ie-image-shadow .with-shadow-image {
    padding-left: 0;
    padding-right: 0;
}
.usp-section.sec-footer {
    margin-bottom: 0;
}
.usp-section .feature-wrap {
    padding: 50px 0 30px;
}
.usp-section .feature-wrap * {
    color: #ffffff;
}
.usp-section .feature-wrap .feature--list {
    margin: 0 0 0 0;
}
.usp-section .feature-wrap .feature-list--item .feature-icon-wrap,
.usp-section .feature-wrap .feature-list--item .feature-item--title,
.usp-section .feature-wrap .feature-list--item .content-desc {
    text-align: center;
}
.footer-logo {
    padding-right: 10px;
}

.main-registration-wrap-wrapper .main-registration-wrap .reg-title {
    font-size: 23px;
    font-weight: 400;
}

.cstm-btm-back-belt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cstm-btm-back-belt .my-account-cta-wrapper {
    margin-left: 1em;
    padding: 0;
}
.cstm-btm-back-belt .my-account-cta-wrapper a {
    margin-left: 0;
    padding: 0;
}
.cstm-btm-back-belt #place_order {
    margin-bottom: 0 !important;
    padding: 11.5px 38px;
    min-width: auto;
}

.cstm-btm-back-belt .form-row {
    margin-bottom: 0 !important;
}

.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .subscription-actions {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .cen-btn-eq .dropdown-content {
    text-align: left;
}
.footer-section .social-link .cstm-label-f {
    padding-left: 0;
}

@media (min-width:768px){
    .slider-section.home-mob-slider .slider-container {
        margin: 0 auto;
    }
    .slider-section.home-mob-slider .slider-container .slider-image--wrap {
        width: 40%;
    }
    .slider-section.home-mob-slider .slider-container .slider-content--wrap {
        width: 59%;
    }
    .slider-section.home-mob-slider .slider-container .slider-content--wrap .slider-content {
        margin-top: 0;
    }
    .slider-section.home-mob-slider .slider-container .with-shadow-image {
        filter: none !important;
        padding-left: 0;
        padding-top: 0;
    }
    .footer-section .social-link li a, .footer-section .social-link li p {
        font-size: 13px;
    }
}
@media (min-width:1200px) {
    .slider-section.home-mob-slider .slider-content .slick-arrow {
        bottom: -70px;
    }
    .slider-section .btn_primary {
        margin-top: 90px;
    }
    .footer-section .social-link li a, .footer-section .social-link li p {
        font-size: 14px;
    }
    .main-registration-wrap-wrapper .main-registration-wrap .reg-title {
        font-size: 28px;
    }
}
@media (min-width:1400px) {
    .main-registration-wrap-wrapper .main-registration-wrap .reg-title {
        font-size: 30px;
    }
}
@media (min-width:1500px){
    .slider-section.home-mob-slider {
        margin-top: 60px;
    }
    .slider-section.home-mob-slider .slider-container .with-shadow-image{
        margin-top: 0;
    }
    .heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .cen-btn-eq {
        padding-top: 0;
    }
    .heavenly-section .heavenly--desc .pro--image {
        max-width: 550px;
    }
}
@media (max-width:1199px) {
    .business-form .business-industry-as .select-dropdown--label {
        left: 120px !important;
    }
}
@media (max-width:767px) {
    .slider-section.home-mob-slider .slider-container .with-shadow-image {
        margin-top: 20px;
        filter: none !important;
    }
    .app-feature-item .sub-feature-listing ~ .btn_primary {
        margin-top: 30px;
    }
    .app-feature-item .user-quote ~ .btn_primary {
        margin-top: 30px;
    }
    .center-cta-btn .btn_primary {
        margin-top: 0px;
    }
    .hwt-feature .center-cta-btn .btn_primary {
        margin-top: 10px;
    }
    .content-wrap .hwt-feature-link .primary-link {
        margin-top: 15px;
    }
    .rsp-rt-sec .heavenly--desc .left--block-half {
        margin-bottom: 0;
    }
    .heavenly-section .heavenly--desc .pro--image {
        margin-bottom: 0;
    }
    .heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .cen-btn-eq {
        padding-top: 0;
    }
    .heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .left-eq, .heavenly-section .heavenly--desc .pro-list.right--block-half .product--wrap .right-eq {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .heavenly-section .heavenly--desc .pro-list {
        margin-bottom: 20px;
    }
    .business-form .business-industry-as .select-dropdown--label {
        left: 115px !important;
    }
    .back-to-top {
        display: none;
}
}
@media (min-width:768px) and (max-width:1023px){
    .page-reportly-cloud .features-listings .app-feature-listing #job-management .app-feature-wrap .right--block-half {
        order: 2;
    }
    .features-listings .app-feature-listing .app-feature-wrap .ie-image-shadow {
        position: relative;
    }
    .page-reportly-cloud .features-listings .app-feature-listing .app-feature-wrap .ie-image-shadow img {
        max-width: unset;
    }
    #job-management .app-feature-wrap .left--block-half .content--wrap-block {
        padding-left: 0;
    }
}
.woocommerce-SavedPaymentMethods-token .woocommerce-SavedPaymentMethods-tokenInput:checked ~ label {
    color: #00D7DD;
}
.my-account-cta-wrapper {
    text-align: right;
}
.grt-add-card.my-account-cta {
    text-align: right;
    display: inline-block;
    padding-bottom: 10px;
}
.grt-add-card.my-account-cta:hover{
    color: rgba(0,0,0,0);
    background: linear-gradient(to right, #21d8de 20%, #21d8de 100%);
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-clip: border-box;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    transition: color .2s ease-in-out;
    background-position: left center;
}

#user-register-form .otp-second-step p#message , #business-form .btn_row p.error{
    color: #Eb333f !important;
}
#user-register-form .otp-second-step p#message , #business-form .btn_row p.success{
    color: #387ab6;
}
#user-register-form #mo_message p{
    color: #387ab6;
    font-size: 17px;
}
.pop-loader.cstm-planp-loader {
  position: fixed;
}
.user-register-form .your-email .wpcf7-not-valid-tip {
    display: none;
}

.home.home-body .banner_bg-image, .page-inspection-report-samples .banner_bg-image, .page-learning-hub .banner_bg-image{background-position: right !important;}
/* 404 error page css added on 25-10-2021 */

.error404-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.error404-content .notfound-image img{
    width: 100%;
}
.error404-content .intro-text{
    margin-top: 30px;
    position: relative;
}
.error404-content .notfound-image, .error404-content .intro-text{
    flex: 0 0 100%;
    max-width: 100%;
}
.error404-content .intro-text span.error-txt{
    font-size: 30px;
    color: #326697;
    opacity: 0.5;
}
.error404-content .intro-text h2{
    font-size: 60px;
    margin: 10px 0;
    color: #326697;
    opacity: 0.5;
}
.error404-content .intro-text p{
    font-size: 20px;
    color: #2D333F;
    margin-top: 0;
}
.error404-content .intro-text p span{display: block;}
.error404-content .intro-text a.btn_primary{
    font-size: 22px;
    background: #2d333f;
    border-radius: 9px;
    padding: 10.5px 50px;
}

@media (min-width:768px){
    .error404-content .notfound-image{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .error404-content .intro-text{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .error404-content .intro-text{
        margin-top: 0;
    }
    .error404-content .intro-text::before{
        content: '';
        background-image: url('../reportly/assets/images/404-star.png');
        width: 70px;
        height: 64px;
        position: absolute;
        top: -40px;
        right: 42px;
    }
}

@media (min-width:1024px){
    .error404-content .intro-text span.error-txt{
        font-size: 42px;
    }
    .error404-content .intro-text h2{
        font-size: 70px;
    }
    .error404-content .intro-text p{
        font-size: 29px;
    }
    .error404-content .intro-text a.btn_primary{
        padding: 10.5px 55px;
    }
}
@media (min-width:1600px){
    .error404-content .intro-text span.error-txt{
        font-size: 48px;
    }
    .error404-content .intro-text h2{
        font-size: 90px;
    }
    .error404-content .intro-text p{
        font-size: 34px;
    }
}

/* application side css for wp page */
.apple-response {
    margin-top: -50px;
    margin-bottom: 30px;
}

/* Bussiness details page css starts here */
#business-form .steps .input-row{flex-wrap: wrap;}
@media (max-width:575px){
    #business-form .steps .input-row .input-group.div-business-contact{order: 8;}
    #business-form .steps .input-row .input-group.div-business-suburb{order: 5;}
    #business-form .steps .input-row .input-group.div-business-email{order: 9;}
    #business-form .steps .input-row .input-group.div-business-state{order: 6;}
    #business-form .steps .input-row .input-group.div-business-logo{order: 10;}
    #business-form .steps .input-row .input-group.div-business-postcode{order: 7;}
}

.features-listings .left--block-half  ul li{
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 4px;
}

.page-plans-pricing .pricing-table-section .rp-bd-notes.rcc-des ul li, .page-plans-pricing .rp-bd-notes ul li{
    list-style: none;
}

.page-plans-pricing .faq-section, .page-inspection-report-samples .gallery-report-sec{
    padding-bottom: 60px;
}
@media (min-width:768px){
    .page-plans-pricing .pricing-table-section .rp-bd-notes.rcc-des ul{
        padding: 14px;
    }
    .page-plans-pricing .feature-item--icon{
        height: 50px;
    }
    .rsp-rt-sec .rsp-rt-sec-3-column {
        flex: 0 0 32%;
        max-width: 32%;
    }
    .page-plans-pricing .pricing-table .last-row-plan-pricing .plan-desc--block{
        border-bottom: 0;
    }
}
@media (min-width:1024px){
    .page-plans-pricing .faq-section, .page-inspection-report-samples .gallery-report-sec{
        padding-bottom: 90px;
    }
}

.second--step.otp-second-step .input-group input[type="number"]{
    width: 21%;
    display: inline-block;
    padding: 10px;
    margin: 10px 10px 0 0;
    border-radius: 8px;
    height: 43px;
    text-align: center;
}
.second--step.otp-second-step .input-group input[type="number"]:nth-child(4){
    margin: 10px 0 0 0;
}
@media (min-width:1200px){
    .second--step.otp-second-step .input-group input[type="number"]{
        height: 48px;
    }
}
@media (min-width:1400px){
    .second--step.otp-second-step .input-group input[type="number"]{
        height: 52px;
    }
}
@media (min-width:1920px){
    .second--step.otp-second-step .input-group input[type="number"]{
        height: 55px;
    }
}

.hwp-vd-thumb .col-4 .video-box.disabled-v{
    position: relative;
    height: 200px;
    background: #2d333f;
    text-align: center;
}
.hwp-vd-thumb .col-4 .video-box.disabled-v img.iframe-thumbnail{
    height: 100%;
    object-fit: cover;
}
.hwp-vd-thumb .col-4 .video-box .disabled-video{
    /* background-image: url('assets/images/placeholder-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    transition: all 0.7s ease-in-out;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box:hover .video-box .disabled-video{
    opacity: 1;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box .video-box .disabled-video p{
    height: auto;
    color: #2d333f;
    padding-bottom: 25px;
    font-size: 18px;
    max-width: 70%;
    flex: 0 0 70%;
    margin: 0 auto;
}
.hwp-vd-thumb .col-4 .video-box .disabled-video .signup-ft-pp{
    max-width: 100%;
    flex: 0 0 100%;
}
.hwp-vd-thumb .col-4 .video-box .disabled-video a.btn{
    background-color: #2d333f;
    color: #fff;
    font-size: 15px;
    padding: 11.5px 30px;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box .video-box .is-enable-video iframe{
    background-color: #2d333f;
    height: 100% !important;
    width: 100% !important;
}
.hwp-vd-thumb .hwp-vd-row .col-4 .box .video-box .is-enable-video{
    min-height: 150px;
}

@media (min-width:576px){
    .hwp-vd-thumb .col-4 .video-box .disabled-video{
        height: 200px;
    }
    .hwp-vd-thumb .hwp-vd-row .col-4 .box .video-box .is-enable-video{
        height: 200px;
    }
    
}

@media (min-width:768px){
    #hwp-demo-video .faq-accordian{
        margin: 0 -15px;
    }
}
@media (min-width:1200px){
    .hwp-vd-thumb .col-4 .video-box .disabled-video a.btn{
        font-size: 18px;
    }
}
@media (min-width:1400px){
    .hwp-vd-thumb .col-4 .video-box .disabled-video{
        padding: 10px 30px; 
    }
}
.htp-vid-acc-thm #hwp-demo-video .div-learning-filter{text-align: right; padding-bottom: 30px;}
.htp-vid-acc-thm #hwp-demo-video{padding-top: 0;}

/* survey thankyou page css */
.survey-msg-main{
    background-color: #eee;
}
.survey-msg{
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
}
.survey-msg .survey-msg-inner{
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
}
.survey-msg .survey-msg-inner p{
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #2d333f;
    margin: 0 0 35px;
}
.survey-msg h1{
    font-size: 28px;
    line-height: 110%;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 0;
}
.survey-msg .survey-msg-inner a{
    text-decoration: none;
    color: #fff;
    background-color: #2D333F;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    font-family: 'Helvetica', Arial, sans-serif;
}
.survey-msg .survey-msg-inner a:hover {
    background: #21d8de !important;
    color: #ffffff !important;
}

/* how to page design */
.how-to-content-page{
    padding: 30px 0 25px;
}
.how-to-content-page p{
    text-align: left;
    font-weight: 300;
    margin-top: 0;
}
.how-to-content-page h2{
    color: #326697;
    margin-top: 0;
    margin-bottom: 13px;
}
.how-to-content-page h1{
    margin-bottom: 50px;
}
.how-to-content-page .top-desc{
    margin-bottom: 50px;
}
.how-to-content-page .accordian--title.active{
    border-bottom-color: rgba(50,102,151,0.8);
}
.how-to-content-page .inner-description{
    margin-bottom: 20px;
}
.how-to-content-page .inner-media{
    padding-left: 20px;
    line-height: 1;
    margin-bottom: 20px;
}
.how-to-content-page .inner-media iframe{
    max-width: 80% !important;
    max-height: 500px;
}
.how-to-content-page .hwp-vd-thumb .hwp-vd-row{
    margin: 0;
    display: block;
    padding: 0 0 10px 30px;
}
.how-to-content-page .inner-media img, .how-to-content-page img{
    width: 100%;
    height: auto;
}
.how-to-content-page .inner-media p{
    margin-bottom: 12px;
}
.how-to-content-page a:hover, .how-to-content-page a{
    text-decoration: none;
}
.how-to-content-page ul, .how-to-content-page ol{
    display: block;
    padding: 0 0 10px;
}
.how-to-content-page ul li, .how-to-content-page ol li{
    list-style-type: disc;
    margin-bottom: 13px;
    list-style-position: inside;
}
.how-to-content-page #hwp-demo-video .faq-accordian{
    margin: 0;
}
.faq-section .faq-accordian .faq-wrap-into-columns-lhvideo:last-child .accordian--desc, .faq-section .faq-accordian .faq-wrap-into-columns-lhvideo:last-child .hwp-vd-row{
    padding-bottom: 0;
}
.accordian-head{
    display: flex;
    justify-content: space-between;
}
.accordian-head .secondary-title{
    flex: 0 0 75%;
    max-width: 75%;
}
.accordian-head .expand-btn{
    flex: 0 0 25%;
    max-width: 25%;
    text-align: right;
    cursor: pointer;
}
.accordian-head .expand-btn svg{
    width: 18px;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
}
.accordian-head .expand-btn span{
    font-size: 14px;
}
.accordian-head .expand-btn.active svg{
    transform: rotate(180deg);
}
.last-slider-section.feature-slider{
    background: #f9f9f9;
    margin-bottom: 0;
}
.jm-pre-footer.tb-banner-section{
    margin-top: 0;
}

@media (min-width:768px){
    .last-slider-section.feature-slider{
        padding-bottom: 50px;
    }
}

@media (min-width:1200px){
    .last-slider-section.feature-slider{
        padding-bottom: 60px;
    }
    .how-to-content-page .hwp-vd-thumb .hwp-vd-row .inner-media img, .how-to-content-page img{
        width: 80% !important;
    }
    .how-to-content-page p{
        font-size: 19px;
    }
    .how-to-content-page .inner-media{
        padding-left: 60px;
    }
    .how-to-content-page .hwp-vd-thumb .hwp-vd-row{
        padding: 0 0 30px 60px;
    }
    .how-to-content-page h2{
        margin-bottom: 20px;
    }
    .how-to-content-page{
        padding: 30px 0 50px;
    }
    .how-to-content-page .btn_primary_cta, .how-to-content-page .hwp-vd-thumb .hwp-vd-row .inner-media p{
        font-size: 16px;
    }
    .accordian-head{
        align-items: center;
    }
    .accordian-head .expand-btn{
        margin-bottom: 20px;
    }
    .accordian-head .expand-btn svg{
        width: 21px;
    }
    .accordian-head .expand-btn span{
        font-size: 16px;
    }
}
@media (min-width:1400px){
    .last-slider-section.feature-slider{
        padding-bottom: 80px;
    }
    .how-to-content-page p{
        font-size: 20px;
    }
    .how-to-content-page h2, .accordian-head .expand-btn{
        margin-bottom: 30px;
    }
    .how-to-content-page .btn_primary_cta, .how-to-content-page .hwp-vd-thumb .hwp-vd-row .inner-media p{
        font-size: 18px;
    }
    .accordian-head .expand-btn{
        flex: 0 0 auto;
        max-width: fit-content;
    }
}
@media (min-width:1920px){
    .last-slider-section.feature-slider{
        padding-bottom: 90px;
    }
}