File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/templates/aspro_next/styles.css

Back
body{width:100%;position:relative;margin:0 auto;padding:0;color:#555;} button, input[type='submit'], input[type='button'], .basket_button, .basket_button span {text-transform:none;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none;} h1{color: #383838;font-size: 36px;font-weight:bold;line-height: 38px;padding-bottom: 25px;} h1.shifted{padding-right:200px;} h2, h3, h4, h5{color:#383838;line-height:20px;font-weight:bold;margin: 30px 0 26px;} h2{font-size:24px;margin: 0 0 24px;} h3{margin:0 0 23px;} h3, h3 a{font-size:20px;line-height:20px;font-weight:bold;} a h3{display:inline-block;} h4{font-size:16px;} h5{font-size: 14px;} h1{font-size:2.133em;line-height:30px;margin:0 0 18px;font-weight:bold;} h2{font-size:1.866em;line-height:28px;margin: 40px 0 26px;} h3{font-size:1.6em; line-height:24px;margin: 40px 0 26px;} h4{font-size:1.33em; line-height:20px;margin: 40px 0 26px;} h5{font-size:1.2em; line-height:22px;margin: 40px 0 26px;} h6{font-size:1.066em;line-height:22px;margin: 40px 0 26px;} h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced{margin-top:50px;} h1.no-top-space, h2.no-top-space, h3.no-top-space, h4.no-top-space, h5.no-top-space, h6.no-top-space{margin-top:0px;} h1.no-bottom-space, h2.no-bottom-space, h3.no-bottom-space, h4.no-bottom-space, h5.no-bottom-space, h6.no-bottom-space{margin-bottom:0px;} h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced{margin-top:64px;} h1.bottom-spaced, h2.bottom-spaced, h3.bottom-spaced, h4.bottom-spaced, h5.bottom-spaced, h6.bottom-spaced{margin-bottom:36px;} img{border:0;} blockquote{color:#383838;margin:43px 0 45px;min-height:40px;padding-left:25px;position:relative;vertical-align:middle;border:none;} blockquote:before{bottom:3px;content:" ";display:block;left:0;position:absolute;top:3px;width:3px;background-color:#ddd;} .medium{font-weight: 500;font-size: 14px;} hr{border:0;height:1px;margin:20px 0;background: #f0f0f0;} p{margin:0px 0px 20px;} a{cursor:pointer;text-decoration:none;} table {border-collapse:collapse;} ol {counter-reset:li;} ol li, ul li{position:relative;padding-left:18px;} ol li:before, ul li:before{position:absolute;left:0px;} ol li:before{content:counter(li) ". " !important;counter-increment:li;padding-right:0 !important;color:#383838;} ul li:before{content:"\25CF";color:#383838;} li{list-style-type:none;} .big_text {font-size:18px;font-weight:500;} .middle_text {font-size:14px;} hr.long { margin: 35px 0px 30px; } .border_block_wide { border: 1px solid #e5e5e5; padding: 9px 38px 34px; } .border_block_wide .props_list { width: 100%; } .border_block_wide .props_list td:first-child { font-size: 14px; } .border_block_wide .props_list td:first-child .txt { padding-right: 28px; } .border_block_wide .props_list td:last-child { font-size: 16px; font-weight: bold; } .border_block_wide .props_list td:last-child .txt { padding-left: 29px; } .border_block_wide .props_list td .txt { padding-left: 14px; } .border_block_wide .props_list td { padding-top: 6px; } table.props_list { border-collapse: collapse; border: 0px;table-layout:fixed; } table.table td{padding:10px;} table[data-bx-no-border="Y"] td { border: 0px; border-bottom: 1px dotted #c3c3c3; } .props_list td { text-align: right; padding: 2px 0px 2px 10px; font-size: 13px; } .border_block_wide .props_list td {border-bottom: 1px dotted #c3c3c3;} .props_list td > span, .props_list td > .txt { position: relative; background: #FFF; padding: 0px; display: inline-block;color: #666; } .border_block_wide .props_list td > span, .border_block_wide .props_list td > .txt{bottom: -11px;background: #FFF;padding: 0px 0px 0px 10px;display: inline-block;} .props_list tr td:first-child { text-align: left; padding-right: 10px; padding-left: 0px;} .props_list tr td:first-child > span, .props_list tr td:first-child > .txt { padding-right: 12px; position: relative; } .props_list tr td:first-child > span.whint { padding-right: 32px; } .border_block_wide .props_list tr td:first-child > span:before, .border_block_wide .props_list tr td:first-child > .txt:before { content: ""; display: block; position: absolute; background: #ddd; left: 1px; top: 10px; width: 2px; height: 2px; } .props_list tr td:first-child > .txt:before { top: 9px; width: 3px; height: 3px; } .tizer_bold_text { font-weight: 600; font-size: 18px; } .tizer_text { font-size: 16px; } .styled-block{border-left:2px solid;background:url('images/background.png') #f5f5f5 0 0 repeat;color:#555555;margin-bottom:40px;clear:both;margin-top:30px;padding:37px 50px;font-size:15px;} .order-block{background:#fbfbfb;border:1px solid #f5f5f5;color:#555555;clear:both;font-size:1em;margin:35px 0 51px;width:100%;} .order-block .row{margin:0;} .order-block .row > div{text-align:center;padding: 41px 0 40px;min-height:83px;} .order-block td{padding:41px 0px;vertical-align:top;} .order-block td .btns{text-align:center;} .order-block .btn{margin:0;} .order-block .text{padding:0px 0px 0px 128px;min-height: 54px;line-height:24px;color:#222;text-align:left;position:relative;} .order-block .text:before{content:"";background:url(images/svg/next.svg) -405px -211px no-repeat;display:block;width:48px;height:58px;position:absolute;top:39px;top:-2px;left:50px;} .order-block .text h1, .order-block .text h2, .order-block .text h3, .order-block .text h4, .order-block .text h5, .order-block .text h6 {color:#333333;margin-bottom:5px;margin-top:0px;} .styled-block .row > div, .order-block .row > div{/float:left;/display: table-cell;vertical-align:middle;} .styled-block .row > div.col-md-3, .order-block .row > vib.col-md-3{text-align:center;} .styled-block .row > div.col-md-3 .btn, .order-block .row > vib.col-md-3 .btn{position:relative;margin:0;} .order-block.noicons .text:before{display:none;} .order-block.noicons .text{min-height:auto;padding-left:30px;} .order-block.noicons td{vertical-align:middle;} .introtext {padding: 0px 0px 20px;font-size: 1.200em;color: #222222;border-bottom: 2px solid #de002b; line-height: 1.6em;margin-bottom: 40px;position:relative;} .btn-inline { cursor: pointer; white-space: nowrap; } .btn-inline i { margin: 0 14px; } .btn-inline.rounded i { margin: 0 8px; border-radius: 50%; width: 18px; text-align: center; height: 18px; line-height: 18px;position:relative;top:1px; } .btn-inline.rounded i:before { margin-left: 1px; } .bx-firefox .btn-inline.rounded i:before { margin-left: 0px; } .btn-inline.rounded:hover i { color: #fff; background: #ccc; } .btn-inline:hover { color: #222; } .btn-inline.sm { font-size:0.867em; } .btn-inline.sm i { margin: 0 12px; } .btn-inline.sm.rounded i { margin: 0 6px; } .btn-inline.xs { font-size:0.733em; } .btn-inline.xs i { margin: 0 10px; } .btn-inline.xs.rounded i { margin: 0 4px; } .btn-inline.black { color: #222; } .black { color: #222; } /* i.fa.big-icon /info/more/icons/ / .fa.big-icon { height: 54px; width: 54px; line-height: 54px; font-size: 29px; border-radius: 50%; background: #666; color: #fff; text-align: center; } .fa.big-icon.grey { color: #222;} .fa.big-icon.s50 { height: 50px; width: 50px; line-height: 50px; font-size: 29px; } .fa.big-icon.s45 { height: 45px; width: 45px; line-height: 45px; font-size: 25px; } .fa.big-icon.s40 { height: 40px; width: 40px; line-height: 40px; font-size: 22px; } .fa.big-icon.s35 { height: 35px; width: 35px; line-height: 35px; font-size: 19px; } .fa.big-icon.s30 { height: 30px; width: 30px; line-height: 30px; font-size: 17px; } .fa.big-icon.s25 { height: 25px; width: 25px; line-height: 25px; font-size: 13px; } / .icon-text /info/more/icons/ / .icon-text { padding: 0 20px; height: 54px; line-height: 54px; display: inline-block; border-radius: 27px; white-space: nowrap; } .icon-text .fa { font-size: 30px; margin-top: -7px; vertical-align: middle; margin-right: 10px; } a.icon-text:hover { color: #fff; text-decoration: underline; } a.icon-text:focus { color: #fff; } .icon-text.s50 { padding: 0 18px; height: 50px; line-height: 50px; } .icon-text.s50 .fa { margin-top: -2px; font-size: 26px; margin-right: 6px; } .icon-text.s45 { height: 45px; line-height: 45px; } .icon-text.s45 .fa { margin-top: -2px; font-size: 22px; margin-right: 4px; } .icon-text.s40 { padding: 0 16px; height: 40px; line-height: 40px; } .icon-text.s40 .fa { font-size: 22px; margin-top: -4px; margin-right: 4px; } .icon-text.s35 { padding: 0 14px; height: 35px; line-height: 33px; } .icon-text.s35 .fa { margin-top: 0; font-size: 18px; margin-right: 4px; } .icon-text.s30 { padding: 0 12px; height: 30px; line-height: 30px; font-size: 13px; line-height: 29px; } .icon-text.s30 .fa { margin-top: 0; font-size: 15px; margin-right: 2px; line-height: 13px; } .icon-text.s25 { padding: 0 9px; height: 25px; font-size: 13px; line-height: 24px; } .icon-text.s25 .fa { margin-top: 0; font-size: 14px; margin-right: 2px; line-height: 13px; } / BUTTONS / .btn{font-size:13px;line-height:18px;font-weight:normal;text-transform:none;text-decoration:none;margin:0px;border:1px solid;border-radius:2px;padding:7px 18px 9px;overflow:hidden;transition:background-color 0.3s ease;-moz-transition:background-color 0.3s ease;-ms-transition:background-color 0.3s ease;-o-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;} .more_page_buttons_block .btn{margin:0 10px 10px 0;} .btn.bold{font-weight:bold;} .btn > {-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;-o-transition:background-color 0.3s;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;} .btn-lg{padding: 10px 25px 10px;font-weight:bold;} .btn.btn-lg{font-size:14px;} .btn-sm{padding:6px 15px 6px;font-size:12px;} .btn.btn-sm{font-weight:normal;} .btn-xs{font-size:11px;line-height:12px;padding:7px 14px 7px;border-radius:1px;} .btn.btn-xs{font-weight:normal;} .btn[disabled],.btn.disabled{background:none !important;border:1px solid #bbbbbb !important;color:#bbbbbb !important;} .btn[disabled] > ,.btn.disabled > {background:none !important;border:none !important;color:#bbbbbb !important;} .btn-lg[disabled],.btn-lg.disabled{border-width:2px;} .btn-icon i{margin-right:10px;} .btn-icon-right i{margin-right:0;margin-left:10px;} .btn-default.wc{padding:0 !important;font-size:0;} .btn-default.wc .fa{display:inline-block;height:31px;line-height:32px;vertical-align:top;width:32px;display:inline;zoom:1;font-size:13px;} .btn-default.wc span{display:inline-block;padding:6px 12px 5px 0px;line-height:19px;vertical-align:top;display:inline;zoom:1;font-size:13px;} .btn-default.btn-xs.wc .fa{width:25px;height:26px;line-height:27px;font-size:14px;font-weight:bold;} .btn-default.btn-xs.wc span{line-height:16px;padding:5px 10px 4px 0;font-size:11px;} .btn-default.wc.vert{background:none;border:none;padding:0;min-width:100px;width:100%;} .btn-default.wc.vert .fa{background-color:#cdd8dd;border:none;display:block;height:70px;line-height:70px;vertical-align:top;font-size:39px;border-radius:1px 1px 0 0;width:100%;} .btn-default.wc.vert span{color:#1d2029;background:#dfeaed;border-bottom:1px solid #c8d2d5;border-top:1px solid #eaf1f3;display:block;padding:10px 12px 10px;line-height:16px;font-size:13px;font-weight:bold;border-radius:0 0 1px 1px;white-space:normal;text-shadow:none;} .btn-default.wc.vert:hover span{background:#cdd8dd;border-bottom:1px solid #b8c2c6;border-top:1px solid #dde5e8;} .btn.btn-responsive-nav{ color:#FFF; padding:5px 8px 3px;margin:0;border:medium none;} .btn.btn-responsive-nav .fa{font-size:21px;} .btn.btn-transparent-border{border:1px solid rgba(243,243,243,0.4);} .btn.btn-transparent-border:hover{color:#fff;} .btn.white.grey{color:#888888 !important;border:1px solid #aaaaaa;background:#ffffff;} .to-order, .to-subscribe, .in-cart, .in-subscribe{display:block;} .btn.btn-default.in-cart, .btn.btn-default.in-cart:hover{background: #4fad00;border-color: #4fad00;} .btn.btn-default:focus:active{color:#fff;} .btn.btn-default.transparent.white:not(:hover){background: transparent;} .btn:hover,.btn:active,.btn:focus{outline:none;} .btn.btn-default:active:hover{color:#fff;} .whatsapp-button { position: fixed; left: 70px; right: 0px; bottom: 0px; transform: translate(-50%, -50%); background: #25d366; /цвет кнопки/ border-radius: 50%; width: 55px; /ширина кнопки/ height: 55px; /высота кнопки/ color: #fff; text-align: center; line-height: 53px; /центровка иконки в кнопке/ font-size: 35px; /размер иконки/ z-index: 9999; } .whatsapp-button a { color: #fff; } .whatsapp-button:before, .whatsapp-button:after { content: " "; display: block; position: absolute; border: 50%; border: 1px solid #25d366; /цвет анимированных волн от кнопки/ left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; opacity: 0; backface-visibility: hidden; } .whatsapp-button:after { animation-delay: 0.5s; } @keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @media (max-width: 800px) { .whatsapp-button { bottom: 5px; /отступ кнопки снизу от экрана/ left: 70px; /отступ кнопки слева от экрана(right - справа)/ } } main h2 { font-size: 25px; text-transform: uppercase; } main p { font-size: 18px; } .main-header { line-height: 30px; text-transform: uppercase; font-size: 30px; text-align: center; } .main-text { font-size: 18px; text-align: center; } .main-card { display: flex; flex-wrap: wrap; gap: 5px; } .main-card-content { width: 33%; } .oformleniye_blokov { margin: 20px auto; padding: 50px 0; position: relative; max-width: 640px; } .oformleniye_blokov .akmatsuva-1, .oformleniye_blokov .akmatsuva-2, .oformleniye_blokov .akmatsuva-1:after, .oformleniye_blokov .akmatsuva-2:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .oformleniye_blokov .akmatsuva-1, .oformleniye_blokov .akmatsuva-2 { filter: drop-shadow(2px 6px 6px rgba(0, 0, 0, 0.4)); } .oformleniye_blokov .akmatsuva-1:after { clip-path: polygon(0 0, 40% 0, 20% 100%, 20% 100%); content: ""; transition: all 0.5s ease-in-out; background: #217cc1; } .oformleniye_blokov:hover .akmatsuva-1:after { clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%); } .oformleniye_blokov .akmatsuva-2:after { clip-path: polygon(80% 0, 100% 100%, 60% 100%, 80% 0); content: ""; transition: all 0.5s ease-in-out; background: #1e77b9; } .oformleniye_blokov:hover .akmatsuva-2:after { clip-path: polygon(100% 0, 100% 100%, 40% 100%, 60% 0); } .oformleniye_blokov .akmatsuva-txt { position: relative; text-align: center; z-index: 1; padding: 20px; margin: 0 50px; left: 0; background: #fff; box-shadow: 2px 12px 15px rgba(0, 0, 0, 0.4); transition: all 0.5s ease-in-out; } .oformleniye_blokov .akmatsuva-txt h3 { text-transform: uppercase; color: #217cc1; font-weight: bold; font-family: Verdana, sans-serif; font-size: 20px; margin: 6px 0; } .oformleniye_blokov .akmatsuva-txt p { font-family: Verdana, sans-serif; font-size: 16px; margin: 6px 0; } @media (max-width: 540px) { .oformleniye_blokov .akmatsuva-txt h3 { font-size: 18px; } .oformleniye_blokov .akmatsuva-txt p { font-size: 14px; } } @media (max-width: 400px) { .oformleniye_blokov .akmatsuva-txt h3 { font-size: 16px; } .oformleniye_blokov .akmatsuva-txt p { font-size: 13px; } } .section h2 { text-align: center; font-size: 25px; text-transform: uppercase; } .section h3 { text-align: center; font-size: 20px; text-transform: uppercase; } ::selection { color: #fff; background: #e2e2e2; } .envelope { max-width: 1080px; margin: 50px auto; padding: 0 20px; position: relative; } .envelope .sentralnaya-liniya { position: absolute; height: 100%; width: 4px; background: #217cc1; left: 50%; top: 20px; transform: translateX(-50%); } .envelope .row { display: flex; } .envelope .kapsula-1 { justify-content: flex-start; } .envelope .kapsula-2 { justify-content: flex-end; } .envelope .row section { background: #e2e2e2; border-radius: 5px; width: calc(50% - 40px); padding: 20px; position: relative; } .envelope .row section::before { position: absolute; content: ""; height: 15px; width: 15px; background: #e2e2e2; top: 28px; z-index: -1; transform: rotate(45deg); } .kapsula-1 section::before { right: -7px; } .kapsula-2 section::before { left: -7px; } .row section .icon, .sentralnaya-liniya .anachok-prokrus { position: absolute; background: #9f9e9e; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #217cc1; font-size: 17px; box-shadow: 0 0 0 4px #217cc1, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .sentralnaya-liniya .anachok-prokrus { bottom: 0px; left: 50%; font-size: 25px; transform: translateX(-50%); } .kapsula-1 section .icon { top: 15px; right: -60px; } .kapsula-2 section .icon { top: 15px; left: -60px; } .row section .nosaecause, .row section .bottom { display: flex; align-items: center; justify-content: space-between; } .row section .nosaecause .title { font-size: 22px; font-weight: 600; } .row section p { margin: 10px 0 17px 0; } .row section .bottom a { text-decoration: none; background: #217cc1; color: #fff; padding: 7px 15px; border-radius: 5px; /* font-size: 17px; / font-weight: 400; transition: all 0.3s ease; } .row section .bottom a:hover { transform: scale(0.97); } @media (max-width: 790px) { .envelope .sentralnaya-liniya { left: 40px; } .envelope .row { margin: 30px 0 3px 60px; } .envelope .row section { width: 100%; } .kapsula-1 section::before { left: -7px; } .kapsula-1 section .icon { left: -60px; } } @media (max-width: 440px) { .envelope .sentralnaya-liniya, .row section::before, .row section .icon { display: none; } .envelope .row { margin: 10px 0; } } .askuveme_vkladok { margin: 20px 0; } .askuveme_vkladok .expandable_tab { width: calc(100% - 40px); margin: 0 auto; height: 0; color: rgba(0, 0, 0, 0); background-color: #e2e2e2; line-height: 18px; padding: 0 30px; box-sizing: border-box; transition: color 0.5s, padding 0.5s; overflow: hidden; font-family: Verdana, sans-serif; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 16px rgba(0, 0, 0, 0.2); } .askuveme_vkladok .expandable_tab p { margin: 0 0 10px; } .askuveme_vkladok label { cursor: pointer; background-color: #217cc1; display: block; padding: 15px 20px; width: 100%; color: #bfe2ff; font-weight: 300; box-sizing: border-box; z-index: 100; font-family: Verdana, sans-serif; font-size: 18px; margin: 0 0 5px; transition: color 0.35s; } .askuveme_vkladok label:hover { color: #fff; } .askuveme_vkladok input { display: none; } .askuveme_vkladok label:before { content: "\276F"; float: right; } .askuveme_vkladok input:checked + label { background-color: #285f8f; color: #fff; box-shadow: 0 8px 26px rgba(0, 0, 0, 0.4), 0 28px 30px rgba(0, 0, 0, 0.3); } .askuveme_vkladok input:checked + label:before { transition: transform 0.35s; transform: rotate(90deg); } .askuveme_vkladok input:checked + label + .expandable_tab { height: auto; margin-top: -5px; color: #000; padding: 20px 30px 10px; } .rating-mini { display: inline-block; font-size: 0; text-align: center; display: block; } .rating-mini span { padding: 0; font-size: 20px; line-height: 1; color: lightgrey; } .rating-mini > span:before { content: "★"; } .rating-mini > span.active { color: gold; } .social-box { text-align: center; } .conteiner-reg { display: flex; flex-wrap: wrap; justify-content: center; } .box-reg { width: 200px; text-transform: uppercase; text-align: center; border: 1px solid black; margin: 5px; padding: 5px; } .box-reg a { text-decoration: none; color: #000; } .h2_block { text-transform: uppercase; text-align: center; font-size: 25px; } .bText { text-transform: uppercase; font-size: 1.1em; } .faq-heading { border-bottom: #777; padding: 20px 60px; } .faq-container { display: flex; justify-content: center; flex-direction: column; } .hr-line { width: 100%; margin: auto; } / Style the buttons that are used to open and close the faq-page body / .faq-page { / background-color: #eee; / color: #444; text-transform: uppercase; font-size: 15px; cursor: pointer; padding: 30px 20px; width: 100%; border: none; outline: none; transition: 0.4s; margin: auto; } .faq-body { margin: auto; / text-align: center; / width: 100%; padding: auto; } / Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) / .active2, .faq-page:hover { background-color: #f9f9f9; } / Style the faq-page panel. Note: hidden by default / .faq-body { padding: 0 18px; background-color: white; display: none; overflow: hidden; } .faq-page:after { content: "\02795"; / Unicode character for "plus" sign (+) / font-size: 10px; color: #777; float: right; margin-left: 5px; } .active2:after { content: "\2796"; / Unicode character for "minus" sign (-) */ } .foto-dorogie-detali { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; } @media (max-width: 1200px){ .bam-regions-confirm {display:none!important;} } .btnn { display: inline-block; box-sizing: border-box; padding: 0 20px; margin: 0 15px 15px 0; outline: none; border: none; border-radius: 4px; height: 32px; line-height: 32px; font-size: 14px; font-weight: 500; text-decoration: none; color: #fff; background-color: #3775dd; box-shadow: 0 2px #21487f; cursor: pointer; user-select: none; appearance: none; touch-action: manipulation; vertical-align: top; } .btnn:hover { background-color: #002fed; } .btnn:active { background-color: #2f599e !important; } .btnn:focus-visible { box-shadow: 0 0 0 3px lightskyblue; } .btnn:disabled { background-color: #6c87b5; pointer-events: none; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.27 | proxy | phpinfo | Settings