/* CSS Document */


/*resets */
article, aside, figure, footer, header, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}



* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html, body {margin:0; padding:0}


body {

	font-family: 'Open Sans', sans-serif;
	margin-top:10px;
	color:#333;
	font-size:18px;
}

#wrapper {
	margin: 0 auto; 
	width: 95%; 
	padding:20px;
	border:none;
	}

header {margin-bottom:2em;}


	 
	 #slogan {width:100%;}
	 	#slogan p{
			font-size: 1.5em;
			font-family: 'Oswald', sans-serif;
			color:#cc0000;
			font-weight:400;
			text-align:center;
			line-height:135%;
			padding:0;
			margin-bottom:0;
		
		}
		
		#slogan p.SloganTag{
			font-size: 1em;
			font-family: 'Open Sans', sans-serif;
			color:#666;
			font-weight:400;
			text-align:center;
		}
		
		#slogan a:link {color:#cc0000; text-decoration:none;}
		#slogan a:visited {color:#cc0000; text-decoration:none; }
		#slogan a:active  {color:#4088b8; text-decoration:none;}
		#slogan  a:hover   {color:#054977; text-decoration:underline;}
			  
	 #logo   {width:90%; }
	 	#logo img {display:block; margin: 0 auto;}
	 #flag   {display:none;}
	 





	 #content {width:80%; } /* position: relative; left: 20%; Move the column to the right (left == AFTER's width) */
	 #sidebar {width:20%; text-align:center; /*  position: relative; left: -80%; Move the column to the left (left == -BEFORE's width) */
	 	
	 	}
		 
.box-half {width:50%}		 
		 
#content .block-group { margin: -4px  0 -20px; }
#content .block { padding: 4px 0 0 20px; }

   /*two column content */
	.centerContent {width:60%;}
	.rightContent {width:40%;  }
	
	.colItem {width:100%;  padding:3px;  text-align:center; margin-right:10px; margin-bottom:5px; min-height:150px;}
	.colItem-fix4 { clear: left; width:30%;  padding:3px;  text-align:center; margin-right:10px; margin-bottom:5px;  min-height:125px;} /*fix for varying height boxes*/

/*full width content */
.content-full {width:100%; margin-bottom:25px;}

.content-full a:link {color:#054977; text-decoration:underline;}
.content-full a:visited {color:#054977; text-decoration:underline; }
.content-full a:active  {color:#4088b8; text-decoration:underline;}
.content-full  a:hover   {color:#cc0000; text-decoration:underline;}

.clearfix {clear:both; height:1px;}
 
.content-full ul li{margin-left:25px;}
.content-full li {padding-bottom:.6em; margin-left:25px;}
	
	
	
   /*COLUMNS IN CONTENT AREA - changed to larger content area */
	.equalContentL {width:100%;}
	.equalContentR {width:100%; margin-top:20px;}
	
	.boxed {width:80%; height:100%; border: 1px solid #ccc; padding:5px; margin:0 auto; text-align:center;}
	.boxed25 {width:35%; height:100%;  border: 1px solid #ccc;  padding:5px; margin:0 auto; text-align:center;}
	.boxed25 h2 {padding:0; margin:0;}
	
	 .mobile {display:none;}

.rotating-caption {padding:0 !important; margin:0 !important; font-weight:800; font-size:.9em;  text-align:center !important; }

.center {text-align:center;}
.awards p {margin:15px 0}
.awards img{border:1px solid #CCC; margin-bottom:15px;}

h1{
font-size:2em;
font-family: 'Oswald', sans-serif;
font-weight:400;
color:#4088b8;
line-height:110%;
margin-top:25px;

}


h2{
font-size:1.5em;
font-weight:600;
color:#555;
padding:.5em 0 ;
margin-bottom:0;
line-height:120%;
padding-bottom:0;
}

h2.nopadding{
padding: 0

}

h3{
font-family:'Open Sans', sans-serif;
font-size:1.25em;
font-weight:400;
color:#4088b8;

}


h4{
font-size:large;
letter-spacing:-1px;
margin:0;
color:#4088b8;
line-height:120%;
text-align:center;
padding-top:35px;

}	 

p {line-height:150%; margin-bottom:2%;}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width:90%;
  margin:0 auto;
  margin-top:20px;
}
td {border-bottom:1px dotted #ccc; text-align:center; padding:4px 4px}
th {
  padding: 5px 0 5px 0; background-color:#4088b8; color:#fff; font-weight:400;
}

table.payment td {text-align:left;}  
table.payment  {margin-bottom:25px;}  

img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}



.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  text-decoration:none;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  text-decoration:none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}



.knowbox {padding:0; max-width:300px; background-image: linear-gradient(-90deg, #4088b8, #113F5E); padding:5px; color:#fff !important; border-radius:10px; }
.knowbox p{padding:0; margin:0; margin-bottom:.2em; text-align:center; font-size:1.6em;}
.knowbox a:link, .knowbox a:visited {text-decoration:none !important; font-size:.6em;  } 

.freeconsultation p {
		text-align: center;
		color:#000;
		font-size:1.5em;
}

.freeconsultation img {max-width:95%; margin:0 auto;}

.HomeSideHead {
	font-size:1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#4088b8;
	line-height:120%;
}


	#social {
		margin:0 auto; 
		list-style: none;
		position:relative;
		width:100%;
		height:auto;
		*zoom: 1;
		text-align:center;
		overflow:hidden;
		border-top:1px solid #ccc;
		margin-top:25px;	
		 }
	#social ul {
	  	list-style:none;
	  	display:inline-block; /* IE6/7 haslayout trip-switch */
		display:inline; /* IE6/7 haslayout trip-switch, and IE6/7 only need ul to be display inline, yet does no harm to others */
		}

	#social li {
		 list-style:none;
		 margin:0;
		 padding:0;
		 position:relative;
		 margin-right:4px;
		 margin-bottom:5px;
		 padding-right:5%;
		 display:inline-block;		
		}


footer {background-color:#666; color:#fff; text-align:center; font-size:x-small; padding:3px;}
footer a:link {color:#fff; text-decoration:underline;}
footer a:visited {color:#fff; text-decoration:underline; }
footer a:active  {color:#ccc; text-decoration:underline;}
footer  a:hover   {color:#ffff64; text-decoration:underline;}



/* FORM STYLES */
.contact-center{display:block; width:95%; margin: 0 auto; margin-bottom:3em;}
.container {
	max-width:400px;
	width:95%;
	display:block;
	margin:0 auto;
	position:relative !important;
	z-index:5000
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	background:#4088b8;
	padding:20px; !important;
	margin:20px 10px 50px 10px;

}

.contact-container{padding:15px !important; }
#contact h2 {
	color: #fff;
	display: block;
	font-size: 2em;
	font-weight: 800;
	text-align:center;
}

#contact p {
	margin:5px 0 15px;
	display:block;
	font-size:.9em;
	color:#fff;
	font-weight:400;
	text-align:center;
	line-height:125%;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#333;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}


@media (min-width: 768px) {
	
#logo {margin-bottom:10px;}	
.nav-wrapper {width:95%;  margin:0 auto !important; padding:0; overflow: hidden; margin-top:25px; }
.nav {
    position: relative;
    width: 100%;
    display: block;
    clear: both;
	text-align:center !important;
}
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	/*float:right;*/
}

.nav li {
    float: left;
	position:relative;
	text-wrap:none;
	
	
}


.nav a:link, a:visited {
    display: block;
    min-width:175px;
	font-weight:400;
	font-size:.9em;
    color: #fff;
    text-align: center;
    padding: 10px;
    text-decoration: none;
	margin-right:10px;
	background-color:#4088b8;
}

.nav a:hover, a:active {
    background-color: #cc0000;
}



         
	 #slogan {width:25%;}
	 	#slogan p{
			font-size: 1.5em;}
	 #logo   {width:50%;}
	 		/*#logo img {padding-right:50px;}*/

	 #flag   {display:block; width:25%;}		 
	 
 /*two column content */
	.centerContent {width:60%;}
	.rightContent {width:40%;  }
	 /*COLUMNS IN CONTENT AREA - changed to larger content area */
	.equalContentL {width:60%;}
	.equalContentR {width:40%;}
	
	.colItem {width:30%;  padding:3px;  text-align:center; margin-right:10px; margin-bottom:5px; min-height:200px;}
	.colItem-fix4 { clear: left; width:30%;  padding:3px;  text-align:center; margin-right:10px; margin-bottom:5px;  min-height:125px;} /*fix for varying height boxes*/

h1{
	font-size:2.5em;
}

h2{
font-size:1.8em;}

.rotating-caption { font-size:2em; }

}

@media (min-width: 1200px) {
#wrapper {
	width: 85%;
}
#slogan p{
			font-size: 1.7em;}

.knowbox {max-width:400px;}

.HomeSideHead {
	font-size:2.5em;}

}