/**********
  GENERAL
**********/
body:before { /*Top Shadow*/
  content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 9999;
}

body {
	font-family: Helvetica, Verdana, sans-serif;  
	font-size:16px;
  font-weight:normal;    
  line-height:1.40em; 
  font-weight: 300;  
  text-align:left;    
	margin: 0;
	padding: 0;
	color: #3e3f3f;
  background:#e5e5e5 !important;
  
}

.polaroid {
  border: 12px solid #fff;
	-webkit-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.5);
}

#home_image{
  margin:20px 0px;
}

#home_image_slideshow{
  height:500px;
}

/**********
  MENU
**********/
#logo{
  margin-left:30px; /*Correction burger nav*/
}

#logo_menu{
  float:left;
  margin-left:30px; /*Correction burger nav*/
  margin-top:30px; /*Correction burger nav*/
}

#logo_menu_row{
  padding-bottom:50px;
}

#navbar{
  background:#e5e5e5;
  border:none;
  height:120px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);  
}

#navbar.innershadow{
  box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);
}

.navbar-header{
  margin:10px;
  text-align: center;
  float: none !important;
}

.navbar-toggle {
    background:none;
    border:none;
    display: block;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background:none !important;
    border:none;
}

.navbar-toggle span.icon-bar{
  background-color:#3e3f3f !important;
}

.navbar-toggle:hover span.icon-bar,
.navbar-toggle:focus span.icon-bar{
  background-color:#719441 !important;
}

.navbar-toggle .icon-bar {
    height: 4px;
}

.overlay .navbar-header .navbar-brand{
  margin-left:15px;
}
.overlay .navbar-header .navbar-toggle{
  margin-right:30px;
}
.overlay .navbar-header{
  margin-bottom:30px;
}
.overlay {
  text-align:center;
  position: fixed;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  /*height: calc(100% - 120px);*/
  height: 100%;
  /*top: 120;*/
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  background-color: #3e3f3f;
}
.overlay-data {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
  z-index:9999;
}
.overlay-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;  
}
.overlay-close{
  color:#bcbdbf;
  font-size:30px;
}
.overlay-close:hover,
.overlay-close:focus{
  color:#719441;
}
.navbar-nav {
    float: none;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

#menu_ul{
  padding-top:50px;
}

#menu_ul h1{
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:60px;
  letter-spacing:10px;
	color: #bcbdbf;
  text-transform:uppercase;
}

#menu_ul a:hover > h1,
#menu_ul a:focus > h1{
  color: #8fa973;
}

#menu_ul h1 span.first_letter{
  font-size:80px;
}

#menu_ul h1 span.green_under{
  border-bottom: 2px solid #8fa973;
}

#menu_ul a:hover > h1 span.green_under,
#menu_ul a:focus > h1 span.green_under{
  border-bottom: 2px solid #bcbdbf;
}

#menu_ul h3{
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:30px;
  letter-spacing:10px;
	color: #bcbdbf;
  text-transform:uppercase;
}

#menu_ul a:hover > h3,
#menu_ul a:focus > h3{
  color: #8fa973;
}

#menu_ul h3 span.first_letter{
  font-size:40px;
}

#menu_ul h3 span.green_under{
  border-bottom: 2px solid #8fa973;
}

#menu_ul a:hover > h3 span.green_under,
#menu_ul a:focus > h3 span.green_under{
  border-bottom: 2px solid #bcbdbf;
}

#menu_social{
  padding-top: 30px;
  padding-bottom: 10px;
}

#menu_social a{
	color: #bcbdbf;
  font-size:13px;
}

#menu_social a:hover,
#menu_social a:focus{
	color: #8fa973;
}

#menu_social span.spacer{
  width: 75px;
}

/**********
  SERVICES
**********/
#services{
  padding:120px 0px 0px 100px; /*Top padding based on navbar height*/
  box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);    
}

.services_row{
  padding:0px 0px 0px 100px !important;
  box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);    
}

#services h1{
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:60px;
  letter-spacing:10px;
	color: #3e3f3f;
  text-transform:uppercase;
}

#services h1 span.first_letter{
  font-size:80px;
}

#services h1 span.green_under{
  border-bottom: 2px solid #8fa973;
}

#services h2{
	font-family: utsaahregular, Verdana, sans-serif;  
	font-size:30px;
  letter-spacing:4px;
	color: #3e3f3f;
}
  
.services_ul {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  line-height:28px;
}  
  
.services_ul li{
	font-size:18px;
  text-align:left;
}

#home_image{
  margin:0px;
  padding:0px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

#home_photos_link{
  padding:0px 0px 100px 0px;
  box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);  
}

#home_photos_link h2 {
  padding-top:50px;
  font-size:40px;
  color:#fff;
}

#home_photos_link h2 span.first_letter{
  font-size:40px;
}

#home_photos_link h2 span.green_under{
  border-bottom: 2px solid #3e3f3f;
  font-weight:bold; 
}

#home_photos_link h2 span.green_under:hover{
  color:#bcbdbf;
  border-bottom: 2px solid #8fa973;
}

#home_photos_link .photos_content{  
  height:300px;
  background-color:#8fa973 !important;
}

#home_photos_link .photos_content:hover > h2 span.green_under{
  color:#bcbdbf;
  border-bottom: 2px solid #8fa973;
}

#home_photos_link .photos_content:hover{
  opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
  cursor: pointer; 
  background-color:#3e3f3f !important;
}

#home_photos_link .photos_content:after{
  font-family: FontAwesome;
  content:"\f090";
  color:#fff;  
  font-size: 50px;
  line-height: 100px;
  opacity: 1;            
}
  
#a_propos{
	font-size:20px;
  text-align:justify;
  line-height:30px;
  padding:50px 0px 50px 0px;
}

#a_propos p span.green_under{
  border-bottom: 2px solid #8fa973;
  font-weight:bold;
}

/**********
  PHOTOS
**********/
#photos{
  padding:40px 0px 80px 0px; /*Top padding based on navbar height*/  
}

#photos h1{
  margin-bottom:30px;
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:60px;
  letter-spacing:10px;
	color: #3e3f3f;
  text-transform:uppercase;
}

#photos h1 span.first_letter{
  font-size:80px;
}

#photos h1 span.green_under{
  border-bottom: 2px solid #8fa973;
}

#photos_content{
  height:600px;
}

/**********
  CONTACT
**********/
#contact{
  background-color:#3e3f3f;
  padding:40px 0px 80px 0px;
}

#contact h1{
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:60px;
  letter-spacing:10px;
	color: #bcbdbf;
  text-transform:uppercase;
}

#contact h1 span.first_letter{
  font-size:80px;
}

#contact h1 span.green_under{
  border-bottom: 2px solid #8fa973;
}

#contact .input_style{
  background-color:#e5e5e5; 
  font-size:14px;
  text-decoration:none;
  font-family: Helvetica, Verdana, sans-serif;  
  letter-spacing:1px;
  margin-bottom:30px;  
  color:#3e3f3f;
}

#contact .input_style:focus,
#contact .input_style:hover,
#contact .input_style:active:focus,
#contact .input_style:active{
  outline: 0 none;
  border-color:#8fa973;
	-webkit-box-shadow:  0 0 8px rgba(143, 169, 115, 0.6);
	-moz-box-shadow:  0 0 8px rgba(143, 169, 115, 0.6);
	-ms-box-shadow: 0 0 8px rgba(143, 169, 115, 0.6);
	-o-box-shadow: 0 0 8px rgba(143, 169, 115, 0.6);
  box-shadow: 0 0 8px rgba(143, 169, 115, 0.6);
  outline:none;
}

#contact .input_style::-webkit-input-placeholder, 
#contact .input_style:-moz-placeholder , /* Firefox 18- */
#contact .input_style::-moz-placeholder , /* Firefox 19+ */
#contact .input_style:-ms-input-placeholder {  
   color: #3e3f3f;  
}

#contact button{
  color:#ffffff;
  background-color:#8fa973;
  border-color:#8fa973;
}

#contact button:hover,
#contact button:focus,
#contact button:active{
  color:#ffffff;
  background-color:#a89f8a;
  border-color:#a89f8a;
}

.alert-dismissable .close{
  background:none !important;
  color:#000 !important;
}

.contact_no h1{
  color: #bcbdbf;
	font-size:44px !important;
  padding:20px 0px;
}

#contact_form{
  padding:120px 0px 20px 0px;
}

/**********
  ELEMENT
**********/
.black_container{
  background-color:#3e3f3f;
  padding:40px 0px 40px 0px;
}

.black_container h1{
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:60px;
  letter-spacing:10px;
	color: #bcbdbf;
  text-transform:uppercase;
}

.black_container h1 span.first_letter{
  font-size:80px;
}

.black_container h1 span.green_under{
  border-bottom: 2px solid #8fa973;
}

.green_container{
  background-color:#8fa973;
  padding:40px 0px 40px 0px;
}

.green_container h1{
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:50px !important;
  letter-spacing:10px;
	color: #ffffff !important;
  text-transform:uppercase;
}

.green_container h1 span.first_letter{
  font-size:80px;
}

.green_container h1 span.green_under{
  border-bottom: 2px solid #3e3f3f !important;
}

hr.green_hr{
  padding:30px 0px;
  width:25%;
  border:none;
  border-bottom: 2px solid #8fa973;
  float: left;
}

.green{
  color:#8fa973;
}

.white{
  color:#bcbdbf;
}

#gallery_files .photos_row .photos_content:hover{
  opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
  cursor: pointer; 
}

#gallery_files .photos_row .photos_content:hover:after{
  font-family: FontAwesome;
  content:"\f002";
  color:#fff;  
  font-size: 50px;
  line-height: 250px;
  opacity: .7;            
}

/**********
  SERVICES DETAIL
**********/
.services_detail_row{
  padding:40px 0px 40px 0px; /*Top padding based on navbar height*/  
}

.services_detail_row_last{
  padding:40px 0px 80px 0px; /*Top padding based on navbar height*/  
  box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);    
}

.services_detail_row p{
  text-align:justify;
}

.services_detail_row h1{
  margin-bottom:30px;
  margin-top:0px;
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:30px;
  letter-spacing:10px;
	color: #3e3f3f;
  text-transform:uppercase;
  text-align:center;
}

.services_detail_row h1 span.first_letter{
  font-size:50px;
}

.services_detail_row h1 span.green_under{
  border-bottom: 2px solid #8fa973;
}

.services_detail_row h2{
  margin-bottom:30px;
  margin-top:30px;
	font-family: sf_atarian_systembold, Verdana, sans-serif;  
	font-size:25px;
  letter-spacing:10px;
	color: #3e3f3f;
  text-transform:uppercase;
  text-align:center;
}

.services_detail_row h2 span.first_letter{
  font-size:40px;
}

.services_detail_row h2 span.green_under{
  border-bottom: 2px solid #8fa973;
}

.services_detail_row .photos_content{  
  height:300px;
}

.services_detail_row .photos_container{  
  padding-left:50px !important;
}

.services_detail_row p{
	font-size:19px;
  text-align:justify;
  line-height:30px;
}

.services_detail_row p span.green_under{
  border-bottom: 2px solid #8fa973;
  font-weight:bold;
}

.services_detail_row .photos_row{
  padding:0px 50px;
}

.button_green{
  color:#ffffff;
  background-color:#8fa973;
  border-color:#8fa973;
}

.button_green:hover,
.button_green:focus,
.button_green:active{
  color:#ffffff;
  background-color:#a89f8a;
  border-color:#a89f8a;
}

/**********
  FOOTER
**********/
#footer_content{
  padding:30px 0px 20px 0px;
  text-align:center;
  box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.8),
              inset 0 -8px 8px -8px rgba(0,0,0,0.8);
}

@media (max-width: 991px) {  
/**********
  SERVICES
**********/
  #services{
    padding:120px 0px 0px 0px; /*Top padding based on navbar height*/
    box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);  
    text-align:center;
  }

  .services_row{
    padding:0px 0px 0px 0px !important;
    box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.8);    
    text-align:center;
  }  
}

/*Media Query for collapse menu*/
@media (max-width: 1200px) {

}