/*
Theme Name: jongbumlee
*/

body.page-id-6 {
    /*background: url(images/about_bg.jpg) no-repeat !important;*/
    background-size: 100% 100%;
}
p{ font-size:16px !important; line-height:25px  !important; margin-bottom:20px !important;  }

.about h1, .contact h1, .fees h1, .service h1{ font-size:40px !important; line-height:40px !important; margin-bottom:30px !important;}
.about h4{ font-size:22px !important; line-height:22px !important; margin:20px 0px !important; font-weight:500;}
li#wppb-form-element-14{ display:none; }
#wppb-login-wrap {float: left;width: 100%;}
.wppb-user-forms{ float: left; width: 100%; }
#loginform label{ position: relative;  text-indent: -999px; width: 30px !important;min-height: auto;padding-left: 0px;height: 30px;margin: 0px;}
#loginform .login-username{ float: left; width: 100%; padding-bottom: 20px !important; }
#loginform .login-password{ float: left; width: 100%; padding-bottom: 20px !important; }
#loginform .login-username label:before{   content: "\f007";font-family: FontAwesome;  border: 0;color: #e0dede;font-size: 20px;padding-left: 0;position: absolute;    top: 8px;left: -5px;  text-indent: 9px; }
#loginform .login-password label:before{   content: "\f023";font-family: FontAwesome;   background: transparent;border: 0;color: #e0dede;font-size: 20px;padding-left: 0;position: absolute;    top: 8px;left: -5px;  text-indent: 9px; }
.wppb-user-forms input[type="text"], .wppb-user-forms input[type="email"], .wppb-user-forms textarea, .wppb-user-forms input[type="password"]{ width: 85% !important; background-color: transparent !important;border: none !important;border-bottom: 1px solid #bdbdbd !important;border-radius: 0 !important;  outline: 0;color: #fff !important;font-size: 13px !important;height: 35px !important;padding: 5px !important;box-shadow: none; box-sizing: border-box; margin-top: 5px;   -webkit-transition: all .3s;transition: all .3s; }
.wppb-user-forms input[type="text"]:hover, .wppb-user-forms input[type="password"]:hover, .wppb-user-forms input[type="email"]:hover  .wppb-user-forms input[type="text"]:focus, .wppb-user-forms input[type="password"]:focus, .wppb-user-forms textarea:hover, .wppb-user-forms textarea:focus, .wppb-user-forms input[type="email"]:focus{border-bottom: 1px solid #4285F4 !important;box-shadow: 0 1px 0 0 #4285F4;}

#loginform p.login-submit{ float: left;width: 100%; padding: 0px !important; position: relative;  }
.wppb-user-forms input#wppb-submit {display: inline-block;padding: 7px 23px;background: #fff;color: #000 !important;border-radius: 10px;border: 1px solid #fff;margin: 5px; font-size: 14px; }
.wppb-user-forms input#wppb-submit:hover, .wppb-user-forms input#wppb-submit:focus{color: #fff !important;background-color: #0062cc;border-color: #005cbf;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); outline: none; }
/*Signup Form Css*/

#wppb-register-user ul{ display: table; width: 100%; margin: 0px; max-width: 100% !important;  list-style: none;  }
#wppb-register-user ul li{ float: left; width: 100%; padding-bottom: 20px; }
#wppb-register-user label {float: left;width: 20%;text-align: left; margin: 10px 0px 0px 0px !important; }
#wppb-register-user .text-input, #wppb-register-user textarea {float: right;width: 80% !important;}
#wppb-register-user li.wppb-form-field.wppb-send-credentials-checkbox label {float: left;width: 100% !important;text-align: center !important;margin: 20px 0px !important;}

/*Client Portal Css*/
#cuar-js-content-container {
    float: left;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
}

#cuar-js-content-container nav.navbar.navbar-default ul#menu-wp-customer-area-menu {
    float: left;
    width: 100%;
}


#cuar-js-content-container nav.navbar.navbar-default ul#menu-wp-customer-area-menu li {
    display: inline-block !important;
    width: auto;
    background-color: transparent !important;
    visibility: visible !important;
    opacity: 1;
}

#cuar-js-content-container nav.navbar.navbar-default ul#menu-wp-customer-area-menu li a {
    background-color: transparent !important;
    background: transparent !important;
    color: #000 !important;
    display: inline-block !important;
}

#cuar-js-content-container nav.navbar.navbar-default{ float: left; width: 100%; padding: 0px !important; background-color: #ffffff !important; }
body.customer-area-active .cuar-css-wrapper .cuar-menu-container{ margin: 0px !important; }
body.customer-area-active.single .cuar-css-wrapper .cuar-toolbar{ float: left; width: 100%; margin: 0px !important; }
.collection-item.of-h.mix.cuar_private_file{ display: block !important; }
body.customer-area-active .cuar-css-wrapper .cuar-single-post-header{ float: left; width: 100% !important; margin: 0px !important; padding:0px !important; }
/*Footer Css*/
.footer-copyright{ float: left; width: 100%; bottom: -70px; position: absolute;}
p.copyright {text-align: center;}
body{overflow-x: hidden;}
body.page-id-64 {
    height: auto;
}
body.page-id-64 form#wppb-register-user p.form-submit {margin-bottom: 100px;}
.map-image{ margin-top:30px; }
.map-image img {width: 100%;    height: 350px;object-fit: cover;}
.about, .contact, .fees, .service, .login-form{ padding-top:40px !important; position:relative;  }
.about .animated {animation-duration: 2s;}
section.login-form {float: left;width: 100%;text-align: center; padding-top:200px !important; }

.home .footer-copyright {
    bottom: 40px !important;
}


.contact-image {float: left;width: 100%;margin: 10px 0px 50px 0px;}
.contact-image ul {float: left;width: 100%;margin: 0px;padding: 00px;list-style: none;}
.contact-image ul li {float: left;}
.contact-image ul li img {width: 100%;max-width: 100%;height: 191px;object-fit: cover;}


/*Header Css*/
.home-fixed{ position:relative; }
.icons-header {
    float: left;
    width: 100%;
}

.icons-header ul {
    float: left;
    width: 100%;
    padding: 0px;
    list-style: none;
    position: relative;
    margin: 30px 0px 0px 0px;
}

.icons-header ul li {
    display: inline-block; margin-left:10px; 
}

.icons-header ul nav.navbar{ width:auto !important; padding:0px !important;  }

.icons-header ul .navbar-collapse {
 
    width: 360px;
    position: absolute;
    bottom: 70px;
    left: 0px;
}
  

.icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow{ transform:translate3d(0px, -193px, 0px) !important; }
.icons-header .navbar-collapse:after{ border-top-color: rgba(0,0,0,0.9) !important;  border-bottom:transparent !important; }
.icons-header .navbar-collapse:before{border-top-color:#fff!important;  border-bottom:transparent !important;}
.icons-header .navbar-collapse:before, .icons-header .navbar-collapse:after{ bottom:0px !important; top:100% !important; }
.icons-header ul .navbar.navbar-light .navbar-toggler-icon{ width:40px !important; height:40px !important; }
.icons-header .arrow-dropdown-right:after { border-top-color: rgba(0,0,0,0.9); border-bottom-color: transparent !important; } 
.icons-header .arrow-dropdown-right:before { border-top-color: #fff; border-bottom-color: transparent !important; } 
.icons-header ul .arrow-dropdown-right:before, .icons-header ul .arrow-dropdown-right:after {
    top: 100%;
    left: 60px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.icons-header ul .dropdown-menu.arrow-dropdown-right.user-profile-dropdown {
    left: auto !important;
    right: auto !important;
    bottom: 64px !important;
    top: auto !important;

}

.logged-in .icons-header ul .dropdown-menu.arrow-dropdown-right.user-profile-dropdown{
    left: -16px !important;
    right: auto !important;
    top: -140px !important;
}
.icons-header ul .dropdown-menu.arrow-dropdown-right.language-dropdown{    left: auto !important;right: auto !important;top: -140px !important;}

.icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow{    left: auto !important;right: auto !important;top: 40px !important;}
.icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow:after, .icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow:before{    left: -90px !important;}
.page-template-template-home .topleft.top-fixed {
    display: none;
}
.page-template-template-home .topright.top-fixed {
    display: none;
}

.page-template-template-home .bottomleft.bottom-fixed {
    display: none;
}

.page-template-template-home .bottomright.bottom-fixed {
    display: none;
}
.middle{ top:40% !important; }

a.button.button-primary.signup-btn {
    position: absolute;
	right: 26px;
    bottom: 34px;
    display: inline-block;
    background-color: #ffffff;
    color: #000000 !important;
    padding: 9px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

a.button.button-primary.signup-btn:hover, a.button.button-primary.signup-btn:focus{    color: #000 !important;background-color: #fff !important;border-color: #fff !important;box-shadow: none !important;opacity: 0.9 !important;}
.icons-header ul ul.navbar-nav{ margin:0px;  }
.icons-header ul ul.navbar-nav li {
    margin: 02px;
}


/*@media(min-width: 320px) and (max-width: 1024px){
.about h4 {
    font-size: 35px !important;
    line-height: 30px !important;
    margin: 25px 0px !important;
}
.about h1, .contact h1, .fees h1, .service h1 {
    font-size: 66px !important;
    line-height: 74px !important;
    margin-bottom: 43px !important;
}
p {
    font-size: 33px !important;
    line-height: 69px !important;
    margin-bottom: 31px !important;
}
.about p,.about .media-body,.contact .media-body,.contact p,.service p {
        font-size: 33px !important;
        line-height: 69px !important;
        margin-bottom: 31px !important;
}
body {-webkit-text-size-adjust: none !important;}
}
*/
.home .icons-header ul .navbar-collapse {
   bottom: 70px;
    left: -15px;
}
.home .icons-header ul .dropdown-menu.arrow-dropdown-right.language-dropdown {
    left: -20px !important;
    right: auto !important;
    top: -136px !important;
}
.home .icons-header ul .dropdown-menu.arrow-dropdown-right.user-profile-dropdown {
    left: -16px !important;
   }
.home a.button.button-primary.signup-btn {
	bottom: 28px;
 }
 .bookly-form .bookly-label-error {
   color: #949090!important;
}
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link:hover, .navbar.navbar-light .navbar-toggler, .navbar.navbar-light form .form-control {
    border: 1px solid #fff !important;
}
.navbar.navbar-light .navbar-toggler-icon
{
	border:0;
}
button.navbar-toggler {
    border-radius: 5px;
}
p.wppb-error a {
    color: #000 !important;
}
.wpc_client_files_list {
    margin-bottom: 10px !important;
}
@media(min-width: 320px) and (max-width:1024px){
html, body {
  overflow-x:hidden;
}
}
@media(min-width: 320px) and (max-width:767px){
.icons-header ul .navbar-collapse {
    width: 260px;
    left: -3px;
}
html, body {
   font-size: 13px;
}
.home .icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow {
    left: auto !important;
    right: -11px !important;
	
}
button.navbar-toggler {
    border-radius: 5px;
}
.icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow:after,.icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow:before {
    right: 16px !important;
    left: auto !important;
}
.home .icons-header ul .dropdown-menu.arrow-dropdown-right.language-dropdown {
  top: -130px !important;
}
.icons-header ul .dropdown-menu.arrow-dropdown-right.phone-arrow {
   top: 50px !important;
}
.home .icons-header ul .dropdown-menu.arrow-dropdown-right.user-profile-dropdown {
    top: auto !important;
    left: -140px !important;
    bottom: 66px !important;
}
.icons-header ul nav.navbar {
    position: relative;
    top: 1px;
}
.home .dropdown-menu.arrow-dropdown-right.user-profile-dropdown.show:before,.home .dropdown-menu.arrow-dropdown-right.user-profile-dropdown.show:after
{
    right: 100px;
    left: auto;
}
.about h1, .contact h1, .fees h1, .service h1, h1 {
    font-size: 35px !important;
    line-height: 33px !important;
    margin-bottom: 22px !important;
}
h2 {
    font-size: 17px;
    margin-bottom: 19px;
    text-align: center !important;
}
.wpc_msg_nav_list {
  background: #000 !important;
}
.contact-image ul li {
  margin-bottom: 20px !important;
}
}
@media(min-width: 320px) and (max-width:580px){
table.wpc_private_messages_table span {
    width: 100% !important;
    text-align: left !important;
    max-width: 100% !important;
	margin-left: 0 !important;
}
.wpc_private_messages_table td.wpc_msg_column-date {
  text-align: left !important;
}
span.wpc_chain_last_message {
    margin-left: 0 !important;
}
}

.language-dropdown ul {
    list-style: none;
}
.home .icons-header ul .lang-box .dropdown-menu.arrow-dropdown-right.language-dropdown{
    top: -110px !important;
}
.language-dropdown ul{
    margin-top: 0 !important;
}
.language-dropdown ul .lang-item {
    display: block !important;
}

.bookly-form input[type="text"], .bookly-form input[type="number"], .bookly-form input[type="password"]{
    width: 85% !important;
	background: #fff;
}

.bookly-form textarea {
    height: 200px;
	background: #fff;
}