.gyroscope-slide{
    overflow: hidden;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/BACKGROUND.png) no-repeat center;
    background-size: cover;
}
.gyroscope-slide__item{
    position: absolute;
}
.gyroscope-slide__item--mac{
    z-index:50;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/MAC.png) no-repeat center;
    background-size: auto 90%;
}

.gyroscope-slide__item--2_back{
    z-index: 20;
    top: -55px;
    right: 0;
    bottom: 0;
    left: -90px;
    background: url(images/2_back.png?v=2) no-repeat left top 50px;
    background-size: 160px auto;
}
.gyroscope-slide__item--3_back{
    z-index: 30;
    top: 50%;
    left: 50%;
    width: 95px;
    height: 45px;
    margin-left: -175px;
    margin-top: 30px;
    background: url(images/3_back.png) no-repeat center;
    background-size: contain;
}
.gyroscope-slide__item--4{
    z-index: 60;
    bottom: -75px;
    left: 50%;
    width: 260px;
    height: 180px;
    margin-left: -102px;
    background: url(images/4.png) no-repeat center;
    background-size: contain;
}
.gyroscope-slide__item--6{
    z-index: 70;
    top: 50%;
    right: -55px;
    width: 75px;
    height: 90px;
    margin-top: -50px;
    background: url(images/6.png) no-repeat center;
    background-size: contain;
}
.gyroscope-slide__item--tuman{
    z-index:70;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/TUMAN.png) no-repeat center;
}

.gyroscope-slide__item--text{
    z-index:100;
    top:25px;
    right:0;
    left:0;
}

.mobile-landing-video .gyroscope-slide__item--text{
    top:18px;
}

.gyroscope-slide__item--text-small{
    height:250px;
    margin-top:-125px;
}

.gyroscope-slide__item--text{
    max-width:300px;
    margin-left: auto;
    margin-right: auto;
}

.gyroscope-slide__item--text img{
    margin-bottom:20px;
}

.gyroscope-slide__text--h1{
    margin-bottom:5px;
    font: bold 19px/19px 'PFAgoraSansPro-Bold', sans-serif;
    color:#212121;
    font-variant: small-caps;
}
.gyroscope-slide__text--h1 span{
    font-size:15px;
}
.gyroscope-slide__text--secondary {
    max-width:785px;
    margin:0 auto 5px auto;
    font: bold 9px Tahoma, sans-serif;
    color:#4f4f4f;
}
.gyroscope-slide__text--red {
    font:bold 12px/14px Tahoma, sans-serif;
    color:#be0b0b;
}
.gyroscope-slide__text--tip {
    margin-bottom:5px;
    font: 8px Tahoma, sans-serif;
    color:#4f4f4f;
}
.gyroscope-slide__button{
    display: block;
    max-width:120px;
    margin: 0 auto;
    padding-left:15px;
    padding-right:15px;
    background-color: #be0b0b;
    border-radius: 25px;
    font: bold 11px/25px  'PF Agora Sans Pro Bold', sans-serif;
    color:#fff;
    transition: all .2s ease-in;
}
.gyroscope-slide__button:hover{
    background-color:#3d4142;
}
.gyroscope-slide__button:hover,
.gyroscope-slide__button:active,
.gyroscope-slide__button:focus{
    color:#fff;
    text-decoration: none;
}
.gyroscope-slide__button.l-order-btn{
    display: inline-block;
    max-width: none;
    border:none;
    line-height: 25px;
    text-transform: none;
}




.parallax-slide{
    overflow: hidden;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/BACKGROUND.png) no-repeat center;
    background-size: cover;
}

.parallax-slide__item{
    position: absolute;
}
.is-mobile .parallax-slide__item,
.is-mobile .parallax-slide__text{
    display:none;
}
.is-mobile .home-slider .bx-controls{
    bottom:0px;
}

.parallax-slide__item--mac{
    z-index:50;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/MAC.png) no-repeat center;
    background-size: auto 90%;
}

.parallax-slide__item--1_front{
    z-index:10;
    top:0;
    right:0;
    bottom:-100px;
    left:-100px;
    background: url(images/1_front.png) no-repeat left bottom;
}
.parallax-slide__item--2_back{
    z-index:20;
    top:0;
    right:0;
    bottom:0;
    left:-100px;
    background: url(images/2_back.png?v=2) no-repeat left top 50px;
}

.parallax-slide__item--3_back{
    z-index:30;
    top:50%;
    left:50%;
    width:200px;
    height:130px;
    margin-left: -470px;
    margin-top: 0px;
    background: url(images/3_back.png) no-repeat center;
    background-size: contain;
}

.parallax-slide__item--4{
    z-index:60;
    bottom:0;
    left:50%;
    width:450px;
    height:240px;
    margin-left: -80px;
    background: url(images/4.png) no-repeat center;
    background-size: contain;
}

.parallax-slide__item--5_back{
    z-index:45;
    top:50%;
    left:50%;
    width:140px;
    height:200px;
    margin-left: 85px;
    margin-top: -235px;
    background: url(images/5_back.png) no-repeat center;
    background-size: contain;
}

.parallax-slide--broker .parallax-slide__item--5_back{
    margin-left: 50px;
    margin-top: -210px;
}


.parallax-slide__item--6{
    z-index:70;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/6.png) no-repeat center right 30px;
}

.parallax-slide__item--7{
    z-index:70;
    top:-30px;
    right:-150px;
    bottom:0;
    left:0;
    background: url(images/7.png) no-repeat right top;
    background-size: auto 45%;
}
.parallax-slide__item--tuman{
    z-index:70;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(images/TUMAN.png) no-repeat center;
}

.parallax-slide__item--text{
    z-index:100;
    top:50%;
    right:0;
    left:0;
    height:420px;
    margin-top:-210px;
}

.parallax-slide--broker .parallax-slide__item--text{
    margin-top:-200px;
}

.parallax-slide__item--text-small{
    height:250px;
    margin-top:-125px;
}

.parallax-slide__item--text img{
    margin-bottom:20px;
}

.parallax-slide__text--h1{
    margin-bottom:20px;
    font: bold 74px/69px 'PFAgoraSansPro-Bold', sans-serif;
    color:#212121;
    font-variant: small-caps;
}
.parallax-slide__text--h1 span{
    font-size:57px;
}
.parallax-slide__text--secondary {
    max-width:785px;
    margin:0 auto 20px auto;
    font: bold 25px Tahoma, sans-serif;
    color:#4f4f4f;
}
.parallax-slide__text--red {
    font:bold 33px/37px Tahoma, sans-serif;
    color:#be0b0b;
}
.parallax-slide__text--tip {
    margin-bottom:20px;
    font: 18px Tahoma, sans-serif;
    color:#4f4f4f;
}
.parallax-slide__button{
    display: block;
    max-width:275px;
    margin: 0 auto;
    padding-left:25px;
    padding-right:25px;
    background-color: #be0b0b;
    border-radius: 65px;
    font: bold 26px/60px  'PF Agora Sans Pro Bold', sans-serif;
    color:#fff;
    transition: all .2s ease-in;
}
.parallax-slide__button:hover{
    background-color:#3d4142;
}
.parallax-slide__button:hover,
.parallax-slide__button:active,
.parallax-slide__button:focus{
    color:#fff;
    text-decoration: none;
}
.parallax-slide__button.l-order-btn{
    display: inline-block;
    max-width: none;
    border:none;
    line-height: 55px;
    text-transform: none;
}


.is-mobile .mobile-landing-video.mobile-landing-video--invert {
    position: relative;

}
.is-mobile .mobile-landing-video.mobile-landing-video--invert td.t {
    font: bold 28px 'PF Agora Sans Pro UltraBlack', sans-serif;
    color: #212121;
}
.is-mobile .mobile-landing-video.mobile-landing-video--invert td.o .l-order-btn {
    border-color: #3c4142;
    background-color: #3c4142;
    color: #fff !important;
}

.slider-data.slider-data--invert{
    width:auto;
}
.slider-data.slider-data--invert h2{
    max-width:800px;
    margin-left: auto;
    margin-right: auto;
    font: bold 50px 'PF Agora Sans Pro UltraBlack', sans-serif;
    color: #212121;
    text-align: center;
}
.slider-data.slider-data--invert .l-order-btn{
    border-color: #3c4142;
    background-color: #3c4142;
    color: #fff !important;
    transition: all .2s ease-in;
}
.slider-data.slider-data--invert .l-order-btn:hover{
    border-color: #FF0000;
    background-color: #FF0000;
    color: #fff !important;
}

.home-slider .bx-controls {
    right:0;
    left:0;
    bottom:0;
    height: 50px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 );
}
.home-slider .bx-controls .bx-pager {
    bottom: 10px;
    position: absolute;
    right: 0;
    left: 0;
}
.is-mobile .home-slider .bx-controls .bx-pager {
    bottom: 5px;
}
.home-slider .bx-controls .bx-pager-item .bx-pager-link{
    position: relative;
    border-radius: 50%;
    background: #fff;
    border: solid 1px transparent;
    transition: all .2s ease-in;
}
.home-slider .bx-controls .bx-pager-item .bx-pager-link:after{
    content:"";
    position: absolute;
    top:50%;
    left:50%;
    width: 6px;
    height: 6px;
    margin-left:-3px;
    margin-top:-3px;
    border-radius: 50%;
    background-color: #000000;
    transition: all .05s ease-in;
}
.home-slider .bx-controls .bx-pager-item .bx-pager-link:hover:after{
    width: 10px;
    height: 10px;
    margin-left:-5px;
    margin-top:-5px;
    background-color:#e0000e;
}
.home-slider .bx-controls .bx-pager-item .bx-pager-link.active{
    border-color:#e0000e;
}
.home-slider .bx-controls .bx-pager-item .bx-pager-link.active:after{
    background-color:#e0000e;
}