/* Enter Your Custom CSS Here */

html,body
{
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: hidden !important;
}

#scb-wrapper ul, #scb-wrapper li, #scb-wrapper a, #scb-wrapper a span {
    display: inline-block !important;
}

#scb-wrapper li a span {
   margin-left: 8px !important;
   display: inline-block !important;
}

#scb-socialicons img {
  width: 40px !important;
  height: 40px !important;
}

#scb-wrapper.scb-fixed {z-index: 9999999 !important;}

#header {
    height: 100px !important;
    border-bottom: 1px solid #CCC !important;
    box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3) !important;
}

div#header.sticky-element-original {z-index:999 !important;}

#site-logo a img {
    max-height: 100% !important;
    max-width: 100% !important;
    margin-top: -25px !important;
}

.tp-caption.extinct_white {
    color: #e5e5e5 !important;
    font-weight: normal;
    font-size: 40px !important;
    font-family: Arvo !important;
    text-transform: uppercase !important;
}

a.button.slider {
background:#056db3 !important;
border-color:#fff !important;
color:#fff !important;
font-size: 20px !important;
font-family: Montserrat !important;
font-weight: 700 !important;
}

.woocommerce-site .cart-contents i, .default .cart-contents .cart-count {display: none !important;}

#primary-menu {top:30px !important;}

#primary-menu > ul.menu > li > a {padding: 0 18px 0 !important;}

#mobile-menu-toggle {display:none !important;}

#wprmenu_bar {
    background: #056db3 !important;
    border-bottom: 1px solid #fff !important;
}

#wprmenu_menu ul li a {
    font-size: 20px !important;
    font-family: Arvo !important;
    text-transform: uppercase !important;
}

#header.sticky #site-logo {top:8px !important;}
#header.sticky #primary-menu {top:18px !important;}

h1,h2,h3,h4,h5,h6 {color: #056db3 !important; font-family: Arvo !important;}

.heading2 .pitch {
    font-size: 24px !important;
    text-transform: uppercase;
    margin-top: -20px !important;
    line-height: 44px !important;
}

img.about-img {
    margin-top: 60px !important;
    border: 2px solid !important;
}

.box-frame2 {margin: 0px 0 !important;}

.box-frame2 .box-header {
    font-size: 30px !important;
    line-height: 38px !important;
    color: #056db3 !important;
}

h5.cta-text {
  margin-top:-20px !important;
  margin-bottom:20px !important;
}

.heading2 .pitch {max-width: 100% !important;}

.header-fancy {height: 40px !important;}

.header-fancy span {
    background-color: #056db3 !important;
    font-size: 24px !important;
    padding: 10px !important;
}

#contact-us-section a {color: #056db3 !important;}

ul.custom-bullets li {
	list-style-type: none !important;
	background: url("/wp-content/uploads/2017/06/music-bullet-blue.png") left top -2px no-repeat !important;
	border: none !important;
	padding: 0px 0px 20px 35px !important;
	line-height: 26px !important;
}

a.button.default {
background:#056db3 !important;
border-color:#fff !important;
color:#fff !important;
font-size: 20px !important;
font-family: Montserrat !important;
font-weight: 700 !important;
}

a.button.red.small {
    color: #fff !important;
    background: #056db3 !important;
    font-size: 17px !important;
    font-family: Montserrat !important;
}

.service-box3 h2 {
font-size: 24px !important;
font-weight: 600 !important;
}

#about-intro {padding-bottom: 40px !important;}
.faq-section {
padding-top: 20px !important;
padding-bottom: 20px !important;
background-size: 100% !important;
background-position: center center !important;
}

.toggle-label {font-size: 18px !important;}

#services-home {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.service-box3:hover {border-color: #056db3 !important;}

.parallax-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2017/06/cta-bg.jpg") no-repeat center center !important;
    background-size: cover !important;
    padding: 120px 0 !important;
    margin-top: 0px !important;
}

#testimonials-section {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2017/06/testimonials-bg.jpg") no-repeat center center #056db3 !important;
    background-size: cover !important;
    padding: 60px 0 30px 0 !important;
    margin-top: -20px !important;
}

#gallery {
  padding-top: 40px!important;
  padding-bottom: 50px !important;
}

#contact-us-section {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
    margin-top: -20px !important;
}

.divider-space {
    padding-top: 10px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.fancy-heading {
    color: #fff !important;
    font-size: 19px !important;
    line-height: 20px !important;
}

.fancy-heading2 {
    color: #fff !important;
    font-size: 19px !important;
    line-height: 20px !important;
}

.fancy-heading span {
    padding: 6px 10px 10px 45px !important;
}

.fancy-heading2 span {
    padding: 7px 10px 6px 45px !important;
 }

.client-testimonials .footer h4 {
color: #fff !important;
font-size: 18px !important;
text-align: center !important;
}

.client-testimonials .footer {margin-top: 0px !important;}

span.department {color:#fff !important; font-style:italic !important;}

.client-testimonials .footer img {
    border-radius: 0 !important;
    float: none !important;
    margin: 0 20px 0 0 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.fancy-heading:before {
    content: '' !important;
    background: url("http://musicalinstrumentrepairsbronx.com/wp-content/uploads/2017/06/blue-stars.png") no-repeat 0 0 transparent !important;
    position: absolute !important;
    width: 112px !important;
    height: 45px !important;
    top: -60px !important;
    left: 50% !important;
    margin-left: -40px !important;
}

small a {display:none !important;}

.home #our-clients {padding: 100px 0 50px !important;}

#wonderplugincarousel-1 .amazingcarousel-title {
    font-family: Arvo !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #056db3 !important;
    padding: 10px !important;
    text-align: center !important;
}

#wonderplugincarousel-1 .amazingcarousel-list-container {
    padding: 8px 0 !important;
    margin-top: -40px !important;
}

#wonderplugincarousel-1 .amazingcarousel-prev {margin-top:-50px !important;}
#wonderplugincarousel-1 .amazingcarousel-next {margin-top:-50px !important;}

div.segment.clearfix.products {
padding-top: 40px !important;
padding-bottom: 20px !important;
}

.esg-container {margin-top: -50px !important;}

.esg-filters.esg-navbutton-solo-left {
    position: absolute !important;
    top: 40% !important;
}

.esg-filters.esg-navbutton-solo-right {
    position: absolute !important;
    right: 17.5px !important;
    top: 40% !important;
}

.minimal-light .esg-navigationbutton {
    background-color: #056db3 !important;
    border-color: #056db3 !important;
    color: #fff !important;
    box-shadow: none !important;
    margin-right: 5px !important;
    cursor: pointer !important;
    padding: 0px 10px !important;
    border: 1px solid #fff !important;
    line-height: 50px !important;
    border-radius: 0px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: Montserrat !important;
    display: inline-block !important;
    margin-bottom: 5px !important;
}

.minimal-light .esg-navigationbutton:hover {
    background-color: #36404b !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow: none !important;
}

.eg-icon-left-open:before {
    content: '\e819' !important;
    color: #fff !important;
    font-size: 18px !important;
}

.eg-icon-right-open:before {
    content: '\e81a' !important;
    color: #fff !important;
    font-size: 18px !important;
}

div.pp_pic_holder.pp_default {display: none !important;}
div.pp_overlay {display: none !important;}

h3.widget-title {
    color: #fff !important;
    font-size: 22px !important;
    margin-bottom: 25px !important;
}

.contact-info p span {font-size: 17px !important;}

/**---------------- Begin Responsive Contact Form ----------------**/

#responsive-form {
	max-width:650px !important;
	margin:0 auto !important;
    width:100% !important;
}
.form-row {
	width: 100% !important;
}
.column-half, .column-full {
	float: left !important;
	position: relative !important;
	padding: 0.65rem !important;
	width:100% !important;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.clearfix:after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

.wpcf7 span.wpcf7-form-control-wrap {width: 100% !important;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
	width: 100% !important;
   	padding: 8px !important;
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
    font-size: 16px !important;
    font-family: Arvo !important;
    font-weight: 400 !important;
    color: #211e1e !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.wpcf7 input[type="text"]:focus {
	background: #fff !important;
}
.wpcf7-submit {
	float: right !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
	background: #056db3 !important;
    font-size: 18px !important;
    font-family: Montserrat !important;
    font-weight: 700 !important;
	color: #fff !important;
	text-transform: uppercase !important;
	border: 1px solid #056db3 !important;
	padding: 8px 20px !important;
	cursor: pointer !important;
}
.wpcf7-submit:hover {
	background: #211e1e !important;
    color: #fff !important;
    border: 1px solid #211e1e !important;
}

.contact-submit-btn {
  float:none !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  position: relative !important;
}

.captcha {
  float:none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}

input[type="text"], input[type="email"], input[type="password"], textarea {background-color: #fff !important;}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {border: 1px solid #056db3 !important;}

.custom-textarea {resize:none !important;}

span.wpcf7-not-valid-tip {
	text-shadow: none !important;
	font-size: 14px !important;
	color: #fff !important;
	background: #ab0e0e !important;
	padding: 5px !important;
}
div.wpcf7-validation-errors {
	text-shadow: none !important;
	border-color: #ab0e0e !important;
	background: #ab0e0e !important;
	padding: 5px !important;
	color: #fff !important;
	text-align: center !important;
	margin: 0 !important;
    font-family: Arvo !important;
	font-size: 18px !important;
}
div.wpcf7-mail-sent-ok {
	text-align: center !important;
	text-shadow: none !important;
	padding: 5px !important;
    font-family: Arvo !important;
	font-size: 18px !important;
	background: #211e1e !important;
	border-color: #211e1e !important;
	color: #fff !important;
	margin: 0 !important;
}

@media only screen and (min-width: 48em) {
	.column-half{width: 50% !important;}
}

/**---------------- End Responsive Contact Form ----------------**/

#footer .contact-info a {color: #056db3 !important;}

#footer .widget_text a.small {
    color: #fff !important;
    background: #056db3 !important;
    font-size: 17px !important;
    font-family: Montserrat !important;
}

#footer-bottom-text {
    display: block !important;
    margin: 0 auto !important;
    padding: 35px 0 25px !important;
    float: none !important;
    text-align: center !important;
}

#footer-bottom a:hover {color:#056db3 !important;}

.nks_cc_trigger_tabs .fa {border: 1px solid #fff !important;}
.nks_cc_trigger_tabs {z-index: 9999 !important;}
.nks_cc_trigger_tabs .nks-tab:after {
    font-family: Montserrat !important;
    font-weight: 400 !important;
    font-size: 18px !important;
  	color: #fff !important;
    border: 1px solid #fff !important;
}

/* Mobile Responsive CSS */

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 16px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -55px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 20px !important;}
#site-logo {top: 55px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -35px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -10px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation:portrait) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 16px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -55px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation:landscape) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 20px !important;}
#site-logo {top: 55px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -35px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -10px !important;
  }
}

@media screen and (min-width: 375px) and (max-width: 667px) and (orientation:portrait) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -35px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (min-width: 375px) and (max-width: 667px) and (orientation:landscape) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 20px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -55px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation:portrait) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -35px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation:landscape) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 20px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -60px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  #wonderplugincarousel-1 .amazingcarousel-prev {margin-left: -22px !important;}
  #wonderplugincarousel-1 .amazingcarousel-next {margin-right: -22px !important;}
  .esg-filters.esg-navbutton-solo-right {right: 0px !important;}
  .fancy-heading span {line-height: 24px !important;}
  .fancy-heading2 span {line-height: 18px !important;}
  .fancy-heading, .fancy-heading2 {
    padding: 8px 12px !important;
    background: #056db3 !important;
  }
}

@media screen and (max-width: 768px) and (orientation:landscape) {
  #wonderplugincarousel-1 .amazingcarousel-prev {margin-left: -22px !important;}
  #wonderplugincarousel-1 .amazingcarousel-next {margin-right: -22px !important;}
  .esg-filters.esg-navbutton-solo-right {right: 0px !important;}
  .fancy-heading span {
    background: none !important;
    line-height: 24px !important;
  }
  .fancy-heading2 span {line-height: 18px !important;}
  .fancy-heading, .fancy-heading2 {
    padding: 8px 12px !important;
    background: #056db3 !important;
  }
}

/*@media screen and (max-width: 991px) and (orientation:portrait) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -35px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -20px !important;
  }
}

@media screen and (max-width: 991px) and (orientation:landscape) {
#scb-wrapper ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#scb-wrapper a span {font-size: 20px !important;}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {
    display:block !important;
    width: auto !important;
    margin-top: -55px !important;
  }
a.button.slider {padding:10px !important;}
.header-fancy {background: none !important;}
.header-fancy span {
    font-size: 18px !important;
    padding: 10px !important;
    margin-top: -10px !important;
  }
}

/*@media screen and (min-width: 992px) {
#scb-wrapper #scb-directs li {
    margin-bottom: .5em !important;
    display: block !important;
}
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {display:block !important;}
}*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
#scb-wrapper {padding: 15px 15px !important;}
#scb-wrapper ul {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
#site-logo a img.retina-logo {
    float: none !important;
    display: block !important;
    margin-top: 0px !important;
    margin-left: 25px !important;
    margin-right: auto !important;
    text-align: center !important;
    position: relative !important;
    width: auto !important;
}
#header {height: 200px !important;}
#primary-menu > ul.menu > li > a {display:none !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
#scb-wrapper a span {font-size: 20px !important;}
#site-logo a img.retina-logo {
    float: none !important;
    display: block !important;
    margin-left: 25px !important;
    margin-right: auto !important;
    text-align: center !important;
    position: relative !important;
    width: auto !important;
}
#header {height: 280px !important;}
#primary-menu {
    top: 50px !important;
    float: none !important;
    display: block !important;
    margin-left: 150px !important;
    margin-right: auto !important;
    text-align: center !important;
    position: relative !important;
  }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:portrait) {
#wprmenu_bar {display:block !important;}
#scb-wrapper {margin-top: 30px !important;}
#site-logo a img {display:none !important;}
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:landscape) {
#site-logo a img {display:none !important;}
#site-logo a img.retina-logo {display:block !important;}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation:portrait) {
#scb-wrapper {margin-top: 0px !important;}
#scb-wrapper a span {font-size: 20px !important;}
#site-logo a img {
    max-height: 100% !important;
    max-width: 100% !important;
    margin-top: 0px !important;
}
#site-logo a img.retina-logo {
    float: none !important;
    display: block !important;
    margin-left: 25px !important;
    margin-right: auto !important;
    text-align: center !important;
    position: relative !important;
    width: auto !important;
}
#header {height: 280px !important;}
#primary-menu {
    top: 50px !important;
    float: none !important;
    display: block !important;
    margin-left: 150px !important;
    margin-right: auto !important;
    text-align: center !important;
    position: relative !important;
  }
#primary-menu > ul.menu > li > a {
    display:block !important;
    padding: 0px 20px 0px !important;
  }
#wprmenu_bar {display:none !important;}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation:landscape) {
#scb-wrapper a span {font-size: 20px !important;}
#site-logo a img {
    max-height: 100% !important;
    max-width: 100% !important;
   /* margin-top: -12px !important;*/
  }
}