/* VARIABLES: $is_editor $site_tariff = 'free, shop, pro' $custom_font_text $custom_font_headers $font_size $font_text $bg_pic = задинй фон $headers_font_size COLORS: headers-color = $clr_h body-color = $clr_text body-bg-color = $clr_back links-color = $clr_link links-color:hover = $clr_hover */ /* BASE VARIABLES -------------------- */ /* Custom site fonts */ @import "https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic"; /* Custom section font */ /* Reset */ fieldset { border: none; } .icon-global { display: inline !important; margin: 0 !important; padding: 0 !important; } /* General settings */ .reset-dialog-ui.ui-dialog { padding:0; overflow:visible; background:none; margin:0; border:none; font:12px Tahoma, Helvetica, Verdana, sans-serif; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; } .reset-dialog-ui.ui-dialog .ui-dialog-content {overflow:visible;} .reset-dialog-ui .ui-widget-header {display:none !important;} .ui-widget-overlay { background:#000 !important; opacity:0.5; filter:alpha(opacity=50); } /********** Slider box **********/ .rotator { padding:0 !important; overflow:hidden; position: relative; } .rotator.sb-slider-container { overflow: visible; } .landing .rotator { width: 100%; max-width: 880px; margin: 0 auto; } .landing .rotator.sb-overflow-visible { /*width: 100%;*/ } .rotator.sb-overflow-visible { overflow: visible; } .rotator.sb-overflow-visible #slider-box { overflow: visible !important; } .sb-overflow-visible #slider-box li { display: block !important; position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .sb-overflow-visible #slider-box li.active { opacity: 1; left: 0; z-index: 10; visibility: visible; } .sb-overflow-visible #slider-box li.push-right { left: 100%; } .sb-overflow-visible #slider-box li.push-left { left: -100%; } .sb-overflow-visible #slider-box li.force { transition: none; -webkit-transition: none; } #slider-box { position:relative; padding: 0; margin: 0; } .inner #slider-box { } #slider-box> li { overflow:hidden; width:100%; display:none; } .inner #slider-box li { } #slider-box> li:first-child {display:block;} #slider-box li img { display:block; max-width:100%; } .rotator img.dummy { display: block; width: 100%; visibility: hidden; } .caption-holder { position:absolute; min-height:33%; z-index:300px; max-width:45%; max-height:170px; overflow:hidden; text-decoration:none; } .caption-holder> span { display:block; background: url(/_s/i/slider/black-opacity.png); line-height:35px; font-size:16px; color:#fff; font-weight:bold; padding:0 10px; max-width:100%; } .caption-holder.up-left { left:10px; top:10px; } .caption-holder.up-right { top:10px; right:10px; } .caption-holder.down-left { bottom:10px; left:10px; } .caption-holder.down-right { bottom:10px; right:10px; } .slide-text { margin: 0 !important; position: absolute; left: 30px; top: 75%; background-color: rgba(0, 0, 0, 0.5); min-width: 250px; min-height: 50px; color: #fff; padding: 10px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .slide-text p { min-height: 10px; } .disqus-logo { width: 52px; height: 13px; background: url(/_s/i/disqus-logo.png); float: left; } .active-logo {background-position: 0% 100%;} .rotator .slider-btn { position: absolute; top: 50%; z-index: 100; display: block; width: 60px; height: 60px; text-indent: -9999px; background-repeat: no-repeat; background-color: rgba(0,0,0,0.5); border-radius: 50px; background-size: 48px 48px; cursor: pointer; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .rotator:hover .slider-btn { opacity: .5; } .rotator:hover .slider-btn:hover { opacity: 1; } .rotator .slider-prev { left: 2.5%; background-position: 35% 50%; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjM1MiwxMTUuNCAzMzEuMyw5NiAxNjAsMjU2IDMzMS4zLDQxNiAzNTIsMzk2LjcgMjAxLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4="); } .rotator .slider-next { right: 2.5%; background-position: 65% 50%; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjE2MCwxMTUuNCAxODAuNyw5NiAzNTIsMjU2IDE4MC43LDQxNiAxNjAsMzk2LjcgMzEwLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4="); } .rotator .slider-pager-wr { position: absolute; bottom: 5px; right: 5%; z-index: 100; width: 90%; text-align: center; } .rotator .slider-pager { display: inline-block; background: rgba(255, 255, 255, 0.3); border-radius: 5px; line-height: 9px; vertical-align: middle; padding: 7px 0; opacity: 0.5; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .rotator:hover .slider-pager { opacity: 1; } .rotator:hover .slider-pager:hover { /*opacity: 1;*/ } .rotator .slider-pager a { display: inline-block; width: 10px; height: 10px; background: transparent; text-indent: 9999px; margin: 0 5px; border: 3px solid rgba(0,0,0,0.5); border-radius: 10px; cursor: pointer; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; outline: none; } .rotator .slider-pager a.activeSlide, .rotator .slider-pager a:hover { background: #fff; border-color: rgba(0,0,0,0.7); } .rotator.navigation-none .slider-pager, .rotator.navigation-arrows .slider-pager { display: none !important; } .rotator.navigation-none .slider-prev, .rotator.navigation-none .slider-next, .rotator.navigation-dots .slider-prev, .rotator.navigation-dots .slider-next { display: none !important; } /********************* Search interface **********************/ .dialog-search-outer.ui-dialog { /*top:10% !important;*/ padding-bottom:5%; position: absolute !important; z-index: 1000; margin-top: 40px; } .ui-widget-overlay { width:100% !important; height:100% !important; position:fixed !important; left:0; top:0; z-index: 100; } .reset-dialog-ui .dialog-search.ui-dialog-content { padding:0 20px; width:880px; height: auto !important; background:#fff; overflow:hidden; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .dialog-search h1 { font-size:16px; color:#000 !important; margin:0 0 20px; } .search-header:after { content:''; display:block; clear:both; } .search-header { padding:30px 20px; background-color:#f5f6f7; margin:0 -20px 0; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .search-header.br { -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .search-header .close-dilaog { position:absolute; /*right:32px; top:37px;*/ background: url(/_s/i/search/bg-close.png) no-repeat; width:20px; height:20px; text-decoration:none; right: 15px!important; top: 10px!important; } .close-dilaog:hover { background-position:0 -25px; text-decoration:none; } .close-dilaog:active {background-position:0 -50px;} .search-header input::-webkit-input-placeholder {color:#bebebe !important;} .search-header input:-moz-placeholder {color:#bebebe !important;} .search-header input[type=text] { padding:0 15px 0 15px; border:1px solid #bebebe; line-height:38px; height:36px; font-size:14px; color:#000; background-color:#fff; margin:0 20px 0 0; float:left; width:510px; } .search-header input.e {border-color:#f00;} .search-header button { height:38px; width:160px; padding:0 0 2px; font-family:Tahoma, Helvetica, Verdana, sans-serif !important; border:none; position:relative; background-color:#670000; cursor:pointer; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .search-header .trobber-element { position:absolute; right:283px; top:37px; } .index-message { position:absolute; bottom:13px; left:20px; font-size:10px; color:#f00; } /* Search tabs */ .search-tabs { margin:0 0 20px; padding:0; list-style:none; overflow:hidden; font-size:12px; } .search-tabs li { background: url(/_s/i/search/bg-tab.png) repeat-x; float:left; margin-left:10px; line-height:20px; padding:0 10px; min-width:100px; border-bottom:1px solid #b3b3b3; border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px; } .search-tabs li:first-child {margin-left:0;} .search-tabs li.active { border-top:1px solid #989898; background: url(/_s/i/search/bg-tab-active.png) repeat-x; } .search-tabs li a { text-decoration:none; color:#4c4c4c; display:block; } .search-tabs li a:hover, .search-tabs li.active a {color:#730000 !important;} .tabs-holder .more-results {display:none;} .nothing-find> p {margin:0 0 20px;} .search-type-holder {padding-top:20px;} .search-type-holder> ul {margin-bottom:20px !important;} /* Notice list */ .notice-list { margin:0; padding:0; list-style:none; } .notice-list li { overflow:hidden; padding-top:20px; border-top:1px solid #f2f2f2; margin-top:20px; } .notice-list li:first-child { padding-top:0; border:none; margin-top:0; } .notice-list li> img { float:left; width:130px; margin-right:20px; } ul.notice-content {padding-top:0;} .notice-content { overflow:hidden; padding:5px 0 0; font-size:12px; color:#999; } .notice-content .title {margin-bottom:10px;} .notice-content .title a { text-decoration:underline; color:#730000; font-size:14px; } .notice-content .title a:hover {text-decoration:none;} .notice-content .title a:visited {color:#609 !important;} .notice-content p {margin:0 0 20px;} .notice-content .price { float:left; font-size:14px; color:#730000; line-height:35px; } .button-buy { line-height:30px; height:35px; float:right; position:relative; background-color:#730000; color:#fff !important; font-weight:bold; text-align:center; min-width:100px; text-decoration:none; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px; } .button-buy:hover {color:#fff !important;} .button-buy:after, #submit-search:after { content: ""; position:absolute; bottom:0; left:0; height:5px; width:100%; background-color:#000; opacity:0.2; filter:alpha(opacity=20); -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -o-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px; } .dialog-search .button-buy {color:#fff;} /* Images list */ .images-list { margin:0 0 0 -10px; padding:0; list-style:none; overflow:hidden; } .images-list li { float:left; margin:0 0 0 10px; } *+html .images-listli { display:inline; zoom:1; text-align:center; } .images-list li a { display:block; text-decoration:none; position:relative; } .images-list li span { line-height:30px; font-size:12px; color:#fff; background-color:#6c1017; position:absolute; overflow:hidden; height:30px; text-overflow:ellipsis; text-align:center; white-space:nowrap; bottom:0; left:0; padding:0 3%; width:94%; display:none; } .images-list li a:hover span {display:block;} /* More link */ .more-results { font-size:16px; text-decoration:none; border-bottom:1px dotted; color:#730000 !important; font-weight:bold; display:inline-block; margin-bottom:20px; } .more-results:hover { border-bottom:1px solid transparent; color:#730000 !important; } /* Search paging */ .search-paging { margin: 0; padding: 0 0 20px; list-style: none; overflow: hidden; } .search-paging li { float: left; color: #000; margin-right: 5px; } .search-paging li:first-child {margin-right: 10px;} .search-paging a { color: #730000 !important; text-decoration: none; } .search-paging a:hover {text-decoration: underline;} .search-paging .active a {color: #999 !important;} .search-paging .active a:hover { text-decoration: none; cursor: text; } /* Share like */ .share-container, .share-all-container { position: fixed; right: 0; top: 20%; background-color: rgba(0, 0, 0, 0.15); } /* Few images */ .pictures-collection { float: left; max-width: 270px; margin: 0 10px 16px 0; position: relative; z-index: 10; } .pictures-collection + .block-text { clear: none !important; } .pictures-collection + .block-description { padding: 0 5px 5px; } .pictures-collection> .block-picture, .block-state-standalone .pictures-collection> .block-picture, .block-state-has-picture .pictures-collection> .block-picture { margin: 0 0 10px; } .pictures-collection> .block-picture img { max-width: 100%; width: auto; } .block-type-catalogfolder .pictures-collection> .block-picture img { max-width: 100% !important; margin: 0 auto; } .catalog-images { clear: both; font-size: 0; margin: 0 -1% 5px; text-align: left; } .Editor-page .catalog-images { margin-bottom: 0; } .catalog-images:after { content: ''; display: block; clear: both; } .catalog-images .block-picture, .block-state-standalone .catalog-images .block-picture, .block-state-has-picture .catalog-images .block-picture { width: 31%; font-size: initial; display: inline-block; min-height: 43px; margin: 0 1% 5px; overflow: hidden; background: none; border: none; float: none; vertical-align: top; } .catalog-images .block-picture img { min-width: auto; display: block; margin: 0; position: relative; z-index: 10; } .catalog-images-item-link { position: relative; width: auto !important; } .catalog-images-item-img-wrap { display: block; position: relative; z-index: 1; } /*.catalog-images-item-img-wrap:hover::after { content: ""; position: absolute; left: -5px; top: -5px; width: 63px; height: 43px; padding: 5px; z-index: 5; background-color: #fff; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.6); }*/ /*User site*/ .item-params-outer { overflow: hidden; margin-bottom: 15px; } .wrap-user-item-slider .catalog-collection-item .item-params-outer { margin-bottom: 10px; } .item-params { margin-top: 0; /*margin-bottom: 15px;*/ } .collection-view-tile .item-params { text-align: left; margin: 0; } .collection-view-tile .item-params-outer { margin-bottom: 0px; } .item-desc-title { font-size: 14px !important; margin: 0 0 10px !important; } .item-desc-row { padding: 5px 0 5px 8px; line-height: 20px; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; /*margin-bottom: 10px;*/ } .collection-view-tile .item-desc-row { padding-left: 15px; } .item-desc-row.row-params-alert { color: #ad2d2d; border-bottom: none; font-weight: bold; display: none; } .item-desc-row.empty-param .item-desc-text { color: #ad2d2d; } .item-params .item-desc-row:last-child { margin-bottom: 15px; } .item-desc-text { font-weight: bold; /*font-size: 14px;*/ } .collection-view-tile .item-desc-text { font-weight: normal; } /*.collection-view-tile .row-vendorCode .item-desc-text { float: left; margin-right: 10px; } .collection-view-tile .row-vendorCode .item-desc-value { width: auto; float: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }*/ .item-desc-select { float: right; width: 150px; margin: 0px; } .collection-view-tile .item-desc-select { float: none; width: 92%; } .item-desc-value { float: right; margin: 0px; } .b-ship-desc:after { content: ''; display: block; clear: both; } .item-available-true { color: #3d7518; padding: 5px; font-weight: normal; } .item-available-true::before{ content: ' '; background: url(/_s/i/new/icons/yes.png) no-repeat; width: 20px; height: 15px; display: inline-block; margin: 0 5px 0 0; } .item-available-false { color: #ff9d02; } /* Block price */ .catalog-collection-item-title {margin-bottom:10px;} .block-type-goods .catalog-collection-item .catalog-collection-item-title {margin-bottom: 7px;} .block-price { font-style: normal !important; font-size: 16px; float: left; padding-bottom: 15px; padding-top: 5px; } .item-params + .block-price { padding-left: 8px; } .fh-cart-link, .fh-cart-fast-order, .simple-order-button { cursor: pointer; padding:0 7px; font-size: 12px; background: url(/_s/i/cart/cart-button.png) repeat-x; text-decoration: none; position:relative; line-height:28px; margin-top: 5px; border-radius:5px; display:inline-block; -webkit-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out; } /*.fh-cart-fast-order { display: inline-block; clear: none; margin-right: 10px; font-weight: bold; height: 25px; line-height: 26px; } .fh-cart-link:hover, .fh-cart-fast-order:hover, .simple-order-button:hover { text-decoration:none; background-position:0 -35px; } .fh-cart-link:active, .fh-cart-fast-order:active, .simple-order-button:active {background-position:0 -70px;}*/ .collection-view-tile .fh-cart-link, .collection-view-tile .fh-cart-fast-order, .collection-view-tile .simple-order-button { float: none; } .fh-cart-transfer { font-size: 120%; /* position: absolute !important; */ } .fh-cart-transfer img { max-width: 100%; max-height: 100%; } .consultant { position: fixed; bottom: 0px; left: 50px; background: #888; border-radius: 10px 10px 0 0; width: 260px; font-size: 12px; color: white; box-shadow: 0px 0px 12px -2px #000; z-index: 499; } .consultant .header { cursor: pointer; padding: 11px 10px; position: relative; font-weight: bold; } .consultant.opend .header { padding-right: 20px; } .consultant .header .title { width: 150px; padding-right: 20px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } .consultant .status-wr { text-align: right; display: inline-block; width: 62px; float: right; } .consultant .status-wr.status-online .s-off { display: none; } .consultant .status-wr.status-offline .s-on { display: none; } .consultant.opened .status-wr { text-align: left; } .consultant .status { color: black; } .consultant .close { position: absolute; top: 13px; right: 9px; width: 16px; height: 16px; line-height: 12px; text-align: center; color: white; font-weight: normal; font-size: 24px; font-family: Georgia, Times New Roman, serif; display: none; } .consultant .mute { position: absolute; top: 13px; right: 35px; width: 15px; height: 16px; display: none; background: url(/_s/i/mute-icons.png) -15px 0 no-repeat; } .consultant .mute.disabled { background-position: 0 0; } .consultant.opened .close, .consultant.opened .mute { display: block; } .consultant .main-section { display: none; max-height: 500px; } .consultant.opened .main-section { display: block; } .consultant.initial .main-section { display: none; } /*@-webkit-keyframes cons-slidein { from { max-height: 0px; } to { max-height: 500px; } } @-webkit-keyframes cons-slideout { from { max-height: 500px; } to { max-height: 0px; } }*/ .consultant .chat-wr { padding: 0 10px 10px; } .consultant .chat { background: white; padding: 10px; color: black; } .consultant .status-online .offline-text, .consultant .status-online .offline-form { display: none; } .consultant .offline-text { margin-bottom: 10px; line-height: 1.4em; } .consultant .offline-text b { display: block; margin-bottom: 6px; } .consultant .offline-form {} .consultant .offline-form input[type="text"], .consultant .offline-form textarea { width: 97%; display: block; border: 1px solid #a6a6a6; padding: 3px; margin: 0 0 10px 0; } .consultant .offline-form textarea { height: 75px; } .consultant .offline-form input[type="submit"] { width: 100%; border: 0; padding: 8px 0 8px 0; border-radius: 5px; background: #333; color: white; font-size: 14px; font-weight: bold; cursor: pointer; } .consultant .messages {} .consultant .status-offline .messages { display: none; } .consultant .messages-place { max-height: 300px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px; } .consultant .msg { margin-bottom: 20px; } .consultant .msg .user { font-weight: bold; margin-bottom: 5px; } .consultant .msg .user span { font-weight: normal; font-size: .9em; } .consultant .msg .text {} .consultant .messages textarea { width: 97%; max-width: 97%; display: block; border: 1px solid #a6a6a6; padding: 3px; height: 70px; max-height: 100px; margin: 0; } .image-view-fullscreen .gallery-collection-item-link { cursor: url('/_s/i/new/plus_cursor.png') 25 25, auto; } /* ========================== /new/all.css ============================= */ .scroll-hidden { overflow:hidden; } .trobber-element { width: 24px; } /* Common classes */ .row:after { content: ''; display: block; clear: both; } .left { float: left !important; } .right { float: right !important; } .center { text-align: center !important; } .color-lgrey { color: #a6a6a6 !important; } .color-mgrey { color: #666 !important; } #dialog-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 5000; } /* Site panel */ .site-panel { width: 47px; /*height: 52px;*/ position: fixed; top: 20%; left: 0; padding: 20px 0; z-index: 998; background: #ff9d02 url(/_s/i/new/bg/site-panel-gradient.png) no-repeat 100% 50%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: 2px 0 2px #808080; -moz-box-shadow: 2px 0 2px #808080; box-shadow: 2px 0 2px #808080; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } .site-panel:hover { left: 0; } .feedback ~ .site-panel { top: 130px; } /* Admin panel */ .admin-panel { display: none; box-sizing: content-box; height: 38px; border: 1px solid #ffb724; background: #f69a0a url(/_s/i/new/bg/admin-panel-gradient.png) repeat-x 0 100%; width: 70%; position: fixed; bottom: 0; left: 50%; margin-left: -35%; z-index: 5010; margin-left: -35%; border-radius: 10px 10px 0 0; } .admin-panel> .trobber-element { position: absolute; left: 5px; top: 9px; } .admin-nav { margin: 0; padding: 0 35px; list-style: none; } .admin-nav:after { content: ''; display: block; clear: both; } .admin-nav li { float: left; position: relative; padding: 12px 10px 0; height: 26px; margin-left: 10px; box-sizing: content-box; } .admin-nav li:first-child { margin-left: 0; } .admin-nav .active:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 48px; background-color: #fff; } .admin-nav .non-active.active:before { display: none; } .admin-nav a { display: block; position: relative; } .admin-nav img { display: block; height: 16px; } .admin-nav-counter { right: -6px; } /* Order table */ .order-table { width :100%; table-layout: auto; border-collapse: collapse; border-spacing: 0; font-size: 12px; } .order-table tr { border-top: 1px solid #f7f7f7; } .order-table thead tr:first-child { border-top: 0; } .order-table th, .order-table td { text-align: left; padding: 7px; vertical-align: middle; } .order-table th:first-child, .order-table td:first-child { padding-left: 0; } .order-table th:last-child, .order-table td:last-child { /*padding-right: 0;*/ } .order-table .tags-container { min-height: 23px; } .order-table td { color: #666; } .order-table .result-row { font-weight: bold; color: #000 !important; background-color: #eee; } /*.order-table a, .dialog .order-table a { color: blue !important; }*/ .order-table .th-cell-1, .order-table .td-cell-1 { width: 15%; } .order-table .th-cell-2, .order-table .td-cell-2 { width: 10%; } .order-table .th-cell-3, .order-table .td-cell-3 { width: 23%; } .order-table .th-cell-4, .order-table .td-cell-4 { width: 10%; } .order-table .th-cell-5, .order-table .td-cell-5 { width: 7%; } .order-table .th-cell-6, .order-table .td-cell-6 { width: 23%; } .order-table .th-cell-7, .order-table .td-cell-7 { width: 1%; text-align: center; } .order-table .th-cell-3, .order-table .td-cell-3 { /*text-align: center;*/ } .order-table .th-cell-4, .order-table .td-cell-4 { text-align: left; } .order-table .sort {} .order-table .sort a { cursor: pointer; text-decoration: none; color: #000; display: inline-block; display: none; } .order-table .sort a.desc { display: inline-block; } .order-table .sort.desc a.asc { display: inline-block; } .order-table .sort.desc a.desc { display: none; } .order-table .sort.asc a.desc { display: inline-block; } .order-table .sort.asc i, .order-table .sort.desc i { visibility: visible; } .order-table .sort span { border-bottom: 1px dotted #000; display: inline-block; color: #000; } .order-table .sort span {} .order-table .sort i { display: inline-block; font-style: normal; color: #bebebe; font-size: 8px; margin-left: 6px; vertical-align: top; position: relative; top: 2px; visibility: hidden; } .order-table.clent-list-table {} .order-table.clent-list-table .order-td-cell-3 { padding-left: 30px; } .order-table .shop-delete-item { background: url(/_s/i/icon-sprite.png) no-repeat -177px -319px; width: 16px; height: 16px; display: inline-block; text-indent: -9999px; cursor: pointer; position: relative; top: 3px; } .order-table .removing { padding: 0 1%; } .order-table .removing> div { overflow: hidden; padding: 7px 0; } .order-table .order-status {} .order-table .order-status .status-info { display: inline-block; cursor: pointer; width: 115px; } .order-table .order-status .status-info i { display: inline-block; width: 15px; height: 15px; background: url(/_s/i/new/icons/i-edit.png) center center no-repeat #ebebeb; vertical-align: middle; margin-left: 13px; } .order-table .order-status select { display: none; width: 110px; } .order-table .status-in_process .status-info { color: #000; } .order-table .status-paid .status-info { color: #3d7518; } .order-table .status-sent .status-info { color: #f26622; } .order-table .status-delivered .status-info { color: #000080; } .order-table .status-cancelled .status-info { color: #ad2d2d; } .order-table .status-returned .status-info { color: #ad2d2d; } .order-table .status-closed .status-info { color: #a6a6a6; } /* User cabinet order table */ .user-order-table-details.order-table { margin-bottom: 20px; } .user-order-title { font-weight: bold; padding-left: 3%; margin-bottom: 3px; } .user-information { margin-bottom: 10px; line-height: 20px; padding-left: 3%; } .user-order-table-details-holder { height: 45vh; overflow: auto; } .user-order-table-details.order-table th, .user-order-table-details.order-table td { padding: 7px 3%; } .user-order-table-details .order-th-cell-3, .user-order-table-details .order-td-cell-3 { text-align: center; } .user-order-table-details .order-th-cell-2, .user-order-table-details .order-td-cell-2, .user-order-table-details .order-th-cell-4, .user-order-table-details .order-td-cell-4 { text-align: right; } /* Order details */ .order-table-details-holder { width: 47%; float: left; padding-right: 2%; overflow-y: auto; } .order-details-holder { position: relative; } .order-table-details .order-td-cell-1 { width: 35%; max-width: 35%; } .order-table-details .order-th-cell-2, .order-table-details .order-td-cell-2, .order-table-details .order-th-cell-4, .order-table-details .order-td-cell-4 { text-align: right; } .order-table-details .order-th-cell-3, .order-table-details .order-td-cell-3 { text-align: center; width: 30%; padding: 0; } .customer-details-holder { width: 49%; float: right; background-color: #f7f7f7; border-radius: 3px; overflow-y: auto; min-height: 100px; } .customer-details-title { font-size: 18px; color: #000; padding: 20px 20px; } .customer-details-list { overflow: hidden; margin: 0; padding: 0 20px; } .customer-details-list dt { float: left; width: 150px; padding: 0 10px 20px 0; } .customer-details-list dd { overflow: hidden; margin: 0; padding-bottom: 20px; } .order-total-cost { font-size: 18px; } .unknown-field { color: #DDD; } .print-link-holder { padding: 0 20px 20px; } /* Pen pal table */ .pen-pal-table { width :100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; color: #000; } .pen-pal-table tr { border-top: 5px solid #fff; } .pen-pal-table tr:first-child { border-top: 0; } .pen-pal-table tr { background-color: #f7f7f7; cursor: pointer; } .pen-pal-table tr:hover { background-color: #fcfcfc; } .pen-pal-table.cabinet-talk-list td:first-child { width: 25%; } .pen-pal-table .active { background-color: #fff9e5; } .pen-pal-table td { padding: 7px 2%; vertical-align: middle; word-wrap: break-word; } .table-date { width: 12%; } .table-name { width: 35%; } .table-email { font-size: 12px; color: #a6a6a6; } .table-more, .table-remove-row { text-align: right; width: 10%; } .lock-user { line-height: 20px; color: #000 !important; opacity: 0.5; background-color: #a6a6a6; font-size: 12px !important; filter: alpha(opacity=50); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .lock-user:hover { opacity: 1; filter: alpha(opacity=1); } .active .lock-user { background-color: #fdcb00; } .new-box { height: 12px; width: 32px; overflow: hidden; text-indent: -9999px; display: inline-block; background: url(/_s/i/new/icons/i-new.png) no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* Order history table for user cabinet */ .order-history-holder, .talk-history-holder { margin-bottom: 20px; overflow-y: auto; height: 200px; } .order-history-table { width :100%; table-layout: auto; border-collapse: collapse; border-spacing: 0; background-color: #fff; } .order-history-table td { padding: 0 10px; height: 39px; border-bottom: 1px solid #f7f7f7; vertical-align: middle; } .order-td-1 { width: 150px; color: #666; } .order-td-2 { width: 340px; } .order-td-4 { text-align: right; } .order-history-table .button-yellow { height: 20px; min-width: 90px; line-height: 20px; } /* Cabinet panel links */ .feedback-link { display: block; width: 21px; height: 16px; background: url(/_s/i/new/icons/i-envelope.png) no-repeat; margin: 0 auto; position: relative; text-indent: -9999px; } .js-personal-link { background: url(/_s/i/new/icons/i-persone.png) no-repeat; width: 21px; height: 19px; margin: 0 auto; position: relative; display: block; text-indent: -9999px; } .cabinet-panel-link + .cabinet-panel-link { margin-top: 18px; } /* Counter */ ./*counter { background: url(/_s/i/new/icons/i-counter.png) no-repeat; width: 13px; height: 16px; color: #fff; font-size: 8px; line-height: 14px; text-align: center; position: absolute; right: -5px; top: -7px; padding-right: 2px; } .counter.b { top: auto; bottom: -7px; }*/ /* User chat messages */ .messages-holder { color: #a6a6a6; font-size: 14px; height: 250px; overflow-y: auto; } .feddback-messages { color: #000; list-style: none; margin: 0; padding: 0 10px 0 0; overflow: hidden; } .feddback-messages li { border-bottom: 1px solid #f7f7f7; margin-top: 19px; padding-bottom: 12px; -ms-word-break: break-all; word-break: break-all; } .feddback-messages li:first-child { margin-top: 0; } .feddback-messages .active { background-color: #f5f6f7; border: none; color: #a6a6a6; padding: 20px 5px; text-align: center; line-height: 20px; } .feddback-messages .row { margin-bottom: 10px; } .feedback-user-name { -ms-word-break: break-all; word-break: break-all; margin-right: 3px; } .feedback-user-email { color: #666; } .feedback-message-date { color: #a6a6a6; font: 11px Tahoma, Helvetica, Verdana, sans-serif; } /* Dotted links */ .dotted-link { color: #11649a !important; display: inline-block; text-decoration: none !important; cursor: pointer; } .dotted-link.add-opponent { background: url(/_s/i/new/icons/icon-opponent.png) no-repeat; height: 27px; line-height: 27px; padding-left: 36px; } .dotted-link.back-messages { background: url(/_s/i/new/icons/icon-back-mail.png) no-repeat; line-height: 17px; padding-left: 37px; } .dotted-link:hover { text-decoration: none !important; } .dotted-link span { border-bottom: 1px dotted #11649a; display: inline-block; } .dotted-link:hover span { border-bottom: 1px solid transparent; } .dotted-link.back { background: url(/_s/i/new/icons/arrow-left.png) no-repeat 0 55%; padding-left: 18px; } /* Question link */ .question-link { background: url(/_s/i/new/icons/i-question.png) no-repeat; width: 11px; height: 11px; display: inline-block; overflow: hidden; position: relative; top: -4px; text-decoration: none !important; } .question-link:hover {text-decoration: none !important;} .recommended_items { font-size: 18px; font-weight: bold; margin-bottom: 20px; /*color: #000;*/ } .block-type-catalogitem_recommended-items .catalog-collection { padding: 20px; border: 1px solid #fff; border-radius: 10px; text-align: center; } .block-type-catalogitem_recommended-items .catalog-collection-item { margin: 0 0 0 20px; vertical-align: top; } .block-type-catalogitem_recommended-items .catalog-collection-item:first-child { margin-left: 0 !important; } .hide-feedback { display: none !important; } /* Catalog slider */ .block-type-goods.block-goods-view-variant-sly .catalog-collection { border: none; padding: 0; } .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item, #article .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item { display: block; float: left; width: 270px; margin: 0px !important; padding: 15px; } .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item:hover .catalog-collection-item-content:before, #article .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item:hover .catalog-collection-item-content:before { width: 94%; height: 97%; left: 6px; top: 6px; } .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item:first-child { padding-bottom: 16px !important; } .wrap-user-item-slider { position: relative; padding: 0 35px; z-index: 10; -webkit-transform: translate3d(0,0,0); } .user-item-slider { overflow: hidden; } .catalog-slider-sly { /*height: 310px;*/ width: 20000px; overflow: hidden; } .caroufredsel_wrapper .catalog-slider-sly { overflow: visible; } .wrap-user-item-slider .prev, .wrap-user-item-slider .next { position: absolute; top: 30%; bottom: 0px; width: 20px; height: 20%; min-height: 50px; background: #fff; cursor: pointer; text-align: center; /*line-height: 26px;*/ font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; display: none; opacity: 0.6; } .wrap-user-item-slider .prev:hover, .wrap-user-item-slider .next:hover { opacity: 1; } .wrap-user-item-slider .prev { left: 0px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .wrap-user-item-slider .next { right: 0px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } .wrap-user-item-slider .prev span, .wrap-user-item-slider .next span { position: absolute; top: 50%; left: 0px; margin-top: -6px; width: 20px; height: 4px; line-height: 12px; } .catalog-slider-pagination { text-align: center; padding: 5px 0; } .catalog-slider-pagination a { display: inline-block; margin: 0 3px 0 2px; /*padding: 3px 3px;*/ text-decoration: none !important; font-size: 10px; line-height: 12px; width: 15px; height: 13px; padding-top: 2px; text-align: center; text-indent: -1px; border-radius: 3px; } .catalog-slider-pagination a.selected { color: #000 !important; background: none transparent !important; cursor: default; } .block-type-goods .block-text { margin-bottom: 5px; } .block-type-goods .catalog-collection-item .row-vendorCode { display: none; } .block-type-goods .block-content> .block-id-main .collection-view-tile { padding-top: 10px; } .feeditems-collection { list-style: none; margin-bottom: 20px; margin-right: -10px; } .feeditems-collection li { display: inline-block; vertical-align: top; margin-right: 10px; width: 23%; } .feeditems-collection li:last-child { margin-right: 0; } .feeditems-collection li .picture {} .feeditems-collection li .picture img { width: 100%; } .feeditems-collection li h3 { font-size: 14px; text-transform: none; font-weight: normal; } .block-type-feeditems_recommended-items .recommended_items { margin-bottom: 15px; margin-top: 5px; } /* News arrow */ .news-arrow:after { content: ''; display: block; clear: both; } .news-arrow .prev-item { float: left; max-width: 45%; } .news-arrow .next-item { float: right; text-align: right; max-width: 45%; } /*.news-arrow .pictures { overflow: hidden; }*/ .news-arrow .picture { width: 150px; overflow: hidden; } .news-arrow .prev-picture { float: left; } .news-arrow .next-picture { float: right; } .news-arrow .picture img { width: 100%; } .news-arrow_left { position: relative; clear: left; display: block; } /*.news-arrow_left:after { content: "2190円"; position: absolute; left: -16px; top: 0; }*/ .news-arrow_right { position: relative; clear: right; display: block; } /*.news-arrow_right:after { content: "2192円 "; position: absolute; right: -16px; top: 0; }*/ .news-arrow .news-arrows-title { margin-bottom: 0.3em; } .item-not-available { float: right; clear: right; padding: 0 7px; margin-top: 6px; font-size: 14px; font-weight: bold; display: inline-block; color: #ad2d2d; } .collection-view-tile .item-not-available { position: relative; float: none; margin-top: -1px; font-size: 12px; } .collection-view-tile .item-available { position: relative; } .item-label { z-index: 60; max-width: 80%; word-break: break-word; } .catalog-slider-3d { height: 230px; width: 80%; margin: 0 auto 70px auto; } .catalog-slider-3d .catalog-collection-item { width: 190px; } .catalog-slider-3d .catalog-collection-item .block-title, .catalog-slider-3d .catalog-collection-item .item-available, .catalog-slider-3d .catalog-collection-item .item-not-available, .catalog-slider-3d .catalog-collection-item .item-params-outer, .catalog-slider-3d .catalog-collection-item .block-price, .catalog-slider-3d .catalog-collection-item .fh-cart-link, .catalog-slider-3d .catalog-collection-item .fh-cart-fast-order, .catalog-slider-3d .catalog-collection-item .simple-order-button { display: none; } .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover { height: auto !important; } .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .block-title, .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .item-available, .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .item-not-available, .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .item-params-outer, .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .block-price { display: block; } .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .fh-cart-link, .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .fh-cart-fast-order, .catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .simple-order-button { display: inline-block; } .block-goods-view-variant-3d .wrap-user-item-slider .prev, .block-goods-view-variant-3d .wrap-user-item-slider .next { top: 35%; height: 28%; } .collection-view-tile.catalog-slider-3d .catalog-collection-item:hover .catalog-collection-item-content:before { display: none; } .collection-view-tile.catalog-slider-3d .catalog-collection-item.roundabout-in-focus:hover .catalog-collection-item-content:before { display: block; } .block-type-subscribe { padding: 15px 0; } .block-type-subscribe .block-title { font-size: 1.2em; margin-bottom: 0.7em; } .form-subscribe { position: relative; } .form-subscribe .subscribe_input { width: 97%; max-width: 300px; margin: 0; border: 1px solid #bbb; padding: 4px 1px 4px 5px; } span.subscribe-error-box { font-size: 12px; display: block; color: #ad2d2d; } .form-subscribe input[type="submit"], .form-unsubscribe input[type="submit"] { padding: 0 7px; color: #4f4f4f; font-size: 12px; background: url(/_s/i/cart/cart-button.png) repeat-x; text-decoration: none; position: relative; line-height: 28px; height: 28px; min-width: 125px; margin: 8px 0 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } .form-subscribe input[type="submit"]:hover, .form-unsubscribe input[type="submit"]:hover { background-position: 0 -35px; cursor: pointer; } .form-subscribe .loader { vertical-align: middle; width: 24px; height: 24px; display: inline-block; position: relative; top: -1px; margin-left: 10px; } .form-subscribe .loader img { margin: 0px !important; border: none !important; } #buttonup { /* Чтобы не перекрывалось секциями см. css/common/common-landing.css: .pinned */ /* Более того, мы не должны быть скрыты панелью: accessibility-panel*/ z-index: 99999; position: fixed; bottom: 100px; right: 10px; width: 40px; height: 40px; background: url(/_s/i/new/top.png) no-repeat; /*display: none;*/ opacity: 0; -o-transition: opacity 0.3s, top 0.3s; -ms-transition: opacity 0.3s, top 0.3s; -moz-transition: opacity 0.3s, top 0.3s; -webkit-transition: opacity 0.3s, top 0.3s; transition: opacity 0.3s, top 0.3s; } #buttonup:hover { background-position: 0 -40px; } #buttonup.show { opacity: 1; right: 10px !important; } .accessibility-panel ~ #buttonup.show { top: 40px; } #buttonup.show-low { opacity: 1; top: 70px; } .form-unsubscribe input[type="text"], .form-unsubscribe input[type="email"] { width: 200px; margin: 0; border: 1px solid #bbb; padding: 5px 1px 6px 5px; } .form-unsubscribe input[type="submit"] { margin-left: 15px; margin-right: 15px; } .form-unsubscribe p { font-size: 16px; } .form-unsubscribe .loader { position: relative; top: 6px; left: 14px; } .form-unsubscribe .subscribe-error-box { /*position: absolute; bottom: 20px; left: 20px; display: inline;*/ } .unsubscribe-alert p { padding-right: 25px; font-size: 16px; } a.btneditor-button { position: relative; background: #af063c; width: auto; padding: 0 45px; display: inline-block; border-radius: 5px; color: white; text-align: center; text-decoration: none; cursor: pointer; overflow: hidden; white-space: nowrap; } a.btneditor-button.btn-volume:after { content: ''; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: 5; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.66))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=0 ); } a.btneditor-button span { display: block; width: 100%; /*height: 100%;*/ position: relative; z-index: 10; } a.btneditor-button.border-only { background: transparent !important; border: 3px solid black; } a.btneditor-button.border-only:after { display: none; } /* Forms */ .block-type-form { padding: 15px 15px 20px 15px; border-radius: 3px; display: inline-block; min-width: 200px; box-sizing: border-box; } .block-type-form h2 { color: inherit !important; padding: 0; margin-bottom: 14px; font-size: 16px; margin-top: 0; text-transform: none; } .block-type-form .form-group { margin-bottom: 10px; } .block-type-form.form-orient-horizontal { max-width: 10000px; } .block-type-form.form-orient-horizontal form { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .block-type-form.form-orient-horizontal form .form-group { -webkit-flex-grow: 1; flex-grow: 1; } .block-type-form.form-orient-horizontal .form-group { float: left; margin-right: 10px; } .block-type-form.form-orient-horizontal .feedback-submit-block { float: left; margin-right: 0; } .use_flexbox .horizontal-captcha-flex-container .feedback-submit-block{ margin-left: 8px; } .block-type-form.form-orient-horizontal .field-error { display: block; line-height: 1.2em; } .block-type-form.form-orient-horizontal .type-time-wrapper { margin-top: -1.2em; } .block-type-form.form-orient-horizontal .type-attachment { width: 100%; } .block-type-form.float-left { float: left; margin-right: 20px; } .block-type-form.float-right { float: right; margin-left: 20px; } .block-type-form .form-control { display: block; width: 100%; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 5px; padding: 3px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .block-type-form .form-control:focus { border: 1px solid #38a9f0; -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75); -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75); box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75); } .block-type-form.field-height-small .form-control { height: 20px; line-height: 20px; border-radius: 3px; } .block-type-form.field-height-middle .form-control { height: 30px; line-height: 30px; font-size: 12px; } .block-type-form.field-height-large .form-control { height: 40px; line-height: 40px; font-size: 14px; } .block-type-form textarea.form-control { line-height: 1.2em !important; /*height: auto !important;*/ resize: vertical; } .block-type-form.field-border-radius-none .form-control { border-radius: 0 !important; } .block-type-form .btn-block { display: block; cursor: pointer; } .block-type-form input[type="submit"].btn-block, .block-type-form input[type="reset"].btn-block, .block-type-form input[type="button"].btn-block { width: 100%; height: 40px; font-size: 16px; } .block-type-form.field-height-small input[type="submit"].btn-block, .block-type-form.field-height-small input[type="reset"].btn-block, .block-type-form.field-height-small input[type="button"].btn-block { width: 100%; height: 30px; font-size: 14px; padding: 0; } .block-type-form.field-height-large input[type="submit"].btn-block, .block-type-form.field-height-large input[type="reset"].btn-block, .block-type-form.field-height-large input[type="button"].btn-block { width: 100%; height: 50px; font-size: 18px; } .block-type-form.form-orient-horizontal input[type="submit"].btn-block, .block-type-form.form-orient-horizontal input[type="reset"].btn-block, .block-type-form.form-orient-horizontal input[type="button"].btn-block { height: 30px; line-height: 27px; font-size: 12px; padding: 0 15px; } .block-type-form.form-orient-horizontal.field-height-small input[type="submit"].btn-block, .block-type-form.form-orient-horizontal.field-height-small input[type="reset"].btn-block, .block-type-form.form-orient-horizontal.field-height-small input[type="button"].btn-block { height: 20px; line-height: 18px; font-size: 12px; padding: 0 15px; } .block-type-form.form-orient-horizontal.field-height-large input[type="submit"].btn-block, .block-type-form.form-orient-horizontal.field-height-large input[type="reset"].btn-block, .block-type-form.form-orient-horizontal.field-height-large input[type="button"].btn-block { height: 40px; line-height: 2; font-size: 14px; padding: 0 15px; } .block-type-form .btn { border: 1px solid transparent; box-sizing: border-box; color: #fff; margin: 0 !important; border-radius: 3px; padding: 0; } .block-type-form .btn:hover { opacity: 0.8; } .block-type-form.field-border-radius-none .btn { border-radius: 0; } .block-type-form .success { display: none; } .type-time-wrapper:after { content: ''; display: block; clear: both; } .type-time-wrapper__row { float: left; box-sizing: border-box; } .type-time-wrapper__row--title { overflow: hidden; line-height: 30px; } .type-time-wrapper__row--from, .type-time-wrapper__row--to { float: right; width: 70px; box-sizing: content-box; } .type-time-wrapper__row--from { padding: 0 5px; } .block-type-form .type-time-wrapper__row .form-control { text-align: center; } .timer-container { max-height: 100px; z-index: 0; } .uptl_container { z-index: 400 !important; } /* Accessibility */ .accessibility-panel { position: fixed; top: 0; right: -100%; width: 100%; background: #ccc; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.20); padding: 10px; z-index: 999; transition: position .5s ease-in-out; text-align: center; box-sizing: border-box; color: #4d4d4d; } .accessibility-panel.active { right: 0; position: static; min-width:300px; } .accessibility-panel.active:after { content: " "; clear: both; display: block; } .accessibility__btn { position: absolute; left: -235px; cursor: pointer; top: 0; background: #bbb; padding: 5px; width: 235px; box-sizing: border-box; border-bottom-left-radius: 10px; font-size: 14px; } .accessibility-panel.active .accessibility__btn { position: static; background-color: transparent; display: inline-block; width: auto; } .accessibility__btn-text { display: inline-block; vertical-align: middle; position: relative; top: 1px; margin-left: 5px; } .accessibility-panel .accessibility__btn-text.text-in-active { display: none; } .accessibility-panel .accessibility__btn-text.text-active { display: inline-block; } .accessibility-panel.active .accessibility__btn-text.text-active { display: none; } .accessibility-panel.active .accessibility__btn-text.text-in-active { display: inline-block; } .accessibility__btn .fa { vertical-align: middle; font-size: 22px; } .accessibility__btn .icon-in-active { display: inline-block; } .accessibility__btn .icon-active { display: none; } .accessibility-panel.active .accessibility__btn .icon-in-active { display: none; } .accessibility-panel.active .accessibility__btn .icon-active { display: inline-block; } .accessibility__row { display: inline-block; vertical-align: middle; margin-right: 50px; margin-bottom:10px; float: right; } .accessibility__row .small { font-size: 12px; } .accessibility__row .middle { font-size: 18px; } .accessibility__row .large { font-size: 30px; line-height: 25px } .accessibility__label { display: inline-block; } .accessibility__font { text-decoration: none; text-transform: uppercase; border-radius: 1px; display: inline-block; min-width: 30px; height: 30px; line-height: 30px; text-align: center; border: 2px solid #000; border-radius: 3px; background: #000; color: #fff !important; overflow: hidden; vertical-align: middle; } .accessibility__font:hover { color: #fff !important; } .accessibility__font.active:hover { color: #000 !important; } .accessibility__font> span { padding: 0 10px; } .accessibility__font.active { background-color: transparent !important; color: #000 !important; } .accessibility__font .text-active { display: none; } .accessibility__font .text-in-active { display: block; } .accessibility__font.active .text-active { display: block; } .accessibility__font.active .text-in-active { display: none; } .accessibility__font.accessibility__font_light { background-color: #fff; color: #000 !important; } .accessibility__font.active.accessibility__font_light { color: #000 !important; } .accessibility__font:hover.accessibility__font_light { color: #000 !important; } .accessibility__font.accessibility__font_dark { background-color: #000; color: #fff !important; } .accessibility__font:hover.accessibility__font_dark { color: #fff !important; } .accessibility__font.accessibility__font_light-dark { background-color: #8AB4E1; } .accessibility__font.face { padding: 0 5px; } .body--accessibility--active, .accessibility--active, .accessibility--active * { background: none !important; border-color: transparent !important; } .body--accessibility--active img { filter: url("data:image/svg+xml;utf8,#grayscale") !important; /* Firefox 10+, Firefox on Android */ filter: gray !important; /* IE6-9 */ -webkit-filter: grayscale(100%) !important; /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .body--accessibility--active div, .body--accessibility--active a { -moz-filter: url("data:image/svg+xml;utf8,#grayscale") !important; -o-filter: url("data:image/svg+xml;utf8,#grayscale") !important; /* -webkit-filter: grayscale(100%) !important;*/ } /*.body--accessibility--active div { filter: gray !important; filter: url("data:image/svg+xml;utf8,#grayscale") !important; }*/ .body--accessibility--active a { -moz-filter: url("data:image/svg+xml;utf8,#grayscale") !important; -o-filter: url("data:image/svg+xml;utf8,#grayscale") !important; -webkit-filter: grayscale(100%) !important; } .accessibility--active.section { position: relative; /*z-index: 0;*/ } .accessibility--active.section.header { position: relative; /*z-index: 1;*/ } .accessibility--active.accessibility--images--hide img, .accessibility--active.accessibility--images--hide .banner, .accessibility--active.accessibility--images--hide .block-type-mainimg, .accessibility--active.accessibility--images--hide .block-type-rotator { visibility: hidden; background: none !important; } body.mainimg-wide .accessibility--active.accessibility--images--hide .block-type-mainimg, body.mainimg-wide .accessibility--active.accessibility--images--hide .block-type-rotator, .accessibility--active.accessibility--images--hide :after, .accessibility--active.accessibility--images--hide :before, .accessibility--active #header, .accessibility--active .block-type-menu, .accessibility--active #mainimg-wrap, .accessibility--active .block-type-feedimg, .accessibility--active .block-type-photo, .accessibility--active .block-type-subscribe, .accessibility--active .block-type-goods, .accessibility--active .block-content-wrap, .accessibility--active #footer { background: none !important; box-shadow: none; } .accessibility--active.accessibility--font--small * { font-size: 13px !important; line-height: 1.6em !important; } .accessibility--active.accessibility--font--middle * { font-size: 17px !important; line-height: 1.6em !important; } .accessibility--active.accessibility--font--large * { font-size: 21px !important; line-height: 1.6em !important; } .accessibility--active.accessibility--kerning--small2 * { letter-spacing: 0.13em !important; } .accessibility--active.accessibility--kerning--middle2 * { letter-spacing: 0.23em !important; } .accessibility--active.accessibility--kerning--large2 * { letter-spacing: 0.33em !important; } .accessibility--active.accessibility--face--arial * { font-family: Arial, Helvetica, sans-serif; } .accessibility--active.accessibility--face--times * { font-family: 'Times New Roman', Times, serif; } /* Scheme */ .body--accessibility--active.body--accessibility--scheme--white { background-color: #fff !important; } .body--accessibility--active.body--accessibility--scheme--black { background-color: #000 !important; } .body--accessibility--active.body--accessibility--scheme--blue { background-color: #9dd1ff !important; } .accessibility--active.accessibility--scheme--blue div.menu_mobile { background: #9dd1ff !important; } .accessibility--active.accessibility--scheme--white div.menu_mobile { background: #fff !important; } .accessibility--active.accessibility--scheme--black div.menu_mobile { background: #000 !important; } .accessibility--active.accessibility--scheme--white * { color: #000 !important; } .accessibility--active.accessibility--scheme--white .menu_horizontal .nav__drop { background: white !important; } .accessibility--active.accessibility--scheme--black * { color: #fff !important; } .accessibility--active.accessibility--scheme--black .menu_horizontal .nav__drop { background: black !important; } .accessibility--active.accessibility--scheme--blue * { color: #063462 !important; } .accessibility--active.accessibility--scheme--blue .menu_horizontal .nav__drop { background: white !important; } .setup-bottom-panel { position: fixed; z-index: 999; width: 100%; bottom: 0; height: 25px; font-family: PT Sans, Arial, Tahoma, sans-serif; background-image:linear-gradient(-180deg, rgba(77,77,77,0.69) 4%, rgba(45,45,45,0.69) 99%); box-shadow:0px -2px 20px 0px rgba(0,0,0,0.40); } .setup-bottom-panel--container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0; position: relative; text-align: center; } .setup-bottom-panel--txt { display: inline-block; font-size: 12px; color: #ffffff; text-align: right; line-height: 25px; position: absolute; bottom: 0px; left: 70px; text-decoration: none; } .setup-bottom-panel--txt:hover { color: #fff; } .setup-bottom-panel--button { display: inline-block; background-image: linear-gradient(0deg, #faa946 0%, #fac346 97%); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30), inset 1px 2px 1px 0px rgba(255,255,255,0.30); width: 195px; height: 25px; font-size: 14px; color: #000; line-height: 25px; text-shadow: 0px 1px 0px rgba(255,255,255,0.35); text-align: center; text-decoration: none; } .setup-bottom-panel--button:hover { color: #000; } .setup-bottom-panel--logo { /*content: ' ';*/ display: inline-block; height: 40px; width: 55px; background-image: url(/_s/i/setup_bottom_logo_3x.png); background-repeat: no-repeat; background-size: 56px; position: absolute; bottom: 0px; right: 70px; } /* Item image change */ .block .block-picture .item-second-picture, .collection-view-tile .catalog-collection-item .block-picture .item-second-picture, .block .block-picture .is-second-picture:hover img, .block-type-feedimg .feed-items .item-second-picture, .block-type-feedimg .feed-items .is-second-picture:hover img { display: none; } .block .block-picture .is-second-picture:hover .item-second-picture, .collection-view-tile .catalog-collection-item .block-picture .is-second-picture:hover .item-second-picture, .block-type-feedimg .feed-items .is-second-picture:hover .item-second-picture { display: block; } /* Block date */ .block-date .ui-datepicker-trigger { background: none; padding: 0; margin: 0; border: none; cursor: pointer; border-bottom: 1px dotted #000; color: #000; } .block-date .hasDatepicker, .block-date input[type="text"] { border: none; background-color: transparent; padding: 0; margin: 0; } .item-desc-color { display: inline-block; vertical-align: top; margin: 0 0 0; } .item-colors { /*clear: both;*/ float: right; white-space: nowrap; text-align: right; } .item-colors-name { display: inline-block; font-size: 90%; } .item-colors-color { position: relative; display: inline-block; vertical-align: top; margin: 0 0 4px 4px; padding: 0; width: 20px; height: 20px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; cursor: pointer; border: 2px solid -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35) inset; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35) inset; } .item-colors-select { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .item-colors-ring { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 20px; height: 20px; visibility: hidden; opacity: 0; -webkit-border-radius: 4px; border-radius: 4px; border-width: 3px; border-style: solid; border-color: rgba(0, 0, 0, .2); -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; } .item-colors-select:hover + .item-colors-ring, .item-colors-select:focus + .item-colors-ring, .item-colors-select:checked + .item-colors-ring { visibility: visible; opacity: 1; } .item-colors-select:checked + .item-colors-ring { border-color: rgba(0, 0, 0, .35); } .type-attachment-wr input.type-attachment{ /*width: 100%; height: 22px;*/ position: relative; display: inline-block; } .type-attachment-wr .select-attachment-file { width: 100%; position: relative; display: inline-block; padding-left: 2px; word-wrap: break-word; font-family: Arial; font-size: 14px; } .type-attachment-wr .type-attachment-container{ display: inline-block; /*width: 106px;*/ vertical-align: top; } /*прелоадер*/ #preloader-js{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; display: none; z-index: 10; } #preloader-js .preloader-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #floatingBarsG{ position:relative; width:60px; height:75px; margin:auto; } .blockG{ position:absolute; background-color:rgb(255,255,255); width:10px; height:23px; border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; -ms-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; transform:scale(0.4); -o-transform:scale(0.4); -ms-transform:scale(0.4); -webkit-transform:scale(0.4); -moz-transform:scale(0.4); animation-name:fadeG; -o-animation-name:fadeG; -ms-animation-name:fadeG; -webkit-animation-name:fadeG; -moz-animation-name:fadeG; animation-duration:1.2s; -o-animation-duration:1.2s; -ms-animation-duration:1.2s; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } #rotateG_01{ left:0; top:27px; animation-delay:0.45s; -o-animation-delay:0.45s; -ms-animation-delay:0.45s; -webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); } #rotateG_02{ left:8px; top:10px; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); } #rotateG_03{ left:25px; top:3px; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); } #rotateG_04{ right:8px; top:10px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); } #rotateG_05{ right:0; top:27px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); } #rotateG_06{ right:8px; bottom:7px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); } #rotateG_07{ bottom:0; left:25px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } #rotateG_08{ left:8px; bottom:7px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); } @keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-o-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-ms-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-moz-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } /*---------------------------------------------------------*/ .search-header fieldset{ text-align: center; } @media (max-width: 768px) { .search-header input[type=text]{ width: auto!important; min-width: 270px; padding: 0 5px 0 5px; } } .personal-data input{ float: left; margin-top: 4px; } .form-group .personal-data .field-error{ margin-top: 25px; } .form-handler-id-custom .g-recaptcha{ margin-bottom: 8px; } .horizontal_captcha_container{ z-index: 2; } .horizontal-captcha-flex-container{ display: flex; flex-direction: row; width: 100%; } .block-type-form.form-orient-horizontal .column-direction-flexbox { flex-direction: column; } .left-block-subscribe{ margin-top: 10px; } .block-type-menu.aos-animate { transform: none !important; } /* Vendors */ /*! jQuery UI - v1.10.3 - 2013年09月12日 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 500; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("/_s/css/vendors/ui-smoothness/images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/_s/css/vendors/ui-smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/_s/css/vendors/ui-smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/_s/css/vendors/ui-smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/_s/css/vendors/ui-smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/_s/css/vendors/ui-smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(/_s/css/vendors/ui-smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(/_s/css/vendors/ui-smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/_s/css/vendors/ui-smoothness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/_s/css/vendors/ui-smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/_s/css/vendors/ui-smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/_s/css/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/_s/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/_s/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/_s/css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/_s/css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/_s/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul> li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .alertify-cover { position: fixed; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); } /* Default */ .alertify-dialog { position: fixed; z-index: 99999; top: 30%; left: 50%; opacity: 1; width: 440px; margin-left: -220px; background-color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .alertify-resetFocus { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute; } .alertify-text { margin-bottom: 15px; width: 100%; font-size: 100%; webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; } .is-alertify-cover-hidden { display: none; } .is-alertify-dialog-hidden { opacity: 0; display: none; webkit-transform: translate(0, -150px); moz-transform: translate(0, -150px); ms-transform: translate(0, -150px); o-transform: translate(0, -150px); transform: translate(0, -150px); } /* :root *> .is-alertify-dialog-hidden { display: block; } */ .alertify-log { position: relative; display: block; opacity: 0; webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .is-alertify-log-showing { opacity: 1; } .is-alertify-log-hidden { opacity: 0; } .alertify-dialog-inner { padding: 20px; } .alertify-inner { text-align: center; } .alertify-inner p { margin: 0 0 20px; color: black; } .alertify-text { border: 1px solid #cccccc; padding: 10px; border-radius: 4px; } .alertify-button { display: inline-block; margin: 0; padding: 5px 10px; border: none; font-size: 14px; text-decoration: none; text-align: center; cursor: pointer; min-width: 100px; color: #000; background: #ffcc00; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffcc00 0%, #ffb400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffcc00 0%,#ffb400 100%); /* W3C */ filter: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .alertify-button:hover { text-decoration:none; background: #ffc000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjljMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffc000 0%, #ff9c00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc000), color-stop(100%,#ff9c00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffc000 0%,#ff9c00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffc000 0%,#ff9c00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffc000 0%,#ff9c00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffc000 0%,#ff9c00 100%); /* W3C */ filter: none; } .alertify-button:focus { /* box-shadow: 0 0 3px #000; border: 1px solid red; */ } .alertify-button:active { position: relative; background: #ff9c00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmYjkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff9c00 0%, #ff9e00 14%, #ffb901 76%, #ffc000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(14%,#ff9e00), color-stop(76%,#ffb901), color-stop(100%,#ffc000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* W3C */ filter: none; } @media only screen and (max-width: 680px) { .alertify-dialog { width: 90%; left: 5%; margin: 0; webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; } } .alertify-button.alertify-button-cancel { background: none; color: #00659B; min-width: inherit; padding: 0; text-decoration: underline; margin-left: 20px; } .alertify-button.alertify-button-cancel:hover { text-decoration: none; } .alertify-log { margin-top: 8px; right: -300px; padding: 16px 16px; border-radius: 8px; } .alertify-log-info { background: #1F1F1F; background: rgba(0, 0, 0, 0.7); color: #FFF; } .alertify-log-error { color: #FFF; background: #FE1A00; background: rgba(254, 26, 0, 0.9); } .alertify-log-success { color: #FFF; background: #5CB811; background: rgba(92, 184, 17, 0.9); } .is-alertify-log-showing { right: 0; } .is-alertify-log-hidden { right: -300px; } .alertify-text { border: 1px solid #cccccc; padding: 10px; border-radius: 4px; } @media only screen and (max-width: 680px) { .alertify-dialog { width: 90%; left: 5%; margin: 0; webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; } } .alertify-logs { position: fixed; z-index: 9999999999999; bottom: 8px; right: 8px; max-width: 250px; } .alertify-log { margin-top: 8px; right: -300px; padding: 20px 15px; border-radius: 10px; } .alertify-log-info { background: #2d2d2d; background: rgba(45, 45, 45, 0.9); color: #a6a6a6; } .alertify-log-error { color: #FFF; background: #660000; background: rgba(102, 0, 0, 0.9); } .alertify-log-success { color: #FFF; background: #094d00; background: rgba(9, 77, 0, 0.9); } .is-alertify-log-showing { right: 0; } .is-alertify-log-hidden { right: -300px; } .pagination { font-size: 80%; overflow: hidden; margin-top: 20px; } .pagination a { text-decoration: none; color: #2d2d2d !important; background-color: #f7f7f7; } .pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; border-radius: 4px; } .pagination .current { background: #26B; color: #000; background-color: #fdc414; } .pagination .current.prev, .pagination .current.next { color: #999; border-color: #999; background: #fff; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; background-repeat: no-repeat !important; background-color: #fff; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; font-size: 10px; display: none; } /* Frame */ .clearfix:after, .h-user-album-slider ul:after { content: ''; display: block; clear: both; } .h-user-album-slider { overflow: hidden; padding-bottom: 20px; } .user-album-slider { list-style: none; margin: 0; padding: 0; width: 99999px; } .user-album-slider li { float: left; height: 100%; margin-left: 10px; padding: 0; color: #ddd; text-align: center; cursor: pointer; } .user-album-slider li:first-child { margin-left: 0; } .user-album-slider li.active { color: #fff; border-color: #eee; } .user-album-slider img { display: block; max-width: 210px; } /* Scrollbar */ .scrollbar { margin: 0 0 1em 0; height: 2px; background: #ccc; line-height: 0; } .scrollbar .handle { width: 100px; height: 100%; background: #292a33; cursor: pointer; } .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; } /* Pages */ .user-slider-pager { list-style: none; margin: 0 0 10px; padding: 0; text-align: center; } .user-slider-pager li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .user-slider-pager li:hover { background: #aaa; } .user-slider-pager li.active { background: #666; } .user-slider-controls { text-align: center; display: none; } .user-slider-controls .btn { cursor: pointer; font-size: 36px; border: none; background: none; display: inline-block; } .user-slider-controls .btn.disabled { visibility: hidden; } .user-slider-controls .prev { margin-right: 100px; } /* Effects */ .effects { -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow-y: show; } .effects ul { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .effects ul li { position: relative; margin: 0 -20px; -webkit-transform: rotateY(60deg) scale(0.9); -ms-transform: rotateY(60deg) scale(0.9); transform: rotateY(60deg) scale(0.9); -webkit-transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; } .effects ul li.active { z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effects ul li.active ~ li { -webkit-transform: rotateY(-60deg) scale(0.9); -ms-transform: rotateY(-60deg) scale(0.9); transform: rotateY(-60deg) scale(0.9); } /* Slicebox Style */ .sb-slider { margin: 0px auto; position: relative; overflow: hidden; width: 100%; list-style-type: none; padding: 0; } .sb-slider li { margin: 0; padding: 0; display: none; } .sb-slider li> a { outline: none; } .sb-slider li> a img { border: none; } .sb-slider img { max-width: 100%; display: block; } .sb-description { /*padding: 20px; bottom: 10px; left: 10px; right: 10px; z-index: 1000; position: absolute; background: #CBBFAE; background: rgba(190,176,155, 0.4); border-left: 4px solid rgba(255,255,255,0.7); color: #fff;*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms; } .sb-slider li.sb-current .sb-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1; } .sb-slider li.sb-current .sb-description:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); /*background: rgba(190,176,155, 0.7);*/ } .sb-perspective { position: relative; } .sb-perspective> div { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -o-backface-visibility : hidden; -ms-backface-visibility : hidden; backface-visibility : hidden; } .sb-side { margin: 0; display: block; position: absolute; -moz-backface-visibility : hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } /* FIXME this styles must be in common blocks CSS */ /* Fullview */ #ipix-fullview{ position:absolute; z-index:3001000; border:1px solid #D3D3D3; background:#FFF; box-shadow:0 4px 20px -5px #000; -moz-box-shadow:0 4px 20px -5px #000; -webkit-box-shadow:0 4px 20px -5px #000; /* -moz-transition:top 0.1s; */ } #ipix-fullview-core{ } #ipix-fullview-title-wrap{ position:relative; margin:0; font-size:1.5em; font-weight:normal; } #ipix-fullview-close{ display:block; position:absolute; z-index:10; right:-13px; top:-13px; width:27px; height:27px; overflow:hidden; cursor:pointer; background:url('/_s/i/picviewer.png') no-repeat -200px 0; } #ipix-fullview-close:hover{ background-position:-200px -50px; } #ipix-fullview:hover #ipix-fullview-close{ display:block; } #ipix-fullview-img-wrap{ position:relative; z-index:5; } #ipix-fullview-img-wrap .ipix-fullview-clickable{ display:block; position:absolute; z-index:1001; top:0; bottom:0; width:50%; cursor:pointer; background:url('/_s/i/none.gif'); } .ipix-fullview-animated .ipix-fullview-clickable{ visibility:hidden; } #ipix-fullview-clickable-l{ left:0; } #ipix-fullview-clickable-r{ right:0; } #ipix-fullview-img-wrap .ipix-fullview-arrow{ display:none; position:absolute; top:50%; /* width:80px; height:88px; margin:-50px 0 0; background-image:url('/_s/i/picviewer.png'); background-repeat:no-repeat;*/ border-radius: 50%; background: rgb(239, 239, 239) none repeat scroll 0% 0%; color: rgb(73, 73, 73); height: 35px; width: 35px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } #ipix-fullview-img-wrap .ipix-fullview-clickable:hover .ipix-fullview-arrow{ display:block; } #ipix-fullview-clickable-l .ipix-fullview-arrow{ left:-18px; background-position:0 0; } #ipix-fullview-clickable-r .ipix-fullview-arrow{ right:-18px; background-position:-100px 0; } #ipix-fullview-clickable-l .ipix-fullview-arrow .fa-angle-left{ position: absolute; left: 38%; top:25%; } #ipix-fullview-clickable-r .ipix-fullview-arrow .fa-angle-right{ position: absolute; left: 45%; top:25%; } #ipix-fullview-img{ display:block; width:500px; height:500px; text-align:center; } #ipix-fullview-dsc{ max-width:640px; font-size:1em !important; color:#000 !important; } #ipix-fullview-title{ padding:0.3em 30px; margin:0 0 0.15em; font-size:1.25em; font-weight:bold; color:#000 !important } #ipix-fullview-text{ padding:1em 30px; overflow:hidden; } .ipix-fullview-animated #ipix-fullview-dsc{ visibility:hidden; } /* Loader */ #ipix-fullview:after{ display:block; opacity:0; position:absolute; z-index:1; top:50%; left:50%; margin:-8px 0 0 -8px; content:' '; width:16px; height:16px; background:url('/_s/i/loader.gif') no-repeat center center; -moz-transition:opacity 4s; } #ipix-fullview.ipix-fullview-animated:after{ opacity:1; } /* Overlay */ .picviewer-overlay{ position:fixed; top:0; left:0; z-index:300999; height:100%; width:100%; opacity:0.6; background: none repeat scroll 0 0 #FFFFFF; } .image-container{ position: relative; } .photo-container{ float: left; position: relative; overflow: hidden; } .image-thumb{ position: relative; background-color: #eee; } /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { /*text-align: center;*/ position: relative; width: 100%; margin: 0; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; /*float: left;*/ display: inline-block; margin: 20px 5px 5px !important; padding: 0 !important; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: #000; } .flip-clock-wrapper ul li { z-index: 1; position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important; padding: 0 !important; list-style: none !important; display: inline-block ! important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 70px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { /*float: left;*/ display: inline-block; position: relative; width: 20px; height: 100px; } .flip-clock-wrapper> .flip-clock-divider:first-child { width: 0; } /*.flip-clock-part .flip-clock-divider:first-child { width: inherit; }*/ .flip-clock-part:first-child .flip-clock-divider { width: 0 !important; } .flip-clock-dot { display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } .flip-clock-part { display: inline-block; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } .flip-clock-wrapper li:before { display: none !important; } .flip-clock-wrapper.size-medium ul { width: 40px; height: 60px; } .flip-clock-wrapper.size-medium ul li a div div.inn { font-size: 53px; line-height: 62px; } .flip-clock-wrapper.size-medium .flip-clock-divider { height: 70px; } .flip-clock-wrapper.size-medium .flip-clock-divider .flip-clock-label { right: -60px; } .flip-clock-wrapper.size-medium .flip-clock-divider.minutes .flip-clock-label { right: -66px; } .flip-clock-wrapper.size-medium .flip-clock-dot { width: 8px; height: 8px; } .flip-clock-wrapper.size-medium .flip-clock-dot.bottom { bottom: 18px; } .flip-clock-wrapper.size-medium .flip-clock-dot.top { top: 20px; } .flip-clock-wrapper.size-small ul { width: 26px; height: 46px; margin: 10px 2px 3px !important; } .flip-clock-wrapper.size-small ul li a div div.inn { font-size: 39px; line-height: 48px; } .flip-clock-wrapper.size-small .flip-clock-divider { height: 54px; width: 13px; } .flip-clock-wrapper.size-small> .flip-clock-divider:first-child { width: 0; } .flip-clock-wrapper.size-small .flip-clock-divider.days .flip-clock-label, .flip-clock-wrapper.size-small .flip-clock-divider.hours .flip-clock-label, .flip-clock-wrapper.size-small .flip-clock-divider.minutes .flip-clock-label, .flip-clock-wrapper.size-small .flip-clock-divider.seconds .flip-clock-label { } .flip-clock-wrapper.size-small .flip-clock-divider .flip-clock-label { right: -45px; } .flip-clock-wrapper.size-small .flip-clock-divider.minutes .flip-clock-label { right: -56px; } .flip-clock-wrapper.size-small .flip-clock-dot { width: 6px; height: 6px; } .flip-clock-wrapper.size-small .flip-clock-dot.bottom { bottom: 17px; } .flip-clock-wrapper.size-small .flip-clock-dot.top { top: 15px; } .flip-clock-wrapper.color-light ul li a div div.inn { color: #333; text-shadow: 0 1px 1px #000; background-color: #FFF; } .flip-clock-wrapper.color-light .flip { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7); } /* SHADOW */ .flip-clock-wrapper.color-light ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: linear, top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: linear, to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper.color-light ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: linear, top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: linear, to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper.color-light ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0))); background: linear, top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper.color-light ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0))); background: linear, top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } img[data-action="zoom"], img.imagezoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .zoom-img, .zoom-img-wrap { position: relative; z-index: 666; display: inline-block; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; } .zoom-overlay { z-index: 420; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1; } .zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; } html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; /* border-radius: 3px;*/ /* Image border */ /* border: 4px solid white;*/ } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; /* border-radius: 4px;*/ /* Background color behind image. This is visible during transitions. */ background-color: rgba(0,208,230,0); } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/_s/i/lightbox/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container> .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 30px; height: 45px; background: url(/_s/i/lightbox/prev.png) -70px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; position: fixed; top: 50%; left: 20px; } /*.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }*/ .lb-nav a.lb-next { width: 30px; height: 45px; background: url(/_s/i/lightbox/next.png); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; position: fixed; top: 50%; right: 20px; } /*.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } */ .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; /* border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;*/ } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/_s/i/lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-closeContainer{ position: fixed; top: 20px; right: 20px; z-index: 10; } /* Forms ---------------------------------------- */ .forms { background: #ebebeb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 35px; padding: 29px 34px 19px; } .field { padding: 0 0 15px; min-height: 40px; } .field:after { content: ' '; display: block; clear: both; overflow: hidden; height: 0; visibility: hidden; zoom: 1; } .field-title { float: left; width: 225px; padding: 0 30px 0 0; } .field-inner { float: right; width: 635px; } .field-inner input[type="text"], .field-inner input.styled, .field-inner input[type="password"] { border: 1px solid #bebebe; padding: 3px 9px; background: #fff; color: #000; outline: none; width: 180px; margin: 0 3px 0 0; } .field-inner input[disabled="disabled"] { background: #eee; color: #666; cursor: default; } .field-inner input.field-width { width: 280px; } .field-inner textarea { border: 1px solid #bebebe; padding: 3px 3px 3px 9px; background: #fff; color: #000; outline: none; margin: 0 3px 0 0; min-height: 85px; height: 85px; width: 392px; resize: vertical; } .field-inner input[type="text"]::-webkit-input-placeholder, .field-inner input.styled::-webkit-input-placeholder, .field-inner input[type="password"]::-webkit-input-placeholder, .field-inner textarea::-webkit-input-placeholder { color: #000; } .field-inner input[type="text"]:focus, .field-inner input.styled:focus, .field-inner input[type="password"]:focus, .field-inner textarea:focus { border: 1px solid #ffc412; } .field-help { display: block; padding: 0.5em 9px 0 0; color: #6e6e6e; font-size: 0.857em; } .field-help-entry { display: block } .field-button { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-decoration: none; color: #000; cursor: default; background: url(/_s/i/buttons.png) repeat-x #ffb400; display: inline-block; vertical-align: middle; position: relative; padding: 6px 35px 7px; margin: 0 10px 0 0; text-align: center; overflow: hidden; } a.field-button, .forms-black a.field-button { cursor: pointer; color: #000; } .field-button:hover { background-position: 0 -113px; background-color: #ff9d00; } .field-button input { position: absolute; left: 0; top: 0; height: 100px; width: 400px; cursor: pointer; border: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } .field-button-disabled, .field-button-disabled:hover { color: #a07509; background-position: 0 0; background-color: #ffb400; } .field-button-disabled input { display: none; } .field-buttons { padding: 20px 0 0; } .field-error { color: red; padding: 0.5em 9px 0 0; font-size: 0.857em; } /* Order ---------------------------------------- */ .forms-cart { background: none; width: 470px; height: 350px; padding: 0; margin: 0; margin: 0 0 -15px; } .forms-cart .field-inner { width: 370px; } .forms-cart .field-title { width: auto; padding: 0; } .forms-cart .field-inner textarea { width: 350px; } .order-message .message-title { margin-bottom: 0.2em; font-size: 1.33em; font-weight: normal; } /* Cart ---------------------------------------- */ .cart-informer-wrapper { text-align: right; } .cart-informer-wrapper_inline:empty { display: block; } .cart-informer-wrapper_inline { display: inline-block; position: relative; } .cart-informer-wrapper_inline #items-info { right: auto; } .fh-cart-informer { text-align: center; cursor: pointer; visibility: hidden; min-width: 355px; position: fixed; padding: 7px 10px; z-index: 999; } .fh-cart-informer:after { content: ''; display: block; clear: both; } .is-panel-active .fh-cart-informer { display: none; } .cart-informer-wrapper .fh-cart-informer, .cart-informer-wrapper .fh-cart-informer.light, .cart-informer-wrapper .fh-cart-informer.dark { position: static; box-shadow: none; padding: 0; height: auto; display: inline-block; min-width: inherit; background: none; } .cart-informer-wrapper> .fh-cart-informer { margin-top: 20px; } .fh-cart-informer.light { background-color: #fff; box-shadow: 0 0 2px #ccc; color: #333; } .fh-cart-informer.dark { background-color: #333; color: #fff; } .fh-cart-informer.left-top { top: 0; left: 20px; border-left: 0; border-top: 0; border-radius: 0 0 5px 5px; } .fh-cart-informer.right-top { top: 0; right: 20px; border-right: 0; border-top: 0; border-radius: 0 0 5px 5px; } .fh-cart-informer.right-bottom { bottom: 0; right: 20px; border-right: 0; border-bottom: 0; border-radius: 5px 5px 0 0; } .block-type-header .block-content .fh-cart-informer { -webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none; } .cart-icon { background: url(/_s/i/cart/cart-icon.png) no-repeat; float:left; width:35px; height:26px; margin:0 15px 0 0; } .fh-cart-informer.light .cart-icon { background-position:0 -26px; } .fh-cart-title { display: none; } .cart-informer-wrapper .fh-cart-title { display: block; font-size: 1.2em; margin-bottom: -10px; font-weight: bold; text-align: left; } .cart-name { font-size:20px; float:left; margin-right:15px; line-height:28px; } .fh-cart-counter { position: relative; margin-right: 8px; padding: 0 10px 0 30px; float: left; border-radius: 4px; font-size: 11px; line-height: 23px; text-align: right; } .cart-informer-wrapper .fh-cart-counter, .cart-informer-wrapper .fh-cart-informer.light .fh-cart-counter, .cart-informer-wrapper .fh-cart-informer.dark .fh-cart-counter { background: none; float: none; border-radius: 0; padding: 0; margin: 0; border: none; text-shadow: none; font-size: 1em; position: relative; top: 4px; color: #000; box-shadow: none; } .fh-cart-counter:after { content: ''; width: 17px; height: 17px; position: absolute; background-image: url(/_s/i/cart/cart-bag-icon.png); left: 3px; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .cart-informer-wrapper .fh-cart-counter:after .cart-informer-wrapper .fh-cart-informer.light .fh-cart-counter:after, .cart-informer-wrapper .fh-cart-informer.dark .fh-cart-counter:after { display: none; } .fh-cart-counter .plural-text { display: none; } .cart-informer-wrapper .fh-cart-counter .plural-text { display: inline-block; } .cart-informer-wrapper .fh-cart-counter .plural-text:after { content: ","; } .fh-cart-informer.dark .fh-cart-counter { background: #4d4d4d; background: -moz-linear-gradient(top, #4d4d4d 0%, #3e3e3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#3e3e3e)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#3e3e3e 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#3e3e3e 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#3e3e3e 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#3e3e3e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#3e3e3e',GradientType=0 ); color: white; text-shadow: 1px 1px 0 #000; border: 1px solid #5a5a5a; box-shadow: 0 0 1px #000; } .fh-cart-informer.light .fh-cart-counter { background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #c3c3c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#c3c3c3)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#c3c3c3 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#c3c3c3 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#c3c3c3 100%); background: linear-gradient(to bottom, #f3f3f3 0%,#c3c3c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#c3c3c3',GradientType=0 ); color: black; text-shadow: 1px 1px 0 #fff; border: 1px solid #bfbfbf; } .fh-cart-informer.dark .fh-cart-counter:after { background-position: -17px 0; } .fh-cart-informer.light .fh-cart-counter:after { background-position: 0 0; } .fh-cart-items-price, .fh-cart-empty-price { padding: 0; font-size: 20px; line-height: 25px; font-weight: bold; /*position: absolute; left: 50%; top: 50%; height: 30px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);*/ } .fh-cart-empty-price-mobile { display: none; } .cart-informer-wrapper .fh-cart-items-price, .cart-informer-wrapper .fh-cart-informer.light .fh-cart-items-price, .cart-informer-wrapper .fh-cart-informer.dark .fh-cart-items-price { display: inline-block; font-size: 1em; position: relative; top: 5px; left: auto; height: auto; color: #000; text-shadow: none; transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); } .fh-cart-informer.dark .fh-cart-items-price, .fh-cart-informer.dark .fh-cart-empty-price { color: white; text-shadow: 1px 1px 0 #000; } .fh-cart-informer .fh-cart-button { line-height: 23px; padding: 0 15px; float: right; border-radius: 4px; margin-left: 10px; font-size: 16px; text-align: center; color: white; text-shadow: 1px 1px 0 #000; font-weight: bold; background: #8e1616; background: -moz-linear-gradient(top, #8e1616 0%, #741212 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e1616), color-stop(100%,#741212)); background: -webkit-linear-gradient(top, #8e1616 0%,#741212 100%); background: -o-linear-gradient(top, #8e1616 0%,#741212 100%); background: -ms-linear-gradient(top, #8e1616 0%,#741212 100%); background: linear-gradient(to bottom, #8e1616 0%,#741212 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e1616', endColorstr='#741212',GradientType=0 ); } .cart-informer-wrapper .fh-cart-informer .fh-cart-button { float: none; display: inline-block; } .fh-cart-informer.dark .fh-cart-button { border: 1px solid #972727; box-shadow: 0 0 1px #000; } .fh-cart-informer.light .fh-cart-button { border: 1px solid #661010; } .fh-cart-throbber { padding:0; position:absolute; left: 14px; top: 8px; } .fh-cart-throbber #throbber-holder { padding:0; float:none; margin:0; position:absolute; left:0; top:0; } .fh-cart-informer:hover { opacity:1; filter:alpha(opacity=100); } .fh-cart-informer.empty:hover { opacity:0.8; filter:alpha(opacity=80); } .fh-cart-informer.empty {cursor:default;} .fh-cart-informer.empty:hover, /*.fh-cart-informer.empty:active { // background-position:0 0; // color:#8A847B !important; } //.fh-cart-informer:hover .cart-name {color:#cc0000;} //.fh-cart-informer:hover .fh-cart-counter {color:#000 !important;} //.fh-cart-informer:hover .fh-cart-items-price {color:#000 !important;} //.fh-cart-informer:hover .fh-cart-informer {background-color:#cc0000;} //.fh-cart-informer.empty:hover .fh-cart-counter, //.fh-cart-informer.empty:hover .fh-cart-items-price {color:#8a847b !important;}*/ /* Items info */ #items-info { margin:0; padding:5px; list-style:none; background-color:white; position:absolute; right:5px; bottom:45px; background: url(/_s/i/cart/cart-info.png) repeat-x 0 100%; display:none; border:1px solid #6d6d6d; border-radius:5px; } .cart-informer-wrapper #items-info { top: 105%; bottom: auto; z-index: 100; background-color: #fff; } #items-info li { overflow:hidden; font-size:11px; margin-top:3px; padding-top:3px; border-top:1px dotted #000; } #items-info li:first-child { margin-top:0; display:block; padding-top:0; border-top:0; } #items-info li img { float:left; width:50px; } #items-info li .holder { float:left; margin-left:5px; color:#000; font-size:12px; width:95px; } #items-info li strong { color:#cc0000; display:block; margin-bottom:5px; font-weight:normal; } #items-info li p {margin:0 0 3px;} /* IE CSS3 Fix ---------------------------------------- */ .row:after { content: ''; display: block; clear: both; } .remove-item { background: url(/_s/i/cart/bg-remove-item.png) no-repeat; display:block; width:24px; height:23px; text-indent:-9999px; cursor:pointer; line-height:0; font-size:0; margin:0 0 0 auto; } .active .remove-item {background-position:0 -30px;} .remove-item:hover {background-position:0 -58px;} .remove-item:active {background-position:0 -87px;} /* Smash jq classes */ .modal-box.ui-dialog { padding:0 !important; background:none; border:0; max-width: 900px; width: 100%; position: relative; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .modal-box.ui-dialog .ui-dialog-content, .modal-box.ui-dialog.dialog-reset .ui-dialog-content { padding:0 !important; height:100% !important; /*width:702px !important;*/ min-height:100% !important; background:#fff; position:relative; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } .modal-box .ui-widget-header, .ui-dialog.modal-box.dialog-reset .ui-widget-header { background-color:#d1e8f6; background-image:none; height:63px; padding:0; margin:0; border:0; position:relative; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .modal-box .ui-dialog-title, .ui-dialog.modal-box.dialog-reset .ui-dialog-title { padding:0 0 0 30px !important; background-position:5px 50% !important; margin:0; line-height:63px; font-size:24px; font-weight:normal; position:relative; } .modal-box .ui-dialog-title #throbber-holder { position:absolute; width:20px; height:20px; left:315px; top:24px; } .modal-box .ui-dialog-titlebar-close, .ui-dialog.modal-box.dialog-reset .ui-dialog-titlebar-close { background: url(/_s/i/cart/bg-close.png) no-repeat; position:absolute; right:20px; top:22px; width:22px; height:22px; text-indent:-9999px; margin:0; padding:0; border: none; cursor: pointer; } .modal-box .ui-dialog-titlebar-close:hover, .ui-dialog.modal-box.dialog-reset .ui-dialog-titlebar-close:hover { background-position:0 -25px; border:0; margin:0; } .modal-box .ui-dialog-titlebar-close:active, .ui-dialog.modal-box.dialog-reset .ui-dialog-titlebar-close:active { background-position:0 -50px; } .modal-box .ui-dialog-titlebar-close .ui-icon-closethick {display:none;} .modal-holder { overflow-x: hidden; overflow-y: auto; position: absolute; width:100%; height:100%; left:0; top:0; z-index: 500; /*background-color: rgba(0, 0, 0, 0.5);*/ } .items-sent .ui-widget-header { background:#d1e8f6; position:relative; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .items-sent .ui-widget-header .ui-dialog-title { float:none; display:block; } .summary-table { width:100%; table-layout:auto; border-collapse:collapse; color:#2d2d2d; font-size:15px; margin-bottom:20px; } .summary-table th, .summary-table td { text-align:right; padding-right:30px; height:40px; vertical-align:middle; } .summary-table th:first-child, .summary-table td:first-child { text-align:left; padding-left:10px; } .summary-table tfoot td { background-color:#fafafa; font-weight:bold; } .ui-widget-content .show-details { display:inline-block; font-size:15px; color:#666 !important; text-decoration:none; margin-bottom:10px; border-bottom:1px dotted #666; } .ui-widget-content .show-details:hover { text-decoration:none; border-bottom:1px solid #fff; } *+html .show-details { display:inline; zoom:1; } .user-details { display:none; line-height:40px; color:#2d2d2d; font-size:15px; overflow:hidden; } .user-details dt { float:left; width:140px; padding-right:10px; font-weight:bold; border-bottom:2px solid #f5f6f7; } .user-details dd { border-bottom:2px solid #f5f6f7; float:left; width:520px; } .user-details .last {border:0;} /* ORDER */ .message.as-cart .lb, .message.as-cart .rb, .message.as-cart .lt, .message.as-cart .rt { background:none; padding:0; position:relative; } .message.as-cart .message-title { line-height:63px; font-size:24px; padding-left:17px; color:#2d2d2d; background-color:#fff; margin:0; font-weight:normal; position:relative; text-align:left; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .message.as-cart .message-close { background: url(/_s/i/cart/bg-close.png) no-repeat; position:absolute; right:35px; top:22px; width:22px; height:22px; text-indent:-9999px; z-index:100; padding:0; } .message.as-cart .message-close:hover {background-position:0 -25px;} .message.as-cart .message-close:active {background-position:0 -50px;} .message.as-cart .message-body { background-color:#fff; padding:20px 20px 40px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } #order-form {overflow:hidden;} #order-form .type-attachment { padding-top: 5px; } .message.as-cart .field-error { float:left; padding:0 0 0 35px; line-height:17px; margin:0 0 0 10px; font-size:12px; background: url(/_s/i/cart/bg-error.png) no-repeat 0 50%; max-width: 185px; } .message.as-cart .cencel-btn { float:left; margin:29px 10px 0 0; border-bottom:1px dotted; line-height:13px; text-decoration: none; } .message.as-cart #order-cancel:hover {border:0;} .catalog-collection-item-description { word-wrap: break-word; overflow:hidden; } /* CART ---------- */ .fh-cart-link_disabled { cursor: wait; } .cart-dialog { position:relative; margin:0 auto; font:15px Arial, Helvetica, sans-serif; width:670px; /*padding:15px;*/ overflow:hidden; background-color:#fff; -webkit-box-shadow:2px 2px 9px #585858; -moz-box-shadow:2px 2px 9px #585858; -o-box-shadow:2px 2px 9px #585858; box-shadow:2px 2px 9px #585858; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .cart-dialog h1 { font-size:24px; font-weight:normal; margin:0 0 20px; } .close-cart { background: url(/_s/i/cart/bg-close.png) no-repeat; width:20px; height:20px; position:absolute; right:20px; top:20px; text-indent:-9999px; } .close-cart:hover {background-position:0 -25px;} .close-cart:active {background-position:0 -50px;} /* Cart accordion */ .cart-accordion, .cart-accordion.accordion-reset { padding: 15px; } .cart-accordion> h2, .cart-accordion.accordion-reset.ui-accordion .ui-accordion-header { font-size:14px; margin:0 0 1px; line-height:35px; padding:0 20px; background:#d1e8f6; overflow:hidden; cursor:pointer; font-weight: bold; } .cart-accordion> h2.ui-state-disabled, .cart-accordion.accordion-reset.ui-accordion .ui-accordion-header.ui-state-disabled { opacity: 0.6; } .cart-accordion> h2 span, .cart-accordion.accordion-reset.ui-accordion .ui-accordion-header .ui-accordion-header-icon { float:right; background:#d1e8f6 url(/_s/i/cart/accordion-arrows.png) no-repeat 0 100%; width:13px; height:8px; margin-top:13px; } .cart-accordion> h2.ui-state-active span {background-position:0 0;} .cart-accordion> h2.ui-state-disabled span { display: none; } .cart-accordion-content, .cart-accordion.accordion-reset.ui-accordion .ui-accordion-content { padding:10px 0; overflow:hidden; } .cart-dialog .cart-items-empty { padding-left: 20px; } /* Items list */ .items-list { width:100%; border-collapse:collapse; table-layout:auto; } .items-list thead th { height:35px; background-color:#f5f6f7; font-size:13px; font-weight:bold; padding:0 10px 0 0; vertical-align:middle; text-align:left; } .items-list thead th.cost { text-align: right; } .items-list tbody tr.active {background-color:#f5f6f7;} .items-list thead th:first-child {padding-left:20px;} .items-list tbody td { padding:0 10px 0 0; height:64px; vertical-align:middle; border-bottom:1px solid #f5f6f7; } .items-list.result tbody tr:hover {background:none;} .items-list td.nocell { width:auto; padding:0; } .items-list tbody td.amount { text-align: center; } .items-list tbody td.cost { text-align: right; } .items-list tfoot td { height:53px; padding:0 20px; vertical-align:middle; text-align:right; } .items-list tfoot td.promocode { padding: 10px 5px 0 20px; } .items-list tfoot td.promocode .remove-item { display: inline-block; vertical-align: middle; } .items-list tfoot td.promocode .promocode-input { float: none; text-align: left; width: 150px; } .items-list tfoot td.promocode .promocode-input ~ p { display: none; } .items-list tfoot td.promocode .promocode-input.promocode-input-error { border: 1px solid #f00; } .items-list tfoot td.promocode .promocode-input.promocode-input-unavailable ~ p { display: block; color: #f00; font-size: 12px; } .items-list tfoot td.discount { text-align:right; padding-left: 0px; padding-right: 10px; } .items-list tfoot td.discount-currency { text-align: left; padding: 0px; } .items-list tfoot td.discount, .items-list tfoot td.discount-currency { height: 22px; padding-top: 20px; } .items-list tfoot td.discount-currency .totalcost-wr { position: relative; left: -5px; } .items-list tfoot td.totalcost { text-align:right; padding-left: 0px; padding-right: 10px; } .items-list tfoot td.totalcost, .items-list tfoot td.totalcost-currency { padding-bottom: 20px; } .items-list tfoot td.totalcost-currency { text-align: left; padding-left: 0; padding-right: 0; } .items-list tfoot td.totalcost-currency .totalcost-wr { position: relative; left: -5px; } .items-list tfoot td strong {font-size:15px;} .items-list tfoot .totalcost-wr {font-size:18px;} .items-list tfoot .min-order-alert td { padding-bottom: 8px; vertical-align: top; } .items-list .cell1 { width:50px; padding:0 13px 0 20px; } .items-list .cell2 { width:390px; } .items-list.result .cell2 {width:400px;} .items-list tbody td:first-child img { display:block; width: 50px; } .items-list a { color:#2f7daa; text-decoration:underline; } .items-list a:hover {color:#66a5c9;} .items-list td input { width: 60px; padding: 4px 6px; border: 1px solid #d5d5d5; color: #2d2d2d; font-size:15px; text-align:right; margin-right:6px; float:left; -webkit-box-shadow:inset 2px 2px 4px #f0f0f0; -moz-box-shadow:inset 2px 2px 4px #f0f0f0; box-shadow:inset 2px 2px 4px #f0f0f0; } /* Up, down spinner */ .arrows-holder {float:left;} .arrows-holder input, .spinner-reset .ui-spinner-input, .arrows-holder.spinner-reset .ui-spinner-input { background: #fff; margin-right: 6px; } .arrows-holder a, .ui-spinner .ui-spinner-button, .arrows-holder.spinner-reset .ui-spinner .ui-spinner-button { background-image: url(/_s/i/cart/bg-arrows.png); background-repeat: no-repeat; width:14px; height:14px; display:block; text-indent:-9999px; cursor:pointer; border: none; } .spinner-reset .ui-spinner .ui-spinner-button {float:left;} .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-down {margin:14px 0 0 -14px;} .arrows-holder .up, .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-up {background-position:0px 0px;} .arrows-holder .down, .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-down {background-position:0 -14px;} .arrows-holder .up:hover, .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-up:hover {background-position:0 -34px;} .arrows-holder .down:hover, .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-down:hover {background-position:0 -48px;} .arrows-holder .up:active, .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-up:active {background-position:0 -68px;} .arrows-holder .down:active, .spinner-reset .ui-spinner .ui-spinner-button.ui-spinner-down:active {background-position:0 -82px;} /* Remove btn */ .remove-item { background: url(/_s/i/cart/bg-remove-item.png) no-repeat; display:block; width:24px; height:23px; text-indent:-9999px; cursor:pointer; } .active .remove-item {background-position:0 -30px;} .remove-item:hover {background-position:0 -58px;} .remove-item:active {background-position:0 -87px;} .refresh { background: url(/_s/i/cart/bg-refresh.png) no-repeat; float:right; width:16px; height:16px; margin:3px 0 0 30px; font-size:0; line-height:0; } .refresh:hover { opacity:0.8; filter:alpha(opacity=80); } /* 2-nd accordion content */ .cart-accordion h3 { color:#000; margin:0 0 15px; font-size:15px; font-weight:normal; } .form-row { margin: 0 0 10px; font-size:15px; position: relative; } .form-row label { float:left; width:179px; line-height:30px; color:#000; } .form-row input[type=text], .form-row input[type=email], .form-row input[type=number] { float:left; border:1px solid #b5b5b5; padding:0 5px; margin:0; width:260px; height:28px; line-height:28px; margin-right:12px; } .form-row input[type=number]::-webkit-outer-spin-button, .form-row input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .form-row input.short { width: 70px; width: 260px; margin: 0 12px 0 0; } .form-row input[type="file"] { float: left; width: 271px; font-size: 14px; position: relative; top: 0.3em; } .form-row.type-date input { width: 120px; } .form-row select { width:273px; /*border:1px solid #b5b5b5;*/ margin:0; float: left; margin-right:12px; position: relative; top: 5px; } .form-row textarea { width: 260px; height: 70px; float:left; border:1px solid #b5b5b5; margin-right:12px; padding:0 5px; resize: vertical; } .form-row.not-edited strong.error-box { display: none !important; } strong.error-box { float:left; /*line-height:30px;*/ color:#ee0000; background: url(/_s/i/cart/bg-error.png) no-repeat 0 50% #fff; padding-left:30px; display:none; font-size:12px; position: absolute; top: 0px; right: -3px; width: 375px; min-height: 20px; z-index: 1; -webkit-box-shadow: 0px 17px 2px #fff; -moz-box-shadow: 0px 17px 2px #fff; -o-box-shadow: 0px 17px 2px #fff; box-shadow: 0px 17px 2px #fff; } strong.error-box.delivery-error-box { display: block; display: none; float: none; position: absolute; top: auto; right: auto; left: 13px; bottom: 5px; width: auto; box-shadow: none; padding-top: 6px; } strong.error-box.select-error-box { top: 4px; } .form-row.error .error-box {display:block;} .form-row.error label {color:#ee0000;} .form-row.error input[type=text] {border:1px solid #ee0000;} .help-box { font-size:12px; color:#b5b5b5; float:left; max-width: 225px; } .help-box.select-help-box { position: relative; top: 7px; } .help-box.short { position: relative; top: 7px; } .pickup-address-row { display: none; } .feedback-lnk { display: inline-block; padding-right: 16px; background: url(/_s/i/cart/external-link-icon.png) right top no-repeat; margin-right: -20px; } .footnote { margin: 20px 0; font-size: 12px; color: #b5b5b5; } /* Cart table */ .cart-table { width:100%; table-layout:auto; border-collapse:collapse; border-spacing:0; margin-bottom:20px; } .cart-table tr:nth-child(even) { background-color:#f5f6f7; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; } .cart-table td { height:36px; vertical-align:middle; padding:0 10px; } .cart-table td:first-child {width:10px;} .cart-table input[type=radio] {margin:0;} .cart-table td i { font-style: normal; display: none; } .cart-table .active td i { display: inline-block; } .comment-error { font-size: 12px; color: #f00; } /* Result information */ .result-title { font-size:15px; font-weight:bold; line-height:35px; background-color:#f5f6f7; padding:0 10px; position:relative; } .result-info-list { margin:0; padding:0 10px; overflow:hidden; line-height:34px; font-size:15px; margin:-1px 0 10px; } .result-info-list dt { float:left; clear:left; border-top:1px solid #ccc; min-width:180px; } .result-info-list dd { border-top:1px solid #ccc; margin:0; overflow:hidden; } .summary-holder textarea { width: 400px; height: 64px; margin-top: 10px; margin-left: 10px; } .summary-holder p { margin-bottom: 20px; padding-left: 10px; } .cart-dialog .delivery-form { padding-left: 10px; position: relative; } .cart-dialog #cart-form { background-color: transparent !important; padding-left: 10px; } /* Submit */ .cart-dialog .order-sent { /*height: 55px;*/ line-height: 35px; font-size: 15px; /*margin-top: 40px;*/ /*display: none;*/ } .cart-dialog #submit-cart { width: 230px; padding: 0; height: 55px; background-image: url(/_s/i/cart/bg-submit-btn.png); background-position: 0px 0px; background-repeat: no-repeat; color: #fff; background-color: #000; font-size: 18px; margin-top: 20px; border: none; margin-top: 40px; /*border-bottom: 5px solid #ddd;*/ cursor: pointer; border-radius:6px; } .cart-dialog #submit-cart:hover { background-position: 0px -55px; } .button.cart-button { width: 80px; height: 35px; border: none; color: #fff; background-color: #000; border-bottom: 5px solid #000033; font-size: 14px; padding: 0; border-radius:6px; } .button.cart-button.min-order-button { width: 190px; } .cart-dialog #throbber-box { padding-top: 0px; position: absolute; bottom: 37px; left: 588px; } .payment-row { padding: 8px 0; border-bottom: 1px solid #f2f2f2; } .payment-row .payment-subtype { margin-left: 20px; margin-top: 5px; color: #666; } .payment-row input[type="radio"] { margin: 0 5px 0; } .payment-row label { display: inline-block; width: 356px; padding-left: 10px; padding-right: 20px; vertical-align: top; } .payment-row .rightbox { display: inline-block; padding-right: 10px; vertical-align: top; color: #a6a6a6; } .payment-error-container { height: 20px; padding-top: 10px; } .error-box.payment-error-box { display: none; float: none; background: none; padding-left: 15px; position: static; width: auto; } .cart-accordion-content .payment-holder { padding-left: 10px; } .cart-accordion-content .payment-holder .center { padding-top: 10px; } .min-order-alert-wr { padding-top: 20px; } .field-buttons { padding: 20px 0 0; } .field-inner input[type="text"]:focus, .field-inner input.styled:focus, .field-inner input[type="password"]:focus, .field-inner textarea:focus { border: 1px solid #ffc412; } .field-inner input[type="text"], .field-inner input.styled, .field-inner input[type="password"] { border: 1px solid #bebebe; padding: 3px 9px; background: #fff; color: #000; outline: none; width: 180px; margin: 0 3px 0 0; } .field-inner { float: right; width: 635px; input[disabled="disabled"] { background: #eee; color: #666; cursor: default; } input.field-width { width: 280px; } textarea { border: 1px solid #bebebe; padding: 3px 3px 3px 9px; background: #fff; color: #000; outline: none; margin: 0 3px 0 0; min-height: 85px; height: 85px; width: 392px; resize: vertical; } } .forms-order { background: none; width: 470px; height: 350px; padding: 0; margin: 0; margin: 0 0 -15px; .field-inner { width: 370px; textarea { width: 350px; } } .field-title { width: auto; padding: 0; } } .field-button-disabled { input { display: none; } } .field-help { display:block; padding:0.5em 9px 0 0; color: #6e6e6e; font-size: 0.857em; } .field-button:hover { background-position: 0 -113px; background-color: #ff9d00; } .field-title { float: left; width: 225px; padding: 0 30px 0 0; } .field:after { content:' '; display:block; clear:both; overflow:hidden; height:0; visibility:hidden; zoom:1; } .field { padding: 0 0 15px; min-height: 40px; } .forms { background: #ebebeb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 35px; padding: 29px 34px 19px; } .field-button-disabled, .field-button-disabled:hover { color: #a07509; background-position: 0 0; background-color: #ffb400; } a.field-button, .forms-black a.field-button { cursor: pointer; color: #000; } .order-message { .message-title { margin-bottom:0.2em; font-size:1.33em; font-weight:normal; } } .field-help-entry { display:block; } .field-error { color: red; padding:0.5em 9px 0 0; font-size: 0.857em; } .field-inner input[type="text"]::-webkit-input-placeholder, .field-inner input.styled::-webkit-input-placeholder, .field-inner input[type="password"]::-webkit-input-placeholder, .field-inner textarea::-webkit-input-placeholder { color: #000; } .forms, .field-button { behavior: url(/_s/js/PIE.htc); } .field-button { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-decoration: none; color: #000; cursor: default; background: url(/_s/i/buttons.png) repeat-x #ffb400; display: inline-block; vertical-align:middle; position: relative; padding: 6px 35px 7px; margin: 0 10px 0 0; text-align: center; overflow: hidden; input { position: absolute; left: 0; top: 0; height: 100px; width: 400px; cursor: pointer; border: 0; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .select2-container--default .select2-selection--single{ background-color: transparent; border: none; outline: none; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color: inherit; } .select2-results{ color: black; } .select2-dropdown{ border: none; } .select2-container{ font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* Components */ /* BUTTONS */ .button { display: inline-block; margin: 0; padding: 0 10px; border: none; font-size: 14px; text-decoration: none !important; text-align: center; cursor: pointer; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /* Submit button */ .submit-button { padding: 9px 5px; margin: 0 0 10px; border: none; cursor: pointer; font-size: 16px; min-width: 170px; color: #000; background-color: #f19709; border-bottom: 5px solid #b57308; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .submit-button:hover { background-color: #f2ac3a; border-color: #d98909; } .submit-button:active { background-color: #d98909; border-color: #f2ac3a; -webkit-box-shadow: inset 2px 4px 5px rgba(0,0,0,0.2); -moz-box-shadow: inset 2px 4px 5px rgba(0,0,0,0.2); box-shadow: inset 2px 4px 5px rgba(0,0,0,0.2); } /* Close dialog */ .close-dilaog, .close-dilaog-window { position:absolute; right: 20px; top: 20px; background: url(/_s/i/new/icons/bg-close.png) no-repeat; width:15px; height:15px; text-decoration:none; text-indent:-9999px; } .close-dilaog:hover, .close-dilaog-window:hover { background-position:0 -26px; text-decoration:none; } .close-dilaog:active, .close-dilaog-window:active { background-position:0 -52px; } /* Roll-up dialog */ .roll-up-dialog { position: absolute; right: 63px; top: 27px; background: url(/_s/i/new/icons/bg-close.png) no-repeat 0 -73px; width: 15px; height: 4px; padding: 5px 0; text-decoration:none; text-indent:-9999px } .roll-up-dialog:hover { text-decoration: none; background-position: 0 -99px; } .roll-up-dialog:active {background-position:0 -125px;} /* Close rolled-up dialog */ .close-rolled-up-dialog { background: url(/_s/i/new/icons/i-dialog-action.png) no-repeat -18px 0; width: 9px; height: 9px; text-indent: -9999px; position: absolute; right: 11px; top: 11px; } /* Expand dialog */ .expand-dialog { background: url(/_s/i/new/icons/i-dialog-action.png) no-repeat; width: 9px; height: 9px; text-indent: -9999px; position: absolute; right: 31px; top: 11px; } /* Exit dialog */ .exit-dialog { width: 19px; height: 16px; background: url(/_s/i/new/icons/bg-close.png) no-repeat 0 -155px; position: absolute; right: 101px; top: 20px; text-decoration: none; text-indent: -9999px; } .exit-dialog:hover { background-position: 0 -191px; } .exit-dialog:active { background-position: 0 -227px; } /* Remove button */ .button-remove { width: 10px; height: 9px; background: url(/_s/i/new/icons/i-close.png) no-repeat; text-indent: -9999px; padding: 0; } /* Yellow button */ .button-yellow { color: #000 !important; background: #ffcc00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffcc00 0%, #ffb400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffcc00 0%,#ffb400 100%); /* W3C */ filter: none; } .button-yellow:hover { text-decoration:none !important; background: #ffc000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjljMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffc000 0%, #ff9c00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc000), color-stop(100%,#ff9c00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffc000 0%,#ff9c00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffc000 0%,#ff9c00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffc000 0%,#ff9c00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffc000 0%,#ff9c00 100%); /* W3C */ filter: none; } .button-yellow:active { background: #ff9c00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmYjkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff9c00 0%, #ff9e00 14%, #ffb901 76%, #ffc000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(14%,#ff9e00), color-stop(76%,#ffb901), color-stop(100%,#ffc000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff9c00 0%,#ff9e00 14%,#ffb901 76%,#ffc000 100%); /* W3C */ filter: none; } .button.button-yellow[disabled="disabled"], .button.button-yellow.disabled, .button.button-red[disabled="disabled"], .button.button-red.disabled { color: #666666 !important; cursor: default !important; background: rgb(235,235,235); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(191,191,191,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(191,191,191,1))); background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(191,191,191,1) 100%); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(191,191,191,1) 100%); background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(191,191,191,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(191,191,191,1) 100%); filter: none; } .button-red { color: #fff; background: rgb(172,45,45); background: -moz-linear-gradient(top, rgba(172,45,45,1) 0%, rgba(123,32,32,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,45,45,1)), color-stop(100%,rgba(123,32,32,1))); background: -webkit-linear-gradient(top, rgba(172,45,45,1) 0%,rgba(123,32,32,1) 100%); background: -o-linear-gradient(top, rgba(172,45,45,1) 0%,rgba(123,32,32,1) 100%); background: -ms-linear-gradient(top, rgba(172,45,45,1) 0%,rgba(123,32,32,1) 100%); background: linear-gradient(to bottom, rgba(172,45,45,1) 0%,rgba(123,32,32,1) 100%); filter: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .button-red:active { background: rgb(123,32,32); background: -moz-linear-gradient(top, rgba(123,32,32,1) 0%, rgba(172,45,45,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,32,32,1)), color-stop(100%,rgba(172,45,45,1))); background: -webkit-linear-gradient(top, rgba(123,32,32,1) 0%,rgba(172,45,45,1) 100%); background: -o-linear-gradient(top, rgba(123,32,32,1) 0%,rgba(172,45,45,1) 100%); background: -ms-linear-gradient(top, rgba(123,32,32,1) 0%,rgba(172,45,45,1) 100%); background: linear-gradient(to bottom, rgba(123,32,32,1) 0%,rgba(172,45,45,1) 100%); } /* Dialog reset */ .dialog-reset.ui-dialog { overflow: visible; padding: 0; width: auto; background: none; border: none; background: none; } .dialog-reset.ui-dialog.ui-widget-content { border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .dialog-reset.ui-widget-content, .dialog-reset .ui-widget-content { color: #000; } .dialog-reset .ui-dialog-titlebar { display: none; } .with-title.dialog-reset .ui-dialog-titlebar { display: block; } .dialog-reset.ui-dialog .ui-dialog-content { overflow: visible; padding: 0; color: #000; border: none; position: static; height: auto !important; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .ui-widget-overlay { background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 500; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } .dialog-reset .ui-state-active, .dialog-reset .ui-widget-header .ui-state-active, .dialog-reset .ui-widget-content .ui-state-active { background: none; border: none; } .dialog-reset .ui-state-default, .dialog-reset .ui-widget-content .ui-state-default { background: none; border: none; } .dialog-reset .ui-widget-header .ui-state-default { border: none; } .dialog-reset .ui-state-active.ui-state-hover .dialog-reset .ui-widget-header .ui-state-hover, .dialog-reset .ui-widget-content .ui-state-hover { background: none } /* Dialog default */ .dialog { border: 0; border-radius: 10px; font-size: 14px; width: 740px; z-index: 5000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /* Dialog with admin panel */ .dialog.dialog-with-panel { border: none; width: 80%; bottom: 48px !important; top: auto !important; position: fixed !important; height: 90% !important; min-height: 290px !important; background-color: #fff; } .dialog.cabinet-dialog { position: fixed; /*position: absolute;*/ top: 20% !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .dialog.cabinet-dialog .roll-up-dialog { right: 25px; display: none; } .dialog.cabinet-dialog .exit-dialog { right: 65px; } .dialog-holder, .dialog-reset.ui-dialog .ui-dialog-content { position: relative; padding: 20px; } .dialog.dialog-with-panel .ui-dialog-content { position: static; min-height: inherit !important; max-height: inherit !important; } .dialog-title { color: #000 !important; font-size: 20px; margin: -20px -20px 25px; padding: 0 20px; height: 50px; font-weight: normal; background: #ff9c00 url(/_s/i/new/bg/title-gradient.png) repeat-x 0 100%; line-height: 50px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .dialog-content { height: auto; font-size: 12px; } .dialog-content .row { margin-left: 0; margin-right: 0; } .dialog-main-content { overflow-y: auto; min-height: 100px !important; } .dialog a { color: #11649a !important; text-decoration: underline; } .dialog a:hover { text-decoration: none; } .dialog p { margin: 0 0 20px; } /* Dialog paging */ .dialog-paging-holder { padding: 5px 20px; margin-top: 20px; background-color: #f7f7f7; } .dialog-paging { margin: 0; padding: 0; list-style: none; color: #2d2d2d; overflow: hidden; } .dialog-paging li { float: left; margin-right: 10px; } .dialog-paging a { text-decoration: none; } .dialog-paging a:hover { text-decoration: underline; } .dialog-paging .active a { color: #a6a6a6; text-decoration: none; cursor: default; } .dialog-paging .active a:hover { text-decoration: none; } .ui-dialog .row-submit { overflow: hidden; margin-bottom: 0; } .ui-dialog .row-submit-alert { display: block; margin: 20px 0 10px; text-align: center; font-size: 13px; } .ui-dialog .row-submit-alert label { display: inline; } .ui-dialog .agreement-alert { display: none; margin: 0 0 10px; font-size: 13px; } /* Tabs */ /* Dialog tab */ /* Reset tabs */ .reset-tabs.ui-widget-content { background: none; border: none; font-size: 14px; } .ui-widget .reset-tabs.ui-widget-content, .ui-widget .reset-tabs.ui-widget-content.ui-widget { font-size: 14px; } .reset-tabs.ui-tabs { position: static; padding: 0; } .reset-tabs.ui-tabs .ui-tabs-nav { padding: 0; } .reset-tabs .ui-tabs-nav, .reset-tabs .ui-widget-header .ui-tabs-nav { border: none; background: none; margin: 0; padding: 0; } .reset-tabs.ui-tabs .ui-tabs-panel { padding: 0; } .reset-tabs .ui-state-active, .reset-tabs .ui-widget-header .ui-state-active { background-image: none; border: none; } .reset-tabs .ui-state-default, .reset-tabs .ui-widget-header .ui-state-default { background-image: none; border: none; } .reset-tabs .ui-state-active.ui-state-hover .reset-tabs .ui-widget-header .ui-state-hover { background: none } .reset-tabs .ui-tabs-anchor, .reset-tabs .ui-widget-header .ui-tabs-anchor { color: #000; padding: 0; } .reset-tabs .dialog-tabs-content { border: none; background: none; display: none; } .reset-tabs .dialog-tabs-content:first-child { display: block; } .dialog-tabs-nav, .reset-tabs .ui-tabs-nav, .reset-tabs.ui-tabs .ui-tabs-nav { margin: 0 0 20px; padding: 0; list-style: none; border-bottom: 1px solid #ffc412; overflow: hidden; } .cabinet-talk-list-tabs .ui-tabs-nav { display: none; } .dialog-tabs-nav-square, .dialog-tabs-nav .dialog-tabs-nav-square, .reset-tabs .ui-tabs-nav.dialog-tabs-nav-square { border-bottom: 0; } .reset-tabs .dialog-tabs-nav.ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0; } .dialog-tabs-nav li, .reset-tabs .dialog-tabs-nav li, .reset-tabs .dialog-tabs-nav.ui-tabs-nav li { float: left; height: 29px; line-height: 29px; margin-right: 2px; text-align: center; background-color: #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .dialog-tabs-nav-square li, .dialog-tabs-nav.dialog-tabs-nav-square li, .reset-tabs .dialog-tabs-nav.ui-tabs-nav.dialog-tabs-nav-square li { height: 30px; line-height: 30px; margin-right: 10px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dialog-tabs-nav a, .reset-tabs .dialog-tabs-nav a, .reset-tabs .dialog-tabs-nav.ui-widget-header .ui-tabs-anchor { float: left; min-width: 140px; padding: 0 15px; color: #000 !important; text-decoration: none; font-weight: normal; } .dialog-tabs-nav-square li a, .reset-tabs .dialog-tabs-nav-square li a, .reset-tabs .dialog-tabs-nav.dialog-tabs-nav-square.ui-widget-header .ui-tabs-anchor { color: #000; text-decoration: none; min-width: 55px; letter-spacing: 1px; } .dialog-tabs-nav-square .ui-state-hover, .reset-tabs .dialog-tabs-nav .ui-state-active { background-color: #fcdc65 !important; } .dialog-tabs-nav .ui-state-active, .reset-tabs .dialog-tabs-nav .ui-state-active { background-color: #ffc412 !important; } .dialog-tabs-nav .ui-state-active.ui-state-hover, .reset-tabs .dialog-tabs-nav .ui-state-active.ui-state-hover { background-color: #ffc412 !important; } .ui-state-active a, .reset-tabs .ui-state-active a { cursor: default; } .close-tab { float: left; margin: 10px 5px 0 0; width: 10px; height: 10px; text-indent: -9999px; cursor: pointer; } /* Cabinet */ .cabinet-dialog .dialog-title .trobber-element { position: relative; margin-left: 10px; top: 5px; } .cabinet-form { position: relative; font-size: 14px; } .cabinet-form.top-margin {margin-top: 40px;} .cabinet-form fieldset { background-color: #f5f6f7; margin: 0 -20px -20px; padding: 20px; border-radius: 0 0 10px 10px; } .cabinet-form fieldset .trobber-element { display: inline-block; position: relative; top: 10px; } .cabinet-form .fieldset-holder { margin-bottom: 20px; padding: 10px 20px; } .cabinet-form input::-webkit-input-placeholder, .cabinet-form input:-moz-placeholder, .cabinet-form input:-ms-input-placeholder { color: #a6a6a6; } span.cabinet-form-error { padding: 0; margin: 0; line-height: 12px; font-size: 11px; color: #f00; display: block; clear: left; } span.horizontal-error { margin-left: 150px; } input.cabinet-form-error { border-color: #f00 !important; } .cabinet-form .row.holder { margin-bottom: 15px; } .cabinet-form label { color: #000; display: block; margin-bottom: 8px; } .cabinet-form input[type=text], .cabinet-form input[type=password] { background-color: #fff; border: 1px solid #b5b5b5; color: #666; height: 28px; line-height: 28px; margin: 0; padding: 0 10px; width: 260px; } .cabinet-form .fieldset-holder input[type=text], .cabinet-form .fieldset-holder input[type=password] { width: 718px; } .input-width-698 { width: 698px !important; } .cabinet-form textarea { border: 1px solid #b5b5b5; color: #666; height: 69px; margin: 0; padding: 10px; resize: none; width: 718px; } .cabinet-form .submit-button { margin-right: 40px; } .cabinet-form .add-opponent { margin-right: 10px; } .cabinet-form .back-messages { margin-right: 20px; } .cabinet-form .center .row { font-size: 12px; padding-top: 20px; } /* Horizontal align of label + input:text */ .cabinet-form .fieldset { background: none; margin: 0; padding: 0; float: left; width: 420px; line-height: 18px; } .row.horizontal-align { margin-bottom: 20px; } .horizontal-align.border-t { border-top: 1px solid #f2f2f2; padding-top: 20px; } .row.horizontal-align label { float: left; margin: 0; width: 140px; padding-right: 10px; line-height: 18px; font-weight: normal; } .row.horizontal-align input[type=text], .row.horizontal-align input[type=password], .row.horizontal-align .recaptcha { float: left; width: 248px; } .row.horizontal-align textarea { float: left; width: 568px; height: 40px; } .sub-row { clear: both; padding: 5px 0 0 150px; font-size: 12px; } .submit-feedback {margin-left: 150px;} /* Social login */ .social-login-box { display: none; float: right; padding: 24px 30px 28px; margin-bottom: 20px; line-height: 22px; width: 250px; color: #666; background-color: #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .social-login-box p {margin: 0 0 14px;} .social-links { overflow: hidden; } .social-links a { float: left; margin-right: 10px; width: 20px; height: 20px; background: url(/_s/i/new/icons/i-social.png) no-repeat; text-indent: -9999px; } .fb-login { background-position: 0 0; } .vk-login { background-position: -30px 0 !important; } .twit-login { background-position: -60px 0 !important; } /* Row width 410px */ .row.w410 { width: 410px; margin-bottom: 20px; } .row.w410 label { color: #000; line-height: 18px; margin-bottom: 20px; } .row.w410 input { width: 388px; } .cabinet-form p.color-lgrey { font-size: 12px; line-height: 18px; } /* Accordion reset */ .accordion-reset.ui-accordion .ui-accordion-content { padding: 0; border: 0; } .accordion-reset.ui-accordion .ui-accordion-icons { padding-left: 0; } .accordion-reset.ui-accordion .ui-accordion-header { margin: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .accordion-reset.ui-accordion .ui-accordion-header .ui-accordion-header-icon { background: none; position: static; } /* Spinner reset */ .spinner-reset .ui-widget-content { overflow: visible; border: 0; padding: 0; background: none; border-radius: 0; } .spinner-reset .ui-spinner .ui-spinner-button { position: static; top: auto; left: auto; margin: 0; background: none; width: auto; height: auto; } .spinner-reset .ui-spinner .ui-icon { position: static; top: auto; left: auto; margin: 0; background: none; width: auto; height: auto; } .spinner-reset .ui-spinner-input { margin: 0; background: none; } /* Tags selector */ .order-table tr:hover .tags-selector { display: inline-block; } .tags-selector { display: none; position: relative; vertical-align: middle; } .tags-selector.active { display: inline-block; } .tags-selector-add-button { display: inline-block; text-decoration: none; position: relative; background: #E4E4E4; width: 19px; height: 19px; border-radius: 2px; cursor: pointer; } .tags-selector-add-button:before, .tags-selector-add-button:after { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #B6B6B6; } .tags-selector-add-button:before { width: 9px; height: 3px; } .tags-selector-add-button:after { width: 3px; height: 9px; } .tags-selector.active .tags-selector-inner { display: block; } .tags-selector-inner { z-index: 3; padding: 20px 10px 20px 20px; position: absolute; display: none; top: 25px; left: 0; border-radius: 10px; background: #2D2D2D; box-shadow: 0 0px 10px rgba(0,0,0,.6); } .tags-selector-inner:before { content: ''; position: absolute; width: 0; height: 0; top: -10px; left: 0; right: 0; margin: auto; border: 10px solid transparent; border-bottom: 10px solid #2D2D2D; border-top: 0; } .tags-selector-list { max-height: 150px; overflow-y: auto; } .tags-selector-list-item { padding-right: 10px; color: #fff; white-space: nowrap; } .tags-selector-list-item label { cursor: pointer; } .tags-selector-submit-button { margin-top: 20px; line-height: 18px; height: 18px; cursor: pointer; font-size: 12px; } /* Search form */ .search-form { margin-bottom: 20px; } .search-form input[type="text"] { width: 50%; max-width: 590px; height: 30px; background-color: #FFF; border: 1px solid #A6A6A6; padding: 0 10px; } .search-form input[type="submit"] { width: 110px; height: 30px; margin-left: 5px; font-size: 14px; } /* Main button */ .dialog-button { display: inline-block; min-width: 78px; padding: 0 20px; border-top: 1px solid #e6ac00; border-left: 1px solid #d4a005; border-right: 1px solid #d4a005; border-bottom: 1px solid #c49300; white-space: nowrap; text-decoration: none !important; text-align: center; font-family: Verdana, Arial, sans-serif !important; position: relative; color: #2d2d2d !important; background: #febe00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod...EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #febe00 0%, #dba400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febe00), color-stop(100%,#dba400)); background: -webkit-linear-gradient(top, #febe00 0%,#dba400 100%); background: -o-linear-gradient(top, #febe00 0%,#dba400 100%); background: -ms-linear-gradient(top, #febe00 0%,#dba400 100%); background: linear-gradient(to bottom, #febe00 0%,#dba400 100%); filter: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -o-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4) } .dialog-button:hover { text-decoration: none !important; border-top: 1px solid #e6c35c; border-left: 1px solid #debc59; border-right: 1px solid #debc59; border-bottom: 1px solid #c4a64e; background: #ffd966; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod...EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffd966 0%, #ddbc58 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd966), color-stop(100%,#ddbc58)); background: -webkit-linear-gradient(top, #ffd966 0%,#ddbc58 100%); background: -o-linear-gradient(top, #ffd966 0%,#ddbc58 100%); background: -ms-linear-gradient(top, #ffd966 0%,#ddbc58 100%); background: linear-gradient(to bottom, #ffd966 0%,#ddbc58 100%); filter: none; } /* Filter-panel */ .admin-filters-form { height: 33px; background: #ebebeb; margin: 0 -20px 20px -20px; padding: 5px 20px; } .admin-filters-form select { height: 21px; } .admin-filters-form .dialog-button { height: 23px; font-size: 16px; } /* Pagination */ .dialog-with-panel .pagination { /*position: absolute; left: 20px; bottom: 14px;*/ margin-top: 0; padding-top: 20px; font-size: 11px; } /* Tags panel */ .dialog.dialog-with-panel .tag-panel { /*position: absolute; bottom: 50px; left: 20px;*/ font-size: 12px; padding-top: 20px } .dialog-with-panel .tag-panel .new-tag { display: none; } .dialog-with-panel .tag-panel input, .dialog-with-panel .tag-panel select { margin: 0 7px 0 0; } .dialog-with-panel .tag-panel .append-tag { display: none; } .dialog-with-panel .tag-panel .new-tag { display: none; } .dialog-with-panel .tag-panel .apply-tag { display: none; } .dialog-with-panel .tag-panel .order-status-select { display: none; } /* Tags */ .tag-item, .dialog .tag-item { padding: 2px 19px 2px 11px; margin-right: 7px; display: inline-block; vertical-align: middle; background: #ffc412; margin-bottom: 4px; position: relative; cursor: pointer; color: #000 !important; font-size: 11px; text-decoration: none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .tag-item .remove { position: absolute; top: 1px; right: 1px; font-family: Times New Roman, Arial, sans-serif; font-size: 14px; color: #99750b; display: block; width: 16px; height: 16px; text-align: center; } input.item-check, .all-item-check { margin: 0 3px 0 0; position: relative; top: 2px; } /* Tags tab panel */ .dialog-content .side-panel { width: 250px; float: left; background: #f7f7f7; min-height: 244px; padding-bottom: 37px; margin: -25px 0 0 -20px; position: relative; border-radius: 0 0 0 10px; } .dialog-content .side-panel-inner { overflow-x: hidden; overflow-y: auto; } .dialog-content .with-side-panel { margin-left: 250px; } .side-panel ~ .pagination { margin-left: 250px; } .dialog-content .side-panel.chat-side-panel { padding-bottom: 10px; } .dialog-content .side-panel .entity-sel-container { background: #ebebeb; padding: 10px 20px; } .dialog-content .side-panel .entity-sel-container select { margin: 0px; padding: 2px 2px 2px 4px; width: 98%; } .dialog-side-menu { padding: 0 20px; list-style: none; } .dialog-side-menu li { border-bottom: 1px solid #ebebeb; position: relative; font-size: 14px; } .dialog-side-menu li a, .dialog-content .side-panel .dialog-side-menu li a { display: block; padding: 12px 30px; margin: 0 -20px; color: #666666 !important; text-decoration: none; position: relative; overflow: hidden; white-space: nowrap; } .dialog-side-menu li:hover a, .dialog-content .side-panel .dialog-side-menu li:hover a { background: #ffc412; color: #b2890c !important; } .dialog-side-menu li.active a, .dialog-content .side-panel .dialog-side-menu li.active a { background: #ffc412; color: #b2890c !important; } .dialog-side-menu li a::after { content: " "; position: absolute; width: 15px; height: 150px; border-right: 45px solid #F7F7F7; top: 0px; right: 0px; background: -moz-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 95%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,0)), color-stop(95%,rgba(247,247,247,1))); background: -webkit-linear-gradient(left, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 95%); background: -o-linear-gradient(left, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 95%); background: -ms-linear-gradient(left, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 95%); background: linear-gradient(to right, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); } .dialog-side-menu li:hover a::after, .dialog-side-menu li.active a::after { border-color: #ffc412; background: -moz-linear-gradient(left, rgba(255,196,18,0) 0%, rgba(255,196,18,1) 95%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,196,18,0)), color-stop(95%,rgba(255,196,18,1))); background: -webkit-linear-gradient(left, rgba(255,196,18,0) 0%,rgba(255,196,18,1) 95%); background: -o-linear-gradient(left, rgba(255,196,18,0) 0%,rgba(255,196,18,1) 95%); background: -ms-linear-gradient(left, rgba(255,196,18,0) 0%,rgba(255,196,18,1) 95%); background: linear-gradient(to right, rgba(255,196,18,0) 0%,rgba(255,196,18,1) 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffc412', endColorstr='#ffc412',GradientType=1 ); } .dialog-side-menu.chat-menu li a::after { } .dialog-side-menu.chat-menu li:first-child a::after { top: 11px; } .dialog-side-menu.chat-menu li .message-count + a::after { border-right-width: 84px; } .dialog-side-menu .delete { width: 10px; height: 9px; background: url(/_s/i/new/icons/i-close.png) no-repeat; text-indent: -9999px; padding: 0; position: absolute; right: 10px; top: 15px; cursor: pointer; } .dialog-side-menu li.active .delete { display: none; } .dialog-side-menu li .message-count { position: absolute; right: 27px; top: 10px; width: 30px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #000; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffcc00 0%, #ffb400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffcc00 0%,#ffb400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffcc00 0%,#ffb400 100%); /* W3C */ filter: none; } .dialog-side-menu.chat-menu li a, .dialog-content .side-panel .dialog-side-menu.chat-menu li a { padding: 12px 26px; } .dialog-side-menu.chat-menu .delete { right: 8px; } .dialog-with-panel .dialog-content-title { font-size: 20px; font-weight: normal; padding-bottom: 24px; } .dialog-with-panel .dialog-content-title .edit { display: inline-block; width: 15px; height: 15px; background: url(/_s/i/new/icons/i-edit.png) center center no-repeat #ebebeb; vertical-align: middle; margin-left: 5px; cursor: pointer; } .dialog-with-panel .dialog-content-title .rename-container { display: none; height: 24px; } .rename-container input[type="text"] { font-size: 20px; padding: 2px; margin: 0px 10px 0 0; float: left; } .rename-container .rename-apply { font-size: 14px; /*padding: 5px 35px;*/ vertical-align: top; position: relative; top: 0px; height: 32px; line-height: 31px; width: 133px; padding-bottom: 2px; } .side-panel .create-tag-container { position: absolute; bottom: 0px; left: 0px; border-radius: 0 0 0 10px; overflow: hidden; width: 100%; } .create-tag-container .show-btn { font-size: 14px; text-align: center; padding: 10px 0 0 0; height: 26px; cursor: pointer; background: #ffc900; border-top: 1px solid #f7f7f7; border-radius: 0; display: block; box-sizing: content-box; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffc900 0%, #feb400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc900), color-stop(100%,#feb400)); background: -webkit-linear-gradient(top, #ffc900 0%,#feb400 100%); background: -o-linear-gradient(top, #ffc900 0%,#feb400 100%); background: -ms-linear-gradient(top, #ffc900 0%,#feb400 100%); background: linear-gradient(to bottom, #ffc900 0%,#feb400 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc900', endColorstr='#feb400',GradientType=0 ); } .create-tag-container .create-tag-form { display: none; padding: 13px 13px 15px 13px; background: #2d2d2d; color: #fff; font-size: 13px; } .create-tag-container .create-tag-form input[type="text"] { width: 98%; display: block; margin-bottom: 10px; margin-top: 5px; } .create-tag-container .create-tag-form input[type="button"] { margin: 0px; width: 100px; padding-top: 2px; padding-bottom: 2px; } .create-tag-container .create-tag-form .info { font-size: 11px; padding-top: 6px; } .client-details { /*padding-bottom: 50px;*/ } .client-details .row { margin-bottom: 10px; } .client-details .row-email { color: #a6a6a6; margin-bottom: 23px; } .client-details-form { margin-bottom: 30px; } .client-details-form button[type=submit] { line-height: 26px; } .client-details .add-discount, .client-details .add-comment { margin-left: 10px; font-size: 12px; padding-top: 3px; padding-bottom: 3px; } .client-details .add-discount { margin-left: 10px; } .client-details .discount-row input { width: 50px; } .client-details .button.button-red { padding-top: 6px; padding-bottom: 6px; font-size: 14px; } .client-details .client-ban { margin-top: 20px; /*position: absolute; bottom: 20px; left: 20px;*/ } .client-details h4 { margin-bottom: 10px; } .client-details .edit-comment { cursor: pointer; } .client-details .comment-input-wr { display: none; } .client-details .comment-input { width: 400px; height: 100px; vertical-align: top; } .client-details .throbber { vertical-align: top; width: 20px; height: 20px; display: inline-block; top: 2px; position: relative; margin-left: 10px; } .consultant-status-wr { padding: 10px 19px 10px 25px; position: relative; overflow: hidden; font-size: 12px; line-height: 20px; background: white; -o-box-shadow: 0px 0px 10px -2px #000; -ms-box-shadow: 0px 0px 10px -2px #000; -moz-box-shadow: 0px 0px 10px -2px #000; -webkit-box-shadow: 0px 0px 10px -2px #000; box-shadow: 0px 0px 10px -2px #000; } .consultant-status-wr .mute { float: right; position: relative; top: 1px; width: 23px; height: 21px; cursor: pointer; background: url(/_s/i/cabinet-mute-icons.png) -22px 0 no-repeat; } .consultant-status-wr .mute.disabled { background-position: 0 0; } .consultant-status { display: block; float: right; width: 90px; height: 20px; margin-right: 15px; line-height: 20px; text-align: center; color: white; -o-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } .consultant-status.status-online { background: rgb(60,116,24); background: -moz-linear-gradient(top, rgba(60,116,24,1) 0%, rgba(43,83,17,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,116,24,1)), color-stop(100%,rgba(43,83,17,1))); background: -webkit-linear-gradient(top, rgba(60,116,24,1) 0%,rgba(43,83,17,1) 100%); background: -o-linear-gradient(top, rgba(60,116,24,1) 0%,rgba(43,83,17,1) 100%); background: -ms-linear-gradient(top, rgba(60,116,24,1) 0%,rgba(43,83,17,1) 100%); background: linear-gradient(to bottom, rgba(60,116,24,1) 0%,rgba(43,83,17,1) 100%); } .consultant-status.status-offline { background: #ad2d2d; } .consultant-status.status-online .offline-ttl { display: none; } .consultant-status.status-offline .online-ttl { display: none; } .chat-table { font-size: 14px; color: #000; } .chat-table td { padding-bottom: 10px; padding-right: 12px; vertical-align: top; } .chat-table td:first-child { font-weight: bold; white-space: nowrap; } .chat-table td:first-child .date { font-weight: normal; padding-top: 2px; font-size: .7em; color: #404040; display: inline-block; } .chat-table .owner td { color: #a6a6a6; } .chat-message { padding-top: 10px; } .chat-message textarea { height: 60px; margin-bottom: 9px; width: 99%; } .chat-message .message-send { height: 30px; line-height: 30px; width: 140px; font-size: 14px; } .dialog-content.block-content { position: unset !important; } .feedback-form { overflow:hidden; text-align: left; } .feedback-form .row { margin: 0; } .dialog-content.feedback-content, .dialog-content.simple-order-content { font-size: 14px !important; } .field-buttons { padding: 20px 0 0; } .field-inner input[type="text"]:focus, .field-inner input.styled:focus, .field-inner input[type="password"]:focus, .field-inner textarea:focus { border: 1px solid #ffc412; } .field-inner input[type="text"], .field-inner input.styled, .field-inner input[type="password"] { border: 1px solid #bebebe; padding: 3px 9px; background: #fff; color: #000; outline: none; width: 180px; margin: 0 3px 0 0; } .field-inner { float: right; width: 635px; input[disabled="disabled"] { background: #eee; color: #666; cursor: default; } input.field-width { width: 280px; } textarea { border: 1px solid #bebebe; padding: 3px 3px 3px 9px; background: #fff; color: #000; outline: none; margin: 0 3px 0 0; min-height: 85px; height: 85px; width: 392px; resize: vertical; } } .field-button-disabled { input { display: none; } } .field-help { display:block; padding:0.5em 9px 0 0; color: #6e6e6e; font-size: 0.857em; } .field-button:hover { background-position: 0 -113px; background-color: #ff9d00; } .field-title { float: left; width: 225px; padding: 0 30px 0 0; } .field:after { content:' '; display:block; clear:both; overflow:hidden; height:0; visibility:hidden; zoom:1; } .field { padding: 0 0 15px; min-height: 40px; } .forms { background: #ebebeb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 35px; padding: 29px 34px 19px; } .feedback-message { .message-title { margin-bottom:0.2em; font-size:1.33em; font-weight:normal; } } .field-button-disabled, .field-button-disabled:hover { color: #a07509; background-position: 0 0; background-color: #ffb400; } a.field-button, .forms-black a.field-button { cursor: pointer; color: #000; } .field-help-entry { display:block; } .field-inner input[type="text"]::-webkit-input-placeholder, .field-inner input.styled::-webkit-input-placeholder, .field-inner input[type="password"]::-webkit-input-placeholder, .field-inner textarea::-webkit-input-placeholder { color: #000; } .feedback-frame { width: 0; height: 0; border: none; } .feedback { font: bold 16px/40px Arial, Helvetica, sans-serif; display:none; height:37px; background-color: #000066; position:fixed; text-align:center; color: ;; padding:0 15px; min-width:150px; left:-77.5px; top:300px; z-index:400; cursor:pointer; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .field-button { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-decoration: none; color: #000; cursor: default; background: url(/_s/i/buttons.png) repeat-x #ffb400; display: inline-block; vertical-align:middle; position: relative; padding: 6px 35px 7px; margin: 0 10px 0 0; text-align: center; overflow: hidden; } .field-button input { position: absolute; left: 0; top: 0; height: 100px; width: 400px; cursor: pointer; border: 0; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } /* ORDER */ .message.as-cart .lb, .message.as-cart .rb, .message.as-cart .lt, .message.as-cart .rt { background:none; padding:0; position:relative; } .message.as-cart .message-title { line-height:63px; font-size:24px; padding-left:17px; color:#2d2d2d; background-color:#fff; margin:0; font-weight:normal; position:relative; text-align:left; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; behavior: url(/_s/js/PIE.htc); } .message.as-cart .message-close { background: url(/_s/i/cart/bg-close.png) no-repeat; position:absolute; right:35px; top:22px; width:22px; height:22px; text-indent:-9999px; z-index:100; padding:0; } .message.as-cart .message-close:hover {background-position:0 -25px;} .message.as-cart .message-close:active {background-position:0 -50px;} .message.as-cart .message-body { background-color:#fff; padding:20px 20px 40px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } #order-form {overflow:hidden;} .message.as-cart .field-error, .dialog-content strong.field-error { float: left; padding: 0; line-height: auto; margin: 0 0 0 10px; padding-left: 33px; font-size: 12px; background: url(/_s/i/cart/bg-error.png) no-repeat 0 2px; max-width: 195px; min-height: 25px; padding-top: 2px; line-height: 1.1em; float: left; color: red; font-weight: normal; } .dialog-content strong.field-error { width: 37%; } .message.as-cart .cencel-btn { float:left; margin:29px 10px 0 0; border-bottom:1px dotted; line-height:13px; cursor: pointer; } .message.as-cart #order-cancel:hover {border:0;} .dialog-content .cancel-btn { float:left; margin:29px 10px 0 0; border-bottom:1px dotted; line-height:13px; cursor: pointer; } .dialog-content .close-dialog { background: url(/_s/i/cart/bg-close.png) no-repeat; position:absolute; right:23px; top:22px; width:22px; height:22px; text-indent:-9999px; z-index:100; padding:0; outline: none; } .dialog-content .close-dialog:hover {background-position:0 -25px;} .dialog-content .close-dialog:active {background-position:0 -50px;} .dialog-content .message-title { /*line-height:63px;*/ font-size:24px; padding-left:0px; color:#2d2d2d; /*background-color:#d1e8f6;*/ margin: 0 0 30px 0; font-weight:normal; position:relative; text-align:left; /*-webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;*/ behavior: url(/_s/js/PIE.htc); } .c.form .row { margin: 0 0 17px; } .feedback-form td { padding-bottom: 17px; vertical-align: top; } .feedback-form td.left-l { vertical-align: middle; } .feedback-form td.right-r { vertical-align: middle; /*width: 90%;*/ } .form .right-r { width: 70%; float: left; } .form .left-l { width: 30%; float: left; } .feedback-container .feedback-form .right-r { width: 70%; min-width: 220px; } .feedback-container .feedback-form .left-l { width: 30%; min-width: 180px; } .column-aside .feedback-container .feedback-form .right-r { width: auto; float: none; } .column-aside .feedback-container .feedback-form .left-l { /*width: 30%;*/ } .feedback-form label { /*width:108px;*/ /*max-width: 270px;*/ /*min-width: 97px;*/ /*float:left;*/ line-height:20px; padding-right:15px; display: block; /*white-space: nowrap;*/ } .c.form label sup {color:#ec0000;} .c.form .error label {color:#EC0000;} .c.form .row input, .c.form textarea { width: 90%; min-width: 215px; float:left; } .column-aside .feedback-container .feedback-form.c.form .row input, .column-aside .feedback-container .feedback-form.c.form textarea { width: 90%; min-width: 15px; float:none; } .c.form .row input { padding:5px 10px; border:1px solid #b5b5b5; margin: 0 10px 0 0; } .c.form .row input:focus, .c.form textarea:focus { border-color:#919191; -webkit-box-shadow:inset 1px 1px 2px #ededed, inset -1px -1px 2px #ededed; -moz-box-shadow:inset 1px 1px 2px #ededed, inset -1px -1px 2px #ededed; box-shadow:inset 1px 1px 2px #ededed, inset -1px -1px 2px #ededed; } .c.form textarea { padding:5px 10px; height:90px; overflow:hidden; resize:none; margin: 0 10px 0 0; border:1px solid #bdc5cb; } .c.form .row.error input {border-color:#ec0000;} /*.c.form .row.done input {border-color:#09cb2a;}*/ .c.form .error-box { color:#ec0000; display:none; float:left; line-height:32px; background: url(/_s/i/cart/bg-error.png) no-repeat 0 50%; margin-left:15px; padding-left:40px; font-size:12px; } .c.form .row.error .error-box {display:block;} /*.c.form .row.done .error-box { display:block; background: url(/_s/i/cart/bg-done.png) no-repeat 0 50%; text-indent:-9999px; }*/ .c.form input.type-date { width: 100px; min-width: 100px; } .c.form input.type-time { width: 65px; min-width: 55px; float: none; margin: 0; } .column-aside .feedback-container .feedback-form.c.form .row input.type-time { width: 22%; min-width: 35px; } .c.form .type-time-wrapper { float: left; margin: 0; min-width: 220px; } .c.form input.type-time.time-min { margin-right: 7px; } .c.form .type-time-wrapper span { display: inline-block; } .c.form .type-time-wrapper .period-max-label { padding: 0 7px 0 0; } .c.form .type-time-wrapper .period-min-label { padding: 0 7px 0 0; } .c.form .site-submit { background-image: url(/_s/i/cart/bg-submit-btn.png); background-repeat: no-repeat; height:55px; width: 230px; cursor:pointer; border:0; padding:0 0 6px; float:left; margin:10px 20px 0 0; font-size:20px; position:relative; border-radius:6px; color: #fff; background-color: #000066; } .c.form .site-submit:hover {background-position:0 -55px;} .column-aside .feedback-container .feedback-form.c.form .site-submit { width: 90%; } .c.form .throbber-box { float:left; width:45px; height:45px; padding-top:9px; top: 15px; position: relative; margin: 0 5px; } .c.form .warning {font-size:11px;} .c.form .warning sup {color:#ec0000;} .row:after { content: ''; display: block; clear: both; } .cart-box { width:702px; /*710*/ font-size:15px; color:#2d2d2d; } .cart-box .t { height:63px; position:relative; } .cart-box .c { overflow: hidden; padding:10px 15px 0; background-color:#fff; } .cart-box .c.form { padding:28px 35px 40px; background-color:#d1e8f6; } .cart-box .b { display:none; height:19px; /* Bottom height */ overflow: hidden; background: url(/_s/i/cart/cart-popup-b.png) no-repeat; } .cart-box .t h1 { line-height:63px; font-size:24px; padding-left:32px; color:#2d2d2d; margin:0; font-weight:normal; -webkit-text-shadow:1px 1px 0 #eaf5fb; -moz-text-shadow:1px 1px 0 #eaf5fb; text-shadow:1px 1px 0 #eaf5fb; } .close-cart { background: url(/_s/i/cart/bg-close.png) no-repeat; position:absolute; right:35px; top:22px; width:22px; height:22px; text-indent:-9999px; } .close-cart:hover {background-position:0 -25px;} .close-cart:active {background-position:0 -50px;} .feedback-form .success { color: #3d7518; } .feedback-message { margin-top:-206px; top:50% !important; } .feedback-container { /*max-width: 650px;*/ position: relative; z-index: 1; } #slider-box .feedback-container { z-index: 151; } .block-type-info-text .feedback-container { max-width: inherit; } .feedback-container .close-dialog, .feedback-container .cancel, .feedback-container .cancel-btn { display: none; } .feedback-container .feedback-form td, .feedback-container .feedback-form table { border: none !important; } .feedback-container .feedback-form td { padding-bottom: 17px !important; } .simple-order-dialog .warning { padding-top: 20px; } .type-attachment-wr { position: relative; } input.type-attachment, .c.form .row .type-attachment { border: none; padding: 1px 0 0 0; font-size: 12px; width: 236px; } input.type-attachment:focus, .c.form .row .type-attachment:focus { box-shadow: none; } .block-type-form .type-attachment { width: 100%; } .block-type-form .field-error.file-size-error { display: block !important; padding-top: 0.3em; } .attachment-loader { position: relative; top: 4px; margin-left: 10px; } .type-attachment-wr .trobber-element { border: none; margin: 0; width: 15px; } .type-attachment-wr .attachment-loader { position: absolute; top: 2px; right: 0px; } /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } .personal-data-checkbox{ margin-bottom: 10px; } .use_flexbox .personal-data-checkbox{ max-width: 700px; margin-top: -30px; } .form-handler-id-custom .personal-data-checkbox .personal-data-label{ margin-top: 0px; margin-left: 5px; } .form-handler-id-custom .personal-data-checkbox input{ float: left; } .form-handler-id-custom .field-error{ display: none; position: absolute; top: auto; left: 10px; z-index: 100; padding: 3px 5px; margin-top: 10px; box-shadow: 0 0 10px rgba(0,0,0,.4); border-radius: 5px; font-size: 11px; font-weight: normal; background: white; color: red; margin-top: 22px; } .form-handler-id-custom .field-error:after{ content: ''; position: absolute; top: -5px; left: 10px; width: 0; height: 0; border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent transparent #ffffff transparent; } @media (max-width: 1200px) { .use_flexbox .personal-data-checkbox{ max-width: 540px;; } } @media (max-width: 768px) { .use_flexbox .personal-data-checkbox{ max-width: 350px; } } @media (max-width: 500px) { .use_flexbox .horizontal-captcha-flex-container{ flex-direction: column; } .use_flexbox .personal-data-checkbox{ margin-top: 10px; } .use_flexbox .horizontal-captcha-flex-container .feedback-submit-block{ margin-left: 0; } } .block-type-catalogitem-reviews { margin-top: 30px; position: relative; clear: both; } .block-text.block-type-catalogitem-reviews h2 { text-transform: none; margin-bottom: 25px; margin-left: 0px; } .block-text.block-type-catalogitem-reviews> h2 { line-height: 30px; } .block-type-catalogitem-reviews .add-review { position: absolute; top: 3px; right: 0; padding: 0px 7px; min-width: 108px; height: 28px; line-height: 28px; text-align: center; display: block; border-radius: 5px; font-size: 12px; background: #000033; color: white !important; text-decoration: none; white-space: nowrap; box-sizing: content-box; } .block-type-catalogitem-reviews .add-review:hover { opacity: .85; } .block-type-catalogitem-reviews .login-alert { display: none; position: absolute; right: 132px; top: 6px; font-size: 12px; } .block-type-catalogitem-reviews .review-form { display: none; margin-bottom: 30px; } .block-type-catalogitem-reviews .review-form.loading { opacity: .5; } .block-type-catalogitem-reviews .review-form .form-row { margin-bottom: 20px; line-height: 29px; } .block-type-catalogitem-reviews .review-form .review-title.hidden { display: none; } .block-type-catalogitem-reviews .review-form .form-row:after { content: ''; display: table; clear: both; } .block-type-catalogitem-reviews .review-form .form-row> div:first-child { width: 25%; float: left; white-space: nowrap; } .block-type-catalogitem-reviews .review-form .form-row> div:last-child { width: 73%; float: left; } .block-type-catalogitem-reviews .review-form .form-row input, .block-type-catalogitem-reviews .review-form .form-row textarea { width: 100%; } .block-type-catalogitem-reviews .review-form .form-row textarea { height: 100px; resize: none; } .block-type-catalogitem-reviews .link-pseudo { color: #005099; text-decoration: none; border-bottom: 1px dotted #005099; } .block-type-catalogitem-reviews .link-pseudo:hover { border-bottom-color: transparent; text-decoration: none; } .block-type-catalogitem-reviews .link-pseudo.active { color: black !important; font-weight: bold; text-decoration: none; cursor: default; border: 0; } .block-type-catalogitem-reviews .review-form .form-row .submit-form { padding: 0px 7px; border-radius: 5px; border: none; width: auto; min-width: 108px; height: 28px; line-height: 28px; font-size: 12px; background: #000033; color: white !important; text-decoration: none; cursor: pointer; box-sizing: content-box; } .block-type-catalogitem-reviews .review-form .submit-form:hover { opacity: .85; } .block-type-catalogitem-reviews .review-item { margin-bottom: 20px; } .block-type-catalogitem-reviews .review-item p { line-height: 150%; } .block-type-catalogitem-reviews .review-item .review-header { margin-bottom: 10px; min-height: 20px; } .block-type-catalogitem-reviews .review-item .review-header .review-info { float: right; } .block-type-catalogitem-reviews .review-item .review-header .review-info .date { opacity: .4; } .block-type-catalogitem-reviews .review-item .review-header a:hover { opacity: .8; } .block-type-catalogitem-reviews .review-item .review-approve { width: 20px; display: inline-block; background: url(/_s/i/new/icons/i-reviews.png) 0 0 no-repeat; height: 20px; margin-bottom: -5px; margin-left: 10px; } .block-type-catalogitem-reviews .review-item .review-decline { width: 20px; display: inline-block; background: url(/_s/i/new/icons/i-reviews.png) -20px 0 no-repeat; height: 20px; margin-bottom: -5px; } .block-type-catalogitem-reviews .review-item.new p { opacity: .5; } .block-type-catalogitem-reviews .review-item.confirmed .review-approve { display: none; } .block-type-catalogitem-reviews .review-item.confirmed .review-decline { margin-left: 10px; } .block-type-catalogitem-reviews .review-item.deleted { opacity: .3; } .block-type-catalogitem-reviews .review-item.deleted .review-approve, .block-type-catalogitem-reviews .review-item.deleted .review-decline { display: none; } .block-type-catalogitem-reviews span.review-error-box { color: #ad2d2d; font-size: 12px; display: block; line-height: 22px; } .b-filter { background-color: rgba(150, 150, 150, 0.75); color: #fff; padding: 10px 20px 10px 20px; height: 50px; min-height: 50px; margin-bottom:20px; border-radius: 10px; } .b-filter .link-pseudo { text-decoration: none; display: none; } .b-filter .link-pseudo:hover { border-bottom-color: transparent; text-decoration: none; } .b-filter__button { background-color: #005098; border-radius: 3px; color: #fff !important; display: inline-block; line-height: 30px; margin-right: 40px; min-width: 120px; text-align: center; text-decoration: none; } .b-filter__button:hover { color: #fff !important; filter: alpha(opacity=80); opacity: 0.8; text-decoration: none; } .b-filter__checkbox { margin: -3px 10px 0 0; } .b-filter__column { float: left; width: 100%; } .b-filter__column__title { color: #000; font-weight: bold; margin: 0 0 10px; } .b-filter__content { display: none; } .b-filter__input { border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px; moz-box-sizing: border-box; o-box-sizing: border-box; padding: 4px 10px; webkit-box-sizing: border-box; width: 80px; } .b-filter__label { cursor: pointer; display: block; line-height: 16px; margin-bottom: 5px; } .b-filter__label input, label{ cursor: pointer; } .b-filter__list { list-style: none; margin: 0 0 -6px -17px; overflow: hidden; padding: 0; } .b-filter__list__item { float: left; margin: 0 0 10px 30px; vertical-align: middle; } .b-filter__list__item img { cursor: pointer; display: inline-block; margin-left: 5px; } .b-filter__params-form { display: none; margin-top: 10px; } .b-filter__params-form.open { display: block; } .b-filter__params-row { margin-bottom: 15px; } /*.b-filter__params-row:nth-child(odd) { margin-bottom: 15px; display: inline-block; width: 47.5%; } .b-filter__params-row:nth-child(even) { width: 47.5%; float: right; display: inline-block; }*/ .b-filter__params-row .b-filter__toggle { text-transform: none; } .b-filter__params-row:after { clear: both; content: ""; display: block; } .b-filter__row{ display: inline-block; } .b-filter__row:after { clear: both; content: ""; display: block; } .b-filter__row_mod1 { margin-top: 20px; /*width: 500px;*/ width: 100%; } .b-filter__toggle { border-bottom: 1px dotted #ffffff !important; color: #ffffff !important; text-decoration: none; text-transform: uppercase; } .b-filter__toggle.disabled { border-bottom-color: transparent; /*cursor:default ; pointer-events: none;*/ } .b-filter__toggle:hover { border-bottom: 1px dotted #ffffff !important; color: #ffffff !important; } .b-filter__toggle-wrapper { /*float: left;*/ min-width: 100px; } .block-type-filter-catalog { margin-bottom: 30px; } .sort-catalog { /*margin: 1em 0.1em;*/ display: inline-block; float: right; width: 70%; } .reset-filters{ display: inline-block; } .reset-filters .js-cancel-filters { color: #ffffff !important; border-bottom: 1px dotted #ffffff !important; } .reset-filters .js-cancel-filters:hover { color: #ffffff !important; border-bottom: 1px dotted #ffffff !important; } .range-filter-values-view{ margin-bottom: 10px; height: 30px; } .range-filter-values-view .range-from{ float: left; } .range-filter-values-view .range-to{ float: left; margin-left: 10px; } .range-filter-values-view input{ width: 50px; height: 30px; } .range-filter-values-view .range-filter-input{ background-color: rgba(150, 150, 150, 0.75) !important; color: #fff !important; opacity: 0.75; border: 0; box-shadow: none; border-radius: 4px; padding-left: 5px; padding-right: 5px; } .range-filter-values-view .range-from, .range-to{ /* color: #ffffff; color: #fff*/ } .sort-catalog-select-option, .sort-catalog-avaible-option{ display: inline-block; } .sort-catalog-select-option select.js-sort-catalog-items { min-width: 150px; } .sort-catalog-avaible-option { float:right; margin-top: 8px; } .sort-catalog label{ border-bottom-color: inherit; } .sort-catalog .sort-catalog-avaible-option label{ float:right; line-height: 12px; border-bottom: 1px dotted; } .sort-catalog .select2-container{ margin-bottom: 0; font-size: inherit; font-family: inherit; } .sort-catalog .sort-catalog-avaible-option input{ display: inline-block; float: left; cursor: pointer; margin: 0 3px; line-height: 10px; } .select2 .select2-selected-value{ border-bottom: 1px dotted !important; border-bottom-color: #fff !important; color: #fff !important; } .fiters-toggle-reset-container{ display: inline-block; width: 30%; /*float:left;*/ line-height:25px; } .select2-selection__arrow { display: none; } @media (max-width: 980px) { .sort-catalog{ display: block; float: none; width:auto; } .sort-catalog input{ margin-left:0px; } .fiters-toggle-reset-container{ width: auto; float: none; } } @media (max-width:499px) { .b-filter{ height: auto; } } /*----------Filters NEW------------------*/ /** {box-sizing:border-box; outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;} *:focus {outline:none;}*/ .clearfix::after {content:""; display:table; clear:both;} /*body {position:relative; padding:0; margin:0; min-width:320px;}*/ .center {text-align:center;} /*header {height:150px; background:#ddd; text-align:center; clear:left; display:block; width:100%; padding:15px; margin-bottom:15px;} footer {height:150px; background:#ddd; text-align:center; clear:left; display:block; width:100%; padding:15px; margin-top:15px;}*/ /*#sidebar {padding:0 15px; float:none; width:auto; float:left; width:293px;}*/ #sidebar {float:left; width:270px;} /*#content {display:block; margin:0; padding:0 15px; float:none; width:auto; margin-left:293px}*/ #content {display:block; float:none; width:auto;} .filtr-panel input[type="email"].styler, .filtr-panel input[type="password"].styler, .filtr-panel input[type="search"].styler, .filtr-panel input[type="tel"].styler, .filtr-panel input[type="text"].styler, .filtr-panel input[type="url"].styler, .filtr-panel textarea.styler {padding:10px 9px 11px 9px; font:14px 'Open Sans'; border:0; box-shadow:none; background: rgba(150, 150, 150, 0.75); color:inherit;} .filtr-panel button.styler, .filtr-panel input[type="button"].styler, .filtr-panel input[type="submit"].styler, .filtr-panel input[type="reset"].styler {border:1px solid #fff; background:none; box-shadow:none; border-radius:20px; text-shadow:none; color: #fff; padding:10px 25px;} .filtr-panel button.styler:not([disabled]):hover, .filtr-panel input[type='button'].styler:not([disabled]):hover, .filtr-panel input[type='submit'].styler:not([disabled]):hover, .filtr-panel input[type='reset'].styler:not([disabled]):hover, .filtr-panel input[type='reset'].styler:hover, .filtr-panel button.styler:active, .filtr-panel input[type='button'].styler:active, .filtr-panel input[type='submit'].styler:active, .filtr-panel input[type='reset'].styler:active {background: rgba(150, 150, 150, 0.75); box-shadow:none; } .filtr-panel .jq-checkbox, .filtr-panel .jq-radio {background: rgba(150, 150, 150, 0.75); color:inherit; border:0; width:20px; height:20px; box-shadow:none} .filtr-panel .jq-radio.checked .jq-radio__div {box-shadow:none; background:#d41b54; margin:6px 0 0 6px; width:8px; height:8px;} .filtr-panel .jq-checkbox.focused, .filtr-panel .jq-radio.focused {border:0} .filtr-panel .jq-checkbox.disabled, /*.filtr-panel .jq-radio.disabled {background:#404040; opacity:1;}*/ .filtr-panel .jq-checkbox.checked, .filtr-panel .jq-radio.checked {background:#fff} .filtr-panel .jq-checkbox.checked .jq-checkbox__div {border-bottom:3px solid #d41b54; border-left:3px solid #d41b54; margin:5px 0 0 4px; width:11px; height:7px;} .polzunok-container-5 {margin-bottom:42px;} .polzunok-container-5:after {content:"";clear:both;display:table;} .polzunok-container-5 .from-to {overflow:hidden; margin-bottom:33px;} .polzunok-container-5 .from {float:left;} .polzunok-container-5 .to {float:right} .polzunok-container-5 .polzunok-input-5-left, .polzunok-container-5 .polzunok-input-5-right {width:79px; margin-left:5px;} .polzunok-container-5 .ui-slider {position:relative;background:#585858;height:5px;} .polzunok-container-5 .ui-slider .ui-slider-handle {position:absolute; margin-left:-15px; width:30px; height:30px; box-shadow:0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2); cursor:pointer; border-radius:50%; top:-13px; background:#fff; z-index:2;outline: none;} .polzunok-container-5 .ui-slider .ui-slider-handle:before {content:'–';color:#000; position:relative; top:2px; left:10px; font-size:17px;} .polzunok-container-5 .ui-slider .ui-slider-handle + .ui-slider-handle:before {content:'+'; color:#000; position:relative; top:3px; left:10px; font-size:17px;} .polzunok-container-5 .ui-slider .ui-slider-range {position:absolute; z-index:1; height:5px; border:0; background:#f4f5f5;} .filtr-panel { background: rgba(150, 150, 150, 0.75); color: #fff; padding:20px 20px 30px 20px; line-height:normal; } .polzunok-container-5 .polzunok-input-5-left, .polzunok-container-5 .polzunok-input-5-right{ background-color: rgba(150, 150, 150, 0.75) !important; color: #fff !important; opacity: 0.75; } .filtr-panel .filtr-title { font-weight:bold; margin-bottom:20px; color: #fff; } .filtr-title .rollup-filter{ border-bottom-color: #fff; border-bottom: 1px dotted; } .filtr-panel .from, .to{ color: #fff } .filtr-panel .line {display: none; font-size:0; line-height:0; height:1px; background: #fff; overflow:hidden; margin:30px 0 25px 0} .filtr-panel .options.availible {display:none} .filtr-panel .options {margin:0; padding:0; list-style:none;} .filtr-panel .options li {margin:0 0 20px; padding:0;} .filtr-panel .dark {color:#9f9fa0;} .filtr-panel .disabled {color:#7a7a7a; cursor:default;} .filtr-panel .disabled .dark {color:inherit} .filtr-panel-title { background: rgba(150, 150, 150, 0.75); line-height:normal; padding:17px 20px 15px 20px; min-height:50px; display:block; } .filtrs-open {display:block;} .filtrs-open .filtr-panel-title { display:block; background:rgba(150, 150, 150, 0.75); } .filtrs-open .filtr-panel {display:block;} .filtr-panel-title .filters-open-link.choosen {background:url(/_s/i/filters/g46/ico-filters-choosen.png) left center no-repeat;} .filtr-panel-title a, .filtr-panel-title a:hover {color: inherit; text-decoration:none} .filtr-panel-title .filters-open-link {background:url(/_s/i/filters/g46/ico-filters-open.png) left center no-repeat; padding-left:30px; float:left; display:none;} .filtr-panel-title .filters-open-ttl { float:left; color: #fff; font-size: 120%; } .filtrs-open .filters-open-link{ color: #fff; } .filtr-panel-title .sort {float:right; display:none; top:-6px; position:relative; padding-top:3px;} .filtr-panel-title .sort-field {position:relative; overflow:hidden; display:inline-block; padding:3px 20px 4px 0; border-radius:5px; margin:-1px 5px 0 5px; white-space:nowrap; vertical-align:middle;} .filtr-panel-title .sort-field:after {border:5px solid transparent; border-top:6px solid #fff; content:''; position:absolute; right:7px; top:10px;} .filtr-panel-title .sort-field select {padding:0; margin:0; height:auto; border:0; position:relative; z-index:2; width:150%; background:transparent; font-family:inherit; font-size:inherit; font-weight:bold; display:block; vertical-align:middle;} .filtr-panel-title .sort-field select option {color: #000} .filtr-panel-title .availible {white-space:nowrap; margin-left:20px;} .filtr-panel .options li label { color: #fff; } .filtr-panel .options li label.disabled{ opacity: 0.5; } .filtr-panel-title { font-weight:normal; margin-bottom:15px; color: #fff; border-radius: 10px; } .filtr-panel-title .sort {display:block;} .filtr-panel-title .sort-field {background:transparent;} .filtr-panel-title .sort-field select {color: inherit; font-weight:normal; border-bottom:1px dotted #fff;} .filtr-panel-title .sort-field:after {border-top:6px solid #fff; right:0} .filtr-panel-title .mobile-sort{ display: none; } .filtr-panel-title .sort-mobile-title{ display: none; } @media (max-width:899px) { #content .filtr-panel-title {display:none;} #content, #sidebar {width:auto; margin-left:0; float:none} .filtrs-wrapper {margin-bottom:15px;} .filtr-panel {display:none;} .filtr-panel .options.availible {display:block} .filtr-panel-title .availible {display:none;} .filtr-panel-title .sort {display:block; top:-5px;} .filtr-panel-title .sort-field {margin-top:-2px; margin-right:0; padding-left:5px;} .filtr-panel-title .filters-open-link {display:block} .filtr-panel-title .filters-open-ttl {display:none} .filtrs-open .filtr-panel-title .filters-open-link {background:url(/_s/i/filters/g46/ico-filters-close.png) left center no-repeat; } /* .block-type-menu[data-variant="menu_vertical"]{ display: none; }*/ .filtr-panel-title .mobile-sort{ display: inline-block; } .filtr-panel-title .sort-mobile-title{ float: left; margin-left: 15px; display: block; } } @media (max-width:499px) { .filtr-panel-title {font-size:11px} .filtr-panel-title .sort {top:-4px; white-space:nowrap; overflow:hidden;} .filtr-panel-title {min-height:50px; padding:17px 10px 15px 10px;} .filtr-panel-title .filters-open-link {padding-left:25px} .filtr-panel-title .sort-field {padding:2px 12px 3px 4px; margin-left:5px;width: 145px;} .filtr-panel {padding-left:34px; padding-right:34px;} .filtr-panel-title .sort-field:after {right:3px; top:8px;border:4px solid transparent;border-top:5px solid #000;} } .select2-container{ margin-bottom: 15px; } .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 0px; color: #fff; } .filters-result .collection-view-tile .catalog-collection-item{ max-width: unset; } .select2-container--default.select2-container--disabled{ opacity: 0.5; } .select2-container--default.select2-container--disabled .select2-selection--single{ background-color: unset; } .js-cancel-filters{ display: none; } /*-----------filters end--------------*/ /* Reset */ HTML { font-size: 100.1%; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR /*TH, TD*/ { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } OL, UL { list-style: none; } BLOCKQUOTE, Q { quotes: none; } :focus { outline: 0; } /*INS { text-decoration: none; }*/ DEL { text-decoration: line-through; } TABLE { border-collapse: collapse; border-spacing: 0; } body { line-height:1.2; color: #000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 81% !important; background-color: #fff !important; background-position: 0 0 !important; background-repeat: no-repeat !important; background-image: none !important; } /* Base & Common */ .cleared:after, .block-content:after, .block-type-catalogitem:after { content: ''; display: block; clear: both; } .hidden { display:none; } .italic { font-style: italic; } /********************** COLORIZE ******************/ /* headers-color = $clr_h body-color = $clr_text body-bg-color = $clr_back links-color = $clr_link links-color:hover = $clr_hover */ /* Sub Menu */ .menu-horizonal #menu ul ul { background-color: #000066; } .menu-horizonal #menu ul ul a, .menu-horizonal #menu ul ul strong { color: #fff !important; } .menu-horizonal #menu ul ul a:hover, .menu-horizonal #menu ul ul strong { background-color:#000099; } /* Cart buttons */ .fh-cart-link, .simple-order-button { background:#000033; color: #fff !important; float:right; margin-left: 10px; } .fh-cart-link:hover, .simple-order-button:hover { color: #fff !important; } .fh-cart-link.fh-cart-link_disabled, .simple-order-button.simple-order-button_disabled { cursor: wait; } /* Simple order ENABLE */ /* Cart ENABLE */ /* Cart */ .cart-dialog-wr .ui-widget-header { color:#000033; } /* Consultant */ .consultant { background-color:#000066 ; color: #fff ; } .consultant .offline-form input[type="submit"] { background-color:#000066 ; } .consultant .offline-form input[type="submit"]:hover { background-color: #000099 ; } /* Feedback */ .feedback { background-color:#000066 !important; color: #fff !important; } .feedback-content { color: #000 !important; } .feedback-content .message-title { color:#000033 !important; } .feedback-form input[type="submit"] { background-color:#000066 ; } .feedback-form input[type="submit"]:hover { background-color: #000099 ; } /* Search */ #submit-search { background-color:#000066; } #submit-search:hover { background-color: #000099 ; } /* Simple order */ .simple-order-dialog .message-body, .message.as-cart.simple-order-dialog .message-body { color: #000 !important; } .simple-order-dialog .message-title, .message.as-cart.simple-order-dialog .message-title { color:#000033; } .simple-order-dialog #order-submit { background-color:#000066 ; } .simple-order-dialog #order-submit:hover { background-color: #000099 ; } .simple-order-dialog .cencel-btn { color:#000033 !important; } /* Catalog slider */ .wrap-user-item-slider .prev, .wrap-user-item-slider .next { background-color:#000033; color: #fff ; } /* Subscribe */ .form-subscribe input[type="submit"], .form-unsubscribe input[type="submit"] { background-color:#000033; color: #fff ; } .form-subscribe input[type="text"], .form-subscribe input[type="email"], .form-unsubscribe input[type="text"], .form-unsubscribe input[type="email"] { border-color:#000033; } /* Recommended items */ .block-type-catalogitem_recommended-items .catalog-collection { border-color: #000066; } .btneditor-button { background-color:#000033; color: #fff ; } /**************************************************************/ /* Block */ .block{ } .block-title, .block-text H2, .block-text H3, .block-text H4, .block-text H5, .block-text H6, .feed-item-title{ margin:0 0 0.7em; font-weight:normal; } .block-title{ font-size:1.9em; } .block-state-edit .block-title {margin: 0;} .block-title A{ text-decoration:none; } .block-title A:hover{ text-decoration:underline; } .block-date{ opacity:0.6; margin: 0 0 0.5em; } /* Block type:header */ .block-type-header{ overflow:hidden; } /* Test */ .block-type-header-text P, .block-type-header-text.block-text P{ margin:0; padding:0; } .block-text.block-type-header-text {padding:0 !important;} /* Block type:logo */ .block-type-logo{ float:left; margin:0 30px 0 0; width:250px; /*height:80px;*/ min-height: 80px; background-repeat:no-repeat; background-image:url('http://i.phystechsoft.ru/layouts/41/b02/b7f0f971feb557b3d0273438888.png') !important; } .block-type-logo img { width: 100%; display: block; } .block-type-logo img[src=""] { max-height: 80px; } .logo-wrap-link{ text-decoration:none !important; } /* Block type:mainimg */ .block-type-mainimg, .block-type-rotator{ display:block; width:660px; height:auto; min-height:150px; overflow:hidden; background-repeat:no-repeat !important; background-position:center center !important; background-image:url('http://i.phystechsoft.ru/layouts/5e/e05/1238214666d24105e6012271248.png') !important; } .block-type-rotator { background-position:0 0 !important; padding-left: 0 !important; } .inner .block-type-mainimg, .inner .block-type-rotator{ height: auto; } BODY.mainimg-wide .block-type-mainimg, BODY.mainimg-wide .block-type-rotator { width:940px; background-image:url('http://i.phystechsoft.ru/layouts/f1/d50/68906985f1c8f226f0033ce6155.png') !important; } /* Block type:mainimg page:inner */ BODY.inner .block-type-mainimg{ height:160px; background-image:url('http://i.phystechsoft.ru/layouts/df/f53/da44e014b83bb110c82c8fdcc9f.png') !important; } BODY.inner.mainimg-wide .block-type-mainimg{ background-image:url('http://i.phystechsoft.ru/layouts/33/165/256316d9998bc4bafb3092477f6.png') !important; } /* Block type menu */ /*.block-type-menu li {position:static !important;}*/ .block-type-menu UL UL{ /*display:none !important;*/ margin:0.6em 0 0 20px; /*font-size:0.85em;*/ } .block-type-menu UL UL LI{ margin:0 0 0.5em; } /* Level menu */ .block-type-menu ul { position:relative; padding: 0; } .block-type-menu ul ul li {padding:0;} .block-type-menu ul ul {display:none;} .block-type-menu .menu-edit ul ul {display:block;} .block-type-menu ul .active> ul {display:block;} .block-type-menu ul ul.offset { left:auto; right:0; } .block-type-menu ul ul ul.offset { right:100%; left:auto; } /* Main content block */ #article .block{ margin: 0 0 30px; } #ads a {display:block;} #ads img { /*width:100%;*/ display:block; } #ads.block-state-ver img { width:auto; display:block; margin:0 auto; } /* Block type:crumbs */ .block-type-crumbs, #article .block-type-crumbs{ margin:0 0 10px; padding:0; } .block-type-crumbs .block-content, .block-form .block-content { padding:0; } .block-type-crumbs .block-content A { text-decoration: none; } .block-type-crumbs .block-content A:after, .block-type-crumbs .block-content strong:after{ content: "→"; padding:0 6px; } .block-type-crumbs .block-content a:last-child:after, .block-type-crumbs .block-content a.last-crumb:after { content: " "; padding:0; } .block-type-crumbs .icon-rss { text-indent: -9999px; width: 15px; height: 15px; top: 1px; position: relative; display: inline-block; background: url(/_s/i/rss.png) no-repeat !important; } /* Block type:feedimg (view_variant default is 'imgmix') */ .block-type-feedimg{ margin-bottom:23px; } .block-type-feedimg .feed-items{ padding:1em 0 0; line-height:1.3; } .block-type-feedimg .feed-items LI{ /*float:left;*/ margin:0 6px 20px 0; width:140px; min-height:80px; overflow:hidden; vertical-align: top; display: inline-block; text-align: left; } .block-type-feedimg .block-type-feedimg-img-wrap{ } .block-type-feedimg .feed-items IMG{ display:block; width:108px; margin:0 20px 0.2em 0; /*border:1px solid #DCDCDC;*/ } .block-type-feedimg .feed-items A{ text-decoration:none; } .block-type-feedimg .feed-items A SPAN{ display:block; overflow:hidden; margin:0 0 4px; text-decoration:underline; } .block-type-feedimg .feed-items A:hover SPAN{ /*color:#000;*/ } .block-type-feedimg .feed-item-description{ } /* Block type:feedimg view_variant:imgmix */ .block-feed-view-variant-imgmix{ } .block-feed-view-variant-imgmix .feed-items{ padding-left:310px; } .block-feed-view-variant-imgmix .feed-items LI{ /*height:165px;*/ } .block-feed-view-variant-imgmix .feed-items LI.feed-item-1, .block-feed-view-variant-imgmix .feed-items LI.accent{ margin:0 0 0 -310px; width:auto; height:auto; max-width:270px; overflow:hidden; float: left; } .block-feed-view-variant-imgmix .feed-items .feed-item-1 IMG, .block-feed-view-variant-imgmix .feed-items .accent IMG{ width:auto; } .block-feed-view-variant-imgmix .feed-item-description{ /*height:65px;*/ } .block-feed-view-variant-imgmix .feed-item-without-pic .feed-item-description{ /*height:140px;*/ } .block-feed-view-variant-imgmix .feed-items A SPAN{ height:1.2em; white-space:nowrap; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; } /* Block type:feedimg view_variant:imglarge */ .block-feed-view-variant-imglarge{ } .block-feed-view-variant-imglarge .feed-items{ padding-left:0; margin-right:-20px; text-align: center; } .block-feed-view-variant-imglarge .feed-items LI{ width:300px; max-height:300px; margin-right: 0; } .block-feed-view-variant-imglarge .feed-items LI.feed-item-1{ /*margin:0 10px -1px 0;*/ } .block-feed-view-variant-imglarge .feed-items LI.feed-item-5{ display:none; } .block-feed-view-variant-imglarge .feed-items IMG{ width:auto; } .block-feed-view-variant-imglarge .feed-items A SPAN{ height:1.2em; } .block-feed-view-variant-imglarge .feed-item-description{ /*height:65px;*/ } .block-feed-view-variant-imglarge .feed-item-without-pic .feed-item-description{ /*height:140px;*/ } /* Block type:feedimg view_variant:imgsmall */ .block-feed-view-variant-imgsmall{ } .block-feed-view-variant-imgsmall .feed-items{ padding-left:0; text-align: center; } .block-feed-view-variant-imgsmall .feed-items LI { margin-right: 17px; } .block-feed-view-variant-imgsmall .feed-items LI:last-child { margin-right: 0px; } .block-feed-view-variant-imgsmall .feed-items LI.feed-item-1{ /*margin:0 10px -1px 0;*/ } .block-feed-view-variant-imgsmall .feed-items IMG, .block-feed-view-variant-imgsmall .feed-items LI.feed-item-1 IMG{ /*width:138px;*/ width: 100%; box-sizing: border-box; } .block-feed-view-variant-imgsmall .feed-items LI.feed-item-5{ display:none; } /* Block type:feedimg view_variant:newsline */ .block-type-feedimg.block-feed-view-variant-newsline .feed-items LI { width: auto; display: block; margin: 0 0 29px 0; min-height: 0px; overflow: visible; } .block-type-feedimg.block-feed-view-variant-newsline .feed-items LI:after { content: ' '; display: block; clear: both; } .block-type-feedimg.block-feed-view-variant-newsline .feed-items LI:first-child .feed-item-title { margin-top: 0px; } .block-type-feedimg.block-feed-view-variant-newsline .feed-items .block-picture { display: block; } .block-type-feedimg.block-feed-view-variant-newsline .feed-items .block-picture img { width: auto; max-width: 175px; border: none; margin: 0; } .block-type-feedimg.block-feed-view-variant-newsline .feed-items a { text-decoration: underline; } .block-type-feedimg.block-feed-view-variant-newsline .feed-items a:hover { text-decoration: none; } /* Feed item */ .feed-item{ margin:0 0 29px; } .feed-item-title, .block-type-feeditem .block-title{ font-size:1.6em; } .feed-item-title A{ text-decoration:underline; } /*.feed-item-content{ padding:0 30px; }*/ /* Block type:footerside */ .block-type-footerside .block-text IMG, .block-type-footerside-text IMG{ max-height:3em; } .footer-down .block-type-footerside{ /*max-height:5em;*/ overflow-y:hidden; } /* Block type:footertext */ .block-type-footertext .block-text P, .block-type-footertext-text P{ padding:0; } /* Block type:counters */ .block-type-counters{ } .block-type-counters-counter{ display:inline-block; max-width:88px; max-height:150px; overflow:hidden; } .block-type-counters-counter IMG, .block-text .block-type-counters-counter IMG{ float:none; border:none; margin:0; } /* Block type:counters> counter | id:yandex-share */ .block-type-counters-counter-service-yandex-share{ max-width:none; } /* Block type:siteinfo */ .block-type-siteinfo{ padding:0.8em 0; font-size:0.85em; } /* Block field name:picture */ .block-picture{ display:none; margin: 0 auto; float:left; margin:0 20px 20px 0; overflow:hidden; background-repeat:no-repeat; background-position:center center; position: relative; } .block-picture a { position: relative; display: block; } .block-picture IMG{ display:block; } .block-state-has-picture{ } .block-state-has-picture .block-picture{ display:block; background: none; } .block-state-has-picture .block-content, .block-state-has-picture .feed-item-content{ position:relative; padding-left:0 !important; padding-right:0 !important; min-height:90px; } .block-state-has-picture .feed-item-content:after { content: ''; display: block; clear: both; } /* Block field name:picture state:standalone */ .block-state-standalone .catalog-collection.collection-view-tile .block-picture IMG{ width: auto; } /*.block-state-standalone .block-picture{ position:static; float:left; }*/ .block-state-has-picture.block-state-standalone .block-content, .block-state-has-picture.block-state-standalone .feed-item-content{ padding-left:0; min-height:200px; } .block-state-has-picture.block-state-standalone .catalog-collection.collection-view-tile .feed-item-content{ min-height: 150px; } /* Block field name:label */ /*.block-state-has-label .block-picture a {*/ /*display: block;*/ /*position: relative;*/ /*}*/ .block-state-has-label .block-picture a:after { content: ' '; border: 3px solid transparent; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; border-color: inherit; } .block-state-has-label .catalog-images .block-picture a:after { display: none; } .block-state-has-label.label-color-green .block-picture a:after { border-color: #3d7518; } .block-state-has-label.label-color-yellow .block-picture a:after { border-color: #ffc412; } .block-state-has-label.label-color-red .block-picture a:after { border-color: #ad2d2d; } .block-state-has-label.label-color-purple .block-picture a:after { border-color: #7900a1; } .item-label { display: none; position: absolute; left: 0px; top: 19px; width: 90px; text-align: center; padding: 3px; } .block-state-has-label .item-label { display: block; } .label-color-green .item-label { background-color: #3d7518; color: #fff; } .label-color-yellow .item-label { background-color: #ffc412; color: #000; } .label-color-red .item-label { background-color: #ad2d2d; color: #fff; } .label-color-purple .item-label { background-color: #7900a1; color: #fff; } .feed-items .block-state-has-label a { position: relative; display: block; } .feed-items .item-label { top: 12px; } .feed-items .block-state-has-label img { border: 3px solid transparent; } .feed-items .block-state-has-label.label-color-green img { border-color: #3d7518; } .feed-items .block-state-has-label.label-color-yellow img { border-color: #ffc412; } .feed-items .block-state-has-label.label-color-red img { border-color: #ad2d2d; } .feed-items .block-state-has-label.label-color-purple img { border-color: #7900a1; } /* Promo */ .banner{ display:block; position:relative; width:240px; height:60px; margin:0 0 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; background-repeat:no-repeat; background-position:center center; text-decoration:none; } BODY.banners-inline .banner{ display:inline-block; } /* .banner-1{ background-image:url('http://i.phystechsoft.ru/layouts/93/441/7ba7b61b0b823102c49d4b6d672.png') !important; } .banner-2{ background-image:url('http://i.phystechsoft.ru/layouts/f4/a84/e56740ac6ce8b4bf4b8d97563b5.png') !important; } .banner-3{ background-image:url('http://i.phystechsoft.ru/layouts/38/eae/6c7b88d50ba30700f39bfdb9e29.png') !important; } */ /* Banner caption */ .banner-caption{ display:block; position:absolute; text-align:center; overflow:hidden; background:#DDD; background:rgba(255,255,255,0.9); font-weight:bold; font-size:1.15em; } /* Banner caption pos:right */ .banner-caption-pos-right .banner-caption, .banner-caption-pos-1 .banner-caption{ top:0; right:0; width:100px; } .banner-caption-pos-right .banner-caption-core, .banner-caption-pos-1 .banner-caption-core{ display:table-cell; vertical-align:middle; padding:0 5px 0 10px; text-align:left; height:60px; } /* Banner caption pos:left */ .banner-caption-pos-left .banner-caption, .banner-caption-pos-3 .banner-caption{ top:0; left:0; width:100px; } .banner-caption-pos-left .banner-caption-core, .banner-caption-pos-3 .banner-caption-core{ display:table-cell; vertical-align:middle; padding:0 5px 0 10px; text-align:left; height:60px; } /* Banner caption pos:top */ .banner-caption-pos-top .banner-caption, .banner-caption-pos-0 .banner-caption{ top:0; right:0; left:0; max-height:50px; padding:0.1em 5px; } /* Banner caption pos:bottom */ .banner-caption-pos-bottom .banner-caption, .banner-caption-pos-2 .banner-caption{ right:0; bottom:0; left:0; max-height:50px; padding:0.1em 5px; } /* Block type:gallery */ .block-type-gallery{ } /* Block text type:gallery */ .block-type-gallery-text{ margin-bottom:20px; } /* Gallery collection */ .gallery-collection{ margin:0 0px 0 0; text-align: center; } /* Gallery collection item */ .gallery-collection-item, #article .gallery-collection-item{ display: inline-block; vertical-align: top; width:154px; min-height:170px; overflow:hidden; margin:0 4px 15px 4px; padding:0 !important; text-align: left; } /* Gallery collection item link */ .gallery-collection-item-link{ display: block; } /* Gallery collection item img wrap */ .gallery-collection-item-img-wrap{ display:block; width:154px; /* height:130px; */ height: auto; margin:0 0 5px; overflow:hidden; } /* Gallery collection item img */ .gallery-collection-item-img{ width:154px; } /* Gallery collection item title */ .gallery-collection-item-title{ font-size:1.15em; } /* Block type:album */ .block-type-album{ } /* Gallery collection | type:pix */ .gallery-collection-type-pix{ } .gallery-collection-type-pix .gallery-collection-item, #article .gallery-collection-type-pix .gallery-collection-item{ width:151px; /* height:123px; */ height: auto; min-height: inherit; overflow:hidden; margin:0 4px 10px 4px; padding:0 !important; } .gallery-collection-type-pix .gallery-collection-item-img-wrap{ margin:0; } .gallery-collection-type-pix .gallery-collection-item-img{ width:154px; display: block; } .gallery-collection-type-pix .gallery-collection-item-title{ display:none; } /* Block type photo */ .user-album-slider img { max-width: 210px; width: 210px; } /* Block type:catalog */ .block-type-catalog{ } /* Catalog collection */ .catalog-collection{ } /* Catalog collection item */ .catalog-collection-item:after, #article .catalog-collection-item:after { content: ''; display: block; clear: both; } .catalog-collection-item, #article .catalog-collection-item{ float:none; position:relative; width:auto; margin-bottom:20px; } .catalog-collection-item.block-state-editable, #article .catalog-collection-item.block-state-editable{ min-height:50px; } .catalog-collection-item-title{ display:block; line-height:1.3; margin:0 0 0.3em; font-weight:bold; font-size:1em; } A .catalog-collection-item-title { text-decoration:underline; } /* Catalog collection item | type:dir */ .catalog-collection-item-type-folder{ min-height:40px; } .catalog-collection-item-type-folder .catalog-collection-item-title{ font-size:1.33em; } .catalog-collection-item-type-folder .catalog-collection-item-title{ position:relative; } .catalog-collection-item-type-folder .catalog-collection-item-title:after{ display: none; position:absolute; top:-5px; left:10px; width:30px; height:30px; content:' '; background:url('/_s/i/catalog_dir_small.png') no-repeat center; } .catalog-collection-item-type-folder.block-state-has-picture .catalog-collection-item-title{ position: relative; padding-left:0; } .catalog-collection-item-type-folder.block-state-has-picture .catalog-collection-item-title:after{ display:none; } /* Tile catalog view */ .collection-view-tile { text-align: center; } .collection-view-tile .catalog-collection-item, #article .collection-view-tile .catalog-collection-item { width: 33%; display: inline-block; vertical-align: top; text-align: center; position: relative; margin: 0 0 40px -4px; padding: 0 15px; box-sizing: border-box; } #article .collection-view-tile.catalog-slider-3d .catalog-collection-item { box-sizing: content-box; } .Editor-page #article .collection-view-tile.catalog-slider-3d .catalog-collection-item { box-sizing: border-box; } .collection-view-tile .block-state-hot .catalog-collection-item-content:before { content: ""; position: absolute; width: 110%; height: 110%; left: -5%; top: -5%; -webkit-box-shadow: 0 0 10px #FFD700; -moz-box-shadow: 0 0 10px #FFD700; -o-box-shadow: 0 0 10px #FFD700; box-shadow: 0 0 10px #FFD700; } .collection-view-tile .catalog-collection-item:hover .catalog-collection-item-content:before { content: ""; position: absolute; width: 110%; height: 110%; left: -5%; top: -5%; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); } .collection-view-tile .catalog-collection-item-content { padding: 0; } .collection-view-tile .catalog-collection-item-title, .collection-view-tile .catalog-collection-item-title.block-title { /*font-size: 18px !important;*/ font-size: 1.2em !important; position: relative; } .collection-view-tile .catalog-collection-item-type-folder { min-height: inherit; } .collection-view-tile .catalog-collection-item-type-folder .catalog-collection-item-title { font-size: 12px; position: relative; line-height: 24px; margin: 0; } .collection-view-tile .catalog-collection-item .block-picture { margin: 0 auto 10px auto; width: auto; height: auto; float: none; /*border: none;*/ position: relative; left: 0; top: 0; overflow: visible; max-width: inherit; display: block; } .collection-view-tile .catalog-collection-item-link { display: block; word-wrap: break-word; } .collection-view-tile .catalog-collection-item .block-picture img { max-width: 100%; /*max-height: 100%;*/ width: auto; height: auto; margin: 0 auto; display: block; } .collection-view-tile .block-price { padding: 0; margin: 0 0 10px; font-size: 1.1em; float: none; position: relative; } .collection-view-tile .item-desc-select { float: right; width: 150px; } /*.collection-view-tile .fh-cart-fast-order { margin-top: 5px; }*/ .collection-view-tile .block-state-hot { background: none; } .collection-view-tile .item-desc-row.row-params-alert { font-size: 12px; } .block-state-hot{ background:rgba(246,146,30,0.2); padding:5px } .block-state-standalone.block-state-hot { background:none; } /*.block-type-catalogitem-text { clear: left; }*/ .block-type-catalogitem-text .catalogitem-text-title { font-size: 1em; font-weight: bold; } /* Old price field */ .old-price { padding: 1em 5px; font-weight:bold; font-style:italic; text-decoration:line-through; color:#ad2d2d; white-space: nowrap; } .collection-view-tile .old-price { /*display: block;*/ padding: 0; } /* Price field */ .block-price{ font-weight:bold; font-style:italic; font-size: 1.1em; clear: both; } .price { white-space: nowrap; } /* Blocks positioning */ /* Couple of blocks in line */ .blocks-row-2{ } .blocks-row-2 .block, #article .blocks-row-2 .block{ float:left; width:46%; /* min-height:150px; */ } .blocks-row-2 .block.block-id-right, #article .blocks-row-2 .block.block-id-right {float: right;} .blocks-row-2 .block-title, .blocks-row-2 .block-content{ /*margin-right:15px;*/ display:block; } .blocks-row-2 .block:last-child .block-title, .blocks-row-2 .block:last-child .block-content{ margin-right:0; } .blocks-row-2 .block-state-edit, #article .blocks-row-2 .block-state-edit{ margin-left:-1px; margin-right:-1px; } /* Row with hidden block(s) */ .hide-left .blocks-row-2 .block, .hide-left #article .blocks-row-2 .block, .hide-right .blocks-row-2 .block, .hide-right #article .blocks-row-2 .block{ float:none; width:auto; } .hide-left .blocks-row-2 .block-title, .hide-right .blocks-row-2 .block-title, .hide-left .blocks-row-2 .block-content, .hide-right .blocks-row-2 .block-content{ margin-right:0; } .hide-left.hide-right .blocks-row-2{ display:none; } /* Three blocks in line */ .blocks-row-3{ margin-right:-20px; } .blocks-row-3 .block, #article .blocks-row-3 .block{ float:left; width:29%; margin-right:30px; min-height:150px; } .blocks-row-3 .block-content{ } /* Default view */ A{ color:#00659B; } A:hover{ color:#000; } .block-text{ } .block-text P{ padding:0 0 0.8em; } .block-text H2, .block-text H3{ margin-top:1em; } .block-text H2{ font-size:1.6em; } .block-text H3{ font-size:1.4em; } .block-text H4{ font-size:1.15em; font-weight:bold; } .block-text img { /*border:1px solid #DCDCDC;*/ margin:0 16px 10px 0; } .block-text iframe { margin:0 16px 10px 0; } /* Text content common rules */ .textcontent UL, .textcontentt OL{ margin:0 0 0.8em; padding:0 0 0 10px; text-align:left; } .textcontent UL LI{ position:relative; margin:0 0 0.5em; padding:0 0 0 15px; overflow:hidden; } .textcontent UL LI:before{ display:block; position:absolute; top:0.4em; left:0; width:4px; height:4px; content:' '; background:#666; background:#000 !important; } .textcontent OL{ list-style:decimal; color: #000; } .textcontent OL LI{ margin:0 0 0.5em 20px; } .textcontent TABLE, .Editor-page .textcontent TABLE { border:1px solid #9D9D9D; border-width:1px 1px 0 0; } .textcontent TABLE TD, .textcontent TABLE TH{ border:1px solid #9D9D9D; border-width:1px; } .Editor-page .textcontent table th, .Editor-page .textcontent table td { border-style: dashed; } /* Table with no border */ .textcontent TABLE.no-border{ border:none !important; } .textcontent TABLE.no-border TD, .textcontent TABLE.no-border TH{ border:none !important; } /* Viewset specificity */ /* Link */ a, .pseudo-link { color: #000066 !important; } .item-colors-select:checked + .item-colors-ring { border-color: #000066 !important; } .pseudo-link.reset-styles { float: left; margin-left: 20px; } a:hover, .pseudo-link:hover, .block-title a:hover, .feed-item-title a:hover { color: #000 !important; } .item-colors-select:hover + .item-colors-ring, .item-colors-select:focus + .item-colors-ring { border-color: #000 !important; } /* H1 and analogues */ h1, .block-title, .block-title a, .feed-item-title, .feed-item-title a, .accenter, .block-text h1, .block-text h2, .block-text h3, .block-text h4, .block-text h5 { color:#000033 !important; } /* Block headers */ h1, .block-title, .feed-item-title, .block-text h1 { font-size: 1.66em !important; } /* Text headers */ .block-text h2 { font-size: 1.5em !important; } .block-text h3, .block-text h4, .block-text h5 { font-size: 1.3em !important; } /* Catalog item header */ .catalog-collection-item-title.block-title { font-size: 1.3em !important; } /* Footer */ #footer{ overflow:hidden; background-repeat:repeat-x; /* */ /* Looks ugly in all grids */ text-align:left; } /* Page layout styles */ HTML{ height:100%; } .global-widther{ margin:0 auto; width:940px; padding:0 20px; text-align:left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Columns */ .column-wrapper{ } .column-main{ float:left; width:100%; } .column-main-core{ min-height:1px; /* Avoid collapsing */ margin-left:280px; } .column-main-core:after { content: ''; display: block; clear: both; } .column-aside{ float:left; width:240px; margin:0 0 0 -100%; position: relative; } #ads-core {text-align:center;} /* Pagestyle:footer-down */ BODY.footer-down{ height:100%; } /* Heighter */ BODY.footer-down .footer-down-heighter{ position:relative; text-align:center; min-height:100%; } /* * Footer pagestyle:footer-down * XXX: Default footer height is 12em. Can be overridden in grid css */ BODY.footer-down #footer{ position:absolute; top:100%; left:0; min-height: 167px; /*height: 212px;*/ width:100%; margin: -13em 0 0; } /* * Footer size holder * XXX: Must be overridden if footer height changed */ BODY.footer-down .footer-down-holder{ padding-bottom:13em !important; } /* Pagestyle:footer-down state:footer-extended */ BODY.footer-down.footer-extended{ } BODY.footer-down.footer-extended #footer{ height:20em; } BODY.footer-down.footer-extended .footer-down-holder{ padding-bottom:21em !important; } /* Paginator */ .paginator{ padding:15px; font-size:1.15em; } .paginator-title{ margin:0 0.5em 0 0; font-weight:bold; } .paginator-list{ display:inline-block; } .paginator-list LI{ display:inline-block; margin:0; } .paginator-list LI A, .paginator-list LI STRONG{ display:block; padding:0.3em 0.5em 0.5em; } .paginator-list LI A:hover{ background:rgba(246,146,30,0.1); } .paginator-list LI STRONG{ background:rgba(246,146,30,0.2); } /** * Common text formatting styles included classes defined by user in wysiwyg dropdowns * Must be included in wysiwyg and all grids in both regimes: edit and view */ .weak{ font-size:0.8em; } .accent{ font-size:1.15em; } .highlighted{ background:#FF0; } .block-text IMG{ max-width:100%; } .block-text table IMG { max-width:inherit; } .accenter{ font-size:1.8em; } .weaker{ font-size:0.9em; } /* YMaps overriding */ .block-text .YMaps IMG{ max-width:none; } .textcontent .YMaps UL{ margin:0; padding:0; } .textcontent .YMaps UL LI{ margin:0; padding:3px 8px; } .textcontent .YMaps UL LI:before{ display:none; } /* ya-share2 */ .textcontent .ya-share2 ul li { margin:5px 4px 5px 0; padding:0; } .textcontent .ya-share2 ul li:before{ display:none; } .block-text h3.block-text__title { margin: 0 0 10px; } .setup-bottom-panel--txt, .setup-bottom-panel--txt:hover { color: #fff !important; } .setup-bottom-panel--button, .setup-bottom-panel--button:hover { color: #000 !important; } .block-picture .is-second-picture:hover img, .block-picture .item-second-picture { display: none; } .block-picture .is-second-picture:hover .item-second-picture { display: block; } .block-type-form .col-lg-6 { display: inline-block; width: 50%; } .block-type-form .col-lg-4 { display: inline-block; width: 32.33%; } .block-type-form .col-lg-3 { display: inline-block; width: 23.333%; } .quick-view-items { display: none; } .quick-view-item { min-width: 700px; max-width: 900px; } @media screen and (max-width: 900px) { .quick-view-item { min-width: auto; } } .quick-view-item-price .block-price { /*font-size: 30px; color: #000;*/ } .price-wrapper .quick-view-item-price .simple-order-button, .price-wrapper .quick-view-item-price .fh-cart-link { display: inline-block; text-decoration: none; background:#000033; color: #fff !important; } .quick-view-item-more { font-size: 18px; text-align: center; text-decoration: underline; } .quick-view-item-more:hover { text-decoration: none; } .quick-view-item-buttons { text-align: center; } .quick-view-item-buttons a { display: inline-block; text-decoration: none; } .quick-view-icon { cursor: pointer; position: absolute; display: none; left: 0; right: 0; bottom: 0; padding: 10px 0; background: rgba(255,255,255,.7); z-index: 5; margin: auto; text-align: center; } .quick-view-icon i { color: #000; font-size: 25px; display: inline-block; vertical-align: middle; margin-right: 5px; } .quick-view-icon span { display: inline-block; vertical-align: middle; margin-left: 5px; color: #000; font-size: .9em; } .block-picture:hover .quick-view-icon { display: block; } .params-outer-quick-view-item { text-align: right; } .params-outer-quick-view-item .item-params .item-desc-row { overflow: hidden; } .params-outer-quick-view-item .item-params .item-desc-text { float: left; } .item-params-outer .item-params .item-desc-text { float: left; } .params-outer-quick-view-item .block-price { display: block; float: none; } .params-outer-quick-view-item .simple-order-button, .params-outer-quick-view-item .fh-cart-link { display: inline-block; vertical-align: middle; text-decoration: none; float: none; background:#000033; color: #fff !important; } /*настройка вывода товаров списком если выбран тип отображения список в каталоге*/ .catalog-list-type-view .collection-view-tile{ text-align: unset; } .catalog-list-type-view .collection-view-tile .catalog-collection-item, #article .catalog-list-type-view .collection-view-tile .catalog-collection-item{ width: auto; display: block; position: relative; margin: 0 0 20px 0; padding:unset; box-sizing: unset; text-align:unset; } /*.catalog-list-type-view .collection-view-tile .catalog-collection-item-title, .catalog-list-type-view .collection-view-tile .catalog-collection-item-title.block-title { font-size: 1.33em !important; }*/ .catalog-list-type-view .collection-view-tile .catalog-collection-item:hover .catalog-collection-item-content:before{ width: 0; height: 0; } .catalog-list-type-view .collection-view-tile .catalog-collection-item .block-picture { float: left; margin: 0 20px 20px 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; position: relative; } .catalog-list-type-view .collection-view-tile .block-price{ font-style: normal !important; font-size: 16px; float: left; padding-bottom: 15px; padding-top: 5px; } .catalog-list-type-view .collection-view-tile .fh-cart-link, .catalog-list-type-view .collection-view-tile .fh-cart-fast-order, .catalog-list-type-view .collection-view-tile .simple-order-button { float: right; } /*.sort-catalog .sort-catalog-avaible-option input{ margin-top: 1px; margin-left:0px; }*/ .collection-view-tile .item-not-available{ float: right; margin-top: 6px; font-size: 14px; } .collection-view-tile .item-desc-text{ font-weight: bold; } .collection-view-tile .pictures-collection { float: none; margin: 0; } .b-filter { min-height: 22px; } /*============================================================*/ /* Touch device */ .mobile .someClass { color: #DDD; } .mobile-only { position: absolute; left: -99999px; } .on-mobile-divice-show{ display: none; } .on-desctop-divice-show{ display: block; } /* Mobile devices */ @media (max-width: 768px) { .mobile-only { position: static; left: auto; } .on-desctop-divice-show{ display: none; } .on-mobile-divice-show{ display: block; } .desktop-only { position: absolute; left: -99999px; } body { padding-top: 45px; margin-top: 0 !important; } /*.uptl_container { display: none !important; }*/ #section-0.pinned { position: static; box-shadow: none; } #section-0, #section-1, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7, #section-8, #section-9, #section-10 { /*padding-bottom: 0;*/ /*overflow: hidden;*/ /*Нужно для того что бы юзверы пихали все что угодно а сайт не тянулся в ширину*/ /*min-height: inherit; padding-top: 15px;*/ } #section-0 .container, #section-1 .container, #section-2 .container, #section-3 .container, #section-4 .container, #section-5 .container, #section-6 .container, #section-7 .container, #section-8 .container, #section-9 .container, #section-10 .container { min-height: inherit; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 { padding-top: 10px; padding-bottom: 10px; } .padding-ver_small.col-xs-1, .padding-ver_small.col-sm-1, .padding-ver_small.col-md-1, .padding-ver_small.col-lg-1, .padding-ver_small.col-xs-2, .padding-ver_small.col-sm-2, .padding-ver_small.col-md-2, .padding-ver_small.col-lg-2, .padding-ver_small.col-xs-3, .padding-ver_small.col-sm-3, .padding-ver_small.col-md-3, .padding-ver_small.col-lg-3, .padding-ver_small.col-xs-4, .padding-ver_small.col-sm-4, .padding-ver_small.col-md-4, .padding-ver_small.col-lg-4, .padding-ver_small.col-xs-5, .padding-ver_small.col-sm-5, .padding-ver_small.col-md-5, .padding-ver_small.col-lg-5, .padding-ver_small.col-xs-6, .padding-ver_small.col-sm-6, .padding-ver_small.col-md-6, .padding-ver_small.col-lg-6, .padding-ver_small.col-xs-7, .padding-ver_small.col-sm-7, .padding-ver_small.col-md-7, .padding-ver_small.col-lg-7, .padding-ver_small.col-xs-8, .padding-ver_small.col-sm-8, .padding-ver_small.col-md-8, .padding-ver_small.col-lg-8, .padding-ver_small.col-xs-9, .padding-ver_small.col-sm-9, .padding-ver_small.col-md-9, .padding-ver_small.col-lg-9, .padding-ver_small.col-xs-10, .padding-ver_small.col-sm-10, .padding-ver_small.col-md-10, .padding-ver_small.col-lg-10, .padding-ver_small.col-xs-11, .padding-ver_small.col-sm-11, .padding-ver_small.col-md-11, .padding-ver_small.col-lg-11, .padding-ver_small.col-xs-12, .padding-ver_small.col-sm-12, .padding-ver_small.col-md-12, .padding-ver_small.col-lg-12, .padding-ver_small.col-xs-13, .padding-ver_small.col-sm-13, .padding-ver_small.col-md-13, .padding-ver_small.col-lg-13, .padding-ver_small.col-xs-14, .padding-ver_small.col-sm-14, .padding-ver_small.col-md-14, .padding-ver_small.col-lg-14, .padding-ver_small.col-xs-15, .padding-ver_small.col-sm-15, .padding-ver_small.col-md-15, .padding-ver_small.col-lg-15, .padding-ver_small.col-xs-16, .padding-ver_small.col-sm-16, .padding-ver_small.col-md-16, .padding-ver_small.col-lg-16 { padding-top: 6px; padding-bottom: 6px; } .menu_mobile-toggler { display: block; } .menu_horizontal { display: none; } /*#section-2 .menu_vertical .menu__item__link, .menu_vertical .menu__item__link, #section-2 .menu_vertical .menu__item__text, .menu_vertical .menu__item__text { color: #fff; }*/ .block-text iframe { width: 100%; min-width: 250px; /*max-height: 200px;*/ } .block-text img { max-width: 100% !important; height: auto !important; } .block-type-logo, .block-type-logo img { margin: 0 auto; background-position: top center; } .block-type-header { margin-bottom: 0; } .block-type-header-text .accenter a { color: inherit !important; } .cart-informer-wrapper { text-align: center; } .cart-informer-wrapper:empty { display: none; } .price-wrapper .block-price { float: none; } .price-wrapper .fh-cart-link { line-height: 35px; font-size: 22px; float: none; } .price-wrapper .fh-cart-fast-order { float: none; } .pictures-collection .block-picture { margin-bottom: 0; } .container { max-width: 100%; min-width: 100%; padding: 0 10px; } .fh-cart-informer, .fh-cart-informer.right-top { min-width: 100%; border-radius: 5px; z-index: 9998; } .catalog-collection-item, .collection-view-tile .catalog-collection-item, #article .collection-view-tile .catalog-collection-item, .full-width .catalog-collection-item, .full-width .collection-view-tile .catalog-collection-item, .full-width #article .collection-view-tile .catalog-collection-item { width: 100%; max-width: 100%; padding: 0; } .catalog-collection.collection-view-tile.catalog-slider-tile { margin: 0 auto; } .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item, #article .block-goods-view-variant-sly .catalog-collection.catalog-slider-sly .catalog-collection-item { width: 145px; } .catalog-collection-item .block-price .price { font-size: 1.5em; } .block-feed-view-variant-imgmix .feed-items { padding: 0 !important; /*margin: 0 -10px;*/ } .block-type-feedimg .feed-items li, .block-feed-view-variant-imgmix .feed-items li.feed-item-1, .block-feed-view-variant-imgmix .feed-items li.accent { margin: 0 6px 30px 6px !important; float: none; display: block; max-width: 100%; min-height: inherit; width: 100%; } .block-feed-view-variant-imgsmall .feed-items li:nth-child(n+5) { display: none; } .col-xs-16 .block-type-feedimg .feed-items li { width: 100%; padding: 0 10px; } .block-type-feedimg .feed-items img { margin: 0 0 10px; } .catalog-collection-item, .collection-view-tile .catalog-collection-item, #article .collection-view-tile .catalog-collection-item, .full-width .catalog-collection-item, .full-width .collection-view-tile .catalog-collection-item, .full-width #article .collection-view-tile .catalog-collection-item { width: 100%; margin: 0 0 20px !important; padding: 0; } /* .item-desc-select, .item-desc-value, .item-colors, .collection-view-tile .row-vendorCode .item-desc-value, .collection-view-tile .row-vendorCode .item-desc-text { display: block; float: none; text-align: left; width: 100%; } */ /* Form ------- */ .block-type-form.form-orient-horizontal form { display: block; } .block-type-form.form-orient-horizontal .form-group { float: none; display: block; width: 100%; } .block-type-form.form-orient-horizontal .feedback-submit-block { float: none; } /* Block picture */ .block-picture img { margin: 0; } /* Image popup */ #ipix-fullview { position: fixed !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; } #ipix-fullview-core { width: auto !important; height: auto !important; /*position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ } #ipix-fullview-img { width: 100% !important; height: 100% !important; } #ipix-fullview-img> img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } #ipix-fullview-close { right: 0 !important; top: 0 !important; } .block-type-menu { text-align: left; } /*.menu_vertical.menu_mobile .block-type-menu .menu { background-color: transparent; }*/ .gallery-collection { margin: 0 0 20px 0; } .gallery-collection-item { width: 100% !important; margin: 0 0 15px 0; text-align: center; } .gallery-collection-item-img { display: inline-block; } .block-type-form { width: 100% !important; } .feeditems-collection li { width: 100%; } /*.section.section_main-img, .section.section_main-img .container { min-height: inherit !important; } .rotator li { height: auto !important; }*/ .section_main-img .container { padding: 0; } .section.section_menu, .section.section_menu .container { padding: 0 !important; } .footer .row { margin: 0; } /* Reset dialog ------------------- */ .dialog-reset.ui-dialog { width: 100% !important; z-index: 1000000; } .dialog-holder, .dialog-reset.ui-dialog .ui-dialog-content { padding: 10px; } .dialog-content .close-dialog { right: 10px; top: 10px; } .dialog-content .message-title { padding: 0 20px 0 0; margin-bottom: 20px; text-align: center; } /* Feedback & Simple order ------------------- */ .dialog-content.feedback-content .message-title, .dialog-content.simple-order-content .message-title { padding-right: 35px; text-align: left; } .c.form { overflow: visible; } .c.form:after { content: ''; display: block; clear: both; } .c.form .left-l, .c.form .right-r { float: none; width: 100%; position: relative; } .c.form .right-r:after { content: ''; display: block; clear: both; } .c.form label { line-height: 30px; } .c.form .row input { width: 100%; margin: 0; font-size: 20px; float: none; } .c.form .row input[type=file] { font-size: 12px; } .c.form textarea { width: 100%; margin: 0; font-size: 20px; float: none; } .dialog-content .c.form .field-error { display: block; max-width: 100%; line-height: 2; background: none; padding: 0; margin: 0; } .c.form .row-submit { padding-bottom: 15px; } .c.form .row-submit .left-l { display: none; } .c.form .row-submit .right-r { text-align: center; } .c.form .site-submit { margin: 0 5px 0 0; float: none; display: inline-block; } .dialog-content .c.form .cancel-btn { margin-top: 20px; float: none; display: inline-block; } .c.form .throbber-box { float: none; padding: 0; width:45px; height:45px; top: 13px; left: 5px; position: absolute; } /* News */ .feed-item { width: 100%; margin: 0 0 10px; } .block-type-catalogitem { margin-bottom: 0; } /* Cart informer */ .fh-cart-informer .fh-cart-items-price, .fh-cart-informer .fh-cart-button, .fh-cart-informer .fh-cart-empty-price { display: none; } .fh-cart-informer, .fh-cart-informer.right-bottom, .fh-cart-informer.right-top, .fh-cart-informer.left-bottom, .fh-cart-informer.left-top { position: fixed; top: 10px; right: 10px; left: auto; bottom: auto; /*background: none; border: none;*/ border-radius: 5px; min-width: inherit; /*box-shadow: none;*/ z-index: 10000; padding: 0; } .fh-cart-informer .fh-cart-counter, .fh-cart-informer.light .fh-cart-counter, .fh-cart-informer.dark .fh-cart-counter { background: none; text-shadow: none; border: none; margin: 0 0 0 7px; float: none; font-size: 13px !important; line-height: 25px; /*color: #000066;*/ padding-left: 35px; display: inline-block; } .fh-cart-empty-price-mobile { display: inline-block; } /* */ .fh-cart-informer .fh-cart-counter:after { width: auto; height: auto; content: "\f07a"; font-family: "FontAwesome"; background: none; } /* Consultant */ .consultant { background-color: #000066; color: ; } .consultant.initial, .consultant.closed { width: auto; background: none; box-shadow: none; left: 0; } .consultant.initial:after, .consultant.closed:after { content: "\f1d7"; font-family: "FontAwesome"; display: block; padding: 2px 10px 0; font-size: 25px; border-radius: 5px 5px 0 0; background-color: #000066; } .consultant.initial .header, .consultant.closed .header { width: 100%; position: absolute; left: 0; bottom: 0; top: 0; z-index: 1000; } .consultant.initial .header .title, .consultant.initial .header .close, .consultant.initial .header .mute, .consultant.closed .header .title, .consultant.closed .header .close, .consultant.closed .header .mute { display: none; } .modal-box .ui-dialog-titlebar-close, .ui-dialog.modal-box.dialog-reset .ui-dialog-titlebar-close { right: 5px; } /* Reviews */ .block-text.block-type-catalogitem-reviews h2 { margin-bottom: 10px; } .block-type-catalogitem-reviews .add-review { position: static; margin: 0 10px; } .block-type-catalogitem-reviews .review-form .form-row> div:first-child { width: auto; float: none; } .block-type-catalogitem-reviews .review-form .form-row> div:last-child { width: auto; float: none; } /* Search ------------------ */ .dialog-search-outer.ui-dialog { width: 100% !important; /* smash inline style */ z-index: 1000000; } .reset-dialog-ui .dialog-search.ui-dialog-content { padding: 0 10px; } .search-header { margin: 0 -10px; } .search-header .close-dilaog { right: 5px; top: 5px; } .search-header input[type=text] { width: 100%; float: none; margin: 0 0 20px; } .search-header button { height: 30px; width: 100%; margin-bottom: 20px; } .index-message { position: static; display: block; } .block-type-mainimg, .block-type-rotator { min-height: inherit; } .setup-bottom-panel--txt { left: 30px; } a.btneditor-button { padding:10px 25px !important; height: unset !important; white-space: normal !important; line-height: normal !important; } .lb-closeContainer{ top: 50px; } } @media (min-width: 640px) and (max-width: 768px) { .col-xs-16 .block-type-feedimg .feed-items li { width: 50%; display: inline-block; padding: 0 10px; } .uptl_container { display: none !important; } .catalog-collection.collection-view-tile { margin-bottom: -30px !important; } .catalog-collection-item, .collection-view-tile .catalog-collection-item, #article .collection-view-tile .catalog-collection-item, .full-width .catalog-collection-item, .full-width .collection-view-tile .catalog-collection-item, .full-width #article .collection-view-tile .catalog-collection-item { width: 45%; margin-left: 10px !important; } } @media (max-width: 640px) { section> .block-title { text-align: center; } .block-price { font-size: 14px; } /*.col-xs-16 .block-type-feedimg .feed-items li { width: 50%; padding: 0 10px; display: inline-block; }*/ /* .collection-view-tile .catalog-collection-item, #article .collection-view-tile .catalog-collection-item:last-child, .full-width .collection-view-tile .catalog-collection-item, .full-width #article .collection-view-tile .catalog-collection-item { margin-bottom: 0 !important; } */ .catalog-slider-sly .item-label { width: 100%; font-size: 14px; top: 0px; max-width: 100%; padding: 3px 0 3px 0; /*line-height: 16px;*/ } .setup-bottom-panel--txt { font-size: 10px; left: 20px; } } @media (max-width: 570px) { .setup-bottom-panel--txt { font-size: 8px; left: 13px; } .setup-bottom-panel--logo { right: 30px; } } @media (max-width: 450px) { /*.catalog-slider-sly .item-label { display: none; }*/ .setup-bottom-panel--txt { display: none; } .setup-bottom-panel--logo { display: none; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 992px) { .container { max-width: 100%; min-width: 100%; padding: 0 10px; } .catalog-collection-item { width: 32%; margin-left: -5px; } /* .feed-item { width: 50%; } */ } @media (max-width: 1024px) { .price-wrapper .fh-cart-link { line-height: 35px; font-size: 22px; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* Cart, Cabinet ----------- */ @media only screen and (max-width: 768px) { .accessibility__btn { position: absolute; top:45px; } .block-type-logo { display: block; margin: 0 auto; } .slide-text { top:3px !important; left:30px !important; } .cart-accordion, .cart-accordion.accordion-reset { padding: 0; } .items-list { font-size: 0.65em; } .items-list td input { width: 30px; font-size: 1em; margin-right: 3px !important; } .items-list td.cell3 { width: 130px; } .items-list tfoot, .items-list tfoot td .totalcost-wr, .items-list tfoot td strong { font-size: 1.1em; } .cart-dialog #cart-form { padding: 0 20px; } .form-row input[type=text], .form-row input[type=email], .form-row input[type=number] { display: block; width: 100%; height: 35px; float: none; } .summary-holder textarea { width: 95%; margin: 0; } .result-info-list dt { width: 220px; } .cart-dialog .center { text-align: center; } .cabinet-dialog.dialog-reset.ui-dialog.ui-widget-content { width: 100% !important; z-index: 100000; position: absolute; } .cabinet-dialog.dialog-reset .close-dilaog { top: 17px; } .dialog.cabinet-dialog .exit-dialog { right: 50px; top: 17px; } .cabinet-dialog.dialog-reset .dialog-title { margin: -10px -10px 20px; } .cabinet-dialog .row.horizontal-align { margin-bottom: 10px; } .cabinet-form .row.horizontal-align label { font-size: 16px; float: none; width: 100%; } .row.horizontal-align input[type=text], .row.horizontal-align input[type=password], .cabinet-form input[type=text], .cabinet-form input[type=password] { width: 100%; font-size: 20px; float: none; height: auto; padding: 5px 10px; line-height: inherit; } .cabinet-form .submit-button { margin-right: 0; } span.horizontal-error { margin-left: 0; padding-top: 5px; } .row.w410, .row.w410 input, .cabinet-form .fieldset { width: 100%; } .cabinet-form fieldset { margin: 0 -10px -10px; padding: 20px 10px; } .cabinet-form .sub-row { padding-left: 0; } .cabinet-form .submit-feedback { margin: 0; } } /* Menu mobile */ .menu_mobile-toggler { display: none; position: fixed; left: 0; top: 0; padding: 5px 10px 0; height: 40px; line-height: 1; width: 100%; z-index: 10000; color: #fff !important; background-color: #000066; text-align: left; } .menu_mobile-toggler:before { font-family: FontAwesome, sans-serif; content: "2630円"; display: inline-block; font-size: 2em; padding: 2px 4px; vertical-align: middle; margin-right: 20px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu_mobile-toggler:after { content: "Меню"; display: inline-block; font-weight: bold; font-size: 1.5em; margin-top: 5px; vertical-align: middle; } .menu_mobile-toggler.selected { z-index: 10000; width: 100%; } .menu_mobile-toggler.selected:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /*.menu_mobile:empty + .menu_mobile-toggler { display: none; }*/ .menu_mobile { position: fixed; top: 0; left: -9999px; width: 100%; height: 80%; overflow-y: auto; color: #fff !important; background-color: #000066; padding: 0 20px 0 20px; margin-top:20px; z-index: 9999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu_mobile .block-type-menu { display: block !important; } .menu_mobile .menu__toggler { position: absolute; right: 0; top: 0; cursor: pointer; z-index: 1; color: ; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .menu_mobile .menu__toggler:after { font-family: FontAwesome, sans-serif; content: "\f196"; height: 40px; width: 40px; display: block; text-align: center; line-height: 40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; } .menu_mobile .menu__toggler.selected:after { font-family: FontAwesome, sans-serif; content: "\f147"; } .menu_mobile .menu { width: 95%; } .menu_mobile .menu__item { border-bottom: 1px solid #fff !important; margin: 0; padding: 10px 0 10px; text-align: left; position: relative; width: 100%; } .menu_mobile .menu__item:last-child { border-bottom: none !important; padding: 10px 0 10px; } .menu_mobile .menu__item__link, .menu_mobile .menu__item__text { color: #fff !important; padding: 10px 0; font-size: 16px; font-family: "PT Sans", serif; text-decoration: none; background: none !important; } .menu_mobile .menu .menu { padding: 0; display: none; position: relative; width:100%; } .menu_mobile .menu .menu .menu { left: initial; } .menu_mobile .menu__item.parent-selected> .menu{ display: block ! important; } .menu_mobile .menu .menu .menu__item__link, .menu_mobile .menu .menu .menu__item__text { padding-left: 40px; display: inline; position: initial; } .menu_mobile .menu .menu .menu__item__link:after, .menu_mobile .menu .menu .menu__item__text:after { content: none; } .menu_mobile .menu .menu .menu .menu__item__link, .menu_mobile .menu .menu .menu .menu__item__text { padding-left: 60px; } /*============================================================*/ .menu_mobile-toggler { text-align: left; } @media (max-width: 990px) { .accessibility__btn { position: absolute; top:50px; } body { padding-top: 45px !important; margin-top: 0 !important; } .global-widther { width: 90% !important; padding: 10px 0 10px 0 !important; margin: 0 auto !important; min-width: 200px !important; } .column-main, #content-column-main { width: 100% !important; float: none !important; display: block !important; margin: 0 auto !important; } .column-main .column-main-core { margin: 0 !important; } .column-aside, #content-column-aside { width: 100% !important; float: none !important; display: block !important; margin: 0 auto !important; text-align: center !important; } .menu_mobile-toggler { display: block !important; } .menu_mobile-toggler.selected + .menu_mobile { left: 0; padding-top: 3.1em; } .menu_mobile_opened .menu_mobile { left: 0; padding-top: 1.8em; } .block-type-banners a { text-align: center !important; margin: 10px auto !important; } .block-type-mainimg, .block-type-rotator { width: 100% !important; background-size: cover !important; background-position: center center !important; margin: 10px auto 0 !important; } .block-type-mainimg, .block-type-rotator img { width: 100% ! important; } .block-type-menu { display: none !important; } .block-type-logo { margin: 0 auto !important; width: 100%; display: block !important; } .block-type-logo img { width: initial !important; margin: 0 auto; } .block-type-header { width: 100% !important; padding:10px 0 10px 0 ! important; margin: 0 !important; } .block-type-header-text { text-align:left ! important; } } @media (max-width: 768px) { .blocks-row-2 .block.block-id-right { float: none !important; width: 100% !important; margin:10px 0 10px ! important; } .blocks-row-2 .block.block-id-left { float: none !important; width: 100% !important; } #footer-right, #footer-middle, #footer-core .column-main, #footer-core .column-aside, .block-type-footerside, #footer .column-main-core, #footer-aside, #footer-main, .block-id-global-footertext { float: none !important; width:100% !important; text-align:center ! important; margin: 0 !important; padding: 5px !important; } .block-text iframe { width: 100%; /*max-height: 200px;*/ } .block-picture { margin: 10px auto 10px auto !important; float: none !important; } .block-picture img { margin: 0 auto !important; max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; } .block-feed-view-variant-imglarge .feed-items { margin:0; } .block-type-feedimg .feed-items li { margin: 0 0 30px 0 !important; } .block-feed-view-variant-imgmix .feed-items LI, .block-feed-view-variant-imglarge .feed-items LI { width: 100% !important; } .block-feed-view-variant-imgmix .feed-items LI IMG, .block-feed-view-variant-imglarge .feed-items LI IMG { float:none !important; width: auto !important; height: auto !important; margin: 0 auto 5px !important } .block-type-feedimg .feed-items li { text-align:center; } .pictures-collection { float:none; width:100%; max-width: none; margin:0 auto; } .pictures-collection + .block-text { clear: both !important; } .site-panel { background: #ff9d02 url(/_s/i/new/bg/site-panel-gradient2.png) no-repeat 100% 50%; border-radius: 0 0 10px 10px !important;; top:0 !important; right: 25% !important; left: unset !important; padding:10px !important; z-index:10000 !important; width: 72px !important; height: 20px !important; box-shadow: 0 2px 2px #808080 !important; margin:0 auto !important; } .site-panel:hover { left: unset !important; } .cabinet-panel-link { color: #fff !important; } .cabinet-panel-link + .cabinet-panel-link { margin-top:0 !important; } .feedback-link { float: left !important; margin:2px 20px 0 5px !important; } .js-personal-link { float:left !important; } .block-type-mainimg, .block-type-rotator { background-size: contain !important; margin: 0 auto 0 ! important; } BODY.inner .block-type-mainimg { height: 80px; } .gallery-collection-item-img-wrap { width: 100% !important; } .gallery-collection-item { min-height: auto !important; } .gallery-collection-item-img { width: auto !important; } } @media (max-width: 640px) { .block-type-banners-text a { background-size: cover; } } BODY{ /*background:#E8E8E8 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJuCAYAAABxKGgvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiYEib+Z+JAQjgBBoXvwSxYpQYQDtt+JT8AxFMBHSQbgd1uFQzBepL6thGE4mBMpQe5lHRAIrtpZuho6whxxoNiAFgYVRAA8UaTIbSw166mTdIDKWvOnqYQo+mGu2UUFEblQwACDAARUIG6sdrBvcAAAAASUVORK5CYII=') repeat-x;*/ background:#E8E8E8 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJuCAYAAABxKGgvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiYEib+Z+JAQjgBBoXvwSxYpQYQDtt+JT8AxFMBHSQbgd1uFQzBepL6thGE4mBMpQe5lHRAIrtpZuho6whxxoNiAFgYVRAA8UaTIbSw166mTdIDKWvOnqYQo+mGu2UUFEblQwACDAARUIG6sdrBvcAAAAASUVORK5CYII=') repeat-x !important; } .global-widther { padding: 0; } /* Common */ a { text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } p { line-height: 1.3em; letter-spacing: 0.02em; } .accenter { letter-spacing: 0.03em; } /* Block */ .block-content{ } .block-text H2, .block-text H3{ margin-left:-30px; } .block-content{ } #article .block-content{ } .block-title, .feed-item-title, .block-type-feeditem .block-title{ margin:0 0 0.5em; font-size:1.25em; /*text-transform:uppercase;*/ font-weight:bold; } .block-text H2, .block-text H3, .block-text H4, .block-text H5, .block-text H6, .feed-item-title{ margin:1em 0 0.8em; } .block-text H2{ font-size:1.5em; } .block-text H3, .block-text H4, .block-text H5, .block-text H6{ font-size:1.3em; } /* Footer down specific */ BODY.footer-down #footer{ /*height:15.5em;*/ } BODY.footer-down .footer-down-holder{ padding-bottom:16em; } /* Block in articles */ #article .block{ padding: 0; /*margin-bottom: 50px !important;*/ } /* Blocks in line */ .blocks-row{ margin-bottom:23px; } .blocks-row .block, #article .blocks-row .block{ margin-bottom:0; padding-left:0; } /*#article .blocks-row .block-id-left .block-content, #article .blocks-row .block-id-left .block-title,*/ .hide-left #article .blocks-row .block-id-right .block-content, .hide-left #article .blocks-row .block-id-right .block-title { margin-left:20px; } /* Horizontal rule */ .hr{ display:none; height:1px; border-top:2px solid #06F; border-color:#000066 !important; font-size:1px; background:#FFF; } /* Header */ #header{ min-height:80px; padding-top:30px; margin-bottom:50px; } .block-type-header{ padding:0 10px; } .block-type-header .block-text, .block-type-header-text{ vertical-align:bottom; text-align:right; padding: 20px 0 0 0 !important; } .block-type-header .block-content{ padding-right:0; } .block-type-header-text .accenter{ font-size:1.33em; font-weight:bold; } .block-type-header-text, .block-type-header-text A, .block-type-header-text .accenter, .block-type-header-text H2, .block-type-header-text H3{ color:#FFF !important; /* Hmm */ } #tinymce span, #tinymce p, #tinymce div {color:#000;} /* Block type:mainimg */ .block-type-mainimg, #article .block-type-mainimg{ border-radius:10px; padding:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-top:1px solid #FFF; box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3); margin:0 0 30px; } .hide-header #article .block-type-mainimg{ margin-top:-80px; } /* Body */ /* Block type:feedimg */ .block-type-feedimg, #article .block-type-feedimg{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px 20px 5px; margin-bottom:15px; margin-left:0; /*box-shadow:0 1px 3px rgba(0,0,0,0.3);*/ box-shadow: 0 15px 20px 0px rgb(0 0 0 / 7%); /*background:#FBFCFC;*/ background: #fff; } .block-type-feedimg .block-title, .block-type-feedimg .block-title A{ /*color:#000 !important;*/ } /*.block-type-feedimg .feed-items A{ color:#217AFE !important; }*/ #article .block-type-feedimg.block-state-editable{ margin-left:4px; margin-right:4px; } .block-type-feedimg .feed-items A SPAN{ margin:0 0 1em; font-size:1.15em; text-decoration:none; overflow: visible; } /* Block type:feedimg view_variant:imgmix */ .block-feed-view-variant-imgmix{ } .block-feed-view-variant-imgmix .feed-items{ padding-left:0; } .block-feed-view-variant-imgmix .feed-items LI{ width:255px; margin-right:40px; } .block-feed-view-variant-imgmix .feed-items LI IMG{ float:left; margin-right:10px; } .block-feed-view-variant-imgmix .feed-items LI.feed-item-1{ float:none; margin:0 0 20px; display:block; width:100%; max-width:100%; } .block-feed-view-variant-imgmix .feed-items LI.feed-item-1 IMG{ margin-right:20px; } /* Block type:feedimg view_variant:imglarge */ .block-feed-view-variant-imglarge .feed-items IMG{ width:108px; float:left; } .block-feed-view-variant-imglarge .feed-items LI, .block-feed-view-variant-imglarge .feed-items LI.feed-item-1{ width:260px; margin-right:40px; margin-bottom:35px; } /* Block type:feedimg view_variant:imgsmall */ .block-feed-view-variant-imgsmall .feed-items LI, .block-feed-view-variant-imgsmall .feed-items LI.feed-item-1{ width:140px; margin-right: 15px; } .block-feed-view-variant-imgsmall .feed-items IMG{ margin-bottom:10px; } /* Block type:menu */ .block-type-menu{ margin:0 0 50px; padding:0; } .block-type-menu .block-content{ padding:0; } .block-type-menu LI{ position: relative; margin:0 0 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .block-type-menu LI A, .block-type-menu LI STRONG{ position: relative; display:block; padding:1em 15px; /*border-top:1px solid #FFF;*/ border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; /*box-shadow:0 2px 6px rgba(0,0,0,0.3);*/ /*background:#FEFEFE url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRJREFUeNo8yOsKgCAYA1Bm7/+YQVAIYpl+11SqH2NnW9wdZgZRBbGgEqNUQi4N6boRc8GeTmwxYz1SULMZUf+t3fL53aPNevv4fNrcA7MEau0RYACb5lhMh4FxfgAAAABJRU5ErkJggg==') repeat-x 0 bottom; */ /*-moz-transition:background 0.3s; text-shadow:0 1px #FFF;*/ background: #fff; text-decoration:none; text-transform:uppercase; font-weight:bold; /*color:#000 !important;*/ } .block-type-menu LI a:before{ position: absolute; content:''; width:0; height:100%; top: 0; left: 0; bottom: 0; background:#000; opacity: 0.1; letter-spacing: 0.05em; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .block-type-menu LI a:hover:before{ width:100%; } .block-type-menu LI A:hover, .block-type-menu LI.active A, .block-type-menu LI STRONG{ /*border-top:1px solid #B8B8B8;*/ /*background:#5E5E5E url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAIAAADkY5E+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpijIuLY/rPwMD0//9/KEaw/4HofyD6H4T/DyoGZv9DYqOKw/UimfkPJvf3H0CAAQCN71Dru5iz8wAAAABJRU5ErkJggg==') repeat-x 0 bottom; */ /*text-shadow:0 1px #000;*/ /*color:#FFF !important;*/ } .block-type-menu LI.active A:hover{ } h2.block-title { letter-spacing: 0.03em; } .block-text iframe { border-radius: 5px; box-shadow: 0 15px 20px 0px rgb(0 0 0 / 7%); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*.level { padding-top: 30px; }*/ .block-text iframe:hover { box-shadow: 0 25px 20px 0px rgb(0 0 0 / 10%); } /* Banners */ #promo{ margin:0 0 44px; } .banner{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; /*border-top:1px solid #000; border-bottom:1px solid #FFF;*/ box-shadow: 0 15px 20px 0px rgb(0 0 0 / 7%); } /* Context */ #ads{ border-radius:10px; padding:10px; text-align:center; background:rgba(0,0,0,0.05); } #ads img { width: 100%; } .block-type-rotator { border-radius: 5px; box-shadow: 0 15px 20px 0px rgb(0 0 0 / 7%); } .rotator .slider-btn { background-size: 45%; background-color: rgb(134 134 134 / 50%);; width: 40px; height: 40px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .rotator:hover .slider-btn { opacity: 0.8; } .rotator:hover .slider-prev { left: 2.5%; } .rotator:hover .slider-next { right: 2.5%; } .rotator .slider-prev { left: 0; background-position: 45% 50%; } .rotator .slider-next { right: 0; background-position: 55% 50%; } /* Block field name:picture */ .block-picture{ } .block-state-has-picture .feed-item-content{ padding-left:156px; } /* Block field name:picture state:standalone */ .block-state-has-picture.block-state-standalone .block-content, .block-state-has-picture.block-state-standalone .feed-item-content{ padding-left:30px; } /* Feed item | state:hide_announces */ .block-state-hide_announces .feed-item{ width:305px; } /* Footer */ #footer{ margin:10px 0 0; background:#363636; color:#CCC; } #footer A{ color:#FFF !important; } #footer .block-type-logo{ float:none; display:block; } #footer-core{ margin-top:40px; } #footer-content{ overflow:hidden; padding:0.9em 0 1em 30px; } #footer-middle{ overflow:hidden; /*padding:2px;*/ } /* Columns in footer */ #footer .column-wrapper{ padding:0 0 25px; } #footer .column-main-core{ margin-left:300px; } #footer .column-aside{ width:290px; } /* Block type:footerside */ .block-type-footerside{ float:right; width:250px; } .block-type-footerside .block-content{ padding:0; } .block-type-footerside .block-text, .block-type-footerside-text{ color:#CCC !important; } /*.block-type-footerside .block-text P, .block-type-footerside-text P{ padding:0; text-align: right; }*/ .block-type-footerside-text .accenter{ font-size:1.15em; font-weight:bold; color:#CCC !important; } .footer-down .block-type-footerside{ max-height:13em; } /* Block type:footertext */ .block-type-footertext{ padding:10px 0; } .block-type-footertext .block-content{ padding:0; } .block-type-footertext-text .accenter { display: block; margin-bottom: 15px; } /* Block type:links */ .block-type-links{ padding:10px 0 10px 0; } .block-type-links .block-content{ padding:0; } .block-type-links .block-text LI, .block-type-links-text LI{ position:relative; float:left; width:30%; margin:0 6px 0.3em; } .block-type-links LI:after{ display:block; position:absolute; left:-6px; top:0.3em; width:3px; height:6px; content:' '; background:url('data:image/gif;base64,R0lGODlhAwAGAJECAP///wAAAAAAAAAAACH5BAEAAAIALAAAAAADAAYAAAIHjASGFgl4CgA7') no-repeat; } /* Block type:counters */ .block-type-counters{ overflow:hidden; } .block-type-counters .block-content{ padding:0; } .block-type-counters-counter{ margin:0 18px 0 0; } /* Block type:siteinfo */ .block-type-siteinfo{ clear:both; } /* Page type:inner */ BODY.inner .block-type-mainimg, BODY.inner #article .block-type-mainimg{ margin-bottom:15px; } #inner-content{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:20px 20px 5px; margin-bottom:15px; margin-left:0; box-shadow:0 1px 3px rgba(0,0,0,0.3); background:#FBFCFC; /*color:#666;*/ } #article #inner-content .block{ padding:0; } .hide-main #inner-content{ display:none; } @media (max-width: 990px) { #header { padding-top: 40px !important; } .menu_mobile-toggler { padding: 10px 40px 0 4.7% !important; box-shadow: 0 0 30px 10px rgb(0 0 0 / 5%); background: #989696; } .block-type-header { padding-top: 20px !important; } BODY.footer-down #footer{ height:auto; } .block-type-header-text, .block-type-header-text A, .block-type-header-text .accenter, .block-type-header-text H2, .block-type-header-text H3{ color:initial !important; } .block-type-footerside { float: none; width: auto; } .block-type-footerside .block-text P, .block-type-footerside-text P { text-align: center; margin-bottom: 20px; } #footer-core { padding-top: 30px !important; } } @media (max-width: 768px) { .blocks-row-2 .block.block-id-right { margin-top: 30px !important; } .block-type-header-text P, .block-type-header-text.block-text P { text-align: center; } #footer-right, #footer-middle, #footer-core .column-main, #footer-core .column-aside, .block-type-footerside, #footer .column-main-core, #footer-aside, #footer-main, .block-id-global-footertext { padding: 0 !important; } }