/* line 3, ../sass/_common.sass */
html {
  font-size: 100%;
}

/* line 5, ../sass/_common.sass */
body {
  position: relative;
  font-size: 100%;
  font-weight: 400;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #ffffff;
  color: #000000;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* line 16, ../sass/_common.sass */
h1, h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 0.85;
}
@media (max-width: 767px) {
  /* line 16, ../sass/_common.sass */
  h1, h2 {
    font-size: 40px;
  }
}

/* line 25, ../sass/_common.sass */
h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  text-transform: uppercase;
}

/* line 30, ../sass/_common.sass */
h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

/* line 35, ../sass/_common.sass */
p {
  margin-bottom: 0;
}

/* line 37, ../sass/_common.sass */
a {
  text-decoration: none;
}
/* line 40, ../sass/_common.sass */
a:hover, a:focus {
  text-decoration: underline;
}

/* line 43, ../sass/_common.sass */
.green {
  color: #00af00;
}

/* line 47, ../sass/_common.sass */
.arrow-link {
  display: inline-block;
  line-height: 1.15;
  color: #000000;
  text-align: right;
  font-size: 20px;
  text-transform: uppercase;
  padding: 20px 75px 0 0;
  background: url(/images/icons/black/arrow-big.png) top right no-repeat;
  -moz-transition: color 0.6s;
  -o-transition: color 0.6s;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}
/* line 58, ../sass/_common.sass */
.arrow-link .green {
  -moz-transition: color 0.6s;
  -o-transition: color 0.6s;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}
/* line 60, ../sass/_common.sass */
.arrow-link:hover, .arrow-link:focus {
  color: #00af00;
  text-decoration: none;
}
/* line 64, ../sass/_common.sass */
.arrow-link:hover .green, .arrow-link:focus .green {
  color: #000000;
}

/* line 3, ../sass/components/_feedback.sass */
#feedback-form {
  padding-top: 20px;
  padding-bottom: 12px;
  background: #f7f5f5;
}
/* line 8, ../sass/components/_feedback.sass */
#feedback-form .input-wrapper {
  position: relative;
  padding: 0 30px;
  vertical-align: top;
  background: url(/images/icons/black/arrow.png) left top 3px no-repeat;
}
/* line 13, ../sass/components/_feedback.sass */
#feedback-form .input-label {
  display: block;
  position: relative;
}
/* line 17, ../sass/components/_feedback.sass */
#feedback-form .input-label span {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  padding: 0;
  color: #00af00;
  font-weight: 500;
  cursor: text;
  -moz-transition: top 0.2s;
  -o-transition: top 0.2s;
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}
/* line 29, ../sass/components/_feedback.sass */
#feedback-form .input-label.active span {
  font-size: 14px;
  top: -20px;
  cursor: inherit;
}
/* line 33, ../sass/components/_feedback.sass */
#feedback-form input[type=text] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: none;
  width: 203px;
  height: 27px;
  font-weight: 500;
  padding: 5px 0 0;
  border-bottom: 1px solid #00af00;
}
@media (max-width: 991px) {
  /* line 33, ../sass/components/_feedback.sass */
  #feedback-form input[type=text] {
    width: 143px;
  }
}
/* line 46, ../sass/components/_feedback.sass */
#feedback-form input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  width: 133px;
  height: 38px;
  padding: 3px 0 0;
  font-size: 20px;
  color: #00af00;
  border: 1px solid #00af00;
  -moz-transition: color 0.6s, border-color 0.6s;
  -o-transition: color 0.6s, border-color 0.6s;
  -webkit-transition: color 0.6s, border-color 0.6s;
  transition: color 0.6s, border-color 0.6s;
}
/* line 57, ../sass/components/_feedback.sass */
#feedback-form input[type=submit]:hover, #feedback-form input[type=submit]:focus {
  border-color: #000000;
  color: #000000;
}
/* line 60, ../sass/components/_feedback.sass */
#feedback-form .errorMessage {
  position: absolute;
  bottom: -9px;
  font-size: 14px;
  color: #00af00;
  font-weight: 500;
}
@media (max-width: 767px) {
  /* line 67, ../sass/components/_feedback.sass */
  #feedback-form table {
    width: 100%;
  }
  /* line 70, ../sass/components/_feedback.sass */
  #feedback-form table tbody {
    width: 100%;
  }
  /* line 73, ../sass/components/_feedback.sass */
  #feedback-form table tbody tr {
    width: 100%;
  }
  /* line 76, ../sass/components/_feedback.sass */
  #feedback-form table tbody tr td {
    display: block;
    width: 100%;
    margin-bottom: 50px;
  }
  /* line 81, ../sass/components/_feedback.sass */
  #feedback-form table tbody tr td input[type=text] {
    width: 100%;
  }
  /* line 83, ../sass/components/_feedback.sass */
  #feedback-form table tbody tr td .errorMessage {
    bottom: -20px;
  }
  /* line 85, ../sass/components/_feedback.sass */
  #feedback-form table tbody tr td.input-wrapper {
    padding: 0 0 0 30px;
  }
}

/* line 3, ../sass/partials/_header.sass */
#header {
  background: #ffffff;
  z-index: 1 !important;
}
@media (max-width: 767px) {
  /* line 7, ../sass/partials/_header.sass */
  #header .left-side {
    z-index: 1;
  }
}
/* line 10, ../sass/partials/_header.sass */
#header .logo {
  display: inline-block;
  margin-top: 15px;
}
/* line 14, ../sass/partials/_header.sass */
#header .navbar .navbar-toggle {
  margin-right: 0;
}
/* line 17, ../sass/partials/_header.sass */
#header .navbar .navbar-toggle .icon-bar {
  width: 26px;
  border-radius: 0;
  background: #000000;
}
/* line 22, ../sass/partials/_header.sass */
#header .navbar .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
/* line 27, ../sass/partials/_header.sass */
#header .navbar #navbar .nav > li > a {
  font-size: 20px;
  color: #000000;
  -moz-transition: color 0.6s;
  -o-transition: color 0.6s;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}
/* line 32, ../sass/partials/_header.sass */
#header .navbar #navbar .nav > li > a:hover, #header .navbar #navbar .nav > li > a:focus {
  color: #00af00;
  background: none;
}
/* line 37, ../sass/partials/_header.sass */
#header .navbar #navbar .nav > li.active > a {
  font-weight: 900;
}
@media (min-width: 768px) {
  /* line 13, ../sass/partials/_header.sass */
  #header .navbar {
    display: inline-block;
    border-radius: 0;
    min-height: 0;
    margin-bottom: 0;
    border: none;
  }
  /* line 46, ../sass/partials/_header.sass */
  #header .navbar #navbar {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 52, ../sass/partials/_header.sass */
  #header .navbar #navbar .nav > li > a {
    padding: 15px 16px;
  }
  /* line 55, ../sass/partials/_header.sass */
  #header .navbar #navbar .nav > li.active > a {
    padding-top: 14px;
  }
}
@media (min-width: 768px) {
  /* line 3, ../sass/partials/_header.sass */
  #header {
    height: 67px;
  }
}

/* line 62, ../sass/partials/_header.sass */
.index-page #header .logo {
  display: none;
}

/* line 4, ../sass/partials/_footer.sass */
#footer .top {
  padding-top: 25px;
  padding-bottom: 20px;
  background: url(/images/icons/white/arrow-big.png) no-repeat #f7f5f5 left calc(50% - 545px) top;
}
/* line 9, ../sass/partials/_footer.sass */
#footer .top a {
  color: #000000;
}
/* line 12, ../sass/partials/_footer.sass */
#footer .top a:hover, #footer .top a:focus {
  color: #000000;
}
/* line 14, ../sass/partials/_footer.sass */
#footer .top ul {
  list-style: none;
  padding-left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 4, ../sass/partials/_footer.sass */
  #footer .top {
    background-position-x: calc(50% - 460px);
  }
}
/* line 19, ../sass/partials/_footer.sass */
#footer .bottom {
  background: #000000;
  color: #ffffff;
  text-align: right;
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
}

/* line 4, ../sass/pages/_index.sass */
.index-page #first-section {
  padding-top: 55px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  /* line 4, ../sass/pages/_index.sass */
  .index-page #first-section {
    background: url(/images/pages/index/mug.png) no-repeat left calc(50% + 280px) top 250px;
  }
}
/* line 10, ../sass/pages/_index.sass */
.index-page #second-section {
  padding-top: 80px;
  padding-bottom: 120px;
}
/* line 14, ../sass/pages/_index.sass */
.index-page #second-section .right-big-words {
  font-size: 58px;
  line-height: 1;
  padding-top: 250px;
}
/* line 19, ../sass/pages/_index.sass */
.index-page #second-section .right-big-words .green {
  width: 40%;
  float: left;
  font-size: 28px;
  line-height: 0.9;
  margin-top: 5px;
}
@media (max-width: 767px) {
  /* line 19, ../sass/pages/_index.sass */
  .index-page #second-section .right-big-words .green {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  /* line 14, ../sass/pages/_index.sass */
  .index-page #second-section .right-big-words {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  /* line 14, ../sass/pages/_index.sass */
  .index-page #second-section .right-big-words {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  /* line 10, ../sass/pages/_index.sass */
  .index-page #second-section {
    background: url(/images/pages/index/mugs.png) no-repeat left calc(50% - 150px) bottom 20px;
  }
}

/* line 4, ../sass/pages/_services.sass */
.services-page #first-section {
  padding-top: 35px;
  padding-bottom: 65px;
}
@media (min-width: 992px) {
  /* line 4, ../sass/pages/_services.sass */
  .services-page #first-section {
    background: url(/images/pages/services/mug.png) no-repeat left calc(50% - 320px) bottom 30px;
  }
}
/* line 11, ../sass/pages/_services.sass */
.services-page #second-section {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f7f5f5;
}
/* line 16, ../sass/pages/_services.sass */
.services-page #third-section {
  padding-top: 80px;
  padding-bottom: 95px;
}

/* line 4, ../sass/pages/_contact.sass */
.contact-page #main-section {
  padding-top: 125px;
  padding-bottom: 175px;
}
/* line 9, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form .input-wrapper {
  position: relative;
  padding-bottom: 50px;
}
/* line 12, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form .input-label {
  display: block;
  position: relative;
}
/* line 16, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form .input-label > span {
  display: block;
  position: absolute;
  top: 12px;
  left: 55px;
  right: 0;
  padding: 0;
  color: #00af00;
  font-size: 32px;
  font-weight: 500;
  cursor: text;
  -moz-transition: top 0.2s, font-size 0.2s;
  -o-transition: top 0.2s, font-size 0.2s;
  -webkit-transition: top 0.2s, font-size 0.2s;
  transition: top 0.2s, font-size 0.2s;
}
/* line 29, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form .input-label > span span {
  font-size: 16px;
  vertical-align: text-top;
}
/* line 33, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form .input-label.active > span {
  font-size: 16px;
  top: -4px;
  cursor: inherit;
}
/* line 37, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form input[type=text] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  width: 100%;
  height: 60px;
  padding: 12px 0 0 55px;
  font-size: 32px;
  font-weight: 500;
  color: #7d7d7d;
  border-bottom: 1px solid #00af00;
  background: url(/images/icons/black/arrow-middle.png) left top no-repeat;
}
/* line 49, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  width: 133px;
  height: 38px;
  padding: 3px 0 0;
  font-size: 20px;
  color: #00af00;
  border: 1px solid #00af00;
  -moz-transition: color 0.6s, border-color 0.6s;
  -o-transition: color 0.6s, border-color 0.6s;
  -webkit-transition: color 0.6s, border-color 0.6s;
  transition: color 0.6s, border-color 0.6s;
}
/* line 60, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form input[type=submit]:hover, .contact-page #main-section #contact-form input[type=submit]:focus {
  border-color: #000000;
  color: #000000;
}
/* line 63, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form input[type=submit].active {
  border-color: #00af00;
  background: #00af00;
  color: #ffffff;
}
/* line 67, ../sass/pages/_contact.sass */
.contact-page #main-section #contact-form .errorMessage {
  position: absolute;
  top: 62px;
  font-size: 14px;
  color: #00af00;
  font-weight: 500;
}
@media (min-width: 768px) {
  /* line 4, ../sass/pages/_contact.sass */
  .contact-page #main-section {
    background: url(/images/pages/index/mug.png) no-repeat left calc(50% + 350px) bottom 35px;
  }
}
@media (max-width: 767px) {
  /* line 4, ../sass/pages/_contact.sass */
  .contact-page #main-section {
    padding-bottom: 75px;
  }
}

/* line 7, ../sass/pages/_privacy.sass */
.privacy-page #main-section,
.terms-page #main-section,
.cookie-page #main-section,
.disclaimer-page #main-section {
  padding-top: 125px;
  padding-bottom: 175px;
}
/* line 11, ../sass/pages/_privacy.sass */
.privacy-page #main-section .headline,
.terms-page #main-section .headline,
.cookie-page #main-section .headline,
.disclaimer-page #main-section .headline {
  color: #00af00;
  font-weight: 700;
  margin-bottom: 2px;
}
/* line 15, ../sass/pages/_privacy.sass */
.privacy-page #main-section .body,
.terms-page #main-section .body,
.cookie-page #main-section .body,
.disclaimer-page #main-section .body {
  margin-bottom: 25px;
}
/* line 18, ../sass/pages/_privacy.sass */
.privacy-page #main-section .body p,
.terms-page #main-section .body p,
.cookie-page #main-section .body p,
.disclaimer-page #main-section .body p {
  margin-bottom: 15px;
}
/* line 20, ../sass/pages/_privacy.sass */
.privacy-page #main-section .body ul,
.terms-page #main-section .body ul,
.cookie-page #main-section .body ul,
.disclaimer-page #main-section .body ul {
  list-style: none;
  padding-left: 15px;
}
/* line 24, ../sass/pages/_privacy.sass */
.privacy-page #main-section .body ul li,
.terms-page #main-section .body ul li,
.cookie-page #main-section .body ul li,
.disclaimer-page #main-section .body ul li {
  padding-left: 18px;
  margin-bottom: 2px;
  background: url(/images/icons/list-marker.png) left center no-repeat;
}