@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	/* high resolution pictures rules */
}
@media screen and (min-width: 768px), print {
	/* ========================================
				#all pages style
	======================================== */
	.text {
		font-size: 18px;
		line-height: 28px;
	}
	/*      main width container        */
	.container {
		margin: 0 60px;
	}

	.page-wrapper {
		background: url(/images/public/ligature-bg.png) #3778a2;
	}
	.page-wrapper:after {
		padding-top: 60px;
	}

	h1 {
		font-size: 24px;
		line-height: 28px;
	}

	.page-wrapper .pad {
		width: 100%;
		padding: 0 50px;
		left: -50px;
	}
	.page-content .h-wrap {
		top: -75px;
	}
	.page-content .h-wrap .tip {
		font-size: 13px;
		line-height: 20px;
	}
	.page-content {
		margin-top: 120px!important;
	}
	.page-content .left-col,
	.page-content .right-col {
		clear: both;
	}
	.page-content blockquote {
		width: 70%;
		margin: 40px 30px;
		float: right;
	}
	.page-content .cs-table {
		font-size: 14px;
	}
	.page-content .left-col aside figure {
		width: 200px;
		margin-right: 10px;
	}
	/* ========================================
					 Footer
	======================================== */
	.footer .caption {
		font: 300 40px/40px NeoSansCyr;
		margin: 40px 0 30px;
		text-align: center;
	}
	.footer .ps-wrapper:nth-child(2n + 1){
		clear: none;
		margin-left: 1.25%;
	}
	.footer .ps-wrapper {
		width: 19%;
		margin-left: 1.25%;
	}
	.footer .ps-wrapper:first-child {
		margin-left: 0;
	}
	.footer .address-block {
		margin: 30px 0 0;
		font-size: 14px;
		text-align: center;
	}
	.footer .copyright-wrap {
		font-size: 14px;
		margin-top: 20px;
		text-align: center;
		height: auto;
	}
	.footer .social-links-wrap {
		position: relative;
		left: 50%;
		float: left;
		margin: 15px 0;
	}
	.footer .s-link {
		position: relative;
		right: 50%;
	}
	.footer hr {
		margin: 20px 0;
	}
	.footer .maker-wrap .slash {
		display: inline;
	}
	.footer .maker-wrap {
		text-align: center;
		font-size: 14px;
		color: #9ca1a5;
	}
	.footer .info-block .copyright-and-social .payment-cards {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 8px;
	}
	.footer .info-block .copyright-and-social .payment-cards img {
		width: 30px;
		margin-right: 10px;
	}
	.footer .company-details {
		margin: 15px 0;
		font-size: 12px;
		text-align: center;
	}


	/* ========================================
				   #main page
	======================================== */
	.main-page .page-wrapper:after {
		background: #fff;
		position: relative;
		z-index: 1;
		display: block;
		padding-top: 0;
	}
	.main-page .page-wrapper {
		/*background: none;*/
	}
	.main-page .footer {
		display: block;
		position: relative;
		z-index: 20;
	}

	/* ========================================
				   #first block
	======================================== */
	.first-block {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 0;
		background: url(/images/public/ligature-bg-768.png) #397aa3;
		background:
			url(/images/public/ligature-bg-768.png),
			-webkit-linear-gradient(top, #397aa3 0, #236b99 390px, #236b99 100%);
		background:
			url(/images/public/ligature-bg-768.png),
			linear-gradient(to bottom, #397aa3 0, #236b99 390px, #236b99 100%);
		padding-bottom: 0!important;
		-webkit-transition: opacity .2s linear;
		transition: opacity .2s linear;
		opacity: 1;
	}
	.first-block.inactive {
		opacity: 0;
	}
	.first-block .logo-wrap {
		width: auto;
		margin-left: 16px;
		margin-top: 0;
	}

	.first-block .cabinet-wrap,
	.first-block .login-block h2,
	.first-block .login-block hr,
	.first-block .login-block .full-site-link-wrap {
		display: none;
	}
	.first-block .login-block {
		position: static;
		width: 74%;
		float: right;
		margin: 22px 0 0 0;
		height: auto;
	}
	.first-block.with-captcha .login-block {
		height: auto;
	}

	.first-block .login-block .field-wrap .smart-captcha {
		transform: scale(0.73);
		transform-origin: 0 0;
		margin-bottom: -30px;
	}

	.login-block #recaptchaContainer {
		transform: scale(0.73);
		transform-origin: 0 0;
		margin-bottom: -30px;
	}

	.first-block .login-block .field-wrap {
		float: left;
		width: 220px;
		margin-bottom: 20px;
	}
	.first-block .login-block .field-wrap#rememberMeContainer {
		width: 440px;
	}
	.first-block .login-block .field-wrap#gAuthContainer {
		float: left;
		clear: none;
		margin-left: 10px;
		margin-right: 0;
	}
	.first-block .login-block .field-wrap:nth-child(2n) {
		clear: left;
		margin-right: 10px;
	}
/*
	.first-block .login-block .field-wrap:nth-child(6n+6) {
		margin-left: 230px;
	}
*/
	.first-block .login-block .input-checkbox + label {
		font-size: 14px;
		margin-left: 16px;
		width: 60%;
		white-space: normal;
	}
	.first-block .login-block .login .link-text,
	.first-block .login-block .g-auth .link-text {
		font-size: 14px;
	}
	.first-block h1 {
		font: 500 26px/32px NeoSansCyr;
		margin: 18px 0;
	}
	.first-block .ligature {
		display: none;
	}
	.first-block .text {
		clear: both;
		width: 80%;
	}
	.first-block .info-block {
		clear: both;
		margin-bottom: 20px;
	}
	.first-block .statistic-block {
		background-color: #18618f;
		height: 180px;
		width: 100%;
		position: relative;
	}
	.first-block .statistic-block .record {
		height: 180px;
	}
	.first-block .statistic-block .container {
		margin: 0;
	}
	.first-block .statistic-block .statistic {
		height: 100%;
		padding: 0;
		margin: 0;
	}
	.first-block .statistic-block .record {
		text-align: center;
		display: table;
		margin: 0;
		border-bottom: none;
	}
	.first-block .statistic-block .record .inner-wrap {
		display: table-cell;
		vertical-align: middle;
	}
	.first-block .statistic-block .record .caption {
		position: static;
		background: none;
		padding: 0;
		font-size: 20px;
		display: block;
		margin-top: -30px;
		color: #fff;
	}
	.first-block .statistic-block .record .value {
		position: static;
		line-height: 72px;
		background: none;
		font-size: 72px;
		color: #8bbcda;
	}
	.first-block .statistic-block .reg-btn-wrap {
		text-align: center;
		position: absolute;
		bottom: -22px;
		width: 100%;
		z-index: 10;
	}
	.first-block .statistic-block .registration {
		width: 250px;
		display: block;
		left: 50%;
		margin: 0 0 0 -125px;
	}
	.first-block .statistic-block .registration .link-tip {
		display: none;
	}
	.first-block .last-placing {
		display: block;
		background: rgba(7, 47, 80, .5);
		padding-top: 1px;
		padding-bottom: 25px;
		margin-top: 40px;
		width: 100%;
	}
	.first-block .last-placing h2 {
		color: #fff;
		margin-top: 40px;
		text-align: center;
		margin-bottom: 30px;
	}
	.first-block .last-placing .table {
		background: rgba(129, 206, 255, .2);
		padding-bottom: 25px;
	}
	.first-block .last-placing .tbody {
		background: #fff;
		position: relative;
	}
	.first-block .last-placing .table .inner-wrap>div{
		display: table-cell;
		vertical-align: middle;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(1),
	.first-block .last-placing .table .inner-wrap div:nth-child(2),
	.first-block .last-placing .table .inner-wrap div:nth-child(6) {
		font-weight: 700;
	}

	.first-block .last-placing .table .inner-wrap div:nth-child(1) {
		width: 8%;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(2){
		width: 12%;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(1),
	.first-block .last-placing .table .inner-wrap div:nth-child(2){
		padding-right: 20px;
		box-sizing: content-box;
		text-align: right;
	}
	.first-block .last-placing .table .row.head .inner-wrap div:nth-child(2) small {
		white-space: nowrap;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(3) {
		width: 20%;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(4) {
		width: 12%;
		white-space: nowrap;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(4) > span {
		background-image: url("/images/star-sprite.svg");
		background-size: auto 14px;
		background-position: -14px 0;
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0 1px;
	}
	.first-block .last-placing .table .row:not(.head) .inner-wrap div:nth-child(5) > span {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 90%;
	}
	.first-block .last-placing .table .inner-wrap div:nth-child(6) {
		width: 10%;
		text-align: right;
	}
	.first-block .last-placing .table .inner-wrap {
		display: table;
		margin: 0 4%;
		width: 92%;
		height: 100%;
	}
	.first-block .last-placing .table .row {
		background: #fff;
		color: #404040;
		height: 42px;
	}
	.first-block .last-placing .table .row:nth-child(2n+1) {
		background: #fafafa;
	}
	.first-block .last-placing .table .row.head {
		background: transparent;
		color: #fff;
		height: 50px;
	}
	/* ========================================
				  #article block
	======================================== */
	.article-block {
		display: block;
		margin-top: 1050px;
		background: #f0f6fa;
	}
	.article-block.new-year {
		margin-top: 1280px;
	}
	.article-block .container {
		margin: 0;
	}
	.article-block .article:nth-child(1) .text {
		display: block;
	}
	.article-block .article {
		padding: 30px 60px 30px;
		margin-top: -30px;
		background: rgba(255, 255, 255, 0);
		-webkit-transition: margin-top .3s linear, background .3s linear;
		transition: margin-top .3s linear, background .3s linear;
		color: #718c9b;
	}
	.article-block .article.current {
		background: rgba(255, 255, 255, 1);
		margin-top: 0;
	}
	.article-block .article.current + .article {
		margin-top: 0;
	}
	.article-block .article .caption {
		font: 300 35px/35px NeoSansCyr;
	}
	.article-block .article.current .caption {
		background: none;
	}
	.article-block .article .text {
		padding-top: 1px;
		display: none;
	}

	/* ========================================
				   #benefits block
	======================================== */
	.benefits-block {
		display: block;
		background: #52a2d3;
	}
	.benefits-block .captions {
		position: absolute;
		left: 60px;
		top: 0;
		z-index: 60;
	}
	.benefits-block .captions .item {
		font: 500 20px/20px NeoSansCyr;
		text-transform: uppercase;
		float: left;
		box-sizing: border-box;
		padding: 20px 27px;
		text-decoration: none;
	}
	.benefits-block .captions .item.spn {
		background: #67b1db;
	}
	.benefits-block .captions .item.webm {
		background: #13a08d;
	}
	.benefits-block .captions .item.current {
		background: #eef6fb;
	}
	.benefits-block .captions .item.current .link {
		color: #2279ae;
	}
	.benefits-block .captions .link {
		color: #fff;
		background-size: 4px 2px;
		background-position: 0 98%;
		background-image: -webkit-linear-gradient(left, #fff, #fff 50%, transparent 50%);
		background-image: linear-gradient(to right, #fff, #fff 50%, transparent 50%);
	}
	.benefits-block .captions .link.active {
		color: #fff;
		background-image: none;
	}
	.benefits-block .h-wrap {
		display: none;
	}
	.benefits-block .tabs {
		color: #fff;
	}
	.benefits-block .tabs .tab {
		background-size: cover;
		background-position: center;
	}
	.benefits-block .tabs .spn {
		background-image: url(/images/public/spn-benefits-bg-768.jpg);
	}
	.benefits-block .tabs .webm {
		background-image: url(/images/public/webmaster-benefits-bg-768.jpg);
	}
	.benefits-block .tabs .container {
		padding-top: 110px;
		padding-bottom: 30px;
	}
	.benefits-block .tabs .item {
		float: left;
		width: 45%;
		margin-left: 10%;
		margin-bottom: 30px;
	}
	.benefits-block .tabs .item b {
		font-weight: 500;
	}
	.benefits-block .item:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}


	.benefits-block .registration {
		width: 280px;
		margin-left: -140px;
		left: 50%;
		display: block;
		clear: both;
	}
	.benefits-block .check-site .caption {
		font-weight: 700;
		margin: 10px 0;
		display: block;
	}
	.benefits-block .check-site .field-wrap {
		float: left;
		margin-bottom: 10px;
	}
	.benefits-block .check-site .field-wrap.input-wrap {
		width: 57%;
		margin-right: 3%;
	}
	.benefits-block .check-site .field-wrap.btn-wrap {
		width: 40%;
	}
	.benefits-block .check-site .input-text {
		width: 100%;
	}
	.benefits-block .check-site .check {
		text-transform: none;
		width: 100%;
		height: 46px;
	}
	.benefits-block .resultHolder .check {
		height: 46px;
	}
	.benefits-block .check-site .inner-content,
	.benefits-block .resultHolder .inner-content {
		padding: 0;
	}
	.benefits-block .check-site .inner-content .link-text,
	.benefits-block .resultHolder .inner-content .link-text {
		padding-top: 10px;
	}

	/* ========================================
				  #reviews block
	======================================== */
	.reviews-block {
		border-top: 3px solid #e8eff4;
		display: block;
		padding-bottom: 1px;
	}
	.reviews-block .container {
		margin: 0;
	}
	.reviews-block .reviews {
		margin: 0;
	}
	.reviews-block .item {
		margin-bottom: 45px;
	}
	.reviews-block .item .inner-wrap {
		padding: 0 15%;
	}
	.reviews-block .review {
		border: 2px solid #eef6f9;
		background: #f8fbfd;
		border-radius: 20px;
		padding: 40px 36px;
		position: relative;
	}
	.reviews-block .review.line-bottom-shadow:after {
		display: none;
	}
	.reviews-block .review:before {
		content: '';
		bottom: -23px;
		right: 40px;
		width: 65px;
		height: 41px;
		border-left: 2px solid #eef6f9;
		border-bottom: 2px solid #eef6f9;
		background: #f8fbfd;
		position: absolute;
		-webkit-transform: skew(-20deg, -32deg);
		transform: skew(-20deg, -32deg);
	}
	.reviews-block .reviews .name {
		font: 26px/30px NeoSansCyr;
	}
	.reviews-block .reviews .review-text {
		margin: 20px 0;
	}
	.reviews-block .reviews .more {
		font-size: 14px;
		line-height: 16px;
		font-weight: 700;
		position: relative;
		margin-left: 20px;
	}
	.reviews-block .link-wrap {
		text-align: center;
		margin-bottom: 30px;
	}
	.reviews-block .more-reviews {
		display: block;
		font: 200 36px 'Roboto';
		margin-bottom: 10px;
	}
	.reviews-block .more-reviews .count {
		font-weight: 300;
		margin-right: 10px;
	}
	.reviews-block .all-reviews {
		font-size: 18px;
		font-weight: 700;
		margin: 0 15px;
	}
	.reviews-block .circled-line {
		display: inline-block;
		position: relative;
		top: -3px;
		height: 2px;
		width: 40px;
		background: #3077ae;
	}
	.reviews-block .circled-line:before,
	.reviews-block .circled-line:after {
		content: '';
		position: absolute;
		top: -1px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #3077ae;
	}
	.reviews-block .circled-line:before {
		left: 0;
	}
	.reviews-block .circled-line:after {
		right: 0;
	}
	.reviews-block .captions {
		margin-top: 20px;
	}
    .reviews-block .captions .caption {
	    font-size: 26px;
	    font-weight: 400;
    }

	/* ========================================
				  #clients block
	======================================== */
	.clients-block {
		display: block;
		background: url(/images/public/atoms-bg-768.png) #63aed8;
	}
	.clients-block h2 {
		color: #fff;
	}
	.clients-block .clients {
		height: 340px;
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.clients-block .clients .arrow.left {
		left: -22.582%;
	}
	.clients-block .clients .arrow.right {
		right: -22.582%;
	}
	.clients-block .client {
		width: 92%;
		height: 150px;
		background: #fff;
		text-align: center;
		text-decoration: none;
		margin: 8% 4% 0 4%;
		display: block;
	}
	.clients-block .client:first-child {
		margin-top: 0;
	}
	/* slick plugin */

	.clients-block .slick-list {
		padding: 0 15%;
	}
	.clients-block .slick-slide {
		opacity: .25;
		-webkit-transition: .3s linear opacity;
		transition: .3s linear opacity;
	}
	.clients-block .slick-slide.slick-active,
	.clients-block .slick-slide.temp-active {
		opacity: 1;
	}

	.clients-block .video-block {
		background: url(/images/public/video-bg-768.jpg);
		z-index: -1;
		display: table;
		width: 100%;
		height: 400px;
	}
	.clients-block .video-block .video-link-wrap {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.clients-block .video-block .play-btn {
		width: 135px;
		height: 135px;
		display: inline-block;
		position: relative;
		border-radius: 50%;
		margin: 3px;

		background: url(/images/public/trangle_big.png) 45px 35px #fff no-repeat;
	}
	.clients-block .video-block .play-btn:hover {
		border: 3px solid #44a6e2;
		margin: 0 0 1px 0;
		background-image: url(/images/public/trangle_big_h.png);
	}
	.clients-block .video-block .play-btn:before {
		content: '';
		position: absolute;
		z-index: -1;
		height: 240px;
		width: 100%;
		background-image: -webkit-linear-gradient(top, rgba(22, 22, 22, .07) 0, transparent 100%);
		background-image: linear-gradient(to bottom, rgba(22, 22, 22, .07) 0, transparent 100%);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		left: -83px;
		top: 31px;
	}
	.clients-block .video-block .play-btn:active {
		top: 2px;
	}
	.clients-block .video-block .play-btn:active:before {
		top: 29px;
		left: -53px;
		height: 180px;
	}
	.clients-block .video-block .video-text {
		font: 400 70px/70px NeoSansCyr;
		text-transform: uppercase;
		display: block;
		margin: 28px 0 10px;
	}
	.clients-block .video-block .video-text-tip {
		font: 300 44px/44px NeoSansCyr;
		text-transform: uppercase;
	}
	/* ========================================
				 #media reviews slide
	======================================== */
	.media-review-block {
		display: block;
		padding-bottom: 1px;
		z-index: inherit;
	}
	.media-review-block .container {
		z-index: 4;/* content over the video block */
	}
	.media-review-block .all-reviews {
		font-size: 18px;
		font-weight: 700;
		position: relative;
	}
	.media-review-block .all-reviews:before {
		content: '';
		position: absolute;
		width: 24px;
		height: 24px;
		background: url(/images/public/icons24.png);
		left: -40px;
		top: 0;
	}
	.media-review-block .item {
		margin-bottom: 45px;
	}
	.media-review-block .item .image {
		box-sizing: border-box;
		border: 4px solid #fff;
		box-shadow: 0px 2px 7px rgba(0, 0, 0, .15);
		border-radius: 50%;
		width: 110px;
		height: 110px;
		background-position: center;
		float: left;
		display: block;
		overflow: hidden;
	}
	.media-review-block .item .image img {
		width: 100%;
		height: 100%;
	}
	.media-review-block .item .caption {
		font-size: 26px;
		line-height: 32px;
		font-weight: 400;
		display: block;
		margin-bottom: 10px;
	}
	.media-review-block .item hr {
		display: none;
	}
	.media-review-block .item .review-text {
		color: #718c9b;
		margin-left: 140px;
	}
	.media-review-block .link-wrap {
		text-align: center;
		margin: 30px 0;
	}
	/* ========================================
			 #additional services slide
	======================================== */
	.add-services-block {
		display: block;
		background: url(/images/public/add-services-bg-768.png) right center #fff no-repeat;
		padding-bottom: 1px;
	}
	.add-services-block .container {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.add-services-block .h-wrap {
		margin: 40px 0;
	}
	.add-services-block .h-wrap .more-services {
		display: none;
	}
	.add-services-block .h-wrap .tree {
		display: none;
	}
	.add-services-block .services {
		margin: 0 30px;
	}
	.add-services-block .services .item {
		margin-bottom: 20px;
	}

	.add-services-block .services .caption {
		font: 500 30px/34px NeoSansCyr;
	}
	.add-services-block .services .description {
		font-size: 18px;
		line-height: 22px;
		color: #718c9b;
	}
	/* ========================================
				#projects slide
	======================================== */
	.projects-block {
		display: block;
		border-top: 3px solid #e8eff4;
		padding-bottom: 80px;
	}
	.projects-block .h-wrap {
		margin: 40px 0;
	}
	.projects-block .fox {
		display: none;
	}
	.projects-block .logo-wrap {
		height: 80px;
	}
	.projects-block .h-wrap .mirafox-logo {
		display: none;
	}
	.projects-block .container {
		margin: 0;
	}
	.projects-block .logo-wrap .project-logo {
		display: inline-block;
	}
	.projects-block .item hr {
		width: 100px;
		margin: 0 auto;
	}
	.projects-block .inner-wrap {
		padding: 0 20%;
		text-align: center;
	}
	.projects-block .inner-wrap .project-site {
		font-size: 16px;
		font-weight: 700;
		position: relative;
	}
	.projects-block .inner-wrap .project-site:before {
		content: '';
		position: absolute;
		width: 24px;
		height: 24px;
		background: url(/images/public/icons24.png) 0 -238px;
		left: -30px;
		top: -2px;
	}
	.projects-block .project-image-wrap {
		display: none;
	}
	.projects-block .item .text {
		color: #85acc3;
		margin: 25px 0;
	}

	#lastPlacingTable .scroll-content {
		height: 250px;
		overflow: hidden;
	}

	.centerCrab {
		padding: 200px 0;
		background-image: url(/images/404.png);
	}

	/* ========================================
			  #newbie landing
	======================================== */
	.full-width-block {
		width: 100%;
		margin-left: -50px;
		padding: 0 50px;
		box-sizing: content-box;
	}
	.newbie-landing .promo-block .item {
		margin-bottom: 30px;
	}
	.newbie-landing .promo-block .text {
		font-size: 16px;
	}
	.newbie-landing .promo-block .image {
		width: 150px;
		height: 130px;
		position: relative;
		left: -6%;
	}
	.newbie-landing .promo-block .btn-wrap .link {
		font-size: 20px;
	}
	.newbie-landing .promo-block + h2 {
		margin-top: 70px;
	}
	.newbie-landing h2 {
		font-size: 20px;
		text-align: center;
		margin: 40px 0;
	}
	.newbie-landing .calc-form {
		margin-bottom: 80px;
	}
	.newbie-landing .calc-form .field-wrap {
		margin-bottom: 25px;
	}
	.newbie-landing .form label {
		margin-bottom: 15px;
	}
	.newbie-landing .calc-form .field-wrap:nth-child(1) {
		float: left;
		width: 44%;
	}
	.newbie-landing .calc-form .field-wrap:nth-child(2) {
		float: left;
		width: 50%;
		margin-left: 6%;
	}
	.newbie-landing .calc-form .field-wrap:nth-child(3) {
		clear: left;
	}
	.newbie-landing .button {
		width: 340px;
	}
	.newbie-landing .table-block .table-wrap:after {
		display: none;
	}
	.newbie-landing .info-text {
		font-size: 20px;
		margin: 60px 0;
	}
	.newbie-landing .calculator-block .captions .item {
		font-size: 16px;
	}
	.newbie-landing .calculator-block .captions:before {
		width: 100%;
		margin-left: -50px;
		padding: 0 50px;
	}
	.newbie-landing .calculator-block .tabs .item {
		width: 25%;
		float: left;
		padding-top: 0!important;
		position: relative;
		height: 60px;
	}

	.newbie-landing .calculator-block .tabs .item + .item:before {
		content: '+';
		font-size: 25px;
		position: absolute;
		left: -4px;
		bottom: 0;
		color: #a4cce5;
	}
	.newbie-landing .calculator-block .caption {
		color: #a4cce5;
		font-size: 18px;
	}
	.newbie-landing .calculator-block .caption,
	.newbie-landing .calculator-block .value {
		float: none;
		display: block;
		text-align: center;
	}
	.newbie-landing .calculator-block .value {
		margin-top: 15px;
		top: 0;
	}
	.newbie-landing .calculator-block .captions .item:first-child {
		float: left;
		margin-left: 10px;
	}
	.newbie-landing .calculator-block .captions .item + .item {
		float: right;
		margin-right: 10px;
		margin-left: 0;
	}

	.newbie-landing .faq-form {
		text-align: center;
	}
	.newbie-landing .faq-form .field-wrap:nth-child(1),
	.newbie-landing .faq-form .field-wrap:nth-child(2) {
		width: 235px;
		display: inline-block;
		margin-left: 10px;
	}
	.newbie-landing .faq-form .btn-wrap {
		margin-top: 5px;
	}
	.newbie-landing .faq-form .btn-wrap .button {
		width: 234px;
	}
	.dashed-hr {
		background-size: 30px 1px;
	}

/* ========================================
			  #mr-quality landing
======================================== */

	.mr-pad {
		width: 100%;
		margin-left: 0;
		margin-bottom: -60px;
	}

	.mr-landing  a.xlarge-button {
		font: 700 22px/30px 'PT Sans';
	}

	.mr-pad p.mr-intro {
		padding-top: 85px !important;
		width: 84%;
		margin: 0 auto;
	}

	.page-wrapper .mr-pad {

	}
	.mr-landing .mr-pad p.mr-intro {
		font: 400 22px/30px 'PT Sans';
	}

	.mr-landing h1.mr-quality {
		font: 700 60px/60px 'PT Sans';
	}

	.mr-pad .rect-1 {
		position: absolute;
		background: #fff;
		width: 50%;
		height: 100%;
		z-index: 0;
	}

	.mr-column-1-2 {
		width: 50%;
		padding: 0;
	}

	.mr-column-left {
		width: 78%;
		float: right;
		margin-right: 30px;
	}

	.mr-column-right {
		width: 78%;
		float: left;
		margin-left: 30px;
	}

	.mr-not-small {
		display: block;
	}

	.mr-small {
		display: none;
	}

	/* new year */
	.first-block.new-year-front {
		background: url(/img/new_year_2018/ptl_op.png) #397aa3;
		background:
			url(/img/new_year_2018/ptl_op.png),
			-webkit-linear-gradient(top, #397aa3 0, #236b99 390px, #236b99 100%);
		background:
			url(/img/new_year_2018/ptl_op.png),
			linear-gradient(to bottom, #397aa3 0, #236b99 390px, #236b99 100%);
	}

	.happyNewYear{
		display: block;
		z-index: 2;

		height: 125px;
		margin-top: 70px;
		margin-bottom: 30px;
		width: 100%;
		position: relative;
	}
	.happyNewYear .top{
		position: relative;
		width: 100%;
		height: 92px;
	}
	.happyNewYear .top .leftBg {
		position: absolute;
		top: 0;
		left: 0;
		height: 92px;
		width: 362px;
		background: url('/img/new_year_2018/2left.png') no-repeat;
	}
	.happyNewYear .top .rightBg {
		position: absolute;
		top: 0;
		right: 0;
		height: 92px;
		width: 295px;
		background: url('/img/new_year_2018/2right.png') no-repeat;
	}
	.happyNewYear .top .centerBg {
		position: absolute;
		top: 0;
		left: 362px;
		right: 295px;
		height: 92px;
		background: url('/img/new_year_2018/2repeat.png') repeat-x;
	}

	.happyNewYear .middle{
		text-align: center;
		height: 107px;
		margin-top: -25px;
		padding-top: 30px;
		position: relative;
		width: 100%;
	}
	.happyNewYear .middle .leftBg {
		position: absolute;
		top: 0;
		left: 0;
		height: 107px;
		width: 198px;
		background: url('/img/new_year_2018/2red_left.png') no-repeat;
	}
	.happyNewYear .middle .rightBg {
		position: absolute;
		top: 0;
		right: 0;
		height: 107px;
		width: 198px;
		background: url('/img/new_year_2018/2red_right.png') no-repeat;
	}
	.happyNewYear .middle .centerBg {
		position: absolute;
		top: 0;
		left: 198px;
		right: 198px;
		height: 61px;
		background: url('/img/new_year_2018/2red.png') repeat-x;

		font: 400 34px/38px NeoSansCyr;
		text-transform: uppercase;
		color: #FFF;
		padding-top: 25px;
	}

	/* testimonials page */
	.testimonials-page .opibox .left {
		float: left;
		width: 47%;
	}
	.testimonials-page .opibox .right {
		float: right;
		width: 47%;
	}

	/* flash message */
	#publicFlashMessageWrapper .message {
		min-width: 250px;
	}
}