@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
body{padding-bottom:0;min-height:100%;	margin:0;padding:0;height:100%;font-family:'Open Sans'; color: #fff; background: url('')}
html, body {margin: 0;padding: 0;height: 100%; min-height: 100%;}

.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}
a {color: inherit;}
a:hover {text-decoration: none;}
.navbar {min-height:115px; background-color: rgba(0, 0, 0, 0.26); border: 0; 
         /* -webkit-box-shadow: inset 2px -20px 80px 15px rgba(0,0,0,0.31); */
         -moz-box-shadow: inset 2px -20px 80px 15px rgba(0,0,0,0.31);
         /* box-shadow: inset 2px -20px 80px 15px rgba(0,0,0,0.31); */}
.navbar-page-title {font-size: 34px;font-weight: bolder;color: #fff;padding: 0px 20px;margin-left: 10px;font-weight: bolder;padding-top: 10px;}

.header-right {margin: 12px 0;padding: 8px 15px;border-left: 2px solid rgba(202, 202, 202, 0.7);float: left;}
.header-right .bang-logo-holder {margin-bottom: 10px; margin-left: 3px;}
.header-right .header-social-icons a {padding-right: 2px;}
.navbar.not-landing {background: rgb(34, 34, 34);}
.header-left {float: left;margin: 12px 0; padding: 8px 15px}
.header-left .divison-logo-holder {text-align: right; margin-top: 3px;}
.navbar .nav > li > a {display: inline-block; font-size: 15px; text-transform:  uppercase; color: #fff; padding: 0px 5px; margin-top: 10px;}

/*.nav {width: 100%;}*/
.navbar .nav > li > a {margin-top: 0;}

.navbar .nav li + li:before{content: "/";position: relative;color: rgba(221, 221, 221, 0.54);}
.table-full { display: table;width: 100%;height: 100%; overflow: hidden;background-image: url('/assets/desktop/img/grid_70op.png');}
.table-100 { width: 100%; /* height: 100%; */ background-color: #eee; position: relative;}
.who-we-are {position:  absolute; bottom: 30px; margin-left: 30px;}
.who-we-are h2 {  background-color: rgba(0, 0, 0, 0.7); display:  inline-block; padding: 10px 20px;  font-weight: bolder;  font-size: 35px;}
.who-we-are p {max-width: 650px; background-color: rgba(0, 0, 0, 0.7); padding: 20px; font-size: 16px; margin-left: 70px;}

.vimeo-panel .video {position: relative; width: 33.33333333%; height: 300px; /* display: table; */ float:left; background-color: #999;  overflow: hidden;}
.vimeo-panel .title {position: absolute; bottom: 0; background-color: #000; padding: 5px 10px;  z-index: 5;}
.vimeo-panel .cover {background-size: cover; background-position: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
.vimeo-panel .play-control {
   background-image: url('/assets/desktop/img/grid_70op.png');
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.vimeo-panel .play-control div { background: url('/assets/desktop/img/play.png') center center no-repeat;position: absolute; left: 0; top: 0; right: 0px; bottom: 0; z-index: 4; }
.vimeo-panel a:hover .play-control {opacity: 1;}
.vimeo-panel a:hover {color:#fff;}


#scroll-down {height: 35px; width: 100px; background: url('/assets/desktop/img/arraw_down.png') 10px center no-repeat #000; position: fixed; bottom: 10px; right: 20px; z-index: 120; padding-left: 30px; text-transform: uppercase;line-height: 34px; font-weight: bold;}

.showreal-video {width: 100%;}

section h2 {/* background-color: #1A1919; */ padding: 20px; margin: 0; text-align: center;/* float: left; *//* width: 100%; */color: #666;font-weight: bold;font-size: 33px;background-color: #fff !important;}
section .title2 span {font-size: 16px; color: #999;}
.section .title2 {background-color: #fff; padding: 14px; margin: 0; text-align: center;/* float: left; *//* width: 100%; */}
.section .title2 h2 {padding: 0;}
.copyright a:hover {color: #ff0000;}
.showreel {
    padding: 40px;
    background-image: url('/assets/desktop/img/noise_bg.png');
    background-color: #ddd;
    text-align: center;   
}

.section {clear:both;}
/*.showreel iframe {
	position: absolute;
	top: 0;
        bottom: 0;
        left:0;
	width: 100%;
	height: 100%;
}*/

.page { color: #666; background: url('/assets/desktop/img/noise_bg.png'); height: 80%;}
.page-content {margin-top: 100px; z-index: 10; position: relative; padding-top: 50px; padding-bottom: 100px;}
.page-content .container {  background-color: rgba(255, 255, 255, 0.05);  border-radius: 0;padding: 20px;}
.clients-page {line-height: 25px;}
.page h2 {
    text-align: center;
    border-bottom: 2px solid rgba(34, 34, 34, 0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

.testimonials-section  h2 {border-bottom: 2px solid #e9e9e9;}
.testimonials {color: #666; padding: 20px 0;display: t;}
.testimonials img {width: 110px; height: 110px;}
.testimonials b {display: inline;}
.testimonials .left{min-width: 129px; float: left;}
.testimonials .right{float: left; padding-top: 6px;}
.slider .slide {height: 250px;}
.slide i {font-size: 11px;}

blockquote {width: 340px;border-left: 0;margin: 0;padding: 0;  quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {color: #ccc;content: open-quote;font-size: 2em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote:after {color: #ccc;content: close-quote;font-size: 2em;line-height: 0.1em;margin-left: 0.25em;vertical-align: -0.4em;}
blockquote p {display: inline;font-size: 15px;}



.portfolio-filter {background-color: rgba(0, 0, 0, 0.27);  /* float:left; */ width: 100%;position: fixed;z-index: 100;}
.portfolio-filter .cd-filter-block {margin-top: 115px; background-color: #000;  border-top: 1px solid rgba(73, 75, 91, 0.37);/* border-bottom: 1px solid rgba(73, 75, 91, 0.65); */padding: 10px;padding-top: 0px;}
.portfolio-filter ul {list-style: none;margin: 0; padding: 0;}
.portfolio-filter li {display: inline-block;}
.portfolio-videos {padding-top: 186px; background: #111;display: table;}
.portfolio-videos .video {height: 300px;}
.tags-color {color:#999;}
.uncheckall {background: #67717B; font-size: 12px; border:0; padding: 5px 10px;} 

.cd-filters label {font-weight: normal; text-transform: uppercase;}

textarea {resize: none;}
.contact-form-holder {margin-top: 5px;}
.contact-form-holder #submit {background-color: #333;border: 0;padding: 10px;text-transform: uppercase;margin-top: 0;float: right;font-weight: bold;margin: 10px 0 20px 0;color: #fff;}

.contact-section { background-color: rgb(255, 255, 255); background-size: 100% auto; color: #666;}
.contact-section h2 {border-bottom: 2px solid #e9e9e9;}
.contact-section .container {padding-top: 20px;}
.contact-section textarea {height: 190px !important;}


/**** FOOTER ****/



.clients { /* background: url('/assets/desktop/img/crown.png') center center no-repeat; */ background-size: cover;   text-align: center; padding: 50px;background-color: #222;}

footer {background-color: #000;padding-bottom: 20px;}
.s-footer {clear: both;width: 100%;color: #fff; /* height: 180px; */padding-top: 20px;padding-bottom: 20px;-khtml-opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);opacity:0.5; display: table;}
.s-footer > .center {width: 890px; margin: 0 auto;}
.s-footer > .center > .left {width: 25%;float: left;font-size: 20px;text-align: right;padding-right: 20px;height: auto;text-transform: uppercase;line-height: 22px;font-weight: 100;}
.s-footer > .center > .right {width: 74%;float: left;font-size: 19px;line-height: 19px;font-weight: normal;padding-left: 20px;border-left: 1px solid #646466;font-weight: normal;text-align: justify;}
.s-footer > .center > .right *{font-size: 12px;text-transform: none;display: inline;line-height: 14px;font-weight: normal;}
.s-footer > .center > .right strong{font-weight: bold;}
.s-footer > .center > .right a{color: #fff;}
.s-footer > .center > .right a:hover{text-decoration: underline;}
.s-footer > .center > .right h1,.s-footer > .center > .right h2,.s-footer > .center > .right h3{font-weight: bold;color: #fff;}
.s-footer > .center > .right h1:after,.s-footer > .center > .right h2:after,.s-footer > .center > .right h3:after{content: ' - ';}



.about {max-width: 800px;margin: 0 auto; display: table; margin-top: 50px;}
.about p {letter-spacing: 1px;}
.company-profile {text-align: center; width: 50%; float: left; padding-bottom: 20px;}
.about .company-profile:last-child {padding-left: 20px;}
.company-profile * {margin-bottom: 3px;}
.company-profile a {font-size:12px;color: #666;}
.company-profile h2 {padding: 5px; padding-bottom: 0;margin: 0; font-size: 23px;  border-bottom: 0;}


.services span {font-size: 20px; padding:10px; line-height: 40px;}
.copyright {margin: 0 auto;text-align: center;padding: 20px;background-color: #ddd;color: #343434;}
.modal-content {color:#000;}
span.error {color: #ff0000; line-height: 28px;}
#contact textarea {height: 300px;}

#contact  textarea  {border-radius: 0;padding: 20px 20px;background-color: #CFCFCF;border: 0;margin: 10px 0;}
#contact input{border-radius: 0;border: 0;padding: 0px 20px;background-color: #CFCFCF;margin: 10px 0;height:45px;}
input[type='hidden']{margin:0 !important; padding: 0 !important;}


.gallery {background-color: #000; background: url('/assets/desktop/img/bg.png') no-repeat; background-size: 100% auto; padding-top: 115px;}
#gallery {background-color: #000;}
.gallery .title {position: absolute; bottom: 0; background-color: #000; padding: 5px 10px;  z-index: 5; font-weight: bold;}
.gallery a:hover {color: #fff;}

.press {overflow: hidden;}
.press a:hover {color:#fff;}
.press .press-img {width: 100%; height: 400px;  background-repeat: no-repeat; background-size: cover;    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.press .press-img:hover {    -webkit-transform:scale(1.3);
    transform:scale(1.3);}
.press  .title {  position: absolute;bottom: 0;background-color: #000;padding: 5px 10px;z-index: 5;}

/***** FX *****/

.dropshadow {-webkit-box-shadow: 9px 10px 30px 0px rgba(0,0,0,0.75);-moz-box-shadow: 9px 10px 30px 0px rgba(0,0,0,0.75);box-shadow: 9px 10px 30px 0px rgba(0,0,0,0.75);}
.blur { filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='5'%20/></filter></svg>#blur");
  -webkit-filter:blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter:blur(5px);}


.glow {display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
z-index: auto;
width: auto;
height: auto;
position: static;
opacity: 1;
overflow: visible;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
color: rgba(255,255,255,1);
text-decoration: normal;
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
white-space: pre;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0 0 10px rgba(255,0,0,1) , 0 0 20px rgba(255,0,0,1) , 0 0 30px rgba(255,0,0,1) , 0 0 40px #ff0000 , 0 0 70px #ff0000 , 0 0 80px #ff0000 , 0 0 100px rgba(255,0,0,0.26) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;}



.pulse {
    -webkit-animation: pulse 5s linear infinite;
    -moz-animation: pulse 5s linear infinite;
    -ms-animation: pulse 5s linear infinite;
    animation: pulse 5s linear infinite;
}

@keyframes "pulse" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity:  1;
    }
}

@-moz-keyframes "pulse" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity:  1;
    }

}

@-webkit-keyframes "pulse" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity:  1;
    }
}

@-ms-keyframes "pulse" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity:  1;
    }

}

.mix{
	display: none;
}

input[type=checkbox] {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox] + label {
    padding-left:25px;
    height:14px; 
    display:inline-block;
    line-height:14px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    padding-right: 5px;

}

input[type=checkbox]:checked + label {
    background-position: 0 -16px;
}
.checkbox-label {
    background-image:url(/assets/desktop/img/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** Zoom effects **/



.grow-image-holder img { 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.grow-image-holder:hover > img  {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
/*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  Firefox 10+, Firefox on Android 
    filter: gray;  IE6-9 
    -webkit-filter: grayscale(100%);  Chrome 19+, Safari 6+, Safari 6+ iOS */
}


.grow-image-holder img { 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.grow-image-holder:hover > img  {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
/*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  Firefox 10+, Firefox on Android 
    filter: gray;  IE6-9 
    -webkit-filter: grayscale(100%);  Chrome 19+, Safari 6+, Safari 6+ iOS */
}



/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	/* -webkit-box-shadow: 0 0 5px #ccc; */
	/* box-shadow: 0 0 5px #ccc; */
	/* border:  5px solid #fff; */
	/* left: -5px; */
	/* background: #fff; */
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.fullscreen-bg { background-image: url('/assets/desktop/video/web_intro2.png'); background-position: center; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}




#cookie {z-index: 1000; background-color: #DCDCDC; height: 48px; width: 100%; position: fixed; bottom: 0; text-align: center;}
#cookie > div > a {color: #000; font-size: 12px;line-height: 48px;}
#cookie-accept {background: url('/assets/desktop/img/close_cookie.png'); height: 25px; width: 25px; display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer; z-index: 1001;background-size: 25px 25px;}


.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .icon-bar {display: block;width: 27px;height: 5px;border-radius: 1px;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: transparent;}
.navbar-toggle {border: 0;top: 16px;margin-right: 25px;}
.navbar-collapse {margin-top:0px !important;}

.mobile-social,.mobile-logo {display: none;}
.mobile-logo {line-height: 79px;}
.mobile-logo img{max-width: 100px;}
.bang-logo-holder {margin-top: 5px; margin-bottom: 5px;}
.mobile-social .header-social-icons img {width: 16px; height: 16px;}
.template-shop-btn.mobile {width: 100%; text-align: center; display: none; text-transform: uppercase;}
.template-shop-btn.mobile a { margin-left: 0;}

.visible-on-mobile {display: none;}
video, object {
 left:0;
 position:absolute;
 top:0;
}
@media screen and (max-width: 699px) {
    #video-bg {height: 600px;}
    .division-holders {text-align: center;}
    .division-box {width: 90%;}
    .table-full {position: relative; }
    .cover {/* position: relative; */}
    .slider .slide {height: 500px;}
    .social-feeds .right {float: none; /* min-width: 100%; */text-align: center;}
}
@media screen and (max-width: 699px) {
    .division-holders {text-align: center;}
    .division-box {width: 90%;}
    .table-full {position: relative; }
    .cover {/* position: relative; */}
    .slider .slide {height: 500px;}
    .social-feeds .right {float: none; /* min-width: 100%; */text-align: center;}
}
@media screen and (max-width: 863px ) { /* 767 */
  .navbar-collapse { height: 100%; background-color: #000; margin-top: 38px;width: 100%;margin-top: 24px;}
  .navbar {min-height: 80px;}
  .mobile-social,.mobile-logo {display: inline-block;margin-left: 15px;float: left;}
  .navbar .divison-logo-holder {display: none;}
  .navbar .header-right {display: none;}
  .navbar .header-left{margin: 0;}
  .nav>li {float:left;}
  .page-content {margin-top: 57px;padding-bottom: 0;}
  .page h2 {font-size: 26px;}
  .table-full {min-height: 100%;}
  .clients-page table {width: 100% !important;}
  .inner-page {margin-top: 74px;}
  .kits-inner {margin-top: 74px !important; }
  .kits-inner h2{padding: 25px 0; }
  .audio-player {margin: 5px auto; height: 140px;}
  .portfolio {padding-top: 130px !important;}
  .vimeo-panel .video {width: 100% !important;}
  .portfolio-filter .cd-filter-block {margin-top: 150px;}
  .portfolio-videos {padding-top: 180px;}
  .hide-on-mobile {display: none;}
  
   .visible-on-mobile {display: block; text-align: center;}
   .visible-on-mobile .nav li {float: none; display: inline-block;}
   
}

@media screen and (max-width: 890px) {
    /*.template-shop-btn.desktop {display: none !important;}*/
    /*.template-shop-btn.mobile {width: 100%; text-align: center; display: block;}*/
    .clients img {width: 100%;}
    .s-footer {padding-top: 10px;}
    .s-footer > .center .left {width: 100% !important;text-align: center;/* margin-bottom: 10px; */ padding-right: 0px;background-color: rgba(255, 255, 255, 0.18);margin: 20px 0;padding: 10px;}
    .s-footer > .center .right {width: 100% !important; text-align: center; border: 0; padding: 10px;}
    .s-footer > .center { width: 100%; }
    .instagram h2 {text-align: center;}    

    
    .slider .slide {height: 600px;}
    .slider {margin: 0; padding: 0;}
    blockquote {width: 100%;}
    .testimonials .left{min-width: 129px; float: left; width: 100%; text-align: center;}
    .testimonials img {display: inline-block;}
    .testimonials .right{float: left; padding-top: 6px; width: 100%;text-align: center;}
}


.mobile-social .bang-logo-holder img {height: 30px;margin-top: 8px;}

@media screen and (max-width: 1040px) {
   .vimeo-panel  .video {width: 50%;}
    .navbar-page-title  {/* font-size: 28px; *//* padding: 16px 18px; *//* text-align: center; *//* margin-left: 0; */} 
}


.mobile-social .bang-logo-holder img {height: 30px;margin-top: 8px;}
.division-holder {/* background-color: rgba(255, 255, 255, 0.17); */padding: 5px 5px;position: absolute;top: 11px;font-size:11px;right: 12px;width: 146px;line-height: 16px;}

.division-holder a{margin:5px;}
.division-holder a:hover,.division-holder a:visited,.division-holder a:focus {color: #fff; text-decoration: none;}
.h-video {padding: 0; width: 75.5%;float:left;}
.v-video {padding: 0; width: 23.5%;float:left;}


@media screen and (max-width: 550px) {
    .portfolio-videos {padding-top: 200px !important;}    
    .mobile-social .header-social-icons img {width: 16px; height: 16px;}
    .division-holder {font-size: 9px;}
}




@media screen and (max-width: 1108px) {
    .portfolio-videos { padding-top: 188px;}
    .portfolio-filter .cd-filter-block { margin-top: 143px; }
    .header-right {display: none;}
    .mobile-social {display: inline-block;}
    .mobile-social  {position:fixed;top:0px; width:100%; left:0; right:0; background-color: rgba(0, 0, 0, 1); margin: 0; border: 0; line-height: 37px;}      
    .mobile-social .header-social-icons {margin: 0 !important; padding: 0;}
    .mobile-social .bang-logo-holder {margin: 0 !important; }
    .division-holder {width: auto; padding: 0;}
    .division-holder a {width: auto !important;}
    .navbar {top:25px;}
    .inner-page {margin-top: 136px;}
}

@media screen and (max-width: 1000px) {
    .navbar .nav > li > a {font-size: 12px;}
}

@media screen and (max-width: 863px) {
     .navbar-page-title {padding-top: 28px !important;text-align: center;margin-left: 0;font-size: 20px;}
     .inner-page {margin-top: 154px;}
     .portfolio-filter .cd-filter-block {margin-top: 155px !important;}
     .video-list h3 { margin-top: 70px;}
     .h-video {width: 100%; }
     .v-video {width: 100%; padding: 15px;}
     .liryc-store-page {margin-top: 50px;}
}
/*
.division-holder { background-color: rgba(255, 255, 255, 0.17); padding: 5px 5px;position: absolute;top: 11px;font-size:11px;right: 12px;width: 146px;line-height: 16px;}
.division-holder a:hover,.division-holder a:visited,.division-holder a:focus {color: #fff; text-decoration: none;}*/

.navigation {margin-left: 25px;}
.header-social-icons {margin-top: 55px;}
.division-holder a {background-color: rgba(58, 58, 58, 0.34);width: 100%;display: inline-block;margin: 1px;padding: 0 10px;text-align: right;}


@media screen and (max-width: 480px) {
  @viewport {
    width: 480px;
    zoom: 1;
  }
}

/*** Temaplate Shop ***/

.new-video { margin-top: 20px;}
.template-shop-btn > a {/* background-color: #d43f3a;*/ background-color: #D7FF00; border-radius: 2px; margin-left: 10px; font-size: 12px !important; color:#000 !important; font-weight: bold; padding: 1px 10px !important;}
a.cart-btn {border-radius: 0 2px 2px 0;margin-left: 1px !important;}
.template-shop-btn a:hover {background-color: #D7FF00 !important;}
.template-shop-btn a:focus {background-color: #D7FF00 !important;}
li.template-shop-btn:before {display: none;}
.right-holder {position: absolute;top: 0;right: 15px;z-index: 10; bottom: 0;}
.price {background-color: #000;padding: 3px 10px;font-weight: bold;font-size: 20px; float: right;}
.new {background-color: #E91E63;margin-bottom: 5px;text-align: center;color: #fff;font-weight: bold;font-size: 12px;}
.add-to-cart {position: absolute;bottom: 0;  right: 15px; z-index: 10; background-color: #D7FF00; padding: 5px 10px; color: #000; font-weight: bold; cursor: pointer; font-size: 12px;}

.contact-us {position:  initial; display: inline-block;bottom: 0;  right: 15px; z-index: 10; background-color: #D7FF00; padding: 5px 10px; color: #000; font-weight: bold; cursor: pointer; font-size: 12px;}

#cart-modal textarea{height: 80px;margin: 10px 0;border-radius: 1px;border-color: #eaeaea;background-color: #eaeaea;}
#cart-modal p {font-size: 12px;}
#cart-modal  input {
    border-radius: 0;
    border: 0;
    padding: 0px 20px;
    background-color: #eaeaea;
    margin: 10px 0;
    height: 37px;
}
.btn-primary {
    color: #000;
    font-weight: bold;
    background-color: #c4e800;
    border-color: #D7FF00;
    text-transform: uppercase;
}
.btn-primary:hover{
    color: #000;
    font-weight: bold;
    background-color: #c4e800;
    border-color: #D7FF00;
    text-transform: uppercase;
}

h2 {font-size: 14px; font-weight: bold;}
.item-title {margin-top: 5px;/* margin-left: -20px; */}
.total {font-size: 20px;font-weight: 800;text-align: right;border-bottom: 1px solid #ddd;/* border-top: 1px solid #ddd; */padding: 10px 0;margin: 10px 0;background-color: #fff;}
.modal-header {background-color: #ddd;}
.modal-header .close { margin-top: 3px;}
.cart-item-remove {cursor: pointer;}




.liryc-shop-btn > a {/* background-color: #d43f3a;*/    background-color: rgb(233, 30, 99); border-radius: 2px; margin-left: 10px; font-size: 12px !important; color:#fff !important; font-weight: bold; padding: 1px 10px !important;}
a.cart-btn {border-radius: 0 2px 2px 0;margin-left: 1px !important;}
.liryc-shop-btn a:hover, .liryc-shop-btn a:focus {background-color: rgb(233, 30, 99) !important;}
 
li.liryc-shop-btn:before,li.music-visualisers-btn:before {display: none;}

.liryc-store-videos-holder {margin-top: 20px;}
.liryc-store-videos-holder b {padding: 10px 15px;margin-top: 10px;color: #fff;}

.music-visualisers-btn > a {/* background-color: #d43f3a;*/    background-color: #ea24d0; border-radius: 2px; margin-left: 10px; font-size: 12px !important; color:#fff !important; font-weight: bold; padding: 1px 10px !important;}
.music-visualisers-btn a:hover, .music-visualisers-btn a:focus {background-color: #ea24d0 !important;}



/**** subscribe ****/
#subscribe-flyin {position: fixed;width: 360px;height: auto;background-color: rgb(51, 51, 51);z-index: 100;right: 0px;bottom: 0;padding: 0;-webkit-box-shadow: -8px -6px 5px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:    -8px -6px 5px 0px rgba(50, 50, 50, 0.3);box-shadow: -6px -3px 18px 0px rgba(50, 50, 50, 0.3);}
#subscribe-flyin header {background-color: #717171;font-size: 14px;padding: 10px 20px; text-transform: uppercase; font-weight: bold; cursor: pointer;} 
#subscribe-flyin section {padding: 10px 20px; font-size: 12px; display: none;}
#subscribe-flyin header span {cursor: pointer;text-transform: none;font-size: 14px;padding: 10px 9px;margin-top: -10px;}
#subscribe-flyin input{border-radius: 0;border: 0;padding: 0px 20px;background-color: #ffffff;margin: 2px 0;height: 35px; color:#343434;}
#subscribe-flyin .rightborder {border-right: 2px solid #333;width: 50%;float: left;}
#subscribe-flyin .leftborder {border-left: 2px solid #333;width: 50%;float: left;}
#subscribe-flyin input[type='submit'] {width: 100%;background-color: #6f6f6f;text-transform: uppercase;font-weight: bold;color:#ffffff;}
#subscribe-flyin input.error,#subscribe-flyin textarea.error {border: 2px solid #ff0000;}
#subscribe-flyin span.error {line-height: 20px !important; width: 100%; display: inline-block;}
#subscribe-flyin .subscribe-successfull {font-size: 20px; font-weight: bold; text-align: center;}
#subscribe-flyin textarea {border: 0;border-radius: 0; margin-top: 2px; font-size: 12px; padding: 10px 20px;}

.agree {padding: 5px 0; float: left; }
.agree label, .agree a {/* font-size: 14px; *//* float: left; *//* display: block; *//* line-height: 14px; *//* font-weight: normal; */}
.agree a {text-decoration: underline;}
.agree a:hover,.agree a:visited {color: #fff;}
.w100 {width: 100%;}

/*** File upload ***/
input[type=file] {opacity: 0; position: absolute; z-index: -1;}
#fileupload {background-color: #fff; display: inline-block; padding:10px 20px; text-transform: uppercase; font-weight: 800; float: left; cursor: pointer;}
.filename {float: left;/* padding: 0 10px; *//* margin-top: 5px; *//* font-size: 12px; *//* background-color: #ddd; *//* line-height: 40px; */text-align: left;margin-bottom: 10px;}
.logo-text { width: 100%; text-align: center; margin-bottom: 0 !important; padding: 9px !important; margin: 0 !important;}
.file-btn {background-color: #eaeaea;font-weight: bold;color: #454545;margin-bottom: 10px;}

.other-input {height: 25px;line-height: 25py;padding: 10px !important;width: 25%;margin: 0 !important;/* margin-top: -1px !important; */}
button[disabled], html input[disabled] {
    cursor: default;
    background-color: rgb(255, 255, 255);
}
.fileerror {width: 100%;float: left;margin-top: 10px;}
.file-upload-holder {border-bottom: 2px solid #eaeaea;padding: 10px 0;display: table;width: 100%;margin-bottom: 11px;}
.file-upload {/* text-align: right; */}
.file-upload p {/* padding: 15px 0px; */margin-bottom: 0;font-size: 12px !important;font-weight: bold;color: #1b1b1b;margin-left: 1px;}
.paypal-checkout {margin: 0 !important;padding: 0 !important; height: 33px !important;}
.respond {padding: 10px; color: #e91e63;}
.items-row {border-bottom: 1px solid #eaeaea;padding: 10px 0;float: left;}



/***  V I S U A L   P A G E  ***/
.visual-page h2 {color: #fff;padding-bottom: 0;margin-bottom: 0;text-align: left;font-size: 26px;}
.visual-page p { margin: 20px; color: #ddd;}
.visual-page .page-content .container  { background-color: #000000; }
.visual-page .yt-video { padding: 20px 0 0px 0;}
.visual-page .add-to-cart { position:  initial; display: inline-block;}
.visual-page .tags-color {padding-top: 12px;float: right;}
.visual-page .visual-price {font-size: 14px;font-weight: bold;padding-right: 6px;color: #d7ff00;}

.view-details {position: absolute;right: 20px;bottom: 32px;z-index: 99;color:#fff; text-transform: uppercase;}
.view-details i {text-shadow: 0px 0px 3px #000000;font-size: 16px;}
a.view-details:visited,a.view-details:hover,a.view-details:focus {color:#fff;text-decoration: none;}
.pv .view-details {bottom: 10px;right: 10px;}


/*** Coupon ***/
.coupon-holder {background-color: #ffffff;float: left;width: 100%;padding: 0;padding-top: 0;}
.coupon-holder input {line-height: 38px; border: 0;padding: 0 10px;; margin: 0; text-align: center;}
.coupon-holder .btn {height: 38px; margin-left: 5px; }
.coupon-holder #coupon-respond {/* line-height: 38px; *//* padding: 0 10px; */padding-top: 10px;margin: 0;font-size: 12px;text-align: right;font-size: 14px;border-bottom: 1px solid #d8d5d5;margin-bottom: 10px;padding-bottom: 10px;/* width: 100%; */}
.coupon-holder b {line-height: 59px;float: left;}

.paypal-checkout {background-color: transparent !important;}
.file-price {line-height: 35px;}
input[type="file"] {margin: 0 !important;padding: 0 !important;height: 0 !important;}
.remove-file {cursor: pointer;}

.close-loopstore-introduction, .show-or-hide {color: #ececec;cursor: pointer;background-color: #353535;padding: 3px 8px;border-radius: 1px;margin-left: 5px;display: inline-block;font-weight: 700;font-size: 10px;}
.loopstore-hidden-text {display: none;}
.back-to-page {margin-right: 4px;text-transform: uppercase;font-size: 12px;font-weight: bold;color: #d6ff3f;}
.back-to-page:hover {color: #d6ff3f;}

.w50 { width:  50%; float:left;}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    /* height: auto; */
    /* z-index: -1; */
}


.transitions {}
.transitions p {color: #666; margin: 20px 15px;}
.transition-holder b {margin-bottom: 10px; float: left; width: 100%;}
.transition-holder b span {font-weight: 400;}
.transition-holder {margin-bottom: 15px;}
.transition-holder img {width: 100%;}

.video-description ul {color:#ddd; margin: 10px;}
.video-description b{color:#ddd; margin-left:20px;}


/* .kits-section {background-image: url('/assets/desktop/video/201608.jpg'); background-size: cover; background-position: center; } */
.kits-section { /*background-image: url('/assets/desktop/img/noise_bg.png'); */
    background-color: #222;

}
.kits-section .container {padding-top: 20px; padding-bottom: 20px;  }
.kits-section .title2 {background-color: #464646; color:#fff;}
.kits-section .title2 span {color:#fff;}
.kits-section .title2 h2 {background-color: #464646 !important; color:#fff;}
/* .kits-section .tilte2 {background-color: #464646; } */
/* .kits-section  .grid {display: table;width: 100%;height: 100%; background-image: url('/assets/desktop/img/grid_70op.png');} */
.kit-box {padding: 10px; }
/* .kit-box .kit-content {background-color: #fff; color: #666; display: table;width: 100%;} */
.kit-box .kit-content {
    background-color: #464646;
    color: #fff;
    display: table;
    width: 100%;
    min-height: 620px;
}
.kit-box .kit-content .header {float: left;width: 100%;padding: 5px 15px;border-bottom: 5px solid #6d6d6d;}
.kit-box .kit-content .header.custom .kit-name {width: 100%; text-align: center;}
.kit-box .kit-name {font-size: 25px; font-weight: 100; float: left; }
.kit-box .kit-price {font-size: 25px; font-weight: 100; color: #fff; float: right;position: relative;}
.kit-box .kit-content .mid {float: left; width: 100%; min-height: 200px; }
.kit-box .kit-content .mid {padding: 20px; line-height:2; text-align: center;}
.kit-box .kit-content .mid p {min-height:160px;}
/* .kit-box .kit-content .mid.custom p { text-align: center; line-height: 20px; font-weight: bold; font-size: 15px; height: auto; padding: 5px 0;} */
/* .kit-box .kit-content .mid.custom {min-height: 240px;} */
.kit-box .kit-content .item span {font-weight: 100;}
.kit-box .kit-content .item i {font-size: 14px; color: #CFCFCF;  width: 15px;}

.kit-box .kit-content .footer {float: left;width: 100%;padding-bottom: 10px;text-align: center;}
.kit-box .kit-content .footer button {width: 90%;/* margin-left: 5%; */}

.kit-box .kit-content .footer button {background-color: #cbf100;color:#323232;margin-top: 10px;     border: 0;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: bold;
}

.recent-divider {padding:20px; text-align: center;}
.recent-divider button {background-color: #000000;color:#fff;margin-top: 10px;     border: 0;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: bold;
}