1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / soundzgood / css /
Filename : sound.css
back
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 24, 2016 */

@font-face {
    font-family: 'browallia_newregular';
    src: url('../fonts/browa-webfont.eot');
    src: url('../fonts/browa-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browa-webfont.woff2') format('woff2'),
         url('../fonts/browa-webfont.woff') format('woff'),
         url('../fonts/browa-webfont.ttf') format('truetype'),
         url('../fonts/browa-webfont.svg#browallia_newregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'browallia_newbold';
    src: url('../fonts/browab-webfont.eot');
    src: url('../fonts/browab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browab-webfont.woff2') format('woff2'),
         url('../fonts/browab-webfont.woff') format('woff'),
         url('../fonts/browab-webfont.ttf') format('truetype'),
         url('../fonts/browab-webfont.svg#browallia_newbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'browallia_newitalic';
    src: url('../fonts/browai-webfont.eot');
    src: url('../fonts/browai-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browai-webfont.woff2') format('woff2'),
         url('../fonts/browai-webfont.woff') format('woff'),
         url('../fonts/browai-webfont.ttf') format('truetype'),
         url('../fonts/browai-webfont.svg#browallia_newitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'browallia_newbold_italic';
    src: url('../fonts/browaz-webfont.eot');
    src: url('../fonts/browaz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browaz-webfont.woff2') format('woff2'),
         url('../fonts/browaz-webfont.woff') format('woff'),
         url('../fonts/browaz-webfont.ttf') format('truetype'),
         url('../fonts/browaz-webfont.svg#browallia_newbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster_1.3-webfont.eot');
    src: url('../fonts/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster_1.3-webfont.woff2') format('woff2'),
         url('../fonts/lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/** section common **/
body {padding: 0;margin: 0;background: #fff;word-wrap: break-word;}
img {max-width: 100%;border: none;outline: none;}
a {text-decoration: none;border: none;outline: none;}
ul {padding: 0;margin: 0;}
li {list-style-type: none;}
p {padding: 10px 0px;line-height: 32px; font-size:18px;margin: 0px;  }
h1 {font-size: 50px;margin: 15px 0px;line-height: 50px;}
h2 {}h3 {}h4 {}.header {}.pull-left {float: left;}
.pull-right {float: right !important}
.clear {clear: both;}
a { transition:all 500ms ease-in-out; outline:none; }

.section {}
.section-center{text-align:center }
.section-right{text-align:right }
.section-left{text-align:left }

.section-top { padding:50px 0px 0px; }
.section-bottom { padding:0px 0px 50px; }
.section-top-btm { padding:50px 0px; }

.nopad { padding:0px; }
.nopad-right { padding-right:0px; }
.nopad-left { padding-left:0px; }


.section-title { margin-bottom:20px; }
.section-title h2{font-family: 'browallia_newbold';font-size:48px;text-transform:uppercase; margin:0px; padding:0px; }
.section-title h3{font-family:'browallia_newitalic';color:#162b11;font-size:28px;line-height:28px;}
/** section common **/

/** navbar **/



.menubar {border: 0 none;cursor: pointer;display: block;float: right;height: 63px;margin: 0px 0 0;padding: 0;position: relative;transition: all 0.35s ease 0s;width: 50px;z-index: 1111111;}
.menubar span {background: #2D5C0E none repeat scroll 0 0;border-radius:0px;display: block;height: 2px;left: 10px;position: absolute;right: 10px;top:25px;transition: all 0.35s ease 0s;}
.menubar span::before, .menubar span::after {background: #2D5C0E none repeat scroll 0 0;border-radius: 5px;content: "";display: block;height: 2px;left: 0;position: absolute;width: 100%;}
.menubar span::before {top: -8px;}
.menubar span::after {bottom: -8px;}
.menubar span::before, .menubar span::after {transition-delay: 0.3s, 0s;transition-duration: 0.3s, 0.3s;}
.menubar span::before {transition-property: top, transform;}
.menubar span::after {transition-property: bottom, transform;}
.menubar.menubar-active span {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.menubar.menubar-active span::before {top: 0;transform: rotate(45deg);}
.menubar.menubar-active span::after {bottom: 0;transform: rotate(-45deg);}
.menubar.menubar-active span::before, .menubar.menubar-active span::after {background: #2D5C0E none repeat scroll 0 0;height: 2px;transition-delay: 0s, 0.3s; }

.font-cont-1 img{ float:right;}
.foot-line {text-align:center; padding:18px 0 0;}
.foot-line a{color:#fff;font-size:25px}
.foot-line a:hover{color:#EC880E;}
.list-inline.foot-line > li {margin: 0 10px;}

.navbar-static-top {
    border-radius: 0;
    margin: 0;
}


.fyb.list-inline > li {display: table-cell;vertical-align: middle;}
.fyb.list-inline {display: table;float: right;margin:22px 0px;transition: all 0.35s ease 0s;}
.fyb.list-inline > li { width:40px; height:40px; border-radius:100%; background:#e4e4e4; margin:0px 5px; opacity:0.50; transition:all 500ms ease-in-out }
.fyb.list-inline > li:hover { opacity:1; }

.fyb.list-inline > li a i.fa { margin-top:6px }
.fyb.list-inline > li a .fa.fa-you{background:url("../images/yb.png") no-repeat; height: 27px;width: 27px;}
.fyb.list-inline > li a .fa.fa-face{background:url("../images/fb.png") no-repeat; height: 27px;width: 27px;}
.fyb.list-inline > li a .fa.fa-twit{background:url("../images/tw.png") no-repeat; height: 27px;width: 27px;}



#sidebar-wrapper {top:0px;z-index: 1000;position: fixed;left:-230px;width: 230px;height: 100%;overflow-y: auto;background: #2d5c0e none repeat scroll 0 0;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
#sidebar-wrapper.active {top:0px;left:0px;width:230px;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
#sidebar-wrapper .dropdown-menu { position:relative !important; width:100%;  font-size: 11px; border:0px !important; background:transparent }
#sidebar-wrapper .dropdown-menu > li {border-bottom:0px; margin-bottom:10px; }
#sidebar-wrapper .dropdown-menu > li {}
#sidebar-wrapper .dropdown-menu > li:last-child { border-bottom:1px solid #1B1714;}
#sidebar-wrapper .dropdown-menu>li>a:focus, #sidebar-wrapper .dropdown-menu>li>a:hover {color:#EC880E;text-decoration:none;background-color:transparent
}

.site-header.shrink {
    box-shadow: 0 0 12px -2px #888;
    transition: all 0.7s ease 0s;

}
.shrink #menu-toggle{margin:0px !important;}

.shrink .fyb.list-inline {
    margin: 0;
	transition: all 0.35s ease 0s;
}

.sidebar-nav {width:100%;padding: 0;list-style: none;}
.sidebar-nav li {text-indent: 0px;line-height: 60px;}
.sidebar-nav li a {display: block;text-decoration: none;color: #fff;font-size:25px;text-align:center;position:relative;font-family: 'lobster_1.3regular';}
.sidebar-nav li a:hover {text-decoration: none;color: #EC880E;}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {font-size: 18px;line-height: 55px;font-family: 'lobster_1.3regular';text-transform: uppercase;}
.sidebar-nav > .sidebar-brand a {color: #ff6633;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}
.site-header .navbar-header {float: left;width: 100%;text-align: center;}
.mainlogo img{height: 80px;transition: all 0.5s ease;}

.shrink .mainlogo img{height: 48px;transition: all 0.5s ease;}


#menu-toggle {margin: 15px 0px;position:absolute;z-index: 9999999; top: 0; left:180px; background:#fff; border-radius:100%;  width:50px; height:50px; }

.toggle {margin: 5px 5px 0 0;}

ul.share {padding:66px 0px 0px;text-align: center; }
.share li { list-style:none; padding:5px 0px 10px; margin-bottom:10px; position:relative; }
.share li:after {bottom: -1px;content: "";height: 1px;left: 0;position: absolute;width: 30px;}

.site-header {  background: none repeat scroll 0 0 #fff;margin: 0;    top: 0;    width: 100%;    z-index: 999; position: fixed;transition: all 0.5s ease 0s;}

.navbar-header .navbar-brand {font-size: 18px;height: auto;line-height: 20px;padding: 5px;float: none;}

.content{overflow: auto;position: relative;padding: 0px !important;height:450px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content.hidden{ display: none; }
.content.light{background-color: #ddd;color: #333;}

.inner-content-area { margin-right:20px; }

/** navbar **/


/** vid **/
.vide{margin-top:4%; text-align:center; position:relative;  }
.vide img { width:100%; }
.videplay { position:absolute; top:30%; left:35%; z-index:999; width:95px; height:95px; }
.videplay img { width:100%; }
.vid-but {
    background-color: #f5982b;
    color: #fff;
    font-family: "browallia_newbold";
    font-size: 25px;
      padding:5px 20px;
    text-decoration: none;
    transition: all 0.35s ease 0s;
}
.vid-but:hover{transition: all 0.35s ease 0s;text-decoration:none;background-color:#002500;color:#fff;}

.vid{background-image:url('../images/vid-bg.jpg');background-size:cover;}
.sayings h3{font-family:'browallia_newitalic';color:#162b11;font-size:28px;line-height:28px;}
.sayings h3 span{font-family:'browallia_newbold_italic';font-size:28px;}
.sayings {margin: 0 auto 30px; width:60%;}

.music p{font-family:'browallia_newitalic';color:#162b11;font-size:26px;line-height:28px;}
.music h4{font-family:'browallia_newregular';color:#162b11;font-size:30px;line-height:24px;}
.music h4 span{font-family:'browallia_newbold_italic';color:#162b11;font-size:36px;line-height:24px;}


/** vid **/


/** aboutt **/

.about{background-image:url('../images/abt-bg.jpg');background-size:cover;}
.about h2{color:#fff;}
.about h3{color:#fff;}
.about h3 span{font-family:'browallia_newbold_italic';font-size:28px;}
.about p{font-family:'browallia_newregular';color:#fff;font-size:26px;line-height:28px;}
.about p span{font-size:28px;}

.why{background-color:#4B7E21;margin-top:20px;padding:0px;}
.why h4{font-family:'browallia_newbold';font-size:32px;color:#fff;}

.good{padding:20px;}
.good-list{padding:0px;}
.good-list li {background-image: url("../images/point.png");background-position:0px 15px;background-repeat: no-repeat;font-size: 13px;line-height: 28px;list-style: outside none none; padding: 10px 27px;font-family:'browallia_newregular';font-size:26px;color:#fff;}

/** about **/


/** vission **/

.vission{background-image:url('../images/vission-bg.jpg');background-size:cover; background-position:center center }
/** .mission{background-image:url('../images/double-codes.png');background-repeat: no-repeat;background-position:0px 4px;} **/

.mission { background:url(../images/double-codes.png) no-repeat center top; padding:30px 0px }
.mission h3{font-family:'browallia_newbold';color:#fff;font-size:26px;}
.mission h4{font-family: "lobster_1.3regular";color:#fff;font-size:30px;}

/** vission **/


/** services **/

.conten{position:relative;}
.box-pro-img {
    left: 36%;
    position: absolute;
    top: -44px;
    width: 75px;
}
.box {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


.services{background-image:url('../images/service-bg.jpg');background-size:cover;}
.services h2{color:#30681D;}

.box{background-color:#fff; min-height:195px;margin:46px 0px;padding:20px 20px 5px;  }

.box:hover .box-pro-img {
	transition: all 0.7s ease;
-webkit-transform: rotate(45deg);
transform: rotate(360deg);
}
.box h3{font-family:'browallia_newbold';color:#326a25;font-size:22px;text-transform:uppercase;}
.box p{font-family:'browallia_newregular';color:#525252;font-size:22px;line-height:24px; text-align:center; }


.portfolio-modal .modal-content {
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	min-height: 100%;
	padding: 100px 0;
	text-align: center;
	background:#8CA913;
}
.portfolio-modal .modal-content h2 {
	margin-bottom:25px;
	    font-size: 40px;
		color:#fff;
		font-family: 'browallia_newbold';
}

.portfolio-modal .modal-content h3 {
	margin-bottom: 15px;
	font-size: 20px;
	color:#fff;
}

.portfolio-modal .modal-content a.cls {padding:18px 25px;  position: relative; top: 30px; transition:all 2s ease-in-out; color:#fff; font-size:30px; border:1px solid #fff; width:40px; height:40px; border-radius:100%; }
.portfolio-modal .modal-content a:hover.cls{}

.portfolio-modal .modal-content p {margin-bottom:10px; color:#fff; font-family:'browallia_newregular'; font-size:27px; text-align:justify; padding:0px;  }

.portfolio-modal .modal-content .item-img { width:50%; margin:0 auto;  }

.portfolio-modal .modal-content ul.list-inline {
	margin:0px 0px 10px; padding:0px;
	text-align:left;
}
.portfolio-modal .modal-content .list-inline li { background:url(../images/point.png) no-repeat left 5px;  color:#fff; font-family:'browallia_newregular'; font-size:27px; list-style:none;  text-align:left !important; padding:0px 0px 15px 30px;  display:block; line-height:28px; }


.portfolio-modal .modal-content img {
	margin-bottom: 30px
}
.portfolio-modal .close-modal {
	position: absolute;
	width: 75px;
	height: 75px;
	background-color: transparent;
	top: 25px;
	right: 25px;
	cursor: pointer
}
.portfolio-modal .close-modal:hover {
	opacity: .3
}
.portfolio-modal .close-modal .lr {
	height: 75px;
	width: 1px;
	margin-left: 35px;
	background-color: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 1051
}
.portfolio-modal .close-modal .lr .rl {
	height: 75px;
	width: 1px;
	background-color: #fff;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	z-index: 1052
}
.portfolio-modal .modal-backdrop {
	opacity: 0;
	display: none
}

.box a{text-decoration:none;font-family:'browallia_newregular';color:#326a25;font-size:24px;transition:0.3s ease all;}
.box a:hover{transition:0.3s ease all;color:#EE8F3E;}


/** services **/


/** dimension **/

.dimension{background-image:url('../images/dimension-bg.jpg');background-size:cover;}
.dimen h2{color:#fff;}
.dimension p{font-family:'browallia_newregular';color:#fff;font-size:26px;line-height:28px;}

.gui{padding:23px;}

.sion-list li{font-family:'browallia_newregular';color:#fff;font-size:26px;line-height:54px;}
.sion-list li:hover span.lis{background-color:#2D5C0E;}
.sion-list li .lis-con{padding: 6px 0px 6px 60px;}
.sion-list li span.lis{width: 50px;height: 50px;display: inline-block;background-color:#ee8f3e;float: left;text-align: center;border-radius: 100%;margin-top:6px;color: #fff;transition: all 300ms ease-in-out;}
.sion-list li span.lis p{font-family:'browallia_newregular';color:#fff;font-size:26px; text-align:center; }

/** dimension **/


/** acous **/

.acous{background-image:url('../images/studio-bg.jpg');background-size:cover;}
.acous h2{color:#326a25}
.acous h5{color: #162b11;font-family: "browallia_newbold";font-size: 26px;line-height: 28px;margin: 0 auto;text-align:justify; padding:5px 0; }
.acous p.short{color: #162b11;font-family: "browallia_newitalic";font-size: 26px;line-height: 28px;margin: 0 auto;text-align:justify; padding:5px 0 15px; }
.acous h4 { font-size:35px; color:#326a25 ; font-family: "browallia_newbold"; margin:0px 0px 10px; padding:0px;}
.acous ul { margin:10px 0px 30px; padding:0px; }
.acous li {background:url(../images/point.png) no-repeat left 5px;  color:#162b11; font-family:'browallia_newregular'; font-size:26px; list-style:none;  text-align:left; padding:0px 0px 15px 30px;  display:block; line-height:28px; }
.melody-block { margin:30px 20px 30px 0px; }
.recording-block { margin:30px 0px 0px 20px;  } 
.enq-btn1 a {background: #f58320 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-family: "browallia_newbold";
    font-size: 28px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;}

/** acous **/


/** gallery **/

.ga-im{padding-bottom:30px;} 
.ga-im img {width:100%; border:5px solid rgba(255,255,255,0.70)  }

.gall{background-image:url('../images/gallery-bg.jpg');background-size:cover;}
.gal h2{color:#fff;}

.gallery-images{margin-top:40px;}

/** gallery **/


/** contact **/

.contact{background-image:url('../images/contact-bg.jpg');background-size:cover;}
.contact h2{color:#fff;}

.cont h3{font-family:'browallia_newregular';color:#fff;font-size:26px;line-height:26px;}
.cont h4{font-family:'browallia_newbold';color:#fff;font-size:30px;}


.enquir-form {
	margin: 0px auto 0;
	width:100%;
}
.enquir-form .frm-fields {
	color: #000;
	margin-bottom: 15px;
	text-align: left;
	width: 100%;
}
.enquir-form .frm-fields .form-data input[type="text"] {
	border: 1px solid #bcbcbc;
	border-radius: 0px;
	color: #000;
	font-family: 'browallia_newregular';
	font-size: 26px;
	color:#5b5b5b;
	padding: 8px 6px;
	width: 100%;
}

.chkbg { background:#fff; text-align:center; padding:4px 0px; }
.enquir-form .frm-fields .form-data select {
	border: 1px solid #bcbcbc;
	border-radius: 0px;
	color: #000;
	font-family: 'browallia_newregular';
	font-size: 26px;
	color:#5b5b5b;
	padding: 8px 6px;
	width: 100%;
}


.enquir-form .frm-fields .form-data textarea {
	border: 1px solid #bcbcbc !important;
	border-radius: 0px;
	font-family: 'browallia_newregular';
	font-size: 26px;
	color:#5b5b5b;
	height: 150px;
	padding: 6px;
	width: 100%;
}
.enquir-form .frm-fields .form-data input[type="submit"] {
	background:#F58320 !important;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-family: 'browallia_newregular';
	font-size: 28px;
	padding: 12px 25px;
	text-transform: uppercase;
	width: 100%;
}
.enquir-form .frm-fields .form-data {
	text-align: center;
}
.enquir-form .frm-fields .form-data.align-rht {
	text-align: right;
}
.enquir-form .frm-fields .form-data.align-left {
	text-align: left;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:0.8
}
::-moz-placeholder { /* Firefox 19+ */
 opacity:0.8
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:0.8
}
:-moz-placeholder { /* Firefox 18- */
  opacity:0.8
}




/** contact **/


/** footer **/

.footer{background-color:#326217;padding:10px 0px;}
.footer p{color: #fff;font-family: "browallia_newbold";font-size: 20px;line-height:19px;}
.footer a{color:#fff;text-decoration:none;}
.footer a:hover{color:#F58320;transition:0.3s ease all;}
/** footer **/

.enq-btn { position:fixed;  z-index:99999; top:45%; right:-68px; transform:rotate(-90deg)  }
.enq-btn a {background:#F58320;	border: 0 none;	border-radius: 3px;	color: #fff;font-family: 'browallia_newbold';font-size: 28px;	padding:8px 20px;
	text-transform: uppercase; text-decoration:none; }

#formModal .modal-header { padding:8px 15px; }
#formModal .modal-header, #formModal .modal-content { border-radius:0px; background:#47841c; }
#formModal .modal-header h4 { color:#fff; font-family: "browallia_newbold";font-size:40px; }
#formModal .modal-header .close { opacity:0.8; color:#fff; }

.quick-enquiry-block {
    margin-bottom: 0;
    width: 100%;
	font-family: 'browallia_newregular';
	font-size: 24px;
}
.quick-enquiry-block .frm-fields {
    color: #fff;
    float: left;
    margin: 0 0 5px;
    text-align: left;
    width: 100%;
}
.quick-enquiry-block .frm-fields1 {
    float: left;
    margin: 0 1% 5px;
    text-align: left;
    width: 100%;
}
.quick-enquiry-block .frm-fields input {
    background: #3c6e19 none repeat scroll 0 0;
    border: 1px solid #3c681d;
    padding: 5px 6px;
    width: 100%;
}
.quick-enquiry-block .frm-fields select {
    background: #3c6e19 none repeat scroll 0 0;
    border: 1px solid #3c681d;
    padding:5px 6px 12px;
    width: 100%;
}
.quick-enquiry-block .frm-fields select {
    background: #3c6e19 url("../images/downarrow-w.png") no-repeat scroll right 15px;
    border: 1px solid #3c681d;
    width: 100%;
}
.styleSelect select {
    -moz-appearance: none;
    color: #fff;
}
.styleSelect {
    overflow: hidden;
}
.quick-enquiry-block .frm-fields textarea {
    background: #3c6e19 none repeat scroll 0 0;
    border: 1px solid #3c681d !important;
    min-height: 100px;
    padding: 6px;
    width: 100%;
}
.quick-enquiry-block .frm-fields1 input[type="submit"] {
    background:#F58320 ;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-family: 'browallia_newregular';
	font-size: 28px;
	padding: 6px 25px;
	text-transform: uppercase;
	width: 100%; transition:all 500ms ease-in-out
}
.quick-enquiry-block .frm-fields1 input[type="submit"]:hover { background:#4a7d21; }