/* Start:/local/templates/bejet_seller-1.6.0/components/bitrix/catalog/.default/style.css?1766935666697*/ .grid{} .grid .bx_content_section{ margin-bottom: 15px; } .grid .bx_sidebar{ margin-bottom: 15px; } /* grid2x1 */ .grid2x1{} .grid2x1 .bx_content_section{ float: left; width: 66%; margin-bottom: 15px; } .grid2x1 .bx_sidebar{ float: right; width: 33%; margin-bottom: 15px; padding-left: 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width:960px){ .grid2x1 .bx_sidebar{ padding-left: 4%; } } @media (max-width:640px) { .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar{ width: 100%; float: none; } .grid2x1 .bx_sidebar{ padding-left: 3%; } } @media (max-width:479px){ .grid2x1 .bx_sidebar{ padding-left: 1%; } } /* End */ /* Start:/local/templates/bejet_seller-1.6.0/components/bitrix/catalog/.default/bitrix/catalog.element/multiple-props/style.css?176693584421912*/ #buyDetailPopup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1000;}#buyDetailPopup.i-show{display:block}#buyDetailPopupOpaco{background-color:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;z-index:1001;}#buyDetailPopup.i-animate #buyDetailPopupOpaco{opacity:1}#buyDetailPopupWindow{position:absolute;top:calc(50% - 25px);left:calc(50% - 300px);background-color:#00f;width:600px;padding:25px 25px;transition:all .3s ease;-webkit-transition:all .3s ease;transform:scale(.9);-webkit-transform:scale(.9);opacity:0;z-index:1002;}#buyDetailPopup.i-animate #buyDetailPopupWindow{opacity:1;transform:scale(1);-webkit-transform:scale(1)}#buyDetailPopupWindow a{color:#fff;text-decoration:underline;white-space:nowrap}@media (max-width:767px){#buyDetailPopupWindow{width:300px;top:calc(50% - 40px);left:calc(50% - 150px);height:auto}}#buyDetailPopup .b-catalog-detail-popup__close{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer;z-index:1;}#buyDetailPopup .b-catalog-detail-popup__close:before{content:'';display:block;border-right:1px solid #fff;position:absolute;top:0;left:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);height:100%;z-index:1}#buyDetailPopup .b-catalog-detail-popup__close:after{content:'';display:block;border-right:1px solid #fff;position:absolute;top:0;left:10px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);height:100%;z-index:1}#buyDetailPopup .b-catalog-detail-popup__body{color:#fff;line-height:normal}.b-catalog-detail__go-back{position:fixed;bottom:50px;right:50px;width:64px;height:64px;border-radius:50%;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:24px;z-index:1000;}@media (max-width:767px){.b-catalog-detail__go-back{top:40px;bottom:auto;right:auto;left:0;opacity:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;pointer-events:none}.b-catalog-detail__go-back.show{left:20px;opacity:1;pointer-events:auto}}@media (max-width:767px){.b-catalog-detail h1{margin-bottom:0}}@media (max-width:767px){.b-catalog-detail .b-catalog-tags{margin-top:5px}}.col-sm-7.b-catalog-detail__props{display:flex;justify-content:space-between;font-size:.85rem;}.col-sm-7.b-catalog-detail__props span{display:inline-block}.b-catalog-detail__props-slide{display:none;background-repeat:no-repeat;background-position:center;background-size:cover;height:10px;width:20px;margin:0 auto;cursor:pointer;}@media (max-width:767px){.b-catalog-detail__props-slide{display:block}}.b-catalog-detail__props-icons{text-align:right;}@media (max-width:767px){.b-catalog-detail__props-icons{text-align:center;margin-top:10px}}.b-catalog-detail__rating{display:inline-block;width:79px;height:12px}.b-catalog-detail__gallery{position:relative;}.b-catalog-detail__gallery .fotorama__html a{display:block !important;line-height:0;}.b-catalog-detail__gallery .fotorama__html a:hover{opacity:1}.b-catalog-detail__gallery .fotorama__html a img{margin:0 auto;max-width:100%}.b-catalog-detail__gallery .fotorama__wrap--css3 .fotorama__html,.b-catalog-detail__gallery .fotorama__wrap--css3 .fotorama__stage .fotorama__img{text-align:center}.b-catalog-detail__gallery .fotorama__wrap--css3 .fotorama__html{display:flex;justify-content:center;align-items:center;}.b-catalog-detail__gallery .fotorama__wrap--css3 .fotorama__html div[ data-thumb ]{width:100%}.b-catalog-detail__gallery .magnify{width:100%;vertical-align:top;}.b-catalog-detail__gallery .magnify a{pointer-events:none}.b-catalog-detail__gallery .magnify img{margin:0 auto;max-width:100%}.b-catalog-detail__gallery-icons{position:absolute;top:20px;left:20px;z-index:10}.b-catalog-detail .col-sm-4 hr.i-line:first-child{margin-top:0}.b-catalog-detail__ill{border:1px solid #f2f2f2;}.b-catalog-detail__ill > .row{margin-bottom:0}.b-catalog-detail__price-block{padding:0 0 2px;}.b-catalog-detail__price-block .row{margin-bottom:0}.b-catalog-detail__price{font-size:27pt;margin-bottom:3px;}.b-catalog-detail__price.i-sale{color:#c33}.b-catalog-detail__old-price,.b-catalog-detail__benefit{font-size:10.5pt;}.b-catalog-detail__old-price span,.b-catalog-detail__benefit span{display:block;font-size:7pt}.b-catalog-detail #propListBlock h6{font-size:1em;margin:0 0 1em;line-height:normal}.b-catalog-detail #propListBlock > div{text-align:center}.b-catalog-detail__colors-block{text-align:center;padding:9px 0 0}.b-catalog-detail__colors-item{display:inline-block;vertical-align:top;width:24px;height:24px;border-radius:51%;margin:0 9px 9px;cursor:pointer;transition:transform .3s ease;-webkit-transition:transform .3s ease;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;}.b-catalog-detail__colors-item.i-white{border:1px solid #eee}.b-catalog-detail__colors-item:hover{transform:scale(1.3);-webkit-transform:scale(1.3)}.b-catalog-detail__colors-item span{display:none;width:14px;height:7px;margin-top:6px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.b-catalog-detail__colors-item.i-white span{border-color:#ddd}.b-catalog-detail__colors-item.i-active{transform:scale(1.3);-webkit-transform:scale(1.3);cursor:default;}.b-catalog-detail__colors-item.i-active span{display:inline-block;vertical-align:top}.b-catalog-detail__colors-item.i-disabled{opacity:.5;text-decoration:line-through}.modal .b-catalog-detail__colors-item{cursor:default}.b-catalog-detail__sizes-block{display:flex;justify-content:center;flex-wrap:wrap}.b-catalog-detail__sizes-item{font-size:.95rem;min-width:50px;display:inline-block;vertical-align:top;cursor:pointer;text-align:center;border-bottom:2px solid transparent;padding-bottom:3px;margin:0 5px 16px;}.b-catalog-detail__sizes-item.i-active{color:#2f3154;border-bottom:2px solid #2f3154;cursor:default}.b-catalog-detail__sizes-item.i-disabled,.b-catalog-detail__sizes-item.i-subscribe{opacity:.5}.b-catalog-detail__size-table-link{text-align:center;font-size:.65rem;font-weight:400}.b-catalog-detail__button-block.row{padding:9px 0;margin-bottom:0;display:flex;align-items:center;}@media (max-width:767px){.b-catalog-detail__button-block.row{display:block}}.b-catalog-detail__button-block.row .text-center{line-height:28px}.b-catalog-detail__button-block.row .btn{transition:all .3s ease;-webkit-transition:all .3s ease;}.b-catalog-detail__button-block.row .btn span{display:none;}.b-catalog-detail__button-block.row .btn span.i-show{display:inline-block}.b-catalog-detail__button-block.row .col-sm-6:first-child{transition:width .3s ease;-webkit-transition:width .3s ease}.b-catalog-detail__properties{margin-top:-10px}.b-catalog-detail__prop-title{display:block;position:relative;padding:10px 0;}.b-catalog-detail__prop-title:after{content:'';display:block;width:20px;height:14px;position:absolute;top:15px;right:10px;transition:all .3s ease;-webkit-transition:all .3s ease;background:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMjIiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1vcmUtb3Blbi1ibGFjazwvdGl0bGU+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxNy42NCA4Ljc0IDEwIDEzLjg4IDIuMzYgOC43NCIvPjwvc3ZnPg==") no-repeat center;background-size:cover}.b-catalog-detail__prop-title:hover{text-decoration:none}.b-catalog-detail__prop-title[aria-expanded="true"]:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.b-catalog-detail__prop-collapse{margin-bottom:15px}@media (max-width:767px){.b-catalog-detail__tags{text-align:left;}.b-catalog-detail__tags a{margin:0 22px 0 0}.col-sm-7.b-catalog-detail__props{display:none;text-align:center;}.col-sm-7.b-catalog-detail__props span{display:block;margin-bottom:5px;}.col-sm-7.b-catalog-detail__props span span{display:inline-block;margin-bottom:0}.col-sm-7.b-catalog-detail__props span.b-catalog-detail__rating{margin:15px auto 20px}.col-sm-1.b-catalog-detail__icons{display:flex;justify-content:space-between}}.b-catalog-detail__share{text-align:center;}.b-catalog-detail__share h5{font-size:.65rem;font-weight:400}.b-catalog-detail__num{font-size:.65rem;font-weight:400;text-align:center}.b-catalog-detail__animation-left{padding-left:30px;margin-top:20px;margin-bottom:20px;border-right:1px solid #f2f2f2;transform:translateX(-50px);-webkit-transform:translateX(-50px);transition:all .5s ease;-webkit-transition:all .5s ease;opacity:0;}.i-load .b-catalog-detail__animation-left{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}@media (max-width:991px){.b-catalog-detail__animation-left{padding-left:25px !important;padding-right:25px !important;border:none}}.b-catalog-detail__icons{margin-top:38px;margin-bottom:20px}.b-catalog-detail__animation-right{padding-right:60px !important;margin-top:20px;margin-bottom:20px;transform:translateX(50px);-webkit-transform:translateX(50px);transition:all .5s ease;-webkit-transition:all .5s ease;opacity:0;}.i-load .b-catalog-detail__animation-right{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}@media (max-width:991px){.b-catalog-detail__animation-right{padding-right:25px !important;padding-left:25px !important;border:none}}.b-catalog-detail__subscribe-block{padding:1px 15px 0;}.b-catalog-detail__subscribe-block .form-group{float:left;width:55%;}.b-catalog-detail__subscribe-block .form-group .form-control{width:100%}.b-catalog-detail__subscribe-block .form-group input[type=email]{background-image:none}.b-catalog-detail__subscribe-block .form-button{float:left;width:45%;padding-left:13px;margin-top:23px}.b-catalog-detail__subscribe-block .btn{width:100%;min-width:auto;line-height:35px}.b-catalog-detail__subscribe-block .b-message{background-color:#f2f2f2;display:flex;font-size:10.5pt;justify-content:center;align-items:center;padding:10px;min-height:77px;}.b-catalog-detail__subscribe-block .b-message.i-warning{background-color:#d65561;color:#fff}.b-icon-zoom,.b-icon-fav,.b-icon-comments,.b-icon-size{width:16px;height:16px;margin:0 auto 30px;cursor:pointer;background-size:cover;opacity:0;}.b-icon-zoom:hover,.b-icon-fav:hover,.b-icon-comments:hover,.b-icon-size:hover{opacity:.5}@media (max-width:767px){.b-icon-zoom,.b-icon-fav,.b-icon-comments,.b-icon-size{width:24px;height:24px}}.i-load .b-icon-zoom,.i-load .b-icon-fav,.i-load .b-icon-comments,.i-load .b-icon-size{opacity:1}.b-icon-zoom{background:url("/images/zoom.svg") no-repeat center;transition:opacity .5s ease .3s;-webkit-transition:opacity .5s ease .3s}.b-icon-fav{background:url("/images/fav.svg") no-repeat center;transition:opacity .5s ease .5s;-webkit-transition:opacity .5s ease .5s}.b-icon-fav.i-stored{background:url("/images/fav-stored.svg") no-repeat center}.b-icon-comments{background:url("/images/comments.svg") no-repeat center;transition:opacity .5s ease .7s;-webkit-transition:opacity .5s ease .7s}.b-icon-share{background:url("/images/share.svg") no-repeat center;transition:opacity .5s ease .9s;-webkit-transition:opacity .5s ease .9s;}@media (max-width:767px){.b-icon-share{display:none}}.b-icon-size{background:url("/images/sizes.svg") no-repeat center;transition:opacity .5s ease 1.1s;-webkit-transition:opacity .5s ease 1.1s}.b-prop{border:1px solid transparent;line-height:23px;height:23px;padding:0 9px;font-size:7pt;text-transform:uppercase;margin:-7px 0 3px 8px;display:inline-block;border-width:1px;border-style:solid;}@media (max-width:767px){.b-prop{margin:0 4px 3px}}.b-icon-discount{width:32px;height:32px;border-radius:51%;color:#fff;line-height:32px;text-align:center;margin-top:-7px;background-color:#f33;background-size:50%;background-repeat:no-repeat;background-position:center;font-size:9.5pt;display:inline-block;vertical-align:top;}@media (max-width:767px){.b-icon-discount{margin-top:0}}.b-icon-recommend,.b-icon-hit,.b-icon-action,.b-icon-new{width:32px;height:32px;background-size:cover;background-repeat:no-repeat;background-position:center;font-size:9.5pt;display:inline-block;vertical-align:top;text-align:center;margin-top:-7px}#slide-size-table.side-nav{background-color:#fff;}#slide-size-table.side-nav__close{position:absolute;top:65px;right:65px;width:32px;height:32px;background:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfOCIgZGF0YS1uYW1lPSLQodC70L7QuSA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDUxLjM0IDE0NTEuMzQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMjMxZjIwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NjBweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmNsb3NlPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI2OC4xNyIgeTE9IjY4LjE3IiB4Mj0iMTM4My4xNyIgeTI9IjEzODMuMTciLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMzgzLjE3IiB5MT0iNjguMTciIHgyPSI2OC4xNyIgeTI9IjEzODMuMTciLz48L3N2Zz4=") no-repeat center;background-size:cover;cursor:pointer;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;}@media (min-width:768px) and (max-width:991px){#slide-size-table.side-nav__close{top:25px;right:25px}}@media (max-width:767px){#slide-size-table.side-nav__close{top:20px;right:20px}}#slide-size-table.side-nav__close:hover{opacity:.5}.b-sizes-menu{padding:65px 65px 65px 120px;}@media (min-width:768px) and (max-width:991px){.b-sizes-menu{padding:30px}}@media (max-width:767px){.b-sizes-menu{padding:20px}}.b-sizes-menu h2{padding-bottom:30px;border-bottom:1px solid #f7f7f7;margin:0 0 18px;}@media (max-width:767px){.b-sizes-menu h2{font-size:12pt;padding-bottom:20px}}.b-sizes-menu p{color:#333;font-size:9.5pt;margin-bottom:8px;line-height:1.5}.b-sizes-menu__table-xs{margin-left:-15px;}.b-sizes-menu__table-xs table{font-size:9.5pt;color:#333}.b-sizes-menu__table-xs td{padding:7px 5px 7px 14px;white-space:nowrap;}.b-sizes-menu__table-xs td span{display:none}.b-sizes-menu__table-xs th{font-weight:normal;padding:7px 7px 7px 15px;white-space:nowrap}.b-sizes-menu__table-xs .form-control{font-size:9.5pt;margin-left:-14px}.b-sizes-menu__table{margin-left:-15px;}.b-sizes-menu__table table{font-size:8pt;color:#333}.b-sizes-menu__table tr.i-hover td,.b-sizes-menu__table tr.i-hover th{background-color:#f7f7f7}.b-sizes-menu__table tr.i-hover td.i-active{background-color:#f3f3f3}.b-sizes-menu__table.i-clicked tr.i-hover td,.b-sizes-menu__table.i-clicked tr.i-hover th{background-color:transparent}.b-sizes-menu__table.i-clicked tr.i-hover td.i-clicked{background-color:#f7f7f7}.b-sizes-menu__table.i-clicked td.i-hover{background-color:transparent}.b-sizes-menu__table.i-clicked td.i-clicked.i-hover{background-color:#f7f7f7}.b-sizes-menu__table.i-clicked tr.i-clicked td,.b-sizes-menu__table.i-clicked tr.i-clicked.i-hover td,.b-sizes-menu__table.i-clicked tr.i-clicked th,.b-sizes-menu__table.i-clicked tr.i-clicked.i-hover th{background-color:#f7f7f7}.b-sizes-menu__table.i-clicked tr.i-clicked td.i-clicked-active,.b-sizes-menu__table.i-clicked tr.i-clicked.i-hover td.i-clicked-active,.b-sizes-menu__table.i-clicked tr.i-clicked td.i-clicked-active.i-hover,.b-sizes-menu__table.i-clicked tr.i-clicked.i-hover td.i-clicked-active.i-hover{background-color:#f3f3f3}.b-sizes-menu__table td{padding:7px 5px 7px 12px;white-space:nowrap;transition:background-color .2s ease;-webkit-transition:background-color .2s ease;}.b-sizes-menu__table td.i-hover,.b-sizes-menu__table td.i-clicked{background-color:#f7f7f7}.b-sizes-menu__table th{font-weight:normal;padding:7px 7px 7px 15px;white-space:nowrap;transition:background-color .2s ease;-webkit-transition:background-color .2s ease}.b-sizes-menu__th{width:200px;float:left}.b-sizes-menu__td{margin-left:200px;position:relative;}.b-sizes-menu__scroll{overflow:auto;}.b-sizes-menu__scroll tr td:first-child{padding-left:35px}.b-sizes-menu__scroll tr td:last-child{padding-right:35px}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opaicty:1 !important}.bx_item_detail_rating{margin-bottom:10px}.bx_item_detail_rating td{text-align:right;vertical-align:middle;padding:0}.bx_item_detail_rating .bx_item_rating{text-align:right}.bx_item_detail_rating .bx_stars_container{background:#dadada;height:30px;position:relative;width:68px}.bx_item_detail_rating .bx_stars_bg{background:url("/bitrix/components/bitrix/iblock.vote/templates/stars/images/stars.png") no-repeat scroll center center rgba(0,0,0,0);bottom:0;left:0;position:absolute;right:0;top:0;z-index:101}.bx_item_detail_rating .bx_stars_progres{background:#e76110;bottom:0;left:0;position:absolute;top:0}.bx_item_detail_rating .bx_stars_rating_votes{color:#8d8d8d;font-size:11px;line-height:11px;vertical-align:middle}@media (max-width:530px){.bx-touch .bx_item_detail_rating .bx_stars_container{height:15px;margin:4px 0;width:34px}.bx_item_detail_rating .bx_stars_rating_votes{font-size:7px;line-height:7px}}.bx_stars_rating_votes{display:none}.bx_item_detail_rating{margin:0}.bx_item_detail_rating td:nth-child(2){display:none}.bx_item_detail_rating .bx_stars_bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAAAaCAYAAACgjS7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAk1JREFUeNrsmzFLw0AYhtPSWouLot0EEXWy7qXqIurm7ODYxdnJP+Dm4C6Ci4P/QAR1ESkiBXVTFIuLi1ZBpLWF+samUOESL5d89y3fwbMkuT7vwXeXXNom2miOfquCXZACm6Dfsdc43eKPI0dbv7XAslubHutte43TLf6YcoQptv0eSZcTS4PkdIs/phy6xVYDUwrRgoUBcrrFH2OOpObddgfcK46felA2Trf448yhUZB3YFBR0TZmGKdb/DHn0FnZtsB7wHm3qs+IZhOnW/xx5/ApwldwCQ5AJqCiu8x5D4pV8BlxFnG6xU+YIwEaqLkjUAG34Bk8gDeDGTAAhsEkGAMToABmfd7HfDO6xW87B4ptTaNqo7LiM3s43eK3nMNd2dKouibxPT8D6orjfYxu8VvO4W4QihYeMMd9jnO6xW87B1a2ChghXD7dzy77LN+cbvFbztHdjZaJZDqD5XSL32IOh1AWZrCcbvFbyuEQyXIGg+V0i99CDtVL3XOQjSBJg2PDgXK6xU+cQ/V11QzIRtx55Az7cbrFT5xDVWzXoBZB0jR888ztFj9xDlWxfblfmUYMe2PYj9MtfuIcqmK7iiHsh2E/Trf4iXOoiq2l8UGpf84/GQbkdIufOEcy5DK86HR+t3QBlgKueyS4BVC7xU+dQ7HtLSq2snmwp7jW3d4WFNfPG265Od3iJ86hKrZST4dRT1APCNbwrsn39CsZDpLTLX7iHInfivvb3D+hboMhsAqmNZfeF3DoLZ8bTueHc2Ebp1v8xDl+BBgAhNKm4u0IDvMAAAAASUVORK5CYII=");background-size:cover}.bx_item_detail_rating .bx_stars_container{width:79px;height:12px;margin-top:4px}@media (max-width:530px){.bx-touch .bx_item_detail_rating .bx_stars_container{width:79px;height:12px;margin:0}}#oneClick p{font-size:9pt;margin-bottom:20px;}#oneClick p:last-child{margin-bottom:0}#oneClick .modal-body{padding:30px 60px;line-height:14px;transition:height .5s ease;-webkit-transition:height .5s ease;}@media (max-width:767px){#oneClick .modal-body{padding:20px 40px}}#oneClick label{margin-bottom:6px;color:#333;vertical-align:top;font-size:8pt}#oneClick .form-control{height:29pt;padding:6px 10px;font-size:10.5pt;line-height:1.72857143}#oneClick textarea.form-control{height:83px}#oneClick .form-group{margin-bottom:21px;opacity:0;}#oneClick .form-group:last-child{margin-bottom:11px}#oneClick.in .form-group{animation:form-opacity .3s;animation-fill-mode:forwards;}#oneClick.in .form-group:nth-of-type(2){animation-delay:.15s}#oneClick.in .form-group:nth-of-type(3){animation-delay:.3s}#oneClick.in .form-group:nth-of-type(4){animation-delay:.453s}#oneClick.in .form-group:nth-of-type(5){animation-delay:.6s}#oneClick .btn{line-height:1.72857143;padding:6px 14px;min-width:141px;}#oneClick .btn.i-gray{background-color:#ececec;border-color:#ececec;display:none;}#oneClick .btn.i-gray:hover{color:inherit}.fotorama--fullscreen .fotorama__html a{display:block !important;pointer-events:none}.fotorama--fullscreen .magnify{width:100%;}.fotorama--fullscreen .magnify a{pointer-events:none}.fotorama--fullscreen .magnify img{margin:0 auto;max-width:100%}.fotorama--fullscreen .magnify > .magnify-lens{display:none !important}.b-buy-modal-img img{max-width:100%;margin:0 auto}.b-buy-modal-text{padding-top:50px;}.b-buy-modal-text h2{font-size:21pt;margin:0 0 45px}#consentModal .modal-body{max-height:250px;overflow:auto;padding-right:50px;padding-left:50px}textarea.form-control{resize:none !important}.b-catalog-detail__sizes-block .b-catalog-detail__sizes-item:not(.i-disabled):hover{opacity:.7}#catalogDetailVideo{display:none}#catalogDetailFavLink .preloader-wrapper.x-small,position relative .preloader-wrapper.x-small{position:absolute;top:2px;left:50%;margin-left:-10px}#catalogDetailFavLink.i-preloader,position relative.i-preloader{background:none;}#catalogDetailFavLink.i-preloader span,position relative.i-preloader span{visibility:hidden}#catalogDetailFavIcon{position:relative;}#catalogDetailFavIcon .preloader-wrapper.x-small{position:absolute;top:-1px;left:1px;margin-left:0}#catalogDetailFavIcon.i-preloader{background:none}#oneClick p{font-size:9pt;margin-bottom:20px;}#oneClick p:last-child{margin-bottom:0}#oneClick .modal-body{padding:30px 60px;line-height:14px;transition:height .5s ease;-webkit-transition:height .5s ease;}@media (max-width:767px){#oneClick .modal-body{padding:20px 40px}}#oneClick label{margin-bottom:6px;color:#333;vertical-align:top;font-size:8pt}#oneClick .form-control{height:29pt;padding:6px 10px;font-size:10.5pt;line-height:1.72857143}#oneClick textarea.form-control{height:83px}#oneClick .form-group{margin-bottom:21px;opacity:0;}#oneClick .form-group:last-child{margin-bottom:11px}#oneClick.in .form-group{animation:form-opacity .3s;animation-fill-mode:forwards;}#oneClick.in .form-group:nth-of-type(2){animation-delay:.15s}#oneClick.in .form-group:nth-of-type(3){animation-delay:.3s}#oneClick.in .form-group:nth-of-type(4){animation-delay:.453s}#oneClick.in .form-group:nth-of-type(5){animation-delay:.6s}#oneClick .btn{line-height:1.72857143;padding:6px 14px;min-width:141px;}#oneClick .btn.i-gray{background-color:#ececec;border-color:#ececec;display:none;}#oneClick .btn.i-gray:hover{color:inherit}@-moz-keyframes form-opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes form-opacity{from{opacity:0}to{opacity:1}}@-o-keyframes form-opacity{from{opacity:0}to{opacity:1}}@keyframes form-opacity{from{opacity:0}to{opacity:1}} /* End */ /* Start:/local/templates/bejet_seller-1.6.0/css/magnify.css?17669356401358*/ п»їhtml.magnifying > body { overflow-x: hidden !important; } .magnify, .magnify > .magnify-lens, .magnify-mobile, .lens-mobile { /* Reset */ min-width: 0; min-height: 0; animation: none; border: none; float: none; margin: 0; opacity: 1; outline: none; overflow: visible; padding: 0; text-indent: 0; transform: none; transition: none; } .magnify { position: relative; width: auto; height: auto; box-shadow: none; display: inline-block; z-index: inherit; } .magnify > .magnify-lens { /* Magnifying lens */ position: absolute; width: 300px; height: 300px; border-radius: 100%; /* Multiple box shadows to achieve the glass lens effect */ box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); cursor: none; display: none; z-index: 99; } .magnify > .magnify-lens.loading { background: #333 !important; opacity: 0.8; } .magnify > .magnify-lens.loading:after { /* Loading text */ position: absolute; top: 50%; left: 0; width: 100%; color: #fff; content: 'Loading...'; font: italic normal 16px/1 Calibri, sans-serif; letter-spacing: 1px; margin-top: -8px; text-align: center; text-shadow: 0 0 2px rgba(51, 51, 51, 0.8); text-transform: none; } /* End */ /* Start:/local/templates/bejet_seller-1.6.0/components/bitrix/catalog.section/lookbook_detail/style.css?176693567354243*/ .b-lookbook-row { text-align: center; } .b-lookbook-col { display: inline-block; vertical-align: top; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin: 0 -2px; } @media (max-width: 767px) { .b-lookbook-col { width: 100%; } } .bj-lookbook__i { margin-top: 20px; } .bj-lookbook__img { display: block; position: relative; overflow: hidden; } .bj-lookbook__img img { width: 100%; height: auto; transition: all 60s linear; -webkit-transition: all 60s linear; -moz-transition: all 60s linear; -ms-transition: all 60s linear; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } .bx-no-touch .bj-lookbook__img:hover img { transform: scale(4); -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); } .bx-no-touch .bj-lookbook__cover { position: absolute; top: 0; left: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; color: #fff; background: rgba(51,51,51,0.7); height: 100%; transition: opacity 0.8s ease; -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; text-align: center; } .bx-no-touch .bj-lookbook__cover:hover { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .bx-no-touch .bj-lookbook__cover:hover .bj-lookbook__info { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .bx-no-touch .bj-lookbook__cover:hover h2, .bx-no-touch .bj-lookbook__cover:hover .b-h2 { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .bx-no-touch .bj-lookbook__cover h2, .bx-no-touch .bj-lookbook__cover .b-h2 { color: #fff; transform: translate3d(0, -20px, 0); -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; padding: 25px; display: block; } .bx-no-touch .bj-lookbook__info { position: absolute; bottom: 25px; left: 0; width: 100%; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .bx-no-touch .bj-lookbook .btn-default { border-width: 2px; border-color: #fff; background-color: transparent; color: #fff; padding: 12px 30px; } .bj-lookbook__desc h2, .bj-lookbook__desc .b-h2 { margin-bottom: 10px; } .bj-lookbook__cover { display: block; width: 100%; } .bj-lookbook__cover h2, .bj-lookbook__cover .b-h2 { margin: 0; font-size: 13pt; } .bx-touch .bj-lookbook__cover { display: none; } .bx-touch .bj-lookbook__cover h2, .bx-touch .bj-lookbook__cover .b-h2 { height: 37px; overflow: hidden; font-size: 10.5pt; margin: 10px 16px; text-align: center; color: inherit; } .bx-touch .bj-lookbook__info { border-top: 1px solid #f2f2f2; padding: 10px 0 0 16px; position: relative; color: #333; font-weight: 400; } .bx-touch .bj-lookbook__info .i-new-price { color: #c75454; } .bx-touch .bj-lookbook .btn-default { position: absolute; right: 16px; top: 18px; } .bj-lookbook__info { display: block; } .bj-lookbook__info span { display: block; } .bj-lookbook__info span.text-large { margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 1199px) { .bj-lookbook__info { text-align: center; } } .bj-lookbook .btn-default { display: inline-block; } @media (min-width: 768px) and (max-width: 1199px) { .bx-touch .bj-lookbook .btn-default { position: static; right: auto; top: auto; } } .bx-no-touch .bj-lookbook .btn-default:hover, .bx-no-touch .bj-lookbook .btn-default:active, .bx-no-touch .bj-lookbook .btn-default:focus { background-color: #fff; color: #000; border-color: #fff; } .i-materialize-form select:focus { outline: 1px solid #c9f3ef; } .i-materialize-form button:focus { outline: none; background-color: #2ab7a9; } .i-materialize-form label { font-size: 0.8rem; color: #9e9e9e; } .i-materialize-form ::-webkit-input-placeholder { color: #d1d1d1; } .i-materialize-form ::-moz-placeholder { color: #d1d1d1; } .i-materialize-form :-ms-input-placeholder { color: #d1d1d1; } .i-materialize-form ::placeholder { color: #d1d1d1; } .i-materialize-form input:not([type]), .i-materialize-form input[type=text]:not(.browser-default), .i-materialize-form input[type=password]:not(.browser-default), .i-materialize-form input[type=email]:not(.browser-default), .i-materialize-form input[type=url]:not(.browser-default), .i-materialize-form input[type=time]:not(.browser-default), .i-materialize-form input[type=date]:not(.browser-default), .i-materialize-form input[type=datetime]:not(.browser-default), .i-materialize-form input[type=datetime-local]:not(.browser-default), .i-materialize-form input[type=tel]:not(.browser-default), .i-materialize-form input[type=number]:not(.browser-default), .i-materialize-form input[type=search]:not(.browser-default), .i-materialize-form textarea.materialize-textarea { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 20px 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s; transition: all; -webkit-transition: all; -moz-transition: all; -ms-transition: all; } .i-materialize-form input:not([type]):disabled, .i-materialize-form input:not([type])[readonly="readonly"], .i-materialize-form input[type=text]:not(.browser-default):disabled, .i-materialize-form input[type=text]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=password]:not(.browser-default):disabled, .i-materialize-form input[type=password]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=email]:not(.browser-default):disabled, .i-materialize-form input[type=email]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=url]:not(.browser-default):disabled, .i-materialize-form input[type=url]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=time]:not(.browser-default):disabled, .i-materialize-form input[type=time]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=date]:not(.browser-default):disabled, .i-materialize-form input[type=date]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=datetime]:not(.browser-default):disabled, .i-materialize-form input[type=datetime]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=datetime-local]:not(.browser-default):disabled, .i-materialize-form input[type=datetime-local]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=tel]:not(.browser-default):disabled, .i-materialize-form input[type=tel]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=number]:not(.browser-default):disabled, .i-materialize-form input[type=number]:not(.browser-default)[readonly="readonly"], .i-materialize-form input[type=search]:not(.browser-default):disabled, .i-materialize-form input[type=search]:not(.browser-default)[readonly="readonly"], .i-materialize-form textarea.materialize-textarea:disabled, .i-materialize-form textarea.materialize-textarea[readonly="readonly"] { color: rgba(0,0,0,0.42); border-bottom: 1px dotted rgba(0,0,0,0.42); } .i-materialize-form input:not([type]):disabled+label, .i-materialize-form input:not([type])[readonly="readonly"]+label, .i-materialize-form input[type=text]:not(.browser-default):disabled+label, .i-materialize-form input[type=text]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=password]:not(.browser-default):disabled+label, .i-materialize-form input[type=password]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=email]:not(.browser-default):disabled+label, .i-materialize-form input[type=email]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=url]:not(.browser-default):disabled+label, .i-materialize-form input[type=url]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=time]:not(.browser-default):disabled+label, .i-materialize-form input[type=time]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=date]:not(.browser-default):disabled+label, .i-materialize-form input[type=date]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=datetime]:not(.browser-default):disabled+label, .i-materialize-form input[type=datetime]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=datetime-local]:not(.browser-default):disabled+label, .i-materialize-form input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=tel]:not(.browser-default):disabled+label, .i-materialize-form input[type=tel]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=number]:not(.browser-default):disabled+label, .i-materialize-form input[type=number]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form input[type=search]:not(.browser-default):disabled+label, .i-materialize-form input[type=search]:not(.browser-default)[readonly="readonly"]+label, .i-materialize-form textarea.materialize-textarea:disabled+label, .i-materialize-form textarea.materialize-textarea[readonly="readonly"]+label { color: rgba(0,0,0,0.42); } .i-materialize-form input:not([type]):focus:not([readonly]), .i-materialize-form input[type=text]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=password]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=email]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=url]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=time]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=date]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=datetime]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=tel]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=number]:not(.browser-default):focus:not([readonly]), .i-materialize-form input[type=search]:not(.browser-default):focus:not([readonly]), .i-materialize-form textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #26a69a; -webkit-box-shadow: 0 1px 0 0 #26a69a; box-shadow: 0 1px 0 0 #26a69a; } .i-materialize-form input:not([type]):focus:not([readonly])+label, .i-materialize-form input[type=text]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=password]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=email]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=url]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=time]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=date]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=tel]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=number]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form input[type=search]:not(.browser-default):focus:not([readonly])+label, .i-materialize-form textarea.materialize-textarea:focus:not([readonly])+label { color: #26a69a; } .i-materialize-form input:not([type]).validate+label, .i-materialize-form input[type=text]:not(.browser-default).validate+label, .i-materialize-form input[type=password]:not(.browser-default).validate+label, .i-materialize-form input[type=email]:not(.browser-default).validate+label, .i-materialize-form input[type=url]:not(.browser-default).validate+label, .i-materialize-form input[type=time]:not(.browser-default).validate+label, .i-materialize-form input[type=date]:not(.browser-default).validate+label, .i-materialize-form input[type=datetime]:not(.browser-default).validate+label, .i-materialize-form input[type=datetime-local]:not(.browser-default).validate+label, .i-materialize-form input[type=tel]:not(.browser-default).validate+label, .i-materialize-form input[type=number]:not(.browser-default).validate+label, .i-materialize-form input[type=search]:not(.browser-default).validate+label, .i-materialize-form textarea.materialize-textarea.validate+label { width: 100%; } .i-materialize-form input:not([type]).invalid+label:after, .i-materialize-form input:not([type]).valid+label:after, .i-materialize-form input[type=text]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=text]:not(.browser-default).valid+label:after, .i-materialize-form input[type=password]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=password]:not(.browser-default).valid+label:after, .i-materialize-form input[type=email]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=email]:not(.browser-default).valid+label:after, .i-materialize-form input[type=url]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=url]:not(.browser-default).valid+label:after, .i-materialize-form input[type=time]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=time]:not(.browser-default).valid+label:after, .i-materialize-form input[type=date]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=date]:not(.browser-default).valid+label:after, .i-materialize-form input[type=datetime]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=datetime]:not(.browser-default).valid+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default).valid+label:after, .i-materialize-form input[type=tel]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=tel]:not(.browser-default).valid+label:after, .i-materialize-form input[type=number]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=number]:not(.browser-default).valid+label:after, .i-materialize-form input[type=search]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=search]:not(.browser-default).valid+label:after, .i-materialize-form textarea.materialize-textarea.invalid+label:after, .i-materialize-form textarea.materialize-textarea.valid+label:after { display: none; } .i-materialize-form input:not([type]).invalid+label.active:after, .i-materialize-form input:not([type]).valid+label.active:after, .i-materialize-form input[type=text]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=text]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=password]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=password]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=email]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=email]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=url]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=url]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=time]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=time]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=date]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=date]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=datetime]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=datetime]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=datetime-local]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=datetime-local]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=tel]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=tel]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=number]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=number]:not(.browser-default).valid+label.active:after, .i-materialize-form input[type=search]:not(.browser-default).invalid+label.active:after, .i-materialize-form input[type=search]:not(.browser-default).valid+label.active:after, .i-materialize-form textarea.materialize-textarea.invalid+label.active:after, .i-materialize-form textarea.materialize-textarea.valid+label.active:after { display: block; } .i-materialize-form input.valid:not([type]), .i-materialize-form input.valid:not([type]):focus, .i-materialize-form input[type=text].valid:not(.browser-default), .i-materialize-form input[type=text].valid:not(.browser-default):focus, .i-materialize-form input[type=password].valid:not(.browser-default), .i-materialize-form input[type=password].valid:not(.browser-default):focus, .i-materialize-form input[type=email].valid:not(.browser-default), .i-materialize-form input[type=email].valid:not(.browser-default):focus, .i-materialize-form input[type=url].valid:not(.browser-default), .i-materialize-form input[type=url].valid:not(.browser-default):focus, .i-materialize-form input[type=time].valid:not(.browser-default), .i-materialize-form input[type=time].valid:not(.browser-default):focus, .i-materialize-form input[type=date].valid:not(.browser-default), .i-materialize-form input[type=date].valid:not(.browser-default):focus, .i-materialize-form input[type=datetime].valid:not(.browser-default), .i-materialize-form input[type=datetime].valid:not(.browser-default):focus, .i-materialize-form input[type=datetime-local].valid:not(.browser-default), .i-materialize-form input[type=datetime-local].valid:not(.browser-default):focus, .i-materialize-form input[type=tel].valid:not(.browser-default), .i-materialize-form input[type=tel].valid:not(.browser-default):focus, .i-materialize-form input[type=number].valid:not(.browser-default), .i-materialize-form input[type=number].valid:not(.browser-default):focus, .i-materialize-form input[type=search].valid:not(.browser-default), .i-materialize-form input[type=search].valid:not(.browser-default):focus, .i-materialize-form textarea.materialize-textarea.valid, .i-materialize-form textarea.materialize-textarea.valid:focus, .i-materialize-form .select-wrapper.valid>input.select-dropdown { border-bottom: 1px solid #4caf50; -webkit-box-shadow: 0 1px 0 0 #4caf50; box-shadow: 0 1px 0 0 #4caf50; } .i-materialize-form input.invalid:not([type]), .i-materialize-form input.invalid:not([type]):focus, .i-materialize-form input[type=text].invalid:not(.browser-default), .i-materialize-form input[type=text].invalid:not(.browser-default):focus, .i-materialize-form input[type=password].invalid:not(.browser-default), .i-materialize-form input[type=password].invalid:not(.browser-default):focus, .i-materialize-form input[type=email].invalid:not(.browser-default), .i-materialize-form input[type=email].invalid:not(.browser-default):focus, .i-materialize-form input[type=url].invalid:not(.browser-default), .i-materialize-form input[type=url].invalid:not(.browser-default):focus, .i-materialize-form input[type=time].invalid:not(.browser-default), .i-materialize-form input[type=time].invalid:not(.browser-default):focus, .i-materialize-form input[type=date].invalid:not(.browser-default), .i-materialize-form input[type=date].invalid:not(.browser-default):focus, .i-materialize-form input[type=datetime].invalid:not(.browser-default), .i-materialize-form input[type=datetime].invalid:not(.browser-default):focus, .i-materialize-form input[type=datetime-local].invalid:not(.browser-default), .i-materialize-form input[type=datetime-local].invalid:not(.browser-default):focus, .i-materialize-form input[type=tel].invalid:not(.browser-default), .i-materialize-form input[type=tel].invalid:not(.browser-default):focus, .i-materialize-form input[type=number].invalid:not(.browser-default), .i-materialize-form input[type=number].invalid:not(.browser-default):focus, .i-materialize-form input[type=search].invalid:not(.browser-default), .i-materialize-form input[type=search].invalid:not(.browser-default):focus, .i-materialize-form textarea.materialize-textarea.invalid, .i-materialize-form textarea.materialize-textarea.invalid:focus, .i-materialize-form .select-wrapper.invalid>input.select-dropdown { border-bottom: 1px solid #f44336; -webkit-box-shadow: 0 1px 0 0 #f44336; box-shadow: 0 1px 0 0 #f44336; } .i-materialize-form input:not([type]).valid+label:after, .i-materialize-form input:not([type]):focus.valid+label:after, .i-materialize-form input[type=text]:not(.browser-default).valid+label:after, .i-materialize-form input[type=text]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=password]:not(.browser-default).valid+label:after, .i-materialize-form input[type=password]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=email]:not(.browser-default).valid+label:after, .i-materialize-form input[type=email]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=url]:not(.browser-default).valid+label:after, .i-materialize-form input[type=url]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=time]:not(.browser-default).valid+label:after, .i-materialize-form input[type=time]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=date]:not(.browser-default).valid+label:after, .i-materialize-form input[type=date]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=datetime]:not(.browser-default).valid+label:after, .i-materialize-form input[type=datetime]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default).valid+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=tel]:not(.browser-default).valid+label:after, .i-materialize-form input[type=tel]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=number]:not(.browser-default).valid+label:after, .i-materialize-form input[type=number]:not(.browser-default):focus.valid+label:after, .i-materialize-form input[type=search]:not(.browser-default).valid+label:after, .i-materialize-form input[type=search]:not(.browser-default):focus.valid+label:after, .i-materialize-form textarea.materialize-textarea.valid+label:after, .i-materialize-form textarea.materialize-textarea:focus.valid+label:after, .i-materialize-form .select-wrapper.valid+label:after { content: attr(data-success); color: #4caf50; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -webkit-transform: translateY(9px); transform: translateY(9px); -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); } .i-materialize-form input:not([type]).invalid+label:after, .i-materialize-form input:not([type]):focus.invalid+label:after, .i-materialize-form input[type=text]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=text]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=password]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=password]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=email]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=email]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=url]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=url]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=time]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=time]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=date]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=date]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=datetime]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=datetime]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=tel]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=tel]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=number]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=number]:not(.browser-default):focus.invalid+label:after, .i-materialize-form input[type=search]:not(.browser-default).invalid+label:after, .i-materialize-form input[type=search]:not(.browser-default):focus.invalid+label:after, .i-materialize-form textarea.materialize-textarea.invalid+label:after, .i-materialize-form textarea.materialize-textarea:focus.invalid+label:after, .i-materialize-form .select-wrapper.invalid+label:after { content: attr(data-error); color: #f44336; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -webkit-transform: translateY(9px); transform: translateY(9px); -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); } .i-materialize-form input:not([type])+label:after, .i-materialize-form input[type=text]:not(.browser-default)+label:after, .i-materialize-form input[type=password]:not(.browser-default)+label:after, .i-materialize-form input[type=email]:not(.browser-default)+label:after, .i-materialize-form input[type=url]:not(.browser-default)+label:after, .i-materialize-form input[type=time]:not(.browser-default)+label:after, .i-materialize-form input[type=date]:not(.browser-default)+label:after, .i-materialize-form input[type=datetime]:not(.browser-default)+label:after, .i-materialize-form input[type=datetime-local]:not(.browser-default)+label:after, .i-materialize-form input[type=tel]:not(.browser-default)+label:after, .i-materialize-form input[type=number]:not(.browser-default)+label:after, .i-materialize-form input[type=search]:not(.browser-default)+label:after, .i-materialize-form textarea.materialize-textarea+label:after, .i-materialize-form .select-wrapper+label:after { display: block; content: ""; position: absolute; top: 100%; left: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out; transition: 0.2s opacity ease-out; -webkit-transition: 0.2s opacity ease-out; -moz-transition: 0.2s opacity ease-out; -ms-transition: 0.2s opacity ease-out; } .i-materialize-form .input-field { position: relative; margin-top: 1rem; } .i-materialize-form .input-field.inline { display: inline-block; vertical-align: middle; margin-left: 5px; } .i-materialize-form .input-field.inline input, .i-materialize-form .input-field.inline .select-dropdown { margin-bottom: 1rem; } .i-materialize-form .input-field.col label { left: 0.75rem; } .i-materialize-form .input-field.col .prefix ~ label, .i-materialize-form .input-field.col .prefix ~ .validate ~ label { width: calc(100% - 3rem - 1.5rem); } .i-materialize-form .input-field label { color: #9e9e9e; position: absolute; top: 0; left: 0; height: 100%; font-size: 1rem; cursor: text; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform; -webkit-transition: -webkit-transform; -moz-transition: -webkit-transform; -ms-transition: -webkit-transform; transition: transform; -webkit-transition: transform; -moz-transition: transform; -ms-transition: transform; transition: transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; text-align: initial; -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); -ms-transform: translateY(12px); pointer-events: none; } .i-materialize-form .input-field label:not(.label-icon).active { -webkit-transform: translateY(-14px) scale(0.8); transform: translateY(-14px); -webkit-transform: translateY(-14px); -moz-transform: translateY(-14px); -ms-transform: translateY(-14px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .i-materialize-form .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; -webkit-transition: color 0.2s; transition: color; -webkit-transition: color; -moz-transition: color; -ms-transition: color; } .i-materialize-form .input-field .prefix.active { color: #26a69a; } .i-materialize-form .input-field .prefix ~ input, .i-materialize-form .input-field .prefix ~ textarea, .i-materialize-form .input-field .prefix ~ label, .i-materialize-form .input-field .prefix ~ .validate ~ label, .i-materialize-form .input-field .prefix ~ .autocomplete-content { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .i-materialize-form .input-field .prefix ~ label { margin-left: 3rem; } @media only screen and (max-width: 992px) { .i-materialize-form .input-field .prefix ~ input { width: 86%; width: calc(100% - 3rem); } } @media only screen and (max-width: 600px) { .i-materialize-form .input-field .prefix ~ input { width: 80%; width: calc(100% - 3rem); } } .i-materialize-form .input-field input[type=search] { display: block; line-height: inherit; } .i-materialize-form .nav-wrapper .input-field input[type=search] { height: inherit; padding-left: 4rem; width: calc(100% - 4rem); border: 0; -webkit-box-shadow: none; box-shadow: none; } .i-materialize-form .input-field input[type=search]:focus { background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #444; } .i-materialize-form .input-field input[type=search]:focus+label i, .i-materialize-form .input-field input[type=search]:focus ~ .mdi-navigation-close, .i-materialize-form .input-field input[type=search]:focus ~ .material-icons { color: #444; } .i-materialize-form .input-field input[type=search]+label { left: 1rem; } .i-materialize-form .input-field input[type=search] ~ .mdi-navigation-close, .i-materialize-form .input-field input[type=search] ~ .material-icons { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; -webkit-transition: 0.3s color; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; } .i-materialize-form textarea { width: 100%; height: 3rem; background-color: transparent; } .i-materialize-form textarea.materialize-textarea { overflow-y: hidden; padding: 0.8rem 0 1.6rem 0; resize: none; min-height: 3rem; } .i-materialize-form textarea.materialize-textarea.validate+label { height: 100%; } .i-materialize-form textarea.materialize-textarea.validate+label::after { top: calc(100% - 12px); } .i-materialize-form textarea.materialize-textarea.validate+label:not(.label-icon).active { -webkit-transform: translateY(-25px); transform: translateY(-25px); -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); } .i-materialize-form .hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; padding-top: 1.2rem; position: absolute; top: 0; } .i-materialize-form .autocomplete-content { margin-top: -20px; margin-bottom: 20px; display: block; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; position: static; } .i-materialize-form .autocomplete-content li .highlight { color: #444; } .i-materialize-form .autocomplete-content li img { height: 40px; width: 40px; margin: 5px 15px; } .i-materialize-form [type="radio"]:not(:checked), .i-materialize-form [type="radio"]:checked { position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; pointer-events: none; } .i-materialize-form [type="radio"]:not(:checked)+label, .i-materialize-form [type="radio"]:checked+label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-transition: 0.28s ease; transition: 0.28s; -webkit-transition: 0.28s; -moz-transition: 0.28s; -ms-transition: 0.28s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-materialize-form [type="radio"]+label:before, .i-materialize-form [type="radio"]+label:after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: 0.28s ease; transition: 0.28s; -webkit-transition: 0.28s; -moz-transition: 0.28s; -ms-transition: 0.28s; } .i-materialize-form [type="radio"]:not(:checked)+label:before, .i-materialize-form [type="radio"]:not(:checked)+label:after, .i-materialize-form [type="radio"]:checked+label:before, .i-materialize-form [type="radio"]:checked+label:after, .i-materialize-form [type="radio"].with-gap:checked+label:before, .i-materialize-form [type="radio"].with-gap:checked+label:after { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .i-materialize-form [type="radio"]:not(:checked)+label:before, .i-materialize-form [type="radio"]:not(:checked)+label:after { border: 2px solid #5a5a5a; } .i-materialize-form [type="radio"]:not(:checked)+label:after { -webkit-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); } .i-materialize-form [type="radio"]:checked+label:before { border: 2px solid transparent; } .i-materialize-form [type="radio"]:checked+label:after, .i-materialize-form [type="radio"].with-gap:checked+label:before, .i-materialize-form [type="radio"].with-gap:checked+label:after { border: 2px solid #26a69a; } .i-materialize-form [type="radio"]:checked+label:after, .i-materialize-form [type="radio"].with-gap:checked+label:after { background-color: #26a69a; } .i-materialize-form [type="radio"]:checked+label:after { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); } .i-materialize-form [type="radio"].with-gap:checked+label:after { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); } .i-materialize-form [type="radio"].tabbed:focus+label:before { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 0 10px rgba(0,0,0,0.1); } .i-materialize-form [type="radio"].with-gap:disabled:checked+label:before { border: 2px solid rgba(0,0,0,0.42); } .i-materialize-form [type="radio"].with-gap:disabled:checked+label:after { border: none; background-color: rgba(0,0,0,0.42); } .i-materialize-form [type="radio"]:disabled:not(:checked)+label:before, .i-materialize-form [type="radio"]:disabled:checked+label:before { background-color: transparent; border-color: rgba(0,0,0,0.42); } .i-materialize-form [type="radio"]:disabled+label { color: rgba(0,0,0,0.42); } .i-materialize-form [type="radio"]:disabled:not(:checked)+label:before { border-color: rgba(0,0,0,0.42); } .i-materialize-form [type="radio"]:disabled:checked+label:after { background-color: rgba(0,0,0,0.42); border-color: #949494; } .i-materialize-form form p { margin-bottom: 10px; text-align: left; } .i-materialize-form form p:last-child { margin-bottom: 0; } .i-materialize-form [type="checkbox"]:not(:checked), .i-materialize-form [type="checkbox"]:checked { position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; pointer-events: none; } .i-materialize-form [type="checkbox"]+label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-materialize-form [type="checkbox"]+label:before, .i-materialize-form [type="checkbox"]:not(.filled-in)+label:after { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin-top: 2px; -webkit-transition: 0.2s; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; } .i-materialize-form [type="checkbox"]:not(.filled-in)+label:after { border: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); } .i-materialize-form [type="checkbox"]:not(:checked):disabled+label:before { border: none; background-color: rgba(0,0,0,0.42); } .i-materialize-form [type="checkbox"].tabbed:focus+label:after { -webkit-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 0 10px rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1); } .i-materialize-form [type="checkbox"]:checked+label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .i-materialize-form [type="checkbox"]:checked:disabled+label:before { border-right: 2px solid rgba(0,0,0,0.42); border-bottom: 2px solid rgba(0,0,0,0.42); } .i-materialize-form [type="checkbox"]:indeterminate+label:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #26a69a; border-bottom: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .i-materialize-form [type="checkbox"]:indeterminate:disabled+label:before { border-right: 2px solid rgba(0,0,0,0.42); background-color: transparent; } .i-materialize-form [type="checkbox"].filled-in+label:after { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .i-materialize-form [type="checkbox"].filled-in+label:before, .i-materialize-form [type="checkbox"].filled-in+label:after { content: ''; left: 0; position: absolute; -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; transition: border 0.25s; -webkit-transition: border 0.25s; -moz-transition: border 0.25s; -ms-transition: border 0.25s; z-index: 1; } .i-materialize-form [type="checkbox"].filled-in:not(:checked)+label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform: rotateZ(37deg); -moz-transform: rotateZ(37deg); -ms-transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .i-materialize-form [type="checkbox"].filled-in:not(:checked)+label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0px; z-index: 0; } .i-materialize-form [type="checkbox"].filled-in:checked+label:before { top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform: rotateZ(37deg); -moz-transform: rotateZ(37deg); -ms-transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .i-materialize-form [type="checkbox"].filled-in:checked+label:after { top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } .i-materialize-form [type="checkbox"].filled-in.tabbed:focus+label:after { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #5a5a5a; background-color: rgba(0,0,0,0.1); } .i-materialize-form [type="checkbox"].filled-in.tabbed:checked:focus+label:after { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #26a69a; border-color: #26a69a; } .i-materialize-form [type="checkbox"].filled-in:disabled:not(:checked)+label:before { background-color: transparent; border: 2px solid transparent; } .i-materialize-form [type="checkbox"].filled-in:disabled:not(:checked)+label:after { border-color: transparent; background-color: #949494; } .i-materialize-form [type="checkbox"].filled-in:disabled:checked+label:before { background-color: transparent; } .i-materialize-form [type="checkbox"].filled-in:disabled:checked+label:after { background-color: #949494; border-color: #949494; } .i-materialize-form .switch, .i-materialize-form .switch * { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-materialize-form .switch label { cursor: pointer; } .i-materialize-form .switch label input[type=checkbox] { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; width: 0; height: 0; } .i-materialize-form .switch label input[type=checkbox]:checked+.lever { background-color: #84c7c1; } .i-materialize-form .switch label input[type=checkbox]:checked+.lever:before, .i-materialize-form .switch label input[type=checkbox]:checked+.lever:after { left: 18px; } .i-materialize-form .switch label input[type=checkbox]:checked+.lever:after { background-color: #26a69a; } .i-materialize-form .switch label .lever { content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0,0,0,0.38); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-right: 10px; -webkit-transition: background 0.3s ease; transition: background; -webkit-transition: background; -moz-transition: background; -ms-transition: background; vertical-align: middle; margin: 0 16px; } .i-materialize-form .switch label .lever:before, .i-materialize-form .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 0; top: -3px; -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; } .i-materialize-form .switch label .lever:before { background-color: rgba(38,166,154,0.15); } .i-materialize-form .switch label .lever:after { background-color: #f1f1f1; -webkit-box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12); } .i-materialize-form input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, .i-materialize-form input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before { -webkit-transform: scale(2.4); transform: scale(2.4); -webkit-transform: scale(2.4); -moz-transform: scale(2.4); -ms-transform: scale(2.4); background-color: rgba(38,166,154,0.15); } .i-materialize-form input[type=checkbox]:not(:disabled) ~ .lever:active:before, .i-materialize-form input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { -webkit-transform: scale(2.4); transform: scale(2.4); -webkit-transform: scale(2.4); -moz-transform: scale(2.4); -ms-transform: scale(2.4); background-color: rgba(0,0,0,0.08); } .i-materialize-form .switch input[type=checkbox][disabled]+.lever { cursor: default; background-color: rgba(0,0,0,0.12); } .i-materialize-form .switch label input[type=checkbox][disabled]+.lever:after, .i-materialize-form .switch label input[type=checkbox][disabled]:checked+.lever:after { background-color: #949494; } .i-materialize-form select { display: none; } .i-materialize-form select.browser-default { display: block; } .i-materialize-form select { background-color: rgba(255,255,255,0.9); width: 100%; padding: 5px; border: 1px solid #f2f2f2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 3rem; } .i-materialize-form .input-field>select { display: block; position: absolute; width: 0; pointer-events: none; height: 0; top: 0; left: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } .i-materialize-form .select-label { position: absolute; } .i-materialize-form .select-wrapper { position: relative; } .i-materialize-form .select-wrapper.valid+label, .i-materialize-form .select-wrapper.invalid+label { width: 100%; pointer-events: none; } .i-materialize-form .select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 20px 0; padding: 0; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-materialize-form .select-wrapper span.caret { color: initial; position: absolute; right: 0; top: 0; bottom: 0; height: 10px; margin: auto 0; font-size: 10px; line-height: 10px; } .i-materialize-form .select-wrapper+label { position: absolute; top: -26px; font-size: 0.8rem; } .i-materialize-form select:disabled { color: rgba(0,0,0,0.42); } .i-materialize-form .select-wrapper.disabled span.caret, .i-materialize-form .select-wrapper.disabled+label { color: rgba(0,0,0,0.42); } .i-materialize-form .select-wrapper input.select-dropdown:disabled { color: rgba(0,0,0,0.42); cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-materialize-form .select-wrapper i { color: rgba(0,0,0,0.3); } .i-materialize-form .select-dropdown li.disabled, .i-materialize-form .select-dropdown li.disabled>span, .i-materialize-form .select-dropdown li.optgroup { color: rgba(0,0,0,0.3); background-color: transparent; } .i-materialize-form .select-dropdown.dropdown-content li.active { background-color: transparent; } .i-materialize-form .select-dropdown.dropdown-content li:hover { background-color: rgba(0,0,0,0.06); } .i-materialize-form .select-dropdown.dropdown-content li.selected { background-color: rgba(0,0,0,0.03); } .i-materialize-form .prefix ~ .select-wrapper { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .i-materialize-form .prefix ~ label { margin-left: 3rem; } .i-materialize-form .select-dropdown li img { height: 40px; width: 40px; margin: 5px 15px; float: right; } .i-materialize-form .select-dropdown li.optgroup { border-top: 1px solid #eee; } .i-materialize-form .select-dropdown li.optgroup.selected>span { color: rgba(0,0,0,0.7); } .i-materialize-form .select-dropdown li.optgroup>span { color: rgba(0,0,0,0.4); } .i-materialize-form .select-dropdown li.optgroup ~ li.optgroup-option { padding-left: 1rem; } .i-materialize-form .file-field { position: relative; } .i-materialize-form .file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; } .i-materialize-form .file-field input.file-path { width: 100%; } .i-materialize-form .file-field .btn, .i-materialize-form .file-field .btn-large { float: left; height: 3rem; line-height: 3rem; } .i-materialize-form .file-field span { cursor: pointer; } .i-materialize-form .file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } .i-materialize-form .file-field input[type=file]::-webkit-file-upload-button { display: none; } .i-materialize-form .range-field { position: relative; } .i-materialize-form input[type=range], .i-materialize-form input[type=range]+.thumb { cursor: pointer; } .i-materialize-form input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0; padding: 0; } .i-materialize-form input[type=range]:focus { outline: none; } .i-materialize-form input[type=range]+.thumb { position: absolute; top: 10px; left: 0; border: none; height: 0; width: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #26a69a; margin-left: 7px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .i-materialize-form input[type=range]+.thumb .value { display: block; width: 30px; text-align: center; color: #26a69a; font-size: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .i-materialize-form input[type=range]+.thumb.active { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .i-materialize-form input[type=range]+.thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; } .i-materialize-form input[type=range] { -webkit-appearance: none; } .i-materialize-form input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; } .i-materialize-form input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #26a69a; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: -5px 0 0 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; } .i-materialize-form input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; } .i-materialize-form input[type=range] { border: 1px solid #fff; } .i-materialize-form input[type=range]::-moz-range-track { height: 3px; background: #ddd; border: none; } .i-materialize-form input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #26a69a; margin-top: -5px; } .i-materialize-form input[type=range]:-moz-focusring { outline: 1px solid #fff; outline-offset: -1px; } .i-materialize-form input[type=range]:focus::-moz-range-track { background: #ccc; } .i-materialize-form input[type=range]::-ms-track { height: 3px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent; } .i-materialize-form input[type=range]::-ms-fill-lower { background: #777; } .i-materialize-form input[type=range]::-ms-fill-upper { background: #ddd; } .i-materialize-form input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #26a69a; } .i-materialize-form input[type=range]:focus::-ms-fill-lower { background: #888; } .i-materialize-form input[type=range]:focus::-ms-fill-upper { background: #ccc; } /* End */ /* Start:/local/templates/bejet_seller-1.6.0/components/bitrix/catalog.viewed.products/bejetstore/style.css?17669356811074*/ .bj-catalogue-filter{border:3px solid #f2f2f2;padding:15px 15px;font-size:9pt}@media (max-width:767px){.bj-catalogue-filter{display:none}}.bj-catalogue-filter .h3{margin-bottom:10px;background:url("data:image/gif;base64,R0lGODlhCAAEAKIEADQ0NLGxsX5+fjMzM////wAAAAAAAAAAACH5BAEAAAQALAAAAAAIAAQAAAMMGLMspAMMR96i9eEEADs=") no-repeat right center;cursor:pointer}.bj-catalogue-filter .h3.i-up{background-image:url("data:image/gif;base64,R0lGODlhCAAEAKIEADQ0NLGxsX5+fjMzM////wAAAAAAAAAAACH5BAEAAAQALAAAAAAIAAQAAAMNSCqhLmO0NUBsMOqQAAA7")}.bj-catalogue-filter .form-group{margin-bottom:25px}.bj-catalogue-filter .btn-default{width:70%;margin-right:10px}.bj-catalogue-filter-switch{display:none}@media (max-width:767px){.bj-catalogue-filter-switch{display:block;border:3px solid #f2f2f2;line-height:55px;font-size:13pt;text-align:center;margin-bottom:2px}}.bj-hidden{padding-top:1px}.bj-hidden-link,.bj-hidden-link:hover{text-decoration:none}.bj-hidden__hidden{display:none;border-top:1px solid transparent;border-bottom:1px solid transparent}.i-open .bj-hidden__hidden{display:block} /* End */ /* /local/templates/bejet_seller-1.6.0/components/bitrix/catalog/.default/style.css?1766935666697 */ /* /local/templates/bejet_seller-1.6.0/components/bitrix/catalog/.default/bitrix/catalog.element/multiple-props/style.css?176693584421912 */ /* /local/templates/bejet_seller-1.6.0/css/magnify.css?17669356401358 */ /* /local/templates/bejet_seller-1.6.0/components/bitrix/catalog.section/lookbook_detail/style.css?176693567354243 */ /* /local/templates/bejet_seller-1.6.0/components/bitrix/catalog.viewed.products/bejetstore/style.css?17669356811074 */