/* Global Styles */

html,
body {
    height: 100%;}

body {
    padding-top: 150px; /* Required padding for .navbar-fixed-top. */
	background-image: url(../img/tile_square.gif);
	background-repeat: repeat;
	padding-right: 0px;
	padding-left: 0px;
}

.top_nav{height:90px;}
.mpr_logo{width:243px;height:192px;z-index:1000;}
.mpr_phone{position:absolute;z-index:1000;top:110px;right:0px;max-width:100%; height:auto;margin-left:auto;margin-right:auto;}
.mpr_mob{display:none;position:absolute;z-index:1000;top:110px;right:0px;}

.cred_dtp{display:block;max-width:100%; height:auto;margin-left:auto;margin-right:auto;}
.cred_mob{display:none;max-width:100%; height:auto;margin-left:auto;margin-right:auto;}
.cred_contact{display:block;max-width:100%; height:auto;margin-left:auto;margin-right:auto;}


.navbar{
	Background-color:#009;
	background: #009; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #009); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #009); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #009); /* For Firefox 3.6 to 15 */
    background: linear-gradient(r#000, #009); /* Standard syntax */
	border-bottom: 2px solid #000;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 5px 10px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 5px 10px rgba(0, 0, 0, 0.75);
}


.navbar-toggle{padding:2px;background-color:transparent;border:none;border-color: transparent; }

button.navbar-toggle.active{background-color:#000;}	

.nav a{font-family: 'Fredoka One', Arial, Helvetica, sans-serif;font-size: 22px;margin-right:0px;}


header {
    text-align: center;
    color: #009;
}

.content_stage{width:100%;min-height:600px;background-color:#FFF;border: 1px #000 solid;margin-top:-20px;padding-bottom: 10px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.75);box-shadow:0px 5px 10px rgba(0, 0, 0, 0.75);}

h1{font-family: 'Fredoka One', Arial, Helvetica, sans-serif;}
h2{font-family: 'Fredoka One', Arial, Helvetica, sans-serif;}
h3{font-family: 'Fredoka One', Arial, Helvetica, sans-serif;}
h4{font-size:16px;margin-left: auto;margin-right: auto;}

.btn-primary{font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size: 22px;background-color:#009;border-color:#000; color:#FFFFFF;}
.btn-primary:hover{background-color:#000;border-color:#000;color:#CCCCCC;}
.btn-default{font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size: 16px;background-color:#009;border-color:#000;color:#FFFFFF;}
.btn-default:hover{background-color:#000;border-color:#000;color:#CCCCCC;}

.btn-warning{font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size:16px;color:#000;background-color:#FF0;} 
 

/* Sidebar Styles */
.sidebar_phone{HERE}

.header_phone{HERE}

.main_contact{text-align:center;}

.main_contact_dtp{float:left; text-align:center; padding:5px;margin-left:22px;}

.testimonial_dtp{display:block}


.testimonial blockquote {
	margin: 10px 10px 0;
	background: #ddd;
	padding: 15px 30px;
	position: relative;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
	font-style: italic;
}

.testimonial blockquote:before, .testimonial blockquote:after {
	content: "\201C";
	position: absolute;
	font-size: 60px;
	line-height: 1;
	color: #fff;
	font-style: normal;
}

.testimonial blockquote:before {
	top: 0;
	left: 10px;
}

.testimonial blockquote:after {
	content: "\201D";
	right: 10px;
	bottom: -.5em;
}

.testimonial div {
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ddd;
	margin: 0 0 0 60px;
}

.testimonial p {
	margin: 8px 0 0 20px;
	text-align: left;
}	

/* Footer Styles */

.footer{
	text-align: center;position:absolute;left:0px;top:0px;bottom:0px;width:100%;height: 335px; min-height:335px;margin-top:-55px;color: #FFF;padding-top:5px;padding-bottom:15px;
	Background-color:#009;
	background: #009; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #009); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #009); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #009); /* For Firefox 3.6 to 15 */
    background: linear-gradient(r#000, #009); /* Standard syntax */
	border-bottom: 2px solid #000;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 5px 10px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 5px 10px rgba(0, 0, 0, 0.75);
	
}

.footer_address{color:#FFF;font-size:14px;}

.footer_links_wrap {text-align:center;}
.footer_links {text-align:center;margin-bottom:18px;}
.footer_links a{color:#CCCCFF; font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size:18px;}


.footer_contact{color:#FFF;font-size:16px;margin-left:auto;margin-right:auto;margin-bottom:16px;text-align:center;}
.footer_phone{color:#CCCCFF; font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size:24px;margin-bottom:10px;font-weight:normal;}
.footer_phone a{color:#CCCCFF;}
.footer_email {color:#FFF;font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size:16px;margin-left:auto;margin-right:auto;margin-top:16px;margin-bottom:16px;}
.footer_email a{color:#FFF;}
.footer_fb {color:#FFF;font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size:14px; margin-left:auto;margin-right:auto;margin-top:12px;}
.footer_fb a{color:#FFF;}

.footer_hype{color:#FFF;font-size:16px;padding:16px;}


/* Services Styles */

#accordion_01{color:#333;}
#accordion_02{color:#333;}
#accordion_03{color:#333;}
.panel-title{height: 28px;font-size:14px;padding-top: 3px;}

/* Contact Form Styles */

.form-control{background-color:#EFEFEF;}

.control-group form-group label{font-family:'Fredoka One', Arial, Helvetica, sans-serif;font-size: 14px;color:#009;}


/* Gallery Styles */

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
	border: solid 1px #000;
}

 
/* Responsive Styles */

@media(max-width:991px) {
h1{font-size:30px;}
.mpr_logo{width:220px;height:174px;}
.mpr_phone{position:absolute;z-index:1000;top:110px;right:0px;width:520px;height:59px;}
.mpr_mob{display:none;position:absolute;z-index:1000;top:110px;right:0px;}
.nav a{font-size: 17px;margin-right:-15px;margin-top:-5px;}
.cred_dtp{display:block;max-width:100%; height:auto;}
.cred_mob{display:none;max-width:100%; height:auto;}
.cred_contact{display:none;max-width:100%; height:auto;}
.main_contact_dtp{width:50%;margin-left:0px;}
.footer{height:650px;}
}

@media(max-width:768px) {
h1{font-size:30px;}
.top_nav{height:70px;}
.mpr_logo{width:200px;height:158px;}
.mpr_phone{display:block;position:absolute;z-index:1000;top:115px;right:0px;width:400px;height:45px;}
.mpr_mob{display:none;position:absolute;z-index:1000;top:20px;right:0px;}
.cred_dtp{display:block;max-width:100%; height:auto;}
.cred_mob{display:none;max-width:100%; height:auto;}
.testimonial_dtp{display:none}
.main_contact_dtp{width:50%;margin-left:0px;}
.footer{height:1000px;}
}


@media(max-width:480px) {
h1{font-size:30px;}
.top_nav{height:60px;}
.mpr_logo{width:200px;height:158px;}
.mpr_phone{display:none;position:absolute;z-index:1000;top:110px;right:0px;}
.mpr_mob{display:block;position:absolute;z-index:1000;top:5px;right:0px;width:180px;height:55px;}
.cred_dtp{display:none;max-width:100%; height:auto;}
.cred_mob{display:block;max-width:95%; height:auto;}
.testimonial_dtp{display:none}
.main_contact_dtp{width:100%;margin-left:0px;}
.map{width:150px;height:150px;}
.footer{height:950px;}
}	


@media(max-width:320px) {
h1{font-size:30px;}
.top_nav{height:60px;}
.mpr_logo{width:200px;height:158px;}
.mpr_phone{display:none;position:absolute;z-index:1000;top:110px;right:0px;}
.mpr_mob{display:block;position:absolute;z-index:1000;top:5px;right:0px;width:180px;height:55px;}
.cred_dtp{display:none;max-width:100%; height:auto;}
.cred_mob{display:block;max-width:95%; height:auto;}
.testimonial_dtp{display:none}
.main_contact_dtp{width:100%;margin-left:0px;}
.footer{height:950px;}
}