/*
	Theme Name: DEEJTOMMYDEE
	Theme URI: http://www.jcadydesign.com
	Author: JCADYDESIGN
	Description: This is a custom website for Deej Tommy Dee
	Version: 1.0.0.
	Tags: white, multi column
*/


/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}
body {
 line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {

}

nav ul {
 list-style:none;
}



blockquote, q {
 quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content:'';
 content:none;
}

a {
 margin:0;
 padding:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}

/* change colours to suit your needs */
ins {
 background-color:#ff9;
 color:#000;
 text-decoration:none;
}

/* change colours to suit your needs */
mark {
 background-color:#ff9;
 color:#000;
 font-style:italic;
 font-weight:bold;
}

del {
 text-decoration: line-through;
}

abbr[title], dfn[title] {
 border-bottom:1px dotted;
 cursor:help;
}

table {
 border-collapse:collapse;
 border-spacing:0;
}
input, select {
 vertical-align:middle;
}

/* END OF RESET */


html{
	overflow-x: hidden;
  background: #000;
  font-family: 'Roboto', sans-serif;
}
.header{
	width:100%;
	height:77px;
 	background:#1a1a1a;
	position:fixed;
	z-index:1000;
	top:0;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.nav_holder{
	width:1366px;
	margin:auto;
	padding:20px 20px 0px 20px;
}
.logo{
	width:111px;
	height:58px;
	background-image:url('style/deej_tommy_dee_logo.png');
  background-repeat: no-repeat;
  margin:-10px 0px 0px 0px;
	float:left;
  transition: 1s;
}
.logo:hover{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: 1s;
}
.nav_menu{
 	width:1200px;
	margin:-13px 0px 0px 20px;
	float:left;
}
.nav_menu li{
	list-style-type: none;
}
.nav_menu li a:link,
.nav_menu li a:visited,
.nav_menu li a:active
{
  font-family: 'Roboto', sans-serif;
	font-size:21px;
	text-transform:uppercase;
	color:#5b5b5b;
	text-decoration:none;
	padding:20px 10px 20px 10px;
  margin: 0px 0px 0px 3px;
  letter-spacing:-0.5px;
  border: 1px solid #000;
  -webkit-transition-duration: 1.4s; /* Safari */
  transition-duration: 1.4s;
  box-shadow: 0 12px 12px 0 rgba(0,0,0,0.25), 0 17px 50px 0 rgba(0,0,0,0.5);
	float:left;
}
.nav_menu li a:hover{
	color:#87f8d8;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
  background: #000;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	cursor:pointer;
}
.social_networks{
  height:77px;
  float: left;
  margin: -7px 0px 0px 0px;
}
.social_networks_left{
  width:42px;
	height:77px;
	background-image:url('style/social_networks_left.png');
  background-repeat: no-repeat;
	float:left;
}
.social_networks_content{
  width: auto;
	height:77px;
	background-image:url('style/social_networks_bg.png');
	float:left;
}
.social_networks_right{
  width: 43px;
  height:77px;
	background-image:url('style/social_networks_right.png');
  background-repeat: no-repeat;
	float:left;
}
.social_network_icon{
  width:47px;
  height:54px;
  padding: 10px 0px 0px 5px;
  float: left;
}
.social_network_icon:hover{
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  box-shadow: 0 12px 16px 0 rgba(0,0,0), 0 17px 50px 0 rgba(0,0,0);
}


.sni_facebook{  width:47px; height:54px; background-image:url('style/social_networks_fb.png');}
.sni_instagram{  width:47px; height:54px; background-image:url('style/social_networks_instagram.png');}
.sni_soundcloud{  width:47px; height:54px; background-image:url('style/social_networks_soundcloud.png');}
.sni_twitter{  width:47px; height:54px; background-image:url('style/social_networks_twitter.png');}
.sni_youtube{  width:47px; height:54px; background-image:url('style/social_networks_youtube.png');}
.sni_podomatic{  width:47px; height:54px; background-image:url('style/social_networks_podomatic.png');}

.content_search input[type="search"]  {
	width:600px;
	height:50px;
	color:#fff;
	font-size:18px;
	padding:0px 20px 0px 20px;
	background:#121212;
	border-radius: 5px;
	border:#353434 solid 2px;
  box-shadow: 5px 10px 10px #b6b6b6;
	float:left;
}
 .banner {
	margin:78px auto 0px auto;
	overflow:hidden;
	z-index:300;
	user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
	padding:0px 0px 0px 0px;
  background: #000;
  overflow: hidden;
  position: relative;
}
.banner_img{
	min-width:100%;
}
.banner_holder{
  width:1366px;
  height:458px;
  margin: auto;
  overflow: visible;
  position: relative;
}
.clouds_1{
  width:1366px;
  height:458px;
  background-image:url('style/clouds_1.png');
  background-repeat: no-repeat;
  position: absolute;
}
.clouds_2{
  width:1366px;
  height:458px;
  background-image:url('style/clouds_2.png');
  background-repeat: no-repeat;
  position: absolute;
}
.tommy_1{
  width:1366px;
  height:458px;
  background-image:url('style/tommy_1.png');
  background-repeat: no-repeat;
  position: absolute;
}
.tommy_2{
  width:1366px;
  height:458px;
  background-image:url('style/tommy_2.png');
  background-repeat: no-repeat;
  position: absolute;
}
.tommy_3{
  width:1366px;
  height:458px;
  background-image:url('style/tommy_3.png');
  background-repeat: no-repeat;
  position: absolute;
}
.tommy_4{
  width:1366px;
  height:458px;
  background-image:url('style/tommy_4.png');
  background-repeat: no-repeat;
  position: absolute;
}
@keyframes animateClouds {
  from {
transform: scale(1);
  }
  to {
transform: scale(1.08);
  }
}
.credit_developer a:link,
.credit_developer a:hover,
.credit_developer a:active,
.credit_developer a:visited{
  font-size: 14px !important;
	color: #fff !important;
	font-weight: bold;
}
.clouds_1 {
  animation-duration: 10.5s;
  animation-name: animateClouds;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animateBG {
  from {
        transform: scale(1.08);

      }
      to {
  transform: scale(1);

  }
}
.background_1{
  width:calc(100%) !important;
  height:458px;
  background-image:url('style/background_1.png');
  background-repeat: no-repeat;
  position: absolute;

  animation-duration: 5.5s;
  animation-name: animateBG;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-size: cover;
}
.content_holder{
	width:100%;
  height:auto;
	background:#1a1a1a;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
.content{
  width: calc(1366px);
	line-height:27px;
  -webkit-column-rule: 2px dotted #000;
    -moz-column-rule: 2px dotted #000;
         column-rule: 2px dotted #000;
	text-align:justify;
	padding:40px 20px 60px 20px;
	margin:auto;
}
.content h1{
	font-weight:300;
	font-size:47px;
	text-transform:uppercase;
	letter-spacing:-3px;
	color:#000;
	margin:0px 0px 20px 0px;
}
.content h2{
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:-2px;
	color:#fff;
	margin:0px 0px 20px 0px;
}
.content a:link,
.content a:visited,
.content a:active,
.footer_nav a:link,
.footer_nav a:visited,
.footer_nav a:active{
 	color:#87f8d8;
	font-weight:900;
	text-decoration:none;
}
.content h2 a:link{
  letter-spacing:-1.5px;
}
.content a:hover,
.footer_nav a:hover{
 	color:#6fc8af;
	text-decoration:underline;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.content_text{
  min-height: 300px;
  font-size:20px;
  font-family: 'Roboto', sans-serif;
	color:#999696;
	line-height:30px;
	text-align:justify;
	padding:30px 0px 30px 0px;
	margin:0px 0px 20px 0px;
}
.content_text h2{
	letter-spacing:-1px;
	display:inline-block;
}
.title{
  width: 100%;
  height: 173px;
  background-image:url('style/title_bg.png');
  margin: 0px 0px 0px 0px;
}
.title_holder{
  width: 1366px;
  text-align: left;
  margin: 0px auto 0px auto;
  padding: 10px 0px 0px 50px;
}
.title_holder h1{
	color:#4b4b4b;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
	font-size:80px;
	text-transform:uppercase;
	letter-spacing:-6px;
	padding:40px 0px 0px 0px;
  margin: 0px auto 0px auto;
  text-shadow: #000 1px 0 10px;
}
.text_1{
  background: #292929;
}
.footer{
	width:100%;
	background:#000;
  display: none;
}
.footer_holder{
	width:1280px;
	padding:50px 20px 50px 20px;
	margin:auto;
}
.footer_nav{
	width:250px;
  margin:0px 0px 50px 0px;
  line-height: 26px;
	float:left;
}
.footer_nav h1{
  font-size: 37px;
  color:#fff;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
 	margin:0px 0px 20px 0px;
}
.footer_nav li{
	list-style-type: none;
}
.footer_nav li a:link,
.footer_nav li a:visited,
.footer_nav li a:active
{
	font-size:17px;
	color:#909090;
	text-decoration:none;
	padding:0px 0px 7px 0px;
	margin:0px 0px 2px 0px;
	letter-spacing:-0.25px;
	display:block;
}
.footer_nav li a:hover{
  color:#fff;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.credit{
  width: 100%;
  height: auto;
  background-image:url('style/credit_bg.png');
}
.credit_holder{
 	width:1366px;
	font-size:14px;
	color:#909090;
	line-height:27px;
	text-align:center;
  padding: 20px 0px 0px 0px;
	margin:auto;
}
.credit_holder a:link,
.credit_holder a:visited,
.credit_holder a:hover,
.credit_holder a:active{
	font-size:24px;
	color:#909090;
  padding:10px;
  text-decoration: none;
}
/* GENERIC SETUP */
.btn{
  color: #4e4d4d;
  background:#87f8d8;
  font-weight: bold;
  border: 2px solid #87f8d8; /* Green */
	padding:10px 20px 10px 20px;
	margin:10px 10px 10px 10px;
  border: 1px solid #000;
	text-transform:lowercase;
	border-radius: 5px;
	display:inline-block;
  cursor: pointer;
}
.btn:hover{
  background:#87f8d8;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.btn_2{
	font-weight:bold;
	color:#0cd49c;
	background:#000;
	padding:10px 20px 10px 20px;
	margin:0px 20px 0px 20px;
	text-transform:uppercase;
	border-radius: 5px;
	display:inline-block;
  border: 2px solid #414141;
}
.btn_2:hover{
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
  background:#000;
  cursor: pointer;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btn_3{
  font-family: 'Roboto', sans-serif;
	font-weight:bold;
	color:#414141;
	background:#000;
	padding:10px 20px 10px 20px;
	margin:0px 20px 0px 20px;
	text-transform:uppercase;
	border-radius: 5px;
	display:inline-block;
  border: 2px solid #414141;
}
.btn_3:hover{
  color: #0cd49c;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
  background:#000;
  cursor: pointer;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.hightlight{
  color:#5b5b5b;
  background-color: #191919;
  padding: 10px;
}
.hightlight:hover{
  color:#5affff;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  padding: 10px;
}
.hightlight2{
  color:#5b5b5b;
  background-color: #5affff;
  font-style: italic;
  padding: 5px 10px 5px 10px;
}
table{
  box-shadow: 2px 5px 5px #b6b6b6;
}
.right{
	float:right;
}

.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.widget{
  color:#fff !important;
  background:#2f2f2f;
  padding: 30px;
}



.text_left{
	text-align:left;
	padding:0px 0px 0px 20px;
}
/* Highlight Selection Color */
::selection {
  background: #4e4d4d; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #4e4d4d; /* Gecko Browsers */
}
mark{
	background: #5affff;
}

.search_btn{
  width: 25px;
  height: 25px;
  margin: 5px 0px 0px -50px;
  padding: 5px 14px 5px 7px ;
  float: left;
 background: #242424;
}

/* End Table */

/* Basics */
hr {
  width: 100%;
	height:2px;
	background:#000;
	border:none;
	margin:30px 0px 30px 0px;
  float: left;
}
.hr1{
  height:2px;
	background:#f2f2f2;
	border:none;
	margin:30px 0px 30px 0px;
  display: block;
  float: left;
}
h3{
  font-size: 50px;
  color:#333;
  letter-spacing: -1px;
  text-transform: uppercase;
}
h4{
  font-weight: bold;
  font-size:24px;
}
.indent{
  margin:30px 0px 30px 30px;
}
.float_left{
  float:left;
}
.float_right{
  float:right;
}
.full_img{
  width:100%;
}
/* FORMS */
.contact_form_1{
	font-family: 'Roboto', sans-serif;
  width: calc(100%);
	height:auto;
	color:#828282;
	padding:30px 0px 40px 0px;
	float:left;
}
 input{
  width: calc(100% - 60px);
	background:#333333;
	color:#fff;
	margin:0px 0px 4px 0px;
	padding:15px 30px 15px 30px;
	font-size:18px;
	display:block;
	float:left;
  border: none;
  border-top-left-radius: 7px;
  border-bottom: 2px solid #2c2c2c;
}
 input:hover{
	background:#141414;
  -webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
 em{
  padding: 10px;
  float: left;
}
 input::placeholder,  textarea::placeholder {
 	color:#fff;
}
 textarea{
  height: 250px;
  width: calc(100% - 60px);
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  min-height: 250px;
  font-family: 'Roboto', sans-serif;
  background:#333333;
  color:#fff;
  margin:0px 0px 0px 0px;
  padding:15px 30px 15px 30px;
  font-size:18px;
  display:block;
  float:left;
  border: none;
  border-top-left-radius: 7px;
}
 textarea:hover{
	background:#000;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
/* contact submit hover */
 input[type="submit"] {
  width: auto;
  font-weight:bold;
  color:#0cd49c;
  background:#000;
  padding:10px 20px 10px 20px;
  margin:10px 0px 0px 0px;
  text-transform:uppercase;
  border-radius: 5px;
  display:inline-block;
  border: 2px solid #414141;

 }
 input[type="submit"]:hover {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  background:#000;
  cursor: pointer;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.search-excerpt{
  background-color:yellow !important;
  color:blue !important;
}
.wpcf7 input:hover,
.wpcf7 input:focus,
.wpcf7 input:active,
.wpcf7 textarea:hover,
.wpcf7 textarea:focus,
.wpcf7 textarea:active {
  outline: none;
}

/* On click */
.wpcf7 input.wpcf7-submit:active{
  top: 1px;
  color: #d8c6e2;
  background-color: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#4d1b5c), to(#4d1b5c));
  background:  -moz-linear-gradient(top, #4d1b5c, #4d1b5c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1b5c', endColorstr='#4d1b5c');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d1b5c, endColorstr=#4d1b5c)";

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* CF7 Messages */
.wpcf7 .wpcf7-validation-errors{
    width:calc(100% + 20px);
    border:none;
    background-color:red;
    color: #fff;
    margin:0;
    padding:20px;
    border-radius: 7px;
}
.wpcf7 .wpcf7-mail-sent-ok{
    border:none;
    background-color:#7ad33f;
    margin:0;
    padding:20px;
}
.wpcf7 .wpcf7-mail-sent-ng{
    border:none;
    background-color:#cf2d38;
    margin:0;
    padding:20px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
  	border-radius: 10px;
    color: white;
}
.wpcf7 span.wpcf7-not-valid-tip{
    border:none;
		color:red;
    padding:10px;
    padding-left: 15px;
    padding-right: 15px;
    width: 180px;
		display:none;
		float:left;
}
.wpcf7-form .clear{
  clear: both;
}
/* END FORM */

.search_url{
  font-family: 'Roboto', sans-serif;
  color:#ccc;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  font-style: italic;
  margin: 0px 0px 15px 0px;
}
.one_column{
  width: calc(50% - 40px);
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  margin:0px 30px 20px 30px;
  padding:0px 20px 0px 0px;
  text-align: justify;
  float: left;
}
.two_column{
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap:   120px; /* Chrome, Safari, Opera */
  -moz-column-gap:      120px; /* Firefox */
  column-gap: 120px;
  float:left;
}
.three_column{
  width:calc(33% - 43px);
  margin:0px 7px 7px 0px;
  height: auto;
  background: #101010;
  padding:20px;
  float:left;
}
.secondary_header{
  width:calc(100% - 60px);
  background: #101010;
  text-align: center;
  margin:0px 0px 7px 0px;
  padding: 30px;
  float: left;
}
h3{
  font-size: 25px;
  line-height: 30px;
  color:#333;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.videos iframe{
  width: calc(32% );
  height: 400px;
  float: left;
  margin:0px 6px 6px 0px;
}

.epk{
  float: left;
  padding:0px 20px 0px 0px;
}
.clients{
  width: calc(50% - 100px);
  background: #000;
  padding:30px;
  float: left;
}
.visuals, .videos{
  width: calc(100% - 60px);
  height:auto;
  padding: 30px;
  margin: 0px 0px 60px 0px;
  background: #000;
  float: left;
}
.visuals img{
  width: calc(32% );
  height: calc(32% );
  float: left;
  margin:0px 6px 6px 0px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.visuals img:hover{
  transform:scale(.9);
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.music_player{
  width:100%;
}
.social_share{
  font-size: 14px;
  width:calc(50% - 60px);
  float: left;
  padding: 30px;
}
.schedule_item{
  font-size: 21px;
  color: #999696;
  width:80%;
  height: auto;
  padding:20px;
  font-style: italic;
  background: #333333;
  padding:40px 0px 40px 0px;
  margin: 0px auto 7px auto;
  transition: 1s;
}
.schedule_item:hover{
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  background: #000;
  transition: 1s;
}
.schedule_item  p{
  float: left;
  margin: 0px 0px 0px 40px;
}
.schedule_item  input[type="submit"]{
  float: right;
}
.clear{
	clear:both;
}
.responsive_nav{
  display: none;
}


.welcome_screen_container{
  width: 100vw;
  height: calc(100% + 180px);

  position: fixed;
  z-index: 5000 !important;
  margin: -79px 0px 0px 0px;
}
.welcome_screen{
  height: calc(100% + 180px);
  width: 100%;
  background-image:url('style/splash/splash.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  cursor: pointer;
}

.splash{
  width:100%;
  height: auto;
}

/***********************************************************************************************************************/
/* RESPONSIVE  */
/***********************************************************************************************************************/
/* Tablets & Small Screens (portrait and landscape) ----------- */
@media screen and (max-width: 1366px) {
/* Styles */
body{  -webkit-animation: fadeonresize1 0.6s ease-in-out;}
@-webkit-keyframes fadeonresize1 { from { opacity: 0; } to { opacity: 1; }}



html {
    height: 100%;
}


.welcome_screen_container{
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 5000 !important;
  margin: 0px 0px 0px 0px;
  background: #000;
}
.welcome_screen, .welcome_screen:fullscreen {

  background-image:url('style/splash/splash_mobile.jpg')!important ;
  background-repeat: no-repeat;
  background-size: 100%;

}


.banner, .nav_holder, .responsive_nav_menu{
  display: none;
}
.header{
  height:auto;
  position: relative;
}
.responsive_nav{
    height: auto;
    width: calc(100% );
    background: #000;
    display: inline-block;
}
.logo_responsive{
  	width:111px;
  	height:58px;
  	background-image:url('style/deej_tommy_dee_logo.png');
    background-repeat: no-repeat;
    margin:10px 0px 0px 10px;
  	float:left;
    transition: 1s;
  }
  .responsive_nav_menu_btn{
    color:#fff;
    padding:30px;
    float: right;
    color: #2b2b2b;
    cursor: pointer;
  }
  .responsive_nav_menu_btn:active{
    color:#0cd49c;

  }
  .responsive_nav_menu{
    width: 100vw;
    background:#121212;
    background: #000;
    margin:0px 0px 0px 0px;
  }
  .responsive_nav_menu li a:link,
  .responsive_nav_menu li a:visited,
  .responsive_nav_menu li a:active  {
    width: 100%;
    height:auto;
    font-size:20px;
    color:#989898;
    padding:20px 0px 20px 0px;
    margin:0px 0px 2px 0px;
    text-align: center;
    text-decoration: none;
    list-style: none;
    background: #1a1a1a;
    background: #121212;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
  .responsive_nav_menu li a:hover  {
    color:#fff;
     background: #141414;
  }
  .title{
    width: 100%;
    height: 73px;
    margin: 0px 0px 0px 0px;
  background-image:url('');
  }
  .title_holder{
    width: 100%;
    text-align: left;
    margin: 0px auto 0px auto;
    padding: 5px 0px 0px 30px;
  }
  .title_holder h1{
  	color:#4b4b4b;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
  	font-size:45px;
  	text-transform:uppercase;
  	letter-spacing:-3px;
  	padding:10px 0px 10px 0px;
    margin: 0px auto 0px auto;
    text-shadow: #000 1px 0 10px;
  }
  .content{
    width: calc(100% - 40px);
  	line-height:27px;
    -webkit-column-rule: 2px dotted #000;
      -moz-column-rule: 2px dotted #000;
           column-rule: 2px dotted #000;
  	text-align:justify;
  	padding:10px 20px 60px 20px;
  	margin:auto;
  }
  .content a{
    font-size: 15px;
  }
  .content h2{
  	font-size:22px;
  	text-transform:uppercase;
  	letter-spacing:-1px;
  	color:#fff;
  	margin:0px 0px 20px 0px;
  }
  .content_text{
    font-size:16px;
  	line-height:30px;
  	text-align:justify;
  	padding:0px 0px 30px 0px;
  	margin:0px 0px 20px 0px;
  }
  .content_text img{
    width: calc(100%);
    height: auto;
  }



  .visuals img{
    width: calc(100% );
    float: left;
    margin:0px 6px 6px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
  .videos iframe{
    width: calc(100% );
    height: 400px;
    float: left;
    margin:0px 6px 6px 0px;
  }
  .contact_form_1{
    width: calc(100%);
  	height:auto;
    font-family: 'Roboto', sans-serif;
  	color:#828282;
  	padding:30px 0px 40px 0px;
  	display:block;
  	float:left;
  }
  .epk {
    width: 100%;
  }
  .epk img{
    width: 100%;
    height:auto;
    padding: 0px;
  }
  .one_column{
    width: calc(100% - 20px);
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    padding: 10px;
    margin:0px 40px 20px 0px;
    text-align: justify;
    float: left;
  }
  .clients{
    width: calc(100% - 60px);
    background: #000;
    padding:30px;
    float: left;
  }
  #twitter-widget-1, ._2zfs{
    width: calc(100%) !important;
  }
  .music_player{
    width:100%;
  }
  .three_column{
    width: calc(100% - 40px);
  }
  .footer_holder{
  	width:100%;
  	padding:50px 20px 50px 20px;
  	margin:auto;
  }
  .footer_nav{
    width: calc(100% - 40px);
    padding:50px 0px 50px 0px;
    margin:auto;
  }
  .footer_nav h1{
    text-align: center;
  }
  .footer_nav li a:link,
  .footer_nav li a:visited,
  .footer_nav li a:active
  {
  	font-size:17px;
  	color:#909090;
  	text-decoration:none;
  	padding:20px 20px 20px 20px;
  	margin:0px 0px 2px 0px;
  	letter-spacing:-0.25px;
    background:#1a1a1a;
    text-align: center;
  	display:block;
  }
  .footer_nav li a:hover{
    color:#fff;
  	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
    text-decoration: underline;
  }
  .credit_holder{
   	width:100%;
  	font-size:14px;
  	color:#909090;
  	line-height:27px;
  	text-align:center;
    padding: 20px 0px 0px 20px;
  	margin:auto;
  }


}/* END RESPONSIVE BREAKPOINT 1024px*/