.trigger-wpsec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

.spacer {
    left: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    margin-top: 0;
    top: 50%
}

.appi-ins-portfolio-sec {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.clock-dial-center-wrap,
.nexgtv-img,
.vemeport-img {
    visibility: hidden;
    opacity: 0
}

.appi-portfolio-sec {
    height: 100vh;
    position: relative;
    z-index: 9
}
.appi-portfolio-sec-left {
    float: left;
    width: 44%;
    position: relative;
    height: 100vh;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1)
}

.appi-portfolio-sec-left figure {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: none;
}

.donimg img {
    height: auto !important
}

.appi-portfolio-sec-left figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.appi-portfolio-sec-left .award-grp figure img {
    width: auto
}

.appi-portfolio-sec-left .award-grp {
    margin: 0 0 25px;
    width: 371px;
    height: 111px;
    position: relative
}

.appi-portfolio-sec-right {
    position: absolute;
    left: 44%;
    top: 0;
    height: 100vh;
    width: 58%;
    overflow: hidden;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1)
}

.appi-port-left-content {
    position: absolute;
    right: auto;
    bottom: 85px;
    width: 525px;
    color: #fff;
    left: 6rem;
}

.appi-port-left-content .pp-head {
    font-family: proxima_nova_altsemibold;
    font-size: 50px;
    line-height: 1;
    overflow: hidden;
    height: 50px;
    position: relative;
    margin: 0 0 15px
}

.appi-port-left-content .pp-head p {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    font-family: proxima_nova_altbold
}

.appi-port-left-content .pp-head p span {
    position: relative;
    top: 45px
}

.appi-port-left-content .appi-pp-para {
    position: relative;
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    width: 100%;
    height: 90px
}

.appi-port-left-content .appi-pp-para .appi-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.appi-port-left-content .appi-pp-para .appi-cont p {
    overflow: hidden
}

.appi-port-left-content .appi-pp-para .appi-cont p span {
    position: relative;
    top: 30px
}

.appi-casestudy-navi {
    margin: 30px 0 0;
    width: 180px;
    height: 60px;
    position: relative
}

.pp-navi.l1 .appi-dot-navi .dotts i,
.pp-navi.l1 .appi-dot-navi .dotts i:after,
.pp-navi.l1 .appi-dot-navi .dotts i:before {
    background: #f0368f
}

.appi-casestudy-navi .pp-navi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: -1;
    transform-origin: 30px center;
    -webkit-transform-origin: 30px center
}

.pp-navi.l2 .appi-dot-navi .dotts i,
.pp-navi.l2 .appi-dot-navi .dotts i:after,
.pp-navi.l2 .appi-dot-navi .dotts i:before {
    background: #9726b4
}

.appi-casestudy-navi .pp-navi a {
    color: #fff
}

.appi-casestudy-navi .pp-navi a .arrow {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 44px;
    top: -4px
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a:hover .arrow i {
    left: 22px
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a .arrow i {
    left: 3px
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a .arrow {
    right: -38px;
    top: 0
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a:hover .arrow svg .arrow-icon--circle {
    transition: stroke-dashoffset .3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 0
}

.appi-cta.read_more_wrapper a.cm_soon {
    opacity: 1;
    cursor: default
}

.appi-casestudy-navi .pp-navi a .arrow i {
    font-style: normal;
    font-display: swap;
    ;
    position: absolute;
    top: 1px;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.appi-casestudy-navi .pp-navi a:hover .arrow {
    opacity: 1
}

.appi-casestudy-navi .pp-navi a .arrow i {
    left: -5px
}

.appi-casestudy-navi .pp-navi a .arrow i span {
    position: relative;
    left: 0;
    top: -1px;
    font-size: 22px;
    padding: 0;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.appi-casestudy-navi .pp-navi:hover a .arrow i span {
    left: 4px
}

.appi-casestudy-navi .pp-navi:hover a .arrow svg {
    position: absolute;
    top: -3px;
    left: 5px
}

.appi-casestudy-navi .pp-navi:hover a .arrow svg .arrow-icon--circle {
    transition: stroke-dashoffset .3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95
}

.appi-casestudy-navi .pp-navi:hover a .arrow-icon--circle {
    stroke-dashoffset: 0
}

.vemeport-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.vemeport-img figure {
    position: absolute;
    left: 50px;
    z-index: 3;
    bottom: 0
}

.vemeport-img figure.l2 {
    z-index: 2;
    right: 190px;
    top: 0;
    left: auto;
    bottom: auto
}

.vemeport-img figure img {
    position: relative;
    top: 100vh
}

.vemeport-img figure.l2 img {
    top: -100vh
}

#transring {
    width: 580px
}

#transring,
.nexgtv-img,
.nexgtv-img figure {
    position: absolute
}

.nexgtv-img figure img {
    width: 100%
}

.nexgtv-img {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.nexgtv-img figure.l1 {
    left: 0;
    bottom: -1000px;
    z-index: 2
}

.nexgtv-img figure.l2 {
    left: 407px;
    bottom: -1000px;
    z-index: 1
}

.clock-dial-center-wrap {
    position: absolute;
    left: 41%;
    top: 35%;
    width: calc(346px + 50px);
    height: calc(346px + 50px);
    border-radius: 50%;
    transform: scale(0) translate(-50%, -50%);
    -webkit-transform: scale(0) translate(-50%, -50%);
    z-index: 5;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transform-origin: top left;
    -webkit-transform-origin: top left
}

.clock-dial-center-wrap.active {
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    visibility: visible;
    opacity: 1
}

.clockbg-dial {
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1)
}

#transring {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.transrgwht {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center;
    transform-origin: center
}

#Dots {
    transform: translate(-121px, 49px);
    -webkit-transform: translate(-121px, 49px)
}

#Dots1 {
    transform: translate(15px, -.5px);
    -webkit-transform: translate(15px, -.5px)
}

#Dots2 {
    transform: translate(130px, 58px);
    -webkit-transform: translate(130px, 58px)
}

#Dots3 {
    transform: translate(172.4px, 170px);
    -webkit-transform: translate(172.4px, 170px)
}

#Dots4 {
    transform: translate(127.5px, 288.5px);
    -webkit-transform: translate(127.5px, 288.5px)
}

#Dots5 {
    transform: translate(.5px, 344.5px);
    -webkit-transform: translate(.5px, 344.5px)
}

#Dots6 {
    transform: translate(-119px, 297.45px);
    -webkit-transform: translate(-119px, 297.45px)
}

.dots-nav {
    position: relative;
    z-index: 5;
    cursor: pointer
}

.agileline,
.appi-ins-portfolio-right.binkx-img figure,
.appi-ins-portfolio-right.dominos-img figure,
.appi-ins-portfolio-right.ikea-img figure,
.appi-ins-portfolio-right.melltoo-img figure,
.nasa-img figure,
.nexgtv-center-text {
    position: absolute
}

.appi-ins-portfolio-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.nasa-img figure.l1 {
    left: 160px;
    bottom: -100%
}

.nasa-img figure.l2 {
    right: 70px;
    top: -100%
}

.appi-ins-portfolio-right.dominos-img figure.l1 {
    right: 340px;
    bottom: 0
}

.appi-ins-portfolio-right.dominos-img figure.l2 {
    right: 342px;
    top: 3%
}

.appi-ins-portfolio-right.dominos-img figure.l3 {
    left: 90px;
    bottom: 0
}

.appi-ins-portfolio-right.dominos-img figure.l4 {
    right: 90px;
    top: -50px
}

.appi-ins-portfolio-right.dominos-img figure.l5 {
    right: 150px;
    bottom: 41%
}

.appi-ins-portfolio-right.dominos-img figure.l6 {
    right: 0;
    bottom: 50px
}

.appi-ins-portfolio-right.dominos-img figure.l7 {
    left: 0;
    top: 0
}

.appi-ins-portfolio-right.binkx-img figure.l2 {
    left: 20%;
    bottom: 20px
}

.appi-ins-portfolio-right.binkx-img figure.l1 {
    left: 45%;
    top: -100%;
    z-index: 2
}

.appi-ins-portfolio-right.binkx-img figure.l3 {
    left: 110%;
    top: 33%
}

.appi-ins-portfolio-right.binkx-img figure.l4 {
    left: 20%;
    top: -100%
}

.appi-ins-portfolio-right.binkx-img figure.l5 {
    left: 45%;
    bottom: -100%
}

.appi-ins-portfolio-right.ikea-img figure.l1 {
    bottom: -100%;
    left: 0;
    width: 100%
}

.appi-ins-portfolio-right.ikea-img figure.l1 img {
    width: 100%
}

.appi-ins-portfolio-right.ikea-img figure.l2 {
    right: -100%;
    bottom: 320px
}

.appi-ins-portfolio-right.ikea-img figure.l3 {
    left: -193px;
    top: -100%
}

.appi-ins-portfolio-right.melltoo-img figure.l1 {
    right: 300px;
    z-index: 3;
    bottom: -100%
}

.appi-ins-portfolio-right.melltoo-img figure.l2 {
    right: 50px;
    bottom: -100%
}

.appi-ins-portfolio-right.ikea-img {
    background: url(https://appinventiv.com/wp-content/themes/twentynineteen-child/images/ikea-pbg.webp) no-repeat;
    background-size: cover
}

.pp-navi.l3 .appi-dot-navi .dotts i,
.pp-navi.l3 .appi-dot-navi .dotts i:after,
.pp-navi.l3 .appi-dot-navi .dotts i:before {
    background: #0d3d99
}

.pp-navi.l4 .appi-dot-navi .dotts i,
.pp-navi.l4 .appi-dot-navi .dotts i:after,
.pp-navi.l4 .appi-dot-navi .dotts i:before {
    background: #c72840
}

.pp-navi.l5 .appi-dot-navi .dotts i,
.pp-navi.l5 .appi-dot-navi .dotts i:after,
.pp-navi.l5 .appi-dot-navi .dotts i:before {
    background: #131781
}

.pp-navi.l6 .appi-dot-navi .dotts i,
.pp-navi.l6 .appi-dot-navi .dotts i:after,
.pp-navi.l6 .appi-dot-navi .dotts i:before {
    background: #ed831f
}

.pp-navi.l7 .appi-dot-navi .dotts i,
.pp-navi.l7 .appi-dot-navi .dotts i:after,
.pp-navi.l7 .appi-dot-navi .dotts i:before {
    background: #03c677
}

.appi-port-left-content .appi-pp-para .appi-cont p span strong {
    font-family: proxima_nova_altsemibold;
    font-weight: 400
}

.nexgtv-center-text {
    top: 160px;
    color: #fff;
    right: 106px
}

.nexgtv-center-text .text-big {
    font-family: proxima_nova_altbold;
    position: relative;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    height: 78px;
    overflow: hidden;
    white-space: nowrap
}

.nexgtv-center-text .text-big .plus {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.nexgtv-center-text .text-big p {
    position: relative;
    top: 95px
}

.nexgtv-center-text .text-sm {
    font-family: proxima_nova_alt_rgregular;
    font-size: 24px;
    position: relative;
    top: 0;
    left: 7px;
    height: 40px;
    overflow: hidden;
    text-align: right
}

.nexgtv-center-text .text-sm p {
    position: relative;
    top: 30px
}

.appi-port-clocktext {
    position: absolute;
    color: #fff;
    top: 110px
}

.appi-port-clocktext .down-text,
.appi-port-clocktext .up-text {
    font-family: proxima_nova_alt_rgregular;
    font-size: 24px;
    position: relative;
    height: 30px;
    overflow: hidden;
    line-height: 1
}

.appi-port-clocktext .down-text {
    text-align: right
}

.appi-port-clocktext .middel-text {
    font-family: proxima_nova_altbold;
    font-size: 60px;
    font-weight: 400;
    position: relative;
    height: 100px;
    overflow: hidden;
    line-height: 1
}

.appi-port-clocktext.blockchain {
    top: 122px;
    right: 150px
}

.appi-port-clocktext.blockchain .down-text {
    padding: 0 8px 0 0
}

.appi-port-clocktext .down-text p,
.appi-port-clocktext .up-text p {
    position: relative;
    top: 30px
}

.appi-port-clocktext .middel-text p {
    position: relative;
    top: 65px;
    white-space: nowrap
}

.appi-port-clocktext.nasa .middel-text {
    height: 87px
}

.appi-port-clocktext.nasa .middel-text p {
    top: 89px
}

.appi-port-clocktext.nasa {
    top: 120px;
    left: -400px
}

.appi-port-clocktext.dominos {
    top: 135px;
    right: 135px
}

.appi-port-clocktext.binkx,
.appi-port-clocktext.ikea {
    right: 60px
}

.appi-port-clocktext.binkx {
    top: 120px
}

.appi-port-clocktext.ikea {
    right: 80px;
    top: 130px
}

.appi-port-clocktext.ikea .middel-text {
    height: 65px
}

.appi-port-clocktext.dominos .middel-text {
    height: 73px
}

.appi-port-clocktext.dominos .middel-text p {
    top: 75px
}

.appi-port-clocktext.dominos .down-text {
    text-align: right
}

.appi-port-clocktext.dominos .down-text p {
    padding: 0 0 0 70px
}

.appi-portfolio-sec-left figure.four img {
    object-position: right center
}

.appi-portfolio-sec-left figure .donimg {
    position: absolute;
    top: -450px;
    left: 0
}

.appi-port-clocktext.binkx .middel-text {
    height: 65px
}

.appi-port-clocktext.binkx .middel-text p {
    top: 70px
}

.appi-port-clocktext.melltoo {
    right: 130px;
    top: 145px
}

.appi-port-clocktext.melltoo .middel-text {
    height: 65px
}

.img-container img {
    opacity: 1;
    max-width: 100%
}

.anim-left-txt-wrap {
    padding-left: 25px
}

#stats {
    position: relative;
    display: flex;
    align-items: center
}

.about-us {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.about-us .projects-stats {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-align: end;
    align-items: flex-end;
    flex: 6;
    justify-content: space-between;
    padding: 60px 50px 20px 0
}

.about-us .projects-stats .number {
    display: flex;
    font-size: 197px;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    color: #0092ff;
    opacity: 0;
    transition: all 2s ease 0s;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transform: scale(.1, .1);
    -webkit-transform: scale(.1, .1);
    -moz-transform: scale(.1, .1);
    -ms-transform: scale(.1, .1);
    -o-transform: scale(.1, .1);
    left: -120px;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s
}

.anim-start .about-us .projects-stats .number {
    left: 0;
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1)
}

.about-us .projects-stats .plain-text {
    font-size: 32px;
    padding-top: 2px;
    color: #000;
    position: absolute;
    width: 100%;
    text-align: right;
    font-family: proxima_nova_altbold;
    opacity: 0;
    transition: all 2s ease 0s;
    bottom: 0;
    transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%)
}

.plus-sign {
    opacity: 0;
    transition: all 2s ease 0s;
    transition-delay: 2s;
    position: relative;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s
}

.anim-start .plus-sign {
    opacity: 1
}

.anim-start .about-us .projects-stats .plain-text {
    opacity: 1;
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
    -moz-transform: translateX(-8%);
    -ms-transform: translateX(-8%);
    -o-transform: translateX(-8%)
}

.about-us .vertical-line {
    max-width: 20px;
    opacity: 0;
    transition: all 1.5s ease .5s;
    top: 0;
    position: relative;
    transform: translate(-27px, 20px);
    -webkit-transform: translate(-27px, 20px);
    -moz-transform: translate(-27px, 20px);
    -ms-transform: translate(-27px, 20px);
    -o-transform: translate(-27px, 20px)
}

.anim-start .about-us .vertical-line {
    opacity: 1
}

.about-us .vertical-line::before {
    content: "";
    display: block;
    background-color: #e6e6e6;
    width: 1px;
    height: 100%;
    left: calc(56%);
    position: absolute;
    margin: 0
}

.about-us .other-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-us .other-stats {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.about-us .other-stats .number {
    display: block;
    font-size: 120px;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    color: #0092ff;
    opacity: 0;
    transition: all 2s ease 0s;
    transform: scale(.1, .1);
    -webkit-transform: scale(.1, .1);
    -moz-transform: scale(.1, .1);
    -ms-transform: scale(.1, .1);
    -o-transform: scale(.1, .1)
}

.anim-start .about-us .other-stats .number {
    opacity: 1;
    transform: scale(1, 1)
}

.about-us .other-stats .stats-employees .plain-text {
    position: absolute;
    left: 0;
    text-transform: lowercase;
    opacity: 0;
    transition: all 1.5s ease 1s;
    font: 22px/1.1 proxima_nova_altbold;
    bottom: 22px;
    transform: translateX(20%);
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%)
}

.anim-start .about-us .other-stats .stats-employees .plain-text {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1
}

.about-us .horizontal-line {
    opacity: 0;
    transition: all 1.5s ease .5s;
    transform: translateX(20%);
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%)
}

.anim-start .about-us .horizontal-line {
    opacity: 1;
    transition: all 1.5s ease .5s;
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
    -moz-transform: translateX(-8%);
    -ms-transform: translateX(-8%);
    -o-transform: translateX(-8%)
}

.about-us .horizontal-line::before {
    content: "";
    display: block;
    background-color: #e6e6e6;
    height: 1px
}

.stats-employees {
    position: relative;
    padding-bottom: 28px
}

.stats-employees {
    position: relative
}

.about-us .other-stats .stats-countries {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.stats-countries .plain-text {
    font: 22px/1.1 proxima_nova_altbold;
    position: absolute;
    bottom: -10px;
    left: 0;
    opacity: 0;
    transition: all 1.5s ease 1s;
    transform: translateX(20%);
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%)
}

.anim-start .plain-text {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1
}

.partners-logo {
    padding: 100px 0 0
}

.ir-logo .flex_wrapper {
    width: 950px;
    margin: 20px auto
}

.ir-logo .subhead3 {
    font-size: 36px
}

.abt_cnt_wrap .heading3 {
    color: #fff
}

.we_can .min-container {
    width: 80%;
    margin: 0;
    position: relative;
    padding: 0;
    float: right
}

.tech-image-wrap img {
    max-width: 100%
}

.anim-left-txt-wrap .heading5 br {
    display: block
}

.desk {
    display: block
}

.mob {
    display: none
}

button:focus {
    outline: 0 !important
}

.appi-casestudy-navi .appi-cta.read_more_wrapper a {
    color: #fff
}

#suiteserv .flex_wrapper {
    flex-wrap: nowrap
}

.portskip {
    position: absolute;
    left: 34%;
    bottom: 10px;
    z-index: 5;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 6px
}

.appi-dot-navi .dotts i:before {
    left: -8px
}

.portskip,
.portskip:focus,
.portskip:hover {
    color: #fff
}
.trig-rel {
    position: relative;
}
.appi-port-clocktext.dominos .middel-text {
    height: 93px;
}
.appi-port-clocktext.dominos .middel-text p {
    top: 88px;
}
.appi-port-clocktext.binkx .middel-text {
    height: 80px;
}
.appi-port-clocktext.ikea .middel-text {
    height: 93px;
}
.appi-port-clocktext.melltoo .middel-text {
    height: 80px;
}
.appi-port-clocktext .middel-text p {
    position: relative;
    top: 75px;
    white-space: nowrap;
}
.appi-port-clocktext.nasa .middel-text p {
    top: 104px;
}
.appi-port-clocktext.binkx .middel-text p {
    top: 110px;
}
.appi-port-clocktext .middel-text p {
    position: relative;
    top: 94px;
    white-space: nowrap;
}
.vemeport-img figure img {
    width: 85%;
}

@media screen and (max-width:1680px) {
    .vemeport-img figure.l2 {
        right: 70px;
    }
    .vemeport-img figure img {
        width: 75%;
    }
}

@media screen and (max-width:1366px) {
    .nexgtv-center-text .text-big p, .appi-port-clocktext .middel-text {
        font-size: 4rem !important;
    }
    .nexgtv-center-text .text-big{
        height: 54px;
    }
    .appi-port-clocktext .middel-text{
        height: 72px;
    }
    .appi-port-clocktext.nasa {
        left: -180px;
    }
    .appi-port-clocktext.dominos .middel-text {
        height: 74px;
    }
    .appi-port-clocktext.binkx .middel-text {
        height: 70px;
    }
    .appi-port-clocktext.ikea .middel-text {
        height: 67px;
    }
    .appi-port-clocktext.melltoo .middel-text {
        height: 60px;
    }
}
@media screen and (max-width:1024px) {
    .trig-rel{
        display: none;
    }
}