@charset "utf-8";
/* CSS Document */

/*--Import Global CSS--*/
@import url('/wp-content/themes/djmixtv/css/global.css');

.container{padding:0 15px;}
@media(min-width:1331px){
	.container{max-width:1330px;}
}
@media(max-width:1330px){
	.container{max-width:100%;}
}

body{background-color:#000; font-family:var(--font-family);}
.wpcf7-form-control-wrap {width:100%;}
.wpcf7-submit {margin-top: 20px;}
.wpcf7-response-output {color:#FFF;background:#111;}
.main p {margin-bottom:15px;}
.header{background-color:#fff; position:relative;}
.menu ul li:not(:last-child){margin-right:45px;}
.menu ul li a{color:#000; font-size:29px; text-transform:uppercase; display:block; padding:25px 0; line-height:30px;}
.menu ul li a:hover{color:#000; opacity:0.8;}
.logo{width:166px; height:100%; position:relative;}
.logo a{position:absolute; left:0; top:0; width:100%; display:block;}
.logo a img{width:100%;}
.social-media a{display:block; width:42px; height:42px; border-radius:100%; background-color:#000; display:grid; place-items:center; font-size:16px; color:#fff;}
.social-media a:not(:last-child){margin-right:15px;}
.social-media a:hover{opacity:0.8;}
.header .social-media:not(:first-child){margin-left:50px;}
.header .nav-icon:not(:first-child){margin-left:20px;}
.banner{min-height:650px; background:url(/wp-content/themes/djmixtv/images/banner.jpg) center bottom no-repeat; background-size:cover;}
.main{padding:60px 0;}
.footer{background-color:#252525; min-height:75px; padding:10px 0;}
.footer p{color:#fff; text-align:center; text-transform:uppercase;}
.footer p a{color:#fff;}
.footer p a:hover{color:#fff; text-decoration:underline;}
.main .section:not(:last-child){margin-bottom:50px;}
.section-header{min-height:90px; background-color:#fff; padding:10px 20px;}
.section-header h1{text-transform:uppercase; color:#000;}
.section-header .slide:not(:first-child){margin-left:25px;}
.slide{height:20px; background-color:#000; position:relative;}
.slide span{width:70px; height:70px; border-radius:100%; background-color:#000; position:absolute; top:50%; transform:translate(-50%, -50%);}
.intro{padding:30px;}
.intro p{color:#fff;}
.disc{max-width:180px;}
.intro-content{padding:20px 0;}
.section-content{padding:40px 0;}
.form-label{color:#fff; text-transform:uppercase;}
.form-label{margin-bottom:15px;}
.work-form > .row.rows{margin:-12px -25px;}
.work-form > .row.rows > .columns{padding:12px 25px;}
.file-upload input[type="file"]{display:none;}
.file-upload label{min-width:250px; background-color:#fff; padding:20px 15px; line-height:30px; font-size:25px; text-transform:uppercase; text-align:center;}
.file-upload + p{color:#fff;}
.file-upload + p:not(:first-child){margin-top:15px;}
.contact-form ul li:not(:last-child){margin-bottom:25px;}
.contact-form ul li .form-field{height:60px;}
.contact-block:not(:last-child){margin-bottom:50px;}
.contact-row:not(:last-child){margin-bottom:30px;}
.contact-header{color:#fff;}
.contact-header:not(:last-child){margin-bottom:30px;}
.contact-content .social-media a{background-color:#fff; color:#000;}
.contact-link p{color:#fff;}
.contact-link .icon{display:block; width:42px; height:42px; background-color:#fff; border-radius:100%; display:grid; place-items:center; font-size:20px;}
.contact-link .icon:not(:last-child){margin-right:20px;}
.faq ul li:not(:last-child){margin-bottom:15px;}
.faq ul li{border:5px solid #fff;}
.faq-header, .faq-content{padding:20px;}
.faq-content{display:none;}
.faq-header{cursor:pointer;}
.faq-header p, .faq-content p{color:#fff;}
.faq-header svg{color:#fff; font-size:40px;}

@media(max-width:1330px){
	.menu ul li:not(:last-child){margin-right:35px;}
	.menu ul li a{font-size:24px;}
	.logo{width:130px;}
	.social-media a:not(:last-child){margin-right:10px;}
	.social-media a{width:38px; height:38px;}
	.header .social-media:not(:first-child){margin-left:35px;}
	.banner{min-height:600px;}
	.work-form > .row.rows{margin:-10px -15px;}
	.work-form > .row.rows > .columns{padding:10px 15px;}
	.file-upload label{font-size:23px; padding:18px 15px; line-height:28px; min-width:230px;}
	.contact-link .icon{width:38px; height:38px; font-size:18px;}
}
@media(max-width:1199px){
	.menu ul li:not(:last-child){margin-right:25px;}
	.menu ul li a{font-size:20px; padding:20px 0; line-height:25px;}
	.logo{width:100px;}
	.social-media a{width:34px; height:34px;}
	.header .social-media:not(:first-child){margin-left:25px;}
	.banner{min-height:500px;}
	.footer{min-height:65px;}
	.main{padding:50px 0;}
	.section-header{min-height:80px;}
	.disc{max-width:150px;}
	.intro{padding:20px;}
	.slide{height:15px;}
	.slide span{width:60px; height:60px;}
	.main .section:not(:last-child){margin-bottom:40px;}
	.file-upload label{font-size:20px; padding:15px 12px; line-height:26px; min-width:210px;}
	.contact-form ul li .form-field{height:55px;}
	.contact-form ul li:not(:last-child){margin-bottom:20px;}
	.contact-link .icon{width:34px; height:34px; font-size:16px;}
	.contact-block:not(:last-child){margin-bottom:40px;}
	.contact-row:not(:last-child){margin-bottom:25px;}
	.contact-header:not(:last-child){margin-bottom:25px;}
	.faq-header, .faq-content{padding:15px;}
	.faq ul li{border-width:4px;}
	.faq ul li:not(:last-child){margin-bottom:10px;}
	.faq-header svg{font-size:32px;}
}
@media(max-width:991px){
	.menu ul li:not(:last-child){margin-right:15px;}
	.menu ul li a{font-size:18px; padding:18px 0; line-height:23px;}
	.logo{width:80px;}
	.social-media a{width:32px; height:32px;}
	.header .social-media:not(:first-child){margin-left:15px;}
	.banner{min-height:400px;}
	.footer{min-height:50px;}
	.main{padding:40px 0;}
	.disc{max-width:120px;}
	.intro{padding:15px;}
	.slide{height:10px;}
	.slide span{width:50px; height:50px;}
	.section-header{min-height:70px;}
	.section-content{padding:35px 0;}
	.main .section:not(:last-child){margin-bottom:30px;}
	.form-label{margin-bottom:10px;}
	.file-upload label{font-size:18px; padding:13px 10px; line-height:24px; min-width:190px;}
	.contact-form ul li .form-field{height:50px;}
	.contact-form ul li:not(:last-child){margin-bottom:15px;}
	.contact-link .icon{width:32px; height:32px; font-size:14px;}
	.contact-block:not(:last-child){margin-bottom:30px;}
	.contact-row:not(:last-child){margin-bottom:20px;}
	.contact-header:not(:last-child){margin-bottom:20px;}
	.contact-link .icon:not(:last-child){margin-right:15px;}
	.faq-header, .faq-content{padding:10px;}
	.faq ul li{border-width:3px;}
	.faq-header svg{font-size:28px;}
}
@media(min-width:768px){
	.menu{display:block !important;}
}
@media(max-width:767px){
	.logo{width:60px;}
	.logo a{position:static;}
	.menu{position:absolute; left:0; top:100%; width:100%; display:none;}
	.menu ul li:not(:last-child){margin-right:0; border-bottom:1px solid #ddd;}
	.menu ul li a{padding:10px 15px; line-height:20px; font-size:16px; background-color:#fff;}
	.menu ul li a:hover{opacity:1; color:#535353;}
	.banner{min-height:300px;}
	.main{padding:30px 0;}
	.disc{max-width:80px;}
	.slide{height:8px;}
	.slide span{width:40px; height:40px;}
	.section-header{min-height:60px; padding:10px;}
	.section-header .slide:not(:first-child){margin-left:15px;}
	.file-upload label{font-size:16px; padding:10px 10px; min-width:180px;}
	.contact-form ul li .form-field{height:45px;}
	.contact-form ul li:not(:last-child){margin-bottom:10px;}
	.section-content{padding:25px 0;}
	.contact-link .icon:not(:last-child){margin-right:10px;}
	.faq ul li{border-width:2px;}
	.faq-header svg{font-size:24px;}
}
@media(max-width:575px){
	.logo{width:50px;}
	.menu ul li a{padding:8px 15px; font-size:14px;}
	.banner{min-height:250px;}
	.intro{padding:0;}
	.slide{height:6px;}
	.slide span{width:30px; height:30px;}
	.section-header{min-height:auto;}
	.intro-content{padding-bottom:0;}
	.file-upload label{font-size:14px; line-height:22px; min-width:160px;}
	.contact-form ul li .form-field{height:40px;}
	.contact-block:not(:last-child){margin-bottom:25px;}
	.contact-row:not(:last-child){margin-bottom:15px;}
	.contact-header:not(:last-child){margin-bottom:15px;}
	.faq-header svg{font-size:20px;}
}
@media(max-width:480px){
	.file-upload label{font-size:13px; min-width:140px;}
}