/*
Theme Name: pianoshell
Theme URI: http://pianoshell.co.uk/
Author: Colorlib
Author URI: http://pianoshell.co.uk/
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: pianoshell

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.
*/
.home #header .top-header {
    background: #FFF ! important;
    padding-top: 0;
}
body {
    font-family: 'Open Sans', sans-serif !important;
	    font-size: 15px;
}
.logo-section {
    width: 180px;
}
.logo-section {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.top-contact-row {
    background: #f0fafc none repeat scroll 0 0;
    padding: 10px 0;
	z-index: 2;
    position: relative;
}
#header .bottom-header .section-description{display:none;}
.left-section {
    float: left;
    padding-top: 4px;
}
.right-section {
    float: right;
    padding-right: 15px;
}
.fa.fa-facebook {
    background: #0d6daa none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: table-cell;
    font-size: 12px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    width: 27px;
}
.fa.fa-google-plus {
    background: #d61f21 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    display: table-cell;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    width: 27px;
}
.fa.fa-linkedin {
    background: #11C2F8 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    display: table-cell;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    width: 27px;
}
#full-width h3{
	font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
    color: #8c9597;
}
.bottom-footer{background: #d5a13c none repeat scroll 0 0 
	! important;padding:  0; }
.bottom-footer h4 {
  color:#fff ! important;
  margin: 0;
  text-align: center;
  padding: 25px 0;
  font-size: 15px ! important;
}
#footer {
	background-color: #fff;}
#footer .col-md-3:nth-child(4){display:none;}
.bottom-header.front-page {
    display: none;
}
#footer {
	background-color: #fff;}
a:hover, a:focus {
  outline: none;
  text-decoration: none;
}
body {
  font-family: 'Open Sans', sans-serif !important;
}
.home #header .top-header .header-navigation ul li a {
  color: #000;
  font-weight: normal;
}
#header .top-header .header-navigation ul li a {
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}
#header .top-header {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  padding-top: 0;
}
.home #header .top-header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  padding-top: 0;
}
.top-contact-row {
  background: #f0fafc none repeat scroll 0 0;
  padding: 10px 0;
}
.left-section {
  float: left;
  padding-top: 4px;
}
.right-section {
  float: right;
  padding-right: 15px;
}
.contact-detail a {
  color: #606060;
  font-weight: 300;
  margin: 0 15px;
}
.contact-detail img {
  margin-right: 10px;
  margin-top: -3px;
  vertical-align: middle;
}
.social-detail a {
  margin-left: 10px;
}
/*social icons*/
.fa.fa-facebook {
  background: #0d6daa none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  display: table-cell;
  font-size: 12px;
  height: 27px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.fa.fa-google-plus {
  background: #d61f21 none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  display: table-cell;
  height: 27px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.fa.fa-linkedin{
  background: #11C2F8 none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  display: table-cell;
  height: 27px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.logo-section {
  background: #fff none repeat scroll 0 0;
  border-radius: 0 0 5px 5px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.main-content {
  margin-left: 0 !important;
}
.home .blog-post-title,{
  display: none !important;
}
.home #blog {
  padding: 0 0 0px;
  width: 100%;
}
.ms-skin-light-6.round-skin .ms-bullet {
  border: 1px solid #000;
  border-radius: 0 !important;
  height: 50px;
  margin: 0 10px 0 0 !important;
  width: 15px;
}
.ms-bullet {
  border: 1px solid #666 !important;
}
.ms-bullet.ms-bullet-selected {
  border: 1px solid #000 !important;
}
.ms-bullets.ms-dir-h.ms-align-bottom {
  bottom: -25px !important;
}
.widget .widget-title::before {
  display: none;
}
.intro-title .widget-title {
  color: #000;
  font-size: 30px;
  font-style: italic;
  font-weight: lighter;
  margin: 0 0 15px;
  padding: 60px 20px 30px;
  text-align: center;
}
.intro-content .textwidget {
  line-height: 27px;
  text-align: center;
}
.so-widget-sow-button-wire-5be2969d7c22 .ow-button-base a {
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  color: #d3a23c !important;
  text-decoration:none;
}
.so-widget-sow-button-wire-5be2969d7c22 .ow-button-base a.ow-button-hover:hover {
  border: 1px solid;
  transition: all 0.5s ease 0s;
}
#header .top-header .header-navigation ul li {
  margin-left: 25px;
}
.open-responsive-menu .fa {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  color: #fff;
  font-size: 25px;
  padding: 13px 15px;
}
.open-responsive-menu {
  padding: 15px 0;
}
.responsive-menu ul {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 0;
  width: 100%;
}
#footer {
  padding: 40px 0 0;
}
.footer-bottom h4 {
  color:#fff;
  margin: 0;
  text-align: center;
  padding: 25px 0;
  font-size: 15px;
}
.footer-bottom {
  background: #d5a13c none repeat scroll 0 0;
}
#footer .container {
  padding-bottom: 50px;
}
.read-more-home span {
  color: #d3a23c;
}
.feature-box .widget-title {
  font-style: italic;
  font-size: 15px;
  margin: 10px auto 0 !important;
  text-align: left;
  width: 312px;
  color: #323232;
  font-weight: bold;
}
.feature-row .so-panel.widget {
  margin-bottom: 0 !important;
}

.feature-box-content {
  padding: 0 20px 20px;
}
.feature-box {
  padding-top: 15px;
}
.feature-row .panel-grid-cell {
  background: #fbfbfb;
  margin: 0 19px;
  padding: 0 !important;
  width: 30% !important; 
  transition: all 0.5s ease 0s;
  border: 1px solid #ebebeb;
}
.feature-row .panel-grid-cell:hover {
  background: #111111 none repeat scroll 0 0;color:#ffffff;
  transition: all 0.5s ease 0s;
}
.feature-row .panel-grid-cell:hover .feature-box-content .textwidget a{
	color:#ffffff;
	transition: all 0.5s ease 0s;
}

.feature-row .panel-grid-cell:hover .feature-box .widget-title{
	color:#D5A13C;
	transition: all 0.5s ease 0s;
}
#footer .widget ul li a {
  color: #272727;
}

.feature-box-content .textwidget a {
  color: #8f8f8f;
  outline: medium none;
  text-decoration: none;
}
.cornel-oprea .widget-title {
  color: #000;
  font-size: 30px;
  font-style: italic;
  font-weight: lighter;
}
.cornel-oprea .widget-title {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px #ccc;
  color: #000000;
  font-size: 25px;
  font-style: italic;
  font-weight: lighter;
  padding: 12px 15px;
}
.cornel-oprea .textwidget {
  color: #666666;
  font-size: 18px;
  font-weight: lighter;
  line-height: 30px;
}
.piano-text-first .textwidget {
  color: #333;
  font-size: 35px;
  font-weight: lighter;
  padding: 50px 70px;
}

.piano-text-second .textwidget {
  color: #fff;
  font-size: 35px;
  font-weight: 200;
  padding: 50px 70px;
}

.piano-text-third .textwidget {
  color: #fff;
  font-size: 35px;
  font-weight: 200;
  padding: 50px 70px;
}
.customise-piano-intro-row .textwidget {
  color: #333;
  font-size: 30px;
  font-style: italic;
  font-weight: lighter;
  line-height: 50px;
  padding: 35px 20px;
  text-align: center;
}
.intro-first-row .textwidget {
  color: #333;
  font-size: 25px;
  font-weight: lighter;
  padding: 30px;
  text-align: center;
}
#ttshowcase_0 .tt_theme_speech .ttshowcase_rl_quote_sided .ttshowcase_rl_quote, #ttshowcase_0 .tt_theme_speech .ttshowcase_rl_quote_block .ttshowcase_rl_quote, #ttshowcase_0 .tt_theme_speech .ttshowcase_rl_quote_sided .ttshowcase_rl_quote a, #ttshowcase_0 .tt_theme_speech .ttshowcase_rl_quote_block .ttshowcase_rl_quote a {
  background: #f0fafc none repeat scroll 0 0 !important;
}
.intro-content .widget-title {
  font-size: 40px;
  padding-top: 50px;
  text-align: center;
}

.span-dot {
  display: none;
}

#header .bottom-header h2 {
  color: #FED9F7;
  font-size: 55px;
  line-height: 80px;
}
.fw-large-container .fw-progress-bar-container {
  width: 100%;
}
.fw-step-part {
  border-left: 15px solid #546e7a;
  padding: 20px 0;
  margin: 0 0 20px;
}
.markup-format h1, .markup-format h2, .markup-format h3, .markup-format h4, .markup-format h5, .markup-format h6 {
  margin: 10px 0;
}
h2.fw-step-part-title {
  margin: 0 20px 5px !important;
}
.fw-step-block {
  margin-bottom: 20px;
}
[data-type="fw-radio"] label::before, [data-type="fw-checkbox"] label::before {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  top: 3px;
  width: 20px;
}
.fw-radio-row input[type="radio"]:checked + label::before {
  font-size: 33px;
  line-height: 16px;
}
.fw-text-input, .fw-text-input[type="text"], .fw-textarea {
  padding-left: 10px;
}
.fw-text-input, .fw-text-input[type="text"], .fw-textarea {
  margin-top: 5px;
}
.fw-textarea {
  min-height: 100px;
}
.contact-message {
  border: 1px solid rgb(169, 169, 169);
  color: #888;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}
.markup-format blockquote::before, .markup-format blockquote::after {
  content: "";
}
.widget ul li::before {
  content: "";
}

.tslider blockquote p {
  color: #888888 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 32px !important;
  margin-bottom: 15px;
  text-align: center;
}
.home-testimonials .kiwi-share-bar-wrapper {
  display: none;
}
.home-testimonials .widget-title {
  color: #d5a13c;
  font-size: 36px;
  font-weight: lighter;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
.tslider blockquote footer::before {
  content: "";
}
.tslider blockquote footer, .tslider blockquote footer a {
  color: #fff;
  font-size: 15px;
  font-style: italic;
  text-align: center;
}
.home-testimonials .widget ul li {
  border-bottom: medium none;
  padding: 20px 20px 20px 20px;
  position: relative;
  width: 100%;
}
.bx-pager-link {
  background: #fff none repeat scroll 0 0 !important;
  border-radius: 0 !important;
  height: 13px !important;
  width: 13px !important;
}
.bx-pager-link.active{
  background: #D5A13C none repeat scroll 0 0 !important;
}
.bx-wrapper {
  margin: 0 auto 35px;
}
.home-testimonials .widget-title {
  color: #d5a13c;
  font-size: 36px;
  font-weight: lighter;
  height: 80px;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
}
.home-testimonials .widget-title::after {
  bottom: -10px;
  color: #5d5d5d;
  content: "";
  font-family: FontAwesome;
  font-size: 45px;
  left: 50px;
  position: absolute;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -50px;
}
.home #blog .blog-post {
  margin-bottom: 0px;
}
.home #blog .blog-post .blog-post-entry {
  margin-bottom: 0;
}
.fw-step-part {
  background: #fff none repeat scroll 0 0;
  border-style: solid !important;
  border-width: 2px 2px 2px 10px !important;
}
.fw-large-container .fw-progress-bar .fw-progress-step {
  width: 42%;
}
.fw-progress-bar li:last-child {
  padding: 10px 0 !important;
  width: 160px !important;
}
.fw-choice.fw-radio-row {
  float: left;
  width: 100%;
}
.markup-format h1, .markup-format h2, .markup-format h3, .markup-format h4, .markup-format h5, .markup-format h6 {
  margin: 10px 0 0;
}
.fw-text-input, .fw-text-input[type="text"], .fw-textarea {
  margin-top: 0px;
}
.menu-section {
  float: right;
}
.logo-section {
  width: 180px;
}
.sow-sub-headline {
  font-size: 20px;
}
.sow-social-media-button-facebook:hover {
  background: #3b5998 none repeat scroll 0 0 !important;
  border: 2px solid #3b5998 !important;
}
.sow-social-media-button-facebook {
  border: 2px solid #3b5998 !important;
}
.sow-social-media-button-facebook  .sow-icon-fontawesome{
	color: #3b5998;
}
.sow-social-media-button-facebook:hover .sow-icon-fontawesome{
	color:#fff;
}
.contact-us-address p {
  margin: 15px 0;
  letter-spacing: 1px;
}
.contact-submit {
  background: #333333 none repeat scroll 0 0 !important;
  border: 1px solid !important;
}

.contact-submit:hover {
  background: #F1D204 none repeat scroll 0 0 !important;
  border: 1px solid #F1D204 !important;
}
.contact-us-address a {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
}
.ttshowcase_slider .bx-wrapper .bx-pager {
  padding-bottom: 30px;
}
.home-testimonials {
  background: rgba(0, 0, 0, 0) url("https://pianoshell.co.uk/wp-content/uploads/2017/02/Home-Testimonials-Banner.png") no-repeat scroll 0 0 / cover ;
}
.ttshowcase_rl_quote > p {
  margin: 10px 0;
}
.hrf-content p {
  margin: 10px 0 0;
}
.hrf-content .kiwi-share-bar-wrapper {
  display: none;
}
.locations .widget-title {
  padding: 20px 30px 10px;
}
.locations {
  border: 1px solid #ccc;
  box-shadow: 0 5px 15px #ccc;
  padding-top: 25px;
}
.location-inner .widget-title {
  margin-bottom: 0;
}
.location-inner .textwidget p {
  margin: 0 0 20px;
}
.venue-title .widget-title {
  text-align: center;
}

#header .bottom-header h2 {
  /*background: rgba(182, 102, 210, 0.7) none repeat scroll 0 0;*/
  margin: 0 auto;
  padding: 15px 0;
}
.book-now-msg {
  border:1px solid rgb(169, 169, 169);
  padding: 10px;
  width: 100%;
}
.wpcf7-form-control-wrap.type-of-event {
  margin-right: 20px;
}

.type-of-event .wpcf7-form-control, .music-styles .wpcf7-form-control{
  border: 1px solid rgb(169, 169, 169);
  color: #888;
  font-family: "Source Sans Pro",sans-serif;
  font-weight: 400;
  outline: 0 none;
  padding: 10px;
  resize: none;
  width: 47%;
}

.group-required .wpcf7-form-control{
  border: 1px solid rgb(169, 169, 169);
  color: #888;
  font-family: "Source Sans Pro",sans-serif;
  font-weight: 400;
  outline: 0 none;
  padding: 10px;
  resize: none;
  width: 50%;
}
.wpcf7-form-control:focus {
  box-shadow: 0 0 3px #0d6daa;
  transition: all 0.3s ease 0s;
}
.book-btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 1px solid rgb(169, 169, 169) !important;
  color: rgb(169, 169, 169) !important;
  font-weight: normal !important;
  text-align: center !important;
  width: 21% !important;
}
.book-btn:hover {
  background: rgb(169, 169, 169) !important;
  color: #fff !important;
}
.wpcf7-list-item input:focus {
  outline: medium none;
}
.book-now span.wpcf7-list-item {
  display: inline;
  margin: 0 1em 0 0;
}
.book-now input {
  margin-right: 2px !important;
  display: inline;
  width: auto;
}
.book-now .wpcf7-form-control {
  width: 100%;
}
div.wpcf7 input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
.ttshowcase_rl_title {
  color: #fff;
  font-size: 14px;
  font-style: italic;
  font-weight: normal !important;
}
.review-page .ttshowcase_rl_title.reviewer {
  color: #888;
}
#blog .blog-post .blog-post-button {
  background-color: #444;
}
#blog .blog-post .blog-post-meta .post-meta-author {
  color: #0d6daa;
}
.blog-post-meta .fa {
  color: #0d6daa !important;
}
#blog .blog-post .blog-post-title:hover {
  color: #d5a13c;
  text-decoration: none;
}
.home .header-front-page {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport,.wpmslider-wrapper,.strong-view.default .testimonial-inner{border:0px ! important;}
.testimonial-content p {text-align: center! important;}
.strong-view.default .testimonial-client {text-align: center! important;}
.strong-view.default .testimonial-inner {padding: 40px! important;}
/************ Responsive ************/

@media only screen and (max-width: 1024px){
	.feature-row .panel-grid-cell {
	  width: 29% !important;
	}
	.fw-large-container .fw-progress-bar .fw-progress-step {
	  width: 40%;
	}
.home-testimonials {
  background: rgba(0, 0, 0, 0) url("https://pianoshell.co.uk/wp-content/uploads/2017/02/Home-Testimonials-Banner.png") no-repeat scroll 0 0 / cover ;
}
.ttshowcase_slider .bx-wrapper .bx-pager {
  padding-bottom: 0;
}
.ttshowcase_slider .bx-wrapper .bx-pager, .ttshowcase_slider .bx-wrapper .bx-controls-auto {
  bottom: -50px;
}
.logo-section {
  width: 160px;
}
.logo-section img {
  display: block;
  margin: 0 auto;
  width: 85%;
}
#header .top-header .header-navigation ul li {
  margin-left: 13px;
}
}

@media only screen and (max-width:768px){
	.feature-row .panel-grid-cell {
	  margin: 0 auto;
	  width: 50% !important;
	}
	.feature-box .widget-title {
	  padding: 5px 18px;
	  width: 100%;
	}
	.fw-progress-bar li:last-child {
	  padding: 10px 62px !important;
	  width: auto;
	}
	#header .bottom-header h2 {
  		font-size: 45px;
		line-height:50px
	}
	#header {
  		height: 200px;
	}
	#header .bottom-header.blog {
  		padding: 50px 0;
	}
}

@media only screen and (max-width:767px){
	#header .bottom-header {
  		float: left;
	}
}

@media only screen and (max-width: 640px) {
	.right-section {
	  float: none;
	}
	.left-section {
	  float: none;
	  padding: 10px 0;
	}
	.contact-detail a {
	  display: block;
	  text-align: center;
	}
	.social-detail {
	  width:120px;
	  margin: 0 auto;
	}
	.feature-row .panel-grid-cell {
	  width: 90% !important;
	}
	.home-testimonials .widget-title {
  	  height: 150px;
	}
	.home-testimonials .widget-title::after {
  	  bottom: auto;
  	  color: #5d5d5d;
  	  content: "";
  	  font-family: FontAwesome;
  	  font-size: 45px;
  	  left: 50px;
  	  position: absolute;
  	  top: 70px;
	}
}
@media only screen and (max-width:480px){
	.feature-row .panel-grid-cell {
	  width: 80% !important;
	}
	.home-testimonials .widget-title::after {
	  font-size: 40px;
	}
	.home-testimonials .widget-title {
	  margin:40px auto 0px;
	  height: 80px;
	}
	
	.home-testimonials .widget-title {
 	height: 120px;
  	margin: 0 auto;
	}
}

@media only screen and (max-width:420px){
	#header .bottom-header h2 {
  		font-size: 30px;
  		line-height: 40px;
	}
}	
select,input[type=tel]{
	width: 100%;
    padding: 5px 10px;
    border: 1px solid #d7d7d7;
    outline: 0;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    color: #8c9597;
    resize: none;
    display: block;
    font-size: 16px;
    line-height: 26px;
    background-color: transparent;
}
.byep label {
    font-weight: 700;
}
.byep span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item {
    display: block;
}