.splash__people {
    position: relative;
    height: 180px
}

.splash__people-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .5s linear;
    will-change: opacity
}

.splash__people-inner:first-child {
    background-position: 50% 17%
}

.splash__people-inner:nth-child(2) {
    background-position: 50% 38%
}

.splash__people-inner:nth-child(3) {
    background-position: 50% 24%
}

.splash__people-inner:nth-child(4) {
    background-position: 50% 23%
}

.splash__people-inner:nth-child(5) {
    background-position: 50% 7%
}

.splash__people-inner:nth-child(6) {
    background-position: 50% 0
}

.splash__people-inner_active_yes {
    opacity: 1
}

.splash__slogan {
    padding: 23px 0 51px;
    text-align: center;
    color: #fff;
    background-color: #33373e;
}

.splash__slogan-arrow,
.splash__slogan-text,
.splash__slogan-title {
    opacity: 1;
    transition: opacity .3s;
    will-change: opacity
}

.splash__slogan-title {
    width: 83%;
    max-width: 390px;
    margin: 0 auto;
    font-size: 33px;
    line-height: 40px
}

.splash__slogan-text {
    width: 87%;
    max-width: 500px;
    margin: 30px auto 0;
    letter-spacing: .02em;
    font-size: 16px;
    line-height: 25px
}

.splash__slogan-arrow {
    position: relative;
    width: 55px;
    height: 55px;
    margin: 33px auto 0;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateZ(0) rotate3d(0, 0, 0, 0deg);
    transform: translateZ(0) rotate3d(0, 0, 0, 0deg);
    will-change: transform
}

.splash__slogan-arrow:after,
.splash__slogan-arrow:before {
    position: absolute;
    top: 53%;
    left: 50%;
    width: 22px;
    height: 1px;
    margin: 0 0 0 -11px;
    content: "";
    background-color: #fff
}

.splash__slogan-arrow:before {
    -webkit-transform: translateX(-8px) rotate(45deg);
    transform: translateX(-8px) rotate(45deg)
}

.splash__slogan-arrow:after {
    -webkit-transform: translateX(8px) rotate(-45deg);
    transform: translateX(8px) rotate(-45deg)
}

.splash__slogan-arrow:hover {
    -webkit-animation-name: moving-arrow;
    animation-name: moving-arrow;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.splash__notebook {
    position: relative;
    display: none;
    text-align: center;
    color: #fff;
    background-color: #fff
}

.splash__notebook-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.splash__notebook-title {
    max-width: 390px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.splash__notebook-text,
.splash__notebook-title {
    position: relative;
    width: 85%;
    letter-spacing: .3px
}

.splash__notebook-text {
    max-width: 500px;
    margin: 21px auto 0;
    font-size: 16px;
    line-height: 25px
}

.splash__notebook-inner {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: opacity .5s linear;
    will-change: opacity
}

.splash__notebook-inner_active_yes {
    height: auto;
    padding: 53px 0 54px;
    opacity: 1
}

.splash__notebook-inner_type_default {
    background-color: red
}

@media (max-width:768px) {
	.mainadv_buttons a{
		width:45%;
	}
	
	.mainadv_buttons>div>a>div{
		float:right!important;
		margin-right: 0px!important;
	}
}

@media (min-width:768px) {
    .splash__people {
        height: 220px
    }
    .splash__people-inner:nth-child(6) {
        background-position: 50% 2%
    }
    .splash__content {
        display: table;
        table-layout: fixed
    }
    .splash__slogan {
        display: table-cell;
        width: 64%;
        padding: 19px 20px 37px 40px;
        text-align: left;
        vertical-align: top
    }
    .splash__slogan-title {
        max-width: none;
        margin: 0;
        font-size: 45px;
        line-height: 50px
    }
    .splash__slogan-text {
        max-width: none;
        margin: 17px 0 0
    }
    .splash__slogan-arrow {
        margin: 20px 0 0
    }
    .splash__notebook {
        position: relative;
        display: table-cell;
        width: 36%;
        text-align: left;
        vertical-align: top
    }
    .splash__notebook-inner {
        box-sizing: border-box;
        padding: 30px 21px 36px 32px
    }
    .splash__notebook-bg,
    .splash__notebook-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .splash__notebook-bg {
        display: block;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover
    }
    .splash__notebook-title {
        font-weight: 700
    }
    .splash__notebook-text,
    .splash__notebook-title {
        max-width: none;
        margin-right: 0;
        margin-left: 0
    }	
}

@media (min-width:1024px) {
    .splash__people-inner:nth-child(6) {
        background-position: 50% 5%
    }
    .splash__slogan {
        width: 68%;
        padding-bottom: 64px
    }
    .splash__slogan-title {
        width: 100%;
        font-size: 32px;
        line-height: 60px
    }
    .splash__slogan-text {
        margin-top: 28px
    }
    .splash__slogan-arrow {
        margin-top: 38px
    }
    .splash__notebook {
        width: 32%
    }
    .splash__notebook-inner {
        padding-top: 47px;
        padding-left: 40px
    }
}

@media (min-width:1240px) {
    .splash {
        position: relative;
        overflow: hidden;
        height: 530px
    }
    .splash__media {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        width: 54%;
        height: 100%;
        background-color: #2460ab;
    }
    .splash__people {
        position: absolute;
        top: 0;
        right: 0;
        width: 670px;
        height: 480px;
        background-position: -140px -102px;
        background-size: 867px auto
    }
    .splash__people:before {
        top: 0;
        height: calc(100% - 106px);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    .splash__people:after,
    .splash__people:before {
        position: absolute;
        z-index: 10;
        right: 100%;
        width: 50px;
        /*content: "";*/
        background-color: #ffdf01
    }
    .splash__people:after {
        top: 100%;
        height: 106px;
        -webkit-transform: translate(100%, -150%) skewY(-45deg);
        transform: translate(100%, -150%) skewY(-45deg)
    }
    .splash__people-inner {
        z-index: 5
    }
    .splash__people-inner:first-child {
        background-position: 50% 10%;
        background-size: 110% auto
    }
    .splash__people-inner:nth-child(2) {
        background-position: 38% 96%;
        background-size: 147% auto
    }
    .splash__people-inner:nth-child(3) {
        background-position: 13% 100%;
        background-size: 118% auto
    }
    .splash__people-inner:nth-child(4) {
        background-position: 0 47%;
        background-size: 133% auto
    }
    .splash__people-inner:nth-child(5) {
        background-position: 0 0;
        background-size: 144% auto
    }
    .splash__people-inner:nth-child(6) {
        background-position: 0 0
    }
    .splash__content {
        right: 0;
        width: 46%;
        height: 100%
    }
    .splash__content,
    .splash__slogan {
        position: absolute;
        top: 0;
        display: block;
    }
    .splash__slogan {
        z-index: 30;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 480px;
        padding: 40px 0 0 55px
    }
    .splash__slogan:before {
        left: 0;
        width: 100px;
        -webkit-transform: translateY(-50%) skewY(45deg);
        transform: translateY(-50%) skewY(45deg)
    }
    .splash__slogan:after,
    .splash__slogan:before {
        position: absolute;
        top: 100%;
        height: 100px;
        content: "";
        background-color: #33373e;
    }
    .splash__slogan:after {
        right: 0;
        width: calc(100% - 99px)
    }
    .splash__slogan-title {
        width: 470px
    }
    .splash__slogan-text {
        width: 470px;
        margin-top: 32px
    }
    .splash__notebook {
        position: absolute;
        z-index: 20;
        bottom: 0;
        left: -440px;
        display: block;
        box-sizing: border-box;
        width: 545px;
        height: 330px;


        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff8f), to(#fff));
		  background:    -moz-linear-gradient(top, #ffffff8f, #fff);
		  background:      -o-linear-gradient(top, #ffffff8f, #fff);
		  background:         linear-gradient(top, #ffffff8f, #fff);
    }
    .splash__notebook-bg {
        background-size: 100% 100%
    }
    .splash__notebook-inner {
        padding: 38px 200px 50px 46px
    }
    .splash__notebook-title {
        width: 100%
    }
    .splash__notebook-text {
        width: 100%;
        margin-top: 20px
    }
}

@-webkit-keyframes moving-arrow {
    to {
        transition: none;
        -webkit-transform: translate3d(0, 5px, 0) rotateX(.01deg);
        transform: translate3d(0, 5px, 0) rotateX(.01deg)
    }
}

@keyframes moving-arrow {
    to {
        transition: none;
        -webkit-transform: translate3d(0, 5px, 0) rotateX(.01deg);
        transform: translate3d(0, 5px, 0) rotateX(.01deg)
    }
}