/*Prinexa Home Slider Stylesheet*/

#home-slider {
    background-size: cover;
    background-position: 100% 0%;
    background-image: url(../images/entry03.jpg);

}

@media all and (min-width: 3001px) {
    #home-slider {
        /*background-image: url(../images/success_xl.jpg);*/
    }
}

@media all and (max-width: 3000px) {
    #home-slider {
        /*background-image: url(../images/success_l.jpg);*/
    }
}

@media all and (max-width: 2000px) {
    #home-slider {
        /*background-image: url(../images/success_m.jpg);*/
    }
}

@media all and (max-width: 1024px) {
    #home-slider {
        /*background-image: url(../images/success_s.jpg);*/
    }
}
#home-slider {
    height: 100vh;
    width: 100%;
    float: left;
    float: left;
    position: relative;
    overflow: hidden;
    max-height: 100vh;
}
@media all and (max-width: 1400px) {
#home-slider {
    height: 50vw;
    max-height: 100vh;
}
}

.slider_section.active div#home-slider {}

#home-slider .inner {
    height: calc(100% - 96px);
    width: 1710px;
    top: 96px;
    position: relative;
    max-width: 90%;
    display: flex;
    align-items: center;
}
.adjustment {
    max-height: 800px;
    width: 100%;
    height: inherit;
}
@media all and (max-width: 1400px) {
    .adjustment {
    height: 100%;
}
}
#home-slider .headline {
    height: auto;
    position: absolute;
    top: 10%;
    left: 10%;
}
@media all and (max-width: 1400px) {
    #home-slider .headline {
    left: 5%;
}
}
#home-slider .headline h1 {
    margin-top: 0!important;
    margin-bottom: 0!important;
    color: #fff;
    max-width: 100%;
    
}
    #home-slider .headline h1 span.sub {
    font-size: 75%;
    text-transform: none!important;
}
#home-slider .headline h1 span.highlight {
    color: #26a69a!important;
    font-size: 90%;
    font-weight: 600!important;
    text-transform: none!important;
}
@media all and (min-width: 993px ) {
    .slider_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    overflow: hidden;
    background: transparent;
    padding: 10vh 10vw;
    position: relative;
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
    background: transparent;
    padding: 0;
}
}

.slider_nav {
    width: 90px;
    position: fixed;
    top: 95px;
    right: -200px;
    height: calc(100vh - 95px);
    transition: right 0.2s ease-in-out;
    z-index: 2;
}

body.has-scrolled .slider_nav {
    right: -200px;
}

.slider_nav.collapsed {
    right: 0;
}

.slider_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100%;
    overflow: visible;
}

.after-homeslider:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#404855+0,404855+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(64, 72, 85, 0) 0%, rgba(64, 72, 85, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(64, 72, 85, 0) 0%, rgba(64, 72, 85, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(64, 72, 85, 0) 0%, rgba(64, 72, 85, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00404855', endColorstr='#404855', GradientType=0);
    /* IE6-9 */
    height: 10vw;
    content: "";
    float: left;
    width: 100%;
    margin-top: -10vw;
    z-index: 1;
    position: relative;
}


/*.after-homeslider:after {
    content: "";
    background: rgba(64,72,85,1);
    height: 10vw;
    float: left;
    width: 100%;
    margin-top: 0vw;
    z-index: 1;
    position: relative;
    top: 10vw;
}*/

.after-homeslider {
    content: "";
    float: left;
    background: #fff;
    display: inline-block;
    height: 0vw;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0vw;
    z-index: 1;
    left: 0;
}

.before-ueber {
    position: relative;
}
@media all and (min-width: 993px ) {
.slider_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
}
.slider_section.active {
    opacity: 1;
    visibility: visible;
}

.slider_section-half {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider_section--text h1 {
    margin-bottom: 3vh;
    font-size: 48px;
    font-weight: 300;
    color: #26a69a;
}

.slider_section--text p {
    margin: 0;
    color: rgba(255, 255, 255, 1);
    max-width: 600px;
    font-size: 18px;
    line-height: 28px;
}

.slider_section--text img {
    max-width: 250px;
    margin: 0 auto;
    width: 100%;
}

.slider_section--text.centered {
    text-align: center;
}

.slider_section--text-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.slider_nav {
    width: 90px;
}

.slider_nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100vh;
    overflow: visible;
}

.slider_nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: visible;
    border-bottom: 7px solid #1BAFB9;
    background: #26a69a;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.slider_nav-item.active {
    background: #20232a;
}

.slider_nav-item:last-child {
    border-bottom: none;
}

.slider_nav-item:hover {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.slider_nav-item:hover .slider_nav-link {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.slider_nav-item:hover .blue-line,
.slider_nav-item:hover .white-line,
.slider_nav-item:hover .white-circle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.slider_nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20%;
    position: absolute;
    width: 280%;
    height: 100%;
    left: calc(-280% + 90px);
    background: rgba(32, 35, 42, 0.75);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.slider_nav-link.flex-row {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.slider_nav-link.centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider_nav-link .slider_section-half {
    height: auto;
}

.slider_nav-link .slider_section-half:nth-child(2) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blue-line {
    display: block;
    width: 80%;
    height: 14px;
    background: #26a69a;
    margin-bottom: 12px;
}

.white-line {
    display: block;
    width: 60%;
    height: 5px;
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 7px;
}

.white-line:nth-of-type(3) {
    width: 50%;
}

.white-circle {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
}


/* animation classes */

/*.animate {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}*/
.animate {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.slideInLeft {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}

.slideInRight {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}

.scaleIn {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.scaleInLeft {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.delay-1 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.delay-2 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.delay-3 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.delay-4 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.delay-5 {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.settings {
    position: absolute;
    bottom: 2vw;
    left: 2vw;
    z-index: 2;
}

body.has-scrolled .settings {
    display: none;
}

.settings img {
    width: 45px;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.settings img:hover {
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
    cursor: pointer;
}


/*END Prinexa Home Slider*/

.line-animation {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    float: left;
}


/*.line-a {
    position: absolute;
    left: 10%;
    top: 0;
    width: 2px;
    height: 0px;
    background: #fff;
    z-index: 1;
}

.slider_section.active .line-a {
    height: 40%;
    transition: height 0.5s 0.5s linear;
}*/

.line-b {
    position: absolute;
    top: calc(35% + -1px);
    left: 15%;
    width: 0px;
    height: 2px;
    background: #fff;
    z-index: 1;
}

.slider_section.active .line-b {
    width: 35%;
    transition: width 0.8s 0.2s linear;
}

.line-c {
    position: absolute;
    top: calc(35% - 1px);
    left: calc(50% - 1px);
    width: 2px;
    height: 0;
    background: #fff;
    z-index: 1;
}

.slider_section.active .line-c {
    height: calc(10% + 1px);
    transition: height 0.4s 1s linear;
}

.line-d {
    position: absolute;
    top: calc(35% - 1px);
    left: calc(15% - 1px);
    width: 1px;
    height: 0;
    background: #fff;
    z-index: 1;
}

.slider_section.active .line-d {
    height: 12%;
    transition: height 0.8s 0.8s linear;
}

.line-d:after {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: 50;
    position: absolute;
    content: "";
    top: calc(100% - 7px);
    left: calc(50% - 7px);
    transform: scale(0);
}

.slider_section.active .line-d:after {
    transform: scale(1);
    transition: transform 0.3s 1.4s linear;
}

.line-e {
    position: absolute;
    top: calc(45% + -1px);
    left: 50%;
    width: 0px;
    height: 1px;
    background: #fff;
    z-index: 1;
}

.slider_section.active .line-e {
    width: 5%;
    transition: width 0.6s 1.2s linear;
}

.line-e:after {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: 50;
    position: absolute;
    content: "";
    left: calc(100% - 7px);
    top: calc(50% - 7px);
    transform: scale(0);
}

.slider_section.active .line-e:after {
    transform: scale(1);
    transition: transform 0.3s 1.6s linear;
}

.line-f {
    position: absolute;
    top: calc(35% - 1px);
    left: calc(32.5% - 1px);
    width: 1px;
    height: 0;
    background: #fff;
    z-index: 1;
    transform: rotate(-180deg)!important;
    transform-origin: 0 0;
}

.slider_section.active .line-f {
    height: 5%;
    transition: height 0.8s 0.8s linear;
}

.line-f:after {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: 50;
    position: absolute;
    content: "";
    top: calc(100% - 7px);
    left: calc(50% - 7px);
    transform: scale(0);
}

.slider_section.active .line-f:after {
    transform: scale(1);
    transition: transform 0.3s 1.4s linear;
}
@media all and (max-width: 1400px) {
    .line-d {
    left: calc(5% - 1px);
    }

.line-b {
    left: 5%;
    }
.slider_section.active .line-b {
    width: 50%;
    }
    .line-c {
    left: calc(55% - 1px);
    }
    .line-e {
    left: 55%;
    }
    .line-f {
    left: calc(20% - 1px);
    }
.slider_section.active .line-d {
    height: 7%;
    
}
.slider_section.active .line-f {
    height: 5%;
}
    .line-f:after {
    width: 0.8vw;
    height: 0.8vw;
    top: calc(100% - 0.4vw);
    left: calc(50% - 0.4vw);
 }
 .line-e:after {
    width: 0.8vw;
    height: 0.8vw;
    left: calc(100% - 0.4vw);
    top: calc(50% - 0.4vw);
}
.line-d:after {
    width: 0.8vw;
    height: 0.8vw;
    top: calc(100% - 0.4vw);
    left: calc(50% - 0.4vw);
}
}
span.scroll-down {
    cursor: pointer;
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: pulse_down 2s ease-in-out infinite;
    -moz-animation: pulse_down 2s ease-in-out infinite;
    animation: pulse_down 2s ease-in-out infinite;
}

span.scroll-down .material-icons {
    font-size: 70px;
    color: #fff;
}

@-webkit-keyframes pulse_down {
    0% {
        -webkit-transform: translate(0, -20px) scale(1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 20px) scale(0.8);
        opacity: 0;
    }
}

@-moz-keyframes pulse_down {
    0% {
        -moz-transform: translate(0, -20px) scale(1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(0, 20px) scale(0.8);
        opacity: 0;
    }
}

@keyframes pulse_down {
    0% {
        transform: translate(0, -20px) scale(1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px) scale(0.8);
        opacity: 0;
    }
}

.type-wrap {
    z-index: 1;
    position: absolute;
    left: 19%;
    top: 10%;
    margin: 0;
}

span#typed,
span.typed-cursor {
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    z-index: 1;
    color: #26a69a;
    font-size: 4vw;
    font-weight: bold;
    line-height: 5vw;
}


/* code for animated blinking cursor */

.typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.first-con {
    position: absolute;
    top: 34%;
    left: 17%;
    width: 30%;
    z-index: 1;
}
@media all and (max-width: 1400px) {
    .first-con {
    position: absolute;
    top: 32%;
    left: 7%;
    width: 46%;
    z-index: 1;
}
#home-slider label {
    font-size: 1.4vw;
    margin-bottom: 0.4vw;
}
#home-slider span.checked {
    width: 1.6vw;
    float: left;
    text-align: center;
    margin: -0.2vw 1vw 0 0;
}
}
.slider_section h2 {
    color: #26a69a;
    text-align: left;
    line-height: 5.5rem;
    text-transform: uppercase;
    font-size: 4rem;
    padding: 0;
    margin: 4rem 0 2rem 0;
}
@media all and (max-width: 1600px) {
.slider_section h2 {
    
    color: #26a69a;
    text-align: left;
    line-height: 2.8vw;
    text-transform: uppercase;
    font-size: 2vw;
    padding: 0;
    margin: 3vw 0 1vw;

}
}
@media all and (max-width: 1600px) {
    .slider_section h2 {
    line-height: 2.8vw;
    font-size: 2vw;
    margin: 3vw 0 1vw;
}
}
.slider_section label {
    text-align: left;
}
.second-con {
    width: 44%;
    left: 52%;
    position: relative;
    top: 32%;
    float: left;
    height: 22vw;
    max-height: 430px;
    max-width: 750px;
}
@media all and (max-width: 1400px) {
    .second-con {
    width: 40%;
    left: 58%;
    top: 32%;
    height: 20vw;
}
}
img.imac {
    position: absolute;
    left: 200vw;
    width: auto;
    bottom: 0;
    max-width: inherit;
    /* transform: scale(0); */
    height: 100%;
}

img.macbookair {
    position: absolute;
    left: 200vw;
    bottom: 0vw;
    max-width: inherit;
    width: auto;
    /* transform: scale(0); */
    height: 48%;
}

img.ipad {
    position: absolute;
    right: 5%;
    bottom: 0;
    width: auto;
    max-width: inherit;
    transform: scale(0);
    height: 55%;
}

img.iphone {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: inherit;
    transform: scale(0);
    height: 40%;
}

.slider_section.active img.imac {
    left: 22%;
    transition: left 1s 1s ease-in-out;
}

.slider_section.active img.macbookair {
    left: 0;
    transition: left 1s 1.4s ease-in-out;
}

.slider_section.active img.ipad {
    transform: scale(1);
    transition: transform 0.8s 2s ease-in-out!important;
}

.slider_section.active img.iphone {
    transform: scale(1);
    opacity: 1!important;
    transition: transform 0.8s 2.5s ease-in-out!important;
}

@-keyframes scale_in {
    0% {
        transform: scale(0);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scale_in {
    0% {
        transform: scale(0);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes scale_in {
    0% {
        transform: scale(0);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-ms-keyframes scale_in {
    0% {
        transform: scale(0);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-o-keyframes scale_in {
    0% {
        transform: scale(0);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}
@media all and (max-width: 992px) {
    
}