@media screen and (min-width: 1440px), print {
    /* ========================================
                #all pages style
    ======================================== */
    .menu-wrapper .menu {
        left: 50%;
    }

    .page-wrapper .pad {
        width: 1260px;
        margin-left: -630px;

    }
    .page-content .color-block {
        padding-left: 80px;
        margin-left: -80px;
    }
    .text {
        font-size: 16px;
        line-height: 25px;
    }

    /* ========================================
                    #main page
    ======================================== */
    .main-page .h-wrap {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .main-page .container {
        width: 1350px;
    }
    .main-page h2 {
        font-size: 34px;
        line-height: 60px;
    }
    /* ========================================
                   #first block
    ======================================== */
    .first-block h1 {
        font-size: 56px;
        line-height: 75px;
        position: relative;
        top: -13px;
        margin-bottom: 0;
    }
    .first-block .container {
        width: 1350px;
    }
    .first-block .last-placing h2 {
        margin-top: 45px;
        margin-bottom: 40px;
    }
    .first-block .login-block {
        width: 20%;
        right: -20px;
    }
    .login-block #recaptchaContainer {
        transform: scale(0.89);
        transform-origin: 0 0;
    }
    .first-block .login-block .field-wrap {
        margin-bottom: 20px;
    }
    .first-block .info-block {
        width: 64%;
        padding: 0;
        margin-top: 40px;
    }
    .first-block .login-block .input-checkbox + label {
        width: 100%;
    }
    .first-block .info-block .text {
        font-size: 18px;
        line-height: 30px;
        padding: 0 10%;
        box-sizing: border-box;
    }
    .first-block .statistic-block .container {
        width: 1200px;
    }
    .first-block .statistic-block {
        height: 125px;
        margin-top: 70px;
    }
    .first-block .statistic-block.with-captcha {
        margin-top: 160px;
    }
    .first-block .statistic-block .registration {
        margin-top: 30px;
    }
    .first-block .statistic-block .statistic .desktop{
        padding-top: 35px;
        font-size: 20px;
        line-height: 26px;
    }
	.first-block .login-block .field-wrap#rememberMeContainer {
		width: auto;
	}
	.first-block .login-block .field-wrap#gAuthContainer {
		float: none;
		clear: left;
		margin-left: 0;
	}
	.first-block .login-block .field-wrap .smart-captcha {
        transform: scale(0.89);
        transform-origin: 0 0;
	}
	.first-block .last-placing {
        padding-bottom: 40px;
    }
    .first-block .last-placing .table {
        background: rgba(129, 206, 255, .2);
        padding-bottom: 20px;
    }

    .first-block .last-placing .table .row.head {
        height: 50px;
    }
    .first-block .last-placing .tbody {
        height: auto;
        overflow: visible;
        margin: 0 40px;
    }
    .first-block .last-placing .table .inner-wrap {
        width: 1050px;
    }
    /* ========================================
                   #article block
    ======================================== */
    .article-block {
        margin-top: 1026px;
        padding-bottom: 60px;
    }
    .article-block .text {
        font-size: 16px;
        line-height: 25px;
    }
    .article-block .article {
        font-size: 14px;
        width: 32%;
        margin: 0;
        padding: 35px 40px;
    }
    .article-block .article-wrap {
        height: 700px!important;
    }
    .article-block .article:nth-child(1) {
        top: 20%;
        left: 0;
        height: auto;
        bottom: auto;
    }
    .article-block .article:nth-child(2) {
        left: 34%;
        top: 0;
        height: 45%;
    }
    .article-block .article:nth-child(3) {
        bottom: 0;
        left: 34%;
        height: 51%;
    }
    .article-block .article:nth-child(4) {
        top: 20%;
        right: 0;
        height: auto;
        bottom: auto;
    }
    .article-block .article .caption {
        font-size: 56px;
        line-height: 60px;
        position: relative;
        margin-bottom: 40px;
        display: block;
    }
    .article-block .article .caption:after {
        content: '';
        position: absolute;
        left: 2px;
        bottom: -26px;
        display: block;
        height: 2px;
        width: 31px;
        background: #163447;
    }
    /* ========================================
                   #benefits block
    ======================================== */
    .benefits-block {
    }
    .benefits-block .h-wrap {
        margin-top: 110px;
        margin-bottom: 80px;
    }
    .benefits-block  h2.light {
        font-size: 100px;
        line-height: 100px;
    }
    .benefits-block .captions {
        width: 1350px;
    }
    .benefits-block .tabs .tab {
        padding-bottom: 50px;
    }
    .benefits-block .tabs .item,
    .benefits-block .tabs .item:nth-child(2n + 1) {
        margin-bottom: 55px;
    }
    .benefits-block .item h3 {
        margin-bottom: 26px;
    }
    .benefits-block .tab.webm .registration {
        margin-top: -130px;
    }
    .benefits-block .check-site .field-wrap.input-wrap {
        width: 90%;
    }
    /* ========================================
                  #reviews block
    ======================================== */
    .reviews-block {
        padding-bottom: 60px;
        z-index: inherit;
    }
    .reviews-block .item:nth-child(-n + 3) {
        margin-bottom: 110px;
    }
    .reviews-block .item:nth-child(-n + 5) {
        display: block;
        width: 30%;
        margin-right: 5%;
    }
    .reviews-block .item:nth-child(-n + 3) .line-bottom-shadow:after {
        display: block;
    }
    .reviews-block .item .line-bottom-shadow:after {
        display: none;
    }
    .reviews-block .item:nth-child(3n) {
        margin-right: 0;
    }
    .reviews-block .reviews .name {
        font-size: 24px;
    }
    .reviews-block .reviews {
        margin: 0;
    }
    .reviews-block .link-wrap {
        position: absolute;
        right: 7%;
        bottom: 110px;
    }
    /* ========================================
                 #clients block
    ======================================== */
    .clients-block {
        background: url(/images/public/atoms-bg-full.png) left top #63aed8;
        padding-bottom: 80px;
    }
    .clients-block .h-wrap {
        margin-top: 50px;
    }
    .clients-block .video-block {
        background: url(/images/public/video-block-bg-1440.png);
        width: 1000px;
		height: 765px;
    }

    .clients-block .slick-list {
        padding: 0 10% 0 30%;
    }
    .clients-block .client {
        height: 130px;
    }
    .clients-block .video-block {
        left: 0;
        margin-left: -600px;
        top: 50%;
        margin-top: -310px;
    }
    .clients-block .video-block .video-link-wrap {
        right: 130px;
        top: 150px;
    }
    .clients-block .slick-slider .slick-next {
        top: -80px;
        z-index: 5;
        right: 10.8%;
    }
    .clients-block .video-block .play-btn {
        width: 135px;
        height: 135px;
		background: url(/images/public/trangle_big.png) 45px 35px #fff no-repeat;
    }
	.clients-block .video-block .play-btn:hover {
		background-image: url(/images/public/trangle_big_h.png);
	}
    .clients-block .video-block .play-btn:before {
        left: -83px;
        top: 31px;
    }
    .clients-block .video-block .play-btn:active:before {
        top: 29px;
        left: -53px;
    }
    .clients-block .video-block .video-text {
        font: 400 70px/70px NeoSansCyr;
        margin: 28px 0 10px;
    }
    .clients-block .video-block .video-text-tip {
        font: 300 44px/44px NeoSansCyr;
    }

    /* ========================================
                #media reviews block
    ======================================== */

    .media-review-block .item {
        width: 26%;
    }
    /* ========================================
             #additional services block
    ======================================== */
    .add-services-block {
        background-position: 100% 50%;
    }
    .add-services-block h2.light {
        font-weight: 500;
        font-size: 56px;
        line-height: 60px;
    }
    .add-services-block .services {
        margin-left: 36%;
    }
    .add-services-block .h-wrap {
        left: 2%;
        margin-top: -91px;
    }
    .add-services-block .h-wrap .tree {
        width: 160px;
        left: 216px;
        margin-top: 14px;
    }

    /* ========================================
                #projects block
    ======================================== */
    .projects-block h2.light {
        font-size: 56px;
        line-height: 60px;
    }
    .projects-block .fox {
        width: 899px;
        height: 714px;
        left: -180px;
    }
    .projects-block .h-wrap .mirafox-logo {
        margin-top: -30px;
    }
    .projects-block .h-wrap {
        margin-bottom: 50px;
    }
    .projects-block .projects {
        height: 410px;
    }
    .projects-block .item {
        height: 410px;
    }
    .projects-block .item .text {
        font-size: 20px;
        line-height: 36px;
    }
    .projects-block .inner-wrap {
        margin-top: 40px;
    }
    .projects-block .footer {
        bottom: 0;
    }
    .projects-block .projects-wrap {
        padding-bottom: 320px;
    }
    .projects-block.show-footer {
        top: 0;
    }

    /* ========================================
			  #newbie landing
    ======================================== */
    .full-width-block {
        margin-left: -80px;
        padding: 0 80px;
    }
    .newbie-landing .calculator-block .captions:before {
        margin-left: -80px;
        padding: 0 80px;
    }
    .newbie-landing .promo-block .item {
        margin-top: 40px!important;
    }

    /* new year */

.first-block.new-year-front .button.login:after {
	content: '';
	position: absolute;
	background: url(/img/new_year_2018/loginbtn.png) no-repeat;
	background-size: contain;
	top: -20px;
	left: 0;
	height: 48px;
	width: 100%;
}

	.first-block.new-year-front:after{
		z-index: -1;
		content: '';
		display: block;
		position: absolute;
		left:0;
		right: 0;
		top: 0;
		width: 100%;
		height: 1274px;
		background:url(/img/new_year_2018/bg_left1.png) left no-repeat, url(/img/new_year_2018/bg_left2.png) left no-repeat, url(/img/new_year_2018/bg_right1.png) right no-repeat, url(/img/new_year_2018/bg_right2.png) right no-repeat;
	}

	.first-block.new-year-front .last-placing{
			padding-bottom: 0;
			margin-bottom: 50px;
			background: none;
	}

	.first-block.new-year-front .login-block .login {
			margin-top: 0;
	}

}

@media screen and (min-width: 1950px), print {
    .repeatSnowNewYear{
        display: block;
        position: absolute;
        top:0;
        height: 103px;
        right: 770px;
        left: 770px;
        background: url('/img/new_year_2018/bg_top.png') top center no-repeat;
		z-index: 1;
    }


}