body{
	margin:0;
	color:#565555;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.png) repeat-x;
	min-width:995px;
}
img{
	border-style:none;
	vertical-align:top;
}
a{
	text-decoration:none;
	color:#00f;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote{margin:0;}
q{quotes:none;}
q:before,
q:after{content:"";}
.wrapper-holder{
	position:relative;
	overflow:hidden;
	width:100%;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	background:#161616 url(../images/bg-header.gif) repeat-x;
	padding:20px 9999px 0;
	margin:0 -9999px;
}
.header-holder{
	overflow:hidden;
	padding:0 0 14px 31px;
}
.logo{
	background:url(../images/logo.png) no-repeat;
	width:518px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
.logo a{
	height:100%;
	display:block;
}
#header .contact{
	float:right;
	padding:29px 0 0;
	color:#a09f9f;
	min-width:244px;
	font-size:18px;
	line-height:22px;
}
#header .contact a{color:#a09f9f;}
#nav{
	padding:0 9999px;
	margin:0 -9999px 0 -9974px;
	list-style:none;
	background:url(../images/bg-nav.png) repeat-x;
	text-align:center;
	font:24px/27px Tahoma, Arial, sans-serif;
	width:943px;
}
#nav a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:70px;
}
#nav li{
	display:inline-block;
	vertical-align:top;
	margin:0 -4px;
}
#nav .home{
	background:url(../images/bg-home.gif) no-repeat;
	width:116px;
}
#nav .services{
	background:url(../images/bg-services.gif) no-repeat;
	width:124px;
}
#nav .faqs{
	background:url(../images/bg-faqs.gif) no-repeat;
	width:96px;
}
#nav .blog{
	background:url(../images/bg-blog.gif) no-repeat;
	width:97px;
}
#nav .for_sale{
	background:url(../images/bg-for-sale.gif) no-repeat;
	width:131px;
}
#nav .active .for_sale,
#nav .for_sale:hover,
#nav .active .blog,
#nav .blog:hover,
#nav .active .faqs,
#nav .faqs:hover,
#nav .active .services,
#nav .services:hover,
#nav .active .home,
#nav .home:hover{background-position:0 -150px;}
#main{
	background:url(../images/bg-main.png) repeat-y;
	padding:10px 27px 49px;
	width:941px;
}
#main:after{
	content:'';
	display:block;
	clear:both;
}
.promo{
	position:relative;
	overflow:hidden;
	padding:0 0 17px;
}
.promo .info{
	position:absolute;
	width:437px;
	left:70px;
	top:114px;
	text-align:center;
}
	#variation_two .info{
		left:85px !important;
		top: 60px !important;
	}
.promo .slogan{
	color:#fff;
	font-size:35px;
	line-height:35px;
	display:block;
	padding:0 0 23px;
}
.promo .slogan strong{
	font-size:66px;
	line-height:66px;
	padding: 13px 0 0;
	display: block;
}
.appointment{
	display:inline-block;
	vertical-align:top;
	background:url(../images/btn-appointment.png) no-repeat;
	width:234px;
	height:45px;
	padding:0 11px 0 0;
	margin:0 0 0 14px;
	text-indent:-9999px;
	overflow:hidden;
}
.appointment-top{
	display:inline-block;
	vertical-align:bottom;
	background:url(../images/btn-appointment.png) no-repeat;
	width:234px;
	height:45px;
	padding:0 11px 0 0;
	margin:26px 0 0 160px;
	text-indent:-9999px;
	overflow:hidden;
}
.add-section{
	overflow:hidden;
	padding:0 14px 37px;
}
.main-quote{
	font-size: 20px;
	padding-left: 100px;
	padding-right: 100px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	line-height: 125%;
}
.achievements{
	float:left;
	padding:1px 0 0;
	margin:0;
	list-style:none;
}
.achievements li{
	float:left;
	margin:0 0 0 9px;
}
.add-section .btn-schedule,
.add-section .btn-piano{
	float:left;
	//margin:0 13px;
	margin-left: auto;
	margin-right: auto;
	width:308px;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
}
.add-section .btn-schedule{
	background:url(../images/btn-schedule2.gif) no-repeat;
	width:302px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
}
.three-cols{
	overflow:hidden;
	padding:0 0 30px;
}
.three-cols .col{
	width:279px;
	margin:0 0 0 30px;
	float:left;
}
.three-cols .col:first-child{margin:0 0 0 25px;}
.orange-box{
	background:url(../images/box-orange.png) 100% 0 no-repeat;
	width:279px;
	padding:187px 0 0;
}
.orange-box .holder{
	background:url(../images/box-orange.png) 0 100% no-repeat;
	padding:0 0 161px;
}
.orange-box .frame{background:url("../images/box-orange.png") repeat-y scroll -279px 0 transparent;}
.three-cols .frame:after{
	content:'';
	display:block;
	clear:both;
}
.orange-box .content{
	float:left;
	width:255px;
	margin:-167px 0 -139px;
	padding:0 12px;
}
.orange-box .title-testimonials{
	margin:0 0 32px 3px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-testimonials.png) no-repeat;
	width:145px;
	height:17px;
}
.orange-box .title-clients{
	background:url(../images/text-clients.png) no-repeat;
	width:79px;
	height:17px;
	margin: -1px 0 34px;
	overflow:hidden;
	text-indent:-9999px;
}
.orange-box .title-services{
	background:url(../images/text-services.png) no-repeat;
	width:89px;
	height:17px;
	margin: -1px 0 33px 3px;
	overflow:hidden;
	text-indent:-9999px;
}
.orange-box .list{
	padding:0 5px 15px;
	margin:0;
	list-style:none;
	font-size:16px;
	line-height:19px;
	color:#4f4e4e;
}
.orange-box .list li{
	background:url(../images/ico-bullet.png) 0 3px no-repeat;
	padding:0 0 3px 21px;
}
.orange-box .blockquotes{padding:0 0 0 5px;}
.orange-box blockquote{margin:0 0 29px;}
.orange-box q{display:block;}
.orange-box .blockquotes cite{
	display:block;
	padding:9px 0 0 17px;
	color:#0f598e;
	font-style:normal;
	line-height:14px;
}
.orange-box.testimonials{
	float:none;
	margin:0 0 14px;
}
.orange-box.testimonials h2{margin:3px auto 47px;}
.orange-box .title-testimonials.add{margin:3px auto 42px;}
.orange-box.testimonials .container{
	padding:0 5px 0 4px;
	margin:0;
	list-style:none;
	font-size:12px;
	line-height:16px;
	color:#4e4e4e;
}
.orange-box.testimonials blockquote{margin:0 0 38px;}
.orange-box.testimonials cite{
	display:block;
	padding:0 18px;
	color:#0d629e;
	font-style:normal;
}
.orange-box.testimonials .container .add{
	font-size:14px;
	line-height:16px;
}
.services-list{
	padding:0;
	margin:12px 0 0 -8px;
	list-style:none;
	font-size:16px;
	line-height:19px;
}
.services-list li{
	padding:0 0 28px;
}
.orange-box .container.add{
	padding:0 32px;
	font-size:12px;
	line-height:14px;
}
.orange-box .container.add cite{
	text-align:right;
	padding:0 20px;
}
.orange-box .container.add blockquote{margin:0 0 11px;}
#sidebar .btn-holder{
	text-align:center;
	padding:0 2px 0 0;
}
#content{
	font-size:20px;
	line-height:25px;
	width:545px;
	float:left;
	color:#000;
	padding:38px 0 0 72px;
	overflow:hidden;
}

.services-detail {
	font-size:20px;
	line-height:25px;
	width:900;
	float:left;
	color:#000;
	padding:38px 0 0 72px;
	overflow:hidden;
}
#content .title-faqs,
#content .title-services{
	margin:0 0 3px -39px;
	background:url(../images/title-services.gif) no-repeat;
	width:374px;
	height:67px;
	text-indent:-9999px;
	overflow:hidden;
}
#content .title-faqs{
	background:url(../images/title-faqs.gif) no-repeat;
	width:377px;
	height:66px;
	margin:0 0 11px -39px;
}
#content .title-blog{
	background:url(../images/title-blog.png) no-repeat;
	width:377px;
	height:66px;
	margin:0 0 11px -39px;
}
#content h2{
	font-size:20px;
	line-height:23px;
	color:#000;
	margin:0 0 2px;
}
#content p{margin:0 0 25px;}
#sidebar{
	float:right;
	width:290px;
	padding: 38px 24px 0 0;
}
#footer{
	padding:13px 9999px 33px;
	margin:0 -9999px 0 -9999px;
	border-top:20px solid #424242;
	background:#161616 url(../images/bg-footer.gif) repeat-x;
	text-align:center;
	font-size:18px;
	line-height:21px;
	color:#fff;
}
#footer p{margin:0;}
.footer-nav{
	padding:0 0 25px 6px;
	margin:0;
	list-style:none;
	text-align:center;
}
#content-for-sale{
	font-size:20px;
	line-height:25px;
	width:750px;
	float:left;
	color:#000;
	padding:38px 0 0 72px;
	overflow:hidden;
}
.footer-nav li{
	display:inline-block;
	vertical-align:top;
	font-size:24px;
	line-height:27px;
	padding:0 6px;
}
#footer a{color:#fff;}

html {
	height: 100%;
}

.mobile {
  height: 100%;
  min-width: 0;
}
.mobile .wrapper-holder {
  display: none;
}

.mobile .wrapper-holder-mobile {
  background: #083173 url("../images/bg-mobile.jpg") center center no-repeat;
  background-size: cover;
  min-height: 100%;
}
.mobile .wrapper-holder-mobile .logo-wrapper {
  display: block;
  background-color: #000;
  margin: 0;
}
.mobile .wrapper-holder-mobile .logo {
  background: url(../images/logo.png) center center no-repeat;
  background-size: 90%;
  float: none;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.mobile .wrapper-holder-mobile .mobile-button {
  background: #58bfec;
  background: -moz-linear-gradient(top, #58bfec 0%, #58bfec 28%, #48bbea 31%, #48bbea 32%, #39b8eb 34%, #37b9ea 35%, #21b7e9 38%, #23b6e9 39%, #14b5e9 41%, #13b4e8 42%, #04b2e5 45%, #04b2e7 46%, #01b0e5 47%, #00afe6 53%, #00ace4 54%, #00a2e0 70%, #00a2e0 100%);
  background: -webkit-linear-gradient(top, #58bfec 0%, #58bfec 28%, #48bbea 31%, #48bbea 32%, #39b8eb 34%, #37b9ea 35%, #21b7e9 38%, #23b6e9 39%, #14b5e9 41%, #13b4e8 42%, #04b2e5 45%, #04b2e7 46%, #01b0e5 47%, #00afe6 53%, #00ace4 54%, #00a2e0 70%, #00a2e0 100%);
  background: linear-gradient(to bottom, #58bfec 0%, #58bfec 28%, #48bbea 31%, #48bbea 32%, #39b8eb 34%, #37b9ea 35%, #21b7e9 38%, #23b6e9 39%, #14b5e9 41%, #13b4e8 42%, #04b2e5 45%, #04b2e7 46%, #01b0e5 47%, #00afe6 53%, #00ace4 54%, #00a2e0 70%, #00a2e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bfec', endColorstr='#00a2e0',GradientType=0 );
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 18px;
  margin: 27px auto;
  max-width: 400px;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  width: 70%;
}
.mobile .client-form,
.mobile .client-form * {
  box-sizing: border-box;
}
.mobile .client-form {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mobile .client-form h2 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
.mobile .client-form form {
  width: 100%;
  padding: 5px;
}
.mobile .client-form input,
.mobile .client-form textarea,
.mobile .client-form select {
  background-color: #fff;
  min-height: 30px;
  width: 100%;
}
.mobile .client-form input[type=submit] {
  width: 70%;
}
.mobile .client-form table {
  color: #fff;
}
.mobile .client-form table td:first-child {
  width: 30%;
}
.mobile .client-form table td:nth-child(2) {
  width: 70%;
}
.mobile .client-form .link-home {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin: 20px auto 0;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.roboto {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 50;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.discount {
  justify-content: center;
/* 	height: 50px; */
}