/*
    Zhizn33 Theme
    Author: Milan
*/
/* BASE - Base styles, variables, mixins */
/* Fonts*/
@font-face {
  font-family: 'gothic';
  src: url("/fonts/gothic.eot");
  src: local("gothic"), url("/fonts/gothic.woff") format("woff"), url("/fonts/gothic.ttf") format("truetype");
}

/*Background Colors */
/* line 1, ../scss/base/_normalize.scss */
h1 {
  margin-top: 0;
}

/* line 4, ../scss/base/_normalize.scss */
.no-pad {
  padding: 0;
}

/* line 7, ../scss/base/_normalize.scss */
.no-margin {
  margin-bottom: 0;
}

/* line 11, ../scss/base/_normalize.scss */
.no-margin-top {
  margin-top: 0;
}

/* line 14, ../scss/base/_normalize.scss */
.margin-bottom-30 {
  margin-bottom: 30px;
}

/* line 18, ../scss/base/_normalize.scss */
.no-pad-left {
  padding-left: 0px;
}

/* line 21, ../scss/base/_normalize.scss */
.padding-left-30 {
  padding-left: 30px;
}

/* line 1, ../scss/base/_base.scss */
body {
  font-family: "Didact gothic", sans-serif;
  font-size: 15px;
  color: initial;
}

/* line 7, ../scss/base/_base.scss */
h1 {
  color: initial;
  font-family: "Didact gothic", sans-serif;
  font-size: 30px;
}

/* line 12, ../scss/base/_base.scss */
h3, h4 {
  padding-left: 30px;
}

/* line 15, ../scss/base/_base.scss */
a {
  color: initial;
}

/* line 19, ../scss/base/_base.scss */
p > a {
  text-decoration: underline;
}

/* line 22, ../scss/base/_base.scss */
input, textarea, button {
  border-radius: 0;
}

/* line 25, ../scss/base/_base.scss */
p {
  padding-left: 0px;
}

/* line 28, ../scss/base/_base.scss */
address {
  padding-left: 30px;
  font-size: 18px;
}

/* line 32, ../scss/base/_base.scss */
.color-white {
  color: white;
}

/* line 35, ../scss/base/_base.scss */
.color-secondary {
  background-color: lightgreen!important;
  color: black!important;
}

/* line 40, ../scss/base/_base.scss */
.color-li-gray {
  background-color: #f5f5f5;
}

/* line 43, ../scss/base/_base.scss */
.color-accent {
  background-color: orange!important;
  color: white;
}

/* line 47, ../scss/base/_base.scss */
.color-accent-text {
  color: red;
}

/* line 50, ../scss/base/_base.scss */
.underline-green {
  padding-bottom: 5px;
  border-bottom: 6px skyblue solid;
  border-bottom-style: dotted;
}

/* MODULES - Individual components */
/* line 1, ../scss/modules/_typography.scss */
blockquote {
  border-color: skyblue;
}

/* line 1, ../scss/modules/_buttons.scss */
.btn-skyblue {
  border: 0px;
  border-radius: 0px;
  font-size: 25px;
  background-color: skyblue;
}

/* line 8, ../scss/modules/_buttons.scss */
.btn-green {
  border: 0px;
  font-size: 25px;
  background-color: skyblue;
}

/* line 13, ../scss/modules/_buttons.scss */
.btn-green:hover {
  background-color: lightgreen;
}

/* line 17, ../scss/modules/_buttons.scss */
.btn-skyblue:hover {
  background-color: lightgreen;
}

/* line 20, ../scss/modules/_buttons.scss */
.close {
  font-size: 40px;
  margin-top: 0px;
}

/* line 1, ../scss/modules/_components.scss */
hr {
  display: block;
  height: 5px;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 9, ../scss/modules/_components.scss */
.page-header {
  background-color: skyblue;
  color: white;
  padding-left: 30px;
  padding-top: 5px;
  margin-top: 0px;
  border: 0;
}

/* line 20, ../scss/modules/_components.scss */
.carousel-caption {
  background-color: rgba(255, 255, 255, 0.7);
  color: black;
  text-shadow: none;
}

/* line 26, ../scss/modules/_components.scss */
.personal-menu {
  font-size: 1.2em;
  list-style-type: square;
  color: orangered;
  list-style-position: inside;
  padding-left: 0px;
}

/* line 34, ../scss/modules/_components.scss */
a.list-group-item:hover {
  background-color: lightgreen;
  color: white;
}

/* line 39, ../scss/modules/_components.scss */
.list-group-item:last-child {
  border-radius: 0px;
}

/* line 42, ../scss/modules/_components.scss */

.side-banner {
 padding:5%;
    background-color:lightgreen;
    color:black;
}
   .side-banner p {
  font-size: 2em;  
       color:white;
} 

.coupon {
  padding: 10%;
  background-color: rgba(135, 206, 235, 0.8);
  color: white;
}

/* line 47, ../scss/modules/_components.scss */
.coupon p {
  font-size: 1.5em;
}
/* line 50, ../scss/modules/_components.scss */
.coupon h2 {
  font-size: 3em;
  color: white;
}

/* line 57, ../scss/modules/_components.scss */
.container-dashed {
  border: 4px red dashed;
  padding: 5px 5px 5px 5px;
}

/* line 61, ../scss/modules/_components.scss */
.coupon:hover {
  background-color: skyblue;
}

/* line 66, ../scss/modules/_components.scss */
.li-inside {
  list-style-position: inside;
}

/* line 71, ../scss/modules/_components.scss */
#form-order {
  padding: 2%;
}

/* line 75, ../scss/modules/_components.scss */
#form {
  padding: 2%;
}

/* line 79, ../scss/modules/_components.scss */
.modal-header {
  background-color: skyblue;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  /* line 84, ../scss/modules/_components.scss */
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  /* line 89, ../scss/modules/_components.scss */
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  /* line 94, ../scss/modules/_components.scss */
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  /* line 99, ../scss/modules/_components.scss */
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  /* line 104, ../scss/modules/_components.scss */
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  /* line 109, ../scss/modules/_components.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  /* line 116, ../scss/modules/_components.scss */
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  /* line 121, ../scss/modules/_components.scss */
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  /* line 126, ../scss/modules/_components.scss */
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  /* line 131, ../scss/modules/_components.scss */
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  /* line 136, ../scss/modules/_components.scss */
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  /* line 141, ../scss/modules/_components.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 147, ../scss/modules/_components.scss */
.hvr-wobble-horizontal {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

/* line 156, ../scss/modules/_components.scss */
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Curl Top Right */
/* line 168, ../scss/modules/_components.scss */
.hvr-curl-top-right {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

/* line 178, ../scss/modules/_components.scss */
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

/* line 195, ../scss/modules/_components.scss */
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 90px;
  height: 90px;
}

/* LAYOUTS - Page layout styles */
/* Navbar */
/* line 2, ../scss/layouts/_nav.scss */
.navbar {
  border-radius: 0;
  background-color: skyblue;
  font-size: 1.6em;
  border: 0;
}

/* line 11, ../scss/layouts/_nav.scss */
.navbar-default .navbar-nav > li > a {
  color: white;
}

/* line 15, ../scss/layouts/_nav.scss */
.navbar-default .navbar-nav > li > a:hover {
  color: initial;
  text-decoration: underline;
}

/* line 19, ../scss/layouts/_nav.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: initial;
  text-decoration: underline;
  background-color: skyblue;
}

/* Header */
/* line 3, ../scss/layouts/_header.scss */
.contact-list {
  font-size: 18px;
}

/*Footer*/
/* line 4, ../scss/layouts/_footer.scss */
footer .container-footer {
  background-color: skyblue;
  padding-bottom: 20px;
}
/* line 9, ../scss/layouts/_footer.scss */
footer h3 {
  color: white;
}
/* line 16, ../scss/layouts/_footer.scss */
footer ul li {
  list-style-type: none;
}

/* line 23, ../scss/layouts/_footer.scss */
.footer-green {
  font-size: 18px;
  padding-top: 25px;
  padding-bottom: 20px;
  background-color: skyblue;
  color: black;
}

/* line 31, ../scss/layouts/_footer.scss */
.container-nopad {
  padding: 0;
}