html { 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  body {
      font-family: 'Lora', serif;
      letter-spacing: 2px; 
      background: #000;
  }
  
  body {
  margin: 0px;
  }
  
  h1, h2{ color: #fff; }
  
  html, body {
      height: 100%;
      margin: 0; 
      padding: 0;
  }
  
  body.home .menuwrapper { 
      background: rgba(0, 0, 0, 0.8); 
      width: 100%; 
      z-index: 100; 
      position: fixed;
  }
  
  body.page-template-template-about .menuwrapper { 
      background: rgba(0, 0, 0, 0.8); 
      width: 100%; 
      z-index: 100; 
      position: absolute;
  }

  label {
    color: #fff;
  }
  
  .black { color: #333; }
  
  /* Experimental CSS --START-- */
  
  .hovereffect {
    width: 100%;
    height: 221px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
  }
  
  .hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
  }
  
  .hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    width: 100%;
    height: 100%;
  }
  
  .hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
  }
  
  .hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    margin: 50px 0 0 0;
    background-color: transparent;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  .hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
  }
  
  .hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  
  .hovereffect:hover h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  
  .hovereffect:hover a.info {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  
  .text-box { position: relative; z-index: 1000; }
  .text-box h2,
  .text-box h3,
  .text-box h4,
  .text-box h5,
  .text-box h6 {
      color: #333;
  }
  
  .contactleft {
      color: #fff;
  }
  
  #expand {
      background: url(../images/expand.png) 50% 50% no-repeat;
      background-size: 25%;
      height: 100%;
      width: 100%;
  }
  
  .bgimage {
      /* background-image: url(../images/model1.jpg); */
      
      background-size: cover;
      height: 100%;
      position: fixed;
      width: 100%;
  }
  
  
  .bgimage.image2 {
      /* background-image: url(../images/model2.jpg); */
      z-index: 2;
      background-position: right;
  }
  
  .bgimage.image3 {
      /* background-image: url(../images/model3.jpg); */
      z-index: 3;
      background-position: right;
  }
  
  .bgimage.image4 {
      /* background-image: url(../images/model4.jpg); */
      z-index: 4;
      background-position: right;
  }
  
  .bgimage.image5 {
      /* background-image: url(../images/model5.jpg); */
      z-index: 5;
      background-position: left;
  }
  
  
  
  body.home .bottom-footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 100;
  }
  
  body.page-template-template-about .bottom-footer {
      bottom: 0;
      width: 100%;
      position: relative;
      z-index: 100;
  }
  
  #slideshow { 
      position: fixed; 
      width: 100%; 
      height: 100%; 
      padding: 0; 
  }
  
  #slideshow > div { 
      position: absolute; 
  
  }
  
  #about-back { 
      position: fixed; 
      width: 100%; 
      height: 100%; 
      padding: 0; 
  }
  
  #about-back > div { 
      position: absolute; 
  
  }
  
  .topgap {
      height: 119px;
      clear: both;
  }
  
  
  body.page-template-template-about #bottom-logo {
      position: relative;
      text-align: center;
      width: 336px;
      left: 0;
      right: 0;
      margin: 0 auto;
      margin-top: 0;
      bottom: -8px;
  }
  
  body.page-template-template-about .max {
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px; 
  }
  
  /* Experimental CSS --END-- */
  
  
  .menuwrapper { 
      background: #000; 
      width: 100%; 
      z-index: 100;
  }
  
  .mainmenu { 
      text-align: right; 
      padding-right: 0px;
      padding-left: 15px;
  }
  
  .mainmenu ul li {
      display: inline-block;
      margin-left: -4px;
      padding-left: 20px;
      padding-right: 20px;
      list-style: none;
      border-right: 1px solid rgba(150, 150, 150, 0.5);
      line-height: 12px;
  }
  
  .mainmenu ul li:last-child {
      border-right: none;
  }
  
  .mainmenu a {
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 5px;
      font-family: 'Montserrat', serif;
  }
  
  .mainmenu ul {
      margin-bottom: 0px; 
  }
  
  body.home .footerwrapper {
      bottom: -8px;
      background: rgba(0, 0, 0, 0.6); 
      width: 100%;
      color: #fff;
      font-size: 12px;
  }
  
  body.page-template-template-about .footerwrapper {
      bottom: -8px;
      background: rgba(0, 0, 0, 0.6); 
      width: 100%;
      color: #fff;
      font-size: 12px;
  }
  
  .footerwrapper {
      bottom: -8px;
      background: #000; 
      width: 100%;
      color: #fff;
      font-size: 12px;
  }
  
  
  .footerwrapper a {
      color: #fff;
  }
  
  .max {
      width: 100%;
      padding-top: 10px;
      padding-bottom: 15px; 
  }
  
  img.phone-icon {
      margin-bottom: 3px;
      margin-right: 5px;
  }
  
  img.email-icon {
      margin-bottom: 3px;
      margin-right: 5px;
  }
  
  .logo-pic {
      padding: 5px;
      height: 84px;
  }
  
  .gap5 {
      clear: both;
      height: 5px;
  }
  
  .gap10 {
      clear: both;
      height: 10px;
  }
  
  .gap20 {
      clear: both;
      height: 20px;
  }
  
  .gap30 {
      clear: both;
      height: 30px;
  }
  
  .gap40 {
      clear: both;
      height: 40px;
  }
  
  .gap60 {
      clear: both;
      height: 60px;
  }
  
  .gap130 {
      clear: both;
      height: 130px;
  }
  
  
  .gallery {
  
      margin-bottom: 30px;
      
  }
  
  i.fa.fa-expand {
      font-size: 35px;
  }
  
  a.title {
      color: #000;
      font-size: 15px;
      text-transform: uppercase;
  }
  
  .full-container {
      padding-right: 30px;
      padding-left: 30px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
  }
  
  /* prev / next links */
  .cycle-prev, .cycle-next { position: absolute; top: 0; width: 35%; opacity: 0; filter: alpha(opacity=0); z-index: 1000; cursor: pointer; }
  .cycle-prev { left: 0;  background: url(../images/cycle-prev.png) 80% 50% no-repeat;}
  .cycle-next { right: 0; background: url(../images/cycle-next.png) 20% 50% no-repeat;}
  .cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
  
  .contact-maps {
      margin-top: 0px;
  }
  
  .btn-success {
      color: #000 !important;
      background-color: #ffffff;
      border: none;
  }
  
  .btn-success:hover {
      color: #000 !important;
      background-color: #ffffff;
      border: none;
  }
  
  /************************************Media*************************************/
  
  @media (min-width: 997px) {
  .cycle-prev, .cycle-next { 
      height: 100%; 
  }
  .underline { background: url(../images/underline.png) no-repeat 50% 0%; background-size: 30%; }
  .underline2 { background: url(../images/underline-white.png) no-repeat 50% 0%; background-size: 25%; }
  
  }
  
  @media (min-width: 768px) {
  .mainmenu {
      padding-top: 37px;
  }
  
  .underline { background: url(../images/underline.png) no-repeat 50% 0%; background-size: 50%; }
  .underline2 { background: url(../images/underline-white.png) no-repeat 50% 0%; background-size: 25%; }
  
  #bottom-logo {
      position: relative;
      text-align: center;
      width: 336px;
      left: 0;
      right: 0;
      margin: 0 auto;
      margin-top: 130px;
      bottom: -8px;
  }
  .text-box {
      background: rgba(255, 255, 255, 0.8);
      border-radius: 3px;
      height: auto;
      width: auto;
      padding: 10px 80px 25px 80px;
  }
  
  body.home #bottom-logo { margin-top: 0px; }
  
  
  .bodywrapper{min-height: 100%;margin-bottom:-186px; }
  .contactright { margin-bottom: 40px;}

  .contactright p { color: #fff }
  
  }
  
  @media (min-width: 768px) and (max-width: 997px) {
      .mainmenu a {
      color: #fff;
      font-size: 13px;
      text-transform: uppercase;
  }
  .cycle-prev, .cycle-next { 
      height: 90%; 
  }
  }
  
  @media (max-width: 767px) {
  .mainmenu {
      display: none;
  }
  .text-center-mob {
      text-align: center !important;
  }
  
  .hovereffect a.info {
    margin: 0px 0 0 0;
  }
  
  #bottom-logo {
      display: none;
  }
  span.credit {
      font-size: 11px;
  }
  span.copyright {
      font-size: 11px;
  }
  
  .text-box {
      background: rgba(255, 255, 255, 0.8);
      border-radius: 3px;
      height: auto;
      width: auto;
      padding: 10px 20px 25px 20px;
  }
  
  .underline { background: url(../images/underline.png) no-repeat 50% 0%; background-size: 70%; }
  .underline2 { background: url(../images/underline-white.png) no-repeat 50% 0%; background-size: 70%; }
  
  
  
  .bodywrapper{min-height: 100%;margin-bottom:-104px; }
  .contactright {
      padding-bottom: 30px;
  }
  
  .wrapper.footerwrapper.clearfix {
      margin-top: 80px;
  }
  
  }
  
  @media (min-width: 481px) {
  .menuwrapper { 
      position: relative;
  }
  .footerwrapper {
      position: relative;
  }
  }
  
  @media (max-width: 480px) {
  #bottom-logo {
      display: none;
  }
  .contact-maps {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px;
  }
  .menuwrapper { 
      position: relative;
  }
  .footerwrapper {
      position: relative;
      margin-top: 80px;
  }
  
  .contactright {
      padding-bottom: 20px;
  }
  }

  /* Contact Form Response Custom Style */

.screen-reader-response p, .screen-reader-response ul li, .wpcf7-form span, .wpcf7-response-output {
    color: #fff;
}