/*
Theme Name: Forte Piano Music Company
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Dont delete this */ 
/** Custom Paddings **/
.pad-xl .fl-row-content-wrap{
  padding-top: 12%;
  padding-bottom: 12%;
}
.pad-lg .fl-row-content-wrap{
  padding-top: 10%;
  padding-bottom: 10%;
}
.pad-md .fl-row-content-wrap{
  padding-top: 8%;
  padding-bottom: 8%;
}
.pad-sm .fl-row-content-wrap{
  padding-top: 6%;
  padding-bottom: 6%;
}
.pad-xs .fl-row-content-wrap{
  padding-top: 4%;
  padding-bottom: 4%;
}
.pad-xss > .fl-col-content {
  padding-top: 2%;
  padding-bottom: 2%;
}
/** REMOVE PADDING **/
/* Remove padding top or bottom */
body .remove-pad-top .fl-row-content-wrap, body .remove-col-pad-top > .fl-col-content {
  padding-top: 0 !important;
}
body .remove-pad-bottom  .fl-row-content-wrap, body .remove-col-pad-bottom > .fl-col-content{
  padding-bottom: 0 !important;
}
.fl-module-uabb-heading .fl-module-content{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/** Column Padding **/
.pad-xl-col > .fl-col-content {
  padding: 12% 12% !important;
}
.pad-lg-col > .fl-col-content {
  padding: 10% 10% !important;
}
.pad-md-col > .fl-col-content {
  padding: 8% 8% !important;
}
.pad-sm-col > .fl-col-content {
  padding: 6% 6% !important;
}
.pad-xs-col > .fl-col-content {
  padding: 4% 4% !important;
}
.pad-xss-col > .fl-col-content {
  padding: 2% 2% !important;
}

/** Mobile Paddings **/
@media only screen and (max-width: 670px) {
.pad-xl .fl-row-content-wrap, .pad-lg .fl-row-content-wrap, .pad-md .fl-row-content-wrap, .pad-sm .fl-row-content-wrap, .pad-xs .fl-row-content-wrap, .pad-xss > .fl-col-content{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pad-xs-col  .fl-col-content.fl-node-content{ padding-top: 20px !important;
    padding-bottom: 35px !important; }
}
/** Nagative Margins **/
@media only screen and (min-width: 1024px) {
  .neg-top {
    margin-top: -90px;
  }
  .neg-bottom {
    margin-bottom: -120px;
  }
  .neg-left {
    margin-left: -90px;
  }
  .neg-right {
    margin-right: -120px;
  }
}

/* Remove element margin */
.remove-margin-top .fl-module-content{
  margin-top: 0 !important;
}
.remove-margin-bottom .fl-module-content{
  margin-bottom: 0 !important;
}
.hide-xs, .show-small-device {
    display: none !important; 
}

p {
    
}
p:last-child {
    margin-bottom: 0px !important;
}

/**------------------------------ 
 * Buttons
 ----------------------------**/
.uabb-btn.uabb-btn-one.uabb-gradient, .uabb-btn.uabb-btn-two.uabb-gradient, .btn > .fl-button-wrap, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit], .btn.btn-one>.fl-button-wrap, .btn.btn-one a, .btn.btn-one  .uabb-creative-button-wrap a, .btn.btn-two a, .btn.btn-two  .uabb-creative-button-wrap a, body .uabb-gf-style .gform_button.button, .btn.btn-primary, .btn.btn-two>.fl-button-wrap, .btn.btn-primary  {
     padding: 15px 30px !important;
    font-size: 18px;
    border-radius: 0px !important;
    letter-spacing: 0;
    text-transform: initial;
    border: 0px !important;
    font-weight: 400 !important;
}

.btn.btn-two .uabb-creative-button-wrap a, .btn.btn-two a{
    color: #fff !important;
    background: #000!important;
}
.btn.btn-two .uabb-creative-button-wrap a:hover, .btn.btn-two a:hover{
  color: #fff !important;
    background: #454545!important;
}

/* Button two */
.btn.btn-two .uabb-creative-button-wrap a, .btn.btn-two a, .uabb-gf-style .gform_button.button {
    color:#ffffff !important;
    background:#000 !important;
    border:0px solid #ffffff !important;
}
.fl-builder-content .btn.btn-two .uabb-creative-button-wrap a.uabb-button:hover, .uabb-gf-style .gform_button.button:hover { color: #fff !important;
    background: #8b032d!important;  }
.btn.btn-two .uabb-creative-button-wrap a span, .btn.btn-two a span{  color:#ffffff !important; }
.fl-builder-content .btn.btn-two .uabb-creative-button-wrap a.uabb-button:hover span{ color: #fff !important; }

/* Button three */
.btn.btn-three>.fl-button-wrap {
  background-color: #101010 !important;
  color: #F8F8F8 !important;
  border: 0px solid transparent !important;
}
/* Button three > hover */
.btn.btn-three:hover>.fl-button-wrap {
  background-color: #282828 !important;
}
/** General **/
.fl-page {
    overflow-x: hidden;
}
body, p, a {
    line-height: 30px;
}
 p:last-child {
    margin-bottom: 0 !important;
}
a, a:hover, .pod .uabb-infobox {  
    /*text-decoration: none !important; */
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.right-content .fl-col-content {
    padding-left: 30px;
}
.left-content .fl-col-content {
    padding-right: 30px;
}

/**------------------------------ 
 * Mobile CTA
 ----------------------------**/
#mobile-phone-cta {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 44px;
    z-index: 9;
    background-color: #000000;
    padding: 0!important;
    -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(204,204,204,.3);
}
#mobile-phone-cta a {
  display: block;
  height: 44px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding-top: 6px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font-weight: bold;
}
#mobile-phone-cta a:hover {
  background-color: #000000;
  color: #fff;
}
.mobile-phone-cta img {
  margin: 0px 0 0 0;
  padding-right: 10px !important;
  position: relative;
  top: 3px;
}
/** Scroll To Top **/
#fl-to-top {   background-color: #000; }
/** Beaver Builder Remove Module Margins **/
.fl-module-content {
    margin-top: 0;
    margin-bottom: 0;
}
/** 
 * Default header for blog single, search, error...
 **/
.default-header-bg {
  position: relative;
  z-index: 1;
}
.default-header-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(236,85,152,0.41); /* FF3.6-15 */
}
h1.container.default-header-title {
    position: absolute;
    bottom: 0;
    background: rgba(112,55,81,0.56);
    left: 0;
    right: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0px auto;
    max-width: 100%;
}

/** Single Page **/
.fl-sidebar aside ul li a:hover {   margin-left: 10px; }

/** Search **/
#bb-custom-search-result article.fl-post {
    width: 70%;
    margin: 0px auto;
}
.search-article {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.search-article:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}
h3.search-query {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
/** 404 Error page **/
.fl-404 {  padding: 0; }
.error404 .fl-post-content.clearfix, .error404  .fl-post-header {   display: none; }

/** Icons Animation **/
.footer-social-icon a:hover{
    opacity: .8;
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
}
.footer-social-icon a{
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
/** Custom CSS 
 * ---------------------**/
/** Image Scale **/
.uabb-post-wrapper:hover .uabb-post-thumbnail  img {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    opacity: .8;
}
.uabb-post-wrapper .uabb-post-thumbnail img{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.uabb-post-wrapper .uabb-blog-posts-shadow{
  position: relative;
}
.uabb-post-wrapper .uabb-blog-posts-shadow:hover::after {
    width: 100%;
}
.uabb-post-wrapper .uabb-blog-posts-shadow::after {
    content: '';
    width: 0%;
    height: 3px;
    background-color: #2ca86f;
    position: absolute;
    left: 0px;
    bottom: 0px;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

/** Testimonial **/
.shadow-effect {
    padding: 40px 25px;
    border-radius: 4px;
    text-align: left;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
    background-color: #ffffff;
}
.customers-testimonials .shadow-effect p {
    text-align: center;
}
.customers-testimonials .owl-nav {
    display: none;
}
.testimonial-name {
    text-shadow: none;
    font-size: 20px;
    line-height: 22px;
    color: #002040;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.customers-testimonials .item {
    transition: all .3s ease-in-out
}
.customers-testimonials .owl-item.active.center .item {
    opacity: 1;
}
.customers-testimonials.owl-carousel .owl-item img {
    width: 50px;
    text-align: left;
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: 0;
}
.customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
.customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background:#2ca86f;
}
.customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}
.customers-testimonials.owl-carousel .owl-dots .owl-dot span {
background: #FFF;
    display: inline-block;
    height: 12px;
    border-radius: 100%;
    margin: 0 6px;
    transition: all 250ms ease-out 0s;
    width: 12px;
}
.customers-testimonials.owl-carousel .owl-dots.disabled{
  display: block !important;
  margin-top: 32px;
}
.customers-testimonials .testi-img {
    text-align: center;
    position: absolute;
    top: -53px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f2f5f4;
    border-radius: 100%;
    padding: 40px 30px;
    width: 110px;
    height: 110px;
}
.customers-testimonials.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    padding-top: 60px;
}
.customers-testimonials .testi-text {
    margin-top: 40px;
}
button.owl-next span, button.owl-prev span{
  text-indent: -999px;
}


@media screen and (max-width: 768px) {
  /** font size for smaller devices */
  /* .fl-col-small {  max-width: 100% !important;  } */
  h1 {  font-size: 35px !important; line-height: 42px !important; }
  h2 {  font-size: 28px !important; line-height: 36px !important; }
  h3 { font-size: 22px !important; line-height: 30px !important  }
  footer {  padding-bottom: 40px; }

}
@media screen and (max-width: 991px) {

}

body .main-section4 .gform_body ul li.gfield .ginput_container select{ margin: 0 0 15px !important; background: #fff !important; border: 1px solid #999 !important; padding: 16px 10px !important; font-size: 18px !important; line-height: 1.3; border-radius: 5px}
.uabb-text-editor p a{font-weight:bold;}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover {background: #2a2a2a;}
body .main-section4 .gform_wrapper .top_label div.ginput_recaptcha {margin-top: 25px !important;}

.fl-menu ul.menu > li.current_page_item > a, .fl-menu ul.menu > li.current-menu-ancestor > a, .fl-menu ul.menu > li.current_page_item > div > a, .fl-menu ul.menu > li.current-menu-ancestor > div > a{text-decoration:underline;}
.fl-menu ul.menu > li > a:hover{text-decoration:underline;}
.fl-menu ul.menu li .sub-menu a{padding: 10px 15px; line-height: 22px;}
.fl-menu ul.menu li .sub-menu a:hover{background:#ddd;}
.fl-menu ul.menu li .sub-menu > li.current_page_item > a, .fl-menu ul.menu li .sub-menu > li.current-menu-ancestor > a, .fl-menu ul.menu li .sub-menu > li.current_page_item > div > a{background:#ddd;}

.uabb-creative-menu ul.menu > li.current_page_item > a, .fl-menu ul.menu > li.current-menu-ancestor > a, .fl-menu ul.menu > li.current_page_item > div > a, .fl-menu ul.menu > li.current-menu-ancestor > div > a{text-decoration:underline;}
.uabb-creative-menu ul.menu > li > a:hover{text-decoration:underline;}
.uabb-creative-menu ul.menu li .sub-menu a{padding: 10px 15px; line-height: 22px;}
.uabb-creative-menu ul.menu li .sub-menu a:hover{background:#ddd;}
.uabb-creative-menu ul.menu > li.current_page_item > a, .uabb-creative-menu ul.menu > li.current-menu-ancestor > div > a span, .uabb-creative-menu ul.menu > li.current_page_item > div > a span{text-decoration:underline; color: #151515;}
.uabb-creative-menu ul.menu li .sub-menu > li.current_page_item > a, .uabb-creative-menu ul.menu li .sub-menu > li.current-menu-ancestor > a, .uabb-creative-menu ul.menu li .sub-menu > li.current_page_item > div > a{background:#ddd;}

.fl-menu ul.menu > li > .sub-menu{ border-top: 2px solid #d50100;}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{ bottom: -44px !important;}

.header-call .fl-rich-text a:hover {color: #a7a7a7 !important;}
.footer-left .fl-rich-text a:hover {color: #8f8f8f !important;}
.fl-row .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content.fl-node-content .fl-menu.fl-menu-responsive-toggle-mobile ul#menu-footer-menu li a:hover{color:#fff;}
.piano-set .uabb-infobox-text-wrap {display: none;}
.main-section5 .studio > .fl-col-content a{text-decoration: underline;}

.rentals-set .fl-col-content .fl-photo-content {overflow: hidden;}
.rentals-set .fl-col-content .fl-photo-content img {transition: transform .5s;}
.rentals-set .fl-col-content:hover .fl-photo-content img {transform: scale(1.08);}
.fl-menu ul.menu > li > a {padding: 5px 18px;}

ul.list {padding: 0px;margin: 0px;}
ul.list li {padding-left: 28px;list-style: none;margin-bottom: 10px;background: url(images/icon.png) no-repeat 0px 8px; background-size: 17px;}
.piano-row p strong {font-style: italic;color: #000 !important;}
p.sp-layer.sp-white.sp-padding {display: none;}
.sp-full-screen-button{color: #a1a0a0;}
.slider-pro.sp-horizontal:hover .sp-full-screen-button{color: #ffffff;}
ul.cust-menu {list-style: none;margin: 30px 0 0 0;background: #f9f9f9;padding: 0px; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul.cust-menu li {display: inline-block;     margin: 0 3%;}
ul.cust-menu li a {display: block;padding: 10px 0px;color: #000; font-weight: bold !important; border-bottom: 2px solid #f9f9f9 !important;}
ul.cust-menu li a:hover {border-bottom: 2px solid #000!important;}
.uabb-infobox-text p a {display: inline-block;}
.piano-set .fl-col-content:hover {opacity: 0.7;}

.page-id-1409 ul.cust-menu li.upright a{border-bottom: 2px solid #000 !important;}
.page-id-1825 ul.cust-menu li.special a{border-bottom: 2px solid #000 !important;}
.page-id-1822 ul.cust-menu li.grand a{border-bottom: 2px solid #000 !important;}

.page-id-1866 ul.cust-menu li.upright a{border-bottom: 2px solid #000 !important;}
.page-id-1915 ul.cust-menu li.grand a{border-bottom: 2px solid #000 !important;}
.page-id-1935 ul.cust-menu li.hybrid a{border-bottom: 2px solid #000 !important;}
.page-id-1947 ul.cust-menu li.digital a{border-bottom: 2px solid #000 !important;}
.page-id-2052 ul.cust-menu li.grand a{border-bottom: 2px solid #000 !important;}

.single.single-post .fl-sidebar {display: none;}
.fl-content.fl-content-left.col-md-8 {border: none;width: 100%;}
.blog-page h6.uabb-post-heading, .blog-page h6.uabb-post-heading a {font-size: 30px;line-height: 40px;}
.gform_wrapper ul.gform_fields li.file-upload {margin: 23px 0 !important;}
p.auth {font-weight: bold !important;text-align: right;}
.sp-caption-container {font-weight: bold !important;}
.blog-page .uabb-read-more-text.uabb-blog-post-section a:before {width: 0;}
.blog-page .uabb-read-more-text.uabb-blog-post-section a {padding: 10px 10px !important;background: #000;color: #fff !important;}
.blog-page .uabb-read-more-text.uabb-blog-post-section a:hover {background: #5e5b5b !important; color: #fff !important;}
.uabb-post-wrapper .uabb-blog-posts-shadow::after{ background-color: #000000 !important;}
body .blog-page .uabb-blogs-pagination li span.page-numbers.current{ background: #000 !important; color: #fff !important;}
.blog-page .uabb-post-wrapper .uabb-blog-posts-shadow{padding: 20px 0; height:auto !important;}

a.ph-num {color: #000;text-decoration: underline;}
a.ph-num:hover {text-decoration: none;}
p.ph-email a {color: #000;text-decoration: underline;}
p.ph-email:hover {color: #000;text-decoration: none;}
.uabb-infobox-text p a {color: #000;text-decoration: underline;}
.uabb-infobox-text p a:hover {text-decoration: none;}
ul.list li a {color: #000;text-decoration: underline; font-weight: bold !important;}
ul.list li a:hover {text-decoration: none;}
.piano-grp {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: auto;
  justify-content: flex-start;
}
.piano-grp > div {
  padding: 15px;
  box-shadow: 0px 0px 4px #d5d5d5;
  width: 31%;
  margin: 1%;
}
.piano-title {
	text-align: center;
}
.piano-title h2 {
	font-size: 35px;
	font-weight: normal;
	font-family: "Taviraj",serif !important;
}
.piano-title h3 {
	font-size: 18px;
	font-family: "Taviraj",serif !important;
	color: #333 !important;
}
.about-right-image {
  width: 30%;
  float: right;
  margin: 0 0 40px 27px;
}




























@media only screen and (min-width:768px) and (max-width:1023px) {
.piano-grp > div {
  width:48%;
}
}

@media only screen and (max-width:767px) {
  .piano-grp {
    flex-direction: column;
  }
}

@media only screen and (max-width: 400px) {
.ph-email a{display:block;}
.uabb-creative-menu-mobile-toggle.hamburger {top: 15%;}
}
@media only screen and (min-width: 400px) and (max-width: 500px){
	.uabb-creative-menu-mobile-toggle.hamburger {top: 17%;}
}
@media only screen and (min-width: 500px) {
a.sap {position: relative; padding-left: 35px;}
a.sap:before {content: "";width: 2px;height: 16px;background: #000;position: absolute;top: 5px;left: 15px;transform: rotate(15deg);}

}
@media only screen and (max-width: 500px) {
	a.sap{display:block;}
	
}

@media only screen and (max-width: 768px) {
.studio h2.uabb-heading {margin-top: 10px !important;}
}
@media only screen and (min-width: 769px) {
	.testimonial-text .fl-module-content {margin-top: 0px;}
	/*.blog-page .uabb-post-thumbnail {float: left;width: 50%;}
	.blog-page .uabb-blog-post-content {float: left;width: 50%;}*/
}

@media only screen and (max-width: 450px) {
	.piano-set .fl-col.fl-col-small{width: 100% !important;}
	.slider-text-1 h2.uabb-infobox-title{font-size: 20px !important;line-height: 26px !important;}
	.slider-text-3 h2.uabb-infobox-title{}
	.slider-text-2 .fl-rich-text p{font-size: 16px !important;}
	.slider-text-4 .fl-rich-text p{ font-size: 18px !important;}
}

@media only screen and (min-width: 600px) {
.gform_footer.top_label {text-align: right !important;float: right;margin-top: -81px !important;width: auto !important;}
a.number1 {position: relative;padding-right: 17px;}
a.number1:after {content: "";background: #424242;width: 1px;height: 16px;position: absolute;top: 2px;right: 8px;}

}
@media only screen and (max-width: 600px) {
	.ginput_recaptcha iframe {transform: scale(0.8);margin-left: -30px;}
	.footer-left .fl-rich-text a {display: block;}
	.footer-left .fl-rich-text .fline{display:none;}
	.fl-module.ph .fl-rich-text div br {display: none;}
	a.mail {padding-top: 10px;}
	
}

@media only screen and (min-width: 641px) {
.main-section4 .gform_wrapper ul.gform_fields li.gfield{padding-right: 10px !important; padding-left: 10px !important;}
}

@media only screen and (min-width: 450px) and (max-width: 768px){
	.piano-set .fl-col.fl-col-small{width: 450px !important; margin:0 auto;}
	.slider-text-1 h2.uabb-infobox-title{font-size: 24px !important;line-height: 26px !important;}
	.slider-text-3 h2.uabb-infobox-title{}
	.slider-text-2 .fl-rich-text p{font-size: 19px !important;}
	.slider-text-4 .fl-rich-text p{ font-size: 19px !important;}
}
@media only screen and (min-width: 500px) and (max-width: 991px){
	.uabb-creative-menu-mobile-toggle.hamburger {top: 21%;}
}

@media only screen and (max-width: 991px) {
.fl-photo-content.fl-photo-img-png {width: 80%;}
.uabb-creative-menu-mobile-toggle.hamburger {position: absolute;right: 17px;}
.uabb-creative-menu-mobile-toggle {font-size: 16px !important;}
.uabb-creative-menu .uabb-off-canvas-menu{ background-color: rgb(255, 255, 255, 96%) !important;}
.uabb-off-canvas-menu ul.menu > li.current_page_item > a, .uabb-off-canvas-menu ul.menu > li.current-menu-ancestor > a, .uabb-off-canvas-menu ul.menu > li.current_page_item > div > a, .uabb-off-canvas-menu ul.menu > li.current-menu-ancestor > div > a{text-decoration:underline !important;}
.uabb-off-canvas-menu ul.menu > li.current_page_item > a span, .uabb-off-canvas-menu ul.menu > li.current-menu-ancestor > a span, .uabb-off-canvas-menu ul.menu > li.current_page_item > div > a span, .uabb-off-canvas-menu ul.menu > li.current-menu-ancestor > div > a span{text-decoration:underline !important;}
.uabb-off-canvas-menu ul.menu li .sub-menu a:hover, .uabb-off-canvas-menu ul.menu li .sub-menu li.current_page_item a{background:#ddd;}
header .fl-module .fl-module-content{margin-top:0px; margin-bottom:0px;}

.slider-content-div > .fl-col-content {padding: 30px 0 20px 0;}
.slider-text-2 .fl-rich-text p {margin-bottom: 20px !important; line-height: 32px;}
.slider-text-3 h2.fl-heading, .slider-text-3 h2.fl-heading span {font-size: 37px !important;}
.slider-text-4 .fl-rich-text p {padding-top: 20px !important;}

.main-section7 h3.fl-heading {text-align: center !important;}
.studio .fl-fade-left {width:100%;}
.studio .fl-fade-left .fl-col-content{padding-left: 0px !important; padding-right: 0px !important;}
.testimonial-set .fl-fade-left h3, .testimonial-set .fl-fade-left h3 span {font-size: 26px !important;}
.uabb-creative-menu .menu > li.uabb-has-submenu:after{top: 17px !important; right: 12px !important;}

}
@media only screen and (min-width: 992px){
header .uabb-creative-menu ul.menu > li > a, header .uabb-creative-menu ul.menu > li > div a {padding-top: 5px !important;padding-bottom: 6px !important;}
.top-header > .fl-col-content{padding-bottom: 10px !important;}
}

@media only screen and (min-width: 769px) and (max-width: 991px){
	.testimonial-text .fl-module-content {margin-top: 0px;margin-left: 10px;margin-right: 10px;}
	.testimonial-text .fl-col:first-child{ width: 18%;}
	.testimonial-text .fl-col:last-child{ width: 82%;}
	.testimonial-text .fl-module-button .fl-module-content {margin-left: 20px;margin-right: 20px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
	header .uabb-creative-menu {margin-left: 5px; margin-top: 5px;}
}
@media only screen and (min-width: 992px) and (max-width: 1260px){
	.uabb-creative-menu ul.menu > li > a, .uabb-creative-menu ul.menu > li > div > a{ padding: 5px !important;}
	                                       
	.uabb-creative-menu ul.menu > li {margin: 0 6px 0 10px !important;}
	.fl-node-2jzc0uqsbltr .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-2jzc0uqsbltr .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a{font-size: 14px;}
	.main-section1 .slider-content-div .fl-col-content {padding-right: 15px;padding-left: 15px;}
	.main-section1 h2.uabb-infobox-title {font-size: 19px;line-height: 27px;}
	.main-section1 .uabb-image-content img {margin-bottom: 15px;}
	.slider-content-div .slider-text-1 .fl-module-content {margin-bottom: 15px;}
	.slider-content-div .fl-rich-text p {font-size: 16px !important;}
	.slider-content-div h2.fl-heading span {font-size: 29px;}
	
}

@media only screen and (max-width: 1200px) {
	header .fl-col-content{padding-left:0px !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1300px){
.studio .hide-column {display: none;}
.studio .fl-fade-left .fl-col-content{ padding-left: 0px !important;}
}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
	.header-call .fl-rich-text p, .header-call .fl-rich-text p a {font-size: 22px !important;}
	.main-section1 .slider-content-div .fl-col-content {padding-right: 15px;padding-left: 15px;}
	.main-section1 h2.uabb-infobox-title {font-size: 27px;line-height: 34px;}
	.main-section1 .uabb-image-content img {margin-bottom: 15px;}
	.slider-content-div .slider-text-1 .fl-module-content {margin-bottom: 15px;}
	.slider-content-div .slider-text-2 .fl-rich-text p {font-size: 14px !important;}
	.slider-content-div .slider-text-4 .fl-rich-text p {font-size: 18px !important;}
	.slider-content-div h2.fl-heading span {font-size: 35px;}
	.slider-text-2 .fl-module-content {margin-bottom: 10px;}
	
}
@media only screen and (min-width: 992px) and (max-width: 1100px){
	.recording-set .fl-fade-right .fl-module-content {/*margin-bottom: 24%;*/}
}
@media only screen and (min-width: 992px) and (max-width: 1100px){
	.recording-set .fl-fade-right .fl-module-content {/*margin-bottom: 32%;*/}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.recording-set .fl-fade-right .fl-module-content h3{ font-size: 50px !important;line-height: 50px !important;}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.recording-set .fl-fade-right .fl-module-content {/*margin-bottom: 10%;*/}
	
}
@media only screen and (min-width: 1400px) and (max-width: 1500px){
	.recording-set .fl-fade-right .fl-module-content {/*margin-bottom: 8%;*/}
}
@media only screen and (min-width: 1500px) and (max-width: 1600px){
	.recording-set .fl-fade-right .fl-module-content {/*margin-bottom: 20%;*/}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px){
	.recording-set .fl-fade-right .fl-module-content {/*margin-bottom: 26%;*/}
}

@media only screen and (min-width: 1300px) and (max-width: 1500px){
	.header-call .fl-rich-text p, .header-call .fl-rich-text p a {font-size: 27px !important;}
	.main-section1 .slider-content-div .fl-col-content {padding-right: 15px;padding-left: 15px;}
	.main-section1 h2.uabb-infobox-title {font-size: 24px;line-height: 34px;}
	.main-section1 .uabb-image-content img {margin-bottom: 15px;}
	.slider-content-div .slider-text-1 .fl-module-content {margin-bottom: 15px;}
	.slider-content-div .slider-text-2 .fl-rich-text p {font-size: 19px !important;}
	.slider-content-div .slider-text-4 .fl-rich-text p {font-size: 20px !important;}
	.slider-content-div h2.fl-heading span {font-size: 43px;}
	.slider-text-2 .fl-module-content {margin-bottom: 10px;}
}

@media only screen and (min-width: 1500px) and (max-width: 1700px){
	.header-call .fl-rich-text p, .header-call .fl-rich-text p a {font-size: 27px !important;}
	.main-section1 .slider-content-div .fl-col-content {padding-right: 15px;padding-left: 15px;}
	.main-section1 h2.uabb-infobox-title {font-size: 27px;line-height: 34px;}
	.main-section1 .uabb-image-content img {margin-bottom: 15px;}
	.slider-content-div .slider-text-1 .fl-module-content {margin-bottom: 15px;}
	.slider-content-div .slider-text-2 .fl-rich-text p {font-size: 19px !important;}
	.slider-content-div .slider-text-4 .fl-rich-text p {font-size: 20px !important;}
	.slider-content-div h2.fl-heading span {font-size: 43px;}
	.slider-text-2 .fl-module-content {margin-bottom: 10px;}
}
@media only screen and (min-width: 1700px) and (max-width: 1900px){
		.slider-content-div .slider-text-2 .fl-rich-text p {font-size: 22px !important;}
	.slider-content-div .slider-text-4 .fl-rich-text p {font-size: 26px !important;}
}

@media only screen and (min-width: 1240px) {
.piano-set .uabb-infobox-text-wrap p {padding: 0px;}
.main-section5 .studio > .fl-col-content {padding: 7% 7% !important;}
.main-section6 .uabb-infobox-text p {min-height: 100px;}
}

@media only screen and (min-width: 992px) and (max-width: 1100px){
	.piano-set h3.uabb-infobox-title{font-size:16px;}
	.piano-set .uabb-infobox {padding: 20px;}
}
@media only screen and (min-width: 1100px) and (max-width: 1600px){
	.piano-set h3.uabb-infobox-title{font-size:20px;}
	.piano-set .uabb-infobox {padding: 20px;}
}
@media only screen and (min-width: 1860px) {
	.studio .fl-fade-left > .fl-col-content {padding-right: 72px !important;}
}


/*Menu*/
@media only screen and (min-width:1280px) and (max-width: 1500px)  {
.fl-node-2jzc0uqsbltr .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-2jzc0uqsbltr .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 600;
    font-size: 11.5px;
	}
.uabb-creative-menu .menu > li{margin-left: 8px !important; margin-right: 11px !important;}
.uabb-creative-menu .menu > li.uabb-has-submenu:after{right: -14px !important; top: 8px !important;}
}

@media only screen and (min-width:1501px)  {
	
.fl-node-2jzc0uqsbltr .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-2jzc0uqsbltr .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
 
    font-weight: 600;
    font-size: 13px; padding-left: 5px;
    padding-right: 5px;
	}
}

@media only screen and (min-width: 1701px) and (max-width: 1826px){
.slider-content-div h2.fl-heading span {
  font-size: 42px;
}
}

@media only screen and (min-width: 1521px) and (max-width: 1920px){
.fl-col.fl-col-small.header-call.hide-column p{
padding: 0 18px;
line-height: 38px;
}
.header-call .fl-rich-text p, .header-call .fl-rich-text p a {
font-size: 27px !important;
}
}

@media only screen and (min-width: 1300px) and (max-width: 1500px){
.slider-content-div h2.fl-heading span {
  font-size: 36px;
}
.fl-col.fl-col-small.header-call.hide-column p{
padding: 0 20px;
font-size: 22px !important;
}
.fl-col.fl-col-small.header-call.hide-column p a{
font-size: 23px !important;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1256px){
.slider-content-div h2.fl-heading span {
  font-size: 30px;
}
}


@media only screen and (min-width: 993px) and (max-width: 1091px){
.slider-content-div h2.fl-heading span {
  font-size: 25px;
}
}



@media only screen and (min-width: 768px) and (max-width:1259px){
.fl-col.studio.left-hide-main .hide-column{
display: none;
}
.fl-col.middle-content-text.hide-column.recoring-main{
	padding:0;
}
.about-right-image {
  width: 38%;
  float: right;
  margin: 0 0 22px 22px;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .uabb-content.uabb-tab-acc-content.clearfix{
	padding:0;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .uabb-content.uabb-tab-acc-content.clearfix a.uabb-button.ast-button{
font-size: 13px;
letter-spacing: 0px;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .uabb-content.uabb-tab-acc-content.clearfix h3{
	font-size:23px;
}
}

@media only screen and (min-width: 768px) and (max-width:768px){
.fl-col.middle-content-text.hide-column.recoring-main h3{
	text-align:center;
}
.fl-col.middle-content-text.hide-column.recoring-main{
	padding:0;
}
body .fl-col.middle-content-text.hide-column.recoring-main h3 span {
  padding: 30px 0 0;
}
.fl-row.fl-row-full-width.main-section7.testimonial-set .fl-row-content-wrap .uabb-infobox-title-wrap {
  padding-top: 32px;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .uabb-content.uabb-tab-acc-content.clearfix{
	padding:0;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .fl-row-content-wrap .fl-col-group .fl-col.fl-col-small{
	margin-bottom:25px;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .fl-row-content-wrap .fl-col-group .fl-col.fl-col-small .fl-module.fl-module-info-box{
  padding-bottom: 60px;
}
}

@media only screen and (max-width:767px) {
.fl-col.middle-content-text.recoring-main .fl-col-content.fl-node-content{
  padding: 18px 0 0;
}
.uabb-testimonial-info .uabb-testimonial-author-description p.auth{
  text-align: left;
}
body, p, a {
  line-height: 28px;
}
.fl-row.fl-row-full-width.main-section7.testimonial-set .uabb-infobox-title-wrap{
	padding-top:25px;
}
.about-right-image {
  width: 100%;
  float: none;
  margin: 0 0 20px;
}
.about-right-image img{
	width:100%;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .uabb-content.uabb-tab-acc-content.clearfix{
	padding:0;
}
.fl-row.fl-row-full-width.section-main.kawai-main-section .fl-row-content-wrap .fl-row-content-wrap .fl-col-group .fl-col.fl-col-small{
	margin-bottom:25px;
}
}

.uabb-creative-menu .menu > li.uabb-has-submenu {position: relative;}
.uabb-creative-menu .menu > li.uabb-has-submenu:after {    content: "";
    background: url(images/dropdown-icon.png) no-repeat;
    position: absolute;
    top: 9px;
    right: -11px;
    width: 12px;
    height: 8px;
    background-size: 9px;}
	
@media only screen and (min-width:1530px) {
.uabb-creative-menu .menu > li{margin-left: 3px;margin-right: 9px;}
}

@media only screen and (min-width:1921px) {
.fl-page {width: 1920px !important; margin: 0 auto;}
}

table.table-bordered {border: 1px solid #e0bcbc !important;margin-bottom:20px;}
.table-bordered th {border: 1px solid #e0bcbc !important;}
.table-bordered td {display: table-cell;font-weight:normal;padding: 7px 8px; width: auto;border: 1px solid #e0bcbc !important;}
/*.table-bordered tr:nth-child(even) {background-color: #edd482;}*/


.table-div table{
	width: 100%;
    /*border-top: #e0bcbc 1px solid;
    border-left: #e0bcbc 1px solid;*/
    border-collapse: collapse;
	}
.table-div table tr th {
    width: 175px;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 20px;
    text-align: left;
    /*border-right: #e0bcbc 2px solid;
    border-bottom: #e0bcbc 1px solid;*/
    background-color: #fbecec;
    font-weight: 300;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
}
.table-div table tr td {
    font-size: 16px;
    padding: 10px 20px;
    /*border-right: #e0bcbc 1px solid;
    border-bottom: #e0bcbc 1px solid;*/
    font-weight: 300;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
}

.table-div table tr th.s {
    width: 200px;
    padding: 8px 15px;
    text-align: center;
}

.table-div table tr th.s2 {
    /*border-right: #e0bcbc 1px solid;*/
}
.table-div .tit {
    display: none;
}

@media only screen and (max-width:599px) {
	.table-div table tr th, .table-div table tr th.s {display: block; width: 100%;text-align: center;}
	.table-div table tr td {display: block; width: 100%;text-align: center;}
	.table-div table tr th.s2, .table-div table tr th.s1{background-color: #b0151e; color:#fff;}
}

