html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li,form, label, table, tr, th, td {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body{background:transparent;font-family:Arial;font-size:14px;color:#000;}
#logo{text-align:center;}
#logo img{display:inline-block;width:auto}


.notice{font-size:20px;padding:20px;text-align:center;color:#333;background:#f2f2f2;margin-bottom:20px;}
.bg1{background:#fff2d0;}
td{font-size:14px;vertical-align:top;}
a{text-decoration:none;cursor:pointer;color:#292b2d;}
a:focus{outline:none}
.block{display:block;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.m10{margin:10px;}
.tac{text-align:center;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}
.bold{font-weight:bold;}
.i{margin:15px;}
.i20{margin:30px 40px;}
.i30{margin:30px;}
img{border:none;}
table{width:100%;border-collapse: collapse;border-spacing: 0;}
input.error,select.error{border:1px #f9abd3 solid !important;background-color:#fbe2ef !important}
label.error{color:red;display:block;}
.centric{width:1000px;margin:0px auto;}
.centric0{width:1060px;margin:10px auto 5px auto;text-align:left;}
.tshadow{text-shadow: #13375c 2px 2px 2px;}
.tshadow2{text-shadow: #1a538e 2px 2px 2px;}
.twshadow{text-shadow: #f7f6f4 2px 2px 2px;}

.nodisplay{display:none;}
.hyperlink{cursor:pointer;}
.size_12{font-size:12px;}
.size_24{font-size:24px;}
.size_18{font-size:18px;}
.inline{display:inline !important;}
#page_blog #pagination{padding:20px;text-align:center;}
#page_blog #pagination li{display:inline-block;font-size:18px;margin:5px 8px;}
#page_blog #pagination li.active{font-size:22px;}

#page_students #pagination{padding:20px;text-align:center;}
#page_students #pagination li{display:inline-block;font-size:22px;margin:5px 8px;}
#page_students #pagination li.active{font-size:24px;}

.white{background:white}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#sidr_menu1{display:none;position:fixed;z-index:9999;top:0;left:0;;background:#007ffa;padding:5px 10px;color:#fff;font-size:30px;}

#slide1_wrapper{position:relative}




#page_courses .one_row{margin: 25px 30px 25px 30px; width: 94%;line-height: 130%;}
#page_courses .one_row .div_left h1 {font-size: 30px;font-family: 'ExoDemiBold';line-height: 100%;}
#page_courses .one_row .div_right h3 {font-size: 20px;font-family: 'ExoDemiBold';line-height: 100%;}
#page_courses .one_row .div_left{display:inline-block;vertical-align:top;width:67%;margin-right:1%;font-size:16px;line-height:1.5}
#page_courses .one_row .div_left img{display:block;margin-bottom:20px;}
#page_courses .one_row .div_right{display:inline-block;vertical-align:top;width:31%;font-size:12px;}
#page_courses .one_row .padding_h1{padding-top:43px;}
#page_courses .one_row .padding_h1b{padding-top:26px;}
#page_courses .one_row .div_left p{display:block;margin-bottom:20px;}
#page_courses .one_row .div_left small{display:block;line-height:1.2;margin-top:20px;font-size:11px;}
#page_courses .one_row .e_art{margin-top:30px;}
#page_dj_practice{padding-bottom:1px}
#page_dj_practice .one_row{margin: 25px 30px 25px 30px; width: 94%;line-height: 130%;}
#page_dj_practice .one_row h1 {font-size: 30px;font-family: 'ExoDemiBold';line-height: 100%;margin-bottom:20px;}
#page_dj_practice .one_row h2 {font-size: 20px;font-family: 'ExoDemiBold';line-height: 100%;margin-bottom:20px;}
#page_dj_practice .one_row h3{margin-bottom:20px;}
#page_dj_practice .one_row .div_left{display:inline-block;vertical-align:top;width:67%;margin-right:1%}

#page_dj_practice .one_row .div_right{display:inline-block;vertical-align:top;width:31%;font-size:12px;}
#page_dj_practice .one_row .div_right p{display:block;margin-bottom:20px;}
#page_dj_practice .one_row .padding_h1{padding-top:43px;}
#page_dj_practice .one_row .padding_h1b{padding-top:26px;}

#page_blog{padding-bottom:1px;}
#page_blog .one_row{margin: 25px 30px 25px 30px; width: 94%;line-height: 130%;}
#page_blog .one_row h3 a{text-decoration:none;line-height:100%}
#page_blog .one_row .div_left{display:inline-block;vertical-align:top;width:62%;margin:0 3% 0 2%}
#page_blog .one_row .div_left img.blog_leading{display:block;margin-bottom:20px;}
#page_blog .one_row .div_right{display:inline-block;vertical-align:top;width:32%;font-size:12px}

ul#mobile_blog_archive{display:none}



.one_dj_container .dj_container_image{float:left;margin:10px;}
.one_dj_container .dj_container_title{width:51%;height:40px;float:left;margin:10px;font-family: "ExoDemiBold";font-size: 24px;  vertical-align: bottom;}
.one_dj_container .dj_container_dob{width:22%;height:40px;float:right;margin:10px 30px 10px 0}
.one_dj_container .dj_container_quote{width:79%;margin:10px;float:right;font-family: "Dekar";font-size: 17px;}
.one_dj_container .dj_container_soundcloud{width:79%;margin:10px;float:right;}


#mobile_button_1{font-size:16px;float:right;display:none;text-transform:uppercase;color:white;font-family: "ExoLight";padding:10px 15px;background:#ee2c39;font-weight:bold;margin-bottom:10px;}
#mobile_button_1 b{font-family: "ExoExtraBold";}

#page_dj_practice .one_row .div_left iframe{display:none;}



#payment-form{display:none}
#pay_cc{width:auto;padding:0px;background:#fff;}
#pay_cc .form_row{display:block;margin-bottom:10px;}
#pay_cc label,
#pay_cc img,
#pay_cc input{display:inline-block;vertical-align:middle}
#pay_cc label{width:24%;text-align:right;margin-right:2%;vertical-align:middle}

#pay_cc span{font-size:12px;}
#pay_cc small{display:block;text-align:center;font-size:12px;margin:35px 0}
#pay_cc h1{display:block;text-align:center;margin:10px 30px;font-size:24px;}
#pay_cc #pay_cc_x{float:right;background:#f2f2f2;padding:10px 16px;color:#333;font-size:16px;margin:-20px;}
#pay_cc #pay_cc_x:hover{background:#c0c0c0}
.payment-errors{text-align:center;color:red;padding:0px;display:block;width:100%;margin-bottom:10px;}
.payment-success{text-align:center;color:green;padding:0px;display:block;width:100%;margin-bottom:10px;}
#payment_options{display:none;padding-top:30px;}



#card_form{background: #ececec;padding:50px;border-radius:5px;position:relative;}
#card_form h3{font-size:28px;text-align:center;}
#card_form #cardholder_name{padding:10px;width:100%;margin-bottom:25px;}
#card_form #card_element{margin-bottom:25px;overflow: hidden;}
#card_form #card_form_fields{margin-bottom:25px;text-align:center}
#card_form small{display:block;font-size:12px;text-align:center;line-height:1.5}

#card_form #card_form_loader{position:absolute;top:0;left:0;background:rgba(227, 227, 227, 0.88);width:100%;height:100%;z-index:2;border-radius:5px;}
#card_form #card_form_loader i{position:absolute;top:50%;left:50%;font-size:100px;display:block;width:100px;height:100px;margin-top:-50px;margin-left:-50px;color: #6c6c6c;}
#card_form #card_errors{font-size:14px;color:red;margin-bottom:25px;line-height:1.5}
.StripeElement {box-sizing: border-box;height: 40px;padding: 10px 12px;border: 1px solid transparent;border-radius: 4px;background-color: white;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;margin-bottom:10px;}
.StripeElement--focus {box-shadow: 0 1px 3px 0 #cfd7df;}
.StripeElement--invalid {border-color: #fa755a;}
.StripeElement--webkit-autofill {background-color: #fefde5 !important;}




@media only screen and (min-width: 768px) {
    /* tablets and desktop */
}

@media only screen and (max-width: 767px) {

#card_form{padding:20px;}

#page_about .tab_content{padding:60px;}
#page_about ul.tabify li{width:100%;padding:0}
#page_contact #contact_form_footer td{text-align:left;padding-left:24%}

	#page_courses .one_row{display:block;width:90%;margin:3% auto}
	#page_courses .one_row .div_right,
	#page_courses .one_row .div_left{display:block;width:100%;margin:0}
	#page_courses .one_row .div_left{margin-bottom:20px;}
	#page_courses .one_row .div_left img{width:100%;height:auto}
	#page_courses .one_row .padding_h1,
	#page_courses .one_row .padding_h1b{padding-top:20px}



	#page_dj_practice .one_row{display:block;width:90%;margin:3% auto}
	#page_dj_practice .one_row .div_right,
	#page_dj_practice .one_row .div_left{display:block;width:100%;margin:0}
	#page_dj_practice .one_row .padding_h1,
	#page_dj_practice .one_row .padding_h1b{padding-top:20px}

	#page_dj_practice .one_row .div_left iframe{display:block;width:100%;height:auto !important}
	#page_dj_practice .one_row .padding_h1 iframe{display:none;}

	#page_blog .one_row{display:block;width:90%;margin:3% auto}
	#page_blog .one_row .div_left,
	#page_blog .one_row .div_right{display:block;width:100%;margin:0}
	#page_blog #blog_archive li{display:inline-block;vertical-align:top;width:30%;margin:1%;}





	ul#mobile_blog_archive{display:block;margin-bottom:15px;}
	ul#mobile_blog_archive li{font-size:16px;font-weight:bold;display:inline-block;background:#333;margin:5px;padding:5px;border-radius:5px;}
	ul#mobile_blog_archive li a{color:white !important}

	.one_dj_container{}
	.one_dj_container .dj_container_image{width:10%}
	.one_dj_container .dj_container_image img{width:100%;height:auto}
	.one_dj_container .dj_container_title{width:44%;height:40px;float:left;margin:10px;font-family: "ExoDemiBold";font-size: 24px;  vertical-align: bottom;}
	.one_dj_container .dj_container_dob{width:20%;height:40px;float:right;margin:10px 30px 10px 0}
	.one_dj_container .dj_container_quote{width:94%;margin:10px;float:none;clear:both;font-size:16px;}
	.one_dj_container .dj_container_soundcloud{width:94%;margin:10px;float:none;}


	#page_about{height:auto}
	#page_about h2{line-height:120%}
		td.right_c{width:38%;padding-right:2%;word-wrap:break-word;}
		td.left_c{width:60%}
		td.right_c img {width:100%;height:auto}
		td.right_c iframe {width:100%;height:auto}
		#page_courses .tab_content .description{width:auto;margin-right:10px;padding-left:10px;}
		#sidr_menu1{display:inline-block}
		#desktop_menu{display:none;}
		#logo{}

		#page_about .tab_content{width:auto}
		#page_faq .tab_content{width:auto}

    #book_badge{display:none}
    #mobile_button_1{display:inline-block}
    .centric0{width:95%}
    .centric{width:95%}
    #logo img{width:100%;height:auto}
    #page_home #slide1{width:100%;height:auto;}
    #page_home #slide1 img{width:100%;height:auto}
    #page_home #slide1 iframe{width:100% !important;height:auto !important}
		#page_home #mainslide_nav{margin:0;bottom:20px;left:20px;}
    #page_home #c3{float:none;width:100%;height:auto}
    #page_home #c4{float:none;width:100%;height:auto}
    #page_home #c1{float:none;width:100%;height:auto}
    #page_home #c2{float:none;width:100%;height:auto}
    #footer img{width:100%;height:auto}
		#ftd_3{width:44%}
		#newsletter_subs .input{width:100px;}
   
    #home_student_slide img{width:100%;height:auto}
    #page_home #c1 #buttons li{padding:0 1%;width:17%}
    #page_home #c1 #buttons img{width:90%;height:auto}
    #page_home #c1 #buttons a{font-size:11px;}
    #home_student_slide>div{width:100%}
    

    #page_home #c3 > div{height:auto}
    #page_home #c3 .footer_soc_b{position:relative;width:100%;text-align:right;margin-top:30px;}
    .footer_soc_b a{padding:4px 2px;}
    td.exo.price img{width:100%;height:auto}

		#page_courses .booking_form input.input{width:80%;}
		#page_courses .booking_form select.input{width:90%;}

		#page_dj_practice .booking_form{width:100%}
		#page_dj_practice .booking_form input.input{width:80%;}

		#page_dj_practice table#cal #description{width:100%}
		#page_dj_practice #x_calendar_loader{margin-right:10px;width:90%}
		.i30{margin:15px;}

		/*blog */
		#page_blog img.blog_leading{width:100%;height:auto}
		#page_blog #mtable{width:100%;}

		#page_blog .one_record iframe{width:100%;height:auto;display:none}


		.one_record p{word-wrap: break-word;-ms-word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}




		#ftd_4{display:none}


		#page_contact table#main td{display:block;}
		#form_column ul.tabify_reset{width:100%}
		#page_contact ul.tabify_reset li#a,
		#page_contact ul.tabify_reset li#b{width:46%;padding:2%}
		#page_contact ul.tabify_reset li a{font-size:16px;}
		#page_contact #form_column{margin:15px;}
		#page_contact .lenght_full{width:95%}
		#page_contact input.lenght_half{width:95%}
		#page_contact select.lenght_half{width:95%}
		#free_session_form td{width:100%}

		#page_contact #bf_blurb{width:auto}

		#map_column iframe{width:100%;height:400px;}
		#page_contact #contact_direction,
		#page_contact #contact_direction2{width:100%}
		#page_contact #map_column{margin:15px;}


		#page_blog .one_record{width:100%;}
		#page_blog .article_body a{word-wrap: break-word;-ms-word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;word-break: break-all;display:inline-block}
		#page_blog .article_body img,
		#page_blog .article_body iframe{width:100%;height:auto}
		.fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }
		td#blog_left_c{width:62%;padding-right:3%;padding-left:2%}
		td#blog_right_c{width:29%;padding-right:2%;;font-size:12px;}


		/*students*/
		#page_students .one_dj .intro{margin:0 0 10px 0;border-top:1px #e4e4e4}
		#page_students .one_dj .one_dj_soundcloud{width:100%}
		#page_students .dj_container_soundcloud iframe,
		#page_students .dj_container_soundcloud div,
		#page_students .dj_container_soundcloud p{width:100% !important;}
		/*#page_students .one_dj .one_dj_soundcloud object{display:none;}*/
		#page_students .one_dj .one_dj_image{width:25%}
		#page_students .one_dj_image img{width:100%;height:auto}
		#page_students .one_dj td{padding:10px 5px 5px 5px}
		#page_students .one_dj .one_dj_quote{width:33%;font-size:12px;font-family:Arial;}
		#page_students .one_dj_sep{padding:0}
		#page_students .one_dj .one_dj_aboutme{width:50%;padding:10px;font-family:Arial}
		#page_students .one_dj .one_dj_aboutbecome{width:50%;padding:10px;}
		#page_students .one_dj .one_dj_aboutbecome img{width:100%;height:auto;margin-left:0}
		#page_students .one_dj .blurb{margin:0;border-top:1px #e4e4e4}


		#page_dj_practice #x_one_day_availability{width:100%}
		#page_dj_practice #calendar_table{border-spacing:0px;}
		#page_dj_practice #calendar_table td a{padding:5px;}




		#page_dj_practice .booking_form #x_date_range_d,
		#page_dj_practice .booking_form #x_date_range_m,
		#page_dj_practice .booking_form #x_date_range_y{width:95%}




		#page_home #c3 > div > span{height:auto}
		#page_home .blurb .text{height:auto}
		#page_home .blurb{display:inline-block;font-size:18px;position:relative;width:auto;text-align:left;margin:0}
		 #home_student_slide{width:100%;height:330px}






}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
}

@media only screen and (max-width:671px) {
	#page_courses ul.tabify li a{margin:20px 10px;}
	#pc_topnav{margin-bottom:10px}
	#page_courses ul.tabify li{width:24.5%;}
	ul.tabify span{font-size:16px;}
	
	#page_about .tab_content{padding:40px;}
}


@media only screen and (max-width:488px) {
	#page_contact ul.tabify_reset li a{font-size:14px;}
	ul.tabify span{font-size:14px;}
	.one_dj_container .dj_container_dob{width:79%;height:auto;float:right;margin:10px}
	}

@media only screen and (max-width:388px) {
	#page_contact ul.tabify_reset li a{font-size:13px;}
	ul.tabify span{font-size:11px;word-wrap:break-word;}
	ul.tabify span h5{font-size:11px;margin-bottom:5px}
	#page_courses ul.tabify li a{margin:20px 2px}
	}