/********* 

Respoinsive Bootstrap Template
Jimmy Granier

**************/






@charset "utf-8";
html,
body {
	margin:0;
	padding:0;
	height:100%;
	/*color:#444444 !important;*/
}
#wrapper {

	min-height:100%;
	position:relative ;
	top:0px ; 
	bottom:0px ; 
}


#last {
	padding-bottom:400px; /* Height of the footer element */
	background-color: #ffffff !important;
	/*height:100% !important;
	min-height: 100% !important;*/
	
	
	
}
.container-sect {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
#about{
	
	background-color: #a9a18e;
	padding:25px;
	
}
#photos{
	
	background-color: black;
	padding:25px;
}
#contact{
	
	background-color: #dddddd;
	padding:25px;
}
.logo-img {
 
	  max-width: 500px !important;
	  width:100% !important;
	 
	 margin: 50px auto 0 auto ;
		  
	
}


















a:hover {
	text-decoration: none!important;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    // This is the aspect ratio height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}





#header {
    background-color: #dddddd;
    
    /*padding: 0 0 0 0;*/
	height:250px;
	position: relative;
	width:100%;
	margin:0 auto 0 auto;
}





.headleft
{
    
    color: #999999;
    text-align: left;
    /*margin: 1px;*/
    font-size: 1em;
}

.headright {
    
    color: #999999;
    text-align: right;
    /*margin: 1px 1px 1px 1px;*/
    font-size: 1em;
	margin-top:5px;
}
.icons{
	
	/*line-height: 50px;*/
	position:relative;
	bottom:5px;
}
.topright{
	display:inline-block;
	position: relative;
	/*line-height: 50px;
	
	margin-top:35px;*/
}

.headnav{
	display: inline-block;
	padding: 5px 7px 0 7px;
}

.headnav-last{
	display: inline-block;
	padding: 5px 0 0 7px;
}

#topbar{
	color:#46494d;
    background-color: #ffffff;
	height:60px;
}

.phone{
	
	font-size: 20px;
	font-weight: bold;
	color:#46494d;
	text-align: center;

	
	
}
.phone a{
	color:black !important;
}


.social {
    padding:0px 10px 0px 10px;
	line-height: 1.5;
}
.social-last {
    padding:0px 0px 0px 10px;
	line-height: 1.5;
}

/*.social a {
    padding:0px 0px;
	line-height: 1.5;
}*/


#home-about{
	
	background-color: #002649;
	width:100%;
	color:white;
	margin:20px 0 0 0;
	Padding: 20px 0 20px 0;
	
}

.content{
	
	position: relative;
	width:90%;
	margin:0 auto 0 auto;
	Padding: 0 0 0 0;
}



img.floatRight { 
    float: right;
	margin-left:10px;
	margin-bottom:5px;
	
    
}
img.floatLeft { 
    float: left; 
    margin-right: 10px; 
	margin-bottom:5px;
}







div.borderradius {
	padding: 10px 10px 10px 10px;
	 border-radius: 10px;
	 margin-top: 20px;
	margin-bottom: 20px;
	 margin-right: 0px;
	background-color: #f5f5f5;
	-moz-border-radius: 10px;
	border:solid thin #DDD;
	
}
div.borderradius2 {
	padding: 10px 10px 10px 10px;
	 border-radius: 10px;
	 margin-top: 20px;
	margin-bottom: 20px;
	 margin-right: 0px;
	background-color: #efede1;
	-moz-border-radius: 10px;
	border:solid thin #DDD;
	
}


#navigation-toggle {
    z-index: 999;
    display: block;
    position: fixed;
    top: 15px !important;
    right: 10px !important;
    padding: 15px 15px !important;
    box-shadow: 0px 1px 1px 
rgba(0,0,0,0.15);
border-radius: 3px;
text-shadow: 0px 1px 0px
    rgba(0,0,0,0.5);
    font-size: 20px;
    transition: color linear 0.15s;
    text-decoration: none !important;
}

 /* Three columns side by side */
.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}

/* Add some shadows to create a card effect */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Some left and right padding inside the container */


/* Clear floats */
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}

.iconpad{
	
	margin-top:35px;
}
.btn.btn-pro {
    background: #020c64;
	color:#ffffff;
	padding: 10px 30px;
}

	.slider-cap{
		
		
		text-align: right;
	}
	.slider-but{
		
		
		text-align:center !important;
	}

.btn.btn-pro:hover {
    background: #101fa0;
        background-size: auto;
    background-size: 100%;
	color:#ffffff;
}
.but-text
{
	font-size: 22px;
	padding-left:15px;
}
.box-button {
    background-color: #d0d0d0 !important;
    color: #000000 !important;
	border: #d5d9dd thin solid !important;
}


/* Slider*/

#slider{
		
	width:100%;
border-top: 1px solid #ffffff;
	position:relative;
	
	}	

.theme-default .nivoSlider {
    background: #fff url("loading.gif") no-repeat scroll 50% 50%;
    box-shadow: 0 1px 5px 0 #4a4a4a;
    margin-bottom: 0px !important;
    position: relative;
}
.nivo-caption {
    background: transparent none repeat scroll 0 0 !important;
    bottom: 30% !important;
    box-sizing: border-box;
    color: #fff;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	
    display: none;
    left: 0;
    opacity: 0.8;
    overflow:auto;
    padding: 20px 10px !important;
    position: absolute;
    width: 100%;
	height:200px !important;
	text-align:center;
    z-index: 8;
}


.theme-default .nivoSlider {

    position: relative;
    background: 

#fff url(loading.gif) no-repeat 50% 50%;

margin-bottom: 10px;

-webkit-box-shadow: 0px 1px 5px 0px #002649;

-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;

box-shadow: 0px 1px 5px 0px

    #002649;

}

.nivo-heading {
    font-size: 40px !important;
}
.nivo-description {
   font-size: 15px !important;
}
.nivo-caption a {
    display: inline;
}
.nivo-html-caption {
    display: none;
}	


/* End Slider*/


/* Grue Menu*/
.sidr-class-current > a {
    background: #333333 !important;
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
    background: #333333 !important;
    line-height: 48px;
}

/*.sidr ul {
 background:#44586d !important;
}*/
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #444444 !important;
}

a.sidr-class-toggle-sidr-close::before {
    font-size: 24px !important;
    font-weight: bold;
    color: 
#fff;
margin: 0;
	
text-decoration: none;
content: "X";
background: #000000 !important;
    padding: 1px 10px !important;
    border-radius: 50%;
}

.sidr {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 99999999 !important;
    width: 320px;
    overflow-x: auto;
    overflow-y: auto;
    font-size: 16px;
    background:#000000 !important;
color:
    #fff;
}

.sidr.left {
    right: -320px;
    left: auto;
}

.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{background:#000000 !important;line-height:40px}


#menubar{
	color:#ffffff;
    background-color: #000000;
	height:58px;
	
}


#gruemenu.grue_96 ul li, #gruemenu.grue_96 ul > li > a {
    
}


#gruemenu,
#gruemenu ul,
#gruemenu ul li,
#gruemenu ul li a
{

	line-height: 1.8 !important;
	
}


#gruemenu > ul > li > a { 
	padding: 14px 20px 15px 20px !important;
	border-right: 1px solid rgba(80, 80, 80, 0.12); 
	text-decoration: none; 
	letter-spacing: 1px;}



/*#gruemenu > ul > li > a {
   padding: 14px 10px 15px 10px !important;
    border-right: none !important;
    text-decoration: none;
    letter-spacing: 1px;
}
*/






#gruemenu.grue_96 > ul > li > a {
    color: #FFFFFF;
    text-transform: none !important;
	
}










#gruemenu.grue_96 {
    float: none !important;
    margin: 0px auto 0px auto !important;
    width: 100%;
    display: inline-block;
    text-align: center !important;
    position: relative !important;
	height:58px !important;
	
}
#gruemenu.grue_96 ul > li > a {
    font-size: 18px;
	
}

#gruemenu > ul {
    box-shadow: none!important;
    padding: 0;
    margin: 0;
}


#gruemenu > ul {
    box-shadow: none !important;
    position: relative !important;
    margin: 0px auto 0px auto !important;
}
#gruemenu.grue_96 ul {
    text-align: center !important;
}

#gruemenu ul li {
    float: none !important;
}

#gruemenu > ul > li.has-sub > a {
    padding-right: 40px !important;
	padding-top:10px !important;
}


#navigation-toggle span.nav-line {
    display: block;
    height: 3px;
    width: 20px;
    margin-bottom: 4px;
    background:#999999 !important;
}




#gruemenu, #gruemenu ul, #gruemenu ul li, #gruemenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999999;
}


#gruemenu.grue_96 ul ul li a, #navigation-toggle {
    color: 
#999999 !important;
background:
    #dddddd !important;
}
/* End Grue Menu*/





.btn-red {
    color: #fff;
    background-color: #e01719 !important;
    border-color: #e01719;
}



.box-title{
	
	margin-top:10px;
}



.box-button{
	padding:15px;
	background-color: #efefef;
}


.mob-but{
	
	background-color: #000000;
	height:145px;
	/*background-image: url("../../../images/icon-bg.png");*/
	
}

.footer-one {
  background-color: #000000;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	color:black;
	font: normal 16px sans-serif;
	padding: 0px 0px 0px 0px;
	line-height: 2em;	
	height:400px;
	position:absolute;
	bottom:0;
	left:0;
}

.footer-one a { color: white; }

#footbody{
	
	margin:65px 0 0 0;
	background-color:#a9a18e;
	height:230px;
}

/*#footcontent{
	
	padding:35px auto 35px auto;
	position: relative;
	
}*/
#footer-logo{
	 position:relative;
	width:100%;
	height:100%
}
.foot-margin{
	 margin-top:0px;
}
.footer-brand{
	position: relative; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
	top:15px;
  width: 190px;
}
.copyright{
	  margin-top:15px;
	  position:relative;
}

.cen {
    position: relative;
    margin: 0 auto;
}

.cen {
	  position:relative;
	  margin:0 auto;
	}
.cen {
      color:#666666;
	  font-size:18px;
}
.cen a {
      color:#ffffff !important;
	
}

.cen a:active {
      color:#62ae4e;
	
}
.cen a:hover {
      color:#62ae4e;
	
}
.footer-copy{color:#f0f4fb !important;}
.logo-footer {
 
	 margin: 0px auto 10px auto;
	 width:100%;
	 max-width:200px;
	 text-align:center;
	  
	 position:relative;
	 border: 0;
	
	
}




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


.but-text
{
	font-size: 16px;
	padding-left:7px;
}


}



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

	/*.nivo-heading {
    font-size: 30px !important;
}*/
.nivo-description {
   display:none !important;
}
	
	
.nivo-caption {
    
   bottom: 20% !important;
  
	 /* height: 110px !important;*/

}

}



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



}

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


.social {
    padding:0px 5px 0px 5px;
	line-height: 1.5;
}
.social-last {
    padding:0px 0px 0px 5px;
	line-height: 1.5;
}
/* Logo */


.logo {
   /* display: block;*/
  
	  
	   text-align: center !important;

  
}

#navigation-toggle {
    z-index: 999;
    display: block;
    position: fixed;
    top: 7px !important;
    right: 20px !important;
    padding: 7px 7px !important;
    box-shadow: none !important;
    border-radius: 3px;
    text-shadow:none !important;
    font-size: 20px;
    transition: color linear 0.15s;
    text-decoration: none !important;
	z-index: 9999999!important;
}
	
	.iconoverlay {
    
    height: 148px;
    
}
/*#rsform_4_page_0 { 
	margin-top: 30% !important;
}
	*/

	/*#navigation-toggle {
    z-index: 999;
    display: block;
    position: fixed;
    top: 5px !important;
    right: 10px;
    padding: 7px 7px !important;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    border-radius: 3px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    font-size: 20px;
    transition: color linear 0.15s;
    text-decoration: none !important;
}*/
	
	
	
	
	
	
	
	
	}	


@media screen and (max-width: 929px)
{
#gruemenu > ul > li > a {
   padding: 14px 6px 15px 6px !important;
    border-right: none !important;
    text-decoration: none;
    letter-spacing: 1px;
}
	
/*#gruemenu.grue_88 ul > li > a { font-size:12px !important}	
	.nivo-heading {
    font-size: 16px !important;
}
.nivo-description {
   font-size: 12px !important;
}*/
	
	
.nivo-caption {

	height:65px;

}	
	
	}	


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

.phone {
    font-size: 24px;
   
    margin-right: 20px;
}
	
	
.nivo-caption {
    
    bottom: 20% !important;
  
	

}	
	
	
	}
@media screen and (max-width: 827px) {

.topright{
	display:inline-block;
	position: relative;
	line-height: 50px;
	
	/*margin-top:20px;*/
	width:100%;
}
	.nivo-heading {
    font-size: 30px !important;
}
.nivo-description {
   display:none !important;
}
	
	
.nivo-caption {
    
   bottom: 10% !important;
  
	 /* height: 110px !important;*/

}		
	}	




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

}

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


}

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


	
	
.nivo-caption {
    
    bottom: 10% !important;
  
	

}		
	
	
	
}
@media screen and (max-width: 720px) {

#menubar{
	color:#ffffff;
    background-color: #000000;
	height:10px;
	
}	
	
}
@media screen and (max-width: 620px) {
	.nivo-heading {
    font-size: 30px !important;
}
.nivo-description {
   display:none !important;
}
	
	
.nivo-caption {
    
    bottom: 10% !important;
  
	 height: 150px !important;

}	

}

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

	.mob-but{
	
	
	height:225px;
	
	
}
.footer-one{

	height:400px;

}

#rsform_4_page_0 { 
	margin-top: 10% !important;
}
	
	
	
	.custom-select{
		width:60% !important;
		text-align: center !important;
	}
	
	#topbar{height:212px;}	
	
	.slider-cap{
		
		font-size: 12px;
		text-align:center !important;
	}
		.slider-but{
		
		
		margin:auto !important;
		
	}
	
	.dd	{
		
		
		text-align:center !important;
	}
	
	.rsform-submit-button{
		
		margin:10px auto !important;
		
	}
	
	

	
	.logo-img {
    max-height: 235px;
    height: 100%;
    /*margin: 0 auto 0 auto;*/
    position: relative;
    text-align: center !important;
		
    z-index: 99999999;
}
	
	
	
}

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

}



@media screen and (max-width: 513px) {
#last {
	/*padding-bottom:200px;  Height of the footer element */
	
}



}
@media screen and (max-width: 500px) {

}
@media screen and (max-width: 480px) {
	
	.logohead{
	
	color:#ffffff;
	font-size: 2.5rem;

	padding-bottom: 20px;
	
}
	#header{
		height:230px;
	}

}


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

	.mob-but{
	
	
	height:245px;
	
	
}
	.nivo-heading {
    font-size: 25px !important;
}
.nivo-description {
   display:none !important;
}
	
	
.nivo-caption {
    
    bottom: 13% !important;
  
	 height: 110px !important;

}	

}



@media screen and (max-width: 405px) {
		.welcometext{
	
	/*padding:25px 0 15px 0;*/
	margin-top:15px;
	
}
}

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

	.nivo-heading {
    font-size: 20px !important;
}
.nivo-description {
   display:none !important;
}
	
	
.nivo-caption {
    
   bottom: 10% !important;
  
	 /* height: 110px !important;*/

}	

}



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

		.welcometext{
	
	/*padding:25px 0 15px 0;*/
	margin-top:25px;
	
}
.logohead{
	
	color:#ffffff;
font-size: 2rem;
	padding-bottom: 10px;
	
}
	
	

	
	

}




