//@import url('https://fonts.googleapis.com/css?family=Open+Sans:300&subset=cyrillic,cyrillic-ext'); @import "../_partials/tablet-tariffs.less"; @import "../_partials/popup-order.less"; .h3.pink-heading, .h2.pink-heading, h3.pink-heading, h2.pink-heading{ font-size: 24px; font-family: 'Open Sans', sans-serif; color: #ec008c; font-weight: 300; text-align: center; line-height: 28px; text-transform: uppercase; margin: 5px 0; padding-left:15px; padding-right:15px; @media (max-width: 767px) { font-size: 23px; } } //@red: #da030d; @red: #ec008c; .sale-numbers-container { .h3.pink-heading, .h2.pink-heading, h3.pink-heading, h2.pink-heading{ color: @red; } .order-block #nomer8800-orders-form .btn-submit { background: @red; } .chosenumber-block .cncategories .cncategory .cnheader { color: @red; } .popular-tariffs { a { color: @red; } span[style="color:#ec008c;font-size:100%"] { color: @red !important; } } .tablet-tariffs .tariff-items .tariff-item .more-btn:hover, .popular-tariffs .tariff-items .tariff-item .more-btn:hover { background: @red; } .advantages-block { //background: url(../../images/landings/gnlanding/red-buttons.png) no-repeat right bottom; //&.block__spb { //background: url(../../images/landings/gnlanding/red-buttons__spb.png) no-repeat right bottom; //} } } @import "gnlanding_partials/_topbanner"; @import "gnlanding_partials/_pinkbuttons"; @import "gnlanding_partials/_chosenumber"; @import "gnlanding_partials/_pop_tariffs"; @import "gnlanding_partials/_accnumbers"; @import "gnlanding_partials/_whatfor"; @import "gnlanding_partials/_order"; .balls{ position: relative; } .ball_bordo{ display: inline-block; position: absolute; top: -250px; left: -400px; } .ball_red{ display: inline-block; position: absolute; top: -135px; right: -300px; } .widget{ position: absolute; top:-65px; right: 25px; } .link_cool_gift{ display: inline-block; text-align: center; font-size: 14px; font-weight: 700; color: #000; } .link_cool_gift:hover{ text-decoration: underline; } .new-chosenumber-block{ background: url(../../images/landings/gnlanding/vibor_iz_500_num.png) no-repeat center; min-height: 594px; } .new-accnumbers-block{ } .new-tariffs-block{ .tariff-block{ .additional-options-container .option{ background: #EBEBEB; } } } .new-tariffs-block{ padding-bottom: 60px; .h2{ padding-left: 100px; } .tariff-block{ background: #FFFFFF !important; .options-container{ padding-left: 100px; .icon::before{ background: #EBEBEB; } } .additional-options-container{ .icon::before{ background: #FFFFFF; } } } } .new-popular-tariffs{ background: #E6E6E7; width: 1920px; margin: 0 auto; } .new-gnorderblock{ background: url(../../images/landings/gnlanding/zayavka.png) no-repeat center; height: 386px; } .new-gnorderblock{ .pink-heading{ padding-top: 50px; text-align: left; padding-left: 100px; } .left-block{ margin: 0 auto; } } .new-gnorderform{ #gnumbers-orders-form{ .overflow-hidden{ width: 456px; } width: auto; button{ width: 456px; border-radius: 25px; height: 46px; } .gnorderform-bg{ background: none; input{ width: 456px; height: 46px; background: #E6E6E7; border-radius: 25px; border-width: 0; padding-left: 20px !important; margin-bottom: 10px; } label{ display: none !important; } input::placeholder{ color: #000000; } } } } .order-block{ overflow: hidden; position: relative; .order-result { max-width: 320px; margin-left: auto; margin-right: auto; position: relative; padding: 30px 0; &.success { color: green; text-align: center; } } .h2{ margin-bottom:35px; position: relative; font-size: 30px; font-family: 'Open Sans'; color: #000; font-weight: 100; line-height: 1.22; text-transform: uppercase; margin: 0 auto 20px; text-align: center; } .centered { position: relative; background: url(../../images/landings/gnlanding/sky-phone-bottom.png) no-repeat right 15.6% bottom 0; padding: 0 0 40px; } #nomer8800-orders-form { padding: 0; width: 100%; max-width: 380px; margin-left: 25.8%; padding-top: 10px; position: relative; .field-wrapper{ width: 100%; } .control-label{ color:#000; font-size: 16px; text-align: right; min-width: 90px; padding-right: 15px; } .form-group { width: 100%; margin: 0 0 7px; } .help-block.help-block-error{ display: block; margin-left: 90px; } .help-block { margin-top: 0; margin-bottom: 0; } .form-control,input[type="text"]{ outline: none; height: 32px; width: 290px; font-size: 16px; color:#000; background: #ffffff; border: solid 1px #999999; box-shadow: none; border-radius: 16px; padding: 0 10px; display: inline-block; } .btn-submit{ outline: none; font-size: 16px; color:#fff; text-align: center; padding: 0 30px; height: 32px; width: 290px; margin-left: 90px; background: #eb008b; border: none; display: block; text-transform: uppercase; border-radius: 16px; padding-top: 2px; margin-top: 2px; } .order-info{ padding: 0 20px 0 98px; font-size: 10px; color:#231f20; a{ color:inherit; } } img[id*="captcha"] { max-width: 80px; margin-right: 10px; } } } @media (max-width: 1262px) { .order-block{ .centered{ background-position: right bottom; } #nomer8800-orders-form{ margin-left: 20%; } } .top-wrap > .centered{ width: auto !important; margin: auto !important; } } @media (max-width: 1030px) { .order-block { #nomer8800-orders-form{ margin-left: 0; } .spot { top: 10px; right: -510px; } } } @media (max-width: 767px) { .order-block{ .h2{ margin-bottom: 20px; } .centered{ background: none; } #nomer8800-orders-form{ margin: 0 auto; } } } @media (max-width: 600px) { .order-block{ #nomer8800-orders-form{ padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; max-width: 320px; .help-block.help-block-error{ margin-left: 0; text-align: center; } .control-label { text-align: left; } .btn-submit, .order-info { margin-left: 0; padding-left: 0; } } } } @font-face { font-family: "RubArialRegular"; src: url("../../fonts/RubArialRegular/rub-arial-regular.woff2") format("woff2"), url("../../fonts/RubArialRegular/rub-arial-regular.woff") format("woff"), url("../../fonts/RubArialRegular/rub-arial-regular.ttf") format("ttf"); font-display: block; } .rub-arial-regular { font-family: "RubArialRegular", sans-serif; font-size: 82% !important; font-weight: 100; } .tariff-items-part__list .rub-arial-regular { font-size: 13px !important; } .tariff-description-short .rub-arial-regular { font-size: inherit !important; } .col-md-3__inline { display: flex; justify-content: flex-end; } .tariffs-chevron__down { background: url(../../images/ai/arrows-down-black.png) no-repeat center; background-size: 9px auto; width: 12px; height: 22px; display: inline-block; vertical-align: middle; transition: all 0.3s ease; } .tariff-items.tariff-items__center { text-align: center; } .tariff-items.tariff-items__center .tariff-item .h3 { min-height: 0; } .tariff-items[data-count-slides="5"] .tariff-item-wrapper { width: 20%; min-width: 240px; } .tariff-items[data-count-slides="5"] .tariff-item-wrapper:nth-of-type(5n) { clear: both; } .tariff-items .tariff-item-wrapper { min-width: 25%; display: inline-block; vertical-align: top; max-width: 300px; } .tariff-items .tariff-item-wrapper:nth-of-type(4n) { clear: both; } .tablet-tariffs .tariff-items, .popular-tariffs .tariff-items { padding-bottom: 50px; } .tablet-tariffs .tariff-items[data-count-slides="5"] .tariff-item, .popular-tariffs .tariff-items[data-count-slides="5"] .tariff-item { padding: 35px 10px; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item, .popular-tariffs .tariff-items.tariff-items-list .tariff-item { min-height: auto; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .tariff-announce, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .tariff-announce { padding: 0; } .tablet-tariffs .tariff-items.owl-theme .owl-nav .owl-prev, .popular-tariffs .tariff-items.owl-theme .owl-nav .owl-prev { margin-left: -61px; } .tablet-tariffs .tariff-items.owl-theme .owl-nav .owl-next, .popular-tariffs .tariff-items.owl-theme .owl-nav .owl-next { margin-right: -61px; } .tablet-tariffs .tariff-items .tariff-item-wrapper:last-child .tariff-item, .popular-tariffs .tariff-items .tariff-item-wrapper:last-child .tariff-item, .tablet-tariffs .tariff-items .owl-item:last-child .tariff-item, .popular-tariffs .tariff-items .owl-item:last-child .tariff-item { box-shadow: none; } .tablet-tariffs .tariff-items .tariff-item, .popular-tariffs .tariff-items .tariff-item { width: 100%; box-shadow: 27px 0 33px -24px #ccc; padding: 35px 25px; text-align: center; } .tablet-tariffs .tariff-items .tariff-item .tariff-announce, .popular-tariffs .tariff-items .tariff-item .tariff-announce { font-size: 13px; color: #666666; text-align: center; font-style: italic; line-height: 15px; padding: 0 0 8px 0; min-height: 53px; } .tablet-tariffs .tariff-items .tariff-item .tariff-announce p, .popular-tariffs .tariff-items .tariff-item .tariff-announce p { margin: 0; } .tablet-tariffs .tariff-items .tariff-item .image-wrap, .popular-tariffs .tariff-items .tariff-item .image-wrap { text-align: center; margin-bottom: 18px; } .tablet-tariffs .tariff-items .tariff-item .image-wrap img, .popular-tariffs .tariff-items .tariff-item .image-wrap img { max-width: 150px; margin: 0 auto; //border-radius: 50%; } .tablet-tariffs .tariff-items .tariff-item .h3, .popular-tariffs .tariff-items .tariff-item .h3 { font-size: 18px; line-height: 20px; min-height: 40px; color: #ec008c; font-weight: bold; text-align: center; margin: 0 0 15px; text-transform: uppercase; } .tablet-tariffs .tariff-items .tariff-item .tar-advantages-wrapper, .popular-tariffs .tariff-items .tariff-item .tar-advantages-wrapper { text-align: center; } .tablet-tariffs .tariff-items .tariff-item .tar-advantages, .popular-tariffs .tariff-items .tariff-item .tar-advantages { margin-bottom: 24px; padding-left: 0; min-height: 107px; text-align: left; display: inline-block; } .tablet-tariffs .tariff-items .tariff-item .tar-advantages li, .popular-tariffs .tariff-items .tariff-item .tar-advantages li { list-style: none; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; padding: 2px 0; color: #666; } .tablet-tariffs .tariff-items .tariff-item .tar-advantages li .value .number, .popular-tariffs .tariff-items .tariff-item .tar-advantages li .value .number { font-size: 15px; font-weight: bold; font-family: 'Open Sans', sans-serif; } .tablet-tariffs .tariff-items .tariff-item .price-block, .popular-tariffs .tariff-items .tariff-item .price-block { text-align: center; color: #666666; margin-bottom: 8px; } .tablet-tariffs .tariff-items .tariff-item .price-block .price-value, .popular-tariffs .tariff-items .tariff-item .price-block .price-value { font-size: 32px; font-weight: bold; line-height: 1; display: block; } .tablet-tariffs .tariff-items .tariff-item .price-block .price-unit, .popular-tariffs .tariff-items .tariff-item .price-block .price-unit { display: block; font-size: 13px; line-height: 1; font-family: 'Open Sans', sans-serif; } .tablet-tariffs .tariff-items .tariff-item .more-btn, .popular-tariffs .tariff-items .tariff-item .more-btn { display: block; position: static; width: 128px; font-size: 13px; line-height: 17px; height: 38px; padding: 11px 6px 10px; text-align: center; font-family: 'Open Sans', sans-serif; color: #666; background-color: #d0d1d2; margin: 0 auto; text-transform: uppercase; } .tablet-tariffs .tariff-items .tariff-item .more-btn:hover, .popular-tariffs .tariff-items .tariff-item .more-btn:hover { color: #fff; background-color: #ec008c; text-decoration: none; } .tablet-tariffs .tariff-items .tariff-item .present-num, .popular-tariffs .tariff-items .tariff-item .present-num { display: block; width: 210px; height: 80px; background-position: left top; background-repeat: no-repeat; color: #ec008c; font-size: 18px; line-height: 22px; padding-top: 28px; padding-left: 32px; padding-right: 4px; margin: 8px auto 20px; text-align: center; /* выравнивание по центру с учетом иконки-бантика */ left: -14px; position: relative; } .tablet-tariffs .tariff-items .tariff-item .present-num.beauty-num, .popular-tariffs .tariff-items .tariff-item .present-num.beauty-num { background-image: url(../../images/ai/beauty-num-label.png); } .tablet-tariffs .tariff-items .tariff-item .present-num.silver-num, .popular-tariffs .tariff-items .tariff-item .present-num.silver-num { background-image: url(../../images/ai/silver-num-label.png); } .tablet-tariffs .tariff-items .tariff-item .present-num.gold-num, .popular-tariffs .tariff-items .tariff-item .present-num.gold-num { background-image: url(../../images/ai/gold-num-label.png); } .tablet-tariffs .tariff-items .tariff-item .good-numbers-list, .popular-tariffs .tariff-items .tariff-item .good-numbers-list { list-style: none; text-align: center; margin-bottom: 24px; padding-left: 0; } .tablet-tariffs .tariff-items .tariff-item .good-numbers-list li, .popular-tariffs .tariff-items .tariff-item .good-numbers-list li { font-size: 18px; color: #000; line-height: 20px; padding: 4px 0; } .tablet-tariffs .tariff-items .tariff-item .good-numbers-list li a, .popular-tariffs .tariff-items .tariff-item .good-numbers-list li a { color: inherit; } .tablet-tariffs .tariff-items .tariff-item .more-nums-link, .popular-tariffs .tariff-items .tariff-item .more-nums-link { font-size: 13px; text-decoration: none; display: inline-block; color: #666; border-bottom: solid 1px; line-height: 20px; } .tablet-tariffs .tariff-items .tariff-item .more-nums-link:hover, .popular-tariffs .tariff-items .tariff-item .more-nums-link:hover, .tablet-tariffs .tariff-items .tariff-item .more-nums-link:active, .popular-tariffs .tariff-items .tariff-item .more-nums-link:active, .tablet-tariffs .tariff-items .tariff-item .more-nums-link:focus, .popular-tariffs .tariff-items .tariff-item .more-nums-link:focus { text-decoration: none; color: #ec008c; } .tablet-tariffs .tariff-items .tariff-item .col-tariff-name-wrapper, .popular-tariffs .tariff-items .tariff-item .col-tariff-name-wrapper { text-align: left; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item-wrapper, .popular-tariffs .tariff-items.tariff-items-list .tariff-item-wrapper { margin: 0 auto; max-width: 780px; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item, .popular-tariffs .tariff-items.tariff-items-list .tariff-item { width: 100%; float: none; padding: 35px 25px; box-shadow: 0 27px 33px -24px #ccc; display: flex; justify-content: space-between; text-align: left; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .image-wrap, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .image-wrap { padding: 0 20px; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .h3, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .h3 { text-align: left; min-height: auto; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .tariff-announce, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .tariff-announce { text-align: left; min-height: auto; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .text-content, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .text-content { padding-right: 15px; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .tar-advantages, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .tar-advantages { margin-bottom: 0; min-height: auto; } .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .image-wrap, .popular-tariffs .tariff-items.tariff-items-list .tariff-item .image-wrap { margin-bottom: 0; } .tariff-line-caption { font-size: 21px; text-align: center; margin-bottom: 0; font-weight: bold; } .tariff-items-part__list div[class*="col"] { padding: 0; } .tariff-items-part__list div[class*="col"].col-md-3__inline { padding-top: 5px; } .tariff-items-part__list .tariff-items-list-wrapper { width: 50%; display: inline-block; vertical-align: top; text-align: left; } .tariff-items-part__list .tariff-items-list-wrapper:first-of-type .caption { text-align: right; border-right: 1px solid #231f20; } .tariff-items-part__list .tariff-items-list-wrapper:first-of-type .content { box-shadow: 15px 10px 22px -12px #ccc; border-right: 1px solid #a3a7a8; } .tariff-items-part__list .tariff-items-list-wrapper .caption { margin: 20px 0; padding: 0 15px; text-align: left; font-size: 20px; } .tariff-items-part__list .tariff-items-list-wrapper .content { padding: 0 35px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item { box-shadow: none; border-bottom: 1px solid #666; padding: 17px 0 20px 0; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item:hover { box-shadow: none; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item:last-of-type { border-bottom: none; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .name { font-weight: bold; font-size: 21px; line-height: 1; min-height: 60px; margin-bottom: 5px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .name .icon { height: 60px; max-width: 60px; width: 17%; display: inline-block; margin-right: 1%; background-position: left center; background-repeat: no-repeat; vertical-align: middle; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .name a { display: inline-block; vertical-align: middle; max-width: 325px; width: 82%; padding-right: 15px; line-height: 1.1; color: inherit; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .announce { font-style: italic; font-size: 13px; color: #666; margin-top: 12px; line-height: 1.2; min-height: 60px; padding-right: 20px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .announce p { margin-bottom: 0; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .price-block { font-size: 13px; padding-top: 8px; margin-bottom: 12px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .price-block .price-value { display: inline; font-size: 18px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .price-block .price-unit { font-family: 'Open Sans', sans-serif; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .connect-link { font-size: 13px; text-transform: uppercase; line-height: 37px; padding: 0 24px; font-weight: normal; border-radius: 0; border: solid 1px #666; } @media (max-width: 1262px) { .tablet-tariffs .tariff-items.tariff-items-part__big { padding-left: 50px; padding-right: 50px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .connect-link { padding: 0 13px; } } @media (max-width: 1030px) { .tablet-tariffs .tariff-items.tariff-items-part__big { padding-left: 75px; padding-right: 75px; } .tariff-items-part__list .col-tariff-name-wrapper { width: 100%; text-align: left; } .tariff-items-part__list .col-md-3__inline { justify-content: center; width: 100%; } } @media (max-width: 991px) { .tablet-tariffs .tabs-inner-block .tabs-inner-nav, .tablet-tariffs .tabs-inner-block .tabs-inner-nav.tabs__lining { flex-direction: column; border-color: transparent; } .tablet-tariffs .tabs-inner-block .tabs-inner-nav li, .tablet-tariffs .tabs-inner-block .tabs-inner-nav.tabs__lining li { border-color: #dee2e6; margin-bottom: 0; width: 300px; max-width: 100%; } .tablet-tariffs .tabs-inner-block .tabs-inner-nav li.active, .tablet-tariffs .tabs-inner-block .tabs-inner-nav.tabs__lining li.active { border-color: #666; } .tablet-tariffs .tabs-inner-block .tabs-inner-nav li:before, .tablet-tariffs .tabs-inner-block .tabs-inner-nav.tabs__lining li:before { content: none; } } @media (max-width: 767px) { .popular-tariffs .tariff-items.tariff-items-part__big, .tablet-tariffs .tariff-items.tariff-items-part__big { padding-left: 0; padding-right: 0; text-align: center; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item, .tablet-tariffs .tariff-items.tariff-items-list .tariff-item { flex-direction: column; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item .h3, .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .h3 { text-align: center; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item .image-wrap, .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .image-wrap { margin-bottom: 18px; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item .tariff-announce, .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .tariff-announce { text-align: center; margin-bottom: 10px; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item .text-content, .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .text-content { padding-right: 0; text-align: center; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item .tar-advantages, .tablet-tariffs .tariff-items.tariff-items-list .tariff-item .tar-advantages { margin-bottom: 24px; min-height: 90px; } .tariff-line-caption { margin-top: 10px; max-width: 300px; margin-left: auto; margin-right: auto; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .name { font-size: 19px; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .name .icon { background-size: contain; margin-right: 4%; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .name a { width: 79%; } } @media (max-width: 639px) { .tariff-items-part__list .tariff-items-list-wrapper { width: 100%; } .tariff-items-part__list .tariff-items-list-wrapper .caption { text-align: center; border: none; } .tariff-items-part__list .tariff-items-list-wrapper:first-of-type .caption { text-align: center; border: none; } .tariff-items-part__list .tariff-items-list-wrapper:first-of-type .content { border: none; box-shadow: none; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item:last-of-type { border-bottom: 1px solid #666; } .tariff-items-part__list .tariff-items-list-wrapper .tariff-item .announce { min-height: auto; } } @media screen and (max-width: 600px) { .tablet-tariffs .tariff-items .tariff-item-wrapper, .popular-tariffs .tariff-items .tariff-item-wrapper { width: 100%; max-width: 100%; } .tablet-tariffs .tariff-items .tariff-item, .popular-tariffs .tariff-items .tariff-item { box-shadow: 0 8px 16px 4px #d9d9da; } } .modal-leave-order .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #dceeff; } .modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit { background: #49b3ff; } .modal-leave-order.blue .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.blue .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #dceeff; } .modal-leave-order.blue .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.blue .modal-dialog .modal-content .modal-body form .btn-submit { background: #49b3ff; } .modal-leave-order.orange .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.orange .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #fff0c0; } .modal-leave-order.orange .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.orange .modal-dialog .modal-content .modal-body form .btn-submit { background: #ffb261; } .modal-leave-order.allo .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.allo .modal-dialog .modal-content .modal-body form input[type="text"].form-control, .modal-leave-order.magento .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.magento .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #ffcee3; } .modal-leave-order.allo .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.allo .modal-dialog .modal-content .modal-body form .btn-submit, .modal-leave-order.magento .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.magento .modal-dialog .modal-content .modal-body form .btn-submit { background: #eb008b; } .modal-leave-order.green .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.green .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #8ab891; } .modal-leave-order.green .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.green .modal-dialog .modal-content .modal-body form .btn-submit { background: #00b855; } .modal-leave-order.yellow .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.yellow .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #f9f7e2; } .modal-leave-order.yellow .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.yellow .modal-dialog .modal-content .modal-body form .btn-submit { background: #f9a61a; } .modal-leave-order.salade .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.salade .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #c1cfb8; } .modal-leave-order.salade .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.salade .modal-dialog .modal-content .modal-body form .btn-submit { background: #afcf42; } .modal-leave-order.deep-blue .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.deep-blue .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #d3d3db; } .modal-leave-order.deep-blue .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.deep-blue .modal-dialog .modal-content .modal-body form .btn-submit { background: #182840; } .modal-leave-order.purple .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order.purple .modal-dialog .modal-content .modal-body form input[type="text"].form-control { background: #d3d3db; } .modal-leave-order.purple .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order.purple .modal-dialog .modal-content .modal-body form .btn-submit { background: #6439bc; } .modal-leave-order .modal-dialog.modal-lg, #modal-leave-order .modal-dialog.modal-lg { max-width: 700px; } .modal-leave-order .modal-dialog .close, #modal-leave-order .modal-dialog .close { display: none; } .modal-leave-order .modal-dialog .modal-title, #modal-leave-order .modal-dialog .modal-title { font-weight: bold; text-transform: uppercase; font-size: 24px; text-align: center; } .modal-leave-order .modal-dialog .modal-content, #modal-leave-order .modal-dialog .modal-content { background: #e6e7e8; border-radius: 10px; } .modal-leave-order .modal-dialog .modal-content p, #modal-leave-order .modal-dialog .modal-content p { display: block; margin-top: 5px; margin-bottom: 10px; } .modal-leave-order .modal-dialog .modal-content .modal-body, #modal-leave-order .modal-dialog .modal-content .modal-body { padding: 0 15px; } .modal-leave-order .modal-dialog .modal-content .modal-body form, #modal-leave-order .modal-dialog .modal-content .modal-body form { max-width: 100%; width: 580px; padding: 0 20px 25px; margin: 0 auto; } .modal-leave-order .modal-dialog .modal-content .modal-body form .form-group, #modal-leave-order .modal-dialog .modal-content .modal-body form .form-group { margin-bottom: 5px; } .modal-leave-order .modal-dialog .modal-content .modal-body form .form-group.field-buynumbersform-note, #modal-leave-order .modal-dialog .modal-content .modal-body form .form-group.field-buynumbersform-note, .modal-leave-order .modal-dialog .modal-content .modal-body form .form-group.field-buynumbersform-gid, #modal-leave-order .modal-dialog .modal-content .modal-body form .form-group.field-buynumbersform-gid, .modal-leave-order .modal-dialog .modal-content .modal-body form .form-group.field-buynumbersform-region_id, #modal-leave-order .modal-dialog .modal-content .modal-body form .form-group.field-buynumbersform-region_id { margin-bottom: 0; } .modal-leave-order .modal-dialog .modal-content .modal-body form .control-label, #modal-leave-order .modal-dialog .modal-content .modal-body form .control-label { color: black; font-family: 'Open Sans', sans-serif; font-size: 16px; min-width: 90px; text-align: right; padding-right: 10px; display: inline-block; } .modal-leave-order .modal-dialog .modal-content .modal-body form .help-block.help-block-error, #modal-leave-order .modal-dialog .modal-content .modal-body form .help-block.help-block-error { color: black; padding-left: 90px; } .modal-leave-order .modal-dialog .modal-content .modal-body form input[type="text"].form-control, #modal-leave-order .modal-dialog .modal-content .modal-body form input[type="text"].form-control { width: 100%; max-width: 425px; margin: 0 auto; height: 39px; font-size: 16px; color: black; padding: 0 20px; border: none; box-shadow: none; border-radius: 0; display: inline-block; } .modal-leave-order .modal-dialog .modal-content .modal-body form input[type="text"].form-control::placeholder, #modal-leave-order .modal-dialog .modal-content .modal-body form input[type="text"].form-control::placeholder { color: black; } .modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit { max-width: 425px; width: 100%; font-size: 16px; color: white; text-align: center; padding: 0 30px; height: 39px; border: none; margin-left: 90px; outline: none; } .modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit:hover, #modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit:hover { color: black; } .modal-leave-order .modal-dialog .modal-content .modal-body form .ajax-send-btn.loading, #modal-leave-order .modal-dialog .modal-content .modal-body form .ajax-send-btn.loading { color: transparent !important; border: 0 none; background: transparent url('../../images/horizontal_loader.gif') no-repeat center !important; outline: 0 none; } .modal-leave-order .modal-dialog .modal-content .modal-body form img[id*="captcha"], #modal-leave-order .modal-dialog .modal-content .modal-body form img[id*="captcha"] { max-width: 90px; height: 39px; vertical-align: top; } .modal-leave-order .modal-dialog .modal-content .modal-body .cnorder-info, #modal-leave-order .modal-dialog .modal-content .modal-body .cnorder-info { display: none; } .modal-leave-order .modal-dialog .modal-content .modal-body .order-result, #modal-leave-order .modal-dialog .modal-content .modal-body .order-result { max-width: 529px; margin: 0 auto; padding: 20px; color: black; } .modal-leave-order .modal-dialog .modal-content .modal-body .order-result.success, #modal-leave-order .modal-dialog .modal-content .modal-body .order-result.success { margin-top: 30px; margin-bottom: 30px; text-align: center; border: 8px solid green; } @media (max-width: 767px) { .modal-leave-order .modal-dialog.modal-lg, #modal-leave-order .modal-dialog.modal-lg { max-width: 100%; padding-left: 20px; padding-right: 20px; } .modal-leave-order .modal-dialog .modal-content .modal-body form, #modal-leave-order .modal-dialog .modal-content .modal-body form { width: 320px; } .modal-leave-order .modal-dialog .modal-content .modal-body form label, #modal-leave-order .modal-dialog .modal-content .modal-body form label { width: 100%; } .modal-leave-order .modal-dialog .modal-content .modal-body form .control-label, #modal-leave-order .modal-dialog .modal-content .modal-body form .control-label { text-align: left; } .modal-leave-order .modal-dialog .modal-content .modal-body form .cnorder-info, #modal-leave-order .modal-dialog .modal-content .modal-body form .cnorder-info { margin-bottom: 40px; } .modal-leave-order .modal-dialog .modal-content .modal-body form .cnorder-info, #modal-leave-order .modal-dialog .modal-content .modal-body form .cnorder-info, .modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit, #modal-leave-order .modal-dialog .modal-content .modal-body form .btn-submit { margin-left: 0; } .modal-leave-order .modal-dialog .modal-content .modal-body form .help-block.help-block-error, #modal-leave-order .modal-dialog .modal-content .modal-body form .help-block.help-block-error { padding-left: 0; padding-right: 0; } } .h3.pink-heading, .h2.pink-heading, h3.pink-heading, h2.pink-heading { font-size: 24px; font-family: 'Open Sans', sans-serif; color: #ec008c; font-weight: 300; text-align: center; line-height: 28px; text-transform: uppercase; margin: 5px 0; padding-left: 15px; padding-right: 15px; } @media (max-width: 767px) { .h3.pink-heading, .h2.pink-heading, h3.pink-heading, h2.pink-heading { font-size: 23px; } } .sale-numbers-container .h3.pink-heading, .sale-numbers-container .h2.pink-heading, .sale-numbers-container h3.pink-heading, .sale-numbers-container h2.pink-heading { color: @red; //color: #da030d; } .sale-numbers-container .order-block #nomer8800-orders-form .btn-submit { background: @red; //background: #da030d; } .sale-numbers-container .chosenumber-block .cncategories .cncategory .cnheader { color: @red; //color: #da030d; } .sale-numbers-container .popular-tariffs a { color: @red; //color: #da030d; } .sale-numbers-container .popular-tariffs span[style="color:#ec008c;font-size:100%"] { color: @red; //color: #da030d !important; } .sale-numbers-container .tablet-tariffs .tariff-items .tariff-item .more-btn:hover, .sale-numbers-container .popular-tariffs .tariff-items .tariff-item .more-btn:hover { background: @red; //background: #da030d; } .desktop-banner, .mobile-banner { max-width: 100%; } .desktop-banner { display: block; } .mobile-banner { display: none; } .new-top-banner-block { position: relative; background: url(../../images/landings/gnlanding/glavbanner.png) no-repeat top center; min-height: 585px; width: 100%; } .new-top-banner-block .top-banner-block { padding-top: 80px; padding-left: 100px; } .btn-top-banner-block a { color: #fff; font-size: 18px; display: inline-block; background: #FF0092 !important; padding: 11px 46px; border-radius: 25px; } .btn-top-banner-block a { color: #fff; font-size: 18px; display: inline-block; background: #EDB6CB; padding: 11px 46px; border-radius: 25px; } .btn-top-banner-block { padding: 0; margin-top: 37px; } .btn-top-banner-block a:hover { color: #fff; text-decoration: underline; background: #db3d91; } .top-banner-block h1 { font-size: 60px; line-height: 65px; color: #000; text-align: left; font-weight: 700; margin: 0 0 30px 0; } .top-banner-block .description { text-align: left; font-size: 22px; line-height: 26.4px; color: #000; margin: 0 0 10px 0; font-weight: 400; } .top-banner-block .head-mob { display: none; } .top-banner-block .btn-wrapper { text-align: right; } .top-banner-block .btn-pink { display: inline-block; width: 320px; max-width: 100%; background: #ec008c; font-size: 18px; color: #fff; text-align: center; height: 40px; border: none; text-transform: uppercase; margin-top: 10px; line-height: 40px; } @media (max-width: 1030px) { .top-banner-block { /* background: url(../../images/landings/gnlanding/glavbanner.png) no-repeat -206px top;*/ } } @media (max-width: 768px) { .mobile-banner { display: block; width: 100%; } .desktop-banner { display: none; } .top-banner-block h1 { font-size: 48px; line-height: 1.1; } .top-banner-block .description { font-size: 20px; line-height: 1.2; } .breadcrumbs-wrap { display: none; } } @media (max-width: 600px) { .top-banner-block { /* background: url(../../images/landings/gnlanding/glavbanner.png) no-repeat -206px top;*/ min-height: 500px; padding-top: 0; padding-bottom: 0; } .top-banner-block h1, .top-banner-block .description { text-align: left; } .top-banner-block h1 { font-size: 40px; } .top-banner-block .description { font-size: 16px; } .top-banner-block .btn-pink { position: absolute; bottom: 15px; left: 50%; width: 280px; margin-left: -140px; } } .advantages-block { /*padding-right: 30%;*/ padding-top: 65px; padding-left: 100px; padding-bottom: 50px; } .advantages-block .half-width { float: left; width: 41%; } .advantages-block .half-width:first-of-type { width: 59%; } .advantages-block .half-width .icon-item { float: left; width: 100%; margin-bottom: 12px; display: flex; align-items: center; } .advantages-block .half-width .icon-item .icon { width: 86px; height: 94px; background-repeat: no-repeat; background-position: center; background-size: contain; float: left; } .advantages-block .half-width .icon-item .icon.icon-1 { background-image: url(../../images/landings/gnlanding/advantage-ic-1.svg); } .advantages-block .half-width .icon-item .icon.icon-2 { background-image: url(../../images/landings/gnlanding/advantage-ic-2.svg); } .advantages-block .half-width .icon-item .icon.icon-3 { background-image: url(../../images/landings/gnlanding/advantage-ic-3.svg); } .advantages-block .half-width .icon-item .icon.icon-4 { background-image: url(../../images/landings/gnlanding/advantage-ic-4.svg); } .advantages-block .half-width .icon-item .text { font-size: 16px; color: #000; float: left; width: 100%; line-height: 21px; padding: 0 0 0 86px; margin-left: -114px; } .advantages-block .half-width .icon-item .text strong { text-transform: uppercase; color: #FF0092; font-weight: 700; } @media (max-width: 1262px) { .advantages-block { padding-right: 35%; padding-left: 2%; } .advantages-block .half-width { width: 48%; } .advantages-block .half-width:first-of-type { width: 52%; } .advantages-block .half-width .icon-item .text { font-size: 14px; margin-left: -116px; line-height: 18px; } } @media (max-width: 1030px) { .advantages-block { background-size: 60% auto; padding-right: 44%; padding-left: 2%; } .advantages-block .half-width { width: 100%; } .advantages-block .half-width:first-of-type { width: 100%; } .advantages-block .half-width .icon-item .text { font-size: 16px; line-height: 19px; margin-left: -114px; } } @media (max-width: 767px) { .advantages-block { background: none; padding: 20px; } .advantages-block.block__spb { background: none; } } @media (max-width: 600px) { .advantages-block .half-width .icon-item .text { font-size: 15px; line-height: 18px; } } @media (max-width: 400px) { .advantages-block .half-width .icon-item .text { font-size: 13px; padding-left: 58px; margin-left: -88px; } } .chosenumber-block { .centered { display: flex; flex-direction: column; align-items: center; } } .chosenumber-block .pink-heading { padding: 0; margin-top: 90px; margin-bottom: 61px; } .chosenumber-block .cncategories { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 20px; width: auto; } .chosenumber-block .cncategories[data-cncategories="6"] { padding: 0 50px 35px; } .chosenumber-block .cncategories .cncategory { margin-bottom: 20px; padding: 0px; width: 275px; display: flex; flex-direction: column; align-items: center; } .chosenumber-block .cncategories .cncategory .cnheader { font-size: 16px; text-transform: uppercase; color: #ec008c; } .chosenumber-block .cncategories .cncategory ul.cnnumbers { padding-left: 0; list-style: none; text-align: center; margin-top: 11px; width: 182.5px; } .chosenumber-block .cncategories .cncategory ul.cnnumbers li { border: 1px solid #666; border-radius: 10px; padding: 5px; margin-bottom: 5px; } .chosenumber-block .cncategories .cncategory ul.cnnumbers li a { color: black; font-size: 16px; } .chosenumber-block .cncategories .cncategory .more-nums-link { color: #6d6e71; font-size: 16px; text-decoration: underline; } .chosenumber-block .cncategories .cncategory .more-nums-link:hover { text-decoration: none; } .chosenumber-block .cncategories .text-wrapper { background: none; } .chosenumber-block .cncategory-price { display: flex; justify-content: center; font-size: 28px; font-weight: bold; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-evenly; align-items: center; width: 150px; } .chosenumber-block .cncategory-price > div { display: inherit; } .chosenumber-block .cncategory-price .gap { display: none; } .chosenumber-block .cncategory-price .value { font-size: 82%; } .chosenumber-block .cncategory-price .value__old, .chosenumber-block .cncategory-price .value__old + .rub-arial-regular { font-size: 55% !important; color: #999; } .new-chosenumber-block .chosenumber-block .pink-heading { text-align: left; padding-left: 115px; padding-top: 45px; } @media (max-width: 1030px) { .new-chosenumber-block { background: #E6E6E7 !important; } } .popular-tariffs { padding-bottom: 25px; } .popular-tariffs .pink-heading { padding: 0; margin-top: 50px; margin-bottom: 61px; //padding-top: 35px; //margin-bottom: 23px; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item { width: 100%; } .new-popular-tariffs .popular-tariffs .pink-heading { text-align: left; padding-left: 100px; } @media (max-width: 1262px) { .new-popular-tariffs { width: auto !important; } .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { background-color: transparent; } .tariffs-carousel .tariff-items .tariff-item { padding: 35px 24px; min-height: 388px; } .tariffs-carousel .tariff-items .tariff-item .tariff-announce { padding: 10px 24px 5px; } .tariffs-carousel .owl-theme .owl-nav .owl-prev { margin-left: -8px; } .tariffs-carousel .owl-theme .owl-nav .owl-next { margin-right: -8px; } .tariffs-carousel .owl-theme .owl-nav [class*='owl-'] { top: -240px; } } @media (max-width: 1030px) { .popular-tariffs .tariff-items .tariff-item .present-num { font-size: 11px; line-height: 15px; height: auto; padding-top: 34px; width: 150px; padding-right: 8px; } } @media (max-width: 992px) { .popular-tariffs { padding: 0; } } @media (max-width: 767px) { .main-wrap .owl-theme .owl-dots .owl-dot span { width: 11px; height: 11px; margin: 0 10px; } } @media (max-width: 600px) { .popular-tariffs .tariff-items .tariff-item { width: 100%; float: none; } .popular-tariffs .tariff-items .tariff-item .tar-advantages { max-width: 280px; margin-left: auto; margin-right: auto; } .popular-tariffs .tariff-items .tariff-item .present-num { font-size: 18px; line-height: 22px; width: 220px; } .tariffs-carousel { max-width: 100vw; min-width: 320px; margin-top: 0; } .tariffs-carousel .heading { display: none; } .tariffs-carousel .tariff-link { color: #333333; font-size: 18px; line-height: 26px; height: 60px; text-align: center; vertical-align: middle; display: table-cell; margin: 0; width: 100vw; background: #cbcaca; text-decoration: none; } .tariffs-carousel .tariff-items { border-top: none; } .tariffs-carousel .tariff-items .tariff-item .tariff-advantages { width: 100%; } .tariffs-carousel .tariff-items .owl-item { width: 100%!important; } .tariffs-carousel .owl-stage .owl-item + .owl-item { padding-left: 0; } } .accnumbers-block { background: #e6e6e7; } .accnumbers-block .pink-heading { padding-top: 30px; margin-bottom: 50px; margin-top: 0; } .accnumbers-block .accnumbers-icons-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 45px; padding-left: 60px; } @media (max-width: 1262px) { .accnumbers-block .accnumbers-icons-wrapper { padding-left: 0; flex-direction: column; align-items: center; } } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item { font-size: 16px; width: 380px; height: 137px; padding-left: 80px; padding-top: 15px; position: relative; margin-bottom: 25px; max-width: 100%; } @media (max-width: 1262px) { .accnumbers-block .accnumbers-icons-wrapper .accnumber-item:not(:last-of-type) { margin-bottom: 50px; } } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__russia { background: url('../../images/landings/gnlanding/icon-add-numbers-1.svg') 0 0 no-repeat; -webkit-background-size: contain; background-size: contain; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__russia .caption { margin-bottom: 10px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__russia .shadow { width: 273px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__phone { background: url('../../images/landings/gnlanding/icon-add-numbers-2.svg') 0 0 no-repeat; -webkit-background-size: contain; background-size: contain; padding-left: 75px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__phone .text { padding-right: 65px; } @media (max-width: 600px) { .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__phone .text { padding-right: 0; } } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__phone .shadow { width: 171px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__mark { background: url('../../images/landings/gnlanding/icon-add-numbers-3.svg') 0 0 no-repeat; -webkit-background-size: contain; background-size: contain; padding-left: 45px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__mark .text { padding-right: 95px; } @media (max-width: 600px) { .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__mark .text { padding-right: 0; } } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__mark .shadow { width: 136px; left: -20px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item .caption { font-weight: bold; color: #ec008c; margin-bottom: 2px; text-transform: uppercase; margin-top: 0; line-height: normal; font-size: 16px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item ul { padding-left: 20px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item .shadow { height: 17px; position: absolute; left: 0; bottom: -25px; z-index: 99; } .new-accnumbers-block .accnumbers-block { background: #FFFFFF; } .new-accnumbers-block .pink-heading { text-align: left; padding-top: 50px; padding-left: 100px; } @media (max-width: 767px) { .accnumbers-block .accnumbers-icons-wrapper { padding-left: 15px; padding-right: 15px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__mark { background-position-x: 30px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__phone { background-position-x: 5px; } .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__russia, .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__phone, .accnumbers-block .accnumbers-icons-wrapper .accnumber-item.accnumber-item__mark { padding-left: 100px; } } .whatfor-block .pink-heading { padding: 0 20px; margin-top: 5px; margin-bottom: 61px; //margin-top: 30px; //margin-bottom: 50px; //padding-left: 70px; } .whatfor-block .whatfor-icons-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 100px; margin-bottom: 60px; } @media (max-width: 1262px) { .whatfor-block .whatfor-icons-wrapper { padding: 0; } } .whatfor-block .whatfor-icons-wrapper .whatfor-item { text-align: center; width: 25%; } @media (max-width: 1030px) { .whatfor-block .whatfor-icons-wrapper .whatfor-item { width: 50%; padding: 0px 15px; margin-bottom: 20px; } } @media (max-width: 600px) { .whatfor-block .whatfor-icons-wrapper .whatfor-item { width: 100%; } .whatfor-block .whatfor-icons-wrapper .whatfor-item br { display: none; } } .whatfor-block .whatfor-icons-wrapper .whatfor-item .img-wrapper { text-align: center; height: 41px; margin-bottom: 20px; } .whatfor-block .whatfor-icons-wrapper .whatfor-item .img-wrapper img { max-height: 100%; } .whatfor-block .whatfor-icons-wrapper .whatfor-item .text { text-transform: uppercase; font-size: 15px; } @media (max-width: 600px) { .whatfor-block .whatfor-icons-wrapper .whatfor-item .text { text-align: center; } } .new-whatfor-block { width: 1920px; background: #E6E6E7; margin: 0 auto; padding: 30px 0; position: relative; } .new-whatfor-block .whatfor-block .pink-heading { text-align: left; padding-left: 100px ; } .new-whatfor-block .new-icon::before { content: ""; position: absolute; top: -6px; width: 58px; height: 58px; border-radius: 50%; background: #FFFFFF; } .new-whatfor-block .new-icon::after { content: ""; display: inline-block; position: relative; background: #FFFFFF; } .new-whatfor-block .icon-star { background: url(../../images/landings/gnlanding/icon-star.png) no-repeat center; position: relative; } .new-whatfor-block .new-icon.icon-star::after { background: url(../../images/landings/gnlanding/icon-star.png) no-repeat center; height: 41px; width: 43px; margin-left: 16px; margin-top: 10px; } .new-whatfor-block .icon-human { background: url(../../images/landings/gnlanding/icon-human.png) no-repeat center; position: relative; } .new-whatfor-block .new-icon.icon-human::after { background: url(../../images/landings/gnlanding/icon-human.png) no-repeat center; height: 42px; width: 37px; margin-left: 16px; margin-top: 10px; } .new-whatfor-block .icon-handshake { background: url(../../images/landings/gnlanding/icon-handshake.png) no-repeat center; position: relative; } .new-whatfor-block .new-icon.icon-handshake::after { background: url(../../images/landings/gnlanding/icon-handshake.png) no-repeat center; height: 42px; width: 47px; margin-left: 16px; margin-top: 10px; } .new-whatfor-block .icon-location { background: url(../../images/landings/gnlanding/icon-location.png) no-repeat center; position: relative; } .new-whatfor-block .new-icon.icon-location::after { background: url(../../images/landings/gnlanding/icon-location.png) no-repeat center; height: 43px; width: 34px; margin-left: 22px; margin-top: 10px; } @media (max-width: 1262px) { .new-whatfor-block { width: auto; } } .ajax-send-btn.loading { color: transparent !important; border: 0 none; background: transparent url('../../images/horizontal_loader.gif') no-repeat center !important; outline: 0 none; } .order-result.success { color: green; } .gnorderblock { /*background:transparent url('../../images/landings/gnlanding/order-bg.jpg') no-repeat center;*/ height: 321px; } @media (max-width: 768px) { .gnorderblock { background-position: left center; } } .gnorderblock .pink-heading { padding-top: 30px; margin-bottom: 30px; } .gnorderblock .gnorderform { width: 50%; text-align: center; } @media (max-width: 768px) { .gnorderblock .gnorderform { width: 100%; } } #gnumbers-orders-form { display: inline-block; width: 384px; max-width: 100%; font-size: 16px; color: #000; text-align: left; } #gnumbers-orders-form .form-group { margin-bottom: -8px; } #gnumbers-orders-form .form-group > div { white-space: nowrap; } #gnumbers-orders-form .form-group .help-block { margin-top: -3px; margin-bottom: 14px; } #gnumbers-orders-form .gnorderform-bg { background: #eeefef; margin-bottom: 7px; } #gnumbers-orders-form .overflow-hidden { margin: 0 20px; padding-top: 12px; padding-bottom: 7px; } #gnumbers-orders-form label { color: #000; font-family: 'Open Sans'; font-size: 16px; /*min-width:54px;*/ } #gnumbers-orders-form label a { text-decoration: underline; } #gnumbers-orders-form input { width: 100%; /*float: left;*/ display: inline-block; border-width: 0 0 1px 0; border-radius: 0; padding: 0 0 0 10px; height: 17px; margin-bottom: 5px; outline: 0 none; box-shadow: none; font-size: 16px; background: transparent; border-color: #000; } #gnumbers-orders-form .has-error input.form-control { border-color: #a94442; } #gnumbers-orders-form button { display: block; width: 100%; background: #ec008c; font-size: 18px; color: #fff; text-align: center; height: 40px; border: none; } #gnumbers-orders-form label.gnorder-info { font-size: 14px; } .gnorder-info { font-size: 60%; text-align: justify; padding: 5px 0 0; } .overflow-hidden { overflow: hidden; } @media (max-width: 1262px) { .gnorderblock .pink-heading { margin-bottom: 20px; } } @media (max-width: 767px) { .gnorderblock { height: auto; } .gnorderblock .pink-heading { margin-bottom: 10px; } .gnorderblock .gnorder-info { margin-bottom: 10px; } } .balls { position: relative; } .ball_bordo { display: inline-block; position: absolute; top: -250px; left: -400px; } .ball_red { display: inline-block; position: absolute; top: -135px; right: -300px; } .widget { position: absolute; top: -65px; right: 25px; } .link_cool_gift { display: inline-block; text-align: center; font-size: 14px; font-weight: 700; color: #000; } .link_cool_gift:hover { text-decoration: underline; } .new-chosenumber-block { background: url(../../images/landings/gnlanding/vibor_iz_500_num.png) no-repeat center; min-height: 594px; } .new-tariffs-block .tariff-block .additional-options-container .option { background: #EBEBEB; } .new-tariffs-block { padding-bottom: 60px; } .new-tariffs-block .h2 { padding-left: 100px; } .new-tariffs-block .tariff-block { background: #FFFFFF !important; } .new-tariffs-block .tariff-block .options-container { padding-left: 100px; } .new-tariffs-block .tariff-block .options-container .icon::before { background: #EBEBEB; } .new-tariffs-block .tariff-block .additional-options-container .icon::before { background: #FFFFFF; } .new-popular-tariffs { background: #E6E6E7; width: 1920px; margin: 0 auto; } .new-gnorderblock { background: url(../../images/landings/gnlanding/zayavka.png) no-repeat center; height: 386px; } .new-gnorderblock .pink-heading { padding-top: 50px; text-align: left; padding-left: 100px; } .new-gnorderblock .left-block { margin: 0 auto; } .new-gnorderform #gnumbers-orders-form { width: auto; } .new-gnorderform #gnumbers-orders-form .overflow-hidden { width: 456px; } .new-gnorderform #gnumbers-orders-form button { width: 456px; border-radius: 25px; height: 46px; } .new-gnorderform #gnumbers-orders-form .gnorderform-bg { background: none; } .new-gnorderform #gnumbers-orders-form .gnorderform-bg input { width: 456px; height: 46px; background: #E6E6E7; border-radius: 25px; border-width: 0; padding-left: 20px !important; margin-bottom: 10px; } .new-gnorderform #gnumbers-orders-form .gnorderform-bg label { display: none !important; } .new-gnorderform #gnumbers-orders-form .gnorderform-bg input::placeholder { color: #000000; } .order-block { overflow: hidden; position: relative; } .order-block .order-result { max-width: 320px; margin-left: auto; margin-right: auto; position: relative; padding: 30px 0; } .order-block .order-result.success { color: green; text-align: center; } .order-block .pink-heading { margin-top: 30px; margin-bottom: 61px; padding: 0 20px; @media (max-width: 1030px) { margin-top: 10px; } } .order-block .h2 { margin-bottom: 35px; position: relative; font-size: 30px; font-family: 'Open Sans'; color: #000; font-weight: 100; line-height: 1.22; text-transform: uppercase; margin: 0 auto 20px; text-align: center; } .order-block .centered { position: relative; background: url(../../images/landings/gnlanding/sky-phone-bottom.png) no-repeat right 15.6% bottom 0; padding: 0 0 40px; } .order-block #nomer8800-orders-form { padding: 0; width: 100%; max-width: 380px; margin-left: 25.8%; padding-top: 10px; position: relative; } .order-block #nomer8800-orders-form .field-wrapper { width: 100%; } .order-block #nomer8800-orders-form .control-label { color: #000; font-size: 16px; text-align: right; min-width: 90px; padding-right: 15px; } .order-block #nomer8800-orders-form .form-group { width: 100%; margin: 0 0 7px; } .order-block #nomer8800-orders-form .help-block.help-block-error { display: block; margin-left: 90px; } .order-block #nomer8800-orders-form .help-block { margin-top: 0; margin-bottom: 0; } .order-block #nomer8800-orders-form .form-control, .order-block #nomer8800-orders-form input[type="text"] { outline: none; height: 32px; width: 290px; font-size: 16px; color: #000; background: #ffffff; border: solid 1px #999999; box-shadow: none; border-radius: 16px; padding: 0 10px; display: inline-block; } .order-block #nomer8800-orders-form .btn-submit { outline: none; font-size: 16px; color: #fff; text-align: center; padding: 0 30px; height: 32px; width: 290px; margin-left: 90px; background: #eb008b; border: none; display: block; text-transform: uppercase; border-radius: 16px; padding-top: 2px; margin-top: 2px; } .order-block #nomer8800-orders-form .order-info { padding: 0 20px 0 98px; font-size: 10px; color: #231f20; } .order-block #nomer8800-orders-form .order-info a { color: inherit; } .order-block #nomer8800-orders-form img[id*="captcha"] { max-width: 80px; margin-right: 10px; } @media (max-width: 1262px) { .order-block .centered { background-position: right bottom; } .order-block #nomer8800-orders-form { margin-left: 20%; } .top-wrap > .centered { width: auto !important; margin: auto !important; } } @media (max-width: 1030px) { .order-block #nomer8800-orders-form { margin-left: 0; } .order-block .spot { top: 10px; right: -510px; } .new-tariffs-block{ .additional-options-container{ .caption{ padding-top: 40px; } .options{ margin-top: 20px !important; } } } } @media (max-width: 767px) { .order-block .h2 { margin-bottom: 20px; } .order-block .centered { background: none; } .order-block #nomer8800-orders-form { margin: 0 auto; } #gnumbers-orders-form{ .overflow-hidden{ margin: 0 auto; } } .new-gnorderblock{ .pink-heading{ padding-left: 0; text-align: center; } } } @media (max-width: 600px){ .new-gnorderblock{ #gnumbers-orders-form{ button{ height: 35px; } } .gnorderform-bg{ font-size: 16px; input{ height: 35px !important; } input::placeholder{ font-size: 16px !important; } } } .new-tariffs-block{ padding-bottom: 0; .tariff-block{ .h2{ margin-bottom: 30px; } } } } @media (max-width: 600px) { .new-tariffs-block { .tariff-block { .h2 { margin-top: 20px; } } } } @media (max-width: 490px){ .new-gnorderblock{ .pink-heading{ font-size: 20px; padding-top: 20px; } padding-left: 20px; padding-right: 20px; #gnumbers-orders-form{ .overflow-hidden{ width: auto; } .gnorderform-bg{ input{ width: 100%; } } button{ width: 100%; } } } } @media (max-width: 460px){ .new-chosenumber-block{ .chosenumber-block{ .pink-heading { text-align: center; padding-left: 0; } } } .new-tariffs-block { .tariff-block { .icon{ margin-bottom: 0; } .caption{ font-size: 25px; } .additional-options-container{ .options{ margin-bottom: 20px; } } } } }