@charset "UTF-8";
 @import url('bootstrap.css');
 @import url('animsition.css');
 @import url('ionicons.min.css');
 @import url('icons.css');
 @import url('animate.css');
 @import url('owl.carousel.css');
 html {
     font-size: 12px;
     -webkit-font-smoothing: antialiased;
}
 body {
     font-family: 'Poppins', sans-serif;
     font-size: 1rem;
     font-weight: 400;
     letter-spacing: 0.025em;
     line-height: 2.1428;
     color: #666666;
     -webkit-overflow-scrolling: touch;
}
 ::-webkit-scrollbar {
     width: 2px;
     height: 8px;
}
 ::-webkit-scrollbar-thumb {
     cursor: pointer;
     background: #951b81;
}
 ::selection {
     background-color: #951b81;
     color: #fff;
}
 -webkit-::selection {
     background-color: #951b81;
     color: #fff;
}
 ::-moz-selection {
     background-color: #951b81;
     color: #fff;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
 h1, h2, h3, h4, h5, h6, p, ul {
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-chars: auto 3;
     -webkit-hyphenate-limit-lines: 4;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: auto 3;
     -ms-hyphenate-limit-lines: 4;
     hyphens: auto;
}
 h1, .h1 {
     font-weight: 300;
     font-size: 3.428rem;
     line-height: 1.2;
     color: #000;
     letter-spacing: -0.025em;
     margin: 0.5em 0;
}
 h2, .h2 {
     font-weight: 300;
     font-size: 2.571rem;
     line-height: 1.166;
     color: #000;
     letter-spacing: 0;
     margin: 2.6rem 0;
}
 h3, .h3 {
     font-weight: 500;
     font-size: 2.142rem;
     line-height: 1.2;
     letter-spacing: -0.05em;
     color: #000;
     margin: 2.6rem 0;
}
 h4, .h4 {
     font-weight: 300;
     font-size: 1.714rem;
     line-height: 1.25;
     letter-spacing: 0.025em;
     color: #000;
     margin: 2.6rem 0;
}
 h5, .h5 {
     font-weight: 500;
     font-size: 1.571rem;
     line-height: 1.1;
     letter-spacing: 0;
     color: #000;
     margin: 2.6rem 0;
}
 h6, .h6 {
     font-weight: 500;
     font-size: 1.285rem;
     line-height: 1.3333;
     letter-spacing: 0;
     color: #000;
     margin: 2.6rem 0;
}
 h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
     color: inherit;
}
 h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
     text-decoration: none;
}
 strong {
     font-weight: 600;
}
 p, blockquote {
     margin-bottom: 2.6rem;
}
 blockquote {
     font-family: 'Playfair Display', serif;
     font-size: 1.714rem;
     letter-spacing: 0.025em;
     line-height: 1.5;
     padding: 0;
     width: 80%;
     padding-left: 6.8rem;
     border-left: 0.3rem solid #951b81;
     margin-top: 5rem;
     color: #000;
}
 cite {
     display: block;
     color: #000;
     font-weight: 600;
     letter-spacing: 0;
     font-style: normal;
}
 .blockquote-cite {
     font-size: 1rem;
     color: #999999;
     letter-spacing: 0.05em;
     padding-left: 7.1rem;
     margin-bottom: 5rem;
}
 .blockquote-cite cite {
     font-size: 1.14rem 
}
 a {
     color: #000;
     -webkit-transition: color .3s ease-out;
     -o-transition: color .3s ease-out;
     transition: color .3s ease-out;
}
 a:hover, a:focus {
     color: #951b81;
     outline: none;
     text-decoration: none;
}
 a:focus {
     text-decoration: none;
}
 .icon {
     display: inline-block;
}
 .icon-medium {
     font-size: 4.2rem;
}
 .link-arrow {
     display: inline-block;
     color: #000;
     line-height: 1!important;
     font-weight: 600;
}
 .link-arrow-2 {
     display: inline-block;
     font-size: 1.14rem;
     color: #999999;
     font-weight: 400;
}
 .link-arrow .icon, .link-arrow-2 .icon {
     position: relative;
     margin-left: 0.7rem;
     font-size: 2.1em;
     vertical-align: middle;
     -webkit-transition: transform 0.3s;
     -o-transition: transform 0.3s;
     transition: transform 0.3s;
}
 .link-arrow .icon {
     top: 0.1rem;
}
 .link-arrow .ion-ios-arrow-right {
     font-size: 1.5em;
}
 .link-arrow-2 .ion-ios-arrow-right {
     font-size: 1.5em;
}
 .link-arrow:hover, .link-arrow-2:hover {
     color: #951b81;
     text-decoration: none;
}
 .link-arrow:hover .icon, .link-arrow-2:hover .icon {
     -webkit-transform: translateX(0.5rem);
     -o-transform: translateX(0.5rem);
     transform: translateX(0.5rem);
}
 .animsition {
     position: absolute;
     z-index: 100;
     left: 0;
     width: 100%;
     top: 0;
     height: 100%;
}
 .preloader {
     position: fixed;
     overflow: hidden;
     z-index: 100;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     color: #4b4b4b;
     text-align: center;
}
 .text-dark {
     color: #951b81;
}
 .navbar {
     position: absolute;
     z-index: 10;
     left: 0;
     top: 0;
     width: 100%;
     padding-top: 2.7rem;
     height: 7rem;
     background-color: #fff;
     margin: 0;
     border-radius: 0;
}
 .navbar .brand {
     float: left;
     margin-top: -0.5rem;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
}
 .brand {
     line-height: 1.6;
     color: #000;
     display: inline-block;
}
 a.brand:hover, a.brand:focus {
     text-decoration: none;
     color: #000;
}
 .brand img {
     display: inline-block;
     vertical-align: top;
     margin-right: 0.65rem;
     height: 2.356rem;
}
 .brand-info {
     display: inline-block;
}
 .brand-name {
     font-weight: 200;
     font-size: 1.714rem;
     line-height: 1;
}
 .brand-text {
     color: #999999;
     font-size: 0.857rem;
     font-weight: 300;
     margin-top: -0.3rem;
     text-transform: uppercase;
}
 .navbar-toggle {
     display: block;
     margin: 0;
     padding: 0;
     border-radius: 0;
}
 .navbar-toggle .icon-bar {
     background-color: #000;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .navbar-toggle:hover .icon-bar {
     background-color: #951b81;
}
 .navbar .social-list {
     float: right;
     margin-right: 10%;
}
 .social-list {
     overflow: hidden;
}
 .social-list a {
     float: left;
     font-size: 1.428rem;
     line-height: 1;
     color: #000;
     margin-left: 2rem;
}
 .social-list a:first-child {
     margin-left: 0;
}
 .social-list a:hover {
     color: #951b81;
     text-decoration: none;
}
 .navbar-spacer {
     float: right;
     margin: -1rem 4.5rem 0;
     width: 1px;
     height: 3.3rem;
     background-color: #951b81;
}
 .navbar-address {
     float: right;
     font-weight: 400;
}
 .navbar.affix {
     position: fixed;
     box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
}
 .click-capture {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     visibility: hidden;
     z-index: 99;
}
 .menu {
     position: fixed;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     z-index: 100;
     background-color: #fff;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     transition: all 0.6s ease;
}
 .close-menu {
     position: absolute;
     z-index: 2;
     top: 2.3rem;
     font-size: 1.6rem;
     line-height: 1;
     color: #000;
     cursor: pointer;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .close-menu:hover {
     color: #951b81;
}
 .menu .menu-lang {
     opacity: 0;
     position: absolute;
     left: 15%;
     top: 3rem;
     text-transform: uppercase;
     -webkit-transform: translateY(3rem);
     -ms-transform: translateY(3rem);
     -o-transform: translateY(3rem);
     transform: translateY(3rem);
     -webkit-transition: transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease, color 0.3s ease;
     -o-transition: transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease, color 0.3s ease;
     transition: transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease, color 0.3s ease;
}
 .menu-lang a {
     display: inline-block;
     margin-left: 1.5rem;
     color: #999999;
}
 .menu-lang a:first-child {
     margin-left: 0;
}
 .menu-lang .active, .menu-lang a:hover {
     color: #951b81;
     text-decoration: none;
}
 .menu-list {
     opacity: 0;
     position: absolute;
     left: 0;
     top: 9rem;
     bottom: 10.5rem;
     padding-left: 15%;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     font-weight: 200;
     letter-spacing: -0.025rem;
     list-style: none;
     margin: 0;
     -webkit-transform: translateY(3rem);
     -ms-transform: translateY(3rem);
     -o-transform: translateY(3rem);
     transform: translateY(3rem);
     -webkit-transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
     -o-transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
     transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
}
 .menu-list li a {
     color: #999999;
}
 .menu-list .active>a, .menu-list li a:hover {
     text-decoration: none;
     color: #000;
}
 .menu-list>li {
     font-size: 1.95rem;
     line-height: 1;
}
 .menu-list>li {
     margin-top: 2.7rem;
}
 .menu-list>li:first-child {
     margin-top: 0;
}
 .menu-list ul {
     display: none;
     list-style: none;
     padding: 0;
     margin: 0;
}
 .menu-list ul li {
     font-size: 1.142rem;
     margin-top: 1.142rem;
}
 .menu-list ul li:first-child {
     margin-top: 2.4rem;
}
 .menu-footer {
     position: absolute;
     left: 15%;
     bottom: 4rem;
}
 .menu-footer .social-list {
     opacity: 0;
     -webkit-transform: translateY(3rem);
     -ms-transform: translateY(3rem);
     -o-transform: translateY(3rem);
     transform: translateY(3rem);
     -webkit-transition: all 0.5s 0.7s ease;
     -o-transition: all 0.5s 0.7s ease;
     transition: all 0.5s 0.7s ease;
}
 .menu-footer .social-list a {
     color: #cccccc;
     margin: 0;
     margin-right: 2.7rem;
}
 .menu-footer .social-list a:last-child {
     margin-right: 0;
}
 .menu-footer .social-list a:hover {
     color: #951b81;
}
 .menu-footer .copy {
     opacity: 0;
     display: none;
     margin-top: 3.2rem;
     color: #000;
     line-height: 1.71rem;
     -webkit-transform: translateY(2rem);
     -ms-transform: translateY(2rem);
     -o-transform: translateY(2rem);
     transform: translateY(2rem);
     -webkit-transition: all 0.5s 0.9s ease;
     -o-transition: all 0.5s 0.9s ease;
     transition: all 0.5s 0.9s ease;
}
 .menu-is-opened .click-capture {
     visibility: visible;
}
 .menu-is-opened .menu {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
}
 .menu-is-opened .menu .menu-lang, .menu-is-opened .menu-list, .menu-is-opened .menu .menu-footer .social-list, .menu-is-opened .menu .menu-footer .copy {
     -webkit-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     opacity: 1;
}
 .menu-is-closed .menu .menu-lang, .menu-is-closed .menu .menu-list, .menu-is-closed .menu .menu-footer .social-list, .menu-is-closed .menu .menu-footer .copy {
     opacity: 0;
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
}
 .wrapper {
     padding-top: 7rem;
     overflow-x: hidden;
}
 .boxed {
     padding-left: 1.7rem;
     padding-right: 1.7rem;
}
 .boxed .container, .boxed .container-fluid {
     padding: 0;
     max-width: 100%;
}
 .left-boxed {
     left: 1.7rem;
}
 .right-boxed {
     right: 1.7rem;
}
 .section {
     padding: 10.28rem 0;
}
 .section-title {
     margin: 0;
}
 .section-title .link-arrow-2 {
     margin-top: 1.05rem;
}
 .section-subtitle {
     display: inline-block;
     font-weight: 500;
     font-size: 1.142rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #951b81;
     margin-bottom: 1rem;
}
 .jumbotron {
     position: relative;
     overflow: hidden;
     padding: 0;
     margin: 0;
     color: #333;
     background-color: #fff;
}
 .rev_slider .link-arrow {
     color: #444;
}
 .rev_slider .link-arrow:hover {
     color: #951b81;
}
 .rev_slider .link-arrow:hover .icon {
     -webkit-transform: none;
     -o-transform: none;
     transform: none;
}
 .slider-prev, .slider-next {
     position: absolute;
     top: 50%;
     z-index: 1;
     font-size: 4rem;
     color: #fff;
     cursor: pointer;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .slider-prev {
     left: 2.2rem;
}
 .slider-next {
     right: 2.2rem;
}
 .slider-prev:hover, .slider-next:hover {
     color: #951b81;
}
 .section-about {
     padding: 8rem 0 0;
}
 .section-about-title {
     margin-bottom: 4rem;
     margin-top: 1rem;
}
 .experience-box {
     position: relative;
     white-space: nowrap;
     margin: 6rem 0;
}
 @media (min-width: 992px) {
     .experience-box {
         margin-top: 6rem;
    }
}
 @media (min-width: 1200px) {
     .experience-box {
         margin-top: 12.2rem;
    }
}
 .experience-border {
     display: inline-block;
     vertical-align: middle;
     width: 12.15rem;
     height: 12.15rem;
     border: 2px solid #951b81;
}
 .experience-content {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     left: -7.25rem;
     top: 0.2rem;
}
 .experience-number {
     display: inline-block;
     vertical-align: middle;
     font-size: 7.142rem;
     line-height: 1;
     font-weight: 600;
     color: #000;
}
 .experience-info {
     display: inline-block;
     vertical-align: middle;
     margin: 0 0 0 0.8rem;
     font-size: 1.57rem;
     line-height: 1.181;
     color: #000;
     text-transform: uppercase;
}
 .section-projects {
     padding-bottom: 8rem;
}
 .filter-content {
     position: relative;
     overflow: hidden;
}
 .filter {
     list-style: none;
     font-size: 1.142rem;
     font-weight: 300;
     color: #000;
     padding-left: 0;
     margin: 0;
}
 .filter li {
     margin: 0.6rem 2.6rem 0 0;
     display: inline-block;
}
 .filter li:last-child {
     margin-right: 0;
}
 .filter li a {
     color: inherit;
}
 .filter li a:hover, .filter .active a {
     color: #951b81;
     text-decoration: none;
}
 .section-projects .filter-content {
     margin: 2rem 0 0 0;
}
 .section-projects .filter {
     margin: 0;
}
 .section-projects .view-projects {
     margin: 0.85rem 0 0 0;
}
 .view-projects {
     display: inline-block;
     font-style: italic;
     color: #999999;
}
 .view-projects:hover {
     text-decoration: none;
     color: #951b81;
}
 .project-carousel {
     margin-top: 5.92rem;
}
 .owl-nav {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .owl-nav .disabled {
     color: #bcbcbc;
}
 .owl-prev, .owl-next {
     display: inline-block;
     font-size: 2.8rem;
     line-height: 1;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .owl-prev:before {
     font-family: "Ionicons";
     content: "\f3d2";
}
 .owl-next:before {
     font-family: "Ionicons";
     content: "\f3d3";
}
 .owl-prev:hover, .owl-next:hover {
     color: #951b81;
}
 .owl-dots {
     text-align: center;
     margin-top: 5.857rem;
}
 .owl-dot {
     display: inline-block;
     vertical-align: top;
     margin: 0 0.6rem;
}
 .owl-dot span {
     display: block;
     width: 0.6rem;
     height: 0.6rem;
     background-color: #cccccc;
}
 .owl-dot.active span {
     background-color: #951b81;
}
 .project-item {
     position: relative;
     overflow: hidden;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .project-item img {
     width: 100%;
}
 .item-shadow {
     position: relative;
}
 .item-shadow:before {
     content: '';
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 100%);
}
 .project-item .link-arrow {
     position: absolute;
     z-index: 2;
     color: #fff;
     left: 3rem;
     bottom: 2.3rem;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
}
 .project-hover {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     width: 100.1%;
     height: 100%;
     padding: 4.85rem 3rem;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .project-title {
     color: #fff;
     margin: 0;
}
 .project-hover .project-title {
     position: absolute;
     bottom: 5.5rem;
}
 .project-description {
     opacity: 0;
     margin-top: 12%;
     line-height: 1.71;
     color: #333333;
     -webkit-transform: translateX(-1rem);
     -ms-transform: translateX(-1rem);
     -o-transform: translateX(-1rem);
     transform: translateY(-1rem);
}
 .project-item:hover .project-hover {
     background-color: #fff;
     border-color: #951b81;
     border-style: solid;
     border-width: 2px;
}
 .project-item:hover .project-hover .project-title {
     position: relative;
     color: #000;
     bottom: 2rem;
     -webkit-transform: translateY(2rem);
     -ms-transform: translateY(2rem);
     -o-transform: translateY(2rem);
     transform: translateY(2rem);
     -webkit-transition: transform 0.5s ease;
     -o-transition: transform 0.5s ease;
     transition: transform 0.5s ease;
}
 .project-item:hover .project-hover .project-description {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateY(0);
     -webkit-transition: all 0.4s 0.2s ease;
     -o-transition: all 0.4s 0.2s ease;
     transition: all 0.4s 0.2s ease;
}
 .project-item:hover .link-arrow {
     color: #000;
}
 .section-clients .section-title {
     margin-right: 7rem;
}
 .client-carousel {
     margin-top: 4.8rem;
}
 .client-carousel .client-carousel-item img {
     display: inline-block;
     width: auto;
}
 .client-box {
     position: relative;
     color: #999;
     border-color: #951b81;
     border-width: 2px 0px 0px 0px;
     border-style: solid;
     padding: 6rem 3.28rem 3.28rem;
}
 .image-quote {
     position: absolute;
     top: 3.28rem;
     right: 3.28rem;
}
 .client-img {
     position: relative;
     z-index: 1;
     margin: 0 0 -3rem 2.6rem;
     border-radius: 50%;
     border-style: solid;
     border-width: 2px;
     border-color: #951b81;
}
 .client-title {
     letter-spacing: 0;
}
 .client-name {
     font-size: 1.28rem;
     line-height: 1;
     color: #000;
}
 .client-description {
     margin: 1.5rem 0 0;
     line-height: 1.71em;
}
 .client-carousel .owl-nav {
     right: 0;
     top: -7.8rem;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
}
 .client-carousel .owl-prev {
     margin-right: 2rem;
}
 .partner-carousel {
     margin-top: 10.28rem;
}
 .partner-carousel .partner-carousel-item img {
     width: auto;
     margin: 0 auto;
     opacity: 0.6;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .partner-carousel .partner-carousel-item:hover img {
     opacity: 1;
}
 .section-news {
     border-bottom: 1px solid #951b81;
}
 .news-carousel {
     margin-top: 4.7rem;
}
 .news-item {
     position: relative;
}
 .news-item img {
     width: 100%;
}
 .news-hover {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     padding: 2.7rem;
     color: #999;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .hover-border {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .hover-border div {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
 .hover-border div::before {
     position: absolute;
     content: "";
     background: #951b81;
     height: 2px;
     width: 100%;
     left: 0;
     top: 0;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
}
 .hover-border::after {
     position: absolute;
     content: "";
     background: #951b81;
     width: 2px;
     height: 100%;
     right: 0;
     bottom: 0;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: 0.2s 0.2s;
     -o-transition: 0.2s 0.2s;
     transition: 0.2s 0.2s;
}
 .hover-border div::after {
     position: absolute;
     content: "";
     background: #951b81;
     width: 100%;
     height: 2px;
     right: 0;
     bottom: 0;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transition: 0.2s 0.4s;
     -o-transition: 0.2s 0.4s;
     transition: 0.2s 0.4s;
}
 .hover-border::before {
     position: absolute;
     content: "";
     background: #951b81;
     width: 2px;
     height: 100%;
     left: 0;
     top: 0;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: 0.2s 0.8s;
     -o-transition: 0.2s 0.8s;
     transition: 0.2s 0.8s;
}
 .news-hover .content {
     opacity: 0;
     position: relative;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .news-hover .time {
     margin-bottom: 0.6rem;
}
 .news-title {
     font-size: 1.95rem;
     line-height: 1.25;
     letter-spacing: 0;
     margin: 0;
     -webkit-transform: translateX(-2rem);
     -ms-transform: translateX(-2rem);
     -o-transform: translateX(-2rem);
     transform: translateX(-2rem);
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .news-description {
     opacity: 0;
     margin-bottom: 0;
     line-height: 1.71;
     margin-top: 10%;
     -webkit-transform: translateY(-2rem);
     -ms-transform: translateY(-2rem);
     -o-transform: translateY(-2rem);
     transform: translateY(-2rem);
     -webkit-transition: 0.5s 0.3s ease;
     -o-transition: 0.5s 0.3s ease;
     transition: 0.5s 0.3s ease;
}
 .news-hover .read-more {
     position: absolute;
     opacity: 0;
     bottom: 2.7rem;
}
 .read-more {
     font-weight: 600;
}
 .news-item:hover .news-hover {
     background-color: #fff;
}
 .news-item:hover .hover-border::before, .news-item:hover .hover-border::after, .news-item:hover .hover-border div::before, .news-item:hover .hover-border div::after {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
}
 .news-item:hover .news-hover .content {
     opacity: 1;
}
 .news-item:hover .news-hover .news-title, .news-item:hover .news-hover .news-description {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
}
 .news-item:hover .news-hover .read-more {
     opacity: 1;
}
 .display-1 {
     font-size: 4.28rem;
     line-height: 1;
     letter-spacing: -0.05em;
     margin: 0;
}
 .display-2 {
     font-size: 5.14rem;
     line-height: 1;
     letter-spacing: -0.05em;
     margin: 0;
     text-transform: uppercase;
}
 .text-display-1 {
     font-size: 1.714rem;
     line-height: 2;
     letter-spacing: 0;
}
 .text-display-1 p {
     margin-bottom: 3.5rem;
}
 .text-display-1 p:last-child {
     margin-bottom: 0;
}
 .title-hr {
     width: 7rem;
     max-width: 100%;
     height: 2px;
     background: #951b81;
}
 .title-info {
     font-size: 1.28rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     font-weight: 600;
     color: #999999;
     margin-bottom: 1.4rem;
}
 .page-header, .page-header-2, .page-header-3 {
     border-bottom: 0;
     margin: 8rem 0 7rem;
     padding: 0;
}
 .page-header h1, .page-header-2 h1, .page-header-3 h1 {
     margin: 0;
}
 .page-header-3 .title-hr {
     margin-bottom: 2.7rem;
}
 .page-inner {
     margin-top: 10.28rem;
}
 .section-info {
     color: #333;
     line-height: 1.5;
     font-size: 1.28rem;
     font-weight: 400;
}
 .section-info {
     margin-bottom: 4rem;
}
 .section-info .title-hr {
     margin: 0 0 2rem;
}
 .info-title {
     width: 1px;
}
 .js-isotope {
     overflow: hidden;
}
 .filter-content-2 {
     margin-bottom: 5.9rem;
}
 .filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
     margin-right: 4rem;
}
 .filter-content-3 {
     margin-bottom: 4.6rem;
}
 .filter-content-4 {
     margin: 6rem 0 9rem;
}
 .grid-items {
     margin: -30px -15px 0 -15px;
}
 .grid-items:after {
     content: '';
     clear: both;
     display: block;
}
 .grid-item {
     float: left;
     padding: 30px 15px 0 15px;
}
 .project-hover-2 {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     width: 100.1%;
     height: 100%;
     padding: 2.71rem;
     -webkit-transition: 0.5s ease;
     ;
     -o-transition: 0.5s ease;
     ;
     transition: 0.5s ease;
     ;
}
 .project-hover-2 .icon-plus {
     opacity: 0;
     position: absolute;
     color: #000;
     right: 2.71rem;
     font-size: 3rem;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .project-hover-2 .project-title {
     opacity: 0;
     position: absolute;
     bottom: 2.71rem;
     color: #000;
     -webkit-transform: translateX(-2rem);
     -ms-transform: translateX(-2rem);
     -o-transform: translateX(-2rem);
     transform: translateX(-2rem);
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .project-item:hover .project-hover-2 {
     background-color: rgba(149, 27, 129, 0.85);
}
 .project-item:hover .project-hover-2 .project-title, .project-item:hover .project-hover-2 .icon-plus {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
}
 .sly {
     position: relative;
     overflow: hidden;
}
 .slidee {
     list-style: none;
     padding-left: 0;
}
 .sly ul {
     list-style: none;
     margin: 0;
     padding: 0;
     height: 100%;
     overflow: hidden;
}
 .sly ul li {
     float: left;
     width: 400px;
     height: 100%;
     margin: 0 30px 0 0;
     padding: 0;
}
 .prev, .next {
     position: absolute;
     top: 50%;
     color: #fff;
     font-size: 4rem;
     cursor: pointer;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .prev.disabled, .next.disabled {
     opacity: 0.5;
}
 .prev:hover, .next:hover {
     color: #951b81;
}
 .prev {
     left: 2.5rem;
}
 .next {
     right: 2.5rem;
}
 .scrollbar {
     margin: 6.8rem 0 0;
     height: 1px;
     background: #dae5e6;
     line-height: 0;
}
 .scrollbar .handle {
     position: relative;
     top: -2px;
     width: 100px;
     height: 3px;
     background: #999999;
     cursor: pointer;
}
 .scrollbar .handle .mousearea {
     position: absolute;
     top: -9px;
     left: 0;
     width: 100%;
     height: 20px;
}
 .about-info {
     padding-top: 0;
}
 .content-entry-image {
     padding-top: 38%;
     min-height: 28rem;
     background: url(../images/susanne_freitag_site.jpg) 50%;
     background-size: cover;
}
 .row-services {
     margin: -4rem -2.5rem 0 -2.5rem;
}
 .col-service {
     color: #333;
     margin-top: 4rem;
     padding: 0 2.5rem;
}
 .col-service h4 {
     margin-top: 3.3rem;
}
 .col-service p {
     margin-bottom: 0;
}
 .row-partners {
     margin: -5rem -1rem 0;
}
 .col-partner {
     padding: 0 1rem;
     margin-top: 5rem;
     float: left;
}
 .col-partner img {
     max-width: 100%;
}
 .row-referenzen {
     margin-top: -30px;
}
 .col-referenzen {
     margin-top: 30px;
}
 .referenzen-profile {
     position: relative;
}
 .referenzen-profile img {
     width: 100%;
     display: block;
}
 .referenzen-hover {
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.00);
     border-color: #951b81;
     border-style: solid;
     border-width: 2px;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .referenzen-content {
     position: absolute;
     left: 1.857rem;
     bottom: 0.8rem;
}
 .referenzen-name {
     margin-bottom: 0.3rem;
}
 .referenzen-name h6 {
     margin: 0;
}
 .referenzen-social a {
     float: left;
     color: #000;
     font-size: 1.25rem;
     margin-right: 1.5rem;
}
 .treferenzen-social a:hover {
     color: #fff;
     text-decoration: none;
}
 .referenzen-profile:hover .referenzen-hover {
     opacity: 1;
}
 .row-team {
     margin-top: -30px;
}
 .col-team {
     margin-top: 30px;
}
 .team-profile {
     position: relative;
}
 .team-profile img {
     width: 100%;
     display: block;
}
 .team-hover {
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.00);
     border-color: #951b81;
     border-style: solid;
     border-width: 2px;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .team-content {
     position: absolute;
     left: 1.857rem;
     bottom: 0.8rem;
}
 .team-name {
     margin-bottom: 0.3rem;
}
 .team-name h6 {
     margin: 0;
}
 .team-social a {
     float: left;
     color: #000;
     font-size: 1.25rem;
     margin-right: 1.5rem;
}
 .team-social a:hover {
     color: #fff;
     text-decoration: none;
}
 .team-profile:hover .team-hover {
     opacity: 1;
     background: rgba(255, 255, 255, 0.75);
}
 .footer {
     color: #000;
     line-height: 1.71;
     border-top: 1px solid #951b81;
}
 .footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .footer ul li a {
     color: #000;
}
 .footer ul .active a, .footer ul li a:hover {
     color: #951b81;
     text-decoration: none;
}
 .footer-flex {
     margin-top: -4rem;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     justify-content: space-between;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .footer-flex .flex-item {
     margin-top: 4rem;
     -webkit-flex: 0 0 100%;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
}
 @media (min-width: 768px) {
     html {
         font-size: 13px;
    }
     .pull-sm-left {
         float: left;
    }
     .pull-sm-right {
         float: right;
    }
     .menu {
         width: 50%;
    }
     .boxed {
         padding-left: 3rem;
         padding-right: 3rem;
    }
     .boxed-inner {
         padding-left: 0;
    }
     .right-boxed {
         right: 3rem;
    }
     .left-boxed {
         left: 3rem;
    }
     .section-about {
         padding-top: 12rem;
    }
     .section-projects .filter {
         margin-right: 14rem;
    }
     .section-projects .view-projects {
         position: absolute;
         top: 0;
         right: 0;
    }
     .sly ul li {
         width: 555px;
    }
     .footer-flex .flex-item {
         -webkit-flex: 0 0 33.3333%;
         -ms-flex: 0 0 33.3333%;
         flex: 0 0 33.3333%;
    }
}
 @media (min-width: 992px) {
     html {
         font-size: 14px;
    }
     .pull-md-right {
         float: right;
    }
     .menu {
         width: 35%;
    }
     .boxed {
         padding-left: 4.2857rem;
         padding-right: 4.2857rem;
    }
     .right-boxed {
         right: 4.2857rem;
    }
     .left-boxed {
         left: 4.2857rem;
    }
     .page-header {
         margin: 12.8rem 0 10.8rem;
    }
     .page-header-2 {
         margin: 8.7rem 0 10.5rem;
    }
     .page-header-3 {
         margin: 9.2rem 0 12.2rem;
    }
     .page-header-3 .title-hr {
         margin: 0.9rem 0 0;
    }
     .about-info .section-info .title-hr {
         margin-top: 1rem;
    }
     .about-info {
         padding-top: 1.2rem;
    }
     @media (min-width: 1200px) {
         .pull-lg-right {
             float: right;
        }
         .section-projects .filter-content {
             margin-top: 0;
        }
         .section-3 .link-arrow.h5 {
             float: right;
             margin-top: -1.3rem;
        }
         .section-5 .title-uppercase {
             margin-top: 22vh;
             margin-bottom: 0;
        }
         .sly ul li {
             width: 685px;
        }
         .footer-flex .flex-item {
             -webkit-box-flex: none;
             -webkit-flex: none;
             -ms-flex: none;
             flex: none;
        }
    }
     @media (min-height: 500px) {
         #pp-nav .pp-nav-up, #pp-nav .pp-nav-down {
             display: block;
        }
    }
     @media (min-height: 600px) {
         .menu .menu-lang {
             top: 7rem;
        }
         .menu-list {
             top: 14rem;
             bottom: 20rem;
        }
         .menu-list>li {
             font-size: 2.571rem;
        }
         .menu-footer {
             bottom: 6rem;
        }
         .menu-footer .copy {
             display: block;
        }
    }
     @media (min-height: 700px) {
         .copy-bottom {
             display: block;
        }
         .lang-bottom {
             display: block;
        }
    }
}