/* ==========================================================================
   Font Callup
   ========================================================================== */
@font-face {
  font-family:'Cochin';
  src:url(Cochin.eot) format("embedded-opentype");
  font-weight:400;
  font-style:normal
}

/*@font-face {
  font-family:'Cochin';
  src:url(data:application/x-font-woff;charset=utf-8;base64,) format("woff"),url(Cochin.ttf) format("truetype"),url(Cochin.svg#Cochin) format("svg");
  font-weight:400;
  font-style:normal
}
*/

@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-Bold.eot');
  src: url('Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('Montserrat-Bold.woff2') format('woff2'),
    url('Montserrat-Bold.woff') format('woff'),
    url('Montserrat-Bold.ttf') format('truetype'),
    url('Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}


/* ==========================================================================
   Global
   ========================================================================== */

body {
  font-family:'Cochin';
  font-size:14px;
  line-height:1.42857143;
  background:#333;
  background-color:#f2e6d0;
  padding: 23px 23px 46px 23px;

}


   html{
  height: 100% !important;
}
body {
  height: 100% !important;
}


a {
  color:#000!important;
  transition:.3s ease-in-out;
  -moz-transition:.3s ease-in-out;
  -webkit-transition:.3s ease-in-out
}

a:hover {
  color:#ff533f!important;
  text-decoration:none!important;
  transition:.3s ease-in-out;
  -moz-transition:.3s ease-in-out;
  -webkit-transition:.3s ease-in-out
}

.body-wrapper {
  border:3px solid;
  z-index:10;
  position:relative;

}

.main-top {
  text-align:center;
  /*margin-top:185px;*/
  margin-bottom:20px
}

.main-bottom {
 /* margin-bottom:339px;*/
  text-align:center
}

.main-top img {
  width:311px;
  display:inline-block
}

/* ==========================================================================
   Red Band
   ========================================================================== */
.red-band {
 /* width:auto;
  background:#ff533f;
  margin-left:4px;
  position:relative;
  height:37px;
  margin:20px;
  margin-top:-71px;
  margin-right:18px;
  margin-left:30px;
  margin-bottom:10px*/

  width: auto;
background: #ff533f;
margin-left: 4px;
position: relative;
height: 37px;
margin: 20px;
margin-top: -34px;
margin-right: -5px;
margin-left: 6px;
margin-bottom: 10px;

}

.red-band p {
  display:none
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer p {
  font-size:11px
}

.main-bottom {
  margin-bottom: 30px;
}

/* ==========================================================================
   Menu Button
   ========================================================================== */

.sv-menu a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  background: #FF543F;
  color: #fff !important;
  font-size: 13px;
  font-family: 'Montserrat';
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: 48px;
  padding: 0 26px;
  margin-bottom: 12px;
  transition: all 0.2s;
}

.sv-menu a:hover {
  background: #231F20;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media (max-width: 767px) {
.main-top {
 /* margin-top:40px;*/
}

.main-bottom {
  margin-bottom:0;
}

.footer {
  text-align:center
}

.main-top img {
max-width: 170px;
height: auto;
}
}

@media (min-width: 768px) and (max-width: 991px) {

/*.main-top {
  margin-top:120px
}

.main-bottom {
  margin-bottom:320px
}
*/

.bottom-container {
width: 80%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.text-border p {
	font-size: 13px !important;
}
}



@media (min-width: 992px) {
.text-border {
  border-top:2px solid;
  border-bottom:2px solid;
  padding:18px 0
}

.text-border p {
  padding:0 13px;
  margin-bottom:0;
      min-height: 60px;
    position: relative;

}

.border-sides p {
 /* border-left:2px solid;*/
  border-right:2px solid
}
}

.footer-right {
	text-align: center;
	}


.content-wrapper-outer {
	height: 100%;
}

.content-wrapper {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
	}


.body-wrapper {
	height: 100vh;
}

body {
  height: 100% !important;
}


.opening-img {
  margin: 30px auto 10px auto;
  display:block;
  }

  h1.subtitle {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3px;
  }


  @media (max-width: 991px) {
    .main-top img {
      display: block;
      margin-left:auto;
      margin-right:auto;
      padding-bottom: 30px;
      }
      .inquiries {
       /* margin-bottom: 50px; */
      }

      h1.subtitle {
        font-size: 14px;
        width: 230px;
        margin: 0 auto;

      }

    }

      @media (max-width: 480px) {
      h1.subtitle {
      }
    }


/* ----------- iPhone 4 and 4S ----------- */

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }



}

/* ----------- iPhone 6 ----------- */


/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }

}

/* ----------- iPhone 6+ ----------- */


/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }



}

/* ----------- Galaxy S3 ----------- */

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }



}

/* ----------- Galaxy S4 ----------- */


/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }


}

/* ----------- Galaxy S5 ----------- */


/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .content-wrapper {
      transform: none;
      top: 0;
  }
  .body-wrapper {
      height: auto;
  }
}

.menu-link {
    text-align: center;
    margin: 0 auto;
    position:absolute;
    left:0;
    right: 0;
    top: 20px;
  }

.menu-link a {
    cursor: pointer;
  }

  @media (min-width: 992px) {
.padding-top {
    padding: 13px 0 0 0 !important;
  }
    }
