/* =================================
	Variables
=================================== */
/* =================================
	Functions
=================================== */
/* =================================
	Text select
=================================== */
::selection {
  background: red;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: red;
  /* Gecko Browsers */ }

/* =================================
	CSS
=================================== */
a {
  transition: all 150ms linear 0s; }

a, a:active, a:focus, a:hover {
  outline: medium none; }

p {
  font-size: 1em;
  margin: 0 0 1em 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 12px 0; }

h1 {
  color: #FFFFFF;
  font-family: "Bodoni W01 Book_709611", sans-serif;
  font-size: 80px;
  margin-top: 30px; }

h2 {
  color: #FFFFFF;
  font-family: "SST W01 Light", sans-serif;
  font-size: 37px;
  margin-bottom: 45px; }
  h2 span {
    display: inline-block;
    width: 200px; }

h3 {
  color: #fbb914;
  font-size: 34px; }

h4 {
  color: #004996;
  font-family: "SST W01 Bold", sans-serif;
  font-size: 24px; }

.col-tight {
  padding: 0; }

.btn.active.focus, .btn.active:focus,
.btn.focus, .btn.focus:active,
.btn:active:focus, .btn:focus {
  outline: none; }

.btn-primary {
  background-color: #fbb914;
  background-image: none;
  border: none;
  border-radius: 0;
  color: #FFFFFF;
  font-family: "SST W01 Light", sans-serif;
  font-size: 25px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 12px;
  white-space: normal;
  max-width: 90%; }

.btn-secondary {
  background-color: #004996;
  background-image: none;
  border: none;
  border-radius: 0;
  color: #FFFFFF;
  font-family: "SST W01 Light", sans-serif;
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px; }

span.avoidwrap {
  display: inline-block; }

/* =================================
	Heading
=================================== */
header {
  background-image: url("../images/background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  padding-top: 75px;
  position: relative;
  width: 100vw; }
  header .btn {
    font-size: 34px; }

.sticker {
  position: absolute;
  right: 30px;
  top: 30px; }

.bottles {
  left: -10px;
  position: absolute; }
  .bottles img {
    width: 350px; }

/* =================================
	Wine bottles
=================================== */
#wine-bottles {
  padding-top: 50px; }
  #wine-bottles .button-block {
    margin-bottom: 70px;
    position: relative; }
    #wine-bottles .button-block .btn.left {
      bottom: 30%;
      position: absolute;
      right: -100px;
      z-index: 1; }
    #wine-bottles .button-block .btn.right {
      bottom: 22%;
      position: absolute;
      left: -100px;
      z-index: 1; }

.modal.fade .modal-dialog {
  transform: translate(0, 5%); }

.modal {
  background: rgba(251, 185, 20, 0.4); }
  .modal .modal-header {
    background-color: #a43640;
    justify-content: inherit; }
    .modal .modal-header h5 {
      color: #FFFFFF;
      font-family: "SST W01 Bold", sans-serif;
      font-size: 28px; }
  .modal h3 {
    color: #004996;
    font-size: 24px;
    margin-bottom: 5px; }

/* =================================
	Content
=================================== */
#content {
  padding-bottom: 80px; }
  #content form {
    margin-top: 30px; }
    #content form .form-control {
      border: 1px solid #004996;
      border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -webkit-appearance: none; }
      #content form .form-control:focus {
        border: 1px solid #fbb914; }
  #content .col-form-label {
    line-height: 28px; }
  #content h4 {
    margin-top: 30px; }
  #content table {
    margin-top: 25px; }

/* =================================
	Login
=================================== */
.progress-bar {
  color: #333; }

/*
Reference:
http://www.bootstrapzen.com/item/135/simple-login-form-logo/
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; }

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px; }
  .form-control:focus {
    z-index: 2; }

body#login {
  background: url(../images/GHr12sH.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.login-form {
  margin-top: 60px; }

form[role=login] {
  color: #5d5d5d;
  background: #f2f2f2;
  padding: 26px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

form[role=login] img {
  display: block;
  margin: 0 auto;
  margin-bottom: 35px; }

form[role=login] input,
form[role=login] button {
  font-size: 18px;
  margin: 16px 0; }

form[role=login] > div {
  text-align: center; }

.form-links {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 50px; }

.form-links a {
  color: #fff; }

/* =================================
	Imports
=================================== */
@media (max-width: 575px) {
  h1 {
    font-size: 50px; }

  h2 {
    font-size: 24px; }
    h2 span {
      display: none; }

  #wine-bottles .btn {
    margin-bottom: 8px; } }
@media (max-width: 767px) {
  #wine-bottles .button-block {
    margin-bottom: 0;
    width: 100%; }

  .bottles {
    left: inherit;
    margin-top: -250px;
    position: relative;
    right: inherit;
    width: 100%; }
    .bottles img {
      margin: 0 auto; } }
@media (max-width: 991px) {
  .bottles img {
    width: 220px !important; } }
@media (max-width: 1199px) {
  header {
    height: 650px; }

  .bottles img {
    width: 300px;
    margin-top: -10px; } }

/*# sourceMappingURL=style.css.map */