@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font: normal 18px arial,sans-serif;
  line-height: 28px;
}

.row {
  margin-left:0px;
  margin-right:0px;
}


/* Typography
-------------------------------------------------- */

h1,h2,h3,h4 {
  font-family: 'Kreon', serif;
  vertical-align:middle;
}


h1 {
  font-size:50px;
  margin-bottom: 30px;
}

a:link, a:visited{
	color:#333ed8;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color:#ecad02;
	font-weight: bold;
	text-decoration: none;
}

a.btn:link, a.btn:visited, a.btn:hover, a.btn:active{
	color:#fff !important;
	font-weight: bold;
	text-decoration: none;
}

.btn-primary{
	color: #fff;
	font-weight: bold;
    background-color: #f0ad4e;
    border:1px solid transparent;
}
.btn-primary:hover{
	color: #fff;
	font-weight: bolder;
    background-color: #ff9600;
    border:1px solid transparent;
}




/* Header
-------------------------------------------------- */
header {
  background: #fbf6f6;
  min-height: 300px;
  color:#000000;
}

header h1,header h2,header h3 a,header a,header a:hover {
  color:#101010;
  font-weight:800;
  text-decoration:none;
}

header h3 {
  font-family: 'Kreon', serif;
  background: #ffcc33;
  padding:10px;
  border-radius:3px;
  font-size:34px;
  padding:12px 10px 6px 10px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}

header img.header_logo{
	height: auto;	
}

header h1 { 
	font-size: 30px;
	margin-top: 5px;
}


.mobile_buttons{
	margin-top: 8px;
}



/* Masthead
-------------------------------------------------- */

#owl-slider .item img{
    display: block;
    width: 100%;
    height: 400px;
}
.owl-carousel .owl-wrapper-outer {
	max-height: 350px;
}
.banner_overlay{
	position: absolute;
	top: 4%;	
	text-align: center;
	width: 100%;
	margin: 0 auto;
}




/* Top Navi
-------------------------------------------------- */

#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}


.navbar-nav {
  margin: 1px 1px; 
  font-size: .9em;
}  
  
/* customize nav style */
.navbar-custom {
    background-color: #348600;
	font-weight:700;
    text-transform:uppercase;
    border-width:0;
    
}
.navbar-custom  .navbar-nav>li>a {
	color: #ddd;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #265c04;
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}


.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
	background-color: rgba(0, 0, 0, 0.5);
}






/* Custom page CSS
-------------------------------------------------- */

.col-padding-override{
	padding-left: 2px;
	padding-right: 2px;	
}

.fa-S{ font-size: 18px; }
.fa-M{ font-size: 40px; }
.fa-L{ font-size: 70px; }

.box .box-inner{
	border: 2px solid;
    border-radius: 25px;
    padding: 10px;
    margin: 10px;	
}

.img-responsive{
	display: inline;
}

.textarea{
	height: 180px !important;	
}

.padding_sm{
	height:20px;
	display: block;
}

.cta {
	text-align: center;	
}
.cta .box-inner {
	min-height:320px;	
}

.cta ul{
	text-align: left;	
	list-style: none;
}

.twb_google_map iframe{
    pointer-events: none;
}


.contact_details ul{
	list-style: none;	
}

img.imgcta{
	max-height:200px;
}


ul.social_links {
	font-size: 30px;	
}


.dropdown-menu>li>a:hover {
	color: #FFF;
}

.gallery ul{
	list-style: none;	
}

.gallery ul li{
	float:left;
	padding:10px;	
}



.gallery .item{
	padding:10px;
	text-align: center;
}

.faq{
	padding-bottom: 10px;
}



section#contact {

}

section#contact .section-heading {

}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #9c9c9c;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #8b8b8b;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #8b8b8b;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #8b8b8b;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #8b8b8bbbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

.contact_details{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
#success{
	color: #000;
}



/* --------- FOOTER ------------- */
.testimonials{
	text-align: center;
	color: #888;
	padding: 20px;
	margin-top:20px;
	border-top: 1px solid #ccc;
	/*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.73);
	background-color: #e4e4e4;*/
}
.testimonials .item {
	padding-bottom: 20px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
}

.services_select{
	text-align: left;	
}
.services_select .checkbox-inline+.checkbox-inline{
	margin-left:0;	
}
.service_check_title{
	color: #FFF;
}


footer a:link, footer a:visited{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}
footer a:hover, footer a:active {
	color:#f5ce08;
	font-weight: bold;
	text-decoration: none;
}

.footer_top{
	border-top: 10px solid #F1A651;
	color: #888;
	background-color: #314f94;
	padding-bottom: 10px;	
	margin-top:50px;
}

.footer_top .logo {
	padding-top:50px;	
}
.footer_top h2{
	color: #fff;	
}

.footer_bottom {
  height: 120px;
  margin-top:0px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#252525;
}


.developer {
	font-size: 12px;
	padding-top:30px;	
}
.developer a{
	color: #dcdcdc !important;	
}

.developer img.icon{
	height: 15px;
	width: 15px;	
}












.divider {
	height:100px;
}
.padding-sm {
	height:20px;
}
.padding-md {
	height:50px;
	display: block;
}

.panel {
	border-width:0;
}






@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
}



@media (max-width: 767px) {
	html,
	body {
	  font-size: 20px;
	}
	h1{
		font-size: 35px;
	}
	header {
		/*height: 150px;*/
		min-height: 150px;
	}
	#owl-slider .item img{
    	height: 180px;
	}

	header img.header_logo{
		height: 140px;	
	}
	.banner_overlay{
		top: 10px;	
	}
}

@media (max-width: 450px) {
	.banner_overlay{
		text-align: center;
		width: 100%;

	}
	.container{
		text-align: center;
		text-align: justify;
	}
	ul{
		text-align: left;	
	}
	.testimonials h3{
		font-size: 20px;	
	}
}


#map-canvas {
  	width: 100%; 
  	height: 300px;
	margin: 0;
	padding: 15px;
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 

section {
  min-height: 400px;
  height: auto !important;
  height: 100%;
  padding-top:10px;
}






@media(max-width:480px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  padding-left: 5px;
	  padding-right: 5px;
	}

    .top_tagline{
	    font-size: 22px;
	}
}