@charset "utf-8";
/* CSS Document */

body{
  margin:0;
  background-color:#fff;
}

#header{
  height:100px;
  background-color:#000;
}
  #header .container .logo{
    float:left;
    padding-top:5px;
  }
  #header .container .extra{
    float:right;
    padding-top:15px;
    text-align:right;
    font-size:.875em;
  }
  #header .container .extra .mobile-nav,
  #header .container .extra .closebtn,
  #header .container .extra .sidenav h3{
    display:none;
  }
  #header .container .sidenav{
    margin-top:15px
  }
    #header .container .sidenav ul{
      list-style:none;
    	position:relative;
    	float:left;
    	margin:0;
    	padding:0
    }
      #header .container .sidenav ul li{
        position:relative;
      	float:left;
      	margin:0;
      	padding:0
      }
        #header .container .sidenav ul li:hover{
          background-color:#FFF;
        }
      #header .container .sidenav ul li a{
        display:block;
      	color:#FFF;
      	text-decoration:none;
        text-transform: uppercase;
      	line-height:32px;
      	padding:0 15px;
        font-size:1.3rem;
        font-weight:300;
      }
        #header .container .sidenav ul li a:hover{
          color:#FF0000;
          text-decoration:none;
        }

#marquee{
  height:auto;
  margin-top:-20px;
}
  #marquee img{
    width:100%;
  }

  #content{
    width:100%;
  }
    #content .container{
      background-color:#FFF;
    }
      .section.quote{
        background-image:URL(../images/quote-background.jpg);
      }
        .section.quote .container{
          background-color:transparent!important;
        }
          .section.quote .container h2{
            color:#FFF;
            text-align:center;
            font-size:1.3rem;
            line-height:1.5rem;
            padding:80px 0;
            font-weight:800;
            letter-spacing: 1.6px;
          }
      .section.gallery h3{
        color:#463333;
        text-align:center;
        font-size:3.0rem;
        padding:0px 0;
        font-weight:800;
        text-transform:uppercase;
      }
        .section.gallery .twenty{
          padding:0px!important;
          width:20%!important;
          margin-bottom: -5px;
        }
          .section.gallery .twenty a{
            height:373px;
            width:100%;
          }
            .section.gallery .twenty .image {
                position:relative;
            }
              .section.gallery .twenty .image img {
                  width:100%;
                  vertical-align:top;
              }
              .section.gallery .twenty .image:hover:before{
                content: '+';
                position:absolute;
                top:45%; left:45%;
                margin:0 auto;
                font-size:45px;
                color:#FF0000;
                z-index:99999999;
                font-weight:800;
              }
                .section.gallery .twenty .image:after {
                    content:'\A';
                    position:absolute;
                    width:100%; height:100%;
                    top:0; left:0;
                    background:rgba(250,250,250,0.6);
                    opacity:0;
                    transition: all 0.5s;
                    -webkit-transition: all 0.5s;
                }
                  .section.gallery .twenty .image:hover:after {
                      opacity:1;
                  }
      .section.gallery .thirty-three{
        padding:0px!important;
        width:33%!important;
        margin-bottom: -5px;
      }
        .section.gallery .thirty-three a{
          height:373px;
          width:100%;
        }
          .section.gallery .thirty-three .image {
              position:relative;
          }
            .section.gallery .thirty-three .image img {
                width:100%;
                vertical-align:top;
            }
            .section.gallery .thirty-three .image:hover:before{
              content: '+';
              position:absolute;
              top:45%; left:45%;
              margin:0 auto;
              font-size:45px;
              color:#FF0000;
              z-index:99999999;
              font-weight:800;
            }
              .section.gallery .thirty-three .image:after {
                  content:'\A';
                  position:absolute;
                  width:100%; height:100%;
                  top:0; left:0;
                  background:rgba(250,250,250,0.6);
                  opacity:0;
                  transition: all 0.5s;
                  -webkit-transition: all 0.5s;
              }
                .section.gallery .thirty-three .image:hover:after {
                    opacity:1;
                }

    .section.contact-header h3{
      color:#463333;
      text-align:center;
      font-size:3.0rem;
      padding:0px 0;
      font-weight:800;
      text-transform:uppercase;
    }

    .section.contact{
      background-image:URL(../images/contact-bg.jpg);
    }
      .section.contact .container{
        background-color:transparent!important;
        padding:32px 0;
      }
      .section.contact .container h3{
        color:#FFF;
        text-align:center;
        font-size:3.0rem;
        padding:0px 0;
        font-weight:800;
        text-transform:uppercase;
      }
        .section.contact .container p{
          color:#FFF;
          text-align:center;
          font-size:1.3rem;
          margin-top:-45px;
          line-height: 2.0rem;
        }
          .section.contact .container p a{
            color:#FFF;
            text-decoration:none;
          }
            .section.contact .container p a:hover{
              color:#FF0000;
              text-deocration:none;
            }
  #footer{
    background-color:#000;
  }
    #footer .container{

    }
      #footer .container p{
        color:#FFF;
        padding:20px 0px;
        font-size:0.875em;
        text-align:center;
      }