/*** baseStyle **/
body{
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  margin:0;
  padding:0;
  font-weight: 300;
  line-height: 1.6;
  color:#101010;
  background-color:#fffbf7e6;
}

body.home {
  background: #000 url('./assets/images/background-new.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.no-image {
}

img{
    border:0
}
figcaption{
    font-style:italic;
    font-size:90%;
}
body.home p{
    font-size:12px;
    margin-bottom:1.5em
}
p{
    font-size:14px;
    margin-bottom:1em;
}
a{
    color:#FFF;
    transition:all .2s;
    outline:none;
    cursor:pointer;
}
a:hover, a:active, a:focus {
    text-decoration:none;
    color:#FFF;
    outline:none;
    cursor:pointer;
}
strong { font-weight:700; }

.table td, .table th { padding: .25rem;}

.btnRight, .btnLeft { text-align:center; }
.col-sm-6 { margin-bottom:10px; }

h1, h2, h3 { text-transform:uppercase; letter-spacing:5px; font-family: 'Italiana', serif;}
h1 { color: #bbab7b; font-size:25px; font-weight: 400; margin: 5px 0;}
h2 { font-size:1rem; }

.btn-primary {
    color: #101010 !important;
    background-color: #BCAB7B;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    margin-bottom:15px;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { 
   color: #FFF !important;
   background-color: #101010;
 }
.container { position:relative; }
.brand { 
    text-align: center;
    margin: 20px auto;
    width: 100%; }
  
.overlay { 
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    text-align: center;
    padding: 20px 50px;
    opacity: 0.9;
 }

 .no-image .overlay {
    bottom: 40%;
    background-color:transparent;
}

.modal-content { border-radius:0; }

.social {
  width: 140px;
  margin: 0;
  padding: 5px 15px;
  list-style: none;
  position: relative;
  z-index: 100000;}

.social li {
  display: inline-block;
  color: #FFF;
  padding: 0 10px;
  font-size: 20px;}

.social.black li, .social.black li a { color:#101010; }

.navbar { padding:30px 20px; }
body.home .navbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&0.6+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */}

.navbar .brand > img{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-nav { 
    list-style:none;
    position: absolute;
    right: 20px;
    padding-left: 0;
}

.menu-nav.main { right: 20px; }

.menu-select .menu-preview {
    line-height:25px!important;
    background: transparent;
    font-size:16px;
    color: #DE5719;
    font-weight:bold;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.menu-select .menu-preview.open~.nav-menu{
    opacity:1;
}
.menu-select .menu-preview span {
    text-transform:uppercase
}
.menu-select .menu-preview img {
    width:14px;
    height:auto;
    margin-left:10px;
    transition:all .15s
}
.menu-select .nav-menu {
    opacity: 0;
    background: rgba(255,251,247,.9); 
    position: absolute;
    top: -45px;
    padding-top: 75px;
    left:-225px;
    min-width: 265px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-select .nav-menu ul{
    margin:0;
    padding:5px 0
}
.menu-select .nav-menu ul li{
    margin:0!important;
    list-style:none;
    padding:0 10px;
    line-height:30px!important
}
.menu-select .nav-menu ul li a {
    display:block;
    cursor:pointer;
    text-transform: uppercase;
    color: #101010;
    font-size:15px;
    line-height:1.7;
    margin-left: 5px;
}
.menu-select .nav-menu ul li:hover { 
    background:#101010;
}
.menu-select .nav-menu ul li:hover a { color:rgb(255,251,247); ; }
.menu-select .nav-menu ul li.bold:hover { background-color:transparent; } 

.menu-wrapper {
    margin-top:-13px;
    width:30px;
    height: 40px;
    cursor: pointer;
    border: 0;
}

.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  width: 32px;
  height: 4px;
}

.hamburger-menu {
  position: relative;
  transform: translateY(25px);
  background: #BCAB7B;
  transition: all 0ms 300ms;
}
.hamburger-menu.animate {
  background: rgba(255, 255, 255, 0);
}

.hamburger-menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 9px;
  background: #BCAB7B;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  background: #BCAB7B;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.logo { 
    width: 70%;
    padding: 10px 15px;
    margin: 25px auto;
    display: block; }

.pullUp {     
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 400px; }

.intro { 
  margin-top:25px;
  width: 100%;
  background-color: #fff;
  padding:50px; }

.l-sp {
  border: 1px solid #BCAB7B;
  padding: 0;
  margin: 15px 0; }

.l-sp h3 { 
  padding: 15px;
  background-color: #BCAB7B;
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem; }

.l-sp p { padding: 15px; }

.quote { font-family: 'Italiana', serif; position:relative; font-size:20px; color:#101010; letter-spacing: 3px; margin: 0 auto;} 


/** Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  .btnRight { text-align:right; }
  .btnLeft { text-align:left; }
}

/** Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) { 
    .brand { width: 35%; }
    h2, h3 { font-size:1.2rem; margin-bottom:20px; }
    .logo { width:30%; }
}

/** Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/** Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }