@charset "utf-8";
/* CSS Document */

@media (max-width: 1260px){
	.header {
		grid-template-areas:
			'logo menuIcon';
		grid-template-columns: 1fr auto;
		grid-gap: 10px;
		width: 100%;
		margin: 0 auto;
		padding: 10px 15px;
		box-sizing: border-box;
	}

	.header .logo			{ grid-area: logo; }
	.header .desktopMenu	{ display: none; }
	.header .lang			{ display: none; }
	.header .login			{ display: none; }
    .header .tech			{ display: none; }
	.header .menuIcon		{ display: block; }

	.header .logo img {
		height: 60px;
	}

	.header .menuIcon a {
		display: inline-block;
		height: 48px;
		width: 48px;
		line-height: 0;
		background: url("/img/ico/menu/menu-icon.svg") center center no-repeat;
	}

	.wellocme {
		display: grid;
		grid-template-areas:
			'C1'
			'C2';
		grid-template-columns: 1fr;
		grid-gap: 20px;
		width: 100%;
		margin: 0 auto;
		padding: 20px 15px 20px;
		box-sizing: border-box;
	}

	.wellocme .C2 {
		text-align: center;
	}

	.wellocme .pic {
		width: auto;
		height: 400px;
		margin: 0 auto;
	}

	.wellocme .big {
		font-size: 32px;
		line-height: 40px;
		font-weight: 600;
		text-align: center;
	}

	.wellocme .small {
		margin-top: 20px;
	}

	.wellocme .small .options {
		text-align: center;
	}

	.wellocme .small .options span {
		display: inline-block;
		background: url("/img/ico/ok-blue.svg") 0 center no-repeat;
		background-size: 22px auto;
		padding-left: 32px;
		margin: 0 8px;
		font-size: 22px;
		line-height: 38px;
		font-weight: 500;
	}

	.wellocme .small .options span:last-of-type {
		margin-right: 0;
	}

    .wellocme .small .options.textLeft {
		text-align: left;
	}

    .wellocme .small .options.textLeft span {
        background-position: 0 9px;
	}

	.wellocme .small .info {
		margin-top: 15px;
		font-size: 26px;
		line-height: 30px;
		font-weight: 400;
		text-align: center;
	}

    .wellocme .small .info:nth-child(2) {
		font-size: 22px;
		line-height: 28px;
		font-weight: 600;
	}

	.wellocme .small .info2 {
		margin-top: 15px;
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
		text-align: center;
	}

	.wellocme .small .zapitvane {
		margin-top: 25px;
		text-align: center;
	}

	.Partners {
		width: 100%;
		margin: 20px auto 0;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.Partners .title {
		text-align: center;
		font-size: 32px;
        line-height: 38px;
		font-weight: 600;
	}

	.Partners .subtitle {
		margin-top: 15px;
		text-align: center;
		font-size: 20px;
		line-height: 24px;
		font-weight: 300;
	}

	.Partners .subtitle b {
		font-weight: 600;
	}

	.Partners .subtitle bullets {
		text-align: left;
	}

	.Partners .subtitle bullets bullet {
		margin-bottom: 12px;
        font-weight: 300;
	}

	.Partners .subtitle bullets bullet:last-child {
		margin-bottom: 0;
	}

	.Partners .loga {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 25px;
	}

	.Partners .loga div {
		display: block;
		width: auto;
		margin-right: 0;
		font-size: 15px;
    	font-weight: 400;
	}

	.Partners .loga img {
		height: 44px;
		margin-top: 3px;
	}

	.VPSbanner {
		grid-template-areas:
			'C1 C2'
			'C1 C3';
		grid-template-columns: 300px 1fr;
		grid-gap: 30px;
		padding: 20px 20px;
		box-sizing: border-box;
		margin-left: 15px;
		width: calc(100% - 30px);
		margin-bottom: 30px;
		background-color: #f7f9fB;
	}

	.VPSbanner .C1 {
		text-align: center;
	}

	.VPSbanner .C3 {
		text-align: left;
	}

	.VPSbanner img {
		height: 200px;
	}

	.VPSbanner .title {
		font-weight: 600;
		font-size: 32px;
		line-height: 36px;
		margin-top: -5px;
		margin-bottom: 21px;
	}

	.VPSbanner .title strong {
		display: inline-block;
		font-weight: 700;
		color: #ff4a72;
	}

	.VPSbanner .info {
		font-size: 20px;
	}

	.VPSbanner .info div {
		background: url(/img/ico/ok-blue.svg) 0 3px no-repeat;
		background-size: 22px auto;
		padding-left: 34px;
		margin-bottom: 5px;
	}

	.VPSbanner .info div:last-child {
		margin-bottom: 0;
	}

	.reshenia {
		width: 100%;
		padding: 30px 15px 40px;
		box-sizing: border-box;
	}

	.reshenia .title {
		font-size: 32px;
    	line-height: 40px;
	}

	.reshenia .subtitle {
		margin-top: 15px;
		font-size: 18px;
    	line-height: 24px;
	}

	.reshenia .grid {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}

	.reshenia .grid ico img {
		width: 70px;
		height: 70px;
	}

	.reshenia .grid strong {
		font-size: 24px;
		font-weight: 700;
	}

	.reshenia .grid span {
		font-size: 17px;
	}

    .reshenia.about .subtitle {
		margin-top: 15px;
        font-size: 22px;
        line-height: 28px;
	}

    .uslugi {
		width: 100%;
		padding: 20px 15px 40px;
		box-sizing: border-box;
	}

	.uslugi .title {
		font-size: 32px;
    	line-height: 40px;
	}

	.uslugi .subtitle {
		margin-top: 15px;
		font-size: 18px;
    	line-height: 24px;
	}

	.uslugi .grid {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.uslugi .grid ico img {
		width: 70px;
		height: 70px;
	}

	.uslugi .grid strong {
		font-size: 26px;
        font-weight: 700;
	}

	.uslugi .grid span {
		font-size: 17px;
	}

    .uslugi .grid span.info {
        font-weight: 400;
    }

	.optimizirane {
		width: 100%;
		padding: 30px 15px 40px;
		box-sizing: border-box;
	}

	.optimizirane .title {
		font-size: 32px;
    	line-height: 40px;
	}

	.optimizirane .grid {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin-top: 30px;
	}

	.optimizirane .grid div {
		padding: 25px 20px 20px;
		box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
		background-color: #f7f9fB;
		border-radius: 0.3rem;
		padding: 1.25rem;
	}

	.optimizirane .grid ico {
		display: inline-block;
		width: 70px;
		height: 70px;
	}

	.optimizirane .grid ico img {
		width: 70px;
		height: 70px;
	}

	.optimizirane .grid strong {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 28px;
		text-align: center;
	}

	.optimizirane .grid span {
		display: inline-block;
		font-size: 17px;
		text-align: center;
	}

	.zashto {
		grid-template-areas:
			'C2'
			'C1';
		grid-template-columns: 1fr;
		grid-gap: 20px;
		width: 100%;
		margin: 0 auto 40px;
		padding: 0 15px 0;
		box-sizing: border-box;
	}

	.zashto .title {
		font-size: 32px;
		line-height: normal;
	}

	.zashto .subtitle {
		font-size: 26px;
    	line-height: 30px;
	}

	.zashto .options {
		margin-top: 25px;
		font-size: 20px;
	}

	.zashto .options div {
		background: url(/img/ico/ok-blue.svg) 0 3px no-repeat;
		background-size: 22px auto;
		padding-left: 34px;
	}

	.zashto .btn {
		margin-top: 25px;
		text-align: center;
	}

	.zashto .C2 {
		text-align: center;
	}

	.footer-wraper {
		padding: 30px 15px;
		box-sizing: border-box;
	}

	.footer {
		width: 100%;
		text-align: center;
	}

	.footer .grid {
		display: grid;
		grid-template-areas:
			'C1'
			'C2'
			'C3'
			'C4';
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.footer .grid .C1	{ padding-right: 0 }


	.footer .logo img {
		height: 60px;
	}

	.footer .payMethods {
		margin-top: 20px;
	}

	.footer .payMethods img {
		height: 28px;
		margin-right: 2px;
		margin-bottom: 2px;
	}

	.footer .address {
		padding-top: 5px;
		font-size: 14px;
		line-height: 22px;
	}

	.footer .columnTitle {
		display: block;
		font-size: 20px;
		font-weight: 300;
		margin-bottom: 10px;
		opacity: .65;
	}

	.footer .footMenu a {
		display: inline-block;
		font-size: 18px;
		padding: 5px 0;
	}

	.footer .footSubMenu {
		margin-top: 5px;
	}

	.footer .footSubMenu a {
		display: inline-block;
		margin: 0 8px;
		font-size: 15px;
	}

	.footer .footBottomLine {
		grid-template-areas:
			'C1'
			'C2';
		grid-template-columns: 1fr;
		grid-gap: 20px;
		color: #FFFFFFAA;
		font-size: 14px;
		border-top: 1px solid #3d5681;
		padding-top: 24px;
		margin-top: 24px;
	}

	.footer .footBottomLine .C2	{ text-align: center; font-size: 12px; }

	.vpsPlans {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 30px;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		margin: 30px auto 0;
	}

	.vpsPlans plan {
		padding: 25px 25px 25px;
	}

	.vpsPlans plan.C {
		margin-top: 25px;
		padding: 55px 25px 25px;
	}

	.morePlans {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.morePlans .ROW {
		grid-template-areas:
			'name name name name'
			'disk ram cpu trafic'
            'recomendedFor recomendedFor recomendedFor recomendedFor'
			'price price price price';
		grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 15px 0;
		padding: 30px 0 40px;
		border-width: 3px;
	}

	.morePlans .ROW .price select {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
        text-align: center;
        font-size: 22px;
	}

    .morePlans .ROW .priceGrid .pDiscount span {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 300;
    }

    .morePlans .ROW .priceGrid .pDiscount span em {
        font-weight: 300;
    }

    .morePlans .ROW .priceGrid .pButton {
        text-align: center;
        margin-top: 30px;
    }

	.morePlans .ROW .name {
		font-size: 24px;
        text-align: center;
	}

    .morePlans .ROW .recomendedFor {
        text-align: center;
        padding: 0;
        font-size: 16px;
    }

	.morePlans .ROW.head {
		grid-template-areas:
			'disk ram cpu trafic';
	}

	.morePlans .ROW.head .name {
		display: none;
	}

	.morePlans .ROW.head .price {
		display: none;
	}

    .morePlans .ROW .priceGrid {
        grid-template-areas:
            'pSelect'
            'pDiscount'
            'pButton';
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 0 10px;
    }

	.morePlans .included {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		background: #ecf5f5;
		padding: 25px 15px;
	}

	.moreOptions {
		width: 100%;
		padding: 30px 15px 40px;
		box-sizing: border-box;
	}

	.moreOptions .grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}

	.moreOptions .title {
		font-size: 32px;
		line-height: 40px;
	}

	.morePlans .included div {
		padding-left: 33px;
	}

	.moreOptions .grid div opt {
		font-weight: 700;
	}

	.info25 {
		width: 100%;
		padding: 30px 15px 40px;
		box-sizing: border-box;
	}

	.previewsPage {
		width: 100%;
		padding: 15px 15px 0;
		box-sizing: border-box;
	}

	.orderPageHeader {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		margin-top: 20px;
	}

	.orderPageHeader .grid {
		grid-template-columns: 1fr 1fr;
		margin-top: 30px;
	}

	.orderPageGrid {
		grid-template-areas:
			'main'
			'side';
		grid-template-columns: 1fr;
		grid-gap: 30px;
		width: 100%;
		margin: 40px auto 50px;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.orderPageGrid .main box {
		box-shadow: none;
		padding: 0;
		margin-bottom: 30px;
	}

	.sliderWrapper {
		padding: 0 40px;
		box-sizing: border-box;
	}

	.radioLarge .ui-button {
		min-width: 180px;
		border: 1px solid #dbdbdb;
		background: #fff;
		color: #979797;
		font-weight: normal;
		font-family: 'Open Sans', sans-serif;
		text-align: left;
		padding: 15px 17px;
		border-radius: 6px;
		margin-right: 12px;
		margin-bottom: 15px;
	}

	.radioLarge .lab .name {
		font-size: 20px;
		font-weight: 400;
	}

	.radioLarge .lab .price {
		display: block;
		font-size: 22px;
		font-weight: 700;
	}

	.radioLarge .lab .discount {
		display: block;
		margin-top: 4px;
		color: #558efe;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
	}

	.orderPageGrid .personalInfo {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.orderPageGrid .params.big .options div.item {
		grid-template-columns: 1fr;
		grid-gap: 5px;
	}

	.orderPageGrid .params.big .options div.item .name span {
		font-size: 26px;
	}

	.orderPageGrid .params .options div.item {
		grid-template-columns: 1fr auto;
		border-bottom: 1px solid #EEE;
		padding-bottom: 15px;
	}

	.orderPageGrid .params.big .options div.item {
		grid-template-columns: 1fr;
		border-bottom: none;
		padding-bottom: 0;
	}

	.orderPageGrid .params {
		border-left: none;
		padding-left: 0px;
	}

	.orderPageGrid .main box .bigTitle {
		font-size: 32px;
    	line-height: 40px;
	}

	.orderPageHeader .grid div {
		background-position: right 18px center;
		padding-right: 67px;
	}

	.wellocme.partnershipHeader .small .options span {
		background: url(/img/ico/ok-blue.svg) 0 5px no-repeat;
		background-size: 22px auto;
		padding-left: 40px;
		margin: 0 8px 13px;
		font-size: 22px;
		line-height: 28px;
		text-align: left;
	}

	.wellocme.partnershipHeader .small .options span:last-of-type {
		margin-bottom: 0;
	}

	.PartnerShip {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.PartnerShip .title {
		font-size: 32px;
	}

	.partnerShipKomisionni .grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}

    .partnerShipKomisionni .grid item .num {
        font-weight: 700;
    }

	.SSL3 .grid {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}

    .SSL3 .grid item .logo img {
        height: auto;
        width: 245px;
    }

    .SSL3 .grid item .info1 {
        color: #444;
        font-size: 17px;
    }

    .SSL3 .grid item .name {
        color: #444;
    }

    .sslAll .head p {
        font-weight: 400;
    }

    .SSL3 .grid item .info2 {
        font-weight: 400;
    }

    .sslAll .ROW .name info {
        width: 100%;
        box-sizing: border-box;
    }

	.partnerShipUslovia .wraper {
		max-width: none;
		padding: 0 15px;
	}

	.partnerShipUslovia li {
		padding-left: 40px;
        font-size: 17px;
	}

	.PartnerShipContacts {
		width: 100%;
		padding: 25px 15px 25px;
	}

	.PartnerShipContacts .forms {
		grid-template-areas:
			'ime familia'
			'deinost site'
			'email telefon'
			'suobshtenie suobshtenie'
			'button button';
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px 20px;
		margin-top: 25px;
	}

	.PartnerShipContacts .title {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 30px;
	}

	.PartnerShip jobs item {
		grid-template-columns: 1fr;
		grid-template-areas:
			'position'
			'info'
			'apply';
		grid-gap: 20px;
		padding: 25px 25px 25px;
		margin-bottom: 40px;
	}

	.PartnerShip jobs item div:nth-child(3) {
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.PartnerShipContacts.clear {
		padding: 0 15px;
		margin-bottom: 60px;
	}

	.PartnerShipContacts.clear .pageMessageAlert {
		margin-top: 30px;
	}

	.loginBox {
		margin: 20px auto 0;
	}

	.obshtiUslovia .ouTitle {
		font-size: 32px;
		line-height: 40px;
	}

    .comparePlans {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
        margin: 10px auto 0;
	}

	.comparePlans .ROW {
		grid-template-areas:
			'name name name'
			'P1 P2 P3';
		grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px 0;
		padding: 30px 0 0;
		border-bottom: 0;
        font-size: 20px;
	}

    .comparePlans .ROW.head {
        padding: 15px 0 10px;
    }

    .comparePlans .ROW.head .P1 span,
    .comparePlans .ROW.head .P2 span,
    .comparePlans .ROW.head .P3 span {
        display: none;
    }

    .comparePlans .ROW.head .P1,
    .comparePlans .ROW.head .P2,
    .comparePlans .ROW.head .P3 {
        font-size: 24px;
        font-weight: 800;
        border-bottom: 1px solid #dbdbdb;
        border-radius: 15px;
    }

    .comparePlans .ROW.head .P2 {
        position: relative;
        padding-top: 0px;
        font-size: 24px;
        font-weight: 800;
        border-color: #458eff !important;
        border-radius: 15px;
    }

    .comparePlans .ROW.head .P2 popular {
        position: absolute;
        bottom: 8px;
        left: 0;
        width: 100%;
        display: block;
        font-size: 12px;
        font-weight: 400;
    }

    .comparePlans .ROW.head .name {
        display: none;
    }

    .comparePlans .ROW .name {
        justify-content: center;
        text-align: center;
        line-height: 26px;
        padding-top: 0;
        padding-bottom: 0;
        font-weight: 600;
        user-select: none;
    }

    .comparePlans .ROW .name span.lite {
        font-weight: 300;
    }

    .comparePlans .ROW .name .bigTITLE {
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 20px;
    }

    .comparePlans .ROW .name .bigTITLE span.lite {
        font-size: 20px;
        font-weight: 300;
    }

    .comparePlans .ROW cell {
        padding: 15px 4px;
    }

    .comparePlans .ROW:nth-child(2) cell.name {
        border-top: none;
    }

    .comparePlans .ROW cell .priceBox {
        position: relative;
        width: 100%;
    }

    .comparePlans .ROW cell .priceBox img {
        position: absolute;
        top: -34px;
        right: -11px;
        width: 44px;
    }

    .comparePlans .ROW cell .priceBox .price {
        font-size: 36px;
        font-weight: 700;
    }

    .comparePlans .ROW cell .priceBox .price st {
        display: inline-block;
        font-size: 22px;
        font-weight: 700;
        vertical-align: 9px;
    }

    .comparePlans .ROW cell .priceBox .old {
        margin-top: -6px;
        text-decoration: line-through;
        font-weight: 500;
        font-size: 16px;
    }

    .comparePlans .ROW cell .priceBox .buy {
        margin-top: 6px;
        color: #458eff;
        font-weight: 700;
        font-size: 13px;
    }

    .comparePlans infinity {
        height: 20px;
        background: url("/img/ico/infinity-compare.svg") center 0 no-repeat;
        background-size: 38px 20px;
        padding-bottom: 17px;
    }

    .comparePlans .ROW .P2 infinity {
        background-image: url("/img/ico/infinity-compare-white.svg");
    }

    .comparePlans .ROW .P2 yes {
        background-image: url(/img/ico/cb-yes-white.svg);
    }

    .comparePlans .ROW .P2 .priceBox .buy {
        color: #FFF;
    }

    .comparePlans .ROW .P2 {
        border-color: #458eff !important;
        background: #458eff;
        color: #FFF;
    }

    .comparePlans infinity span {
        display: block;
        margin-top: 22px;
        font-size: 12px;
    }

    .comparePlans .ROW .P1,
    .comparePlans .ROW .P2,
    .comparePlans .ROW .P3 {
        border: 1px solid #dbdbdb;
        border-radius: 15px;
        user-select: none;
    }

    .comparePlans .ROW.bottom {
        display: none;
    }

    .comparePlans .bottomMobile {
        display: block;
    }

    .comparePlans .ROW .name strong {
        font-weight: 800;
    }

    .comparePlans .ROW .name info {
        width: calc(100% - 30px);
        top: calc(100% + 8px);
        left: 0;
        padding: 13px 15px 15px 15px;
        background: #445a86;
        border-radius: 5px;
        color: #FFFFFFC6;
        font-size: 14px;
        line-height: 20px;
        pointer-events: none;
        user-select: none;
    }

    .comparePlans .ROW .name info::after {
        content: '';
        position: absolute;
        top: -3px;
        left: 50%;
        margin-left: -12px;
        z-index: 2;
        width: 16px;
        height: 16px;
        transform: rotate(45deg);
        background: #445a86;
    }

    .FAQ {
        width: 100%;
        margin: 20px auto 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .predimstva {
        width: 100%;
        margin: 20px auto 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

   .predimstva .included img {
        width: 250px;
    }

    .techVPS {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        margin: 40px auto 0;
    }

    .techVPS .ROW {
        grid-template-areas:
            'name'
            'value';
        grid-template-columns: 1fr;
        grid-gap: 0px;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        padding: 0px 0;
        background: transparent;
        border: 1px solid #dbdbdb;
        border-radius: 20px;
        margin-bottom: 10px;
    }

    .techVPS .ROW .name {
        justify-content: center;
        text-align: center;
        padding-bottom: 5px;
    }

    .techVPS .ROW cell {
        justify-content: center;
    }

    .techVPS .ROW .value {
        font-weight: 300;
        padding-top: 0;
        text-align: center;
        color: #444;
    }

    .techVPS .ROW .value strong {
        display: block;
        margin-top: 15px;
        color: #666;
    }

    .techVPS .ROW .value strong:first-of-type {
        margin-top: 9px;
    }

    .techVPS .ROW .value i {
        display: none;
    }

    .techVPS yes {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 38px;
        height: 30px;
        background-size: auto 30px;
    }

    .techVPS .ROW .name info {
        left: 0;
        right: 0;
        top: calc(100% + 5px);
    }

    .techVPS .ROW .name info::after {
        left: 50%;
        margin-left: -12px;
    }

    .onDesktop {
        display: none;
    }

    .onPhone {
        display: block;
    }

    .comparePlans5 .ROW {
		grid-template-areas:
			'name name name name name'
			'P1 P2 P3 P4 P5';
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 15px 0;
		padding: 30px 0 0;
		border-bottom: 0;
        font-size: 18px;
        font-weight: 500;
	}

    .comparePlans5 .ROW.head {
        padding: 0px 0 10px;
    }

    .comparePlans5 .ROW.head .P1 span,
    .comparePlans5 .ROW.head .P2 span,
    .comparePlans5 .ROW.head .P3 span,
    .comparePlans5 .ROW.head .P4 span,
    .comparePlans5 .ROW.head .P5 span {
        display: none;
    }

    .comparePlans5 .ROW.head .P1,
    .comparePlans5 .ROW.head .P2,
    .comparePlans5 .ROW.head .P3,
    .comparePlans5 .ROW.head .P4,
    .comparePlans5 .ROW.head .P5 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 800;
        border-bottom: 1px solid #dbdbdb;
        border-radius: 15px;
        height: 156px;
        padding: 0;
        overflow: hidden;
    }

    .comparePlans5 .ROW.head .P1 div,
    .comparePlans5 .ROW.head .P2 div,
    .comparePlans5 .ROW.head .P3 div,
    .comparePlans5 .ROW.head .P4 div,
    .comparePlans5 .ROW.head .P5 div {
        transform: rotate(-90deg) translateY(1px);
        line-height: 22px;
    }

    .comparePlans5 .ROW.head .P2 {
        position: relative;
        padding-top: inherit;
        border-color: #dbdbdb !important;
        border-radius: 15px;
    }

    .comparePlans5 .ROW.head .P3 {
        position: relative;
        padding-top: inherit;
        border-color: #458eff !important;
        border-radius: 15px;
    }

    .comparePlans5 .ROW.head .name {
        display: none;
    }

    .comparePlans5 .ROW .P1,
    .comparePlans5 .ROW .P2,
    .comparePlans5 .ROW .P3,
    .comparePlans5 .ROW .P4,
    .comparePlans5 .ROW .P5 {
        border: 1px solid #dbdbdb;
        border-radius: 15px;
        user-select: none;
    }

    .comparePlans5 .ROW .P2 {
        border-color: #dbdbdb !important;
        background: #fff;
        color: #666;
    }

    .comparePlans5 .ROW .P2 infinity {
        background-image: url("/img/ico/infinity-compare.svg");
    }

    .comparePlans5 .ROW .P2 yes {
        background-image: url(/img/ico/cb-yes.svg);
    }

    .comparePlans5 .ROW .P3 {
        border-color: #458eff !important;
        background: #458eff;
        color: #FFF;
    }

    .comparePlans5 .ROW infinity {
        width: 40px;
        height: 3px;
        overflow: hidden;
    }

    .comparePlans5 .ROW .P3 infinity {
        background-image: url("/img/ico/infinity-compare-white.svg");
    }

    .comparePlans5 infinity span {
        display: block;
        visibility: hidden;
        margin-top: 0;
        font-size: 10px;
    }

    .comparePlans5 .ROW .P3 yes {
        background-image: url("/img/ico/cb-yes-white.svg");
    }

    .comparePlans5 .ROW .name .bigTITLE {
        display: block;
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 20px;
    }

    .comparePlans5 .vpsuPrice new {
        font-size: 17px;
        font-weight: 700;
    }

    .comparePlans5 .ROW .vpsuPrice .cart,
    .comparePlans5 .ROW .vpsuPrice .cart-blue {
        margin-bottom: -10px;
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }

    .comparePlans5 .ROW .P3 .vpsuPrice .cart,
    .comparePlans5 .ROW .P3 .vpsuPrice .cart-blue {
        background-image: url("/img/ico/cart-white.svg");
    }

    .comparePlans5 .ROW .P3 .vpsuPrice new {
        color: #FFF;
    }

    .comparePlans5 .vpsuPrice old {
        font-size: 15px;
        font-weight: 300;
    }

    .comparePlans5 .ROW .P3 .vpsuPrice old {
        color: #FFF;
    }

    .comparePlans5 .vpsuPrice img {
        margin-top: 7px;
        width: 45px;
    }

    .comparePlans5 .vpsuDiscount {
        margin-top: 15px;
        height: auto;
    }

    .SSLinfo {
		grid-template-areas:
			'C1'
			'C2';
		grid-template-columns: 1fr;
		grid-gap: 30px;
		padding: 20px 20px;
		box-sizing: border-box;
		margin-left: 15px;
		width: calc(100% - 30px);
		margin-bottom: 30px;
		background-color: #f7f9fB;
	}

	.SSLinfo .C1 {
		text-align: center;
	}

	.SSLinfo .C3 {
		text-align: left;
	}

	.SSLinfo img {
		height: 200px;
	}

	.SSLinfo .title {
		font-weight: 600;
		font-size: 32px;
		line-height: 36px;
		margin-top: -5px;
		margin-bottom: 21px;
	}

	.SSLinfo .title strong {
		display: inline-block;
		font-weight: 700;
		color: #ff4a72;
	}

	.SSLinfo .info {
		font-size: 20px;
	}

	.SSLinfo .info div {
		background: url(/img/ico/ok-blue.svg) 0 3px no-repeat;
		background-size: 22px auto;
		padding-left: 34px;
		margin-bottom: 5px;
	}

	.SSLinfo .info div:last-child {
		margin-bottom: 0;
	}

    .sslAll {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .sslAll .ROW {
        display: grid;
        grid-template-areas:
            'logo logo'
            'name name'
            'price price'
            'num cBox';
        grid-template-columns: 1fr auto;
        grid-template-rows: auto;
        grid-gap: 0;
        font-size: 20px;
        font-weight: 300;
        padding: 20px 6px;
        border-bottom: 1px solid #dbdbdb;
    }

    .sslAll .ROW .logo img {
        width: 220px;
    }

    .sslAll .ROW .name name {
        margin-top: 10px;
        font-size: 21px;
        font-weight: 600;
    }

    .sslAll .ROW .price {
        margin-top: 5px;
        text-align: left;
        padding-bottom: 10px;
    }

    .domainsSEARCH {
        width: 100%;
        padding: 0px 0 30px;
    }

    .domainsSEARCH .title {
        font-size: 24px;
        line-height: 34px;
        font-weight: 600;
        padding: 0 15px;
    }

    .domainsSEARCH .subtitle {
        display: none;
    }

    .domainsSEARCH .dSearch {
        margin-top: 20px;
    }

    .domainsSEARCH .dSearch .grid {
        grid-template-areas:
            'text'
            'button';
        grid-template-columns: 1fr;
        grid-gap: 15px;
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }

    .domainsSEARCH .dSearch .grid .text input[type="text"] {
        line-height: 52px;
        padding: 0 22px;
        border-radius: 35px;
        box-sizing: border-box;
    }

    .domainsSEARCH .dSearch .grid .text input[type="text"]::-webkit-input-placeholder {
        font-size: 20px;
    }

    .domainsSEARCH .dSearch .grid .text input[type="text"]:-moz-placeholder {
        font-size: 20px;
    }

    .domainsSEARCH .dSearch .grid .text input[type="text"]::-moz-placeholder {
        font-size: 20px;
    }

    .domainsSEARCH .dSearch .grid .text input[type="text"]:-ms-input-placeholder {
        font-size: 20px;
    }

    .domainsSEARCH .dItems {
        width: 100%;
        grid-template-areas: 'back ad btn';
        grid-template-columns: repeat(3, 1fr);
        padding: 0 15px;
        box-sizing: border-box;
    }

    .domainsSEARCH .dInfo {
        padding: 0 15px;
    }

    .domainsSEARCH .transfer {
        padding: 0 15px;
    }

    .domainsSEARCH .transfer a {
        color: #89e2e5;
        margin-top: 7px;
    }

    .domainsSEARCH .BUTTON.transition ico {
        transform: scale(1.25);
    }

    .domainsSEARCHwrapper {
        background: linear-gradient(118deg, #b9ddd7, #062a95);
    }

    .domainsSEARCHwrapper .header .menuIcon a {
        background-image: url(/img/ico/menu/menu-icon-white.svg);
    }

    .domainsMostPopular {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .domainsMostPopular .grid {
        grid-template-columns: 1fr;
        grid-gap: 35px;
        margin-top: 25px;
    }

    .domainsMostPopular .grid item info {
        height: auto;
    }

    .viewAllDomainsWrapper {
        margin-top: 30px;
        padding: 0 15px;
    }

    .grid-wallpaper {
        max-width: 790px;
        margin: 0 auto 30px;
        display: grid;
        grid-template-areas:
            'main'
            'side';
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .grid-wallpaper .main .button-grid {
        grid-template-areas:
            'price'
            'btn';
        grid-template-columns: 1fr;
        grid-gap: 30px;
        text-align: center;
        margin-top: 35px;
    }

    .grid-wallpaper .main .button-grid .price {
        text-align: left;
        font-size: 18px;
        font-weight: 300;
        margin-top: -15px;
    }

    .grid-wallpaper .main .button-grid .price span {
        margin-top: 15px;
        margin-left: 6px;
    }

    .grid-wallpaper .main .button-grid .BUTTON {
        width: 100%;
        padding: 0 20px;
    }

    .grid-wallpaper .main .button-grid .btn {
        text-align: right;
    }

    .grid-wallpaper .main .title-wallpaper {
        font-size: 36px;
        line-height: 37px;
    }

    .uslugi .subtitle.big {
        margin-top: 22px !important;
        font-size: 36px !important;
        line-height: 24px !important;
    }

    .grid-wallpaper .main .icons {
        margin-top: 15px;
    }

    .grid-wallpaper .main .icons span {
        color: #ffffff;
        font-size: 26px;
        line-height: 48px;
        font-weight: 300;
        padding-left: 46px !important;
    }

    .grid-wallpaper .main .icons span.secure {
        background-position: 2px center;
    }

    .grid-wallpaper .side {
        min-height: 350px;
    }

    .grid-wallpaper .side a.BG {
        display: none;
    }

    .grid-wallpaper .side .domain-grid {
        grid-template-areas:
            'txt'
            'btn';
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .grid-wallpaper .side .clouds {
        display: none;
    }

    .grid-wallpaper .side .domain-grid .txt {
        text-align: center;
        font-weight: 600;
    }

    .grid-wallpaper .side .domain-grid .btn {
        text-align: center;
    }

    .blog-list {
		width: 100%;
        max-width: 800px;
		padding: 20px 15px 40px;
		box-sizing: border-box;
	}

    .blog-list articles {
        columns: 1;
    }

    .blog-list articles a {
        margin-bottom: 50px;
    }

    .blog-list a img {
        height: 200px;
    }

    .blog-list a div:nth-child(2) {
        font-size: 30px;
        line-height: 35px;
    }

    .blog-list a div:nth-child(3) {
        margin-top: 15px;
        font-size: 18px;
        line-height: 24px;
    }

    .blog-list a div:nth-child(4) {
        font-size: 15px;
    }

    .blog-list {
		width: 100%;
        max-width: 800px;
		padding: 20px 15px 40px;
		box-sizing: border-box;
	}

    .blog-article-page {
        width: 100%;
        max-width: 800px;
        padding: 20px 15px 40px;
		box-sizing: border-box;
        grid-template-areas:
            'main'
            'side';
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }

    .blog-article-page .side more a {
        margin-bottom: 18px;
        font-size: 17px;
        font-weight: 500;
    }

    .blog-article-page .main h3 {
        margin: 40px 0 20px;
    }

    .blog-article-page .main h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .blog-article-page .side more div {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 600;
    }

    .breadcrumbs {
        width: calc(100% - 30px);
    }
}



@media (max-width: 720px){

    .wellocme .pic {
		width: 100%;
		height: auto;
	}

	.Partners .loga {
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}

	.VPSbanner {
		grid-template-areas:
			'C1'
			'C2'
			'C3';
		grid-template-columns: 1fr;
		grid-gap: 30px;
		padding: 20px 20px;
		box-sizing: border-box;
		margin-left: 15px;
		width: calc(100% - 30px);
		margin-bottom: 30px;
		background-color: #f7f9fB;
	}

	.VPSbanner .C3 {
		text-align: center;
	}

	.orderPageHeader .grid {
		grid-template-columns: 1fr;
	}

	.partnerShipKomisionni .grid {
		grid-template-columns: 1fr;
	}

    .SSL3 .grid {
		grid-template-columns: 1fr;
	}

    .SSL3 .grid item .price span {
        display: block;
        font-size: 14px;
    }

    .SSL3 .BUTTON ico {
        margin-right: 0;
    }

    .SSL3 .BUTTON txt {
        display: none;
    }

	.PartnerShipContacts .forms {
		grid-template-areas:
			'ime'
			'familia'
			'deinost'
			'email'
			'telefon'
			'site'
			'suobshtenie'
			'button';
		grid-template-columns: 1fr;
		grid-gap: 20px 30px;
		margin-top: 25px;
	}

	.loginBox {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		margin: 20px auto 0;
	}

	.zashto .C2 img {
		width: 100%;
	}

    .predimstva .included {
        grid-template-columns: auto;
        grid-gap: 20px;
        border: none;
        border-radius: 15px;
    }

   .predimstva .included img {
        width: 100%;
    }

    .mFAQ item a.Q {
        font-size: 19px;
        line-height: 23px;
        font-weight: 600;
    }

    .sslAll .TOP .grid {
        grid-template-areas:
            'num button'
            'price button';
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 0 5px;
        padding: 0px 10px 0 11px;
        font-size: 18px;
    }

    .sslAll .TOP .grid .price {
        text-align: left;
        margin-top: -2px;
        color: #458eff;
    }

    .sslAll .TOP .grid hide {
        display: none;
    }

    .sslAll .note {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }

    .building {
        grid-template-areas:
            'text'
            'image';
        grid-template-columns: 1fr;
        grid-gap: 0px;
        text-align: center;
        margin-bottom: -25px;
    }

    .building .title {
        font-size: 32px;
        line-height: 40px;
        padding: 0 15px;
    }

    .building .subtitle {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
        margin-top: 15px;
        margin-bottom: 22px;
        padding: 0 15px;
    }

    .PartnerShip .karieriInfo {
        font-size: 18px;
        line-height: 24px;
    }

    .domainsAllList {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .domainsAllList .ROW.head {
        display: none;
    }

    .domainsAllList .ROW {
        grid-template-areas:
            'name'
            'P1'
            'P2'
            'P3'
            'P4';
        grid-template-columns: 1fr;
        border: none;
        filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .25));
        background: #FFF;
        border-radius: 15px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .domainsAllList .ROW.border-top {
        border-top: none;
        margin-top: 35px;
    }

    .domainsAllList .ROW cell {
        padding-left: 20px;
    }

    .domainsAllList .ROW .name {
        font-size: 36px;
        font-weight: 800;
        padding-left: 20px;
    }

    .domainsAllList .ROW lab {
        display: inline-block;
        width: 97px;
        margin-right: 5px;
        font-size: 14px;
        font-weight: 400;
        text-align: right;
    }

    .domainsAllList .ROW .P1 lab {
        color: #458eff;
    }

    .domainsAllList .ROW .P4 {
        margin-top: 20px;
        padding: 0 20px;
        text-align: center;
    }

    .domainsAllList .ROW .P4 .BUTTON {
        width: 100%;
    }

    .domainsAllList .ROW old {
        vertical-align: 3px;
        margin-left: 5px;
    }

    .domainsAllList .ROW .P1 old {
        color: #458effCC;
    }

    .domainsAllList .ROW .P2 new,
    .domainsAllList .ROW .P3 new {
        font-weight: 500;
    }

    .hideOnPhone {
        display: none;
    }

    .domainResults .ROW {
        grid-template-areas:
            'ico name'
            'ico price'
            'cBox cBox';
        grid-template-columns: 32px 1fr;
    }

    .domainResults .TOP .grid hide {
        display: none;
    }

    .domainResults .TOP .grid .price {
        text-align: left;
        margin-top: -2px;
        color: #458eff;
    }

    .domainResults .TOP .grid {
        grid-template-areas:
        'num button'
        'price button';
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 0 5px;
        padding: 0px 10px 0 11px;
        font-size: 18px;
    }

    .BUTTON.scale:hover{
        transform: none;
    }

    .breadcrumbs {
        width: calc(100% - 30px);
        overflow-x: auto;
        padding-bottom: 8px;
        white-space: nowrap;
        margin-left: 15px;
        margin-right: 15px;
    }

    .footer .footMenu a.phone {
        padding: 5px 46px;
    }

    .uslugi.small {
        padding: 10px 15px 0px;
    }

    .uslugi.small .grid {
        grid-gap: 15px;
    }

    popup {
        width: calc(100% - 30px);
        padding: 20px 20px;
    }

    popup buttons {
        grid-template-areas:
            'btn2'
            'btn1';
        grid-template-columns: 1fr;
        grid-gap: 10px;
        margin-top: 20px;
    }

    popup buttons a {
        width: 100%;
    }

    popup .dowbleForms {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    popup .title {
        font-size: 20px;
        line-height: 24px;
    }

    popup .subTitle {
        font-size: 16px;
        line-height: 20px;
    }

    popup .rezonSwitch {
        font-size: 14px !important;
    }

    .ou-list a {
        font-size: 20px;
        background-position: 0 4px;
    }

    .ou-list a:hover {
        background-position: 0 -146px;
    }

    .sslAll.type2 .title {
        font-size: 32px;
        line-height: 40px;
    }

    .sslAll .TOP {
        margin-left: -15px;
        width: calc(100% + 30px);
    }

}



@media (max-width: 349px){

    .uslugi .grid .price old {
        display: none;
    }

    menu .tech phone {
        font-size: 35px;
    }

    .vpsPlans plan .price old {
        display: none;
    }

    .comparePlans5 .ROW {
        font-size: 15px;
        font-weight: 600;
    }

    .comparePlans5 .ROW .P2 {
        font-weight: 600;
    }

    .comparePlans5 .vpsuPrice new {
        font-size: 15px;
    }

    .sslAll .ROW .num select {
        padding-left: 12px;
        font-size: 19px;
    }
}


/* EURO STYLES */
@media (max-width: 1260px){
    .morePlans .ROW .price .pDiscount span:nth-of-type(2) {
        margin-top: -25px;
    }
    
    .SSL3 .grid item .price.euro {
        margin-top: 10px;
    }
}

/* PAGINATION RESPONSIVE STYLES */
@media (max-width: 768px) {
    .pagination {
        flex-direction: column;
        gap: 15px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .pagination-btn {
        width: 100%;
        max-width: 200px;
        font-size: 16px;
        line-height: 42px;
    }
}

@media (max-width: 480px) {
    .pagination {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    
    .pagination-btn {
        max-width: 180px;
        font-size: 15px;
        line-height: 40px;
        padding: 0 20px;
    }
}