//@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"; //body{min-width: 1262px;} .h3.heading, .h2.heading, h3.heading, h2.heading{ font-size: 34px; font-family: 'Open Sans', sans-serif; color: #000; font-weight: 700; line-height: 130%; margin: 0; padding: 50px 15px 20px; } @red: #da030d; .dragscroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: unset; &::-webkit-scrollbar { display: none; } } @import "gnlanding_partials_/_topbanner"; @import "gnlanding_partials_/_advantages"; @import "gnlanding_partials_/_chosenumber"; @import "gnlanding_partials_/_tariff_block"; @import "gnlanding_partials_/_pop_tariffs"; @import "gnlanding_partials_/_accnumbers"; @import "gnlanding_partials_/_whatfor"; @import "gnlanding_partials_/_order"; @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; } } .popular-tariffs { padding-bottom: 25px; } .popular-tariffs .pink-heading { padding-top: 35px; margin-bottom: 23px; text-align: left; padding-left: 100px; } .popular-tariffs .tariff-items.tariff-items-list .tariff-item { width: 100%; } @media (max-width: 1262px) { .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; } } @media (max-width: 600px) { .centered{ .h3,.h2,h3,h2{ &.heading{ font-size: 24px; } } } }