﻿

.navbar-brand {
height:80px;
}

.navbar-brand-logo {
max-height: 80px;
}

#homee .overlay {
 
    min-height:620px;
}

#home h1 {
color:#FFF}

.navbar-default {
    background-color: #FFF;
}
.navbar-default .navbar-nav > li > a {
    color: #231f20;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #6d6e71;
}

.top-40{ margin-top:60px;}

/* ==========================================================================
   12. callus Section
========================================================================== */
.callus-section {
    background: rgba(0, 0, 0, 0) url("../img/collina-langa.jpg") no-repeat scroll center center / cover ;
    color: #fff;
    padding: 0;
 max-height: 280px;
}

.callus-section .overlay {
    background: rgba(0, 0, 0, 0) url("../img/overlays/02.png") repeat scroll 0 0;
}
    .callus-section #callus {
    min-height: 280px;
    }

.callus-section h4 {
    color: #ffffff;
    font-family: "Playball",sans-serif;
    font-size: 60px;    
    font-weight: 300;
    line-height: 100px;
}
.callus-section p {
    color: #ffffff;   
    font-size: 30px;
    /*font-weight: 300;
    line-height: 80px;*/
    margin-top: 4px;
}



/* ==========================================================================
   12. Map Section
========================================================================== */
#map-section {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: block;
    position: relative;
}

#map {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: block;
}







h2{

 color: #6d6e71;
}





/* ==========================================================================
   12. Poertfolio Section
========================================================================== */

.portfolio-item .overlay .preview { 
    margin-top: -40px; 
}

.preview {  
    z-index:1000 !important;
}
.overlay a, overlay a:hover {
    color: #6d6e71;
    text-decoration: none;
     z-index:0 !important;
}



.btn-success {
    background-color: #6d6e71;
    border-color: #6d6e71;
    color: #FFF;   
   }
   .btn-success:hover {
    background-color: #231f20;
    border-color: #231f20;
    color: #FFF;   
   }

.privacy span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-align: left;
  font-family: var(--body-font);
}

.privacy input[type="checkbox"]:after {
  width: 1em !important;
  height: 1em !important;
  display: inline-block !important;
  line-height: 15px !important;
  margin: 2px 6px !important;
  background-color: #FA9E57 !important;
  vertical-align: top;
  padding: 0;
  accent-color: #DACBB6;
}

.privacy input[type="checkbox"] {
  width: 1em !important;
  height: 1em !important;
  display: inline-block !important;
  line-height: 15px !important;
  margin: 2px 6px !important;
  background: green !important;
  vertical-align: top;
  padding: 0;
  accent-color: #DACBB6;
}

.privacy input[type="checkbox"] {
  background: #3d404e;
  color: #666;
  content: "\2713";
  text-align: center;
}

.privacy label {
  display: inline-block !important;
  font-size: 15px !important;
  padding: 0 3px !important;
  font-weight: normal !important;
  line-height: 15px !important;
  width: 90%;
}

.privacy label {
  color: red;
  font-size: 11px !important;
  font-family: var(--body-font);
}

.privacy label {
  color: black;
  font-size: 13px
}

.privacy .error {
  color: red;
  font-size: 121px !important;
  line-height: 20px !important;
}

#HoneySpot {
  display: none;
  visibility: hidden;
}





   /* 16.3 PHONE
---------------------------------------------------------------------------*/

@media only screen and (max-width: 599px) {    
/*#home-wrapper { padding: 171px 0 90px; }*/    

.callus-section h4 { font-size: 30px; }    
#map-section { height: 200px; }   
#map { height: 200px; }
}




/* 16.4 SMALL PHONE
---------------------------------------------------------------------------*/

@media only screen and (max-width: 479px) {
/*.section-title h1 { font-size: 30px; }
.member-box { margin: 0 auto 15px; }
.cbp-qtrotator .cbp-qtcontent img { display: none; }*/
#map-section { height: 300px; }
#map { height: 300px; }
/*#subscribe { width: 300px; }
#subscribe .form-control { width: 165px; }*/
}
