#footerId {
  background-color: #f9f9f9;
}
#footerId .footerTextOutter {
  width: 100%;
  min-height: 40px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  /*color: #8e6685;*/
  padding: 9px 16px;
}
#footerId .footerCreatorCompany {
  color: #d34c7d;
  cursor: pointer;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  transition: color 500ms ease;
}
#footerId .footerCreatorCompany:hover {
  color: #ac003e;
}
#referencieOutter {
  background: #f9f9f9;
  -webkit-transition: opacity 350ms ease;
  -moz-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  -ms-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}
#referencieOutter #referencie {
  padding: 120px 0px 120px 0px;
  /*.referencieHeaderSplitter {
            position: relative;
            width: 250px;
            height: 30px;
            margin: 0 auto;
            margin-top: 15px;
            &.splitterOnly {
                margin-top: 60px;
                margin-bottom: 60px;
            }
            .line {
                height: calc(~"50% + 2px");
                .lineCommon {
                    display: inline-block;
                    height: 100%;
                    width: calc(~"50% - 40px");
                    border-bottom: 2px solid rgba(195, 65, 165, 0.3);
                }
                .lineLeft {
                    float: left;
                }
                .lineRight {
                    float: right;
                }
            }
            .icon {
                position: absolute;
                height: 30px;
                width: 80px;
                top: 0px;
                left: calc(~"50% - 40px");
                background-size: contain;
                background-position: center center;
                background-repeat: no-repeat;
            }
        }*/
  /*.referencieQuoteMiddleText {
            display: inline-block;
            width: 600px;
            margin: 15px 2px;
            font-size: 17px;
            font-weight: 600;
            line-height: 24px;
            overflow: hidden;
            text-align: center;
            color: @menuTextHover-color;
        }*/
}
#referencieOutter #referencie .referencieHeaderHeight {
  position: relative;
  /*height: 78px;*/
  margin-bottom: 60px;
}
#referencieOutter #referencie .referencieSectionHeadText {
  font-size: 1.875em;
  font-weight: 600;
  margin: 0em;
  padding: 0em;
  color: #757575;
}
#referencieOutter #referencie .referencieHeaderSplitter {
  padding: 40px 0;
}
#referencieOutter #referencie .customerStoryElementOutter {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  height: 550px;
  padding: 20px;
}
#referencieOutter #referencie .customerStoryOutter {
  width: 100%;
  height: 100%;
  padding: 40px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.2);
}
#referencieOutter #referencie #referencieContent {
  padding-top: 30px;
}
#referencieOutter #referencie .customerStoryImgOut {
  width: 100%;
  text-align: center;
  margin-bottom: 16px;
}
#referencieOutter #referencie .customerStoryImg {
  height: 110px;
  border-radius: 50%;
}
#referencieOutter #referencie .referencieStoryName {
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  color: #d34c7d;
}
#referencieOutter #referencie .referenceQuoteOutter {
  text-align: center;
}
#referencieOutter #referencie .referencieLeftQuote {
  display: inline-block;
  vertical-align: bottom;
  font-size: 50px;
  font-weight: 600;
  line-height: 0;
  color: #757575;
  padding-left: 16px;
}
#referencieOutter #referencie .referencieRightQuote {
  display: inline-block;
  vertical-align: bottom;
  font-size: 50px;
  font-weight: 600;
  line-height: 0px;
  color: #757575;
  width: 100%;
  text-align: right;
  padding-right: 16px;
}
#referencieOutter #referencie .referencieStoryDesc {
  font-size: 16px;
  line-height: 22px;
  max-height: 220px;
  margin: 10px 20px;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #referencieOutter #referencie .customerStoryElementOutter {
    padding: 8px;
  }
  #referencieOutter #referencie .customerStoryOutter {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #referencieOutter #referencie {
    /*.referencieQuoteMiddleText {
                width: 380px;
            }*/
  }
  #referencieOutter #referencie .customerStoryElementOutter {
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  #referencieOutter #referencie {
    /*.referencieQuoteMiddleText {
                width: calc(~"100% - 36px");
            }*/
  }
  #referencieOutter #referencie .customerStoryElementOutter {
    width: 100%;
  }
}
/*# sourceMappingURL=referencie.css.map */