/* Minification failed. Returning unminified contents. (8193,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (13782,39): run-time error CSS1046: Expect comma, found '0' (13782,43): run-time error CSS1046: Expect comma, found '/' (13783,47): run-time error CSS1046: Expect comma, found '0' (13783,51): run-time error CSS1046: Expect comma, found '/' (13826,39): run-time error CSS1046: Expect comma, found '0' (13826,43): run-time error CSS1046: Expect comma, found '/' */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#625e5e}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.9}.modal-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-footer{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #eceeef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.fade.show {opacity: 1}.modal-backdrop.show {opacity: .9}.modal-dialog.modal-sm {width:310px;margin:14px auto 0 auto;}#sendFirend {width: 600px;max-width: 100%;margin: 0px auto;padding-right: 16px;} .bs-example-modal-md {width:500px;margin:0 auto;} .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #be0201; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #be0201; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #be0201; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; font-size: 2em; color: #be0201; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ color:#000 } /*.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }*/ /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-12 00:07:25*/ .irs { position: relative; display: block; -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: 12px; font-family: Arial,sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: -4px; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; direction: ltr; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: .4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 5px; background-color: #d5d5d5; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 5px; background:#35ccde; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 16px; width: 19px; height: 19px; background-color: transparent; background-color: #35ccde; border-radius: 50%; box-shadow:0 1px 4px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.2); } /*.irs--flat .irs-handle > i:first-child { background:#01a4a4; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 14px; left: 2px; position: absolute; top: 2px; width: 14px; }*/ .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { } .irs--flat .irs-min, .irs--flat .irs-max { direction: ltr; top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #01a4a4; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #01a4a4; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66,139,202,0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0,0,0,0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0,0,0,0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209,214,224,0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0,0,0,0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222,228,236,0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0,0,255,0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: -4px; padding: 3px 5px; background-color: rgba(0,0,0,0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: -4px; padding: 3px 5px; background-color: rgba(0,0,0,0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } .irs-single { direction: ltr; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}} @font-face{font-family:"magictoolbox-thin";font-weight:normal;font-style:normal;src:url("fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"),url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz");} #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; display:none; } #fancybox-buttons ul li:last-child {display:block;} .btnClose {} #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #video_player {max-width:100%;} .mejs-button.mejs-fullscreen-button {display:none!important;} .fa-play:before{content:"\f04b"} .fancybox-nav { width: 60px; } .fancybox-nav span { visibility: visible; opacity: 0.5; } .fancybox-nav:hover span { opacity: 1; } .fancybox-next { right: -60px; } .fancybox-prev { left: -60px; } .fancybox-title-over-wrap { top: 0; left: 0; bottom: auto; position: absolute; width: 100%; z-index: 8035; } #wrap ul { padding-left: 20px; font-size: 12px; } #videolist { list-style-type: none; padding: 0; } #videolist li { float: left; } .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain ; background-position: 50% 50% ; background-repeat: no-repeat ; } :root .mejs-poster img { display: none ; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px ; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align:center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(background.png); background: rgba(20, 20, 20, 0.8); } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(background.png); background: rgba(50,50,50,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(background.png); background: rgba(50,50,50,0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ #fancybox-buttons .btnClose { color: #fff; font-size: 2em; position: fixed; top: 23px; right: 59px; z-index: 9000;} #fancybox-buttons .btnClose:before {content:"\a001";font-family:'magictoolbox-thin'!important;} .ck-title-underline { font-weight: 700; font-size: 20px; color: #000; direction: rtl; text-align: right; display: inline-block; position: relative; } .ck-title-underline::after { content: ''; position: absolute; left: 0; right: 0; /* خط در وسط متن */ bottom: -6px; /* فاصله از متن */ width:40%; /* طول خط */ height: 3px; /* ضخامت خط */ background: #e82234; border-radius: 2px; } #login-page .form-item input { font-family: sans-serif; } #login-modal.login {background-color:#fff;} #login-modal.login #login-page {position:relative} #login-modal #login-page { background: none; border: 0; padding: 0;} #login-modal.login #login-page #cnt {margin:0} #login-modal.login #login-page .bg {max-width:100%;} #login-modal.login .modal-content {border:0} #login-modal.login .modal-dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} #login-page .bg a { text-decoration: underline !important; text-underline-offset: 8px; text-decoration-style: dotted !important; } #footer-login li a { text-decoration: underline !important; text-underline-offset: 8px; text-decoration-style: dotted !important; } #footer-login p a { text-decoration: underline !important; text-underline-offset: 8px; text-decoration-style: dotted !important; color: #e32119 !important } #AccNo { margin: 20px 0 } #forget-AcceptNo { margin: 20px 0 10px; display: inline-block; } #forget-AcceptNo, #forget-passNo { color: #e32119 !important; text-decoration: underline !important; text-underline-offset: 8px; text-decoration-style: dotted !important; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #625e5e } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .9 } .modal-header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border-bottom: 1px solid #eceeef } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px } .modal-footer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px; border-top: 1px solid #eceeef } .modal-footer > :not(:first-child) { margin-left: .25rem } .modal-footer > :not(:last-child) { margin-right: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } .fade.show { opacity: 1 } .modal-backdrop.show { opacity: .9 } .modal-dialog.modal-sm { width: 310px; margin: 14px auto 0 auto } #sendFirend { width: 600px; max-width: 100%; margin: 0 auto; padding-right: 16px } .bs-example-modal-md { width: 500px; margin: 0 auto } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_inside > .mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 } .mCSB_outside + .mCSB_scrollTools { right: -26px } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0 } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #be0201; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #be0201; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #be0201; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; font-size: 2em; color: #be0201 } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { color: #000 } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000 } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, .2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4) } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, .2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, .2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, .2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, .2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .irs { position: relative; display: block; -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: 12px; font-family: Arial, sans-serif } .irs-line { position: relative; display: block; overflow: hidden; outline: 0 !important } .irs-bar { position: absolute; display: block; left: 0; width: 0 } .irs-shadow { position: absolute; display: none; left: 0; width: 0 } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1 } .irs-handle.type_last { z-index: 2 } .irs-max, .irs-min { position: absolute; display: block; cursor: default } .irs-min { left: 0 } .irs-max { right: 0 } .irs-from, .irs-single, .irs-to { position: absolute; display: block; top: -4px; left: 0; cursor: default; white-space: nowrap } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px } .irs-with-grid .irs-grid { display: block } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000 } .irs-grid-pol.small { height: 4px } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; direction: ltr } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2 } .lt-ie9 .irs-disable-mask { background: #000; cursor: not-allowed } .irs-disabled { opacity: .4 } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: 0 !important; z-index: -9999 !important; background: 0 0 !important; border-style: solid !important; border-color: transparent !important } .irs--flat { height: 40px } .irs--flat.irs-with-grid { height: 60px } .irs--flat .irs-line { top: 25px; height: 5px; background-color: #d5d5d5; border-radius: 4px } .irs--flat .irs-bar { top: 25px; height: 5px; background: #35ccde } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9 } .irs--flat .irs-handle { top: 16px; width: 19px; height: 19px; background-color: transparent; background-color: #35ccde; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2) } .irs--flat .irs-max, .irs--flat .irs-min { direction: ltr; top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #01a4a4; border-radius: 4px } .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #01a4a4 } .irs--flat .irs-grid-pol { background-color: #e1e4e9 } .irs--flat .irs-grid-text { color: #999 } .irs--big { height: 55px } .irs--big.irs-with-grid { height: 70px } .irs--big .irs-line { top: 33px; height: 12px; background-color: #fff; background: linear-gradient(to bottom, #ddd -50%, #fff 150%); border: 1px solid #ccc; border-radius: 12px } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #fff 0, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .5) } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, .5) } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, .3); background-color: #cbcfd5; background: linear-gradient(to bottom, #fff 0, #b4b9be 30%, #fff 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 0 3px 1px #fff; border-radius: 30px } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, .45); background-color: #939ba7; background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%) } .irs--big .irs-max, .irs--big .irs-min { top: 0; padding: 1px 5px; color: #fff; text-shadow: none; background-color: #9f9f9f; border-radius: 3px } .irs--big .irs-from, .irs--big .irs-single, .irs--big .irs-to { color: #fff; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0, #3071a9 100%); border-radius: 3px } .irs--big .irs-grid-pol { background-color: #428bca } .irs--big .irs-grid-text { color: #428bca } .irs--modern { height: 55px } .irs--modern.irs-with-grid { height: 55px } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0, #18891d 100%) } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, .5) } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); border-radius: 0 0 3px 3px } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: #fff; transform: rotate(45deg) } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, #fff 0, #e9e6e6 100%); border-radius: 0 0 3px 3px } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1 } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%) } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2 } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a } .irs--modern .irs-max, .irs--modern .irs-min { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: #fff; background-color: #d1d6e0; border-radius: 5px } .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-to { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: #fff; border-radius: 5px } .irs--modern .irs-from:before, .irs--modern .irs-single:before, .irs--modern .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426 } .irs--modern .irs-grid { height: 25px } .irs--modern .irs-grid-pol { background-color: #dedede } .irs--modern .irs-grid-text { color: silver; font-size: 13px } .irs--sharp { height: 50px; font-size: 12px; line-height: 1 } .irs--sharp.irs-with-grid { height: 57px } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: #000; border-radius: 2px } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, .5) } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2 } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: #000 } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: #000 } .irs--sharp .irs-max, .irs--sharp .irs-min { color: #fff; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px } .irs--sharp .irs-from, .irs--sharp .irs-single, .irs--sharp .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: #fff; border-radius: 2px } .irs--sharp .irs-from:before, .irs--sharp .irs-single:before, .irs--sharp .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-grid { height: 25px } .irs--sharp .irs-grid-pol { background-color: #dedede } .irs--sharp .irs-grid-text { color: silver; font-size: 13px } .irs--round { height: 50px } .irs--round.irs-with-grid { height: 65px } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, .5) } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: #fff; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, .3) } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff } .irs--round .irs-max, .irs--round .irs-min { color: #333; font-size: 14px; line-height: 1; top: -4px; padding: 3px 5px; background-color: rgba(0, 0, 0, .1); border-radius: 4px } .irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: #fff; border-radius: 4px } .irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa } .irs--round .irs-grid { height: 25px } .irs--round .irs-grid-pol { background-color: #dedede } .irs--round .irs-grid-text { color: silver; font-size: 13px } .irs--square { height: 50px } .irs--square.irs-with-grid { height: 60px } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede } .irs--square .irs-bar { top: 31px; height: 4px; background-color: #000 } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid #000; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff } .irs--square .irs-max, .irs--square .irs-min { color: #333; font-size: 14px; line-height: 1; top: -4px; padding: 3px 5px; background-color: rgba(0, 0, 0, .1) } .irs--square .irs-from, .irs--square .irs-single, .irs--square .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #000; color: #fff } .irs--square .irs-grid { height: 25px } .irs--square .irs-grid-pol { background-color: #dedede } .irs--square .irs-grid-text { color: silver; font-size: 11px } .irs-single { direction: ltr } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .fancybox-outer, .fancybox-inner { position: relative } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(fancybox_sprite.png) } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } #fancybox-loading div { width: 44px; height: 44px; background: url(fancybox_loading.gif) center center no-repeat } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040 } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040 } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden } .fancybox-prev span { left: 10px; background-position: 0 -36px } .fancybox-next span { right: 10px; background-position: 0 -72px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important } .fancybox-lock { overflow: hidden !important; width: auto } .fancybox-lock body { overflow: hidden !important } .fancybox-lock-test { overflow-y: hidden !important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(fancybox_overlay.png) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050 } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, .8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: 700; line-height: 24px; white-space: nowrap } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8) } #contact-footer p { margin-bottom: 10px; } #contact-footer p i { color: #bc1219; font-size: 1.2em; width: 15px; } /**********/ /******/ #buy-box.fix { position: fixed; top: 50px; left: 0; z-index: 99999; width: 300px; } #buy-box.fix .info-sell, #buy-box.fix #SpecialOfferItem { display: none } #buy-box.fix .Warranty { margin-top: 0; border-top: 0 } #buy-box > div { background-color: #f6f6f7; border: 1px solid #e0e0e2; border-radius: 10px; width: 100%; padding: 15px } #buy-box .info-sell p:first-child { font-family: IRANSans_Bold; float: right } #buy-box .info-sell a { color: #36b44c; float: left } #buy-box .info-sell .name { font-family: IRANSans_Bold; } #buy-box .name-seller { float: right; width: 100%; } #buy-box .info-sell .name-seller img { float: right; height: 30px; } #buy-box .info-sell .name-seller h3 { float: right; margin: 4px 15px 0 0; } #buy-box .Warranty { border-top: 1px solid #e0e0e2; border-bottom: 1px solid #e0e0e2; padding: 10px 0; margin: 10px 0; } #buy-box svg { float: right; width: 20px; margin: 1px 0 0 5px; } #buy-box #status-product { border-bottom: 1px solid #e0e0e2; padding-bottom: 10px; } #buy-box .add-basket { width: 100%; margin: 0 } #buy-box .add-basket { width: 100%; margin: 0; } #detail-product #basket-sec { width: 100%; text-align: center; } /***/ #SpecialOfferItem > p { text-align: center; margin-bottom: 15px; } #SpecialOfferItem ul { list-style: none; padding: 0; margin: 0; font-size: 0.75em; } #SpecialOfferItem ul li { width: 50%; float: right; margin-bottom: 5px; } #SpecialOfferItem ul li img { width: 25px; float: right; margin-left: 3px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(fancybox_sprite@2x.png); background-size: 44px 152px } #fancybox-loading div { background-image: url(fancybox_loading@2x.gif); background-size: 24px 24px } } @font-face { font-family: "magictoolbox-thin"; font-weight: normal; font-style: normal; src: url("fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz") } #fancybox-buttons.bottom { bottom: 10px } #fancybox-buttons ul { } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; display: none } #fancybox-buttons ul li:last-child { display: block } .btnClose { } #fancybox-buttons a:hover { opacity: 1 } #fancybox-buttons a.btnPrev { background-position: 5px 0 } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e } #fancybox-buttons a.btnPlay { background-position: 0 -30px } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px } #video_player { max-width: 100% } .mejs-button.mejs-fullscreen-button { display: none !important } .fa-play:before { content: "" } .fancybox-nav { width: 60px } .fancybox-nav span { visibility: visible; opacity: .5 } .fancybox-nav:hover span { opacity: 1 } .fancybox-next { right: -60px } .fancybox-prev { left: -60px } .fancybox-title-over-wrap { top: 0; left: 0; bottom: auto; position: absolute; width: 100%; z-index: 8035 } #wrap ul { padding-left: 20px; font-size: 12px } #videolist { list-style-type: none; padding: 0 } #videolist li { float: left } .me-plugin { position: absolute } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block } body { line-height: 1 } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } *:not(ul), *:not(ol) { outline: none; padding: 0; margin: 0 } *, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: IRANSans; font-style: normal; font-weight: 400; src: url('fonts/IRANSansWeb(FaNum).eot'); src: url('fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('fonts/IRANSansWeb(FaNum).woff') format('woff'), url('fonts/IRANSansWeb(FaNum).ttf') format('truetype') } @font-face { font-family: IRANSans2; font-style: normal; font-weight: normal; src: url('fonts/IRANSansWeb.eot'); src: url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb.woff2') format('woff2'), url('fonts/IRANSansWeb.woff') format('woff'), url('fonts/IRANSansWeb.ttf') format('truetype') } @font-face { font-family: 'IRANSans_Bold'; src: url('fonts/IRANSans_Bold.eot'); src: url('fonts/IRANSans_Bold.eot') format('embedded-opentype'), url('fonts/IRANSans_Bold.woff2') format('woff2'), url('fonts/IRANSans_Bold.woff') format('woff'), url('fonts/IRANSans_Bold.ttf') format('truetype'), url('fonts/IRANSans_Bold.svg#IRANSans_Bold') format('svg') } .fa-chevron-left:before { content: "" } a { color: #e60e17; -webkit-transition: color .4s ease-out; -moz-transition: color .4s ease-out; -ms-transition: color .4s ease-out; -o-transition: color .4s ease-out; transition: color .4s ease-out } a, a:hover a:focus, a:active { text-decoration: none !important; outline: none; color: #333 } a:hover, a:focus, a:active, a:not([href]):not([tabindex]):hover { color: #056a6a } a { color: #666 } .trans, .slick-arrow { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out } h1, h2, h3, h4, h5, h6 { } .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 { float: right !important } .container-fluid, .container { direction: rtl; text-align: right } .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 } .fa-sort-amount-asc:before { content: "\f160"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-reply-all:before { content: "\f122"; } .fa-navicon:before { content: "\f0c9"; } .fa-envelope:before { content: "\f0e0"; } .fa-eye:before { content: "" } .fa-compress:before { content: "" } .fa-heart-o:before { content: "" } .fa-facebook:before { content: "" } .fa-instagram:before { content: "" } .fa-youtube:before { content: "" } .fa-whatsapp:before { content: "" } .fa-paper-plane:before { content: "" } .fa-google-plus:before { content: "" } .fa-home:before { content: "" } .fa-angle-down:before { content: "" } .fa-shopping-basket:before { content: "" } .fa-angle-up:before { content: "" } .fa-user-o:before { content: "" } .fa-lock:before { content: "" } .fa-mobile:before { content: "" } .fa-envelope-o:before { content: "" } .fa-check:before { content: "" } .fa-uncheck:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-plus:before { content: "" } .fa-minus:before { content: "" } .fa-angle-left:before { content: "" } .fa-angle-right:before { content: "" } .fa-play:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-times:before { content: "" } .fa-search:before { content: "" } .fa-trash-o:before { content: "" } .fa-check-circle:before { content: "" } .fa-heart:before { content: "" } .fa-list-alt:before { content: "" } .fa-comments-o:before { content: "" } .fa-map-marker:before { content: "" } .fa-clock-o:before { content: "" } .fa-th-list:before { content: "" } .fa-map-signs:before { content: "" } .fa-sign-out:before { content: "" } .fa-edit:before { content: "" } .fa-trash-o:before { content: "" } .fa-bell-o:before { content: "" } .fa-phone:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-info-circle:before { content: "" } .fa-arrow-right:before { content: "" } .fa-check-circle:before { content: "" } .fa-user-circle:before { content: "" } .fa-bookmark-o:before { content: "" } .fa-map-marker:before { content: "\f041"; } .fa-phone:before { content: "\f095"; } .fa-mobile:before { content: "\f10b"; } #bodymodal, #Bsk { min-height: 400px } .preloader { z-index: 99999999; position: fixed; width: 100%; height: 100%; background-color: #414c5c94; display: none } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { visibility: hidden; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; margin: 0 auto } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { visibility: visible; opacity: 1; display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-carousel .owl-buttons.disabled { display: none !important } .text_bold, strong { font-family: 'IRANSans_Bold' } textarea { resize: vertical; height: 150px } body { color: #000; font-size: .85em; font-family: IRANSans; overflow-x: hidden; background: #fff; line-height: 25px; width: 100% } #open-menu { float: right; height: 33px; margin: 7px 38px 0 0; padding: 0; position: relative; width: 35px; z-index: 10; text-indent: 40px; color: #fff; border: 2px solid #22c066; display: none } #open-menu .icon-bar { display: block; position: absolute; top: 14px; left: 3px; right: auto; height: 8px; background: #22c066; width: 25px; height: 2px } #open-menu .icon-bar:before, #open-menu .icon-bar:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #22c066; content: "" } #open-menu .icon-bar:before { top: -7px } #open-menu .icon-bar:after { bottom: -7px } #open-menu .icon-bar { -webkit-transition: background 0s .3s; transition: background 0s .3s } #open-menu .icon-bar:before, #open-menu .icon-bar:after { -webkit-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; transition-delay: .3s, 0s } #open-menu .icon-bar:before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform } #open-menu .icon-bar:after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform } #open-menu .icon-bar.active { background: none } #open-menu .icon-bar.active:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #open-menu .icon-bar.active:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #open-menu .icon-bar.active:before, #open-menu .icon-bar.active:after { -webkit-transition-delay: 0s, .3s; transition-delay: 0s, .3s } #pageslide { background-color: #070707; background: rgba(7, 7, 7, .95) none repeat scroll 0 0; color: #fff; display: none; height: 100%; overflow: scroll; padding: 32px 20px 0; position: fixed; top: 0; width: 250px; z-index: 999999; box-shadow: 0 0 5px -2px #000; -webkit-box-shadow: 0 0 5px -2px #000; overflow: scroll; direction: rtl } #pageslide ul { direction: rtl; text-align: right; width: 100%; list-style: none; padding: 0; margin: 0 } #pageslide ul ul ul ul { display: block !important } #pageslide ul li { width: 100%; float: right } #pageslide ul li a img { display: none } #pageslide ul > li > a { border-bottom: 1px solid #3f3f3f; color: #eee; display: block; padding: 15px 5px } #pageslide ul li ul { float: right; width: 100%; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; padding-right: 10px } #pageslide ul li { width: 100%; margin-left: 0 } #pageslide ul li a { border-bottom: 1px solid #404040; width: 100%; display: block; color: #fff; padding: 9px; font-size: .95em } #pageslide ul li ul { display: none; background: none !important } #pageslide ul li ul li a { padding: 10px 35px 10px 10px } #pageslide ul li ul li.submenu a { padding: 10px 20px 10px 10px } #pageslide ul li ul li a i:before { content: "" } #body { margin: 0 !important; padding: 0 !important } #header { position: relative; z-index: 990 } #logo { text-align: center } #logo a { display: inline-block; float: right; } #logo a img { height: 55px } .top-phone { float: left; margin-top: 8px; } .top-phone a { color: #000 } .top-phone a:hover { color: #e32119 } .top-phone a:before { content: ""; display: inline-block; width: 29px; height: 25px; background: url(img/sprite.png) no-repeat; float: left; margin-right: 10px } #basket { float: left; width: 24px; height: 26px; background: url(img/sprite.png) no-repeat -53px -40px; position: relative; margin-top: 14px } #basket span { color: #fff; width: 15px; height: 15px; text-align: center; font-size: .8em; border-radius: 50%; -webkit-border-radius: 50%; line-height: 18px; position: absolute; top: -4px; right: -6px; background-color: #e32119 } #user { float: left; margin: 12px 0 0 25px } #user-login { display: block; width: 25px; height: 27px; background: url(img/sprite.png) no-repeat -51px 0 } #user.user-log { position: relative } #user.user-log ul { list-style: none; margin: 0; width: 200px; top: 29px; left: 0; position: absolute; background-color: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3); padding: 10px; z-index: 100; border-radius: 5px; -webkit-border-radius: 5px; display: none } #user.user-log ul li { display: block; width: 100% } #user.user-log ul li a { width: 100%; display: block; padding: 3px; border-bottom: 1px solid #f2e8e8 } #user.user-log ul li a:hover { color: #e32119 } #user.user-log ul li:last-child a { border: 0 } #user.user-log a { float: left } #user.user-log a i { font-size: 1.5em; margin: 13px -16px 0 0 } #user.user-log a.logout { padding-top: 2px } #user.user-log #user-login { background-position: -83px 0 } #user.user-log span { float: left; margin: 4px 7px } #top-search { float: right; margin: 12px 25px 0 0; border: 0; width: 315px; padding: 0 10px; position: relative; background: #f7f7f7; } #top-search input[type="text"] { width: 100%; border: 0; padding-left: 30px; font-family: IRANSans2; background: none; height: 33px; } #top-search .btn-search { width: 26px; height: 28px; background: url(img/sprite.png) no-repeat 0 -42px; position: absolute; top: 4px; left: 8px; border: 0; cursor: pointer; outline: 0 } #bg-nav { /*background-color: #f7f7f7;*/ position: relative; z-index: 90 } #bg-nav #top-nav { position: relative } #bg-nav #top-nav ul li ul.submenu, #bg-nav #top-nav ul li ul.brand-items { padding: 30px 0 30px 280px; position: absolute; top: 100%; width: calc(100% - 30px); right: 15px; background-color: #fff; box-shadow: 0 0 5px -2px #000; background-repeat: no-repeat; background-position: 15px 15px; display: none } #bg-nav > #top-nav > ul > li:hover > a, #bg-nav #top-nav ul li ul.submenu li a:hover { color: #e32119 } #bg-nav #top-nav ul li ul.submenu li { float: right; padding: 10px; width: 20%; text-align: right } #bg-nav #top-nav ul li ul.submenu li span { font-family: 'IRANSans_Bold' } #bg-nav #top-nav ul li ul.submenu li li a { color: #666 !important; display: block; padding: 2px 3px } #bg-nav #top-nav ul li ul.submenu li li a:hover { color: #e32119 !important } #bg-nav #top-nav ul li ul.submenu li:nth-child(5n+1) { clear: both } #bg-nav #top-nav ul li ul.brand-menu, #bg-nav #top-nav ul li ul.special-submenu { position: absolute; right: 0; top: 100%; width: 100%; background-color: #f3f4f6; display: none; padding: 20px 0 } #bg-nav #top-nav ul li ul.brand-menu li { position: relative; width: 20%; float: right } #bg-nav #top-nav ul li ul.brand-menu li a { display: block; padding: 10px; overflow: hidden } #bg-nav #top-nav ul li ul.brand-menu li a img { margin: 0 auto } #bg-nav #top-nav ul li ul.brand-menu li a:hover img { transform: scale(1.1) } #bg-nav #top-nav ul li ul.brand-menu li a:before { background-color: #ccc; content: ""; display: block; height: 90%; left: 0; position: absolute; top: 5%; width: 1px } #bg-nav #top-nav ul li ul.brand-menu li a:after { background-color: #ccc; top: 0; content: ""; display: block; height: 1px; position: absolute; right: 5%; width: 90% } #bg-nav #top-nav ul li ul.brand-menu li:nth-child(1) a:after, #bg-nav #top-nav ul li ul.brand-menu li:nth-child(2) a:after, #bg-nav #top-nav ul li ul.brand-menu li:nth-child(3) a:after, #bg-nav #top-nav ul li ul.brand-menu li:nth-child(4) a:after, #bg-nav #top-nav ul li ul.brand-menu li:nth-child(4) a:after, #bg-nav #top-nav ul li ul.brand-menu li:nth-child(5) a:after { display: none } #bg-nav #top-nav ul li.special-menu > a { background-color: #e32119; color: #fff } #bg-nav #top-nav ul li ul.special-submenu { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 } #bg-nav #top-nav ul li ul.special-submenu.show { display: -webkit-box; display: -ms-flexbox; display: flex } #bg-nav #top-nav ul li ul.special-submenu li { width: 20%; float: right; padding: 10px } #bg-nav #top-nav ul li ul.special-submenu li { position: relative } #bg-nav #top-nav ul li ul.special-submenu li a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0 } #bg-nav #top-nav ul li ul.special-submenu li img { display: block; width: 100% } #bg-nav #top-nav ul li ul.special-submenu li .offer { color: #888 } #bg-nav #top-nav ul li ul { opacity: 0 } #bg-nav #top-nav ul li ul.show { -webkit-animation: ShowMenu .3s forwards; -moz-animation: ShowMenu .3s forwards; animation: ShowMenu .3s forwards; display: block } #bg-nav #top-nav ul li ul.special-submenu li:hover, #bg-nav #top-nav ul li ul.special-submenu li:hover .offer { color: #e32119 } #bg-nav #top-nav ul li ul ul { opacity: 1; width: 100% } #bg-nav #top-nav ul li ul.submenu li li { width: 100%; padding: 1px 5px } #bg-nav #top-nav ul li ul.submenu > li > a { font-family: 'IRANSans_Bold' } #bg-nav #top-nav ul li ul.brand-items { padding: 38px 0 30px 0 } #bg-nav #top-nav ul li ul.brand-items .top-search { position: absolute; top: 15px; width: 100%; left: 0 } #bg-nav #top-nav ul li ul.brand-items .tab { float: right } #bg-nav #top-nav ul li ul.brand-items .tab a { float: right; display: block; border: 1px solid #ccc; width: 170px; height: 40px; background-color: #fff; line-height: 38px; text-align: center; margin: 0 3px } #bg-nav #top-nav ul li ul.brand-items .tab a .fa { opacity: 0 } #bg-nav #top-nav ul li ul.brand-items .tab a.active .fa { opacity: 1 } #bg-nav #top-nav ul li ul.brand-items .tab a.active { background-color: #fcf4f4; border: 1px solid #e32119 } #bg-nav #search-menu { position: relative; float: left } #bg-nav #search-menu input { height: 40px; width: 400px; border: 1px solid #ccc; padding: 0 45px 0 10px } #bg-nav #search-menu:before { content: ""; display: block; width: 26px; height: 28px; background: url(img/sprite.png) no-repeat 0 -42px; position: absolute; top: 7px; right: 5px; border: 0; cursor: pointer } #bg-nav #top-nav ul li ul.brand-items li ul { display: none; border-top: 1px solid #ccc; padding-top: 20px } #bg-nav #top-nav ul li ul.brand-items li ul li { width: 14.285714%; float: right; padding: 5px } #bg-nav #top-nav ul li ul.brand-items li ul li a:hover { color: #e32119 } #bg-nav #top-nav ul li ul.brand-items li ul.active { display: block } #bg-nav ul { list-style: none; padding: 0; margin: 0 } #brand-sec { float: right; position: relative; } #brand-sec > a { display: block; padding: 10px; color: #000 } #brand-sec > ul { position: absolute; background-color: #fff; width: 200px; padding: 10px; height: 500px; box-shadow: 0 0 5px -2px #000; -webkit-box-shadow: 0 0 5px -2px #000; display: none } /*#brand-sec > ul.act {display:block}*/ #brand-sec > ul > li { display: block; } #brand-sec > ul > li > a { display: block; color: #000; padding: 10px } #brand-sec > ul > li.act > a { background-color: #f7f7f8 } #brand-sec > ul > li > a img { display: block; height: 23px; float: right; margin-left: 6px; filter: grayscale(1) } #brand-sec > ul > li:hover > a > img { filter: grayscale(0) } #brand-sec ul li:hover > a { color: #e32119; } #brand-sec > ul > li ul { display: none; opacity: 1 !important; position: absolute; top: 0; right: 100%; background-color: #fff; width: calc(100vw - 245px); height: 500px; box-shadow: -1px 0 5px -2px #000; -webkit-box-shadow: -1px 0 5px -2px #000; padding:20px 126px 20px 20px; overflow: auto } #brand-sec > ul > li ul::-webkit-scrollbar { width: 10px; } #brand-sec > ul > li ul::-webkit-scrollbar-track { background: #888; border-radius: 15px } #brand-sec > ul > li ul::-webkit-scrollbar-thumb { background: #e32119; border-radius: 15px } #brand-sec > ul > li ul::-webkit-scrollbar-thumb:hover { background: #555; } #brand-sec > ul > li ul li { float: right; width: 14.25%; } #brand-sec > ul > li ul li a img { display: block; margin: 0 auto } #brand-sec > ul > li ul li.img { position: absolute; top: 20px; left: 20px; width: 150px; text-align: center; } #brand-sec > ul > li ul li.img img { display: block; margin: 0 auto } #brand-sec > ul > li ul li a { display: block; padding: 5px; margin-bottom: 15px } #top-nav > ul { float: right; } #top-nav > ul > li { display: inline-block } #top-nav > ul > li > a { display: block; padding: 10px } #slider { position: relative } #slider img { width: 100% } #slider .slick-arrow { width: 50px; height: 50px; display: block; position: absolute; top: 50%; left: 15px; margin-top: -25px; z-index: 15; opacity: .5 } #slider .slick-arrow:hover { opacity: 1 } #slider .slick-arrow.slick-next { left: auto; right: 15px } #slider .slick-arrow svg { fill: #fff } #top-cat { width: 80%; margin: -70px auto 0; background-color: #fff; position: relative; z-index: 2; padding: 15px 15px 0 15px; box-shadow: 0 0 6px -3px #000; -webkit-box-shadow: 0 0 6px -3px #000 } #top-cat .item { margin-bottom: 15px } #top-cat .item a { display: block; text-align: center } #top-cat .item a img { display: block; border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 5px; max-width: 100% } .title { font-size: 1.2em; border-bottom: 1.5px solid #ececec; height: 17px; margin-bottom: 30px } .title h1, .title h3 { display: inline-block; padding-left: 40px; background-color: #fff; position: relative } .title h1:after, .title h3:after { content: ""; display: block; width: 130px; height: 1.5px; background-color: #e32119; position: absolute; right: 100%; bottom: 7.5px } #new-product { margin-top: 50px; background-color: #fdfdfd; padding: 30px 15px } #new-product .title h3 { background-color: #fdfdfd; position: relative } #new-product .slick-arrow { width: 30px; height: 30px; border: 1px solid #ececec; position: absolute; padding: 5px; top: -48px; left: 0; background-color: #fff } #new-product .slick-arrow.slick-next { left: 29px } #new-product .slick-slide > div { padding-left: 10px } .list-product .item { text-align: center; overflow: hidden } .list-product .item h2, #detail-product .subj { font-family: IRANSans2 } .list-product .item a.img { display: block; width: 100%; margin-bottom: 10px } .list-product .item a.img img { display: block; margin: 0 auto } .list-product .item .price-sec .alt-price { margin-left: 10px; color: #888; text-decoration: line-through } .list-product .item .price-sec .alt-price .discount { text-decoration: line-through } .list-product .item .price-sec p { display: inline-block } .list-product .item .price { color: #e32119; margin-right: 10px } .list-product .item .top { position: relative } .list-product .item .top .hover { position: absolute; top: 0; right: 0; width: 50px; height: 110px; padding: 10px } .list-product .item .top .hover a { display: block; width: 30px; height: 30px; transform: translateX(120%); -ms-transform: translateX(120%); -webkit-transform: translateX(120%); -o-transform: translateX(120%); -moz-transform: translateX(120%); border-radius: 2px; -webkit-border-radius: 2px; line-height: 30px; position: relative } .list-product .item .top .hover a span, .qucik-view .btn-sec a span, #gallery .hover a span { position: absolute; top: 5px; font-size: .7em; background-color: #333; height: 15px; line-height: 3px; color: #fff; padding: 10px 12px; right: 130%; border-radius: 3px; -webkit-border-radius: 3px; opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; white-space: nowrap } .list-product .item .top .hover a span:after, #gallery .hover a span:after { content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #333; position: absolute; bottom: 5px; left: 100% } .list-product .item .top .hover a:hover span, #gallery .hover a:hover span { right: 100%; opacity: 1 } .list-product .item .top .hover a.compare { transition-delay: .2s; -webkit-transition-delay: .2s } .list-product .item .top .hover a.fav { transition-delay: .4s; -webkit-transition-delay: .4s } .list-product .item .top .hover a:hover { background-color: #e6211b; color: #fff } .list-product .item .top .quick-view { position: absolute; bottom: 10px; left: 50%; background-color: #363636; color: #fff; width: 100px; text-align: center; font-size: .95em; padding: 5px 0; border-radius: 28px; -webkit-border-radius: 28px; margin-left: -50px; opacity: 0 } .list-product .item:hover .top .quick-view { opacity: 1 } .list-product .item .off { background-color: #e32119; z-index: 10; color: #fff; font-size: .8em; padding: 0 6px; border-radius: 50%; -webkit-border-radius: 50%; width: 45px; height: 45px; display: block; position: absolute; top: 0; left: 60%; line-height: 45px } .list-product .item:hover .top .hover a { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0) } .list-product .item .gift { display: block; width: 24px; height: 19px; background: url(img/gift.svg) 0 0/cover; position: absolute; z-index: 15; left: 20px; top: 5px } .list-product .item .gift .hover { width: 200px; direction: rtl; background: #fff; font-size: .9em; text-align: justify; padding: 15px; position: absolute; top: 35px; border: 1px solid #ccc; box-shadow: 0 0 2px -1px #000; -webkit-box-shadow: 0 0 2px -1px #000; border-radius: 3px; -webkit-border-radius: 3px; display: none } .list-product .item .gift .hover:before { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; position: absolute; top: -8px; right: 9px } .list-product .item .gift .hover:after { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -6px; right: 9px } #adver a { display: block; float: right } #adver a img { width: 100% } #adver a:nth-child(1), #adver a:nth-child(2) { width: 23% } #adver a:nth-child(3) { width: 54% } #all-product { clear: both; margin-top: 30px } #all-product .item { margin-bottom: 30px } #all-product .item .fake { position: absolute; bottom: 0; left: 0; background-color: #fff0f0; font-size: 0.75em; padding: 0 10px; border-radius: 25px; -webkit-border-radius: 25px; color: #582e2e; display: block } #all-product .col-md-3 { } #all-product .col-md-3.hide { display: none } #load-more { background: linear-gradient(135deg, #ff7a18, #af002d); color: rgba(255, 255, 255, 0.9); border: none; padding: 14px 30px; font-size: 16px; margin-bottom: 20px; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); margin: 20px auto; /* تنظیمات وسط‌چین دقیق */ display: flex; justify-content: center; /* افقی */ align-items: center; /* عمودی */ gap: 10px; width: 400px; text-align: center; } #load-more:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); background: linear-gradient(135deg, #ff9342, #d00044) } #load-more svg { width: 20px; height: 20px; fill: white; transition: transform 0.3s ease; transform: scaleX(-1); /* معکوس کردن جهت افقی */ } #load-more:hover svg { transform: translateX(5px); transform: scaleX(-1); /* معکوس کردن جهت افقی */ } #footer { background-color: #424242; padding: 30px 15px; color: #fff } #footer .subj { position: relative; padding-bottom: 20px } #footer .subj:before { content: ""; display: block; width: 50px; height: 1px; background-color: #a8a8a8; position: absolute; bottom: 10px; right: 0 } #footer .subj:after { content: ""; display: block; width: 70px; height: 1px; background-color: #a8a8a8; position: absolute; bottom: 6px; right: 0 } .footer-nav ul { list-style: none; padding: 0 10px 0 0; margin: margin: 15px 0; font-size: .95em } .footer-nav ul li { display: block } .footer-nav ul li a { display: block; width: 100%; color: #000; padding: 3px 0 } .footer-nav ul li a:before { font-family: 'FontAwesome'; content: ""; margin-left: 5px; color: #bc1219; } .footer-nav2 ul li { width: 50%; float: right } .footer-nav ul li a:hover { color: #e4121b } .footer-link img { float: left } .social-network > h4, #news-letther-footer > h3 { color: #fff; float: right; margin: 3px 0 0 25px; } .social-network a { display: block; width: 30px; height: 30px; background-color: #fff; font-size: 1.2em; color: #e4121b; text-align: center; line-height: 30px; border-radius: 50%; -webkit-border-radius: 50%; float: right; margin-left: 10px; line-height: 33px } .social-network a { } .social-network a:hover { background-color: #666 } .qucik-sec { display: none } .qucik-view { position: fixed; z-index: 9999; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; background: #000; background: radial-gradient(ellipse closest-corner, rgba(0, 0, 0, .2) 1%, rgba(0, 0, 0, .7) 100%); direction: rtl; text-align: right } .qucik-view .cnt { width: 900px; margin: 0 auto; background-color: #fff; margin: 0 auto; padding: 20px; position: relative } .qucik-view .cnt .row { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .qucik-view .cnt .prev-product, .qucik-view .cnt .next-product, .comment-modal .next-comment, .comment-modal .prev-comment { position: absolute; top: 50%; left: 5px; width: 50px; height: 50px; z-index: 10; margin-top: -25px } .qucik-view .cnt .next-product, .comment-modal .next-comment { transform: rotate(180deg) } .qucik-view .cnt .prev-product { right: 0; transform: rotate(180deg) } .qucik-view .cnt .prev-product svg, .qucik-view .cnt .next-product svg, .comment-modal .next-comment svg, .comment-modal .prev-comment svg { fill: #a8a8a8 } .qucik-view .txts { color: #777; margin: 5px 0 } .qucik-view h3 { margin-top: 10px } .qucik-view .alt-price { text-decoration: line-through } .qucik-view .price { font-size: 1.2em; color: #e32119 } .qucik-view .btn-sec { margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; text-align: left } .qucik-view .btn-sec a, #gallery .hover a { display: inline-block; border: 1px solid #ccc; width: 40px; text-align: center; position: relative; height: 40px; font-size: 1.1em; line-height: 41px } .qucik-view .btn-sec a span { right: -12px; top: -35px } .qucik-view .btn-sec a.fav span { right: -40px } .qucik-view .btn-sec a:hover span { opacity: 1; top: -25px } .qucik-view .btn-sec a span:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333 } .qucik-view .btn-sec a:hover { color: #e32119; border-color: #e32119 } .qucik-view .status { display: block; color: #219e34; margin-bottom: 8px } .qucik-view .close-btn { font-size: 2em; z-index: 10; text-align: center; line-height: 33px; position: absolute; top: 5px; left: 11px } #share { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 15px } #share a { display: inline-block; margin-right: 5px } #share a:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05) } #gallery #thumbnail { margin-top: 5px; padding: 0 15px } #gallery .slick-slide > div { padding: 3px } #gallery .slick-arrow { position: absolute; width: 20px; left: -4px; top: 50%; margin-top: -15px } #gallery .slick-arrow.slick-next { left: auto; right: -4px } #gallery .slick-arrow:not(.slick-disabled):hover svg { fill: #e32119 } #gallery .slick-arrow.slick-disabled { cursor: default } #gallery .slick-arrow.slick-disabled svg { fill: #ccc } #gallery img { width: 100% } .Breadcrumb { list-style: none; padding: 0; margin: 0 } #map-path { border-bottom: 1px solid #f7f7f7; margin-bottom: 30px; font-family: IRANSans2 } #map-path ul, #map-path li { float: right } #map-path a { float: right; height: 40px; line-height: 39px; color: #333; padding: 0 5px; position: relative; font-size: .95em } #map-path a.home { font-size: 1.4em; line-height: 40px; padding-right: 0; padding-left: 0 } #map-path a.home:before, #map-path a.home:after { display: none } #map-path ol li a:after { content: ""; font-family: FontAwesome; display: block; float: right; margin-left: 5px } #map-path ol li:last-child a:after { border-right-color: #c29e2f } #all-product .side-filter { align-items: flex-start; } #filter { text-align: right; margin-bottom: 30px; z-index: 30; } #filter .container-fluid { padding: 0; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; } #filter #scroll { height: 100vh } #filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #333 } #filter .scroll-filter { height: 100vh; overflow: hidden } #filter .bg { background-color: #fafafa; -webkit-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -o-transition: background .4s ease-out; transition: background .4s ease-out } #filter.fix { position: fixed; width: 100%; left: 0; top: 0; z-index: 9000 } #filter.fix .bg { margin: 0 15px; background: rgba(65, 77, 93, .9) } #filter.fix .bg .item-filter > a { color: #fff } #filter.no-fix .container-fluid { padding: 0 } #filter .item-filter { position: relative; position: relative; display: block; border-bottom: 1px solid #d9d9d9; } #filter .item-filter > a i { float: left; margin-top: 7px; } #filter .item-filter > a { display: block; padding: 20px; font-size: 1.05em } #filter .item-filter ul { list-style: none; padding: 20px; display: none; background-color: #fff; text-align: right; } #filter .item-filter ul li a { display: block; padding: 5px; white-space: nowrap } #filter .item-filter ul li a img { display: inline-block; height: 28px; width: 54px; position: relative; top: 12px; margin-left: 5px } #filter .item-filter ul li a span { font-size: .9em; color: #bababa } #filter .item-filter ul li a input { opacity: 0; display: none } #filter .item-filter ul li a:before { content: ""; display: inline-block; width: 13px; height: 13px; border: 1px solid #dfdfe0; margin-left: 5px; position: relative; top: 3px } #filter .item-filter ul li.checked a:before { background-color: #ccc } #filter .item-filter:hover > a { background-color: #fff; color: #000 !important } #filter .item-filter.filter-price li { margin-bottom: 10px } #filter .item-filter.filter-price li input[type="text"] { width: 100%; padding: 0 5px; border: 1px solid #dbd8d8; height: 35px; border-radius: 2px; -webkit-border-radius: 2px } #filter .item-filter.filter-price li input[type="button"] { background-color: #a8a8a8; border: 0; color: #fff; padding: 5px; width: 100%; cursor: pointer } #filter .item-filter.filter-price input[type="submit"] { width: 100%; padding: 5px 0; margin-top: 10px; background-color: #414c5b; color: #fff; border: 0; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer } #filter .item-filter.filter-price input[type="submit"]:hover { background-color: #2a3544 } .add-basket { display: inline-block; background-color: #219e34; color: #fff; margin-top: 0; margin-right: 50px; padding: 12px 30px; border-radius: 4px; -webkit-border-radius: 4px } .add-basket:hover { color: #fff; background-color: #136e21 } .modal-header { direction: rtl; text-align: right } #addtobascket { direction: rtl; text-align: right } #addtobascket .btn { width: 48%; font-size: 1.02em } .modal .close { left: 0; position: absolute; top: 13px } #addtobascket img { float: right; width: 80px; margin-left: 13px } #addtobascket .modal-body div { font-size: .95em } #addtobascket .modal-body div span:first-child { margin-left: 15px } .btn-primary { background-color: #c3cbd5; border-color: #c3cbd5 !important; color: #fff !important } .btn-primary:hover { background-color: #ccc } .btn-secondary { color: #fff; background-color: #414c5c; border-color: #414c5c } .btn { font-size: .95em } table.modern-table { width: 100%; border-collapse: separate; /* برای گوشه‌های رند شده */ border-spacing: 0; margin: 20px 0; font-size: 1em; direction: rtl; min-width: 400px; border: 2px solid #9893a7; box-shadow: 0 4px 15px rgba(0, 152, 121, 0.3); border-radius: 10px; overflow: hidden; background-color: #fff; } table.modern-table thead { background: linear-gradient(90deg, #c8cdcc, #cecfcf); color: #000000; font-weight: 700; text-transform: uppercase; font-size: 0.95em; } table.modern-table th, table.modern-table td { padding: 14px 20px; text-align: left; border: 1px solid #c1bdbd; /* بوردر داخلی */ transition: background-color 0.3s ease; } table.modern-table tbody tr:nth-of-type(even) { background-color: #f9f9f9; } table.modern-table tbody tr:hover { background-color: #e9e3e3; cursor: pointer; } table.modern-table tbody tr:last-child td { border-bottom: 1px solid #e9e3e3; } #list-txt { border: 1px solid #e9e6e6; padding-right: 7%; padding-left: 7%; padding-top: 50px; padding-bottom:50px; border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 30px; box-shadow: 0 0 2px -1px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 2px -1px rgba(0, 0, 0, .2); line-height: 30px; text-align: justify } #list-txt .txt { } #list-txt img { max-width: 100%; height: auto !important; } #list-txt .more { color: #e32119 } #list-txt a, #detail-article .txt a { color: #e32119; text-decoration: underline !important; text-underline-offset: 8px; text-decoration-style: dotted !important; } #list-txt a:hover, #detail-article .txt a:hover { color: #666; } #list-txt blockquote { background-color: #f9f9f9; border-right: 5px solid #02007e; padding: 20px 30px; margin: 20px 0; font-style: italic; color: #333; font-size: 1.2em; line-height: 1.6; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-align: justify; direction: rtl; } #selected-filter { margin-bottom: 30px } #selected-filter #clearall { display: inline-block; padding: 0 5px; border: 1px solid #ccc } #selected-filter span { display: inline-block; padding: 0 5px; background-color: #f3f3f3; border: 1px solid #f3f3f3 } #sorting select { width: 200px; border: 1px solid #ccc; margin-bottom: 30px } #scrollToTop { display: none; width: 30px; height: 30px; background-color: #a4a4a4; text-align: center; font-size: 2em; position: fixed; color: #fff; z-index: 9000; bottom: 21px; right: 10px; border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -o-transition: background .4s ease-out; transition: background .4s ease-out } #scrollToTop:hover { background-color: #8d8989 } #compare-list { background-color: #f3f4f6; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99999; border-top: 3px solid #c3cbd5 } #compare-list .item { width: 20%; padding: 0 15px; position: relative; border-left: 1px solid #ccc; background-color: #f6f6f6 } #compare-list .item:last-child { border: 0 } #compare-list .item .remove { position: absolute; top: 15px; right: 15px } #compare-list #toggle-btn { background: url(img/sprite.png) no-repeat -116px 0; display: block; font-size: 0; height: 31px; text-indent: -9999px; width: 84px; margin: 0 auto; position: relative; top: -27px } #compare-list #toggle-btn.is-close { background-position: -116px -34px } #compare-list .item .det { display: none; margin-top: 10px; font-size: .95em } #compare-list .item .det table { width: 100% } #compare-list .item .det table tr { border-bottom: 1px solid #dbdfe5 } #compare-list .item .det table tr td { padding: 3px } #compare-list .item .det table tr td:last-child { font-size: .95em; color: #666 } #compare-btn { display: block; margin-top: 15px; background-color: #c3cbd5; text-align: center; color: #000; padding: 5px } #compare-btn:hover { background-color: #555c64; color: #fff } .form-control { font-size: 1em } #login-page { background-color: #f9f7fc; width: 100%; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; direction: rtl; text-align: right; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #login-page img { display: block; margin: 25% auto 15px; margin-top: 25%; width: 270px } #login-page #cnt { width: 400px; margin: 30px auto 0; max-width: 100% } #login-page .bg { background-color: #fff; padding: 20px; border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 6px -3px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 6px -3px rgba(0, 0, 0, .5) } #login-page .bg > h3 { padding-bottom: 10px; border-bottom: 1px solid #ededed; margin-bottom: 10px; font-size: 1.1em } #login-page .form-item { margin-bottom: 15px; position: relative } #login-page .form-item label { display: block; font-size: .95em } #login-page .form-item input { width: 100%; height: 40px; margin-top: 4px; padding: 0 47px 0 15px; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; font-family: sans-serif; } #login-page .form-item i { position: absolute; bottom: 13px; right: 13px; font-size: 1.2em; color: #ccc } #login-page .form-item i.fa-mobile { font-size: 2em; bottom: 7px } #login-page .form-item input[type="submit"] { background-color: #e32119; text-align: center; padding: 0; border: 0; cursor: pointer; color: #fff } #login-page .form-item input[type="submit"]:hover { background-color: #ad2722 } .forget-pass { float: left; border-bottom: 1px dashed; font-size: .9em; margin-bottom: 5px } #login-page .sec2 input { position: relative; top: 4px } #login-page .sec2 a { color: #ffa400 } .remember { font-size: .95em } .remember input { position: relative; top: 3px } #login-page .txt { width: calc(100% + 40px); margin: 15px -20px -20px 0; padding: 20px; background-color: #fafafa; text-align: center; border-top: 1px solid #ccc } #login-page .txt a, #login-page.register-page .remember a { color: #e32119; border-bottom: 1px dashed } #footer-login { width: 100%; margin-top: 20px } #footer-login ul { text-align: center; border-top: 1px solid #ccc; list-style: none; padding: 0; margin: 0; font-size: .9em; margin-top: auto !important } #footer-login li { display: inline-block } #footer-login li a { display: block; padding: 10px } #footer-login p { text-align: center; color: #666; font-size: .9em } #detail-product { margin-bottom: 30px } #detail-product .name { font-weight: 900; margin-bottom: 5px; font-size: 1.25em; font-family: IRANSans2; display: inline-block } #detail-product .fake { background-color: #fff0f0; font-size: 0.75em; padding: 0 10px; border-radius: 25px; -webkit-border-radius: 25px; color: #582e2e; display: inline-block; position: relative; top: -4px; margin-right: 10px; } #detail-product .subj { color: #555; margin-bottom: 5px } #detail-product .code { font-size: .95em; color: #aeaeae } #detail-product .sec { border-bottom: 1px solid #ececec; padding-bottom: 15px; margin-bottom: 15px } #status-product.available { color: #36b44c; margin-bottom: 10px } #status-product .fa-uncheck { color: #e32119 } #status-product .text-primary img { display: inline-block; position: relative; width: 45px; top: 8px; margin-left: 5px } #detail-product .alt-price { font-size: .95em; color: #777; text-decoration: line-through; margin-left: 10px; clear: both } #detail-product .price-sec { float: right; font-size: 1.3em; width: 100%; } #detail-product #basket-sec { float: left; margin-top: 10px } #detail-product .price { color: #e32119; font-size: 1.1em; margin-top: 5px; } #gift-product .item-gift { width: 100%; border-left: 1px solid #ececec; border-radius: 5px; -webkit-border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #777; position: relative } #gift-product .item-gift a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100% } #gift-product .row > div:nth-child(2n) .item-gift { border: 0 } #gift-product .item-gift figure { margin-left: 10px } #gift-product .item-gift figure img { height: 80px } #gift-product .item-gift .icon { display: block; width: 24px; height: 19px; background: url(img/gift.svg) 0 0/cover; position: absolute; z-index: 15; left: 10px; top: 10px } #gift-product .item-gift:hover .det { color: #e32119 } #gift-product .title h3 { display: inline-block; background-color: #fff; padding-left: 20px; color: #e32119 } #gift-product .title h3:before { content: ""; display: inline-block; width: 24px; height: 19px; background: url(img/gift.svg) 0 0/cover; position: relative; top: 2px; margin-left: 7px } #basket-sec > .detail-qty { float: right; height: 50px; border: 1px solid #ede9e9; border-radius: 2px; -webkit-border-radius: 2px } .detail-qty { height: 50px } .detail-qty a { float: right; display: block; width: 25px; height: 50px; text-align: center; line-height: 50px } .detail-qty input { height: 48px; border: 0; text-align: center; width: 50px; float: right } #add-basket { display: block; float: right; height: 40px; background-color: #219e34; color: #fff; padding: 0 20px; line-height: 40px; margin-right: 25px; position: relative; z-index: 1; border-radius: 2px; -webkit-border-radius: 2px } #add-basket:hover { color: #fff; background-color: #136e21 } #small-info { list-style: none; padding: 0; margin: 0; font-size: .95em; margin-bottom: 20px } #small-info li { display: block; color: #514f4f; margin-bottom: 7px } #small-info li:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #807777; border-radius: 50%; -webkit-border-radius: 50%; margin-left: 5px } #tab { margin-top: 30px } #tab > ul { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1 } #tab > ul li { display: inline-block } #tab > ul li a { display: block; padding: 10px 20px; background-color: #f2f2f2 } #tab > ul li.active a { background-color: #fff; border: 1px solid #f3ecec; border-bottom: 0 } #tab .items { border: 1px solid #f3ecec; margin-top: -1px; padding: 20px; line-height: 33px; background-color: #fff } #info table { width: 100%; border-collapse: separate; border-spacing: 8px } #info table td { background-color: #fafafa; padding: 5px 15px } #info table td:first-child { width: 200px } #info table td.caption { background-color: #fff } .wiki-item { position: relative; border-bottom: 1px dashed; color: #1ca2bd; cursor: pointer } .wiki-item .txt { position: absolute; top: calc(100% + 17px); right: -10px; padding: 10px; min-width: 273px; max-width: 394px; -webkit-box-shadow: 0 -6px 12px 0 hsla(0, 0%, 71%, .3); box-shadow: 0 -6px 12px 0 hsla(0, 0%, 71%, .3); background-color: #fff; border: 1px solid #b8b8b8; z-index: 121; display: none; font-size: .9em; color: #333 } .wiki-item .txt:before { content: ""; display: block; position: absolute; top: -8px; right: 16px; width: 13.7px; height: 13.7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background-color: #fff; -webkit-box-shadow: inset -1px -1px 0 0 #b8b8b8; box-shadow: inset -1px -1px 0 0 #b8b8b8 } .item-tab { display: none } .item-tab.active { display: block; -webkit-animation: showtab .3s forwards; -moz-animation: showtab .3s forwards; animation: showtab .3s forwards } .item-tab#txt { line-height: 35px } .item-tab#txt img { max-width: 100% } #comments .item-rate { width: 50%; float: right; line-height: 18px; margin-top: 10px } #comments .item-rate span { display: inline-block } #comments .item-rate span.subj { width: 200px } #comments .item-rate .rate-line { width: 200px; position: relative; height: 3px; background-color: #ccc; margin-left: 10px } #comments .item-rate .rate-line i { display: block; height: 3px; position: absolute; top: 0; right: 0; background-color: #00bfd6 } #comments .btn-cmd { color: #fff; margin-top: 10px } .item-comment { border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 15px } .item-comment .date { color: #777; font-size: .9em } .item-comment .msg { background-color: #f1feff; border: 1px solid #c2f2f7; color: #1599a9; padding: 0 5px; border-radius: 3px; -webkit-border-radius: 3px } .item-comment .msg.msg-negative { background-color: #fff8f9; border: 1px solid #ffbcc7; color: #ff637d } .item-comment ul { list-style: none; padding: 0; margin: 0 } .item-comment ul.positive { color: #1599a9 } .item-comment ul.positive li:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #1599a9; border-radius: 50%; -webkit-border-radius: 50%; margin-left: 5px } .item-comment ul.negative { color: #ff637d } .item-comment ul.negative li:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #ff637d; border-radius: 50%; -webkit-border-radius: 50%; margin-left: 5px } #MagicToolboxSelectors89443 { padding: 0 15px } #MagicToolboxSelectors89443 .owl-buttons > div { position: absolute; cursor: pointer; font-size: 2em; top: 50%; left: 0; margin-top: -15px; cursor: pointer; color: #978181 } #MagicToolboxSelectors89443 .owl-buttons > div:not(.disabled):hover { color: #e32119 } #MagicToolboxSelectors89443 .owl-buttons > div.owl-next { left: auto; right: 0 } #MagicToolboxSelectors89443 .owl-buttons > div.disabled { color: #ccc; cursor: default } #gallery { position: relative } #gallery .hover { position: absolute; top: 15px; right: 15px; z-index: 10 } #gallery .hover a { clear: both; display: block; margin-bottom: 5px } #gallery .hover a span { top: 3px; color: #eee } #gallery .hover a:hover { color: #e32119; border-color: #e32119 } .irs-min, .irs-max, .irs-single, .irs-grid-pol.small { display: none } .irs-grid-text { font-family: IRANSans } .item-rate { margin-top: 30px } .item-rate .grid-txt { float: right; margin-top: 15px; margin-right: 10px } .item-rate .irs--flat.irs-with-grid { float: right; width: 70% } #comments-page .line { width: 100%; height: 1.5px; background-color: #d5d5d5; margin: 15px 0 } .comments-info .bg { background-color: #fcfcfc; padding: 20px } #comments-page .form-item { margin-bottom: 15px } #comments-page .form-item label { margin-bottom: 5px } #comments-page .form-item.cmm-positive label:before, #comments-page .form-item.cmm-negative label:before { width: 8px; height: 8px; border-radius: 4px; background: #00bfd6; content: ""; display: inline-block; margin-left: 10px } #comments-page .form-item.cmm-negative label:before { background-color: #fb3449 } #comments-page .form-item.cmm-positive, #comments-page .form-item.cmm-negative { position: relative } #comments-page .form-item.cmm-positive input, #comments-page .form-item.cmm-negative input { padding-left: 30px } #comments-page .form-item.cmm-positive .add, #comments-page .form-item.cmm-negative .add { position: absolute; top: 37px; left: 9px; border: 1px solid #ccc; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; display: none } #comments-page .item { background-color: #f1feff; border: 1px solid #c2f2f7; color: #1599a9; padding: 0 5px; border-radius: 3px; -webkit-border-radius: 3px; position: relative; margin-top: 10px } #comments-page .item a.remove { float: left } #comments-page .cmm-negative .item { background-color: #fff8f9; border: 1px solid #ffbcc7; color: #ff637d } .bs-example-modal-md, #add-new-address { direction: rtl; max-width: 90%; max-height: 90%; overflow-y: auto } .comment-questions { background-color: #fcfcfc; padding: 10px } .comment-questions ul { list-style: none; padding: 0; margin: 20px 0 0 0 } .comment-questions ul li { display: inline-block; margin-left: 15px } .comment-questions ul li:last-child { margin-left: 0 } .btn-cmd { background-color: #e32119; border: 0; padding: 5px 20px; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer } .btn-cmd:hover { background-color: #c91c14 } .cmt-btm p { font-size: .9em; float: right } .cmt-btm p a { color: #e32119 } .cmt-btm > a { float: left; color: #e32119 } .cmt-btm > a:hover, .cmt-btm p a:hover { color: #333 } #comments-page { margin-bottom: 30px } #comments-page .txt { line-height: 30px } #comments-page .txt > h3 { margin-bottom: 5px } #comment-img, .comment-img { width: 100% } #comment-img .show-img, .comment-img .show-img { width: 80px; display: inline-block; margin-left: 15px } .comment-modal { width: 757px; max-width: 95%; direction: rtl; text-align: right } .comment-modal .modal-dialog { max-width: 100% } .comment-modal .det { border-bottom: 1.5px solid #ccc; font-size: .9em } .comment-modal .det span { display: inline-block } .comment-modal #gallery #thumbnail { display: none } .comment-modal .msg { color: #1599a9; padding: 5px 0 0 0; border-radius: 3px; -webkit-border-radius: 3px } .comment-modal .msg.msg-negative { color: #ff637d } .comment-modal .txt { text-align: justify; color: #686363 } .comment-modal .btm { margin-top: 10px; display: block; width: 100%; float: right } .comment-modal .btm span { float: left } #login-modal .modal-dialog { width: 400px; max-width: 90% } #login-modal #login-page { display: block !important; min-height: auto } #login-modal .remember .checker { float: right; margin-left: 5px } #prv-basket .subj { font-size: 1.1em; margin: 15px 15px 30px 0 } #prv-basket table { width: 100%; line-height: 21px } #prv-basket table tr { border-top: 1px solid #b4b4b4 } #prv-basket table tr.gift-sec { border: 0 } #prv-basket table tr.gift-sec td { padding: 0 60px 0 10px } #prv-basket table td { padding: 20px 10px; vertical-align: middle } #prv-basket table td.img { width: 120px } #prv-basket table td.img img { max-width: 100% } #prv-basket table .det > h3 { font-size: 1.15em; margin-bottom: 20px } #prv-basket .price .alt-price { font-size: .9em } #prv-basket .price .alt-price .discount { text-decoration: line-through } #prv-basket .price .off { color: #e32119; font-size: .8em } #prv-basket .price .price { font-size: 1.15em } #prv-basket .num > div { position: relative; height: 100%; width: 100%; text-align: left } #prv-basket .num .alert-num { position: absolute; bottom: -35px; left: 0; white-space: nowrap; font-size: .85em; background-color: #e32119; padding: 3px 7px; color: #fff } #prv-basket .num .alert-num:before { content: ""; display: block; border-color: #e32119 transparent; border-style: solid; border-width: 0 10px 10px 10px; height: 0; width: 0; position: absolute; top: -9px; left: 10px } #prv-basket .num span { display: block; margin-bottom: 5px } #prv-basket .num select { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-top: 0; border-bottom: 0 } #prv-basket .close-part { text-align: left } #prv-basket .close-part .btn-info { font-size: .8em; color: #fff } #prv-basket .close-btn { color: #a8a8a8; font-size: 1.2em; cursor: pointer } #side-basket table { width: 100% } #side-basket table tr td { text-align: left; padding-bottom: 5px } #side-basket table tr td.subj { text-align: right } #side-basket .bg { background-color: #424242; color: #fff; padding: 10px; line-height: 32px; border-radius: 2px; -webkit-border-radius: 2px } #side-basket .bg p { margin-bottom: 5px } #side-basket .det { border-top: 1px solid #f0f1f3; border-bottom: 1px solid #f0f1f3; margin: 15px 0; padding: 10px 0; text-align: center } #side-basket .bg .txt { font-size: .8em; line-height: 20px } #side-basket .bg2 { background-color: #424242; color: #fff; padding: 10px; line-height: 32px; border-radius: 2px; -webkit-border-radius: 2px; margin-top: 3px; font-size: .8em; line-height: 20px } #side-basket .det .more { display: block; background: url(img/sprite.png) no-repeat 0 -84px; width: 173px; height: 43px; margin: 0 auto; color: #222d3f; line-height: 46px; color: #fff } .address-part { border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; padding: 30px 0; margin-bottom: 40px } .address-part .item { line-height: 24px; display: none; margin-bottom: 15px } .address-part .item.show { background-color: #fcfcfc; padding: 15px } .address-part .item.active-address { display: block } .address-part .item h3 { float: right; font-size: 1.1em; margin-left: 40px } .address-part .item .edit-address { float: right; color: #756f71; font-size: .9em } .address-part .item.show .edit-address { display: none } .address-part .item .phone { clear: both; float: right; margin-top: 15px; margin-left: 20px } .address-part .item .Postal-code { float: right; margin-top: 15px } .address-part .item .address { clear: both; float: right; margin-top: 15px } #change-address { float: left; background-color: #fab31b; display: block; padding: 12px 18px; color: #333 } .address-part .item .btm { float: right; width: 100%; margin-top: 15px; display: none } .address-part .item .btm a { display: block; background-color: #e3e3e3; float: left; color: #333; margin-right: 8px; padding: 5px 20px } .address-part .item .btm a:hover { background-color: #dfdcdc } .address-part .item .select-address { clear: both; float: right; width: 100%; background-color: #f5f5f5; margin-top: 15px; padding: 5px; text-align: center; display: none; cursor: pointer } .address-part .item.active-address.show { background-color: #f7fdfd } .modal-title { float: right } .form-horizontal label { margin-bottom: 5px; font-size: .95em } .form-horizontal .item { margin-bottom: 15px } #new-address { margin-bottom: 15px; display: none; position: relative } #new-address > p { margin-bottom: 15px } #new-address > a.btn-new { display: block; width: 100%; border: 1px dashed #b8b8b8; text-align: center; padding: 15px; color: #a5a3a3 } #new-address .close-address { position: absolute; top: -4px; left: 0; border: 1px solid #ccc; width: 20px; height: 20px; text-align: center; line-height: 22px; color: #999; border-radius: 50%; -webkit-border-radius: 50% } #new-address .close-address:hover { color: #000; border-color: #000 } #type-send, #type-pay { background-color: #f3f3f3; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; padding: 30px 0; margin-bottom: 30px } #select-send, #select-pay { float: right; width: 45% } #select-send .item, #select-pay .item { float: right; width: 100%; margin-bottom: 15px; padding: 5px 50px 5px 5px; cursor: pointer } #select-send .item.active, #select-pay .item.active { background-color: #d0d0d0 } #select-send .item img, #select-pay .item img { float: right; margin-left: 15px } #select-send .item h4, #select-pay .item h4 { color: #063154; margin: 5px 0 } #select-send .item span, #Cost p, #select-pay .item span { font-size: .9em; color: #666 } #Cost { float: right; width: 50%; padding: 30px 100px; text-align: center; line-height: 21px } #Cost h3 { font-size: 1.2em; color: #0a3057; margin-bottom: 15px } #Cost p { margin-top: 25px } #Cost .item { display: none } #Cost .item.active { display: block } #offcent-code { float: right; width: 50%; padding: 45px 70px 0 70px; text-align: center } #offcent-code > p { font-size: .9em } #offcent-code form { position: relative; width: 100%; background-color: #fff; border: 1px solid #adadad; margin-top: 20px; height: 28px; padding-left: 75px } #offcent-code form input[type="button"] { position: absolute; left: 0; top: 0; border: 0; background-color: #fbb31c; color: #333; height: 100%; width: 60px } #offcent-code form input[type="submit"] { position: absolute; left: 0; top: 0; border: 0; background-color: #fbb31c; color: #333; height: 100%; width: 60px } #offcent-code form input[type="text"] { width: 100%; border: 0; padding: 0 5px; height: 25px } #basket-part #prv-basket { background-color: #fff; min-height: 462px } #basket-part { margin: 40px 0 } .modal-header .close { float: left } .show { display: block !important } .hid { display: none !important } #add-new-address { direction: rtl; text-align: right } #add-new-address .btn-primary { color: #333; margin-right: 10px } #add-new-address .btn { min-width: 100px } #dynamic-text { margin-bottom: 30px } #dynamic-text #txt { text-align: justify; line-height: 35px; font-size: 1.1em } #dynamic-text #txt img { max-width: 100% } #form-border { margin: 0; padding: 30px; border: 1px solid #f7f7f7; margin-bottom: 30px; box-shadow: 0 0 2px -1px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 2px -1px rgba(0, 0, 0, .2) } .txt-contact { border-right: 1px solid #f7f7f7; line-height: 30px } #profile-info { margin-bottom: 30px } #Report { padding-top: 25px; clear: both } #Report .subj { float: right; width: 100% } #profile-user > h3 { font-size: 1.2em; line-height: 46px; margin-bottom: 20px; min-height: 50px } .information { margin-bottom: 30px } .information, .Report-table { width: 100%; margin-top: 30px; float: right } .information td { width: 25%; border: 1px solid #f0f0f0; padding: 15px; font-size: .9em; color: #8a8a8a } .information td span, .Report-table td span { color: #333 } .Report-table td { border: 1px solid #f0f0f0; padding: 15px; font-size: .9em; color: #8a8a8a } #profile-user .btn-cmd { height: 56px; color: #fff; line-height: 32px; float: left; margin-right: 10px } #profile-user .btn-cmd i { background-color: #ffa200; color: #595959; height: 31px } #profile-user .btn-cmd i:after { border-right-color: #ffa200 } #tab-profile { clear: both; float: right; margin-top: 30px; width: 100% } #tab-profile #list-tab { display: block; width: 100%; float: right; background-color: #f5f6f8; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; box-shadow: 0 -6px 10px -5px rgba(0, 0, 0, .2) inset; -webkit-box-shadow: 0 -6px 10px -5px rgba(0, 0, 0, .2) inset; list-style: none; padding: 0; margin: 0 } #tab-profile #list-tab li { float: right } #tab-profile #list-tab li a { border-color: transparent transparent transparent #ccc; border-color: transparent transparent transparent rgba(0, 0, 0, .2); border-style: solid; border-width: 1px; display: block; margin: 0; padding: 18px 20px 22px 20px; position: relative; vertical-align: middle; color: #333; border-top: 2px solid #f5f6f8 } #tab-profile #list-tab li a:before { display: none } #tab-profile #list-tab li.active a:after { border: 1px solid transparent; bottom: 0; box-shadow: -2px 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, .2); content: ""; display: inline-block; left: 0; position: absolute; top: 0 } #tab-profile #list-tab li.active a { background-color: #fff; border-left: 1px solid rgba(0, 0, 0, .2); border-right: 1px solid rgba(0, 0, 0, .2); border-top: 2px solid #cc0001; color: #cc0001 } #item-tabs { clear: both; float: right; width: 100% } #item-tabs .item-tab.active { display: block } .table-1, .table-2 { width: 100%; font-size: .9em } .table-1 th { direction: rtl; text-align: right; background-color: #3c3c3c; color: #fff; padding: 15px } .table-1 tr { border: 1px solid #e4e4e4; border-top: 0 } .table-1 tr:nth-child(even) { background-color: #f5f5f5 } .table-1 td { padding: 10px; vertical-align: middle } .table-2 th { background-color: #f8f9fb } .table-2 td, .table-2 th { padding: 15px 10px; border: 1px solid #e4e4e4; text-align: center; color: #666; vertical-align: middle } .table-2 td.status { background-color: #f8fff7; color: #4eaf50 } .table-2 td.payment a { background-color: #fafafa; border: 1px solid #ebeced; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); color: #777; cursor: no-drop; padding: 5px 18px } .table-2 td .detail { color: #333 } #pro-tab3 .table-1 td { text-align: right; width: 78%; vertical-align: middle } #pro-tab3 .table-1 td.img { width: 15% } #pro-tab3 .table-1 a, #pro-tab4 .table-1 a, #pro-tab5 .table-1 a, #pro-tab9 .table-1 a { color: #333 } #pro-tab3 .table-1 td.btn-prt { } #pro-tab3 .table-1 td.btn-prt a, #pro-tab4 .table-1 td.btn-prt a, #pro-tab5 .table-1 td.btn-prt a { display: inline-block; padding: 5px } #pro-tab4 .table-1 th.name, #pro-tab5 .table-1 th.name { width: 60% } #pro-tab6 .table-2 .active { background-color: #30db08 } #pro-tab6 .table-2 .de-active { background-color: #c00; color: #eee } #pro-tab6 .table-2 .detail-bon { display: none } #pro-tab6 .table-2 .detail-bon.act { display: table-row } .modal-dialog { margin: 10px auto; direction: rtl; text-align: right } #ChangePass .btn, #ChangeInfo .btn { border: 1px solid transparent; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px } #item-tabs .item-tab { border: 1px solid #f2f2f2; float: right; line-height: 33px; margin-top: 15px; padding: 25px; text-align: justify; width: 100%; display: none } .modal-sm { max-width: 400px } .modal-dialog.modal-sm { width: 400px } .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 80px; -webkit-transform-origin: center center; transform-origin: center center; width: 80px; margin: auto } .circular .path { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke: #fff } #tab-basket > ul { float: right; width: 100%; list-style: none; padding: 0; margin: 0 0 0 0 } #tab-basket > ul > li { float: right } #tab-basket > ul > li > a { display: block; padding: 5px 15px; position: relative } #tab-basket > ul > li > a.active { color: #dd221a } #tab-basket > ul > li > a:after { content: ""; display: block; height: 3px; background-color: #dd221a; position: absolute; bottom: -2px; left: 0; width: 100%; z-index: 100; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; opacity: 0 } #tab-basket > ul > li > a.active:after { opacity: 1 } #tab-basket .item-tab { clear: both } .mCSB_buttonUp, .mCSB_buttonDown { font-family: 'FontAwesome' } .mCSB_buttonUp:before { content: "" } .mCSB_buttonDown:before { content: "" } #other-seller { margin: 30px 0 } #other-seller table { width: 100%; border: 1px solid #ccc; margin: 15px 0 } #other-seller tr { border-bottom: 1px solid #ccc; background-color: #fdfdfd } #other-seller tr:nth-child(2n) { background-color: #f4fbff } #other-seller td { padding: 15px 8px; vertical-align: middle } #other-seller td svg { height: 25px; margin-left: 15px } #other-seller td > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #other-seller .info h3 span { background-color: #f2f8f2; color: #388e3c; font-size: .9em; border-radius: 30px; -webkit-border-radius: 30px; padding: 0 0 0 10px; margin-right: 5px } #other-seller .info svg { fill: #666 } #other-seller .info p { color: #00bfd6 } #other-seller .delivery-sec svg { fill: #d8117d } #other-seller .delivery { font-size: .9em; color: #8d9096 } #other-seller .basket-sec { text-align: center } #other-seller .basket-sec a { display: inline-block; margin: 0 auto; padding: 5px 23px; border: 1px solid #ef394e; border-radius: 5px; -webkit-border-radius: 5px; color: #ef394e } #other-seller .basket-sec a:hover { background-color: #ef394e; color: #fff } #other-seller .gift { display: inline-block; width: 33px; height: 21px; background: url(img/gift.svg) no-repeat center center/17px; z-index: 15; position: relative; top: 7px; border: 1px solid #e32119; border-radius: 5px; -webkit-border-radius: 5px; margin-right: 5px } #other-seller .gift .hover { width: 200px; direction: rtl; background: #fff; font-size: .9em; text-align: justify; padding: 15px; position: absolute; top: 35px; border: 1px solid #ccc; box-shadow: 0 0 2px -1px #000; -webkit-box-shadow: 0 0 2px -1px #000; border-radius: 3px; -webkit-border-radius: 3px; display: none } #other-seller .gift .hover:before { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; position: absolute; top: -8px; right: 9px } #other-seller .gift .hover:after { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -6px; right: 9px } #other-seller .basket-sec .detail-qty { float: right } #other-seller .basket-sec .detail-qty a { width: 37px; height: 37px; padding: 0; line-height: 41px; border: 1px solid #888; color: #888 } #other-seller .basket-sec .detail-qty a:hover { background: none; color: #ef394e } #other-seller .basket-sec .detail-qty input[type="text"] { width: 37px; height: 37px; margin: 0 5px; border: 1px solid #888; background: none; border-radius: 5px; -webkit-border-radius: 5px; text-align: center } #other-seller .basket-sec .add-basket-btn { float: right; margin-top: 6px; margin-right: 15px } #bg-blog { border: 1px solid #dee2e6; background-color: #fff; padding: 20px } .item-blog { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 15px } .item-blog:last-child { border-bottom: 0; padding-bottom: 0 } .item-blog h3 { margin-bottom: 6px } .item-blog .blog-meta { font-size: .9em; border-bottom: 1px solid #ebebeb; padding-bottom: 5px; margin-bottom: 10px; color: #888 } .item-blog .blog-meta a, #blog-detail .blog-meta a { color: #ffa400 } .item-blog .blog-desc { text-align: justify; font-size: .95em; color: #6e6d6d; margin: 10px 0 6px 0 } .item-blog .more, .item-blog h3 a:hover { color: #e32119 } .item-blog .more:hover { padding-right: 5px } #blog-detail .blog-meta { font-size: .9em; border-bottom: 1px solid #ebebeb; padding-bottom: 8px; margin: 10px 0 20px; color: #888 } .img-blog { margin-bottom: 15px } .post_content { text-align: justify; line-height: 35px } #blog-detail blockquote { margin: 25px 40px 25px 0; font-style: italic; padding: 30px 45px; background: #f6f6f6; border: 1px solid #ebebeb; border-right: 4px solid #c40316 } #blog-detail .entry_content { margin-bottom: 25px; margin-top: 22px } #blog-detail .entry_content .post_meta { margin-bottom: 0; line-height: 2 } #blog-detail .post_meta { float: right; font-size: .9em } #blog-detail .social_sharing { float: left } #blog-detail .social_sharing span { font-size: .9em; margin-left: 8px } #blog-detail .social_sharing ul { list-style: none; padding: 0; margin: 0; display: inline-block } #blog-detail .social_sharing ul li { display: inline-block } #blog-detail .social_sharing ul li a { background: #e6e6e6; border-radius: 100%; display: inline-block; height: 26px; line-height: 28px; text-align: center; width: 26px; margin-left: 5px; margin-top: 2px; margin-bottom: 2px } #paging { border-top: 1px solid #ddd; padding: 15px 0; text-align: center; direction: ltr } #paging a { display: inline-block; min-width: 25px; height: 25px; text-align: center; color: #777; margin-right: 5px; line-height: 25px; border-radius: 2px; -webkit-border-radius: 2px } #paging a:hover { color: #ffae00 } #paging a.current { background-color: #151515; color: #fff } #paging a.disable { color: #c4c4c4; cursor: default } .item-form { margin-bottom: 10px } #comments { margin-top: 30px } #comment-form .txt { margin-bottom: 15px; color: #777 } #items-comment .item { background-color: #fcfcfc; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding: 15px } #items-comment .item .name-comment { float: right } #items-comment .item .date { color: #888; float: left; font-size: .9em } #items-comment .item p { color: #666; font-size: .95em; margin: 5px 0 } #items-comment .item .reply-btn { color: #333; float: left } #items-comment .item.item-reply { margin: 30px 30px 0 0; border-bottom: 0; border-top: 1px solid #ccc; float: right; width: calc(100% - 30px) } #items-comment .item { background-color: #fcfcfc; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding: 15px } #gift-sec .subj { font-size: 1.2em; border-bottom: 1.5px solid #ececec; height: 17px; margin-bottom: 30px } #gift-sec .subj h3 { color: #e32119; background-color: #fff; display: inline-block; padding-left: 15px } #gift-sec .subj h3:before { content: ""; display: inline-block; width: 24px; height: 19px; background: url(img/gift.svg) 0 0/cover; position: relative; margin: 0 0 0 7px; top: 3px } #gift-sec .item-gift { margin-bottom: 30px; position: relative } #gift-sec .item-gift a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } #gift-sec .item-gift figure { float: right } #gift-sec .item-gift figure img { height: 60px } #gift-sec .item-gift .det span { display: block; color: #888 } #bg-404 { background-color: #fafafa; padding: 50px 0 } #page-404 { text-align: center } #page-404 p { font-size: 2em; margin-bottom: 35px } #page-404 .btn-cmd:hover { background-color: #aa140e; color: #fff } #page-404 img { display: block; margin: 50px auto 0 } #bg-404 #top-cat { margin-top: 30px } #bg-404 #top-cat p { direction: rtl; text-align: center; font-size: 1.3em; margin: 20px 0 40px } #main-modal { display: none } #modal-discount { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background: rgba(0, 0, 0, .5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto } #modal-discount #cnt-modal { width: 600px; overflow: hidden; position: relative; max-width: 90%; direction: rtl; text-align: center } #modal-discount #cnt-modal:before { content: ""; display: block; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #f6f5f5; position: absolute; top: 3px; left: 50%; margin-left: -40px } #modal-discount #cnt-modal img { display: block; border-radius: 50%; -webkit-border-radius: 50% } #modal-discount #cnt-modal .txt { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; margin: -100px 0 0 -100px; box-shadow: 0 0 20px -2px #000; -webkit-box-shadow: 0 0 20px -2px #000 } #modal-discount #cnt-modal .txt p { margin-top: 42px } #modal-discount #cnt-modal .txt:before { content: ""; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; position: absolute; top: -6px; left: 50%; margin-left: -9px } #modal-discount #cnt-modal .link-register { display: block; background-color: #e32119; color: #fff; width: 110px; margin: 15px auto; padding: 5px 0 } #modal-discount #cnt-modal .link-register:hover { background-color: #c01a13 } #modal-discount #cnt-modal .link { font-size: .9em; border-bottom: 1px solid #857f7f; color: #857f7f } #modal-discount #cnt-modal a.close-modal { color: #fff; font-size: 2em; position: absolute; right: 0; top: 0 } .profile-box { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1); -webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1); border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; border: 1px solid #f1f1f1 } #side-menu ul { list-style: none; padding: 0; margin: 0; width: 100% } #side-menu ul li { width: 100% } #side-menu ul li a { display: block; padding: 10px } #side-menu ul li a:hover, #side-menu ul li.active a { color: red } #side-menu ul li a i { font-size: 1.3em; position: relative; top: 2px; margin-left: 5px } #side-menu ul li a:hover { color: #e32119 } .subj-profile { font-size: 1.1em; margin-bottom: 15px } #information.profile-box { padding: 0 } .profile-box table { width: 100% } .profile-box td, .profile-box th { border-left: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 15px } #information td { width: 50% } .profile-box td span { color: #bababa; display: block } .profile-box tr td:last-child, .profile-box tr th:last-child { border-left: 0 } .edit-link { margin: 15px 0; display: inline-block; color: #1ca2bd; border-bottom: 1px dotted } #list-fav .item { margin: 0; border-bottom: 1px solid #f1f1f1; padding: 10px 0 } #list-fav .item a.img { width: 40px } #list-fav .item .det { width: calc(100% - 100px) } #list-fav .item .del { width: 50px } #list-fav .item .del a { display: block; text-align: center; font-size: 1.3em } #list-fav .item .status { font-size: .95em } #list-fav .item .status.not-available { color: red } #list-fav .item .status.available { color: #00d12d } #list-fav { height: 296px; padding-bottom: 55px } #list-fav .text-center { position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px) } #new-list { margin: 30px 0 } #new-list .profile-box { padding: 0 } #new-list table { text-align: center } #new-list table th { background-color: #f7f7f7 } #new-list table tr:nth-child(odd) { background-color: #fbfbfb } #new-list table td a.more { display: block; font-size: 1.9em } #new-list table td a.more i { position: relative; top: 4px } #new-list table td a.more:hover { color: red } #tab { border-bottom: 1px solid #f2f2f2; position: relative } #tab > a { float: right; display: block; padding: 10px; position: relative } #tab > a span { display: inline-block; min-width: 22px; text-align: center; background-color: #a1a3a8; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 2px } #tab > a.active { color: red } #tab > a.active span { background-color: red } #list-order { margin-bottom: 30px } #list-order .item { border: 1px solid #f1f1f1; margin-top: 30px; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px } #list-order .item .top { border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; margin-bottom: 15px } #list-order .item .top .right { float: right } #list-order .item .top .right span:after { content: ""; background: #dfdfdf; width: 4px; height: 4px; margin: auto 12px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50% } #list-order .item .top .right span:last-child:after { display: none } #list-order .item .top .left { float: left } #list-order .item .top .left a, #list-order .btm a { color: #00bfd6 } #list-order .item .top .price { float: right; width: 100%; margin-top: 8px } #list-order .item .top .price span { color: #81858b } #list-order .items { border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; margin-bottom: 15px } #list-order .items p { width: 100%; margin-bottom: 15px } #list-order .items a { display: inline-block; width: 50px } #list-order .btm { text-align: left } #tab > a#search-btn { float: left; font-size: 1.3em; position: relative; z-index: 2 } #search-order { position: absolute; top: 0; right: 0; background-color: #fff; width: 100%; height: 100%; border-bottom: 1px solid #30196a; padding-right: 30px; display: none } #search-order input { width: 100%; height: 100%; border: 0 } #search-order a { font-size: 1.8em; position: absolute; right: 0; text-align: center; width: 21px; height: 100%; line-height: 48px } .tab-profile > ul { border-bottom: 1px solid #f2f2f2; list-style: none; padding: 0; margin: 0 0 20px 0 } .tab-profile > ul > li { float: right } .tab-profile > ul > li a { float: right; display: block; padding: 10px; position: relative } .tab-profile > ul > li a.act { color: red } .tab-profile > ul > li a.act:after { content: ""; display: block; width: 100%; height: 3px; background-color: red; position: absolute; right: -1px; bottom: -1px } .tab-profile .items-tab { display: none } .tab-profile .items-tab.active { display: block } #fav-page { margin-bottom: 30px } #fav-page .item { margin-bottom: 15px } #fav-page .item .row { margin: 0; padding: 15px 0 } #fav-page .item a.img { width: 80px } #fav-page .item .del a { display: block; text-align: center; font-size: 1.3em } #fav-page .item .det { width: calc(100% - 100px); padding: 0 10px } #fav-page .item .det h3 { white-space: nowrap; font-size: 1.2em; margin-bottom: 10px } #fav-page .item .det h3 a { color: #000 } #fav-page .item .alt-price p { display: inline-block; color: #999; text-decoration: line-through } #fav-page .item .alt-price span { display: inline-block; background-color: #fb3449; color: #fff; margin: 0 4px 0 0; font-size: .8em; padding: 0 5px; border-radius: 28px; -webkit-border-radius: 28px } #fav-page .item .price { font-size: 1.1em; margin-top: 5px } #fav-page .item a.more { font-size: .9em; color: #12b4cd; margin-top: 5px; display: inline-block } #fav-page .item .info { height: 55px } #fav-page .item .status { color: #979797; font-size: 1.05em; float: right; margin-top: 14px } #fav-page .item .info.notification { color: #979797 } .address-modal .form-item { margin-bottom: 15px } .address-modal .form-item label { font-size: .95em; margin-bottom: 3px } .address-modal .form-item p { font-size: .8em; color: #888 } .address-modal .line { width: 100%; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px } .address-modal .btn-primary { background-color: #e32119; border-color: #e32119 } .address-modal input[type="checkbox"] { float: right; margin: 4px 0 0 6px } #address-profile .item { border-bottom: 1px solid #f1f1f1; padding: 15px 0 15px 70px; position: relative } #address-profile .item p { margin-bottom: 10px; color: #81858b; font-size: .9em } #address-profile .item p.address { color: #000; font-size: 1.05em } #address-profile .item p a { color: #00bfd6 } #address-profile .item .remove { font-size: 1.5em; position: absolute; top: 10px; left: 0; width: 30px; display: block; text-align: center } #add-address { display: inline-block; padding: 20px 0; color: #000; font-size: 1.1em; margin-bottom: 30px } #comments-page .txt1 { font-size: 1.1em; margin: 10px 0 4px 0 } .item-cmt { margin: 20px 0 0; border-bottom: 1px solid #dfdfdf; padding-bottom: 20px } .item-cmt figure.img { float: right; width: 80px } .item-cmt p { float: left; margin-top: 30px } .item-cmt p a { color: #12b4cd } .item-cmt h3 { float: right; width: calc(100% - 180px) } #my-comment { width: 100% } #my-comment td.img { width: 90px } #my-comment a.img { width: 80px; display: block } #my-comment td { vertical-align: middle; border-bottom: 1px solid #ececec; padding: 15px 0 } .rate-box { display: inline-block; width: 32px; text-align: center; background-color: #65aa57; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; font-size: .95em } .rate-box.rate-box2 { background-color: #b1b64d } .rate-box.rate-box3 { background-color: #f9bc00 } .like-pro { display: inline-block; color: #00a049; margin: 0 6px 2px 0 } .is-ok { border: 1px solid #4caf50; background-color: rgba(76, 175, 80, .1); color: #2e7b32; width: 90px; display: inline-block; text-align: center; border-radius: 5px; -webkit-border-radius: 5px } #my-comment td a { display: inline-block; padding: 5px } #my-comment .selller { margin-top: 8px } #my-comment .selller svg { width: 20px; fill: #999; position: relative; top: 5px } #Edit-profile { padding: 15px 30px } #Edit-profile .item { border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; padding-left: 40px; padding: 15px } #Edit-profile .item a { position: absolute; top: 8px; left: 15px; font-size: 1.2em; display: block; padding: 5px } #Edit-profile .item:nth-child(2n) { border-left: 0 } #Edit-profile .item.no-border { border-bottom: 0 } #national-code .additional-info { display: none } .fileinput-wrapper { display: block; position: relative; padding-left: 35px } .fileinput { overflow: hidden; position: relative; cursor: pointer; z-index: 1 } .fileinput input[type=file], .fileinput input[type=file]:focus, .fileinput input[type=file]:hover { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; outline: 0 } .fileinput-name { margin-right: 8px } .fileinput-name .close { float: none; margin-left: 8px; vertical-align: middle; left: 0; position: absolute; top: 6px } #verify-phone { margin-top: 10px; text-align: center; position: relative } #verify-phone input { text-align: left; letter-spacing: 23px; border: 0; direction: ltr; margin-left: 40px } #verify-phone:before { content: "----"; display: block; font-weight: bold; position: absolute; text-align: center; letter-spacing: 25px; font-size: 1.2em; left: 133px } #modal-verify .resend { display: none } .standbyme-hidden { visibility: hidden } .standbyme-wrapper { position: fixed; top: 0 } .standbyme-wrapper-bottom { position: absolute } #sidebar-menu { margin-bottom: 30px } .countdown div { display: inline-block; position: relative; top: 2px } .countdown ul { list-style: none; padding: 0; margin: 0 } .timeTo { direction: ltr; font-family: IRANSans !important; display: inline-block; line-height: 32px } .timeTo div:nth-child(1), .timeTo div:nth-child(2), .timeTo span:nth-child(3) { display: none !important } figure, figcaption { display: block } .transition { -webkit-transition: top 400ms linear; -moz-transition: top 400ms linear; -ms-transition: top 400ms linear; -o-transition: top 400ms linear; transition: top 400ms linear } .timeTo { font-family: Tahoma, Verdana, Aial, sans-serif; height: 32px } .timeTo.timeTo-black div { color: #fff; background: #45484d; background: -moz-linear-gradient(top, #45484d 0%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000)); background: -webkit-linear-gradient(top, #45484d 0%, #000 100%); background: -o-linear-gradient(top, #45484d 0%, #000 100%); background: -ms-linear-gradient(top, #45484d 0%, #000 100%); background: linear-gradient(to bottom, #45484d 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0) } .timeTo.timeTo-black .timeTo-alert { background: #a74444; background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74444), color-stop(67%, #3f0000)); background: -webkit-linear-gradient(top, #a74444 0%, #3f0000 67%); background: -o-linear-gradient(top, #a74444 0%, #3f0000 67%); background: -ms-linear-gradient(top, #a74444 0%, #3f0000 67%); background: linear-gradient(to bottom, #a74444 0%, #3f0000 67%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a74444', endColorstr='#3f0000', GradientType=0) } .timeTo figure { display: inline-block; margin: 0; padding: 0 } .timeTo figcaption { text-align: center; line-height: 80%; font-weight: 400; color: #888 } .timeTo div { position: relative; display: inline-block; width: 12px; height: 22px; overflow: hidden } .timeTo ul { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 3px } .timeTo ul li { margin: 0; padding: 0; list-style: none } #detail-order .top, #detail-order .info, #detail-order .detail-info { border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; margin-bottom: 15px } #detail-order #back { float: right; font-size: 1.3em } #detail-order .top h3 { float: right; font-size: 1.3em; margin: 0 15px } #detail-order .top span { color: #000; font-size: 1em; float: right } #detail-order .top span:after { content: ""; background: #dfdfdf; width: 4px; height: 4px; margin: auto 12px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50% } #detail-order .top span:last-child:after { display: none } #detail-order .info p { margin: 0 0 5px 10px; color: #81858b; float: right } #detail-order .info p span { color: #000 } #detail-order .info p:last-child { width: 100%; margin: 0 } #detail-order .detail-info .price { float: right } #detail-order .detail-info #histroty-transaction { float: left; color: #000 } #detail-order #histroty-det { float: right; width: 100%; background-color: #fafafa; border: 1px solid #e0e0e2; margin-top: 15px; padding: 15px; display: none } #detail-order #histroty-det table { width: 100% } #detail-order #histroty-det td, #detail-order #histroty-det th { padding: 5px } #detail-order #histroty-det th { font-family: 'IRANSans_Bold' } #detail-order #histroty-det .fa-check-circle { font-size: 1.5em; color: #4caf50 } #items-order .right { float: right } #items-order .right img { display: inline-block; width: 35px; position: relative; top: 3px; margin: 0 2px } #items-order .left { float: left; width: 320px } #items-order .left .line { width: 100%; height: 5px; border-radius: 2px; -webkit-border-radius: 2px; background-color: #e5e6e7; position: relative; margin-top: 5px } #items-order .left .line i { position: absolute; height: 100%; top: 0; right: 0; background-color: #4caf50; border-radius: 2px; -webkit-border-radius: 2px } #items-order .id { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 15px 0; margin: 15px 0; color: #81858b } #items-order .id p { color: #81858b; float: right } #items-order .id p:last-child { float: left } #items-order .id p span { color: #000 } #list-order-table table { width: 100% } #list-order-table td { vertical-align: top } #list-order-table td.img { width: 100px } #list-order-table a.img { width: 100px; display: block } #list-order-table .btn-buy { width: 120px } #list-order-table .btn-comment { width: 100px } #list-order-table td { padding: 10px 0 } #list-order-table td a { color: red; display: block; text-align: center } #list-order-table tr { border-bottom: 1px solid #f1f1f1 } #list-order-table tr:last-child { border: 0 } #show-factor { margin: 20px 0; text-align: left } #show-factor a { color: #00bfd6 } .border-order { border: 1px solid #f1f1f1; padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 30px } .select2-results__options { direction: rtl; text-align: right } .bg-gray2 { background-color: #eee; padding: 30px 0; direction: rtl; text-align: right; overflow: hidden } .bg-gray2 .title, #new-article .title { border-color: #acacac } .bg-gray2 .title h3, #new-article .title h3 { display: inline-block; background-color: #eee; padding-left: 20px } .bg-gray2 .title span.more { display: inline-block; background-color: #eee; padding-right: 20px; float: left } .bg-gray2 .title span.more a { border: 1px solid #bdbdbd; padding: 4px 35px; font-size: .95em; position: relative; top: 3px; border-radius: 30px; -webkit-border-radius: 30px } .bg-gray2 .title span.more a:hover { background-color: #fff } #top-article { margin-top: 10px; float: right; width: 100% } #top-article .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; } #top-article .owl-item { padding: 5px 0; } #top-article .item { box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; overflow: hidden; height: 100% } #top-article .item .cnt { padding: 15px } #top-article .item .cnt .btm, #new-article .item .btm { margin-top: 10px; color: #afb6bc } #top-article .item .user-pro, #new-article .item .btm .user-pro { float: right } #top-article .item .user-pro i, #new-article .item .btm .user-pro i { color: #176198 } #top-article .item .time, #new-article .item .btm .time { float: left } #top-article .item .time i, #new-article .item .btm time i { color: #777 } #top-article .item .btm i, #new-article .item .btm i { margin-left: 3px } #top-article .owl-buttons > div { display: block; width: 120px; height: 120px; background-color: #f6f5f4; box-shadow: -30px 0 200px 100px #e9e9e9; -webkit-box-shadow: -30px 0 200px 100px #e9e9e9; position: absolute; top: 50%; left: -60px; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; font-size: 4em; color: #666; line-height: 134px; text-indent: -26px; margin-top: -60px; cursor: pointer } #top-article .owl-buttons > div.owl-next { left: auto; right: -60px; text-indent: 26px } #new-article { background-color: #f6f5f4; padding: 30px 0 } #new-article .new-items .item, .new-items .item { background-color: #fff; height: 100%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; overflow: hidden } #new-article .new-items .item > a { display: block; position: relative; overflow: hidden } #new-article .new-items .item .cat { display: block; position: absolute; background-color: #0eabef; color: #fff; z-index: 1; left: 10px; top: -50px; font-size: .9em; padding: 0 15px; border-radius: 15px; -webkit-border-radius: 15px } #new-article .new-items .item:hover .cat { top: 10px } #new-article .new-items .item a .btm { position: absolute; bottom: -50px; color: #fff; font-size: .9em; width: 100%; left: 0; text-align: left; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0); padding: 20px 10px 10px 10px } #new-article .new-items .item:hover a .btm { bottom: 0 } #new-article .item .cnt { padding: 15px } #new-article .new-items > div { margin-bottom: 30px; text-align: center } #new-article .new-items > div h3:after, #side-article .subj:after { content: ""; display: block; width: 45px; border-top: 2px solid #63d0df; margin: 15px auto } #new-article .item h3 a { color: #222 } #new-article .item h3 a:hover { color: #e32119 } #new-article .item p { color: #6b7074; margin: 15px 0 } #new-article .title h3 { background-color: #f6f5f4 } .side-item .items { background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; overflow: hidden } .side-item .items .subj { margin: 15px 0; font-size: 1.2em } .side-item .items .subj:before { content: ""; display: block; width: 60px; height: 2px; background-color: #65d1df; float: right; margin: 13px 0 0 15px } .side-item .items .item1 { margin-bottom: 15px } .side-item .items .item1 a.img img { display: block; width: 120px; height: 120px; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin: 0 auto 15px } .side-item .items .item1 h3 { padding: 0 10px; text-align: center; color: #6b7074; font-size: 1.1em } .side-item .items .item1 a:hover h3 { color: #e32119 } .side-item .items .item2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 10px; border-top: 1px solid #f5f5f5 } .side-item .items .item2 a.img { width: 60px; display: block; position: relative; border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden } .side-item .items .item2 a.img i { color: #fff; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background: rgba(0, 0, 0, .6); font-size: .6em; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; line-height: 20px; text-indent: -2px; margin: -10px 0 0 -10px } .side-item .items .item2 .det { font-size: .95em; padding-right: 15px; line-height: 20px } #new-article .side-item .items .item2 .det h3 a:hover { color: #e32119 } .side-item .items { margin-bottom: 30px } .side-item .items:last-child { margin-bottom: 0 } #new-article .side-item .items .item2 .det h3 a { color: #6b7074 } .side-item .items .item2 .det .time { color: #afb6bc; font-size: .9em; margin-top: 5px; display: block } .side-item .items .item2 .det .time i { margin-left: 5px } .side-item .items .show-all { display: block; width: 100%; text-align: center; background-color: #fafafa; padding: 10px 5px } .top-items { background-color: #f6f5f4; padding: 30px 0; margin-top: -30px } .top-items #cat { width: 100%; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; margin-bottom: 30px } .top-items #cat ul { list-style: none; padding: 0; width: 100%; margin: 0 } .top-items #cat ul li, .top-items #cat ul li a { width: 100%; float: right; display: block } .top-items #cat ul li a { padding: 10px } .top-items #cat ul li a img { float: right } .top-items #cat ul li a:hover { background-color: #f7f7f7 } .item-tiles { margin-bottom: 30px } .item-tiles a { box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); display: block; position: relative; color: #000 } .item-tiles a img { width: 100% } .item-tiles a:hover { color: #e32119 } .item-tiles a:hover img { filter: grayscale(1) } .item-tiles a h3 { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; background: rgba(255, 255, 255, .85); padding: 15px } #top-adver { box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); display: block; margin-bottom: 30px } #detail-article { margin-top: -30px } #detail-article .bg, #side-article { box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; padding: 30px } #detail-article h1 { font-size: 1.2em; color: #6b7074; float: right; width: 70%; margin-bottom: 10px } #detail-article .social-cat { float: left; color: #9ba4ab } #detail-article .social-cat a { color: #9ba4ab } #detail-article .social-cat a i { font-size: 1.7em; position: relative; top: 4px } #detail-article .social-cat span { margin: 0 5px } #detail-article .btm { clear: both; width: 100%; padding-top: 15px } #detail-article .cat { display: block; background-color: #0eabef; color: #fff; padding: 0 15px; border-radius: 15px; -webkit-border-radius: 15px; float: right } #detail-article .date { color: #9ba4ab; float: right; margin-right: 15px } #detail-article .time { color: #9ba4ab; float: left } #detail-article .txt { margin-top: 15px; line-height: 30px; text-align: justify } #detail-article .txt img { max-width: 100% } #side-article { padding: 15px } #side-article .subj { text-align: center } #side-article .subj:after { margin: 5px auto 20px } #side-article .owl-carousel { margin-bottom: 30px } #side-article .owl-carousel .item { text-align: center } #side-article .owl-carousel .item img { display: block; margin: 0 auto } #side-article .owl-carousel .item h3 { margin: 10px 0 } #side-article .owl-carousel .item h3 a { display: block; color: #666 } #side-article .owl-buttons > div { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; width: 30px; height: 30px; text-align: center; font-size: 1.6em; line-height: 33px; border-radius: 2px; -webkit-border-radius: 2px; position: absolute; top: 50%; left: 0; margin-top: -15px; cursor: pointer } #side-article .owl-buttons > div.owl-next { left: auto; right: 0 } #side-article .owl-buttons > div:hover { background-color: #333; color: #fff } #side-article.side-item .items { background-color: #fff; box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; border-radius: 0; -webkit-border-radius: 0; padding: 0 } #side-article.side-item .items img { border-radius: 50%; -webkit-border-radius: 50% } a.active.fav { transform: translateX(10%) !important; color: #e60e18 } #sorting { margin-top: 15px } #sorting span { display: inline-block; color: #000; padding-left: 5px } #sorting span i { margin-left: 5px } #sorting ul { display: inline-block; list-style: none; margin: 0; padding: 0; } #sorting ul li { display: inline-block; } #sorting ul li a { display: block; color: #777; padding: 0px 4px } #sorting ul li a:hover { color: #000; } #sorting ul li.act a { color: #e32119; } #comments-form .row > div { margin-bottom: 30px } #comments-sec .item-comments { padding: 0 20px; } #comments-sec .item-comments.reply-sec { padding-right: 50px; border-bottom: 0; border-top: 1px solid #c9c7c7; padding-top: 10px; margin-top: 10px; } #comments-sec .item-comments .top { position: relative; margin-bottom: 10px; } #comments-sec .item-comments .top:before { } #comments-sec .item-comments .name { float: right; text-align: center; margin-left: 3px; } #comments-sec .item-comments .name span { display: block } #comments-sec .item-comments .name span:last-child { color: #5d1628 } #comments-sec .item-comments .date { color: #959595 } #comments-sec .item-comments .btm { margin-top: 10px; } #comments-sec .item-comments .btm a { color: #7b7a7a; display: inline-block; padding: 3px 5px; margin-left: 12px; } #comments-sec .item-comments .btm a:hover { color: #5d1628 } #comments-sec .item-comments { border-bottom: 1px solid #c9c7c7; padding-bottom: 15px; margin-bottom: 15px; } #comments-form .subj { color: #7f7f7f; border-bottom: 1px solid #5d1628; padding-bottom: 10px; margin-bottom: 17px; } #comments-form input[type="text"], #comments-form textarea { border: 1px solid #eaeaea; padding: 0 15px; width: 100%; margin-bottom: 15px; height: 40px; } #comments-form textarea { padding: 15px; height: 150px; } /*****/ @media(max-width:1200px) { #top-search { width: 209px } #bg-nav #top-nav ul li ul.brand-items .tab a { width: 150px } #bg-nav #search-menu input { width: 380px } #detail-article h1 { width: 60% } } @media(min-width:992px) { #ChangeInfo .modal-dialog { max-width: 700px } } @media(max-width:991.98px) { .qucik-view .cnt { width: 700px } .modal-sm { max-width: 90% } } @-webkit-keyframes showtab { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } @-moz-keyframes showtab { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } @keyframes showtab { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } .code { font-size: .95em; color: #aeaeae } a.code::before { content: ""; border: 0 !important } /*#mCSB_1_container .fa { position: absolute; top: -1px; font-size: 24px; left: 0 }*/ .imageuploadify { border: 2px dashed #d2d2d2; position: relative; min-width: 250px; max-width: 1000px; margin: auto; display: flex; padding: 0; flex-direction: column; text-align: center; background-color: #fff; color: #3aa0ff; margin-top: 20px; border-radius: 2px } .imageuploadify .imageuploadify-overlay { z-index: 10; width: 100%; height: 100%; position: absolute; flex-direction: column; top: 0; left: 0; display: none; font-size: 7em; background-color: rgba(242, 242, 242, .7); text-align: center; pointer-events: none } .imageuploadify .imageuploadify-overlay i { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none } .imageuploadify .imageuploadify-images-list { display: inline-block } .imageuploadify .imageuploadify-images-list i { display: block; font-size: 7em; text-align: center; margin-top: .5em; padding-bottom: 12px } .imageuploadify .imageuploadify-images-list span.imageuploadify-message { font-size: 24px; border-top: 1px solid #3aa0ff; border-bottom: 1px solid #3aa0ff; padding: 10px; display: inline-block } .imageuploadify .imageuploadify-images-list button.btn-default { display: block; color: #3aa0ff; border-color: #3aa0ff; border-radius: 1em; margin: 25px auto; width: 100%; max-width: 500px } .imageuploadify .imageuploadify-images-list .imageuploadify-container { width: 100px; height: 100px; position: relative; overflow: hidden; margin-bottom: 1em; float: left; border-radius: 12px; box-shadow: 0 0 4px 0 #888 } .imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger { position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 15px; font-size: 10px; line-height: 1.42; padding: 2px 0; text-align: center; z-index: 3 } .imageuploadify .imageuploadify-images-list .imageuploadify-container img { height: 100px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto } .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details { position: absolute; top: 0; padding-top: 20px; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(255, 255, 255, .5); z-index: 2; opacity: 0 } .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span { display: block } li.sepecial-sale a { background-color: #e4121b; color: #fff !important; padding: 14px 45px 16px 25px; display: block; position: relative } li.sepecial-sale a:before { content: ""; display: inline-block; width: 27px; height: 27px; position: relative; background: url(/Content/css/img/icon.png) no-repeat 0 -135px; right: 0; top: 7px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-animation: animate1 3s infinite ease-in-out; -moz-animation: animate1 3s infinite ease-in-out; animation: animate1 3s infinite ease-in-out } @-webkit-keyframes animate1 { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=1) } } @-moz-keyframes animate1 { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=1) } } @keyframes animate1 { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=1) } } @-webkit-keyframes animate1 { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=1) } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0) } 0% { -webkit-transform: rotate(-360deg) } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0) } 0% { -moz-transform: rotate(-360deg) } } @keyframes rotate { 0% { transform: rotate(0) } 0% { transform: rotate(-360deg) } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89px, 200px; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89px, 200px; stroke-dashoffset: -124px } } @keyframes dash { 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89px, 200px; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89px, 200px; stroke-dashoffset: -124px } } @-webkit-keyframes ShowMenu { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } @-moz-keyframes ShowMenu { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } @keyframes ShowMenu { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } #fag-items { margin-bottom: 30px } #fag-items .item { display: block; margin-top: 15px; background-color: #fff; border: 1px solid #e9e8e7; border-radius: 8px; -webkit-border-radius: 8px } #fag-items .item a { display: block; padding: 10px 15px 10px 30px; position: relative } #fag-items .item a i { color: #e00; } #fag-items .item a i { position: absolute; left: 15px; top: 16px } #fag-items .item .reply { padding: 0 15px 15px; line-height: 26px; text-align: justify; display: none } #fag-items .item.act .reply { } /*****/ #top-footer .bg2 { background-color: #9b9b9b; padding: 15px; margin-bottom: 30px; } #top-footer { float: right; width: 100%; background-color: #f7f7f7; border-top: 5px solid #e4121b; padding: 30px 0; margin-top: 30px; font-size: .9em; } .footer-title { font-family: IRANSans_Bold; margin-bottom: 10px; } .nav-footer { margin-bottom: 20px; } .nav-footer li a { display: block; color: #000; padding: 7px 0; font-size: 0.95em } .nav-footer li a:hover { color: #ec0e16; } /*****/ #footer-link a { float: left; margin-right: 10px; } #footer-link a img { width: 25px; filter: grayscale(1); } #footer-link a:hover img { filter: grayscale(0); } #top-footer .about p { line-height: 20px; font-size: 0.97em; text-align: justify; margin-bottom: 10px; } #top-footer .about a { color: #333; font-size: 0.9em } #top-footer .about a:hover { color: #ec0e16; } #top-footer .subj, #news-letther-footer > h3 { font-family: 'IRANSans_Bold'; position: relative; padding-bottom: 20px } #top-footer .subj:before { content: ""; display: block; width: 50px; height: 1px; background-color: #e4121b; position: absolute; bottom: 10px; right: 0 } #top-footer .subj:after { content: ""; display: block; width: 70px; height: 1px; background-color: #bc1219; position: absolute; bottom: 6px; right: 0 } #top-footer .bg { background-color: #fff; padding: 30px 0 } #top-footer .bg3 { background-color: #fff; padding: 30px 0 } .about-footer { color: #555; line-height: 21px; text-align: justify; } /****/ .new-letter { position: relative; float: left; width: calc(100% - 150px); } .new-letter p { color: #a2a2a2; font-size: 0.9em; margin-bottom: 20px; } .new-letter .txt-input { width: 100%; background-color: #fefefe; height: 35px; border: 0; padding: 0 10px 0 35px; color: #333; border-radius: 5px; -webkit-border-radius: 5px; } .new-letter .btn-submit { position: absolute; left: 0; bottom: 0; height: 35px; width: 44px; border: 0; background-color: #666; color: #fff; font-size: 1.2em; border-radius: 5px 0 0 5px; cursor: pointer; outline: none !important; } #news-letther-footer > h3 { padding-bottom: 10px } #news-letther-footer { float: left; width: calc(100% - 280px); } #mag { float: right; margin-top: 5px; width: 180px; } /******/ #enamad a, #enamad img { float: left } #cat-list { width: 100%; padding-bottom: 22px; border-bottom: 1.5px solid #ececec; margin-bottom: 50px; } #cat-list .slick-arrow { width: 30px; height: 30px; border: 1px solid #ececec; position: absolute; padding: 5px; top: 50%; left: 0; margin-top: -35px; background-color: #fff; z-index: 100 } #cat-list { padding-bottom: 22px; border-bottom: 1.5px solid #ececec; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px } #cat-list .item { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; padding: 0 15px; } #cat-list .item.hide { display: none } #cat-list a { display: block; position: relative; background-color: #f0f0f1; padding: 10px; height: 100%; border-radius: 3px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 3%); -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 3%); } #cat-list a img { display: block; margin: 0 auto; } #cat-list #show-more span { display: block; font-weight: bold; font-size: 1.3em; color: #000; padding: 21px 0 8px 0; } .fa-exclamation:before { content: "\f12a"; } #info table td .guide i { padding-left: 15px; } #info table td .guide { position: relative; cursor: pointer; } #info table td .guide:hover i { color: #e32119; } #info table td .guide .txt { font-size: 0.8em; position: absolute; right: 12px; top: 0px; width: 200px; border-radius: 5px; background-color: rgba(255,255,255,0.9); box-shadow: 0px 0px 2px rgb(0 0 0 / 50%); display: none; font-weight: normal; padding: 5px; z-index: 1; } /***********************/ #brand-sec > ul > li ul li.list-brand { width: 126px; height: 100%; position: absolute; top: 20px; right: 20px; } #brand-sec > ul > li ul li.list-brand span { display: inline-block; width: 32px; height: 32px; float: right; border: 1px solid #ccc; border-radius: 50%; text-align: center; margin: 5px; color: #000 !important; cursor: pointer; padding-top: 4px; } #brand-sec > ul > li ul li.list-brand span.act { background-color: #000; color: #fff !important } #brand-sec > ul > li ul .hide { display: none !important }