/* 
    Created on : Mar 22, 2018, 9:06:10 PM
    Author     : Jan Vidic the GOD
*/
.basic {
  min-height: 42px;
  width: 100%;
  border-radius: 3px;
  border-color: #ac8a67;
  background-color: #ac8a67;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  transition: .5s; }
  .basic:hover {
    background-color: #806446;
    border-color: #806446; }

*:focus {
  outline: none !important; }

a {
  text-decoration: none !important; }

.rowFlex {
  display: flex;
  flex-flow: row wrap; }

.colFlex {
  flex: 1 auto; }

.noPadding {
  padding-left: 0px;
  padding-right: 0px; }

.noPaddingAlways {
  padding-left: 0px;
  padding-right: 0px; }

.noPaddingLeft {
  padding-left: 0px; }

.noPaddingRight {
  padding-right: 0px; }

.noPaddingLeftAlways {
  padding-left: 0px; }

.noPaddingRightAlways {
  padding-right: 0px; }

.halfPaddingRight {
  padding-right: 7.5px; }

@media (min-width: 968px) {
  .hideOnDesktop {
    display: none; } }
@media (max-width: 968px) {
  .hideOnMobile {
    display: none; }

  .noPadding {
    padding-left: 15px;
    padding-right: 15px; }

  .noPaddingLeft {
    padding-left: 15px; }

  .noPaddingRight {
    padding-right: 15px; }

  .noPaddingAlways {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .noPaddingLeftAlways {
    padding-left: 0px; }

  .noPaddingRightAlways {
    padding-right: 0px; }

  .noPaddingMobile {
    padding-left: 0px;
    padding-right: 0px; }

  .noPaddingMobileLeft {
    padding-left: 0px !important; }

  .noPaddingMobileRight {
    padding-right: 0px; }

  .rowFlex {
    display: inline; }

  .colFlex {
    flex: 0; } }
/*
$blackColor: #000000;
$whiteColor: #ffffff;
$greyColor: #4a4a4a;
$lightGrey: #7e7e7e;
$backgroundGrey: #f4f4f4;
$menuBackground: #161415;
*/
body {
  font-size: 14px;
  font-weight: 400;
  color: #000000; }

.navbar {
  background-color: rgba(40, 40, 40, 0.8);
  border: 0;
  min-height: 70px; }
  .navbar .navbar-brand {
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    padding-top: 14px; }
    .navbar .navbar-brand span {
      font-size: 26px;
      font-weight: 600; }
    .navbar .navbar-brand:hover {
      color: #ffffff; }
  .navbar .navbar-nav li a {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 4px;
    /*text-transform: capitalize;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    transition: opacity .5s; }
    .navbar .navbar-nav li a:hover {
      color: #ffffff;
      opacity: .7; }

.header {
  min-height: 80vh;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/nova3.jpg");
  background-size: cover;
  background-position: center; }
  .header h1 {
    font-size: 32px;
    font-weight: 300;
    color: #ffffff;
    padding-top: 14px;
    text-align: center;
    padding-top: 35vh;
    letter-spacing: 4px; }
    .header h1 span {
      font-size: 52px;
      font-weight: 600;
      line-height: 1; }
  .header__line {
    width: 200px;
    margin-left: calc(50% - 100px);
    border-bottom: 6px solid #ac8a67;
    margin-top: 5px; }

.line {
  width: 200px;
  margin-left: calc(50% - 100px);
  border-bottom: 6px solid #ac8a67;
  margin-top: 5px; }
  .line.white {
    border-color: #ffffff; }

.lineLeft {
  width: 200px;
  margin-left: 15px;
  border-bottom: 6px solid #ffffff;
  margin-top: 5px; }
  .lineLeft.brown {
    border-color: #ac8a67; }

.about {
  padding-top: 30px;
  padding-bottom: 30px; }
  .about h2 {
    font-size: 28px;
    font-weight: 600;
    color: #ac8a67;
    text-align: center; }
  .about__title {
    font-size: 28px;
    font-weight: 600;
    color: #ac8a67;
    text-align: center; }
  .about__text {
    font-size: 18px;
    font-weight: 300;
    color: #000000; }
  .about__subtitle {
    font-size: 22px;
    font-weight: 600;
    color: #000000; }
  .about__element {
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px; }
    .about__element img {
      text-align: center;
      width: 65px;
      padding-bottom: 20px; }

.products {
  min-height: 60vh; }
  .products__right {
    min-height: 60vh;
    background-color: #ac8a67;
    /*clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);*/ }
    .products__right h2 {
      font-size: 28px;
      font-weight: 600;
      color: #ffffff;
      padding-top: 80px; }
    .products__right__title {
      font-size: 28px;
      font-weight: 600;
      color: #ffffff;
      padding-top: 80px; }
    .products__right__text {
      font-size: 18px;
      font-weight: 300;
      color: #ffffff; }
  .products__left {
    min-height: 60vh; }
    .products__left__card {
      position: relative;
      cursor: pointer;
      transition: letter-spacing .6s, opacity .6s;
      height: 30vh;
      background-size: cover;
      background-position: center;
      border: 2px solid #ac8a67;
      opacity: 1; }
      .products__left__card div {
        font-size: 14px;
        font-weight: 700;
        /*text-transform: lowercase;*/
        letter-spacing: 2px;
        color: #ffffff;
        position: absolute;
        bottom: 10px;
        right: 10px;
        opacity: 1;
        text-shadow: 2px 1px 20px black;
        transition: letter-spacing .6s, opacity .6s; }
      .products__left__card:hover {
        opacity: .7; }
        .products__left__card:hover div {
          letter-spacing: 2.5px; }
      .products__left__card.first {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/headerNew.jpg");
        background-size: cover;
        background-position: center;
        border-top: 0; }
      .products__left__card.second {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/dnevna.jpg");
        background-size: cover;
        background-position: center;
        border-top: 0; }
      .products__left__card.third {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/kopalnica.jpg");
        background-size: cover;
        background-position: center;
        border-top: 0; }
      .products__left__card.fourth {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/spalnica.jpg");
        background-size: cover;
        background-position: center;
        border-top: 0; }
      .products__left__card.fifth {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/otroska.jpg");
        background-size: cover;
        background-position: center;
        border-bottom: 0; }
      .products__left__card.last {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/tehnolos.jpg");
        background-size: cover;
        background-position: center;
        border-bottom: 0; }
      .products__left__card.l1 {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/jedilnica1.jpg");
        background-size: cover;
        background-position: center;
        border-top: 0; }
      .products__left__card.l2 {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/predsoba.jpg");
        background-size: cover;
        background-position: center;
        border-bottom: 0; }
      .products__left__card.l3 {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/ostalo.jpg");
        background-size: cover;
        background-position: center;
        border-bottom: 0; }
      .products__left__card.l4 {
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/vrata.jpg");
        background-size: cover;
        background-position: center;
        border-bottom: 0; }

.services {
  min-height: 60vh; }
  .services__right {
    min-height: 60vh;
    background-image: url("../images/services.jpg");
    background-size: cover;
    background-position: center; }
  .services__left {
    min-height: 60vh; }
    .services__left h2 {
      font-size: 28px;
      font-weight: 600;
      color: #ac8a67;
      padding-top: 80px; }
    .services__left__title {
      font-size: 28px;
      font-weight: 600;
      color: #ac8a67;
      padding-top: 80px; }
    .services__left__text {
      font-size: 18px;
      font-weight: 300;
      color: #000000; }

h3 {
  line-height: 1.3; }

.contact {
  background-color: #ac8a67;
  padding-top: 70px;
  padding-bottom: 70px; }
  .contact h2 {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    padding-bottom: 60px; }
  .contact__title {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    padding-bottom: 60px; }
  .contact__element {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff; }
    .contact__element img {
      width: 70px; }

.footer {
  min-height: 30vh;
  background-color: #282828;
  padding-top: 60px;
  padding-bottom: 60px; }
  .footer__title {
    font-weight: 700;
    font-size: 20px;
    color: #ffffff !important;
    padding-bottom: 10px; }
  .footer__text {
    font-weight: 300;
    font-size: 18px;
    color: #ffffff !important; }
    .footer__text a {
      font-weight: 300;
      font-size: 18px;
      color: #ffffff !important; }
  .footer__under {
    background-color: #f8f8f8;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 12px;
    color: #161921; }

.category {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  background-color: #ac8a67;
  padding-top: 20vh;
  padding-bottom: 10vh; }
  .category__title {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    text-align: center; }
  .category__text {
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    text-align: center; }

@media (max-width: 968px) {
  .footer__element {
    margin-bottom: 25px;
    text-align: center !important; }
  .footer .resetTopPadding {
    padding-top: 5px !important; }

  .navbar-collapse {
    margin-top: 8px;
    padding-bottom: 30px;
    background-color: rgba(40, 40, 40, 0.9); }
    .navbar-collapse ul li a {
      text-align: center; }

  .mobileTop20 {
    padding-top: 40px; }

  .products__left__card {
    border: 0;
    border-bottom: 4px solid #ac8a67 !important; }
  .products__right {
    /*margin-top: -20px;*/ }
    .products__right h2 {
      padding-top: 40px; }

  .services__left__title {
    padding-top: 40px; }

  h2 {
    margin-top: 0; } }
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

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