/*** Style Definitions ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, strong,
menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, strong, menu, nav, section{
display:block;
}
body{
line-height:1;
}
ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
body{
font:normal 18px SegoeUIRegular, Arial, Helvetica, sans-serif;
color:#fff;
outline:none;
padding:0;
margin:0 auto;
width:100%;
background:#000;
height:100%;
overflow:hidden;
}
html{
font:normal 15px SegoeUIRegular, Arial, Helvetica, sans-serif;
color:#fff;
outline:none;
padding:0;
margin:0 auto;
width:100%;
background:url(../images/bg.jpg) repeat;
height:100%;
}
p{
font:normal 15px SegoeUIRegular, Arial, Helvetica, sans-serif;
color:#fff;
}
a{
font:normal 15px SegoeUIRegular, Arial, Helvetica, sans-serif;
color:#808285;
text-decoration:none;
}
:focus{
outline:none;
}
:active{
outline:none;
}
.has-scrollbarfocus{
outline:none;
}
.main:focus{
outline:none;
}
.main .nano:focus{
outline:none;
}
.main pre:focus{
outline:none;
}
.main:active{
outline:none;
}
.main .nano:active{
outline:none;
}
.main pre:active{
outline:none;
}
.ourwork_content h3{
}
h3, h4, h5{
text-transform:uppercase;
}
a img{
border:none;
}
a, button, input, img, p{
outline:none;
}
a, button, input, img, p:fouch{
outline:none;
}
.clouds{
width:100%;
height:650px;
position:absolute;
top:10px;
overflow:hidden;
left:100%;
}
#clouds-small{
width:5000px;
height:100%;
background:url(../images/who-we-are.png) repeat-x left;
left: -250px;
position: relative;
top:-50px;
}
#cloud2{
position:relative;
top:-262px;
}
#clouds-big{
width:4000px;
height:100%;
background:url(../images/who-we-are.png) repeat-x;
}
.logo{
background:url(../images/logo.png);
width:89px;
height:60px;
display:block;
position:absolute;
top:10px;
left:6%;
}
#menu{
float:right;
}
#menu a{
display:block;
}
#menu a:hover{
}
/*#menu a.selected{
background:#AAA;
color:#FFF;
}*/
#menu li{
float:left;
margin-left:10px;
}
.home_link{
background:url(../images/home_link.png) no-repeat;
width:57px;
height:57px;
}
.home_link:hover{
background:url(../images/home_link_h.png) no-repeat ;
}
.who-we{
background:url(../images/who-we.png) no-repeat;
width:57px;
height:57px;
}
.who-we:hover{
background:url(../images/who-we_h.png) no-repeat ;
}
.our-work{
background:url(../images/our-work.png) no-repeat ;
width:57px;
height:57px;
}
.our-work:hover{
background:url(../images/our-work_h.png) no-repeat ;
}
.contact-us{
background:url(../images/contact-us.png) no-repeat ;
width:57px;
height:57px;
}
.contact-us:hover{
background:url(../images/contact-us_h.png) no-repeat ;
}
#header{
margin:0 auto;
width:100%;
position:absolute;
top:20px;
right:4%;
z-index:56;
}
#wrapper{
width:100%;
top:0;
position:absolute;
left:0;
overflow:hidden;
background:url(../images/bg_trans.png) repeat;
}
#mask{
width:600%;
height:100%;
}
.box{
width:16.66%;
height:100%;
float:left;
}
.page_content{
width:1000px;
margin: 0 auto;
position:relative;
padding-top:40px;
}
.container{
width:1000px;
position:relative;
}
.clear{
clear:both;
}
.music_instuments{
float: left;
width: 180px;
}
.music_instuments input{
cursor:pointer;
outline:none;
display:block;
clear:both;
}
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes spaceboots {
0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes spaceboots {
0% { -ms-transform: translate(2px, 1px) rotate(0deg); }
10% { -ms-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
.music_instuments input:hover,
.music_instuments input:focus {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spaceboots;
-moz-animation-duration: 0.8s;
-moz-transform-origin:50% 50%;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spaceboots;
-ms-animation-duration: 0.8s;
-ms-transform-origin:50% 50%;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
}
.music_instuments input {
display:inline-block
}
.electric_gitar input{
background:url(../images/electric_gitar.png) no-repeat no-repeat;
width:177px;
height:189px;
text-indent:-999em;
border:none;
float:left;
}
#electricgitar{
display:none;
}
.clap_clave input{
background:url(../images/clap_clave.png) no-repeat no-repeat;
width:122px;
height:121px;
text-indent:-999em;
border:none;
margin-top:10px;
float:left;
}
#clapclave{
display:none;
}
.bass_gitar input{
background:url(../images/bass_gitar.png) no-repeat no-repeat;
width:129px;
height:232px;
text-indent:-999em;
border:none;
margin-top:10px;
float:left;
}
#bassgitar{
display:none;
}
.bass_gitar input{
background:url(../images/bass_gitar.png) no-repeat no-repeat;
width:129px;
height:232px;
text-indent:-999em;
border:none;
margin-top:10px;
float:left;
}
#bassgitar{
display:none;
}
.rattler{
margin-top:20px;
}
.rattler input{
background:url(../images/rattler.png) no-repeat no-repeat;
width:159px;
height:162px;
text-indent:-999em;
border:none;
float:left;
}
#rattlerinstument{
display:none;
}
.rattler input{
background:url(../images/rattler.png) no-repeat no-repeat;
width:184px;
height:162px;
text-indent:-999em;
border:none;
float:left;
}
#rattlerinstument{
display:none;
}
.bongo_drums{
clear: both;
display: block;
padding-top: 136px;
}
.bongo_drums input{
background:url(../images/bongo_drums.png) no-repeat no-repeat;
width:153px;
height:201px;
text-indent:-999em;
border:none;
float:left;
}
#bongodrums{
display:none;
}
.second_nav{
float:left;
width:590px;
height:630px;
position:relative;
}
.second_nav #menu{
float:left;
position:relative;
top:0px;
right:0px;
}
.second_nav #menu li{
margin:0 auto;
}
.second_nav #menu li a{
background-color:transparent;
text-indent:-9999em;
}
.second_nav #menu li a:hover{
border:none;
outline:none;
}
.what_we{
background:url(../images/what_we.png) no-repeat ;
width:206px;
height:97px;
position: relative;
top:0px;
}
/*.what_we:hover{
background:url(../images/what_we_h.png) no-repeat ;
}*/
.what_img{
background: url("../images/what_we.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 492px;
position: relative;
top:20px;
width: 206px;}
.who_we{
background:url(../images/who_we.png) no-repeat ;
width:170px;
height:157px;
left:120px;
position: relative;
top:50px;
display:block
}
.who_we:hover{
background:url(../images/who_we_h1.png) no-repeat;
}
.blg-btn{
background:url(../images/blog_h.png) no-repeat ;
width:170px;
height:157px;
left:-230px;
position: relative;
top:50px;
}
.blg-btn:hover{
background:url(../images/blog_h2.png) no-repeat;
}
/*.who_we:hover{
background:url(../images/who_we_h.png) no-repeat;
}*/
.our_work{
background:url(../images/our_work.png) no-repeat ;
width:191px;
height:59px;
position: relative;
}
/*.our_work:hover{
background:url(../images/our_work_h.png) no-repeat ;
}*/
.contact_us{
background:url(../images/contact_us.png) no-repeat ;
height: 349px;
left:170px;
position: absolute;
top:163px;
width: 325px;
}
/*.contact_us:hover{
background:url(../images/contact_us_h.png) no-repeat ;
}
*/
.music_instuments_right{
float: right;
width: 180px;
}
.music_instuments_right input{
cursor:pointer;
outline:none;
display:block;
clear:both;
}
.music_instuments_right input:hover, .music_instuments_right input:focus {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spaceboots;
-moz-animation-duration: 0.8s;
-moz-transform-origin:50% 50%;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spaceboots;
-ms-animation-duration: 0.8s;
-ms-transform-origin:50% 50%;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
}
.music_instuments_right input {
display:inline-block
}
.footer{
background: #fe0101;
padding: 5px;
height:20px;
overflow: hidden;
bottom: 0px;
z-index:10;
margin-top: 20px;
position: absolute;
width: 100%;
}
.footer_logo{
float:left;
width:200px;
margin:0px auto 0 15px;
}
.social_links{
float:right;
width:280px;
}
.social_links ul{
}
.social_links ul li{
float:left;
margin-left:10px
}
.social_links ul li a{
}
.social_links ul li a:hover{
}
#what_we_do{
}
@font-face {
font-family: 'CenturyGothicRegular';
src: url('../fonts/gothic.eot');
src: url('../fonts/gothic.eot') format('embedded-opentype'),
url('../fonts/gothic.woff') format('woff'),
url('../fonts/gothic.ttf') format('truetype'),
url('../fonts/gothic.svg#CenturyGothicRegular') format('svg');
}
@font-face {
font-family: 'SegoeUIRegular';
src: url('../fonts/segoeui_0.eot');
src: url('../fonts/segoeui_0.eot') format('embedded-opentype'),
url('../fonts/segoeui_0.woff') format('woff'),
url('../fonts/segoeui_0.ttf') format('truetype'),
url('../fonts/segoeui_0.svg#SegoeUIRegular') format('svg');
}
h3{
font:bold 60px CenturyGothicRegular, Arial, Helvetica, sans-serif;
color:#fff;
}
.whatwe_content{
width:830px;
margin:0 auto;
position:relative;
z-index: 1;
}
.whatwe_content p{
margin-top:10px;
}
.circle_value{
width:226px;
margin:10px auto 20px;
display:block;
}
#who_we_are{
}
.whowe_content{
width:720px;
margin:0 auto;
position:relative;
z-index: 1;
}
.whowe_content p{
margin-top:15px;
}
.whowe_content h4{
font:normal 24px CenturyGothicRegular, Arial, Helvetica, sans-serif;;
}
.whowe_content h4 b, strong{
margin-left:2px;
}
.whowe_content h4 b{
color:#ff0000;
font-weight:bold;
}
.whowe_content h4 strong{
color:#fff;
}
.whowe_content strong{
color:#fff;
font-weight:bold;
margin-top:30px;
}
.ourwork_content{
width:900px;
margin:0 auto;
position:relative;
z-index: 1;
}
.ourwork_content ul li{
float:left;
margin-top:15px;
}
.ourwork_content h5{
background:#fe0101;
border:solid 1px #ccc;
width:99%;
color:#fff;
text-align:center;
font:normal 14px SegoeUIRegular, Arial, Helvetica, sans-serif;
line-height:28px;
margin-top:10px;
}
.fancybox{
}
/*--==========raees work==========--*/
.online_services{
width:100%;
text-align:center;
}
.inline1_detail{
width:50%;
}
.inline1_detail p{
color:#333;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background:url("../images/fancybox_overlay_a.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #444;
text-shadow: none;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden !important;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: hidden;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
#contact_us{
background:url(../images/contact_bg.png) no-repeat right;
width:968ox;
height:588px;
/* margin:110px auto 0;*/
position:relative;
z-index:20;
}
.contact_form{
width:753px;
padding-top:20px;
}
.contact_form textarea{
width:408px;
height:142px;
font:normal 22px snigletregular, Arial, Helvetica, sans-serif;
color:#dcd9d9;
border:solid 1px #000;
padding:10px;
resize:none;
margin-top:10px;
overflow:hidden;
float:left;
}
.text_fileds{
width:162px;
float:left;
margin-left:20px;
}
.text_fileds input{
width:162px;
padding:7px;
margin-top:10px;
font:normal 22px snigletregular, Arial, Helvetica, sans-serif;
color:#dcd9d9;
height:17px;
border:solid 1px #000;
}
.contact_form button{
width:108px;
height:52px;
font:normal 22px snigletregular, Arial, Helvetica, sans-serif;
color:#dcd9d9;
float:right;
border:solid 1px #000;
background:#FE0101;
margin-top:62px;
cursor:pointer;
}
.contact_form button:hover{
color:#000;
background:#fff;
}
.contact_form p{
text-align:center;
font-size:24px;
}
.contact_content{
width:630px;
margin:0 auto;
position:relative;
z-index: 1;
padding-top:130px;
}
.contact_content p{
margin-top:15px;
}
.contact_content h4{
font:normal 20px snigletregular, Arial, Helvetica, sans-serif;
}
.contact_location{
padding-top:40px;
}
.contact_location p{
color:#fff;
}
.contact_location p a{
color:#fff;
margin-right:20px;
}
.contact_location p a:hover{
color:#FE0101;
}
.whatwe_lightbox{
width:530px;
margin:30px auto 0;
}
.whatwe_lightbox li{
float:left;
margin-left:70px;
}
.whowe_content_lightbox{
width:600px;
margin:38px auto 0;
}
.whowe_content_lightbox li{
float:left;
margin-left:32px;
}
.whowe_content_lightbox p{
text-align:center;
font-size:14px;
color:#000;
padding-top:10px;
}
.whatwedo .selected{
background:url(../images/home_link_h.png) no-repeat;
}
.whoweare .selected{
background:url(../images/who-we_h.png) no-repeat;
}
.ourwork .selected{
background:url(../images/our-work_h.png) no-repeat;
}
.contactus .selected{
background:url(../images/contact-us_h.png) no-repeat;
}
.ourblog .selected{
background: url(../images/blog_btn_h.png) no-repeat;
height: 57px;
width: 57px;
}
.our-blog{
background: url(../images/blog_btn.png) no-repeat;
height: 57px;
width: 57px;
}
.our-blog:hover{
background: url(../images/blog_btn_h.png) no-repeat;
height: 57px;
width: 57px;
}
/*
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano .content {
position : absolute;
overflow : scroll;
overflow-x : hidden;
top : 0;
right : 0;
bottom : 0;
left : 0;
}
.nano .content:focus {
outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
visibility: visible;
}
.nano > .pane {
background : #fff;
position : absolute;
width : 5px;
right : 0;
top : 0;
bottom : 0;
visibility : hidden\9;
opacity : .01;
-webkit-transition : .2s;
-moz-transition : .2s;
-o-transition : .2s;
transition : .2s;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
.nano > .pane > .slider {
background: #444;
background: #333;
position : relative;
margin : 0 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
visibility : visible\9;
opacity : 0.99;
}
*/
/** initial setup **/
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano .content {
position : absolute;
overflow : scroll;
overflow-x : hidden;
top : 0;
right : 0;
bottom : 0;
left : 0;
}
.nano .content:focus {
}
.nano .content::-webkit-scrollbar {
visibility: visible;
}
.has-scrollbar .content::-webkit-scrollbar {
visibility: visible;
}
.nano > .pane {
background : #fe0101;
position : absolute;
width : 5px;
right : 0;
top : 0;
bottom : 0;
-webkit-transition : .2s;
-moz-transition : .2s;
-o-transition : .2s;
transition : .2s;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
.nano > .pane > .active-btns {
background: #fff;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
}
.main {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height:375px;
display:block !important;
margin: auto;
}
.main .nano {
}
.main pre {
background: #fff;
border-bottom: 1px solid white;
}
.small.nano {
background: #fff;
height: 100px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.drum_kick{
clear: both;
display: block;
padding-top:98px;
}
.drum_kick input{
border: medium none;
display: block;
height: 97px;
margin-top: -114px;
text-indent: -999em;
width: 206px;
background:none;
cursor:pointer;
}
#drumkick{
display:none;
}
.drum_hihat{
clear: both;
display: block;
padding-top: 136px;
}
.drum_hihat input{
border: medium none;
display: block;
height: 153px;
margin-top: -114px;
text-indent: -999em;
width:172px;
background:none;
cursor:pointer;
}
#drumhihat{
display:none;
}
.ourwork_img{
background: url("../images/our_work.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 312px;
left: 256px;
position: relative;
top:6px;
width: 191px;
}
.drum_hihat1{
clear: both;
display: block;
padding-top: 136px;
}
.drum_hihat1 input{
border: medium none;
display: block;
height: 153px;
margin-top: -114px;
text-indent: -999em;
width:377px;
background:none;
cursor:pointer;
}
#drumhihat1{
display:none;
}
.drum_snare{
clear: both;
display: block;
margin-top:114px;
}
.drum_snare input{
border: medium none;
display: block;
height:59px;
margin-top: -114px;
text-indent: -999em;
width:177px;
background:none;
cursor:pointer;
}
#drumsnare{
display:none;
}
.drum_crash{
clear: both;
display: block;
padding-top: 136px;
}
.drum_crash input{
border: medium none;
display: block;
height: 325px;
margin-top: -114px;
text-indent: -999em;
width:349px;
background:none;
cursor:pointer;
}
#drumcrash{
display:none;
}
#video_img{
position:relative;
width:100%;
}
#video_img video{
width:100%;
float:left;
}
#list {
height:130px;
width:918px;
margin:100px auto 30px;
}
.slider {
float:left;
left: -5000px;
margin:0 15px 15px;
position:relative;
visibility:hidden;
}
.slider ul {
height:100px;
width:800px;
}
.slider ul li {
padding:0 0px;
margin-left:16px;
border-radius:5px;
padding:5px;
padding-bottom:0px;
background:#fff;
}
.slider ul li img {
cursor:pointer;
height: 176px;
width: 176px;
}
.prev {
cursor:pointer;
float:left;
padding-top:94px;
}
.next {
cursor:pointer;
float:right;
padding-top:94px;
}
/************************************************
CAPTIFY CAPTION
************************************************/
#values p{
display:block; font-weight:bold;
padding-top:40px;
}
#values{
padding:20px;
margin:10px;
}
#values p b{
font-weight:bold;
font-style:italic;
}
#mission_statement p{
display:block; font-weight:bold;
padding-top:40px;
}
#mission_statement{
padding:20px;
margin:10px;
}
#mission_statement p b{
font-weight:bold;
font-style:italic;
}
#vision_content p{
display:block; font-weight:bold;
padding-top:40px;
}
#vision_content{
padding:20px;
margin:10px;
}
#vision_content p b{
font-weight:bold;
font-style:italic;
}
#vision_content h4{
font-weight:bold;
font-size:36px;
padding-top:40px;
color:#fff;
}
#vision_content ul{
padding-left:20px;
}
#vision_content ul li{
list-style:circle;
line-height:41px;
color:#fff;
}
#vision_content ul li u{
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
#our-team p{
display:block; font-weight:bold;
padding-top:40px;
}
#our-team{
padding:20px;
margin:10px;
}
#our-team p b{
font-weight:bold;
font-style:italic;
}
.team-detail{
margin-top: 30px;
margin-bottom:30px;
display:block;
text-align: center;
width:820px;
padding-bottom:100px;
}
.team-detail strong{
font-weight:bold;
}
.team-detail h4{
font-size:32px;
color:#fff;
font-weight:bold;
}
.team-detail label{
color:#fff;
}
.team-detail p{
color:#fff;
font-weight:normal !important;
font-size:14px;
padding-top:10px !important;
line-height:22px !important;
}
.cycle_circel{
max-width:25%;
margin:0 auto;
display:block;
}
#online_services p{
display:block; font-weight:bold;
padding-top:40px;
}
#online_services{
padding:20px;
margin:10px;
}
#online_services p b{
font-weight:bold;
font-style:italic;
}
#online_services p b{
font-weight:bold;
font-style:italic;
}
.popup-detail{
}
.popup-detail ul li{
clear: both;
color: #FFFFFF;
display: block;
margin-top: 15px;
overflow: hidden;
}
.popup-detail ul li label{
float:left;
padding:3px 0 0 15px;
}
.popup-detail ul li img{
float:left;
max-width: 4%;
}
#ourblog h4{
font-size:32px;
text-align:center;
padding-top:50px;
}
#ourblog h5{
font-size:20px;
font-weight:bold;
text-align:center;
}
#ourblog p{
margin-top:30px;
line-height:30px;
}
#ourblog ul li{
margin-top:30px;
font-weight:bold;
}
#ourblog strong{
font-weight:bold;
font-style:italic;
padding-right: 16px;
margin-top:30px;
}
#ourblog label{
text-align:center;
display:block;
font-size:13px;
margin-top:20px;
}
.blog-detail {
display: block;
margin-bottom: 40px;
overflow: hidden;
padding-right: 30px;
}
.fancybox-outer h3{
font-size:46px;
}
#ourblog h3 b{
color:#FE0101;
}