@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
font-family: 'Roboto', sans-serif !important;
font-size:13pt;
padding:0;
margin:0;
}

.theme-default .nivo-controlNav {
padding:5px 0!important;
}

.vt_nivo_sliderimg-slider {
margin-top:15px;
margin-left:10px;
margin-right:10px;
}

.bt-cs .bt-center {
float:right;
}

.bt-introtext {
line-height:20px!important;
text-align:justify;
}

.bt-cs .bt-inner .bt-title {
clear:both;
color:#9e1f62!important;
display:inline-block;
font-weight:bold!important;
line-height:150%;
}

.bt-cs .bt-inner img {
border:0!important;
float:right;
max-width:99%;
outline:1px solid #b5b5b5;
margin:5px 0 5px 10px !important;
}

#btcontentslider105 .bt_handles {
right:10px!important;
top:200px!important;
}

.pagination ul {
list-style-type:none;
margin:0;
padding:0;
}

.tooltip {
display:none!important;
}

.shadow {
box-shadow:0 4px 10px #767676;
}

.page-header h1, .page-header h2, .main-items h1 {
color:#9e1f62;
font-size:1.6em;
font-weight:normal;
line-height:27px;
margin:0 0 5px 20px;
}

.page-header {
border-bottom:2px solid #9e1f62;
margin-bottom:20px;
}

#container {
max-width:100%;
}

#header {
/* background:none repeat scroll 0 0 #a737a3; */
background:none repeat scroll 0 0 #6752b2;
background-position:center;
height:auto;
}

#header-top-container {
background:url(/templates/swsmusic/images/header-bgr4.png) no-repeat scroll right center rgba(0,0,0,0);
height:100%;
position:relative;
margin:0 auto;
}

#header-phone {
color:#ffffff;
display:inline;
font-size:1.7em;
font-weight:bold;
}

#header-email {
display:inline;
padding-left:11px;
}



#mod-search-searchword {
background:none;
opacity:0.9;
border:0 none;
color:#ffffff;
font-size:20px;
font-weight:bold;
height:35px;
margin-right:14px;
max-width:185px;
}


#top-menu li {
display:inline;
margin-left:20px;
}

#top-menu ul {
padding:0;
}

#main-content-bgr {
background:none repeat scroll 0 0 #fbfbfb;
box-shadow:0 6px 6px -3px #767676 inset;
min-height:inherit;
max-width:1270px;
z-index:1;
margin:0 auto;
}

#main-content-container {
background:inherit;
float:left;
max-width:100%;
box-shadow: 0px 0px 4px 0px;
}

#main-content-violin {
background:url(/templates/swsmusic/images/violin-bottom.png) no-repeat scroll right center rgba(0,0,0,0);
height:172px;
position:absolute;
right:0;
width:531px;
}

#main-content-top {
height:100%;
position:relative;
max-width:100%;
}

#main-content-wrapper {
float:left;
position:relative;
max-width:100%;
}

#image-slider {
height:333px;
margin-left:20px;
max-width:95%;
}

#introduction-content {
padding-right:5px;
padding-left:17px;
font-size:1.1em;
font-weight: 300;
/* color: #ab477c; */
color: black; 
}


#introduction-content h1 {
visibility: hidden;
line-height: 1px;
margin: 0;
}

#latest-news {
padding-top:15px;
margin-top:0;
clear:both;
max-width: 100%;
}

#latest-news-content {
margin-left:10px;
}

#headline-news {
margin-left:20px;
padding-right: 10px;
line-height: 20px;
text-align: justify;
}

#headline-end, #news-end {
clear: both;
height: 1px;
border-bottom: 1px dotted #959595;
margin: 10px 0px;
}

#news-end {
margin-left: 10px;
}

#main-content-title {
color:#9e1f62;
font-size:1.6em;
line-height:27px;
margin-left:20px;
}

#main-items {
padding-top:10px;
}

#videos {
margin-top:10px;
max-width:98.5%;
}

#videos-content {
float:left;
height:500px;
margin-left:10px;
margin-top:20px;
max-width:96.5%;
}

#next-courses {
float:left;
margin-top:20px;
max-width:96.5%;
}

#next-courses-content {
max-width:330px;
margin:10px auto 0;
}

#music-instrument-free-hire-title {
font-size:1.3em;
text-align:center;
}

#music-instrument-free-hire-content {
font-size:1em;
margin-top:25px;
text-align:justify;
}

#music-instrument-free-hire-read-more {
background:none repeat scroll 0 0 #581157;
bottom:30px;
font-size:1.2em;
height:35px;
margin-left:8%;
padding-top:3%;
position:absolute;
text-align:center;
max-width:70%;
}

.cursor-hand {
cursor:pointer;
}

#book-termly-lessons {
padding:4px 0;
}

#google-map {
float:left;
height:300px;
max-width:100%;
}

#social-media {
float:left;
height:400px;
margin-top:20px;
position:relative;
max-width:100%;
}

.social-media-item {
float:left;
max-width:48%;
}

.social-media-title {
color:#9e1f62;
font-size:1.6em;
line-height:27px;
margin-left:2px;
}

.social-media-title hr {
color:#9e1f62;
max-width:90%;
margin:5px 0 0;
padding:0;
}

#social-media-twitter-content {
margin-top:20px;
max-width:430px;
}

#social-media-facebook-content {
height:320px;
margin-top:20px;
overflow-y:scroll;
max-width:430px;
}

#footer {
background: rgb(219,226,255);
background: linear-gradient(90deg, rgba(219,226,255,1) 20%, rgba(147,173,255,0.5158438375350141) 98%);
color:#ffffff;
clear:both;
position:relative;
text-align:center;
}

#footer-bottom {
background: #9D54AE;
background: -webkit-linear-gradient(top left, #9D54AE, #6752B2);
background: -moz-linear-gradient(top left, #9D54AE, #6752B2);
background: linear-gradient(to bottom right, #9D54AE, #6752B2);
bottom:0;
max-width:100%;
padding:5px 0;
}

#footer-copyright {
font-size:0.8em;
}

.image-style {
/* border-right: 6px solid #a63977; 
border-bottom: 6px solid #a63977; 
/* box-shadow: 12px 12px 0 #ff9ad3; */
/* margin: 0 12px !important */
}

.sprocket-mosaic-item {
/* border-right: 6px solid #a63977; 
border-bottom: 6px solid #a63977; 
/* box-shadow: 12px 12px 0 #ff9ad3; */
/* margin: 0 12px !important */
}



[id^='syc_videos_thumbs'] {
overflow-y:auto!important;
}


.moduletable_ap object {
height:20px!important;
}

.vmCartModule {
background:#f6f6f6;
border:1px solid #9e1f62;
font-size:1em;
max-width:85%;
margin:15px auto;
padding:5px;
}

.vmCartModule h4 {
color:#ed028c;
font-weight:bold;
text-align:center;
margin:7px;
}

.vmCartModule a {
color:#90268f;
}

.account-maintenance2 {
display:block;
margin-left:15px;
padding-top:15px;
}

.breadcrumb {
margin:0 0 20px;
padding:0;
}

#ScrollerHorizontal1 {
margin-bottom:15px;
margin-left:15px;
}

a:focus {
outline:5px auto 0;
outline-offset:-2px;
}

a:hover,a:active {
outline:0;
}

.alert {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#fcf8e3;
border:1px solid #fbeed5;
border-radius:4px;
margin-bottom:18px;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
padding:8px 35px 8px 14px;
}

.alert,.alert h4 {
color:#c09853;
}

.alert h4 {
margin:0;
}

.alert .close {
line-height:18px;
position:relative;
right:-21px;
top:-2px;
}

.alert-success {
background-color:#f7dbf7;
color:#9e1f62;
border-color:#90268f;
}

.alert-block {
padding-bottom:14px;
padding-top:14px;
}

.alert-block > p,.alert-block > ul {
margin-bottom:0;
}

.alert-block p + p {
margin-top:5px;
}

.fade.in {
opacity:1;
}

.collapse {
-moz-transition:height .35s ease;
-o-transition:height .35s ease;
-webkit-transition:height .35s ease;
height:0;
overflow:hidden;
position:relative;
transition:height .35s ease;
}

.collapse.in {
height:auto;
}

.close {
color:#000;
filter:alpha(opacity=20);
float:right;
font-size:20px;
font-weight:bold;
line-height:18px;
opacity:0.2;
text-shadow:0 1px 0 #ffffff;
}

.close:hover,.close:focus {
color:#000;
cursor:pointer;
filter:alpha(opacity=40);
opacity:0.4;
text-decoration:none;
}

#logo {
position:absolute;
top:20px;
margin-left: 20px;
}

#top-menu {
font-size:1.4em;
padding: 1px 0;
}

.pagination li,#footer-bottom li,ul.breadcrumb li {
display:inline;
}

div[itemprop="articleBody"],#main-content-top-left .blog-featured,#main-content-top-left .search,#social-media-twitter,#social-media-facebook-title {
margin-left:20px;
}

#header-email:hover,#top-menu a:hover,#top-menu li.active a,#footer-menu a:hover,#footer-menu li.active a {
text-decoration:underline;
}

#our-location {
padding-top:15px;
clear:both;
}

#shop-scroller {
clear:both;
width:100%;
}

#shop-scroller-content, #our-location-content {
height:100%;
margin-left:10px;
margin-right:10px;
position:relative;
}

.alert-danger,.alert-error,.alert-info {
background-color:#f7dbf7;
color:#ed028c;
border-color:#90268f;
width: 60%;
}

.alert-danger h4,.alert-error h4,.alert-info h4 {
color:#ed028c;
}

.bt-inner a,#vmCartModule .show_cart a,ul.breadcrumb a,.alert-success h4 {
color:#9e1f62;
}

#top-menu a,#header-email a,#footer a {
color:#ffffff;
text-decoration:none;
}

#footer-bottom ul,p,#VMScrollBoth1 > UL,#VMScrollBoth2 > UL {
margin:0;
padding:0;
}

#login-form
{
padding-left:15px;
}

#login-form .pretext {
padding-bottom: 10px;
padding-left:65px;
padding-top: 10px;
}

IMG.VMImg1{
 max-width:100%;
 max-height:120px; /*change this if you want*/
 width:auto!important;
 height:auto!important;
 } 
 
#googlemap0_9fqrn_0 {
max-width: 90%;
width: auto;	 
 }

#top-menu  ul.nav.menu {
margin-top: 0px;
}

.avs_player_responsive {
width:98% !important;
}

button.stripe-button-el,
button.stripe-button-el>span {
background-color: #9e1f62 !important;
background-image: none;
}

/* OUR MUSICAL INSTRUMENT TUITION */
#portfolio.portfolio-area {
	margin-bottom:-50px;
	margin-left:15px;
}
.p-box-t h3 {
	position: absolute;
	background: rgba(133, 50, 132, 0.85);
    text-align: center;
    font-size: 14pt;
    margin: 12px;
    color: white;
}

.portfolio-item {
  width:auto;
}
#portfolio.portfolio-area {
  padding-top: 10px;

}
#portfolio.portfolio-area .container {
  padding: 0;
}
#portfolio.portfolio-area #filters {
  position: relative;
}
#portfolio.portfolio-area #filters button.btn.btn-port {
  border: none !important;
}
#portfolio.portfolio-area #portfolio-filter {
  margin: 20px 0 0;
}
#portfolio.portfolio-area #portfolio-filter .portfolio-item {
  padding: 10px;
}
#portfolio #filters .btn-port {
  border: none !important;
  background: white !important;
  color: #9e1f62 !important;
}
#portfolio #filters .btn-port.current,
#filters .btn-port:hover,
#filters .btn-port:focus {
  background: #9e1f62 !important;
  color: white !important;
}
#portfolio #portfolio-filter .hover-wrapper {
  background: rgba(133, 50, 132, 0.85);
  color: white !important;
}
#portfolio #portfolio-filter .hover-wrapper i.fa {
  padding: 7px;
  color: #fff !important;
  border: 1px solid #fff;
}
#portfolio #portfolio-filter .hover-wrapper h5 {
  font-size: 20px;
  margin-top: 5px;
  font-weight: bold;
}
.sprocket-mosaic-tags {
  padding: 0px 5px 10px 5px !important;
}


#cookiesck_options {
visibility: hidden;
}
#cookiesck_accept {
background: #9f1864;
    border: 2px solid #9e1f62;
    color: #ffffff;
}
#cookiesck_decline {
    background: #000;
    border: 2px solid #000;
    color: #f5f5f5;
}
#cookiesck_settings {
    background: #fff;
    border: 2px solid #fff;
    color: #000;
}

#cookiesck_accept:hover {
	background: none;
	border: 2px solid #9e1f62;
	color: #ffffff;
}