.top {min-height:130px;}
.top .col-md-4{font-size: 50px;color:#fc8c12;padding-top:40px;}

.navbar .navbar-nav {display: inline-block;float: none;}
.navbar .navbar-collapse {text-align: center;}
.navbar {position:relative;min-height:70px !important;margin-bottom:20px;border:1px solid transparent}
.navbar-default {background-color:#696969!important;border-color:none!important;color:#fff; opacity: 0.7;border-top:10px solid #000;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fc8c12;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fc8c12!important;background-color:#e7e7e7}
.navbar-default .navbar-nav > li > a {color: #fff;font-size:23px; padding:15px;}
.navbar-default .active {color:#fc8c12!important;}

.col-md-8 img {float:left;} 
.col-sm-3 {width: 20% !important;}



@media(max-width:480px) {
	.col-md-8{width:290px!important;}     
	.col-lg-12{width:!important;}     
	.col-lg-12 h1{text-align: center;padding:30px;color:#000;font-size:35px;float:right; width:300px;padding:20px;} 
	.col-lg-12 h3{font-size:20px;width:300px; color:#000;}
	.col-lg-12 p{color:#000;font-size:18px;}
	.intro .col-md-6 h1{width:100%; color:#000;font-size:38px!important; margin-top:-30px!important;}
	.intro .col-md-6 h4{width:100%; color:#000;font-size:18px!important; margin-top:-70px!important;margin-left:5px!important;}
	.top .col-md-4 p{font-size:40px;}
	.top .col-md-8 img{text-align: center;}
	.section-group4 .col-md-13 p{width:90%!important;margin-left:20px;}
	.col-lg-12 .contact-form{width:100%!important;}
	.col-lg-12 .contact-form p{font-size:14px;}
  .checkbox input[type="checkbox"] {margin-left:10px!important;}
	.contact-form h2 {color: #fc8c12;font-size:28px;}
	
    
}

@media(max-width:1024px) {
	.col-md-4{font-size: 40px;color:#fc8c12;padding:0px;text-align: center;padding-top:30px;}
	.col-md-8{width:50%; float:left;padding:5px;} 
	/*  home  */
	.intro .col-md-6 h1{width:100%; color:#000;font-size:38px!important;}
	.intro .col-md-6 h3{color:#000;font-size:20px!important;width:100%;}
	.intro .col-md-6 h4{color:#000;font-size:20px!important; }
	.intro .col-xs-6{margin-left:-60px!important;}

	/* contact  */
	.col-md-4-social .col-md-2{width:25%; float:left;}
}

.col-md-4 .img-responsive{padding-top:10px;padding-bottom:10px;}
.col-xs-2 {width:21.5% !important;}




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;   
    float:right;  
  /*margin-right: -250px;*/

  
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0% 0% 0% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 29.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 16.5%;
  
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 0% 0 0% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 33.3%; }
	.section {clear: both; padding: 0px; margin: 0px; float:left;width:100%; margin-left:55px;}
}


/*  Contact page  */

hr{height:3px; background-color:#fc8c12;margin-top:-10px;}
.section-group2 h3{ color:#fc8c12; font-size:24px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; }
.section-group2 .dl-horizontal{ font-size: 16px;color:#000;font-weight:normal;float:left;width:500px; margin-left:-100px;}
.col-xs-6 {width:100%!important;}

.col-md-4-social{float:right; padding:60px;width:50%!important; }
.captcha{float:left;}
.contact-form h2{color: #fc8c12;}


/*  form  */

/***** contact form *****/
.contact-form {
	position: relative;
	vertical-align: top;
	z-index: 1;
	margin: 0 0 0;
	top: 0;
	float:left;
	margin-top:30px!important;
	width:50%;
	
}
.contact-form .txt-form {
	display: none;
}
.contact-form .coll-1, .contact-form .coll-2, .contact-form .coll-3 {
	margin-right: 20px;
	margin-bottom: 16px;
	float: left;
	width: 192px;
}
.contact-form .coll-3 {
	margin-right: 0;
}
.contact-form .coll-4 {
	margin-bottom: 5px;
}
.contact-form fieldset {
	top: 13px;
	border: none;
	padding: 0;
	width: 100%;
	position: relative;
	z-index: 10;
}
.contact-form label {
	display: block;
	min-height: 45px;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.contact-form .message {
	display: block;
	width: 100%;
}
.contact-form input {
	padding: 9px 14px 8px;
	margin: 0;
	text-decoration: none;
	font-family: "Open Sans",sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #adadad;
	background-color: #fff;
	outline: none;
	width: 100%;
	border: 1px solid #fc8c12;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form textarea {
	padding: 9px 14px 8px;
	margin: 0;
	text-decoration: none;
	font-family: "Open Sans",sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #adadad;
	background: transparent;
	outline: none;
	width: 100%;
	border: 1px solid #fc8c12;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
}
.contact-form input {
	height: 41px;
}
.contact-form input:focus, .contact-form textarea:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #adadad !important;
	border: 1px solid #dbdbdb;

}
.contact-form .area .error {
	float: none;
}
.contact-form textarea {
	width: 100%;
	height: 147px;
	resize: none;
	overflow: auto;
	background-color: #fff;
}
.contact-form .success {
	border: none;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
	padding: 18px 0px;
	text-transform: none;
	text-align: center;
	z-index: 20;
	width: 100%;
	border: 1px solid #dbdbdb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form .error, .contact-form .empty {
	color: #f00;
	font-size: 10px;
	line-height: 1.2em;
	display: none;
	text-align: right;
	overflow: hidden;
	width: 100%;
	text-transform: none;
	position: absolute;
	top: 0px;
	right: 0;
}
.contact-form .message .error, .contact-form .message .empty {
	top: 145px;
}
.contact-form .buttons-wrapper {
	margin: 33px 0 0;
}
.contact-form .buttons-wrapper a {
	margin-left: 0;
	margin-right: 10px;
}
.contact-form .buttons-wrapper a:hover {
	text-decoration: none;
}
.contact-form .buttons-wrapper p {
	position: relative;
	font-weight: 200;
	display: inline-block;
	color: #8b8b8b;
	text-transform: uppercase;
}
.contact-form .buttons-wrapper strong {
	color: #adadad;
	font-family: "Open Sans",sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	top: 0;
	margin-left: 17px;
}

.contact-form .send:hover {
	color:#fff;
	background-color: #1997a3;
	opacity:0.9;
	border:1px solid #1997a3;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: -10px !important;
    margin-left: -120px;
}
.col-md-4-social .send {margin-top:5%; float:left; margin-right:30%;}

input[type=submit] {
    border: 1px solid #fc8c12;
    color: #fff;
    background: #fc8c12;
    padding: 15px 40px;
    border-radius: 5px;
	  box-shadow: 0 5px #fe6b03;
	  
	/*added moved button to the right*/  
	  font-size:16px;
	  width:50%;
	  margin-top:20px;
}

input[type=submit]:hover {
    background: #fe6b03!important;
}



@media (min-width:768px){
	.dl-horizontal dt{float:left;width:75px;clear:left;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
	.dl-horizontal dd{margin-left:80px; text-align: left;}
	
	.col-xs-6 .col-md-2{float:left;width:20%!important;}
	
}

.section-group2 p{font-size:16px; color:#000;font-weight:normal;}
.col-xs-6 .col-md-2 {width: 10.66666667%;}

@media(max-width:480px) {
	.section-group2 .col-md-4{font-size: 40px;color:#fc8c12;padding:0px;padding-top:30px; width:100% !important;}
	.section-group4 .col-md-9{width:100% !important;}
	.section-group4 .col-lg-12 h3{ color:#fc8c12; width:100%;}
	.section-group4 .col-md-1{ color:#fc8c12; float:left;padding-left:0px!important;padding:0;}
	.section-group4 .col-lg-12 p{padding-left:10px;} 
	.section-group4 .col-md-9 li{font-weight:normal; font-size:16px;}
    .section-group2 .dl-horizontal{ font-size: 16px;color:#000;font-weight:normal;float:left;width:100%; margin-left:0px;}
	.practice .col-md-6 p{float:left;margin-left:0px!important; width:100%!important;}   
	.practice .col-md-4 ul{font-weight: normal; font-size:16px; color:#000; float:left;margin-left:-40px!important;}
	.col-xs-6 .col-md-2{float:left;width:20%!important; padding-top:20px;}
	.col-md-4-social{width:100%!important; margin-top:20px!important;padding:10px;margin-right:30px!important;}
	.captcha{width:100%; margin-left:-10px;margin-top:0px!important;}
	.intro .col-md-6{padding-top:30px!important;}
	.intro .col-md-6 p{color:#000;margin-top:-20px!important;}
	/*  resources page  */
	.col-md-3 iframe{width:100%;}
	.header {margin-top: -80px;padding-bottom: 10px;text-align: center;color: #f8f8f8;background: url(../img/header.jpg) no-repeat center center;background-size: cover;
    min-height:250px!important;}
	 .about .col-md-7{width:100%!important;float:left; text-align: justify;padding-top:40px;font-size:16px; color:#000;font-weight:normal;}
	.about .col-md-7 {background-color: #fff; opacity:0.7;}


}


@media(max-width:1024px) {
.section-group2	.col-md-4{font-size: 40px;color:#fc8c12;padding:10px;padding-top:0px; width:50%; float:left;}
.section-group4 .col-md-13{padding-left:5% !important;float:left;width:95%!important;}

}


/*  resources page  */

.section-group3 p{color:#; font-size:18px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-weight:normal;text-align: justify;text-justify: inter-word;}
.section-group3 mark{color:#fc8c12;font-weight:bolder;}



/*  faq  */

.header {
    margin-top:-80px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 10px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/header.jpg) no-repeat center center;
    background-size:cover;
    min-height: 600px;
    
}

.section-group4 .col-lg-12 h3 {color:#fc8c12;padding:10px;}
.section-group4 h1{color:#fc8c12;padding:20px;}
.section-group4 p{color:#000;font-size:16px; font-weight:normal;text-align: justify;}
.section-group4 .col-md-9{ padding:20px;width:90%; margin-left:-22px;}
.section-group4 .col-md-9 li{font-weight:normal; font-size:16px;}
.section-group4 .col-md-1{width:3%; padding-left:25px;color:#fc8c12;font-size:20px;}
.section-group4 .col-lg-12 .col-md-4{font-size:16px;color:#000; font-weight:normal; margin-left:50px;width:270px;float:left; text-align:left;}
.section-group4 .col-md-13{padding-left:7%;float:left;width:90%;}
.section-group4 mark{color:#fc8c12; font-style: italic;background-color:#fff; font-weight: bolder;}


/*  about  */

  
.about {
    margin-top:-20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 10px;
    text-align: center;
    color: #f8f8f8; 
	  background: url(../img/about.jpg) no-repeat center center;
    background-size:cover;
    min-height: 730px;   
}
  .about .col-md-7{width:50%; float:left; text-align: justify;padding-top:40px;font-size:16px; color:#000;font-weight:normal;}

.backdrop{display:none;}
.about .col-md-6{ margin-top:40px; text-align: justify; color:#000;font-size: 16px; font-weight: normal;}


/*  practice  */
.practice {
    margin-top:-20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 10px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/practice.jpg) no-repeat center center;
    background-size:cover;
    min-height: 690px;   
}
.practice .col-lg-9{text-align: center;font-size: 20px; padding-left:10%; margin-top:40px; width:90%;}
.practice .col-md-6 p{color:#000;text-align: justify; margin-top:40px; font-weight:400; width:70%; font-size:16px; margin-left:85px;}
.practice .col-md-4 {text-align: left; width:100%; padding-left:10%;}
.practice .col-md-4 ul{font-weight: normal; font-size:16px; color:#000;}
.practice .lead {font-size:24px !important;font-weight: bolder!important;}







/*  Home  */
.intro {
    margin-top:-80px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 10px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/bg.jpg) no-repeat center center;
    background-size:cover;
    min-height: 785px;   
}

.intro .col-md-6{margin-top:30px;}
.intro .col-md-6 h1 {margin-top:130px; font-size:56px;}
.intro .col-md-6 h3{width:70%;margin-left:auto;margin-right:auto;}
.intro .col-md-6 h4{font-size:17px;margin-left:-20px;width:100%;}


.list-inline.intro-social-buttons{padding:0px;}
.btn-group-lg > .btn, .btn-lg {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;margin-top:30px;box-shadow: 0 5px #fe6b03;}


/* ============================================== */
/* iPad Landscape & Portrait                      */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

	.intro .col-md-6 {width:100%;}
	.intro .col-xs-6{width:100%!important;margin-left:-180px!important;}
}


@media (min-width:768px){
.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.dl-horizontal dd{margin-left:200px; text-align:left!important;width:400px;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: -10px !important;
    margin-left: 0px;
	  width:300px;
}

}