.teamprice { display: inline-block; } .teamprice img { width: auto; margin:5px 0px; } .category-color { font-size: 8px; } .category-color .colort { float: left; height: auto; width: 60px; background-color: #fff; color: #000; margin: 0px 5px; } .category-color .colord { float: left; margin: 0px 5px; padding: 10px 0; width: 50px; height: 50px; border: 1px solid #ddd; } .cat-table-left { width:30%; float:left; text-align:left; margin:auto; } .cat-table-right { width:70%; float:left; } .hockey-table { margin-top: 10px; margin-bottom: 10px; } .hockey-table table { font-size: 16px; text-align: center; border-collapse: collapse; box-shadow: 0 0 0 5px #cec8c6; color: #452F21; width: 100%; font-family: 'Roboto Condensed', sans-serif; } .hockey-table th { padding: 10px 8px; background: white; text-align:center; } .hockey-table td { border-top: 5px solid #cec8c6; padding: 8px; background: white; text-align:center; } .hockey-table .tbody-td{ border-right: 5px solid #cec8c6; } #feedback-form { /* вся форма */ max-width: 550px; padding: 2%; border-radius: 3px; background: #f1f1f1; } #feedback-form label { /* наименование полей */ float: left; display: block; clear: right; } #feedback-form .w100 { /* поля */ float: right; max-width: 400px; width: 97%; margin-bottom: 1em; padding: 1.5%; } #feedback-form .border { /* граница полей */ border-radius: 1px; border-width: 1px; border-style: solid; border-color: #C0C0C0 #D9D9D9 #D9D9D9; box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset; } #feedback-form .border:focus { outline: none; border-color: #abd9f1 #bfe3f7 #bfe3f7; } #feedback-form .border:hover { border-color: #7eb4ea #97cdea #97cdea; } #feedback-form .border:focus::-moz-placeholder { /* убрать при фокусе первоначальный текст поля */ color: transparent; } #feedback-form .border:focus::-webkit-input-placeholder { color: transparent; } #feedback-form .border:not(:focus):not(:hover):valid { /* правильно заполненные поля */ opacity: .8; } #submitFF { /* кнопка "Отправить" */ padding: 2%; border: none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; background: #669acc; color: #fff; float: none; text-align: center; margin: auto; width: 100%; } #feedback-form br { height: 0; clear: both; } #feedback-head { font-weight:bold; font-size:18px; padding: 5px 0px 10px 0px; float: none; text-align: center; } #submitFF:hover { background: #5c90c2; } #submitFF:focus { box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05); } #form-alert{ color: #585858; padding: 0px; } #form-alert b { padding: 30px 0px; } /* Всплывающее окно */ .parent_popup, .parent_popup_click { background-color: rgba(0, 0, 0, 0.8); display: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } .popup, .popup_click { background: #fff; max-width: 600px; width:70%; margin: 14% auto auto auto; padding: 5px 20px 13px 20px; border: 10px solid #ddd; position: relative; /*--CSS3 CSS3 Тени для Блока--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Закругленные углы--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .popup h2, .popup_click h2 { font:28px Monotype Corsiva, Arial; font-weight: bold; text-align: center; color: #008000; text-shadow: 0 1px 3px rgba(0,0,0,.3); } .popup h3, .popup_click h3 { font:24px Monotype Corsiva, Arial; color: #008000; text-align: left; text-shadow: 0 1px 3px rgba(0,0,0,.3); } /* кнопка закрытия */ .close { background-color: rgba(0, 0, 0, 0.8); border: 2px solid #ccc; height: 24px; line-height: 24px; position: absolute; right: -24px; cursor: pointer; text-align: center; text-decoration: none; color: rgba(255, 255, 255, 0.9); font-size: 14px; font-family: helvetica, arial; text-shadow: 0 -1px rgba(0, 0, 0, 0.9); top: -24px; width: 24px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background-color: rgba(255, 69, 0, 0.8); } .hockey-table table th:first-child { } .hockey-table table th:last-child { } .form-order-popup { text-align: center; border-top: 1px solid #ce2427; position: relative; display: block; width: 100%; float: left; height: auto; margin-top: 20px; padding: 20px 10px 25px 10px; background: #eaeaea; font-size: 16px; } .form-order-popup img { padding-top: 15px; margin:auto; float:none; } @media (max-width: 767px) { .teamprice img { float: left; } .cat-table-left { width: 100%; } #feedback-form .w100 { width: 70%; } .cat-table-right { width:100%; } #feedback-form label { line-height: 30px; } .popup, .popup_click { width: 90%; padding: 5px 10px; } #feedback-form #fileFF { width: 100%; margin-bottom: 5px; padding: 0px; } #feedback-form #messageFF { width: 100%; border: 1px solid #bdbcbc; margin-bottom: 5px; } #div-fz152 { font-size:10px; line-height:12px; } } СКАЧАТЬ КАТАЛОГ (.PDF) СКАЧАТЬ КАТАЛОГ (.PDF) ОСТАВИТЬ ЗАЯВКУ ФИО: Email: Телефон: Прикрепить файл: Не более 10мб. Комментарий: Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных». X