/** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 10px solid #fff;*/ left:0; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: auto; right:25px; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 3px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #11507e; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 6px; background: url(../images/arrow_left_gold.png) no-repeat 0 0; } .bx-wrapper .bx-next { right: 6px; background: url(../images/arrow_right_gold.png) no-repeat 0 0; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: 0 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -31px; outline: 0; width: 10px; height: 14px; text-indent: -9999px; z-index: 9999; background-size:contain; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:0;margin:.2em 22px .2em .4em;vertical-align:middle}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-size:1em}.ui-widget-content{border:1px solid #ddd;background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#444}.ui-widget-content a{color:#444}.ui-widget-header{border:1px solid #ddd;background:url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x #ddd;color:#444;font-weight:700}.ui-widget-header a{color:#444}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ddd;background:url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x #f6f6f6;font-weight:700;color:#0073ea}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#0073ea;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #0073ea;background:url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x #0073ea;font-weight:700;color:#fff}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ddd;background:url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:700;color:#ff0084}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#ff0084;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#444}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ff0084;background:url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#222}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#222}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_ff0084_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_0073ea_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_666666_256x240.png)}.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_0073ea_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ff0084_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:2px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:2px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:2px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:2px}.ui-widget-overlay{background:url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x #eee;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-4px 0 0 -4px;padding:4px;background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.6;filter:Alpha(Opacity=60);border-radius:0}/*! * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px */.ui-widget{font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-size:1em}.ui-widget-content{border:1px solid #ddd;background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#444}.ui-widget-content a{color:#444}.ui-widget-header{border:1px solid #ddd;background:url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x #ddd;color:#444;font-weight:700}.ui-widget-header a{color:#444}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ddd;background:url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x #f6f6f6;font-weight:700;color:#0073ea}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#0073ea;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #0073ea;background:url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x #0073ea;font-weight:700;color:#fff}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ddd;background:url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:700;color:#ff0084}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#ff0084;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#444}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ff0084;background:url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#222}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#222}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_ff0084_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_0073ea_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_666666_256x240.png)}.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_0073ea_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ff0084_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:2px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:2px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:2px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:2px}.ui-widget-overlay{background:url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x #eee;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-4px 0 0 -4px;padding:4px;background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.6;filter:Alpha(Opacity=60);border-radius:0} /*! jQuery-ui-Slider-Pips - v1.11.3 - 2016-03-15 * Copyright (c) 2016 Simon Goellner ; Licensed MIT */ /* HORIZONTAL */ /* increase bottom margin to fit the pips */ .ui-slider-horizontal.ui-slider-pips { margin-bottom: 1.4em; } /* default hide the labels and pips that arnt visible */ /* we just use css to hide incase we want to show certain */ /* labels/pips individually later */ .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } /* now we show any labels that we've set to show in the options */ .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } /* PIP/LABEL WRAPPER */ /* position each pip absolutely just below the default slider */ /* and also prevent accidental selection */ .ui-slider-pips .ui-slider-pip { width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: 0.8em; color: #999; overflow: visible; text-align: center; top: 20px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-state-disabled.ui-slider-pips .ui-slider-pip { cursor: default; } /* little pip/line position & size */ .ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; } /* the text label postion & size */ /* it overflows so no need for width to be accurate */ .ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; } /* make it easy to see when we hover a label */ .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; } /* VERTICAL */ /* vertical slider needs right-margin, not bottom */ .ui-slider-vertical.ui-slider-pips { margin-bottom: 1em; margin-right: 2em; } /* align vertical pips left and to right of the slider */ .ui-slider-vertical.ui-slider-pips .ui-slider-pip { text-align: left; top: auto; left: 20px; margin-left: 0; margin-bottom: -0.5em; } /* vertical line/pip should be horizontal instead */ .ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; } .ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; } /* FLOATING HORIZTONAL TOOLTIPS */ /* remove the godawful looking focus outline on handle and float */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label { outline: none; } /* style tooltips on handles and on labels */ /* also has a nice transition */ .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -40px; display: block; width: 34px; margin-left: -18px; left: 50%; height: 20px; line-height: 20px; background: white; border-radius: 3px; border: 1px solid #888; text-align: center; font-size: 12px; opacity: 0; color: #333; -webkit-transition-property: opacity, top, visibility; transition-property: opacity, top, visibility; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 200ms, 200ms, 0ms; transition-duration: 200ms, 200ms, 0ms; -webkit-transition-delay: 0ms, 0ms, 200ms; transition-delay: 0ms, 0ms, 200ms; } /* show the tooltip on hover or focus */ /* also switch transition delay around */ .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { opacity: 1; top: -30px; visibility: visible; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 200ms, 200ms, 0ms; transition-delay: 200ms, 200ms, 0ms; } /* put label tooltips below slider */ .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } /* give the tooltip a css triangle arrow */ .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: " "; width: 0; height: 0; border: 5px solid rgba(255, 255, 255, 0); border-top-color: white; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; } /* put a 1px border on the tooltip arrow to match tooltip border */ .ui-slider-float .ui-slider-tip:before, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { content: " "; width: 0; height: 0; border: 5px solid rgba(255, 255, 255, 0); border-top-color: #888; position: absolute; bottom: -11px; left: 50%; margin-left: -5px; } /* switch the arrow to top on labels */ .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-bottom-color: white; top: -10px; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-bottom-color: #888; top: -11px; } /* FLOATING VERTICAL TOOLTIPS */ /* tooltip floats to left of handle */ .ui-slider-vertical.ui-slider-float .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-tip-label { top: 50%; margin-top: -11px; width: 34px; margin-left: 0px; left: -60px; color: #333; -webkit-transition-duration: 200ms, 200ms, 0; transition-duration: 200ms, 200ms, 0; -webkit-transition-property: opacity, left, visibility; transition-property: opacity, left, visibility; -webkit-transition-delay: 0, 0, 200ms; transition-delay: 0, 0, 200ms; } .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 50%; margin-top: -11px; left: -50px; } /* put label tooltips to right of slider */ .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label { left: 47px; } .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { left: 37px; } /* give the tooltip a css triangle arrow */ .ui-slider-vertical.ui-slider-float .ui-slider-tip:after, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-left-color: white; border-top-color: transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -10px; margin-left: 0; top: auto; left: auto; } .ui-slider-vertical.ui-slider-float .ui-slider-tip:before, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-left-color: #888; border-top-color: transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -11px; margin-left: 0; top: auto; left: auto; } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-right-color: white; right: auto; left: -10px; } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-right-color: #888; right: auto; left: -11px; } /* SELECTED STATES */ /* Comment out this chuck of code if you don't want to have the new label colours shown */ .ui-slider-pips [class*=ui-slider-pip-initial] { font-weight: bold; color: #14CA82; } .ui-slider-pips .ui-slider-pip-initial-2 { color: #1897C9; } .ui-slider-pips [class*=ui-slider-pip-selected] { font-weight: bold; color: #FF7A00; } .ui-slider-pips .ui-slider-pip-inrange { color: black; } .ui-slider-pips .ui-slider-pip-selected-2 { color: #E70081; } .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line { background: black; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #F2F2F2; position: relative; } .jspDrag { background: #a37b2c; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 10px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } /*.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }*/ .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } /* =========================================================== * * Name: selectordie_dev.css * Updated: 2014-10-10 * Created by: Per V @ Vst.mn * What?: Base CSS for Select or Die * * Copyright (c) 2014 Per Vestman * Dual licensed under the MIT and GPL licenses. * * No, I don't usually comment my CSS, but in this * case it might "help" someone. * * Oddny | Cogs 'n Kegs * =========================================================== */ /* Remove, change to fit your needs */ @import url(http://fonts.googleapis.com/css?family=Lato:300,700); .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 1; width: 200px; padding: 15px 10px; border: 3px solid #5e5e5e; background: #ffffff; color: #444444; font-size: 11px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; } /* Up/Down arrows */ .sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 12px; font-size: 7px; } /* Down arrow */ .sod_select:after { content: "\25BC"; top: auto; bottom: 12px; } /* Change the border color on hover, focus and when open */ .sod_select:hover, .sod_select.open, .sod_select.focus { border-color: #000000; } .sod_select.open { color: #919191; } .sod_select.focus { box-shadow: 0 0 5px rgba(0,0,0,.2); } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 200px; margin: 0 0 0 -3px; background: #ffffff; border: 3px solid #000000; border-top: none; color: #444444; font-weight: 300; z-index: 1; } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { background: inherit; color: #cccccc; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: #f7f7f7; color: #333333; } /*Make room for the check mark */ .sod_select .sod_option.selected { font-weight: 700; padding-right: 25px; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } /* * jQuery FlexSlider v2.6.1 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; cursor:pointer; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 20px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; }*/ .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; text-align: right; } /*.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }*/ .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { 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-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto} /*! * Cropper.js v1.5.12 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2021-06-12T08:00:11.623Z */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{image-orientation:0deg;display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed} .jq-stars { display: inline-block; } .jq-rating-label { font-size: 22px; display: inline-block; position: relative; vertical-align: top; font-family: helvetica, arial, verdana; } .jq-star { width: 100px; height: 100px; display: inline-block; cursor: pointer; } .jq-star-svg { padding-left: 3px; width: 100%; height: 100% ; } .jq-star:hover .fs-star-svg path { } .jq-star-svg path { /* stroke: #000; */ stroke-linejoin: round; } /* un-used */ .jq-shadow { -webkit-filter: drop-shadow( -2px -2px 2px #888 ); filter: drop-shadow( -2px -2px 2px #888 ); } /*# sourceMappingURL=vendor.css.map */ /* Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; } fieldset, img { display: block; border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ""; } abbr, acronym { border: 0; } /*FONTS*/ /* font-family:'Nunito-Regular'; font-family:'Nunito-Bold'; font-family:'Nunito-ExtraBold'; font-family:'Nunito-Light'; font-family:'MrsEavesRoman-Regular'; font-family:'MrsEaves-Bold'; */ /*MEDIAS*/ /* @media only screen and (max-width: 1280px) @media only screen and (max-width: 959px) @media only screen and (max-width: 767px) @media only screen and (max-width: 640px) @media only screen and (max-width: 479px) @media only screen and (max-width: 359px) */ /*COLORS*/ /* gold a37b2c */ body { font-family: "Nunito-Light"; font-size: 12px; overflow-x: hidden; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } button { border: none; cursor: pointer; padding: 0px; } a { color: #585858; text-decoration: none; } span { font-family: "Nunito-Light"; } input[type="text"] { width: 100%; display: block; border: none; color: #999; font-family: "Nunito-Light"; font-size: 12px; text-transform: uppercase; } ::-webkit-input-placeholder { color: #999; opacity: 1; } ::-moz-placeholder { color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; opacity: 1; } :-moz-placeholder { color: #999; opacity: 1; } .wrapper { min-height: 100vh; position: relative; overflow: hidden; } /* general class for adjust flexbox */ .flexor { display: -ms-flexbox; display: flex; } .flexor-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexor-row { -ms-flex-direction: row; flex-direction: row; } .flexor-column { -ms-flex-direction: column; flex-direction: column; } .flexor-between { -ms-flex-pack: justify; justify-content: space-between; } .flexor-around { -ms-flex-pack: distribute; justify-content: space-around; } .flexor .flexorItem-20 { width: 20%; } .flexor .flexorItem-25 { width: 25%; } .flexor .flexorItem-30 { width: 30%; } .flexor .flexorItem-33 { width: 33.333333%; } .flexor .flexorItem-40 { width: 40%; } .flexor .flexorItem-50 { width: 50%; } #plain-header { position: relative; width: 100%; height: 100px; background-color: #FFFFFF; } #plain-header .plainHeaderWrapper { position: relative; width: 1200px; height: 100%; margin: 0 auto; } #plain-header .action { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #plain-header .actionLink { font-family: "Nunito-Regular"; font-size: 18px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.1em; color: #1D1D1D; } #plain-header .actionLink:before { content: ""; width: 10px; height: 20px; margin-right: 10px; background-image: url("/images/version-2/icons/arrow-left-thinner.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; float: left; } #plain-header .logo { position: absolute; top: 50%; left: 50%; width: 350px; margin: 0; transform: translate(-50%, -50%); } #plain-header .logo img { width: 100%; } @media only screen and (max-width: 1280px) { #plain-header .plainHeaderWrapper { width: 960px; } } @media only screen and (max-width: 980px) { #plain-header .action { left: 15px; } } @media only screen and (max-width: 959px) { #plain-header .plainHeaderWrapper { width: 100%; } } @media only screen and (max-width: 768px) { #plain-header { height: 60px; } #plain-header .actionLink { font-size: 0; } #plain-header .logo { width: 240px; } } header { box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08); } header#simple .headerTop { display: none; } header#simple .headerBottom .headerBottomBox { height: 90px; padding: 25px 0 0; } header#simple #logo { float: none; } .animation_header { width: 100%; background: #FFF; position: fixed; top: 0; left: 0; z-index: 10000; } .animation_header .headerTop, .animation_header .headerTopLeft, .animation_header .headerTopRight { height: 50px; line-height: 50px; } .animation_header .headerBottomLeft { top: -18px; left: 0; color: #FFF; } .animation_header .headerBottomLeft .phoneLine { display: inline-block; } .animation_header .headerBottomBox { height: 45px; padding-top: 10px; } .animation_header #logo { display: none; } .animation_header #small-logo { display: block; } .animation_header .headerBottom { display: none; } .animation_header nav { position: absolute; top: 50px; z-index: 10000; } .animation_header nav ul li a { height: 45px; line-height: 45px; font-size: 12px; font-family: "Nunito-Regular"; } .animation_header nav ul li .subMenuContainer { top: 45px; } .animation_header nav ul li.sellWithUs .subMenuContainer { left: -242px; } .animation_header nav ul li .subMenuContainer a { height: auto; line-height: normal; } .animation_header .howItWorksInfo a { margin: 10px 0 0; } .headerTop { width: 100%; height: 32px; background: #FFFFFF; } .headerTopBox:after { content: ""; display: block; clear: both; } .headerTopBox { width: 1200px; margin: 0 auto; } .headerTopLeft { float: left; height: 32px; position: relative; /*color: #888;*/ } span.currency { line-height: 32px; display: block; float: left; margin-right: 20px; margin-left: 10px; color: #FFF; } .headerTopLeft .selectBox { width: 90px; margin: 3px 0 0; position: relative; } .selectBox { float: left; margin: 8px 0 0; } .headerTopRight { height: 32px; line-height: 32px; font-family: "Nunito-Regular"; float: right; } ul.menu li { padding-bottom: 15px; } ul.menu li:last-child { padding-bottom: 0; } .headerBottom { width: 100%; position: relative; z-index: 10000; } .headerBottomBox { width: 1200px; height: 70px; margin: 0 auto; padding: 15px 0 0; position: relative; } .headerBottomLeft { font-family: "Nunito-Regular"; font-size: 12px; color: #363636; text-transform: uppercase; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .headerBottomLeft span { color: #A47B24; font-family: "Nunito-Regular"; font-size: 12px; } .searchBox { position: absolute; left: 0; top: 50%; width: 200px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .searchBox form { display: flex; align-items: center; } .searchBox .searchIcon { width: 24px; height: 24px; margin-right: 3px; background: url("/images/version-2/icons/search-icon.svg") no-repeat center; background-size: contain; } .searchBox input[type="text"] { flex-grow: 1; padding: 5px 0; font-family: "Nunito-Regular"; font-size: 14px; color: #1d1d1d; border-bottom: 1px solid transparent; } .searchBox input[type="text"]::placeholder { color: #1d1d1d; } .searchBox input[type="text"]:active, .searchBox input[type="text"]:focus { border-color: #1d1d1d; transition: .2s ease-in-out; } /*.searchBox input[type="submit"],*/ /*.searchDesignerBox input[type="submit"] {*/ /* width: 18px;*/ /* height: 18px;*/ /* text-indent: -9999px;*/ /* border: none;*/ /* display: block;*/ /* background: url(/images/icon_magnifier.png) no-repeat top center;*/ /* position: absolute;*/ /* top: 0;*/ /* right: 0;*/ /* cursor: pointer;*/ /*}*/ #logo { width: 380px; height: 40px; display: block; margin: 0 auto; background: url(/images/logo-only.png) center / contain no-repeat; text-indent: -9999px; } #small-logo { display: none; width: 320px; height: 50px; background: url(/images/logo-only.png) center / contain no-repeat; text-indent: -9999px; } #logo.off { height: 60px; background: url(/images/logo-only.png) top center / contain no-repeat; } #small-logo.off { background: url(/images/logo-only.png) top center / contain no-repeat; } .headerBottomRight { position: absolute; top: 50%; right: 0; max-width: 300px; background: #FFFFFF; transform: translateY(-50%); } .headerNotificationWrapper { position: relative; float: left; width: 70px; height: 36px; cursor: pointer; } .headerNotificationWrapper .notificationIcon { position: absolute; top: 7px; left: 10px; display: block; width: 24px; height: 24px; } .headerNotificationContainer { position: absolute; top: 36px; margin-left: -60px; z-index: 1000; display: none; width: 400px; background: #FFF; border-radius: 10px; box-shadow: 0 3px 7px 0 #E3E3E3; } .headerNotificationContainer h3 { padding: 10px 20px; font-family: "Nunito-ExtraBold"; font-size: 14px; text-transform: uppercase; color: #000; border-bottom: 1px solid #E3E3E3; } .headerNotificationContainer .notificationItem { display: flex; padding: 10px 20px; background-color: #F5F6FA; border-bottom: 1px solid #E3E3E3; cursor: pointer; } .headerNotificationContainer .notificationItem:hover, .headerNotificationContainer .notificationItem.isRead { background-color: #FFF; } .headerNotificationContainer .notificationItem .notificationIcon { flex: 1 1 20%; } .headerNotificationContainer .notificationItem .notificationIcon .iconWrapper { position: relative; width: 50px; height: 50px; padding: 5px; background-color: #F5F6FA; border-radius: 4px; } .headerNotificationContainer .notificationItem .notificationIcon .iconWrapper img { width: 100%; height: 100%; object-fit: cover; } .headerNotificationContainer .notificationItem .notificationContent { flex: 1 1 80%; font-family: "Nunito-Regular"; color: #4A4A4A; line-height: 1.5; } .headerNotificationContainer .notificationItem .notificationContent .notificationTitle { font-family: "Nunito-ExtraBold"; font-size: 14px; } .headerNotificationContainer .notificationItem .notificationContent .notificationDescription { font-size: 14px; } .headerNotificationContainer .notificationItem .notificationContent .notificationTime { margin-top: 5px; font-size: 12px; } .headerNotificationContainer .empty { padding: 40px; border-radius: 4px; font-family: "Nunito-Regular"; font-size: 16px; text-align: center; } .headerNotificationContainer .bottomAction { padding: 10px 20px; } .headerNotificationContainer .bottomAction a { font-family: "Nunito-Bold"; font-size: 14px; color: #A37B24; } .headerNotificationContainer .bottomAction a.allNotification { float: right; } .viewingRequest, .myBag { position: relative; width: 70px; max-width: 75px; height: 36px; padding: 5px 10px; line-height: 36px; cursor: pointer; float: left; } .viewingRequest .viewingRequestIcon, .myBag .bagIcon { position: absolute; display: block; top: 50%; right: 36px; width: 24px; height: 24px; transform: translateY(-50%); } .myBag .bagItem, .viewingRequest .viewingRequestItem, .headerNotificationWrapper span { position: absolute; top: 50%; right: 10px; display: block; min-width: 20px; height: 20px; padding: 0 5px; line-height: 20px; font-family: "Nunito-Regular"; font-size: 8px; text-align: center; color: #1D1D1D; background: #E5E5E5; border-radius: 99px; transform: translateY(-50%); } .myBag.active, .viewingRequest.active, .headerNotificationWrapper.active, .loginBox.active { box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08); } .viewingRequest .viewingRequestIcon img, .myBag .bagIcon img, .headerNotificationWrapper .notificationIcon img, .loginBox .userIcon img { width: 100%; } .loginBox .userIcon img { border-radius: 50%; } .loginBox.desktop { display: flex; justify-content: space-between; align-items: center; } .loginBox { position: relative; max-width: 150px; height: 36px; line-height: 36px; padding: 0 10px; font-family: "Nunito-Regular"; color: #1d1d1d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; } .loginBox a { font-family: "Nunito-Bold"; color: #A47B24; } .loginBox .userIcon { width: 24px; height: 24px; border-radius: 50%; } .loginBox .userName { max-width: 90px; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .userItemsToShipMark { display: inline-block; width: 8px; height: 8px; background-color: #BE2719; border-radius: 50%; } .loginWrapper, .myBagWrapper, .viewingRequestWrapper { position: absolute; top: 36px; right: 0; display: none; width: 240px; margin: 5px 0; background: #FFFFFF; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08); z-index: 10002; } .loginWrapper.afterLogin { width: 260px !important; padding: 0; } .loginWrapper.pages { width: 320px; background: #F3F3F3; position: static !important; display: block; margin: 80px auto; border: none; border-radius: 5px; padding: 20px; } .loginWrapper.pages input[type="text"], .loginWrapper.pages input[type="password"], .registerWrapper input[type="text"], .registerWrapper input[type="password"] { height: 30px !important; } .loginWrapper.pages .loginBtn, .registerWrapper .loginBtn, .loginWrapper.pages .facebookLogin, .registerWrapper .facebookLogin, .loginWrapper.pages .signUpBox a, .registerWrapper .signUpBox a { height: 30px; line-height: 30px; } .registerWrapper { max-width: 320px; margin: 80px auto; padding: 20px; background: #F3F3F3; } .registerWrapper .selection { font-size: 10px; } .registerWrapper .terms { font-size: 11px; margin-top: 20px; } .registerWrapper .facebookLogin { margin: 10px 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 26px; } .registerWrapper input[type="radio"] + label { font-size: 12px; margin: 0 5px; } .registerWrapper input[type="radio"] + label span { border: 1px solid #585858; width: 10px; height: 10px; } .registerWrapper input[type="radio"]:checked + label span { border-color: #A47B24; } .registerWrapper input[type="radio"] + label span:before { width: 8px; height: 8px; } .radioBox { margin: 10px 0 20px; } .dobWrapper:after { content: ""; display: block; clear: both; } .dobWrapper span.title_new { color: #585858; text-align: center; font-size: 12px; display: block; margin: 0 0 5px; } .dobBox { width: 90px; float: left; margin-right: 5px; } .dobBox:last-child { margin: 0; } .select2-container, .formBox .selectBox .select2-container { width: 100% !important; z-index: 9998; } .select2-container--open { z-index: 100001 !important; } .viewingRequestWrapper, .myBagWrapper { width: 420px; max-height: 475px; overflow-y: auto; } .viewingRequestWrapper.desktop, .myBagWrapper.desktop { display: none; } .myBagWrapper .myBagTitle, .viewingRequestWrapper .viewingRequestTitle { position: sticky; left: 0; top: 0; padding: 15px; font-family: "Nunito-ExtraBold"; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: #1d1d1d; background-color: #FFFFFF; box-shadow: 0 0 6px rgba(29, 29, 29, 0.1); z-index: 2; } .myBagItems { padding: 15px; } .myBagBox { display: flex; justify-content: center; padding: 15px 0; font-family: "Nunito-Regular"; border-bottom: 0.5px solid #C4C4C4; } .myBagBox:last-child { border: none; } .myBagBoxMoreItem { padding-top: 15px; font-family: "Nunito-ExtraBold"; font-size: 12px; text-align: center; } .myBagBoxMoreItem a { color: #1d1d1d; } .myBagImg { width: 20%; min-width: 55px; max-width: 80px; margin-right: 10px; background: #FFF; } .myBagImg img { width: 100%; } .myBagInfo { display: flex; width: 80%; flex-grow: 1; font-size: 10px; line-height: 16px; } .myBagInfo .leftInfo { width: 55%; } .myBagInfo .rightInfo { width: 45%; padding-left: 10px; text-align: right; } .myBagInfo span { display: block; font-family: "Nunito-Regular"; font-size: 12px; line-height: 18px; } .myBagInfo span strong { font-family: "Nunito-ExtraBold"; } .myBagInfo a, .myBagInfo span strong { color: #1d1d1d; } .myBagInfo span, .myBagInfo span strong { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .myBagInfo span.countdown { white-space: unset; text-overflow: unset; overflow: unset; } .myBagInfo .infoName, .myBagInfo .infoType, .myBagInfo .infoPrice { text-transform: uppercase; } .myBagInfo .infoName, .myBagInfo .infoPrice, .myBagInfo .infoDiscountedPrice { font-family: "Nunito-ExtraBold"; letter-spacing: 0.1em; color: #a37b24; } .myBagInfo .infoDiscountedPrice { font-size: 10px; text-decoration: line-through; color: #C4C4C4; } .myBagInfo .infoType { margin-bottom: 10px; } .myBagInfo .countdown-expired { margin-top: 10px; color: #A47B24; } .totalMyBag, .totalViewingRequest { position: sticky; left: 0; bottom: 0; padding: 15px; text-align: right; background-color: #FFFFFF; box-shadow: 0 0 6px rgba(29, 29, 29, 0.1); z-index: 2; } .totalMyBag a.link, .totalViewingRequest a.link { font-family: "Nunito-ExtraBold"; font-size: 12px; color: #1d1d1d; } .totalMyBag .headerBtnBox .button.button-small { /*width: 115px;*/ padding: 0; } .userInfo { display: flex; align-items: center; padding: 15px; box-shadow: 0 0 6px rgba(29, 29, 29, 0.1); } .userInfo .userAvatar { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; } .userInfo .userAvatar img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; } .userInfo .userName { display: flex; flex-direction: column; justify-content: center; text-align: left; } .userInfo .userName h3 { font-family: "Nunito-ExtraBold"; font-size: 14px; line-height: 22px; color: #1d1d1d; } .userInfo .userName .userTier { padding-bottom: 0; } .userInfo .userName .userTier::after { content: ""; width: 10px; height: 10px; margin-left: 5px; background: url("/images/version-2/icons/arrow-right-thin.svg") no-repeat center; background-size: contain; float: right; } .userInfo .userName .userTier .tierName { font-size: 10px; } @media only screen and (max-width: 959px) { .navLeft .userInfo.mobile { display: flex; width: auto; margin: 0 15px; padding: 15px 0; border-bottom: 0.5px solid #c4c4c4; box-shadow: none; } .navLeft .userInfo.mobile .userAvatar { width: 36px; height: 36px; } .navLeft .userInfo.userInfo__unauthorized.mobile .userAvatar { width: 24px; height: 24px; } .navLeft .userInfo.mobile .userName a { margin: 0; height: initial; line-height: initial; border-bottom: none; } .navLeft .userInfo.mobile .userName h3 a { display: inline-block; margin-bottom: 5px; font-family: 'Nunito-ExtraBold'; font-size: 12px; text-transform: initial; color: #1d1d1d; } .navLeft .userInfo.userInfo__unauthorized.mobile .userName a { color: #a37b24; } } .loginContent { width: 100%; font-size: 8px; text-align: center; color: #1d1d1d; } .loginContent form { padding: 15px; } .loginContent .menu { padding: 15px; } .loginContent a { color: #1d1d1d; } .loginContent input[type="text"], .loginContent input[type="password"] { width: 100%; height: 24px; display: block; border: none; background: #FFF; padding: 0 10px; color: #585858; margin: 0 0 5px; font-family: "Nunito-Regular"; text-transform: none; } .loginContent span.title { color: #1d1d1d; text-align: center; display: block; margin: 0 0 5px; border: none; text-transform: none; font-family: "Nunito-Regular"; } .loginBtn { width: 100%; height: 24px; line-height: 24px; color: #FFF !important; display: block; background: #A47B24; font-size: 10px; text-transform: uppercase; text-align: center; margin: 0 0 5px; } .loginBtn.register { background: #585858; margin: 10px 0 20px; } .forgetPassBtn { display: block; font-family: "Nunito-Regular"; font-size: 10px; text-align: center; color: #888; } span.or { display: block; margin: 10px 0; color: #888; font-size: 10px; text-align: center; } .facebookLogin { width: 100%; height: 24px; line-height: 24px; background: #3D5A98; display: block; color: #FFF !important; text-align: center; font-size: 10px; margin: 0 0 5px; } .facebookLogin span { background: url(/images/icon_fb.png) no-repeat left center; padding-left: 10px; } .signUpBox { background: url(/images/line_bg.png) no-repeat top center; padding-top: 15px; margin: 10px 0 0; font-family: "Nunito-Regular"; font-size: 10px; color: #1d1d1d; } .signUpBox a { width: 100%; height: 24px; border: 1px solid #1d1d1d; display: block; line-height: 22px; text-align: center; color: #1d1d1d; font-size: 12px; text-transform: uppercase; margin: 5px 0; font-family: "Nunito-Regular"; } nav { width: 100%; background: #F8F8F8; position: relative; } .navBox { width: 1200px; margin: 0 auto; } nav:after { content: ""; display: block; clear: both; } .navLeft { display: block; float: left; } nav ul li { display: block; float: left; } nav ul li.sale a, nav ul li.sustainability a { font-family: "Nunito-ExtraBold"; } nav ul li.sale a { color: #76150C; } nav ul li.sustainability a { color: #009245; } nav ul li a { font-family: "Nunito-Regular"; font-size: 14px; padding: 0 10px; height: 30px; line-height: 30px; display: block; text-transform: uppercase; color: #000000; } nav ul li.desktop__firstMenu a { padding: 0 10px 0 0; } nav ul li a.red { color: #76150C; } nav ul li a.goldRose { color: #F0A693; } nav ul li a.maroon { color: #810000; } nav ul li:hover a { color: #A37B24; } nav ul li:hover .subMenuContainer ul li a { background: none; color: #000; } .navRight { display: block; float: right; } nav ul li:hover .subMenuContainer { display: block; } nav ul li.sellWithUs { position: relative; } nav ul li.sellWithUs .subMenuContainer { left: -227px; width: 350px; padding: 0; } nav ul li.sellWithUs .subMenuContainer .subMenuBox, nav ul li.sellWithUs .subMenuContainer .subMenuBox .subMenu { width: 100%; padding: 0; } nav ul li.sellWithUs .subMenuContainer .subMenuBox .subMenu, nav ul li.sellWithUs .subMenuContainer ul li { margin: 0; } nav ul li.sellWithUs .subMenuContainer ul li a { padding: 10px 20px !important; line-height: initial !important; font-family: "Nunito-ExtraBold" !important; text-transform: uppercase !important; letter-spacing: 0.1em; color: #1D1D1D !important; } nav ul li.sellWithUs .subMenuContainer ul li a:last-child { color: #1D1D1D !important; } nav ul li.sellWithUs .subMenuContainer ul li a:hover { background: rgba(29, 29, 29, 0.06) !important; } nav ul li.sellWithUs .subMenuContainer ul li:last-child a, nav ul li.sellWithUs .subMenuContainer ul li:last-child a:hover { font-style: initial; } .subMenuContainer { position: absolute; top: 30px; left: 0; display: none; width: 100vw; padding: 25px 0; background: #FFFFFF; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08); z-index: 10001; } .subMenuContainer .subMenuWrapper { width: 1200px; margin: auto; } .subMenuContainer.duo { width: 800px; left: auto !important; right: 0 !important; } .subMenuContainer.charity { left: 110px; width: 346px; padding-bottom: 5px; border: 1px solid #585858; border-top: 4px solid #585858; } .subMenuContainer.charity ul li { margin-bottom: 15px; } .subMenuContainer.charity ul li a { background: none !important; text-align: center !important; font-size: 20px !important; color: #A47B24 !important; text-transform: uppercase !important; } .subMenuContainer ul li a .subMenuDescription { display: block; margin-top: 3px; font-family: "Nunito-Regular"; font-size: 12px; text-transform: initial; letter-spacing: 0; color: #7b7b7b; } .subMenuContainer:after { content: ""; display: block; clear: both; } .subMenuBox { width: 300px; float: left; padding-left: 10px; } .subMenuBox h4 { color: #1d1d1d; font-family: "Nunito-ExtraBold"; letter-spacing: 0.1em; font-size: 14px; line-height: 20px; text-transform: uppercase; margin: 0 0 15px; } .subMenu { width: 50%; float: left; padding-right: 10px; margin: 0 0 19px; } .subMenuContainer ul li { width: 100%; display: block; margin: 0 0 5px; } .subMenuContainer ul li a { font-size: 13px !important; height: auto !important; line-height: 24px !important; padding: 0 !important; font-family: "Nunito-Regular"; text-transform: none !important; color: #1d1d1d !important; } .subMenuContainer ul li a:hover, .subMenuContainer ul li a.subCategoryBold { background: none; color: #A47B24 !important; } .subMenuContainer ul li a.subCategoryBold { font-family: "Nunito-ExtraBold"; } .subMenuContainer ul li:last-child a, .subMenuContainer ul li:last-child a:hover { color: #1d1d1d !important; font-family: "Nunito-ExtraBold"; } .twoColoumn { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .threeColoumn { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .fourColoumn { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .subMenuImgBox { width: 260px; height: 260px; display: block; } .threeColumn { width: 33.3333%; padding: 0 20px; display: block; float: left; } .twoColumn { width: 50%; padding: 0 20px; display: block; float: left; } .howItWorksBox { width: 100%; } .howItWorksImg { width: 100%; height: 154px; display: block; margin: 0 0 10px; } .howItWorksImg img { width: 100%; } .howItWorksInfo { text-align: center; width: 65%; margin: 0 auto; } .howItWorksInfo h4 { color: #A47B24; font-size: 18px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 5px; } .howItWorksInfo a { background: none !important; color: #A47B24 !important; font-size: 14px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; } .goldBg, .goldBg:hover { background: #A47B24 !important; color: #FFF !important; } section { width: 100%; padding-bottom: 600px; } .content { width: 1200px; margin: 0 auto; } .content:after { content: ""; display: block; clear: both; } .title { font-size: 14px; font-family: "Nunito-Regular"; color: #B3B3B3; text-align: center; text-transform: uppercase; line-height: 30px; border-bottom: 1px solid #E6E6E6; } .breadcrumbBox:after { content: ""; display: block; clear: both; } .breadcrumbBox { width: 100%; padding-top: 10px; padding-left: 10px; border-bottom: 1px dotted #000; } .breadcrumbBox ul li { display: block; float: left; font-family: "Nunito-Light"; font-size: 10px; text-transform: uppercase; color: #A47B24; line-height: 25px; } .breadcrumbBox ul li a { color: #58595B; } .breadcrumbBox ul li a:after { content: "/"; display: inline-block; padding: 0 5px; } .container:after { content: ""; display: block; clear: both; } .container { width: 100%; } .sideMenuBox { width: 300px; float: left; } .menuTopBox { width: 260px; padding: 0 3px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; text-transform: uppercase; font-size: 24px; margin: 10px auto 10px; } .menuTopBox span { color: #999; display: block; font-size: 14px; } .defaultBtn { width: 100%; height: 24px; line-height: 22px; border: 1px solid #888; font-family: "Nunito-Light"; font-size: 10px; display: block; text-align: center; } .defaultBtn.clearBtn { background: url(/images/icon_close.png) no-repeat top right; } .menuBox { width: 260px; margin: 0 auto; } .menuTitle { width: 100%; height: 24px; display: block; font-size: 14px; line-height: 24px; color: #000; text-transform: uppercase; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; padding: 0 3px; background: url(/images/arrow_bottom.png) no-repeat top right; cursor: pointer; } .menuTitle.opened { background: url(/images/arrow_top.png) no-repeat top right; } .filterTitle { padding: 0 3px; margin: 0 0 6px; } .sideContent { width: 900px; float: right; padding: 0 10px; } .categoriesSelected { font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; color: #000; font-size: 24px; text-transform: uppercase; padding: 15px 0; border-bottom: 1px solid #999; } .sortByBox:after { content: ""; display: block; clear: both; } .sortByBox { width: 100%; text-transform: uppercase; line-height: 30px; font-family: "Nunito-Light"; border-bottom: 1px solid #999; } .filterByBox.sortByLeft .selectBox { float: left; position: relative; } /*.sortByLeft span{ display:block; float:none; color:#B3B3B3; padding:0 20px 0 10px; }*/ .headerTopLeft .selectBox .select2-container { width: 90px !important; } .selectBox .select2-container { width: 160px !important; border: 1px solid #585858; } .sortByLeft ul li { display: block; float: left; color: #000; } .sortByLeft ul li a { padding: 0 15px; height: 30px; display: block; position: relative; } .sortByLeft ul li a.arrow_up:after { content: ""; width: 7px; height: 13px; background: url(/images/arrow_top_black.png) no-repeat top right; display: block; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .sortByLeft ul li a.arrow_down:after { content: ""; width: 7px; height: 13px; background: url(/images/arrow_bottom_black.png) no-repeat top right; display: block; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .sortByRight { float: right; position: relative; top: 5px; } .sortByRight ul li { display: block; float: left; } .sortByRight ul li a { padding: 0 15px; color: #B3B3B3; } .sortByRight ul li a.selected, .sortByRight ul li a:hover { color: #585858; font-family: "Nunito-ExtraBold"; } .pagingBox { height: 34px; background: #FFF; position: relative; margin: 0 0 10px; } .pagingBox ul { text-align: center; padding-top: 7px; } .pagingBox ul li { display: inline-block; } .pagingBox ul li a, .pagingBox ul li label, .pagingBox ul li span { width: 25px; height: 25px; line-height: 25px; /*border-radius: 25px;*/ display: block; color: #B3B3B3; margin: 0 3px; } .pagingBox ul li a.selected, .pagingBox ul li a:hover, .pagingBox ul li.active span { background: #585858; color: #FFF; } .pagingBox ul li.normal { color: #B3B3B3; } .pagingBox ul li a.normal:hover { background: none; color: #585858; } .pagingLeft { position: absolute; top: 0; left: 0; } .pagingCenter { max-width: 60%; margin: 0 auto; overflow: hidden; } .pagingRight { position: absolute; top: 0; right: 0; } .pagingLeft ul, .pagingRight ul { padding: 0; } .pagingLeft ul li a, .pagingRight ul li a { width: auto; height: auto; line-height: 34px; padding: 0 10px; } .pagingLeft ul li a:hover, .pagingRight ul li a:hover { background: none; color: #585858; } .productContainer { width: 100%; margin: 0 0 20px; } .productContainer:after { content: ""; display: block; clear: both; } .productBox { width: 280px; display: block; float: left; margin-right: 20px; margin-bottom: 20px; } #itemsSlider .productBox { float: none; margin: 0 auto; } #itemsSlider .owl-item { width: 290px !important; } #closet-list .productBox { float: none; margin: 0 auto; } #closet-list .owl-item { width: 290px !important; } .loaderImg { width: 36px; height: 36px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 0; } .loaderImg img { width: auto !important; margin: 0 !important; position: static !important; } .productBox:nth-child(3n) { margin-right: 0; } .productListImgBox { width: 100%; overflow: hidden; padding-bottom: 100%; background: #FFF; position: relative; margin: 0 0 10px; } .productListImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; } .productListImg a { display: flex; } .productListImg a img { width: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .productListImg.noImg { background: url(/images/no_image_default.jpg) no-repeat center center; background-size: contain; } .productImg { display: none; } .thumb_soldOut:before, .thumb_holdOn:before, .thumb_rejected:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(29, 29, 29, 0.40); opacity: 0.8; z-index: 100; } .thumb_holdOn:before { background: rgba(29, 29, 29, 0.40); } .thumb_rejected:before { background: rgba(252, 49, 49, 0.4); } .soldOut, .holdOn { width: 100%; color: #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding: 10px 25px; z-index: 110; text-align: center; letter-spacing: 1px; } .soldOut h3, .holdOn h3 { font-family: Nunito-Bold; font-size: 14px; text-transform: uppercase; } .soldOut span { display: block; margin-top: 10px; font-size: 12px; line-height: 16px; } .holdOn h3 { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .holdOn p { font-size: 14px; opacity: 0; } .holdOn h3, .holdOn p { -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; } .thumb_holdOn:hover h3 { opacity: 0; } .thumb_holdOn:hover p { opacity: 1; } @media only screen and (max-width: 480px) { .soldOut, .holdOn { font-size: 12px; } .holdOn p, .holdOn span { font-size: 10px; } } .productListInfoBox { text-align: center; min-height: 110px; max-height: 135px; position: relative; } .productListInfoBox .addToBag { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .productListInfoBox .messageBox { position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; } .productListInfoBox .productType { margin: 5px 0; } .productName { font-family: "MrsEaves-Bold"; color: #585858; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .productType { height: 16px; overflow: hidden; font-family: "Nunito-Light"; color: #888; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } .estPrice { color: #888; font-family: "Nunito-Light"; } .currentPrice { color: #A47B24; font-size: 14px; font-family: "Nunito-Regular"; letter-spacing: 1px; } .currentPrice.sale { color: #810000; } .pastPrice { color: #888; font-family: "Nunito-Light"; font-size: 10px; text-decoration: line-through; display: block; } .sizeBox { position: relative; line-height: 24px; } .sizeBox span.condition_item { color: #888; font-family: "Nunito-Light"; cursor: pointer; } .sizeBox span { color: #000; font-size: 14px; font-family: "Nunito-Regular"; } .condition_info { position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); background: #E6E6E6; padding: 10px; z-index: 1000; width: 100%; line-height: 18px; display: none; } .messageBox { font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; color: #888; font-size: 10px; text-transform: uppercase; } .messageBox a { color: #A47B24; } .addToBag { width: 220px; height: 32px; display: block; line-height: 32px; background: #A47B24; margin: 5px auto; font-size: 14px; color: #FFF; text-transform: uppercase; } .addToBag span { background: url(/images/icon_bag_white.png) no-repeat top left; background-size: 18px 18px; padding-left: 25px; } .likeBtn { width: 18px; height: 18px; display: block; background: url(/images/version-2/icons/like.png) no-repeat top center; position: absolute; top: 10px; right: 10px; background-size: contain; z-index: 110; } .likeBtn.active { background: url(/images/version-2/icons/like-solid.png) no-repeat top center; background-size: contain; } .likeBtn.loading { background: url(/images/loading.gif) no-repeat top center; background-size: contain; } @media (hover: hover) { .likeBtn:hover { background: url(/images/version-2/icons/like-solid.png) no-repeat top center; background-size: contain; } } .productListInfoBox .likeBtn { position: relative; bottom: auto; right: auto; margin: auto; } .productIcon { height: 40px; display: block; position: absolute; top: 10px; left: 10px; z-index: 100; } .productIcon__bottomLeft { top: unset; bottom: 10px; } .pdiPriceBox { position: relative; z-index: -1; } .discountLabel { display: inline-block; padding: 6px; background-color: #810000; color: #FFF; font-size: 12px; border-radius: 100px; width: 43px; font-family: "Nunito-Light"; text-align: center; position: absolute; top: 10px; left: 10px; z-index: 101; } .currentPrice .discountLabel { left: auto; top: -18px; right: 0; } @media only screen and (max-width: 1280px) { .discountLabel { font-size: 10px; width: 36px; top: 4px; left: 4px; } } @media only screen and (max-width: 959px) { .currentPrice .discountLabel { right: auto; top: -10px; } } @media only screen and (max-width: 479px) { .productIcon { top: 4px; right: 4px; } .productIcon__bottomLeft { top: unset; right: unset; left: 4px; bottom: 4px; } .productBox .discountLabel { font-size: 9px; width: 34px; } } .productIcon img { height: 100%; } .backToTop { color: #333; text-transform: uppercase; margin: 0 0 20px; display: inline-block; float: right; } .backToTop:after { content: "\2191"; margin-left: 5px; display: inline-block; position: relative; top: -1px; } .homeBanner { width: 100%; margin: 20px 0 40px 0; } .homeBanner:after { content: ""; display: block; clear: both; } .smallBannerWrapper { width: 400px; height: 600px; display: block; overflow: hidden; float: left; margin-right: 6px; } .smallBannerBox { width: 400px; height: 200px; background: #FFF; margin-bottom: 6px; } .smallBannerBox:last-child { margin: 0; } .smallBannerBox:nth-child(even) { background: #FFF; } .smallBannerBox img { width: 100%; } .bigBannerWrapper { width: 100%; /*height: 450px;*/ height: 400px; display: block; float: right; background: #FFF; overflow: hidden; } .productSection { width: 100%; margin: 0 0 20px; } .productSection h3 { font-family: "MrsEaves-Bold"; color: #A47B24; text-transform: uppercase; font-size: 36px; text-align: center; margin: 20px 0; letter-spacing: 5px; } .productSectionWrapper { width: 100%; } .productSectionWrapper:after { content: ""; display: block; clear: both; } .productSectionBox { width: 25%; padding: 0 10px; float: left; display: block; margin: 0 0 20px; } .productSectionImgBox { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; background: #FFF; margin: 0 0 10px; } .productSectionImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .productSectionImg img { width: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .productSectionInfoBox { width: 100%; } .productSectionInfoBox:after { content: ""; display: block; clear: both; } .productSectionInfo { position: relative; } .productListInfoBox.new .condition_info { left: 140px; } .psiLeft { width: 210px; display: block; float: left; padding-right: 10px; } .productSectionName a { font-size: 14px; min-height: 38px; display: block; overflow: hidden; font-family: "Nunito-Regular"; color: #585858; text-transform: uppercase; } .productSectionType a { color: #888; font-size: 12px; text-transform: uppercase; } .productSectionPrice { color: #A47B24; font-size: 14px; font-family: "Nunito-Regular"; } .productSectionInfo span { font-family: "Nunito-Regular"; color: #000; } .notifBtn { width: 14px; height: 14px; border-radius: 14px; display: inline-block; background: url(/images/icon_info.png) no-repeat top center; text-indent: -9999px; } .psiRight { width: 70px; display: block; float: left; border-left: 1px solid #E6E6E6; } .psiRight .addToBag { width: auto; height: auto; margin: 0 auto; line-height: normal; padding: 50px 0 0; background: url(/images/icon_bag_with_bg.png) no-repeat top center; color: #A47B24; text-align: center; text-transform: none; } .viewAllBox { width: 100%; height: 380px; background: #FFF; display: block; position: relative; } .frameBox { width: 100%; height: 73.6%; border: 1px solid #CCC; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .frameInfo { width: 180px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; font-size: 18px; position: absolute; text-transform: uppercase; top: 50%; left: 50%; text-align: center; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .frameInfo span { display: block; font-size: 36px; font-family: "MrsEavesRoman-Regular"; } .longBannerBox { width: 100%; height: 200px; display: block; margin: 0 0 20px; } .longBannerBox .halfBox { width: 50%; float: left; } .longBannerBox .halfBox img { width: 100%; } .carouselBox { width: 100%; position: relative; margin-bottom: 40px; } .carouselBox:after { content: ""; display: block; clear: both; } .carouselBox h3 { font-family: "MrsEaves-Bold"; font-size: 36px; text-transform: uppercase; letter-spacing: 2px; color: #A47B24; } .relatedItemsBox h3 { font-size: 28px; text-align: center; margin: 0 0 20px; letter-spacing: 5px; } ul#carousel { margin: 20px 0 0; } ul#carousel li { width: 280px; height: 180px; } .prevBtn { width: 10px; height: 14px; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: -15px; background: url(/images/arrow_left_def.png) no-repeat top center; text-indent: -9999px; } .prevBtn:hover, .bx-wrapper .bx-prev:hover { background: url(/images/arrow_left_hover.png) no-repeat top center; } .bx-wrapper .bx-prev { background: url(/images/arrow_left_def.png) no-repeat top center; } .nextBtn { width: 10px; height: 14px; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: -15px; background: url(/images/arrow_right_def.png) no-repeat top center; text-indent: -9999px; } .nextBtn:hover, .bx-wrapper .bx-next:hover { background: url(/images/arrow_right_hover.png) no-repeat top center; } .bx-wrapper .bx-next { background: url(/images/arrow_right_def.png) no-repeat top center; } .productHuntWrapper { margin: 0 0 5px; } .productHuntWrapper:after { content: ""; display: block; clear: both; } .productHuntImg { width: 140px; height: 140px; display: block; float: left; background: #E6E6E6; } .productHuntInfo { width: 140px; height: 140px; padding: 5px 0 5px 10px; display: block; float: left; position: relative; } .productHuntName { font-family: "Nunito-Regular"; color: #585858; } .productHuntType { height: 32px; display: block; margin: 0 0 10px; } ul#carousel li span { font-family: "Nunito-Regular"; color: #585858; } .defBtn { width: 100%; height: 30px; line-height: 30px; background: #A47B24; font-family: "MrsEaves-Bold"; text-align: center; display: block; color: #FFF; text-transform: uppercase; margin: 10px 0 0; } .huntedBox { padding-left: 15px; } .huntedBox span { font-family: "Nunito-Regular"; color: #585858; } .carouselMenu { position: absolute; top: 12px; right: 0; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; font-size: 14px; text-transform: uppercase; } .carouselMenu a:last-child { color: #A47B24; } .productDetailWrapper { margin-bottom: 40px; } .productDetailWrapper:after { content: ""; display: block; clear: both; } .productDetailImgBox { width: 480px; display: block; float: left; margin: 20px 0 0; position: relative; } .image_zoom_container { width: 100%; height: 100%; position: fixed; top: 0; right: 0; z-index: 100000; overflow: auto; background: #FFF; background-size: 30%; display: none; } .image_zoom_box { max-width: 1200px; margin: 0 auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*background: url(/images/plain-spinner.gif) no-repeat center center;*/ } .image_zoom_box img { max-width: 100%; } .image_zoom_container .close { width: 60px; height: 60px; display: block; position: fixed; top: 20px; right: 20px; cursor: pointer; } .image_zoom_container .close:before, .image_zoom_container .close:after { content: ""; width: 1px; height: 60px; background: #888; display: block; position: absolute; top: 0; right: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .image_zoom_container .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 0; right: auto; left: 30px; } .image_thumbnail { position: absolute; top: 20px; left: 10px; } .image_thumbnail ul li { width: 100px; height: 100px; display: block; margin: 0 0 10px; cursor: pointer; } .image_thumbnail img { width: 100%; } .zoom img { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } .productDetailImg { width: 480px; height: 480px; display: block; margin: 0 0 8px; } .productDetailPager:after, .pdiBox:after { content: ""; display: block; clear: both; } .productDetailInfoWrapper { width: 720px; display: block; float: left; overflow: hidden; } .pdiLeftBox { width: 480px; float: left; padding-left: 50px; padding-right: 50px; padding-top: 40px; position: relative; } .pdiName { font-size: 16px; text-transform: uppercase; color: #585858; font-family: "Nunito-Regular"; margin: 0 0 5px; } .pdiType { color: #888; font-size: 28px; margin: 0 0 5px; } .pdiSize { font-size: 14px; margin: 0 0 5px; } .pdiSize span { color: #585858; font-family: "Nunito-Regular"; margin-left: 30px; } .pdiCondition { padding: 0 30px 0 5px; background: #585858; height: 24px; line-height: 24px; color: #FFF; font-size: 14px; display: inline-block; margin: 10px 0 20px; position: relative; } .pdiCondition .notifBtn { display: block; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .pdiNumber { font-size: 12px; color: #888; } .pdiLeftBox .likeBtn { text-indent: -9999px; top: 30px; } .pdiLeftBox .productIcon { text-indent: -9999px; top: 30px; right: 30px; } .productDetailImgBox .productIcon { width: 80px; height: 80px; } .productDetailImgBox .productIcon.editorsPick { width: auto; height: 40px; } .pdiRightBox { width: 240px; float: left; overflow: hidden; text-align: center; padding-top: 40px; margin: 0 0 20px; } .pdiRightBox .buttonBox { margin: 0; } .pdiRightBox .pastPrice, .pdiRightBox .currentPrice { display: block; font-size: 12px; margin: 0 0 5px; } .pdiRightBox .currentPrice { font-size: 24px; } span.bold { color: #888; font-family: "Nunito-Regular"; /*margin: 0 0 30px;*/ display: inline-block; } .buttonBox { margin: 20px 0 0; display: block; text-align: center; } .buttonBox:after { content: ""; display: block; clear: both; } .morePhotos { color: #A47B24; border: 1px solid #A47B24; display: inline-block; padding: 5px 20px; font-family: "MrsEaves-Bold"; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .halfBtn, .fullBtn { width: 50%; height: 34px; line-height: 34px; display: block; float: left; font-size: 14px; text-transform: uppercase; text-align: center; font-family: "MrsEaves-Bold"; letter-spacing: 1px; border: none; cursor: pointer; } .fullBtn { width: 100%; } .gray { background: #E6E6E6; color: #888; } .gold { background: #A47B24; color: #FFF; } .smallContent { width: 960px; margin: 20px auto; } .smallContent { content: ""; clear: both; display: block; } .menuProfile { width: 240px; float: left; display: block; margin-right: 20px; } .menuProfileImg { width: 60px; height: 60px; display: block; background: #F2F2F2 url(/images/icon_logo.png) no-repeat center center; border-radius: 30px; margin: 0 10px; float: left; } .menuProfileBox { overflow: hidden; margin-bottom: 2px; } .menuProfileBox.toggle { margin: 12px 0; position: relative; } .menuProfileBox.toggle a.fakeBtn:after, .menuProfileBox.toggle a.active:after, .menuProfileBox.toggle a.selected:after { content: "+"; display: block; position: absolute; top: 0px; right: 20px; color: #585858; } .menuProfileBox.toggle a.selected:after { content: "-"; color: #FFF; } .menuProfileBox.toggle a:after { } .menuProfileBox.toggle a.selected + .subMenuProfileBox { display: block; } .menuProfileBox.toggle a.selected .subMenuProfileBox a { background: #F9F9F9; color: #585858; } .menuProfileBox.toggle a:hover:after, .menuProfileBox.toggle a.active:hover:after { color: #FFF; } .menuProfileBox.toggle.active:after { content: "-"; display: block; position: absolute; top: 11px; right: 20px; color: #FFF; } .menuProfileBox.toggle.active a, .menuProfileBox.toggle.selected a { background: #A47B24; color: #FFF; } .menuProfileBox.toggle.active .subMenuProfileBox a { background: #F9F9F9; color: #585858; } .menuProfileBox.toggle.active .subMenuProfileBox a:hover, .menuProfileBox.toggle.selected .subMenuProfileBox a:hover { background: #A47B24; color: #FFF; } .menuProfileBox:first-child { margin-bottom: 20px; } /*.menuProfileBox:nth-child(2){ margin-bottom:12px; }*/ .menuProfileBox:last-child { margin-top: 10px; margin-bottom: 0; } .subMenuProfileBox { display: none; } .subMenuProfileBox ul li { border-bottom: 1px solid #A47B24; margin-top: 2px; } .subMenuProfileBox ul li a { background: #FFF; } .subMenuProfileBox ul li a { padding-left: 30px; } .subMenuProfileBox ul li a:hover { background: #E7D3AB; color: #585858; } .menuProfileName { width: 160px; float: left; display: block; padding: 10px 0 0; color: #999; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; font-size: 14px; text-transform: uppercase; } .menuProfileName span { color: #A47B24; font-size: 18px; display: block; font-family: "MrsEavesRoman-Regular"; } .menuProfileBox a { background: #F9F9F9; padding-left: 20px; line-height: 36px; height: 36px; display: block; } .menuProfileBox a:hover, .menuProfileBox a.selected { background: #585858; color: #FFF; } .menuProfileBox.toggle a.selected, .menuProfileBox.toggle a:hover { background: #A47B24; } .profileWrapper { width: 700px; float: left; display: block; padding-top: 20px; } .profileWrapper h3 { color: #585858; text-transform: uppercase; margin-bottom: 32px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; font-size: 24px; } .notifBox { color: #A47B24; font-size: 14px; background: #F3E9D5; padding-left: 20px; padding-right: 40px; line-height: 36px; position: relative; margin: 0 0 12px; } .notifBox a { position: absolute; top: 17px; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #A47B24; } .notifBox.redBg { background: #E6A9AB; color: #FFF; } .notifBox.greenBg { background: #99D3B5; color: #FFF; } .notifBox.redBg a, .notifBox.greenBg a { color: #FFF; } .formWrapper { width: 460px; padding: 15px 15px 0; position: relative; } .formBox { width: 100%; margin: 0 0 10px; } .formBox:after { content: ""; display: block; clear: both; } .formTitle { padding-left: 10px; display: block; margin: 0 0 5px; } .formBox input[type="text"], .formBox input[type="number"], .formBox input[type="password"], .formBox input[type="tel"], .formBox textarea, .formBox select, .formBox button { width: 100%; border: 1px solid #808080; height: 38px; padding: 0 10px; border-radius: 0; font-size: 16px; color: #888; text-transform: none; font-family: "Nunito-Light"; } .formBox textarea { height: 106px; padding: 10px; resize: none; font-family: "Nunito-Light"; } .formBox label { padding-left: 10px; } /*.huntListWrapper {*/ /* width: 210px;*/ /* display: block;*/ /* position: absolute;*/ /* top: 15px;*/ /* right: -220px;*/ /* font-family: "Nunito-Light";*/ /*}*/ /*.huntListWrapper span {*/ /* color: #A47B24;*/ /* font-size: 16px;*/ /* text-align: center;*/ /* letter-spacing: 1px;*/ /* text-transform: uppercase;*/ /* display: block;*/ /* margin: 0 0 5px;*/ /* font-family: "MrsEavesRoman-Regular";*/ /*}*/ /*.huntListBox {*/ /* border: 1px solid #E6E6E6;*/ /* color: #999;*/ /* padding: 15px;*/ /* background: #FFF;*/ /*}*/ .alert { color: #A47B24; font-size: 10px; padding-left: 10px; display: block; margin-bottom: 3px; } .formBox a { color: #585858; display: inline-block; margin-bottom: 10px; } .formBox a:first-child { margin-left: 10px; } .formBox .saveBtn { width: 240px; margin-left: 0 !important; } .saveBtn { width: 180px; height: 48px; line-height: 48px; background: #888; display: block; font-size: 14px; text-align: center; color: #FFF !important; font-family: "Nunito-Regular"; text-transform: uppercase; margin-left: 20px; } .filterByBox:after { content: ""; display: block; clear: both; } .filterByBox { margin: 0 0 10px; position: relative; } .filterByBox .selectBox { position: static; float: right; } .filterByBox .selectBox:last-child .filter { right: 100px; top: 10px; left: auto; } .filterByBox .selectBox.f_left { float: left; } span.filter { display: block; line-height: 24px; position: absolute; top: 3px; left: 0; margin-right: 10px; } .backBtn { color: #585858; display: block; margin: 15px 10px 5px; font-family: "Nunito-Light"; } .invoiceWrapper { padding: 10px; } .invoiceBox { width: 100%; padding: 20px; font-size: 10px; color: #888; position: relative; border-bottom: 1px solid #808080; position: relative; } .invoiceBox.first { border-top: 1px solid #808080; } .invoiceBox.first:hover { background: none; } .fakeBtnArea { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .invoiceBox:after { content: ""; display: block; clear: both; } .blackBg { background: #000; color: #FFF; } .invoiceBox:hover { background: #E6E6E6; } .numberTransaction, .transactionDate, .status, .trackingBox { width: 170px; display: block; float: left; font-family: "Nunito-Light"; } .status { width: 120px; } .trackingBox { width: 140px; padding: 0 20px; position: relative; } .numberTransaction a, .transactionDate span, .status span, .trackingBox span { display: block; color: #585858; margin: 5px 0 0; font-size: 12px; } /*.invoiceBox:hover .numberTransaction a, .invoiceBox:hover .transactionDate span, .invoiceBox:hover .trackingBox span, .invoiceBox:hover .status span.paid,*/ .invoiceBox.blackBg .numberTransaction a, .invoiceBox.blackBg .transactionDate span, .invoiceBox.blackBg .trackingBox span, .invoiceBox.blackBg .status span.paid { color: #FFF; } .status span.onprocess, .status span.ordered { color: #F7931E; } .status span.paid { color: #000; } .status span.cancel { color: #F00; } .status span.deliver { color: #29ABE2; } .status span.paid { color: #39B54A; } .confirmBtn { background: #A47B24; width: 140px; height: 30px; line-height: 30px; font-size: 10px; display: block; text-align: center; color: #FFF !important; position: absolute; top: 0; left: 0; } .viewDetail { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #FFF !important; } .invoiceBox.blackBg { border: none; } .blackBg { background: #000; } .grayBg { background: #F2F2F2; } .invoiceBox.grayBg:hover, .invoiceBox.grayBg:hover .transactionDate span, .invoiceBox.grayBg:hover .numberTransaction a { background: #F2F2F2; color: #888; } .invoiceDetailBox { margin: 0 0 20px; } .invoiceDetailContent { padding: 20px 0; border-bottom: 1px solid #E6E6E6; } .invoiceDetailContent:after { content: ""; display: block; clear: both; } .imgDetail { width: 60px; height: 60px; display: block; float: left; margin: 0 10px 0 20px; position: relative; overflow: hidden; } .imgDetail img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .infoDetail { width: 230px; float: left; padding-right: 10px; color: #888; } .title_two { color: #585858; font-family: "Nunito-Regular"; display: inline-block; margin: 0 0 5px; } .new_info .title_two:first-child { display: block; margin-bottom: 10px; } .title_two.uppercase { text-transform: uppercase; } .type { font-size: 18px; color: #888; display: block; margin: 0 0 5px; } .infoDetail span.black { color: #000; font-size: 10px; display: block; } .title_two.m_top { margin-top: 5px; } .priceBox_two { width: 130px; float: left; color: #585858; font-size: 14px; font-family: "Nunito-Regular"; } .shippingBox { width: 100%; line-height: 34px; background: #F2F2F2; padding-right: 20px; color: #585858; font-size: 14px; font-family: "Nunito-Regular"; text-align: right; } .shippingBox span { width: 200px; display: inline-block; } .itemTotalBox { width: 100%; padding-right: 20px; text-align: right; font-size: 16px; font-family: "Nunito-Regular"; text-transform: uppercase; color: #000; margin: 0 0 40px; } .itemTotalBox span { text-transform: none; display: block; color: #A37B2C; } .shippedBox h4 { color: #A37B2C; font-size: 18px; margin: 0 0 20px; } .recipientBox { width: 50%; float: left; font-size: 12px; padding-right: 20px; } .recipientBox table tr td:first-child { width: 120px; color: #888; } .recipientBox table tr td { color: #585858; line-height: 20px; vertical-align: top; font-family: "Nunito-Light"; } .referWrapper { width: 100%; height: 535px; background: url(/images/referral/background.jpg) no-repeat top center; background-size: cover; color: #FFF; text-align: center; font-family: "Nunito-Light"; font-size: 10px; padding: 30px; margin-bottom: 40px; } .referWrapper span { font-size: 24px; font-family: "Nunito-Regular"; display: block; margin: 0 0 15px; } .inviteWrapper { width: 100%; padding: 30px 15px; background: #FFF; margin: 30px 0 0; } .inviteContainer:after { content: ""; display: block; clear: both; } .inviteBox { width: 50%; float: left; padding: 0 15px; color: #585858; text-align: left; font-size: 12px; } .inviteBox:last-child .inviteContent { margin: 0; } .inviteContent { margin: 15px 0 0; } .inviteContent textarea { width: 100%; height: 60px; display: block; resize: none; border: 1px solid #808080; margin: 5px 0 0; padding: 5px; color: #B3B3B3; font-family: "Nunito-Light"; font-size: 12px; } .inviteBox:last-child .inviteContent textarea { height: 90px; } .sendInviteBtn { width: 260px; height: 36px; line-height: 36px; display: block; margin: 30px auto 0; color: #FFF; text-transform: uppercase; background: #000; } .shareWrapper { width: 100%; margin: 20px 0 0; } .shareWrapper:after { content: ""; display: block; clear: both; } .shareBox { width: 50%; float: left; padding-right: 30px; text-align: left; } .shareBox:last-child { padding-left: 30px; padding-right: 0; } .shareBox span { font-size: 12px; font-family: "Nunito-Regular"; margin-bottom: 10px; } .shareBox input[type="text"] { width: 70%; height: 36px; padding: 0 10px; display: block; float: left; margin-right: 5%; } .copyBtn { width: 25%; height: 36px; line-height: 36px; display: block; float: left; background: #A47B24; text-align: center; color: #FFF; font-family: "Nunito-Regular"; text-transform: uppercase; } .facebookShareBtn, .twitterShareBtn { width: 50%; height: 36px; float: left; background: #3D5A98; display: block; font-family: "Nunito-Regular"; text-transform: uppercase; color: #FFF; line-height: 36px; text-align: center; } .twitterShareBtn { background: #5FA9DD; } .invitationWrapper { text-align: center; } .invitationWrapper span { font-family: "Nunito-Regular"; color: #585858; font-size: 18px; text-transform: uppercase; display: block; } .invitationWrapper table { width: 100%; margin: 30px 0 0; } .invitationWrapper table tr:first-child td { border: 1px solid #585858; border-right: none; border-left: none; } .invitationWrapper table tr td:first-child { width: 50%; text-align: left; } .invitationWrapper table tr td { width: 20%; padding: 10px; border-bottom: 1px solid #F2F2F2; } .invitationWrapper table tr td:last-child { width: 30%; text-align: right; } .soppingBagTitle { text-align: center; margin: 0 0 40px; } .soppingBagTitle h3 { font-size: 36px; text-transform: uppercase; letter-spacing: 1px; color: #A47B24; font-family: "MrsEavesRoman-Regular"; margin: 20px 0 10px; } .soppingBagTitle ul li { display: inline-block; border-right: 1px solid #888; color: #888; padding-right: 5px; } .soppingBagTitle ul li:last-child { border-right: none; } .soppingBagTitle ul li a { color: #000; } .shoppingBagInfo { width: 100%; padding: 10px 0 10px 20px; } .shoppingBagInfo:after { content: ""; display: block; clear: both; } .shoppingBagInfo .continueShopping { float: left; } .itemsInfo { color: #888; font-family: "MrsEavesRoman-Regular"; font-size: 18px; text-transform: uppercase; float: right; } .itemsInfo span { color: #A47B24; } .shoppingBagWrapper { border-top: 2px solid #888; border-bottom: 2px solid #888; } .shoppingBagBox .imgDetail { width: 120px; height: 120px; } .shoppingBagBox .infoDetail { width: 240px; padding-top: 10px; } .shoppingBagBox .infoDetail:nth-child(3) { background: #F6F6F6; padding: 10px; } .shoppingBagBox .priceBox_two { width: 320px; padding-left: 20px; text-align: right; padding-top: 15px; } .shoppingBagBox .removeBox { font-size: 9px; font-family: "Nunito-Regular"; text-transform: uppercase; color: #999; border-top: 1px solid #E6E6E6; padding: 10px 0 0; margin: 10px 0 0; } .shoppingBagBox .removeBox a { padding-right: 15px; line-height: 15px; background: url(/images/icon_trash.png) no-repeat right center; } .shoppingBagBox .editBox a { background: url(/images/icon_pencil.png) no-repeat right center; } .shoppingBagTotalWrapper:after { content: ""; display: block; clear: both; } .shoppingBagTotalLeft { padding: 20px 0 20px 20px; display: block; float: left; width: 640px; } .noteBox { width: 100%; height: 46px; line-height: 46px; text-align: center; background: #F6F6F6; margin: 0 0 30px; } .continueShopping { color: #888; font-size: 18px; text-transform: uppercase; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; } .shoppingBagTotalRight { width: 320px; float: left; padding: 20px 10px; } .shoppingBagTotal { height: 46px; margin: 0 0 17px; } .shoppingBagTotalRight:after { content: ""; display: block; clear: both; } .shoppingBagTotalRight .halfBox { width: 50%; float: left; line-height: 46px; font-size: 16px; color: #000; text-transform: uppercase; font-family: "Nunito-Regular"; } .shoppingBagTotalRight .halfBox:last-child { color: #A47B24; text-align: right; } .shoppingBagTotalRight a, .shoppingBagTotalRight button { width: 100%; height: 46px; line-height: 46px; font-size: 18px; text-align: center; background: #A47B24; color: #FFF; display: block; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; text-transform: uppercase; } .shippingInfoBox { margin: 30px 0 0; } .shippingInfoTop { color: #000; font-family: "Nunito-Regular"; margin: 0 0 20px; } .shippingInfoTop span { display: block; color: #888; font-family: "Nunito-Light"; } .shippingInfoBottom { color: #888; font-family: "Nunito-Light"; } .shippingInfoBottom:before { content: ""; width: 90%; display: block; margin: 0 auto 15px; height: 1px; background: #CCC; } .shippingInfoBottom span { display: block; } .shippingInfoBottom a { height: 32px; font-size: 14px; color: #A47B24; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; text-transform: uppercase; display: inline-block; background: url(/images/icon_money.png) no-repeat left center; line-height: 32px; padding-left: 32px; } .flexslider { margin: 0 0 10px; } .zoom { display: inline-block; position: relative; } .productDetailTabWrapper { padding-left: 50px !important; line-height: 20px; } .productDetailTabBox { border: 1px solid #CCC !important; padding: 20px !important; color: #585858; font-family: "Nunito-Light"; } .productDetailTabBox span { margin: 0 0 10px; display: block; } .productDetailTabBox h4 { color: #000; font-family: "Nunito-Regular"; margin: 10px 0; } .productDetailTabBox table { width: 100%; } .productDetailTabBox table tr td:first-child { color: #585858; font-family: "Nunito-ExtraBold"; text-transform: capitalize; width: 30%; padding-right: 20px; vertical-align: top; } .productDetailTabBox.installment table tr td:first-child { font-family: "Nunito-Light"; } .productDetailTabBox.installment table tr:first-child td { width: 33.3333%; border: none; border-left: 1px solid #A47B24; color: #A47B24; font-family: "Nunito-ExtraBold"; font-size: 14px; } .productDetailTabBox.installment table tr:first-child td:first-child, .productDetailTabBox.installment table tr td:first-child { border-left: none; } .productDetailTabBox.installment table tr td { width: 33.3333%; text-align: center; padding: 5px; font-size: 16px; border-left: 1px solid #A47B24; line-height: 24px; } .productDetailTabBox table tr td { width: 70%; color: #888; line-height: 20px; } .fullBox.mandiri { text-align: center; margin: 30px 0 0; font-size: 12px; color: #888; } .fullBox.mandiri img { margin: 0 20px 0 0; } .fullBox.mandiri img, .fullBox.mandiri span { display: inline-block; } .pdtMenuBottom { width: 100%; } .pdtMenuBox { height: 33px; line-height: 33px; /*border-bottom: 1px solid #CCCCCC;*/ color: #000; position: relative; font-family: "Nunito-Light"; } .pdtMenuBox a { color: #000; } .pdtMenuBox .shareBox:last-child { padding-left: 0; padding-right: 0; } .pdtMenuBox .shareBox { float: none; padding: 0; width: auto; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .pdtMenuBox .shareBox ul li { float: left; margin-right: 5px; } .pdtMenuBox .shareBox ul li a { width: 20px; height: 20px; display: block; background: #F2F2F2; border-radius: 20px; } .charity a { background: url(/images/icon_charity.png) no-repeat top 7px left 5px !important; padding-left: 20px !important; } .pdtMenuBox .shareBox ul li a.fb { background: #F2F2F2 url(/images/small_icon_fb.png) no-repeat center center; } .pdtMenuBox .shareBox ul li a.tw { background: #F2F2F2 url(/images/small_icon_tw.png) no-repeat center center; } .pdtMenuBox .shareBox ul li a.wa { background: #F2F2F2 url(/images/small_icon_wa.png) no-repeat center center; } #certainSection { padding-bottom: 220px; } .checkoutWrapper { width: 100%; padding: 20px 0; } .checkoutWrapper h3 { color: #A47B24; font-size: 36px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 5px; text-transform: uppercase; text-align: center; margin: 0 0 20px; } .secure { max-width: 880px; margin: 0 auto; } .secure .fullBox { padding: 0; } .secure .fullBox:after { content: ""; display: block; clear: both; } .loginTitle { font-family: "Nunito-Regular"; font-size: 18px; color: #888; margin: 0 0 10px; } .loginLeftBox, .loginRightBox { width: 400px; display: block; float: left; margin: 0 20px; } .secure button { width: 100%; background: #585858; color: #FFF; text-align: center; height: 36px; font-family: "Nunito-Regular"; font-size: 14px; } .secure input[type="text"], .secure input[type="password"] { width: 100%; border: none; background: #F2F2F2; height: 36px; color: #585858; padding: 0 10px; font-family: "Nunito-Regular"; font-size: 14px; text-transform: none; margin: 0 0 20px; } .secure input[type="password"] { margin-bottom: 54px; } .loginLeftBox .forgetPassBtn { text-align: left; font-family: "Nunito-Regular"; font-size: 14px; margin: 5px 0 10px; } .loginLeftBox .or { font-family: "Nunito-Regular"; font-size: 14px; } .loginLeftBox p { font-family: "Nunito-Regular"; font-size: 12px; text-align: center; color: #888; } .loginLeftBox .facebookLogin { height: 36px; line-height: 36px; font-size: 14px; } .loginLeftBox .facebookLogin span { background-size: 8px; padding-left: 18px; } .infoMessage { height: 90px; padding-top: 10px; } .checkoutBox { width: 960px; margin: 0 auto; } .checkoutBox:after { content: ""; display: block; clear: both; } .checkoutFormWrapper { width: 600px; float: left; padding: 0 20px; } .checkoutBox .title { color: #585858; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; font-size: 24px; line-height: normal; border: none; text-align: left; margin: 0 0 10px; } .checkoutFormWrapper .title a { color: #A47B24; } .checkoutBox .title span { font-size: 24px; color: #A47B24; float: right; display: block; } .checkoutFormWrapper .formTitle { color: #888; } .checkoutFormWrapper .messageBox { text-transform: none; font-family: "Nunito-Light"; letter-spacing: normal; color: #A47B24; margin: 5px 0 0; } .checkoutFormWrapper .messageBox span { color: #888; display: block; } .checkoutFormWrapper .messageBox span a { color: #A47B24; margin: 0; } .checkoutFormWrapper .messageBox b { font-family: "Nunito-Bold"; } .checkoutFormBox { margin: 0 0 20px; } .messageBox.payment { color: #888; padding-left: 40px; margin: 0; } .messageBox.payment a { color: #A47B24; margin: 0; } .messageBox.payment.paymentDetail { margin-top: 5px; padding-right: 40px; } .messageBox.payment.paymentDetail .selectBox { margin-top: 5px; padding-right: 20px; } .imagePayment { display: inline-block; position: relative; top: 5px; } .imagePayment img { display: inline-block; margin-left: 5px; width: 55%; } .box180 { width: 180px; float: left; margin-right: 10px; } .box160 { width: 160px; float: left; margin-right: 10px; } .box200 { width: 200px; float: left; margin-right: 10px; } .box250 { width: 250px; float: left; margin-right: 10px; } .box300 { width: 300px; float: left; margin-right: 10px; } .box350 { width: 350px; float: left; margin-right: 10px; } .box450 { width: 450px; float: left; margin-right: 10px; } .box500 { width: 500px; float: left; margin-right: 10px; } .formBox button { background: #585858; cursor: pointer; color: #FFF; border: none; } .formBox button.disabled { background: #888; cursor: default; } .paymentGuideWrapper { width: 100%; margin: 0 0 20px; } .paymentGuideWrapper span { display: block; color: #888; font-size: 18px; margin: 0 0 20px; } .paymentGuideWrapper:after { content: ""; clear: both; display: block; } .paymentGuideBox { width: 33.3333%; float: left; text-align: left; padding: 0 10px; } .box160 a, .box200 a { text-align: center; display: block; margin: 5px 0 0; } .box160 a:hover, .box200 a:hover { text-decoration: underline; } .checkoutInfoBox { width: 360px; padding: 0 10px 0 20px; float: left; } .checkoutInfoBox table.checkoutUserSummary { border-bottom: 1px solid #808080; margin-bottom: 20px; } .orderedItemWrapper { border: 1px solid #808080; border-bottom: none; } .orderedItemBox { padding: 10px; border-bottom: 1px solid #808080; } .orderedItemBox:after { content: ""; display: block; clear: both; } .orderedItemImg { width: 60px; height: 60px; display: block; background: #888; float: left; margin-right: 10px; position: relative; } .orderedItemImg img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .orderedItemInfo { width: 238px; display: block; float: left; position: relative; } .orderedItemBrand { font-family: "Nunito-Regular"; color: #585858; font-size: 10px; text-transform: uppercase; margin-bottom: 5px; } .orderedItemType { color: #888; font-size: 10px; margin-bottom: 10px; } .orderedItemSize, .orderedItemColor { color: #888; font-size: 10px; } .orderedItemSize span, .orderedItemColor span { font-family: "Nunito-Regular"; color: #585858; } .orderedItemPrice { color: #585858; font-family: "Nunito-Regular"; font-size: 12px; margin-top: 10px; } .deleteBtn { width: 8px; height: 10px; display: block; position: absolute; top: 0; right: 0; background: url(/images/icon_trash.png) no-repeat top center; cursor: pointer; } .orderSummaryWrapper { width: 100%; padding: 20px; background: #F9F9F9; } .orderSummaryWrapper table { width: 100%; } .orderSummaryWrapper table tr td, .orderSummaryWrapper table tr th { width: 50%; vertical-align: bottom; padding-bottom: 5px; color: #585858; } .orderSummaryWrapper table tr th { font-family: "Nunito-Bold"; } .orderSummaryWrapper table.checkoutUserSummary tr:last-child td { padding-bottom: 10px; } .totalProduct { color: #888; display: block; } .orderSummaryWrapper table tr:first-child td { padding-bottom: 15px; } .orderSummaryWrapper table tr td:last-child { text-align: right; } .orderSummaryWrapper .red { color: #C1272D; } .orderSummaryWrapper .green { color: #009245; } .orderSummaryWrapper .gold { color: #A47B24; background: none; } .orderSummaryWrapper .gray { color: #585858; background: none; } .payBtn { height: 60px; display: block; background: #A47B24; color: #FFF; text-align: center; line-height: 60px; font-size: 24px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; text-transform: uppercase; } .balanceOverviewWrapper { width: 460px; padding: 10px; } .new_balanceOverviewWrapper { width: 100%; padding: 10px; } .balanceOverviewWrapper h4, .storeCreditsTabWrapper h4 { color: #585858; font-size: 12px; font-family: "Nunito-Regular"; margin: 0 0 10px; } .earnedCashBox { padding: 10px 20px; font-size: 10px; color: #585858; } .money { font-size: 16px; color: #585858; font-family: "Nunito-Regular"; margin: 0 0 10px; text-align: left; position: relative; } .money:before { content: "IDR"; display: inline-block; margin-right: 40px } .balanceOverviewWrapper .fullBox { padding: 0; margin-bottom: 10px; } .balanceOverviewWrapper .fullBox:after { content: ""; display: block; clear: both; } .availableCashBox, /*.pendingBalanceBox,*/ .storeCreditsBox, .totalBalanceBox { width: 215px; height: 160px; margin-right: 10px; background: #F6F6F6; padding: 20px; font-size: 10px; position: relative; float: left; text-align: left; } .new_balanceOverviewWrapper .fullBox { border: 1px solid #888; } .new_balanceOverviewWrapper .fullBox:after { content: ""; display: block; clear: both; } .new_balanceOverviewWrapper .availableCashBox { width: 50%; background: #FFF; float: left; margin: 0; height: 245px; padding: 20px 20px; border-right: 1px solid #888; font-family: "Nunito-Light"; } .new_balanceOverviewWrapper .storeCreditsBox { width: 50%; float: left; background: #FFF; margin: 0; padding: 20px 20px; height: 245px; font-family: "Nunito-Light"; } /*.new_balanceOverviewWrapper .pendingBalanceBox{*/ /* border:none;*/ /*}*/ .new_balanceOverviewWrapper .storeCreditsBox a { color: #888; display: inline-block; margin: 10px 0 0; text-decoration: underline; } .new_balanceOverviewWrapper .availableCashBox a.notifBtn, .new_balanceOverviewWrapper .storeCreditsBox a.notifBtn { display: inline-block; margin: 0; position: relative; top: -2px; } .new_balanceOverviewWrapper .cashOutBtn, .new_balanceOverviewWrapper .salesHistoryBtn, .new_balanceOverviewWrapper .seeStoreBtn { position: static; font-family: "Nunito-Light"; } .availableCashBox { width: 100%; height: 140px; } .totalBalanceBox { border: 2px solid #A47B24; } .cashOutBtn, /*.pendingBalanceBtn,*/ .salesHistoryBtn, .seeStoreBtn { width: 171px; height: 36px; line-height: 36px; color: #FFF !important; text-align: center; font-size: 12px; background: #A47B24; display: block; position: absolute; bottom: 20px; right: 20px; } .new_balanceOverviewWrapper .cashOutBtn { margin: 10px 0 0; } .cashOutBtn.gray { background: #B3B3B3; } .cashOutBtn, .seeStoreBtn { bottom: auto; top: 35px; } /*.pendingBalanceBtn,*/ .salesHistoryBtn, .seeStoreBtn { background: #B3B3B3; } /*.pendingBalanceBox{*/ /* background:#E6E6E6;*/ /* margin-right:0;*/ /* border:2px solid #E6E6E6;*/ /*}*/ .balanceOverviewWrapper .notifBtn { margin-left: 5px; } .storeCreditsWrapper { width: 440px; text-align: center; } .storeCreditsWrapper span.infoConvert { line-height: 18px; display: block; margin: 0 0 10px; } .storeCreditsWrapper span.infoConvert:before { /*content:''; width:7px; height:15px; background:url(/images/arrow_bottom_black.png) no-repeat center left; display:block; float:left; margin:0 0 0 5px; /*position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);*/ } .convertBtn { width: 330px; height: 36px; line-height: 32px; display: block; border: 2px solid #A47B24; margin: 0 auto 10px; } .storeCreditsBox { width: 100%; margin: 10px 0 0; } .storeCreditsTabWrapper { width: 100%; padding: 10px; } .storeCreditsTabWrapper .fullBox { padding: 0; } .storeCreditsTabWrapper .fullBox:after { content: ""; display: block; clear: both; } .storeCreditsTabWrapper table { width: 100%; } .storeCreditsTabWrapper table tr:first-child td { border-top: 1px solid #585858; border-bottom: 1px solid #585858; } .storeCreditsTabWrapper table tr td { border-bottom: 1px solid #F2F2F2; } .storeCreditsTabWrapper table tr td:last-child, .storeCreditsTabWrapper table tr td:nth-last-child(2) { text-align: right; } .storeCreditsTabWrapper table tr td { padding: 10px 10px; } .storeCreditsContent { width: 240px; height: 85px; padding: 20px; display: block; float: left; background: #F6F6F6; } .storeCreditsInfo { width: 240px; padding: 20px; font-size: 10px; color: #585858; float: left; } .storeCreditsTabWrapper table tr td span.green { color: #8CC63F; } .storeCreditsTabWrapper table tr td span.orange { color: #F7931E; } .storeCreditsTabWrapper table tr td span.red { color: #F00; } .storeCreditsTabWrapper table tr td span.gold { color: #A47B24; background: none; } .sortByCreditsBox { float: right; margin: 0 0 10px; } .sortByCreditsBox:after { content: ""; display: block; clear: both; } .sortByCreditsBox span.sortBy { float: left; color: #888; font-size: 10px; line-height: 24px; margin-right: 10px; } .sortByCreditsBox .selectBox { width: 90px; float: left; margin: 0; } /*.huntList {*/ /* padding: 12px 20px 12px 10px !important;*/ /*}*/ /*.huntList .colorBox {*/ /* border: none;*/ /*}*/ /*.huntList .fullBox {*/ /* margin-right: 10px;*/ /* padding: 0;*/ /*}*/ /*.huntList .fullBox:after {*/ /* content: "";*/ /* display: block;*/ /* clear: both;*/ /*}*/ /*.huntList .fullBox .sortByCreditsBox {*/ /* margin-bottom: 0;*/ /*}*/ /*.huntList .productContainer {*/ /* padding-left: 10px;*/ /*}*/ /*.huntList .productBox {*/ /* width: 200px;*/ /* margin-right: 25px;*/ /*}*/ /*.huntList .addToBag {*/ /* width: 100%;*/ /* color: #FFF;*/ /* font-family: "MrsEaves-Bold";*/ /* font-size: 14px;*/ /*}*/ /*.huntList .productBox:nth-child(3n) {*/ /* margin-right: 0;*/ /*}*/ ul.color li { position: relative; } /*ul.color.huntList {*/ /* width: 70%;*/ /* padding: 0 !important;*/ /*}*/ /*ul.color.huntList a {*/ /* margin: 0;*/ /*}*/ /*ul.color.huntList li {*/ /* width: 24px;*/ /* height: 24px;*/ /* display: block;*/ /* margin-left: 11px;*/ /* margin-bottom: 11px;*/ /* float: left;*/ /*}*/ /*ul.color.huntList li .colorBox {*/ /* width: 22px;*/ /* height: 22px;*/ /* left: 1px;*/ /* top: 1px;*/ /* z-index: 0;*/ /*}*/ /*ul.color.huntList li img {*/ /* width: 22px;*/ /* height: auto;*/ /*}*/ .colorTitle { padding-left: 10px; margin-bottom: 5px; font-size: 16px; color: #888; } .uploadWrapper { min-width: 60px; position: relative; width: auto; display: inline-block; } .uploadBtn { width: 60px; height: 60px; background: url(/images/plus_border.png) no-repeat top center; z-index: 0; cursor: pointer; float: left; } input.upload { width: 100%; height: 100%; opacity: 0; z-index: 100; position: absolute; bottom: 0; left: 0; cursor: pointer; } .addHLBtn { width: 180px; height: 48px; line-height: 48px; display: block; background: #888; font-size: 14px; text-align: center; color: #FFF !important; font-family: "Nunito-Regular"; text-transform: uppercase; } .dropzone { border: none; padding: 0; min-height: 0; float: left; } .dropzone.add_items { float: none; border: 1px dashed #888; padding-top: 8px; height: 145px; } .dropzone .dz-preview { width: 120px; height: 120px; min-height: 0; margin: 0 10px 10px; } .dropzone .dz-preview .dz-image { width: 120px; height: 120px; border-radius: 0; } .dz-default.dz-message, .dz-details, .dz-progress { display: none; } .blackColor { color: #000; } .goldColor { color: #A47B24; } .redColor { color: #C1272D; } .orangeColor { color: #F7931E; } .greenColor { color: #009245; } .toggleWrapper { } .moreBtn { color: #000; font-size: 8px; background: url(/images/arrow_bottom.png) no-repeat center right; background-size: 18px; display: block; margin: 5px 0; } .toggleBox { border: 1px solid #585858; padding: 5px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); display: none; } .resultPagingBox { width: 100%; height: 34px; display: block; padding: 0 10px; line-height: 34px; color: #888; font-size: 10px; } .resultPagingBox:after { content: ""; display: block; clear: both; } .totalPage { float: left; } .resultPaging { float: right; } .resultPaging ul { display: inline-block; } .resultPaging ul li { display: inline-block; } .resultPaging ul li a.active, .resultPaging ul li a:hover { font-family: "Nunito-Regular"; color: #000; } .resultPaging ul li:after { content: ""; display: inline-block; width: 1px; height: 12px; background: #888; margin: 0 2px 0 3px; position: relative; top: 2px; } .resultPaging ul li:last-child:after { display: none; } .actionBtnBox { width: 650px; float: left; text-align: left; padding-left: 10px; } .actionBtn { background: #F2F2F2; background: -webkit-linear-gradient(#F2F2F2, #CDCDCD); background: -o-linear-gradient(#F2F2F2, #CDCDCD); background: -moz-linear-gradient(#F2F2F2, #CDCDCD); background: linear-gradient(#F2F2F2, #CDCDCD); display: inline-block; padding: 5px 10px; border-radius: 5px; font-size: 8px; color: #4D4D4D; border: none; margin-right: 5px; cursor: pointer; } /*.sellMyItemsWrapper{*/ /* padding:40px 0 0;*/ /*}*/ .sellMyItemsWrapper h3 { font-family: "MrsEaves-Bold"; font-size: 28px; text-transform: uppercase; color: #A47B24; letter-spacing: 1px; text-align: center; margin: 0 0 20px; } .stepBox { text-align: center; margin: 0 0 20px; } .stepBox ul { } .stepBox ul li { display: inline-block; color: #B3B3B3; font-style: italic; font-size: 14px; } .stepBox ul li:after { content: ">"; display: inline-block; color: #585858; font-size: 14px; margin: 0 10px; } .stepBox ul li:last-child:after { display: none; } .stepBox ul li span { width: 32px; height: 32px; line-height: 30px; border-radius: 32px; display: inline-block; border: 1px solid #A47B24; margin-right: 10px; font-style: normal; color: #585858; } .stepBox ul li.active { color: #A47B24; } .stepBox ul li.active span { background: #A47B24; color: #FFF; } .thankyouBox { max-width: 660px; margin: 0 auto; border: 1px solid #A47B24; padding: 40px 20px 30px; text-align: center; color: #585858; } .thankyouBox h4 { font-size: 18px; font-family: "Nunito-Regular"; text-transform: uppercase; margin: 0 0 20px; } .thankyouBox a { color: #A47B24; } .thankyouBox .buttonBox:before { content: ""; display: block; width: 75%; height: 1px; background: #F2F2F2; margin: 0 auto 20px; } .reviewItemsWrapper { max-width: 660px; margin: 0 auto; } .reviewItemsBox { } .name_product { background: #F2F2F2; padding: 0 10px; height: 36px; line-height: 36px; color: #585858; font-size: 18px; text-transform: uppercase; font-family: "Nunito-Regular"; } .info_product { border: 1px solid #E6E6E6; padding: 10px; } .info_product:after { content: ""; display: block; clear: both; } .info_product_box { width: 25%; float: left; color: #888; } .info_product_box:last-child { width: 50%; } .info_product_box span { display: block; color: #585858; margin: 0 0 10px; } .info_product_content { margin: 0 0 15px; } .info_product_content ul li { width: 48px; height: 48px; display: block; float: left; margin-right: 10px; margin-bottom: 10px; background: #F2F2F2; } .info_product_content ul:after { content: ""; display: block; clear: both; } .review.buttonBox { max-width: 960px; margin: 20px auto 0; } .boxLeft, .boxRight { width: 50%; float: left; } .boxLeft { line-height: 48px; text-align: left; } .button-320, .button-240 { width: 320px; height: 48px; line-height: 48px; display: block; background: #888; color: #FFF; font-size: 14px; text-transform: uppercase; font-family: "Nunito-Regular"; } .button-240 { width: 240px; float: right; } .addItemsWrapper { max-width: 960px; margin: 0 auto; } .addItemsBox:after { content: ""; display: block; clear: both; } .addItemsBox .fullBox { width: 100%; float: none; padding: 10px 0; } .addItemsBox .fullBox:after { content: ""; display: block; clear: both; } .formBox.category { width: 140px; float: left; margin-right: 10px; } .formBox.brand { float: left; width: 100%; } .formBox.style { width: 100%; float: left; } .formBox.condition { width: 100%; float: left; } .formBox.upload { width: 100%; float: left; } .formBox.moreInfo { width: 100%; float: left; position: relative; } .formBox.moreInfo textarea { height: 195px; } .fullBox.button { width: auto; float: right; margin: 0 0 20px; } .fullBox.button button { width: 120px; height: 36px; background: #888; color: #FFF; float: left; } .fullBox.button button:first-child { background: none; color: #000; } .formBox.dropZ { width: 100%; float: left; } .formBox.moreInfo:before { content: ""; display: block; clear: both; } .fullBox.category ul li { float: left; display: block; margin-right: 10px; } .fullBox.category ul li a { width: 120px; height: 84px; border: 1px solid #888; position: relative; margin: 0; text-align: center; } .fullBox.category ul li a.selected { border: 2px solid #A47B24; /*background-color: #A47B24;*/ /*color: #fff;*/ } .fullBox.category ul li a.selected img { /*background-color: #fff;*/ } .fullBox.category .formBox { margin: 0; } #tabsell { padding: 10px 0 0; } #tabsell .ui-tabs-nav li:hover, #tabsell .ui-tabs-nav li.ui-tabs-active, #tabsell .ui-tabs-nav li { background: none; border: none; margin: 0; font-size: 18px; text-transform: uppercase; height: auto; line-height: normal; } #tabsell .ui-tabs-nav li a { color: #888; padding: 0 10px; } #tabsell .ui-tabs-nav li.ui-tabs-active a, #tabsell .ui-tabs-nav li:hover a { background-color: #A47B24; color: #FFF; } #tabsell span { display: block; margin: 0 0 10px; } #tabsell span.sideLeftBoxField { padding-left: 10px; } #tabsell span.formTitle { width: auto; padding: 0; } .formLeftBox { width: 360px; margin-right: 20px; float: left; } .formRightBox { width: 340px; float: left; } .sideLeftBox { width: 240px; float: left; } .sideRightBox { width: 720px; float: left; } .fullBox.category span { display: block; margin: 0 0 10px; } .fullBox.category ul li img { display: block; margin: 5px auto; } .browseBox { position: relative; } .browseBox span { display: block; background: #808080; color: #FFF; height: 48px; width: 100%; text-align: center; line-height: 48px; border-radius: 5px; } .browseBox input[type="file"] { height: 48px; width: 100%; display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 10; } .formTitle i { width: 12px; height: 12px; background: url(/images/icon_pencil.png) no-repeat top center; text-indent: -9999px; display: inline-block; } .moreItemBox { max-width: 960px; margin: 0 auto 20px; font-size: 18px; text-transform: uppercase; background: #F2F2F2; height: 36px; padding: 0 10px; line-height: 36px; color: #585858; } .moreItemBox a { color: #A47B24; } .tooltipBox { background: #585858; padding: 10px; font-size: 10px; color: #CCC; max-width: 280px; position: absolute; bottom: 80px; left: 0; display: none; } .tooltipBox:after, .condition_info:after { content: ""; display: block; position: absolute; top: -8px; left: 10px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #585858; } .condition_info:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: none; border-bottom: 10px solid #E6E6E6; top: -10px; left: 50%; } .addressWrapper { padding: 20px; } .addressBox { border-bottom: 2px solid #CCC; padding-bottom: 20px; margin-bottom: 20px; } .addressContent { color: #999; font-size: 14px; line-height: 20px; } .myName { color: #585858; font-size: 16px; font-family: "Nunito-Regular"; display: block; margin: 0 0 10px; } .addressWrapper .buttonBox ul { width: auto; } .addressWrapper .buttonBox ul li { float: left; color: #585858; border-right: 1px solid #585858; margin-right: 5px; padding-right: 5px; } .addressWrapper .buttonBox ul li:last-child { padding: 0; margin: 0; border: none; } .addressWrapper .buttonBox ul li span { color: #A47B24; } .listAddressWrapper:after { content: ""; display: block; clear: both; } .listAddressBox { width: 190px; float: left; margin-right: 20px; margin-bottom: 20px; } .listAddressBox:nth-child(3n) { margin-right: 0; } .listAddressBox .addressContent { background: #F2F2F2; padding: 10px; max-height: 94px; overflow: hidden; } .listAddressBox .buttonBox { margin-top: 5px; } .thankyouWrapper { text-align: center; padding: 40px 0; } .thankyouWrapper h3 { color: #A47B24; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; font-family: "MrsEavesRoman-Regular"; margin: 0 0 10px; } .noTransaction { font-size: 16px; display: block; margin: 0 0 40px; } .thankyouContent:after { content: ""; display: block; clear: both; } .thankyouContent { color: #888; max-width: 700px; margin: 0 auto; } .thanksBox { width: 50%; float: left; padding: 0 40px; font-size: 18px; color: #888; text-align: right; margin: 0 0 20px; } .thanksBox:first-child { text-align: left; } .thanksBox span { display: block; color: #585858; font-size: 24px; } .thankyouContent p { line-height: 20px; margin: 0 0 20px; } .paymentsBtn { width: 330px; height: 60px; line-height: 60px; display: block; margin: 0 auto 40px; font-size: 24px; font-family: "MrsEavesRoman-Regular"; color: #FFF; text-transform: uppercase; letter-spacing: 1px; background: #A47B24; } .thankyouContent .recipientBox { padding: 0; width: 50%; float: none; } .thankyouContent .recipientBox table tr td { text-align: left; } .seeHistory { color: #A47B24; display: inline-block; margin: 40px 0 0; } .accountInformation { width: 100%; margin: 0 0 40px; } .accountInformation:after { content: ""; display: block; clear: both; } .accountInformation span { font-size: 18px; display: block; margin: 0 0 20px; color: #888; } .accountInfoBox { width: 49%; display: inline-block; padding: 0 20px; } .accountInfo { border: 1px solid #E6E6E6; font-size: 18px; color: #585858; } .bankName { background: #E6E6E6; height: 32px; line-height: 32px; } .accountName { background: #F2F2F2; height: 32px; line-height: 32px; } .noRek { border-top: 1px solid E6E6E6; height: 32px; line-height: 32px; } .temporaryBox { min-height: 200px; position: relative; text-align: center; margin-bottom: 20px; overflow: hidden; } .temporaryBox img { position: relative; top: -100px; width: 50%; margin: 0 auto -200px; display: block; } .temporaryBox p { display: block; position: relative; z-index: 100; } .temporaryBox span { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .allDesignerWrapper { width: 100%; max-width: 960px; margin: 0 auto; padding: 20px 0 0; } .allDesignerWrapper h2, .comingsoonWrapper h2, .confirmPaymentWrapper h2 { font-size: 24px; display: block; color: #585858; text-align: center; text-transform: uppercase; font-family: "MrsEavesRoman-Regular"; letter-spacing: 5px; margin-bottom: 20px; margin-top: 20px; } .confirmPaymentWrapper h2 { margin-top: 40px; color: #A47B24; } .comingsoonWrapper h2 { margin-top: 130px; } .comingsoonWrapper { margin-bottom: 40px; text-align: center; } .comingsoonBox { max-width: 100%; width: 560px; margin: 0 auto; border: 1px solid #A47B24; padding: 20px; font-size: 14px; margin-bottom: 40px; } .designerNavBox { border-top: 2px solid #333; border-bottom: 2px solid #333; text-align: center; margin: 0 0 30px; } .designerNavBox ul li { display: inline-block; margin: 0; font-size: 14px; font-family: "MrsEavesRoman-Regular"; padding: 0 8px; text-transform: uppercase; height: 36px; line-height: 36px; } .designerNavBox ul li a { color: #888; } .designerNavBox ul li a:hover, .designerNavBox ul li a.selected { font-family: "MrsEaves-Bold"; color: #585858; } .designerBox { width: 100%; font-family: "Nunito-Regular"; margin: 0 0 20px; } .designerBox:after { content: ""; display: block; clear: both; } .dbLeft { width: 10%; float: left; font-size: 24px; color: #333; text-align: right; line-height: 24px; padding: 0 40px 0 0; } .dbRight { width: 90%; float: left; color: #888; border-bottom: 2px solid #888; padding-bottom: 15px; } .dbRight ul li { width: 33.3333%; line-height: 18px; display: block; float: left; } .searchDesignerBox { width: 100%; max-width: 480px; height: 40px; margin: 0 auto 20px; border: 1px solid #888; position: relative; padding-right: 35px; padding-left: 10px; } .searchDesignerBox input[type="text"] { height: 38px; text-align: center; } .searchDesignerBox input[type="submit"] { position: absolute; top: 50%; right: 10px; display: block; width: 18px; height: 18px; text-indent: -9999px; border: none; background: url(/images/icon_magnifier.png) no-repeat top center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } span.newInfo { line-height: 20px; font-size: 12px; margin: 10px 0 10px; display: block; } .confirmPaymentWrapper { width: 100%; max-width: 460px; margin: 0 auto; } .confirmPaymentWrapper .formBox { margin: 0 0 20px; } .confirmPaymentWrapper .formBox input[type="text"], .confirmPaymentWrapper .formBox input[type="number"], .confirmPaymentWrapper .formBox input[type="password"], .confirmPaymentWrapper .formBox input[type="tel"], .confirmPaymentWrapper .formBox textarea, .confirmPaymentWrapper .formBox button, .confirmPaymentWrapper .selectBox .select2-container { border-radius: 0 !important; height: 36px; } .confirmPaymentWrapper .addHLBtn { width: 240px; } .confirmPaymentWrapper .formBox a { color: #A47B24; margin: 0; } .confirmPaymentWrapper .formBox a:first-child { margin: 0; } .confirmPaymentWrapper .formBox .selectBox .select2-container { height: 36px; } .confirmPaymentWrapper .formBox .selectBox .select2-container span { height: 34px; line-height: 34px; } .expiredBox { width: 35%; position: absolute; bottom: 0; right: 0; z-index: 1000; color: #585858; text-align: right; padding: 10px; font-size: 10px; } .expiredBox a { color: #888; display: block } .charityWrapper { width: 100%; max-width: 1000px; margin: 0 auto; } .mainBanner { min-height: 340px; margin: 50px 0; } .mainBanner img { width: 100%; } .charityBtn { text-align: center; margin: 0 0 120px !important; } .charityBtn a { width: 335px; height: 54px; line-height: 54px; display: inline-block; margin: 0 20px; border: 1px solid #A47B24; font-size: 35px; text-transform: uppercase; color: #A47B24; font-family: "MrsEaves-Bold"; } .fullBox.content { width: 100%; margin: 0 0 150px; padding: 0; } .fullBox.content h3 { text-align: center; color: #A47B24; text-transform: uppercase; font-size: 35px; letter-spacing: 2px; font-family: "MrsEaves-Bold"; margin-bottom: 10px; } .fullBox p { font-family: "Nunito-Regular"; font-size: 17px; color: #888; text-align: center; } .charityPartnersWrapper { margin: 40px 0 0; } .charityPartnersWrapper:after { content: ""; display: block; clear: both; } .cpBox { width: 280px; margin-right: 80px; margin-bottom: 20px; float: left; } .cpBox:nth-child(3n) { margin-right: 0; } .cpImageBox { width: 260px; height: 205px; margin: 0 auto 10px; } .cpTextBox, .cpTextBox p { font-family: "Nunito-Regular"; font-size: 16px; color: #888; text-align: left; margin: 0 0 20px; } .cpTextBox a { color: #888; } .charityBanner { width: 100%; height: 180px; margin: 20px 0; border: 1px solid #B3B3B3; } .charityBanner:after { content: ""; display: block; clear: both; } .charityImage { width: 558px; height: 180px; overflow: hidden; float: left; } .charityInfo { width: 320px; float: left; height: 180px; padding: 50px 30px 0; position: relative; font-size: 13px; color: #888; } .charityLogo { position: absolute; top: 10px; right: 10px; } .charityLogo ul li { width: 24px; height: 24px; display: block; border-radius: 24px; float: left; margin-left: 10px; } .charityInfo span { color: #A47B24; font-size: 30px; text-transform: uppercase; margin-left: 10px; margin-top: 10px; font-family: "MrsEaves-Bold"; display: block; } footer { width: 100%; position: absolute; bottom: 0; left: 0; background: #1D1D1D; } .footerBox { width: 1200px; margin: 0 auto; padding-bottom: 20px; position: relative; } .footerTop { width: 100%; background: #FFF; padding-bottom: 30px; } /*.footerTop .footerBox {*/ /* width: 888px;*/ /* height: 68px;*/ /* display: block;*/ /*}*/ .footerBox:after { content: ""; display: block; clear: both; } .footerBox:last-child { border-bottom: 1px solid #FFF; } .footerMid { width: 100%; color: #FFF; padding: 40px 0 0; } .metaMenuBox { width: 200px; font-size: 14px; color: #FFF; text-transform: uppercase; float: left; } .metaMenuBox.designer { width: 350px; } .metaMenuBox.stayInTouch { width: 450px; } .metaMenuBox.stayInTouchSg { float: right; } .metaMenuBox h4 { font-family: "Nunito-Bold"; margin: 0 0 10px; } .metaMenuBox:first-child ul li { width: 50%; float: left; text-transform: initial; } .metaMenuBox ul { margin: 0 0 20px; line-height: 27px; } .metaMenuBox a { color: #FFF; line-height: 20px; } .metaMenuBox a:hover { text-decoration: underline; } .metaMenuBox ul:after { content: ""; display: block; clear: both; } .subscribeBox { width: 638px; float: left; padding: 10px 0 0; } .subscribeBox span { color: #585858; font-family: "Nunito-Regular"; font-size: 14px; width: 130px; height: 48px; line-height: 48px; text-transform: uppercase; display: block; float: left; text-align: center; margin-right: 10px; } .subscribe { width: 488px; height: 48px; border: 1px solid #888; position: relative; display: inline-block; } .subscribe input[type="text"] { width: 100%; height: 46px; padding: 0 130px 0 10px; background: #F2F2F2; } .subscribe a { width: 120px; height: 46px; line-height: 48px; text-align: center; background: #888; display: block; font-size: 14px; font-family: "Nunito-Regular"; color: #FFF; position: absolute; top: 0; right: 0; text-transform: uppercase; } .findUsBox { width: 300px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding-left: 170px; } .findUsBox span { position: absolute; display: inline-block; top: 50%; left: 70px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #585858; font-size: 14px; font-family: "Nunito-Regular"; text-transform: uppercase; } .facebookBtn, .instBtn { width: 36px; height: 36px; display: inline-block; background: url(/images/icon_facebook.png) no-repeat top center; text-indent: -9999px; margin: 0 3px; } .instBtn { background: url(/images/icon_instagram.png) no-repeat top center; } .newSubscribeBox .newSubscribe { position: relative; margin-top: 20px; font-family: "Nunito-Regular"; } .newSubscribeBox .newSubscribe input[type="text"] { width: 100%; height: 50px; padding: 0 130px 0 20px; font-size: 14px; color: #1D1D1D; border: 1px solid #FFF; } .newSubscribeBox .newSubscribe input[type="text"]::placeholder { color: #1D1D1D; } .newSubscribeBox .newSubscribe a { position: absolute; top: 1px; right: 1px; padding: 13px; background: #1D1D1D; border: 1px solid #1D1D1D; } .newSubscribeBox .newSubscribe a:hover { background: #FFF; color: #1D1D1D; text-decoration: none; transition: .3s; } .socialMediaBox { margin-top: 40px; } .socialMediaBox .socialMedia { display: inline-block; margin-right: 20px; } .socialMediaBox .iconWrapper { width: 30px; height: 30px; } .socialMediaBox .iconWrapper img { width: 100%; } .socialMediaBoxSg { margin-top: 0px; } .socialMediaBoxSg .socialMedia { display: inline-block; margin-right: 20px; } .socialMediaBoxSg .iconWrapper { width: 30px; height: 30px; } .socialMediaBoxSg .iconWrapper img { width: 100%; } .footerLogo { width: 350px; } .footerLogo img { max-width: 350px !important; } .footerBottom { display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; padding: 20px 0 40px; font-size: 10px; color: #FFF; } .footerBottom .copyright, .footerBottom .country { display: inline-block; } .footerBottom .country form { display: inline-block; } .footerBottom .country .currencyBtn { background: none; font-family: "Nunito-Regular"; font-size: 10px; color: #FFF; } .footerBottom .country .currencyBtn.active, .footerBottom .country .currencyBtn:hover { text-decoration: underline; } .footerBottom .country .currencyBtn:disabled { cursor: not-allowed; } input[type=checkbox].css-checkbox, input[type=radio].css-checkbox, div.css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label, div.css-checkbox + label.css-label { width: 100%; max-width: 100%; height: 24px; padding: 0 3px; line-height: 22px; display: block; font-size: 10px; text-align: center; cursor: pointer; border: 1px solid #888; font-family: "Nunito-Light"; text-transform: uppercase; position: relative; z-index: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label, div.css-checkbox.checked + label.css-label { border: 1px solid #888; background: #CCC; } label.css-label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .filterBox { overflow: hidden; } .menu_price .filterBox { overflow: visible; } .filterWrapper { display: none; } .subFilterBox { display: none; } .filterSearchBox { width: 100%; height: 24px; position: relative; padding: 0 3px; } .filterSearchBox input[type="text"] { height: 24px; background: #E6E6E6; padding: 0 30px 0 5px; text-align: center; font-size: 10px; color: #585858; } .filterSearchBox input[type="submit"] { width: 24px; height: 24px; display: block; border: none; position: absolute; top: 0; right: 0; text-indent: -9999px; background: #E6E6E6 url(/images/icon_magnifier_gray.png) no-repeat center center; z-index: 100; cursor: pointer; } .filterTitle { margin: 0 0 2px; padding: 0 1px; } .subFilterBox ul:after { content: ""; display: block; clear: both; } .subFilterBox ul li { width: 50%; float: left; padding: 0 1px; margin: 0 0 2px; } span.info { font-size: 12px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; color: #A47B24; text-transform: uppercase; padding-left: 10px; display: inline-block; margin: 5px 0 5px; } span.info-link { float: right; margin: 5px 0 5px; } .priceBoxWrapper { margin: 10px 0 0; overflow: hidden; text-align: center; } .priceBoxWrapper a { width: 185px; height: 24px; display: block; float: none; margin: 5px auto 0; background: #A47B24; color: #FFF; line-height: 24px; } .priceBox { width: 90px; float: none; display: inline-block; text-align: center; font-size: 8px; color: #585858; text-transform: uppercase; } .priceBox input[type="text"] { border: 1px solid #999; height: 24px; padding: 0 5px; text-align: center; font-size: 10px; margin: 0 0 5px; color: #585858; } .subFilterBox input[type=checkbox].css-checkbox + label.css-label, .subFilterBox div.css-checkbox + label.css-label { font-size: 8px; } .subFilterBox ul.small li { width: 33.3333%; } .subFilterBox ul.verySmall li { width: 25%; } .subFilterBox ul.color li input[type=checkbox].css-checkbox + label.css-label, .subFilterBox ul.color li div.css-checkbox + label.css-label { text-align: left; padding-left: 30px; } .subFilterBox ul.color li { position: relative; } .colorBox { width: 18px; height: 22px; position: absolute; top: 1px; left: 2px; overflow: hidden; border-right: 1px solid #888; z-index: 100; } .colorBox img { height: 100%; } .subFilterBox ul.full { margin-bottom: 20px; } .subFilterBox ul.full li { width: 100%; } .fullBox { padding: 0 1px; margin-bottom: 2px; } .fullBox input[type=checkbox].css-checkbox + label.css-label, .fullBox div.css-checkbox + label.css-label { background: #999; color: #FFF; } .fullBox.normal input[type=checkbox].css-checkbox + label.css-label, .fullBox.normal div.css-checkbox + label.css-label { background: #FFF; color: #585858; } .selectBox .sod_select { width: 55px; padding: 0 0 0 5px; height: 18px; border: none; line-height: 18px; background: #FFF url(/images/arrow_bottom.png) no-repeat right center; font-family: "Nunito-Light"; font-weight: normal; } .sortByCreditsBox .selectBox .sod_select { width: 100%; height: 24px; line-height: 24px; border: 1px solid #808080; background: none; } .filterByBox .selectBox .sod_select { width: 100px; height: 24px; line-height: 24px; border: 1px solid #808080; } .selectBox .sod_select::before, .selectBox .sod_select::after { display: none; } .selectBox .sod_select .sod_label { padding: 0; } .selectBox .sod_select .sod_list_wrapper { width: 61px; } .sortByCreditsBox .sod_select .sod_list_wrapper { width: 100%; margin: 0; border-color: #585858; border-width: 1px !important; } .filterByBox .selectBox .sod_list_wrapper { width: 100%; margin: 0; border: 1px solid #808080; } .selectBox .sod_select .sod_option.selected, .selectBox .sod_select .sod_option { padding: 0 0 0 5px; } .selectBox .sod_select .sod_option.selected::before { display: none; } .formBox .selectBox { width: 100%; margin: 0; } .formBox .selectBox.day { width: 70px; margin-right: 10px; } .formBox .selectBox.month { width: 130px; margin-right: 10px; } .formBox .selectBox.year { width: 80px; } .formBox .selectBox .sod_select { width: 100%; border: 1px solid #585858; height: 46px; line-height: 46px; padding-left: 10px; border-radius: 0; font-size: 16px; color: #888; font-family: "Nunito-Light"; text-transform: none; font-weight: 300; background: url(/images/arrow_bottom_gold.png) no-repeat center right; } .formBox .selectBox .sod_select.focus, .selectBox .sod_select.focus { box-shadow: none; } .formBox .selectBox .sod_select .sod_list_wrapper { width: 100%; margin: 0; border: 1px solid #585858; } .formBox .selectBox .sod_select .sod_option { padding-left: 10px; } .sliderRangeBox { padding: 10px 0; } #steps-fivepercent-slider .ui-slider-tip { visibility: visible; opacity: 1; top: -30px; } .ui-slider-pip-label, .ui-slider-tip { display: none !important; } .ui-slider-range { background: #A47B24; } .slider { height: 3px; background: #808080; } .ui-slider-horizontal.ui-slider-pips { margin-bottom: 10px; } .ui-slider-horizontal .ui-slider-handle { top: -0.6em; } .ui-slider-handle { border: 3px solid #A47B24 !important; border-radius: 20px; } .ui-slider-handle:hover, .ui-slider-handle:focus { background: #A47B24 !important; } .scroll-pane { height: 400px; margin: 10px 0 0; } .scroll-pane-mobile { /*display:none;*/ height: 400px; margin: 10px 0 0; overflow: auto; padding-right: 10px; padding-left: 3px; } .bx-wrapper .bx-pager.bx-default-pager a { border: 2px solid #FFF; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #A47B24; border: 2px solid #E6E6E6; } .bx-wrapper .bx-pager { right: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carouselBox .bx-wrapper .bx-pager { bottom: -30px; } .carouselBox .bx-wrapper .bx-pager.bx-default-pager a { background: #CCC; border: none; } .carouselBox .bx-wrapper .bx-pager.bx-default-pager a:hover, .carouselBox .bx-wrapper .bx-pager.bx-default-pager a.active { background: #A47B24; border: none; } .carouselBox .bx-wrapper .bx-controls-direction a { width: 10px; height: 12px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .carouselBox .bx-wrapper .bx-prev { left: -20px; } .carouselBox .bx-wrapper .bx-next { right: -20px; } .productDetailPager a { width: 72px; height: 72px; display: block; float: left; overflow: hidden; margin: 0 4px; } .productDetailPager img { width: 100%; } /*.productDetailImgBox .bx-wrapper .bx-controls-direction a{ width:40px; height:40px; margin-top:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); } .productDetailImgBox .bx-wrapper .bx-prev{ background:url(/images/arrow_left-circle_gray.png) no-repeat top center; left:10px; } .productDetailImgBox .bx-wrapper .bx-next{ background:url(/images/arrow_right_circle_gray.png) no-repeat top center; right:10px; } .productDetailImgBox .bx-wrapper .bx-prev:hover{ background:url(/images/arrow_left_circle.png) no-repeat top center; } .productDetailImgBox .bx-wrapper .bx-next:hover{ background:url(/images/arrow_right_circle.png) no-repeat top center; }*/ .ui-tabs .ui-tabs-panel { /*padding:15px 20px 0;*/ padding: 0; } .ui-tabs, .ui-tabs .ui-tabs-nav { padding: 0; border: none; } .ui-widget-header { background: none; border: none; } .ui-tabs .ui-tabs-nav li { background: #F9F9F9; border: none; height: 36px; border-bottom: 5px solid #F9F9F9; line-height: 24px; margin-right: 6px; font-family: "Nunito-Light"; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #585858; font-size: 12px; } .ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #E6E6E6; border-color: #585858; } .ui-tabs .ui-tabs-nav li.green, .ui-tabs .ui-tabs-nav li.green:hover, .ui-tabs .ui-tabs-nav li.green.ui-tabs-active { /*border-color:#22B573;*/ border-color: #585858; background: #F2F2F2; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } input[type="checkbox"].customCheckbox, input[type="radio"] { display: none; } input[type="checkbox"].customCheckbox + label, input[type="radio"] + label { /*color: #292321;*/ /*font-family: Arial, sans-serif;*/ font-size: 16px; font-family: "Nunito-Light"; color: #888; } input[type="checkbox"].customCheckbox + label span, input[type="radio"] + label span { display: inline-block; width: 24px; height: 24px; margin: -1px 4px 0 0; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #808080; position: relative; } input[type="checkbox"].customCheckbox + label span { -moz-border-radius: 0; border-radius: 0; } input[type="radio"] + label span:before { content: ""; width: 16px; height: 16px; display: block; border-radius: 12px; background-color: #E6E6E6; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } input[type="radio"]:checked + label span:before { background-color: #A47B24; } input[type="radio"] + label span, input[type="radio"]:checked + label span { -webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; } input[type="checkbox"].customCheckbox + label span:before { content: ''; position: absolute; visibility: hidden; top: 2px; left: 7px; width: 6px; height: 12px; border: solid #585858; border-width: 0 2px 2px 0; transform: rotate(45deg); } input[type="checkbox"].customCheckbox:checked + label span:before { visibility: visible; } .MultiFile-wrap { float: left; } .MultiFile-list { float: left; } .MultiFile-label { width: 60px; height: 60px; display: block; float: left; position: relative; margin-right: 10px; margin-bottom: 10px; } a.MultiFile-remove { position: absolute; top: 0 !important; right: 2px !important; margin: 0 !important; color: #FFF; z-index: 100; } .MultiFile-title { display: none; } .MultiFile-label img { width: 60px; height: 60px; } #overlay { width: 100%; height: 100%; position: fixed; background: rgba(29, 29, 29, 0.6); top: 0; left: 0; z-index: 10050; display: none; } .popupWrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; display: none; z-index: 100000; } /*.popupBox {*/ /* width: 450px;*/ /* margin: 60px auto;*/ /* position: relative;*/ /* display: none;*/ /*}*/ #zoomPopup { width: 95%; } #zoomPopup .closeBtn { right: 7px; top: 5px; } #zoomPopup .popupContent { padding: 20px; } #zoomPopup .popupContent img { width: 100%; } /*.popupContent {*/ /* padding: 20px 10px 10px;*/ /* background: #FFF;*/ /* box-shadow: 0 5px 15px #686868;*/ /* text-align: center;*/ /*}*/ /*.popupContent .formWrapper {*/ /* width: 100%;*/ /* text-align: left;*/ /*}*/ /*.popupContent .formWrapper h3 {*/ /* text-align: center;*/ /* color: #C92;*/ /* font-size: 16px;*/ /* text-transform: uppercase;*/ /* letter-spacing: 2px;*/ /* margin: 0 0 10px;*/ /*}*/ /*.popupContent .saveBtn {*/ /* margin-bottom: 10px;*/ /* margin-left: 0;*/ /* position: relative;*/ /* z-index: 100000;*/ /*}*/ /*.popupContent h3.title {*/ /* border-bottom: 1px solid #C2922D;*/ /* color: #C2922D;*/ /* font-family: "MrsEaves Roman", Georgia, serif;*/ /* font-size: 20px;*/ /* letter-spacing: 5px;*/ /* margin-bottom: 20px;*/ /* padding-bottom: 5px;*/ /*}*/ /*.popupContent h5 {*/ /* color: #333;*/ /* font-family: "MrsEaves Roman", Georgia, serif;*/ /* letter-spacing: 2px;*/ /* padding: 5px 0;*/ /* width: auto;*/ /* font-size: 14px;*/ /* text-transform: uppercase;*/ /*}*/ /*.popupContent p {*/ /* color: #999;*/ /* margin-bottom: 20px;*/ /* padding: 0 40px;*/ /*}*/ /*.closeBtn {*/ /* position: absolute;*/ /* top: 30px;*/ /* right: 20px;*/ /* color: #585858;*/ /*}*/ .flex-direction-nav a::before, .flex-direction-nav a.flex-prev::before, .flex-direction-nav a.flex-next::before { content: "" !important; display: none; } .flex-direction-nav a { width: 10px; height: 14px; } .flex-direction-nav .flex-prev { background: url(/images/arrow_left_def.png) no-repeat top center; text-indent: -9999px; } .flex-direction-nav .flex-next { background: url(/images/arrow_right_def.png) no-repeat top center; text-indent: 9999px; } .flex-direction-nav .flex-prev:hover { background: url(/images/arrow_left_hover.png) no-repeat top center; } .flex-direction-nav .flex-next:hover { background: url(/images/arrow_right_hover.png) no-repeat top center; } .select2-dropdown { border-radius: 0; z-index: 10000; } .select2-container--default .select2-selection--single { border: none; border-radius: 0; } .menuExpendedWrapper { display: none; } .subMenuMobile, .subMenuMobileFull { display: none; } .navMobileAfterLogin, .navExtendedBox, .copyright { display: none; } .navExtendedBox .subMenuMobile .countryBox { display: inline-block; } .navExtendedBox ul li.phone span a { color: #1D1D1D; border-bottom: none; } .navExtendedBox ul li.phone span:hover a { color: #FFFFFF; } .mobile { display: none; } .desktop { display: block; } img.mobile { display: none !important; } img.desktop { display: block !important; } .checkoutFormBox .title.mobile { display: none !important; } .alreadyMemberBox { display: none; } .desc_desktop { display: inline-block; } .desc_mobile { display: none; } .mobileShopBox, #pl_tdb, .filterBtn, .closeFilterBtn { display: none; } .thankyouWrapper .invoiceWrapper { text-align: left; } .formBox .selectBox .select2-container { width: 100% !important; height: 38px; border-radius: 0; } .formBox .selectBox .select2-container span { height: 36px; line-height: 36px; display: block; border-radius: 0; } .formBox .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; } .formBox .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; } .faqWrapper { width: 100%; max-width: 960px; margin: 0 auto; padding: 40px 0 60px; text-align: center; } .faqWrapper:after { content: ""; display: block; clear: both; } .faqWrapper h3 { color: #A47B24; font-family: "MrsEavesRoman-Regular"; font-size: 36px; letter-spacing: 2px; margin: 0 0 10px; text-transform: uppercase; } .faqWrapper .toggleLang { margin: 20px; } .faqWrapper .toggleLang a { color: #A37B24; } .faqWrapper .toggleLang a:hover { text-decoration: underline; } .faqTopBox { width: 100%; } .faqTopBox p { color: #B3B3B3; font-family: "Nunito-Regular"; font-size: 14px; } .faqListWrapper { width: 100%; margin: 40px 0 20px; } .faqListWrapper:after, .faqTopList ul:after { content: ""; display: block; clear: both; } .faqListBox, .faqTopList ul li { width: 33.3333%; float: left; padding: 0 20px; } .faqList { padding: 15px 0; border: 1px solid #B3B3B3; } .faqIcon { width: 60px; height: 60px; display: block; background: #B3B3B3; border-radius: 60px; margin: 0 auto 10px; } .faqList span { color: #B3B3B3; font-size: 18px; font-family: "Nunito-Regular"; text-transform: uppercase; } .faqTopList { width: 100%; } .faqTopList ul { margin-top: 20px; } .faqTopList ul li h4 a { color: #A47B24; font-size: 18px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 2px; margin: 0 0 10px; display: block; text-transform: uppercase; } .faqTopList ul li { color: #B3B3B3; font-size: 14px; font-family: "Nunito-Light"; line-height: 24px; margin-bottom: 20px; } .faqMenuBox { width: 240px; padding: 0 20px; float: left; display: block; text-align: left; } .faqMenuBox ul li { margin: 0 0 15px; } .faqMenuBox a { color: #B3B3B3; font-size: 14px; font-family: "Nunito-Light"; } .faqMenuBox a.active { color: #585858; font-family: "Nunito-Regular"; } .faqContent { width: 720px; float: left; padding: 0 60px 0 20px; text-align: left; } .faqToggleWrapper { width: 100%; } .faqContent span.title { color: #585858; font-size: 24px; font-family: "Nunito-Regular"; text-transform: none; border: none; margin: 0 0 20px; text-align: left; display: block; } .faqContent span.updated { color: #585858; font-size: 12px; font-family: "Nunito-Light"; margin: -15px 0 20px; display: block; } .faqToggleWrapper:after { content: ""; display: block; clear: both; } .faqToggleBox { border: 1px solid #B3B3B3; margin-bottom: 10px; } .faqTitle { padding: 20px; font-family: "Nunito-Regular"; color: #585858; font-size: 18px; cursor: pointer; background: url(/images/icon_minus.png) no-repeat center right 20px; } .nonActive { background: url(/images/icon_plus.png) no-repeat center right 20px; } .faqBox { display: none; padding: 20px; padding-top: 0; } .faqDesc { font-family: "Nunito-Regular"; color: #888; font-size: 14px; } .faqDesc a { color: #A47B24; font-size: 14px; display: block; margin: 10px 0; } .faqSupport { border-top: 1px solid #B3B3B3; height: 40px; display: block; line-height: 40px; position: relative; font-size: 14px; font-family: "Nunito-Light"; } .faqSupport ul { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .faqSupport ul li { float: left; margin-left: 20px; } .emailFaq, .chatFaq, .callFaq { font-size: 14px; color: #585858; font-family: "Nunito-Regular"; display: block; background: url(/images/icon_email.png) no-repeat center left; padding-left: 30px; } .chatFaq { background: url(/images/icon_chat.png) no-repeat center left; } .callFaq { background: url(/images/icon_call.png) no-repeat center left; } #flexcarousel li { width: 80px; height: 80px; overflow: hidden; float: left; } #flexcarousel img { width: 100%; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .submitFilter { width: 100%; height: 48px; line-height: 48px; font-size: 14px; background: #585858; font-family: "Nunito-Regular"; color: #FFF; position: fixed; bottom: 0; left: 0; text-align: center; z-index: 100; display: none; } #ui-datepicker-div { z-index: 10000 !important; } .mobileCategory { padding-top: 10px !important; display: none; } .allProduct { margin: 0 0 10px !important; } .mobileCategory ul:after { content: ""; display: block; clear: both; } .mobileCategory ul li { width: calc(50% - 5px) !important; margin-right: 5px !important; margin-bottom: 10px !important; float: left !important; line-height: 30px !important; } .mobileCategory ul li:nth-child(even) { margin-left: 5px !important; margin-right: 0 !important; } .mobileCategory ul li img { margin: 5px auto 0; } .sizeTabWrapper { width: 100%; max-width: 940px; margin: 30px auto; } .sizeTabWrapper h2 { font-size: 24px; color: #585858; text-align: center; margin: 0 0 30px; font-family: "MrsEavesRoman-Regular"; text-transform: uppercase; letter-spacing: 2px; } .sizeTable { width: 600px; margin: 0 auto 60px; } .sizeTabWrapper .ui-tabs .ui-tabs-nav li { margin-right: 20px; height: 70px; line-height: 50px; text-transform: uppercase; } .sizeTabWrapper .ui-tabs .ui-tabs-nav li:last-child { margin-right: 0; } .sizeTabWrapper .ui-tabs .ui-tabs-nav li a { width: 300px; text-align: center; font-size: 24px; } .sizeTabWrapper .ui-tabs .ui-tabs-nav li:hover, .sizeTabWrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #58595B; } .sizeTabWrapper .ui-tabs .ui-tabs-nav li:hover a, .sizeTabWrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #A47B24; } .sizeContent { border: 1px solid #58595B !important; padding: 40px !important; } .sizeTable thead tr th { height: 40px; font-size: 10px; text-align: center; } .sizeTable thead tr th:nth-child(even) { background: #333 !important; color: #FFF !important; } .sizeTable thead tr th:nth-child(odd) { background: #4D4D4D !important; color: #FFF !important; } .sizeTable thead tr th:first-child { background: #FFF !important; } .sizeTable tr:nth-child(even) td:nth-child(odd) { background: #F9F9F9 } .sizeTable tr:nth-child(even) td:nth-child(even) { background: #E6E6E6; } .sizeTable tr:nth-child(odd) td:nth-child(even) { background: #F2F2F2; } .sizeTable tr:nth-child(odd) td:nth-child(odd) { background: #F9F9F9; } .sizeTable tr:nth-child(odd) td:first-child { background: #FFF; } .sizeTable table { width: 600px; } .sizeTable table tr td { height: 40px; font-size: 10px; text-align: center; } .sizeTable h3 { font-size: 24px; font-family: "Nunito-Regular"; color: #585858; text-align: center; margin: 0 0 10px; } .sizeTable span { font-size: 12px; font-family: "Nunito-Light"; text-align: center; display: block; margin: 0 0 20px; } .sizeTable span a { color: #A47B24; } .popupSizeWrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; z-index: 100000; display: none; } .popupSizeWrapper .overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8; } .popupSizeWrapper .close { position: absolute; top: 30px; right: 20px; } .popupSizeBox { width: 100%; max-width: 800px; margin: 0 auto; padding: 20px; background: #FFF; position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; } .popupSizeBox h3 { font-size: 24px; text-transform: uppercase; color: #585858; text-align: center; margin: 0 0 40px; } .popupSizeContent:after { content: ""; display: block; clear: both; } .popupSizeContent .halfBox { width: 50%; float: left; } .popupSizeContent table tr td:first-child { text-align: right; color: #58595B; font-family: "Nunito-Regular"; font-size: 12px; } .popupSizeContent table tr td { color: #8D8D8D; font-family: "Nunito-Light"; padding: 0 10px 5px; font-size: 12px; } @media only screen and (max-width: 1280px) { .headerTopBox, .headerBottomBox, .navBox, .subMenuContainer .subMenuWrapper { width: 960px; } .headerBottomBox .headerBottomLeft { left: 10px; } /*.headerBottomBox .searchBox {*/ /* right: 10px;*/ /*}*/ .smallBannerWrapper { width: 320px; height: 480px; } .smallBannerBox { width: 320px; height: 160px; } .bigBannerWrapper { width: 960px; /*height: 360px;*/ height: 320px; } .content { width: 960px; } .productSectionBox { width: 25%; padding: 0 20px; } .psiLeft { width: 200px; } #logo { width: 300px; } span.currency { margin-left: 0; } /*.animation_header .headerBottomLeft {*/ /* left: 150px;*/ /*}*/ .subMenuContainer.duo { width: 640px; } .howItWorksInfo { width: 75%; } .subMenuBox { width: 260px; padding-left: 0; } .subMenuContainer ul li { margin: 0; } .subMenuContainer ul li a { line-height: 18px; } .subMenuBox:last-child { width: 180px; } .subMenuImgBox { width: 180px; height: 180px; } ul#carousel li { width: 320px; } .sideMenuBox { width: 260px; } .menuTopBox, .menuBox { width: 240px; } .sideContent { width: 700px; } .productBox { width: 213px; } .productDetailImgBox { width: 360px; } .productDetailImg { width: 360px; height: 360px; } .productDetailInfoWrapper { width: 600px; } .pdiLeftBox { width: 360px; padding-left: 20px; padding-right: 20px; } .productDetailTabWrapper { padding-left: 20px !important; } .twoColoumn { -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .temporaryBox img { top: -80px; } .temporaryBox p { top: 40px; } .frameBox { height: 52.7%; } .charityImage { width: 438px; display: block; } .charityInfo { width: 240px; font-size: 12px; } .charityInfo span { font-size: 24px; } .footerBox, .footerBottom { width: 960px; } .footerBox .metaMenuBox.stayInTouch { width: auto; } } @media only screen and (max-width: 959px) { header { width: 100%; background: #E6E6E6; border: none; position: fixed; top: 0; z-index: 10001; } .headerTop { position: absolute; /*top: 0;*/ left: 0; background: none; z-index: 10001; height: 0; } .loginBox { float: right; } .headerTopBox { height: 0; } .headerTopBox, .headerBottomBox, .navBox { width: 100%; } .currencyBox, .headerBottomLeft { display: none; } .headerBottom { background: #FFF; } header#simple .headerBottom .headerBottomBox, .headerBottomBox { height: 60px; padding: 15px 0 0; } .menuExpendedWrapper { width: 100%; height: 40px; padding: 5px; background: #F8F8F8; display: block; position: relative; z-index: 10001; } .menuExpendedWrapper ul li { float: left; width: 50%; line-height: 28px; text-align: center; background: #F8F8F8; } .menuExpendedWrapper ul li.selected, .menuExpendedWrapper ul li:hover { background: #1D1D1D; } .menuExpendedWrapper ul li.selected a, .menuExpendedWrapper ul li:hover a { color: #FFF; } .menuExpendedWrapper ul li a { font-size: 12px; font-family: "Nunito-Regular"; color: #1D1D1D; text-transform: uppercase; display: block; } .menuExpendedWrapper ul li:first-child { border-right: 0.5px solid #c4c4c4; } #logo, #logo.off { width: 36px; height: 36px; background: url(/images/logogram.png) no-repeat center center; background-size: contain; } nav { width: 100%; height: 100%; position: fixed; top: 0; left: -1280px; overflow: auto; z-index: 10002; } nav .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; z-index: 10; } nav .overlay:before { content: ""; width: 17px; height: 17px; margin: 15px; background: url("/images/version-2/icons/close-white-thin.svg") no-repeat center; background-size: contain; float: right; } nav ul li a { font-size: 12px; } .navExtendedBox ul li.phone { font-size: 12px; } .myBag { position: absolute; top: 15px; right: -10px; max-width: 65px; margin-right: 5px; padding: 0; cursor: pointer; z-index: 100; } .myBag .bagItem { right: 15px; background: #F2F2F2; } .totalMyBag .headerBtnBox .button.button-small { /*width: 150px;*/ padding: 5px; } .headerNotificationWrapper { padding: 0; z-index: 100; cursor: pointer; } .headerNotificationWrapper .notificationIcon { width: 24px; height: 24px; padding-top: 6px; } .headerNotificationWrapper #total-unread-notification { margin: 9px 0 0 -7px; background-color: #F2F2F2; } .loginBox { position: absolute; top: 15px; right: 0; width: 40px; padding: 0; display: block; text-indent: -9999px; cursor: pointer; z-index: 100; } .loginBox .userIcon { left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); } /*.searchBox input[type="submit"] {*/ /* right: 20px;*/ /* top: 11px;*/ /*}*/ .searchBox input[type="text"] { height: 30px; } .searchBox { width: 100%; position: absolute; top: 60px; left: 0; right: auto; z-index: 100; padding: 5px 10px; -webkit-transform: none; -moz-transform: none; transform: none; background: #FFF; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.03); } .menuBtn { width: 24px; height: 24px; display: block; position: absolute; top: 20px; left: 20px; cursor: pointer; z-index: 100; } .searchBtn { width: 24px; height: 24px; display: block; position: absolute; top: 20px; left: 65px; cursor: pointer; z-index: 100; } .menuBtn img, .searchBtn img { width: 100%; } section { padding-bottom: 40px; /*padding-top: 100px;*/ } .navBox { position: relative; width: 85%; margin: 0; background: #FFFFFF; min-height: 100vh; padding: 0; z-index: 100; } .navLeft { width: 100%; padding-top: 15px; float: none; } /*.navLeft li:first-child{*/ /*margin-bottom:42px;*/ /*}*/ nav ul li { width: 100%; float: none; position: relative; font-family: "Nunito-Regular"; background-color: #FFFFFF; } nav ul li a { color: #1D1D1D; height: 40px; display: block; line-height: 40px; margin: 0 15px; padding: 0 !important; font-family: "Nunito-Regular"; letter-spacing: 1.2px; border-bottom: 0.5px solid #c4c4c4; } /* prevent to change background when hover */ nav ul li:hover a, nav ul li:hover ul li a { background: #FFFFFF; color: #1D1D1D; } nav ul li a.sub_hide:after, nav ul li a.sub_show:after { content: ""; width: 14px; height: 14px; display: block; position: absolute; top: 50%; right: 20px; background: url(/images/icons/icon_arrow_right_thin.png) no-repeat center; background-size: contain; transform: translateY(-50%); } .subMenuMobile { display: none; background: #FFFFFF; } .subMenuMobile ul li:first-child { border-top: 0.5px solid #C4C4C4; margin: 0; } .subMenuMobile ul li:hover a { background: #A47B24; color: #FFFFFF; } .subMenuMobile ul li:last-child { border-bottom: none; } .subMenuMobileFull { position: fixed; top: 0; bottom: 0; left: -1280px; display: block; width: 85%; margin: 0; background-color: #FFFFFF; overflow: hidden auto; z-index: 110; } .subMenuMobileFull .subMenuMobileTitle { margin: 0 15px 0 50px; padding: 15px 0; font-family: 'MrsEaves'; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; color: #1D1D1D; border-bottom: 0.5px solid #C4C4C4; } .subMenuMobileFull .subMenuMobileTitle:before { content: ''; width: 16px; height: 16px; margin-left: -35px; background: url('/images/icons/icon_arrow_left_thin.png') no-repeat center; background-size: contain; float: left; } .subMenuMobileFull .subMenuMobileBox h4 { margin: 0 15px 0 50px; padding: 15px 0; font-family: 'Nunito-Bold'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #1D1D1D; border-bottom: 0.5px solid #C4C4C4; } .subMenuMobileFull .subMenuMobileList ul li a { margin: 0 15px 0 50px; font-family: 'Nunito-Regular'; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .subMenuMobileFull .subMenuMobileList ul li.lastMenu a { font-family: 'Nunito-Bold'; color: #a37b24; } .navRight { display: none !important; float: none; } .navRight li:last-child { position: absolute; top: 103px; left: 0; text-indent: -9999px; } /*.navRight li:last-child:before{*/ /*content:'Sell';*/ /*display:block;*/ /*position:absolute;*/ /*top:50%;*/ /*-webkit-transform:translateY(-50%);*/ /*-moz-transform:translateY(-50%);*/ /*transform:translateY(-50%);*/ /*color:#fff;*/ /*text-indent:0;*/ /*padding-left:15px;*/ /*font-family: "Nunito-Regular";*/ /*font-size:14px;*/ /*text-transform:uppercase;*/ /*}*/ nav ul li:hover .subMenuContainer { display: none; } .navExtendedBox ul li.phone { min-height: 40px; line-height: 40px; display: block; font-family: "Nunito-Regular"; font-size: 12px; color: #1D1D1D; padding-left: 15px; } .navExtendedBox ul li span { color: #1D1D1D; text-decoration: underline; float: right; } /*.navExtendedBox ul li span a {*/ /* font-family: "Nunito-ExtraBold";*/ /*}*/ /* .navExtendedBox ul li:last-child span a { font-family: "Nunito-Regular"; font-style: italic; } */ .navExtendedBox ul li::after { content: ""; display: block; clear: both; } .navExtendedBox ul li .subMenuMobile ul li:last-child { padding-left: 0; } span.copyright { display: block; padding: 15px; font-family: "Nunito-Regular"; font-size: 10px; color: #1D1D1D; } .subMenuProfileBox a { background: #E6E6E6; padding-left: 40px; } .subMenuProfileBox a:hover { color: #585858; } /*.navMobileAfterLogin,*/ .navExtendedBox, .copyright { display: block; } .navMobileAfterLogin .icon { width: 28px; height: 28px; display: block; border-radius: 28px; background: #FFF; display: block; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .navMobileAfterLogin ul li:hover { background: #A47B24; } .navMobileAfterLogin ul li { background: #4D4D4D; padding-left: 40px; } .countryBox { width: 22px; height: 22px; display: inline-block; margin-left: 10px; position: relative; top: 6px; } .subMenuExpended { width: 100%; height: 100%; position: fixed; top: 102px; left: 0; background: #FFF; padding: 40px; border-bottom: 2px solid #CCC; display: none; overflow: auto; } .subMenuExpended ul li:first-child, .subMenuExpended ul li:last-child { border: none; } .subMenuExpended ul li { padding: 0 20px; border: none; margin: 0 0 20px; } .subMenuExpended ul li:hover { background: none; } .subMenuExpended ul li a { border: 1px solid #888; display: block; } #carousel .owl-item { width: 320px !important; } .topDesignerBox .owl-item { width: 150px !important; margin-right: 10px; } .topDesignerBox h4 { font-size: 14px; font-family: "MrsEavesRoman-Regular"; letter-spacing: 1px; text-transform: uppercase; } .topDesignerBox ul li { line-height: normal; padding: 0 5px; margin: 0px; } .topDesignerBox ul li a { width: 150px !important; height: 40px; display: table-cell; vertical-align: middle; font-size: 10px !important; text-transform: uppercase !important; color: #585858 !important; } .topDesignerBox a { color: #A47B24 !important; display: inline-block; text-transform: none !important; font-size: 11px !important; } /*.title {*/ /* display: none;*/ /*}*/ /*.popupContent h3.title {*/ /* display: block;*/ /* font-size: 16px;*/ /*}*/ /*.popupBox {*/ /* width: 100%;*/ /* top: 0;*/ /* transform: translateY(0);*/ /*}*/ .longBannerBox { width: 100%; height: auto; } .longBannerBox img { width: 100%; } .content { width: 100%; } /*.productSectionBox{*/ /*display:none;*/ /*}*/ .viewAllBox { height: auto; } .frameBox, .frameInfo { width: 100%; height: auto; position: static; -webkit-transform: none; -moz-transform: none; transform: none; font-size: 14px; } .frameBox { width: 90%; margin: 0 auto; } .frameInfo { padding: 10px 0; } .frameInfo span { display: inline-block; font-size: 14px; margin: 0 5px; } .smallBannerWrapper { width: 100%; float: none; height: auto; } .smallBannerBox { width: 33.3333%; height: auto; float: left; display: block; overflow: hidden; position: relative; background: #FFF; } .smallBannerBox:nth-child(2n) { background: #FFF; } .smallBannerBox a { width: 100%; } footer { position: static; padding: 15px; } .footerBox { width: 100%; } .footerTop .footerBox { width: 100%; height: auto; } .subscribeBox { width: 100%; float: none; text-align: center; padding: 0; margin: 0 0 20px; } .subscribeBox span { float: none; margin: 0 auto; } .carouselBox { padding: 0 20px; } .carouselBox h3 { text-align: center; } .carouselMenu { position: static; margin: 0 auto; text-align: center; } .findUsBox { width: 100%; position: static; -webkit-transform: none; -moz-transform: none; transform: none; padding: 0; text-align: center; } .findUsBox span { display: block; margin: 0 auto; position: static; float: none; } .metaMenuBox, .metaMenuBox.designer { float: none; width: 100%; } .metaMenuBox .fullBox { border-bottom: 1px solid #585858; padding: 15px 0; margin: 0; } .metaMenuBox.stayInTouch .fullBox { border-bottom: none; } .metaMenuBox .fullBox:before { width: 15px; height: 15px; background-image: url(/images/icons/icon_arrow_right_white.png); background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(90deg); content: ""; float: right; } .metaMenuBox.stayInTouch .fullBox:before { display: none; } .metaMenuBox .fullBox h4 { cursor: pointer; margin: 0; } .metaMenuBox .fullBox ul { display: none; margin: 20px 0 0; } .metaMenuBox ul li { width: 100%; text-align: left; line-height: 28px; } .metaMenuBox:after { content: ""; display: block; clear: both; } .newSubscribeBox { margin-top: 20px; font-size: 12px; } .socialMediaBox .socialMedia { display: flex; justify-content: center; align-items: center; height: 45px; margin: 0 0 20px 0; font-family: "Nunito-Bold"; font-size: 12px; text-align: center; border: 1px solid white; } .socialMediaBox .socialMedia:after { content: ""; display: block; clear: both; } .socialMediaBox .socialMedia .iconWrapper, .socialMediaBox .socialMedia .iconText { float: left; align-content: center; } .socialMediaBox .socialMedia .iconWrapper { width: 24px; height: 24px; margin-right: 10px; } .socialMediaBoxSg .socialMedia { display: flex; justify-content: center; align-items: center; height: 45px; margin: 20px 0 20px 0; font-family: "Nunito-Bold"; font-size: 12px; text-align: center; border: 1px solid white; } .socialMediaBoxSg .socialMedia:after { content: ""; display: block; clear: both; } .socialMediaBoxSg .socialMedia .iconWrapper, .socialMediaBoxSg .socialMedia .iconText { float: left; align-content: center; } .socialMediaBoxSg .socialMedia .iconWrapper { width: 24px; height: 24px; margin-right: 10px; } .authenticityImg { display: block; width: 80px; } .footerLogo { margin: 0 auto; float: none; } .footerInfo { display: none; } .footerBottom { flex-direction: column; width: 100%; padding: 20px 0; text-align: center; } .mobile { display: block; } .desktop { display: none !important; } #certainSection { padding-top: 62px; padding-bottom: 0; } .checkoutBox, .checkoutFormWrapper, .checkoutInfoBox { width: 100%; float: none; } .checkoutFormBox { position: relative; padding-bottom: 10px; } .checkoutFormBox:after { content: ""; display: block; position: absolute; bottom: 0px; left: -20px; width: calc(100% + 40px); border-bottom: 1px solid #B3B3B3; } .checkoutFormBox .title { display: block !important; text-align: center; } .checkoutFormBox .title.mobile { display: block !important; } .checkoutFormBox .title.desktop { display: none !important; } .messageBox { text-align: center; } .box180, .box160, .box200, .box350 { width: 100%; float: none; margin: 0 0 10px; } #orderedItem { display: none; } .checkoutInfoBox { padding: 0 20px; } .alreadyMemberBox { text-align: center; display: block; } .alreadyMemberBox span.ask { font-size: 24px; font-family: "MrsEavesRoman-Regular"; text-transform: uppercase; letter-spacing: 1px; display: block; color: #585858; margin: 0 0 10px; } .alreadyMemberBox .defBtn { background: #888; font-size: 24px; line-height: 48px; font-family: "MrsEavesRoman-Bold"; height: 48px; } .alreadyMemberBox .or { font-size: 24px; font-family: "MrsEavesRoman-Regular"; text-transform: uppercase; position: relative; } .alreadyMemberBox .or:before, .alreadyMemberBox .or:after { content: ""; width: calc(50% - 40px); height: 1px; background: #585858; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transform: translateY(-50%); transform: translateY(-50%); } .alreadyMemberBox .or:after { left: auto; right: 0; } .messageBox.payment { text-align: left; } .desc_desktop { display: none; } .desc_mobile { display: inline-block; } .sideMenuBox { width: 100%; background: #FFF; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 10090; padding-top: 40px; overflow: auto; } .menuBox:nth-last-child(3) { margin-bottom: 55px; } .menuTopBox { display: none; } .sideContent { width: 100%; } .sortByRight, .categoriesSelected { display: none; } .breadcrumbBox { padding-top: 10px; border: none; } .soppingBagTitle ul, .shoppingBagInfo { display: none; } .invoiceDetailContent { position: relative; } .smallContent { width: 100%; margin: 0 auto; } .profileWrapper { width: 100%; } .profileWrapper.mobile h3 { text-align: center; color: #A47B24; } .fakeBox { line-height: 36px; padding: 0 10px; background: #E7D3AB url(/images/icon_arrow_bottom_black.png) no-repeat right 20px center; border-bottom: 4px solid #A47B24; color: #A585858; font-size: 16px; cursor: pointer; } .ui-tabs .ui-tabs-nav li { font-weight: normal; } .ui-tabs .ui-tabs-nav li a { font-size: 16px; padding: 0 10px !important; line-height: 36px; } .ui-tabs-nav { display: none; } .formWrapper { width: 100%; } .saveBtn { margin: 30px auto 0; } .selectBox .select2-container { width: 100% !important; height: 48px; border-radius: 5px; } .selectBox .select2-container span { height: 46px; line-height: 46px; display: block; border-radius: 5px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; } .filterByBox .selectBox .select2-container, .sortByCreditsBox .selectBox .select2-container { height: 31px !important; border-radius: 0; } .filterByBox .selectBox .select2-container span, .sortByCreditsBox .selectBox .select2-container span { height: 29px; } .filterByBox .select2-container--default .select2-selection--single .select2-selection__rendered, .sortByCreditsBox .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 29px; } .filterByBox .select2-container--default .select2-selection--single .select2-selection__arrow, .sortByCreditsBox .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0px; } .new_balanceOverviewWrapper .fullBox { border: none; } .new_balanceOverviewWrapper .availableCashBox, .new_balanceOverviewWrapper .storeCreditsBox { width: 100%; height: auto; float: none; border: none; } .storeCreditsContent { width: 100%; float: none; background: none; } .storeCreditsTabWrapper table tr td:nth-child(2), .storeCreditsTabWrapper table tr td:nth-child(3) { display: none; } .formBox .selectBox.day { width: calc(25% - 10px); } .formBox .selectBox.month { width: calc(50% - 10px); } .formBox .selectBox.year { width: 25%; } .listAddressBox { width: 100%; margin-right: 0; } .numberTransaction, .transactionDate, .status, .trackingBox { width: 50%; margin-bottom: 10px; } .confirmBtn { position: static; } span.filter { right: 100px; top: 20px; left: auto; } .pagingLeft ul li:last-child { display: none; } .pagingRight ul li:first-child { display: none; } .imgDetail { margin: 0; position: absolute; top: 20px; left: 20px; } .infoDetail, .priceBox_two { width: 100%; float: none; padding: 0 0 0 90px; } .recipientBox { width: 100%; float: none; } .backBtn { text-align: center; } .trackingBox { padding: 0; } .menuProfile.desktop + .profileWrapper h3 { color: #A47B24; text-align: center; } .menuProfile { float: none; margin: 0 auto; } .shoppingBagBox .imgDetail { position: absolute; top: 20px; left: 20px; margin: 0; float: none; } .shoppingBagBox .infoDetail { padding-left: 150px; width: 100%; float: none; } .shoppingBagBox .priceBox_two { width: 100%; padding-left: 150px; padding-right: 20px; padding-top: 0; float: none; position: relative; line-height: 30px; } .shoppingBagBox .priceBox_two:before { content: ""; display: block; width: 100%; height: 1px; background: #E6E6E6; } .shoppingBagBox .removeBox { position: absolute; top: 50%; left: 150px; margin: 0; padding: 0; border: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .shoppingBagBox .infoDetail:nth-child(3) { padding-left: 150px; background: none; } .shoppingBagWrapper { border-top: none; } .shoppingBagBox .removeBox a { width: 58px; display: block; overflow: hidden; background-position: left center; padding: 0 0 0 15px; white-space: nowrap; } .shoppingBagTotalLeft { width: 100%; float: none; padding: 20px 20px 0; } .noteBox { padding: 20px 10px; height: auto; line-height: normal; margin: 0; } .shoppingBagTotal { margin: 0; } .shoppingBagTotalWrapper { position: relative; padding-bottom: 40px; margin: 0 0 40px; } .continueShopping { width: 100%; display: block; text-align: center; } .shoppingBagTotalRight { width: 100%; padding: 0 20px; } .continueShopping { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .sortByBox { margin: 0 0 30px; border: none; padding: 0 10px; } .filterByBox.sortByLeft .selectBox { float: right; width: 120px; height: 31px; margin-top: 8px; } .productBox { width: 33.3333%; padding: 0 10px; margin-right: 0; } .mobileShopBox { display: block; padding: 0 10px; max-width: 300px; margin: 0 auto 20px; } .mobileShopBox h2, .extentedTitle { color: #A47B24; text-align: center; font-family: "MrsEaves-Bold"; font-size: 24px; margin: 20px 0; text-transform: uppercase; letter-spacing: 1px; } .mobileShopBox ul:after { content: ""; display: block; clear: both; } .mobileShopBox ul li { width: 50%; padding: 0 5px; float: left; text-align: center; margin: 0 0 10px; } .mobileShopBox ul li a.mobileCategoryBox { padding: 5px 0; border: 1px solid #E6E6E6; display: block; } .mobileShopBox ul li img { display: block; margin: 0 auto; } #pl_tdb { width: 100%; display: block; max-width: 90%; margin: 0 auto 30px; text-align: center; } #pl_tdb h4 { margin: 0 0 10px; } #pl_tdb ul { margin: 0 0 10px; } #pl_tdb ul li { max-width: 100%; border: 1px solid #E6E6E6; } .filterBtn { width: 120px; text-align: center; display: block; float: left; height: 31px; line-height: 31px; margin-top: 8px; border: 1px solid #585858; } .closeFilterBtn { width: 28px; height: 28px; display: block; background: url(/images/icon_big_close.png) no-repeat top center; background-size: contain; position: absolute; top: 10px; right: 5%; text-indent: -9999px; } .productDetailImgBox { width: 100%; float: none; } #flexcarousel { display: none; } .productDetailInfoWrapper { width: 100%; float: none; } .pdiLeftBox { float: left; width: 60%; } .pdiRightBox { width: 40%; float: left; padding-right: 20px; padding-left: 20px; } #tabs .owl-item { width: 150px !important; } .ui-tabs .ui-tabs-nav li { float: none !important; } #pl_tdb ul li { margin-right: 5px; } .ui-tabs .ui-tabs-nav li { margin-right: 0; } .carouselBox .prevBtn, .carouselBox .nextBtn { display: none; } .menuProfile.mobile .menuProfileBox a:hover, .menuProfile.mobile .menuProfileBox a.selected { background: #888; } #sales .filterByBox { display: none; } .addHLBtn { margin: 0 auto; } .productContainer { padding: 0; } /*.huntList .productBox {*/ /* width: 50%;*/ /* margin-right: 0;*/ /*}*/ .productDetailTabWrapper.ui-tabs .ui-tabs-nav li.charity a { padding-left: 25px !important; font-size: 12px !important; } .productDetailTabWrapper.ui-tabs .ui-tabs-nav li a { font-size: 12px !important; } .productDetailInfoWrapper #tabs .owl-item { width: 110px !important; margin-right: 5px !important; } .flexslider { padding: 0 20px; } .flexslider .zoom img:first-child { width: 100% !important; } .flexslider:last-child { display: none; } #itemsSlider li { float: left; width: 33.3333%; } #closet-list li { float: left; width: 33.3333%; } .image_thumbnail { display: none; } .homeBanner { margin-top: 0; margin-bottom: 20px; } .pdiSize span { margin-left: 5px; } .longBannerBox .halfBox { width: 100%; float: none; } .extendFooter h4 { color: #585858; font-family: "Nunito-Regular"; font-size: 14px; text-transform: uppercase; } .extendFooter ul li { float: left; margin-right: 10px; margin-bottom: 10px; } .extendFooter .fullBox { padding-left: 20px; padding-top: 10px; } .extendFooter .fullBox:after { content: ""; display: block; clear: both; } .extendFooter .fullBox h4 { margin: 0 0 10px; } .extendFooter .fullBox.extendLogo { text-align: center; padding-left: 0; } .extendLogo img { display: inline-block; } .extendLogo img:first-child { position: relative; top: -16px; } .extendLogo img:last-child { width: 60px; margin-left: 10px; } .footerMid { padding-top: 20px; } #designerSlider .owl-prev { width: 10px; height: 14px; display: block; background: url(/images/arrow_left_def.png) no-repeat top center; position: absolute; top: 12px; left: -15px; text-indent: -9999px; } #designerSlider .owl-next { width: 10px; height: 14px; display: block; background: url(/images/arrow_right_def.png) no-repeat top center; position: absolute; top: 12px; right: -15px; text-indent: -9999px; } .myBagWrapper.mobile { width: 100vw; height: 100vh; max-height: 100vh; position: fixed; top: auto; bottom: -1280px; left: 0; margin: 0; z-index: 1000; border: none; padding: 0; overflow: auto; display: none; } .myBagWrapper.mobile .closeBtn { position: absolute; background: url(/images/version-2/icons/close.png) no-repeat top center; background-size: contain; width: 18px; height: 18px; display: block; text-indent: -9999px; top: 20px; right: 15px; cursor: pointer; z-index: 2; } .myBagTitle, .totalMyBag { height: 60px; margin: 0; } .myBagTitle { top: 0; } .totalMyBag { bottom: 0; } .myBagItems { height: 100%; overflow-y: auto; } .profileWrapper h3 { padding: 0 20px; } .sideRightBox, .sideLeftBox { width: 100%; float: none; } .sideRightBox .ui-tabs-nav { display: block; } #tabsell { padding: 10px 20px 0; } #tabsell .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0 !important; } .formLeftBox { width: calc(50% - 20px); } .formRightBox { width: 50%; } .fullBox.category ul li a { height: 67px; width: 85px; } .fullBox.category ul li img { margin: 0 auto; } .dobWrapper .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 26px; } .dobWrapper .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; } .bigBannerWrapper { width: 100%; height: auto; float: none; } .bigBannerWrapper img { width: 100%; } /*.productSectionBox:nth-child(1),*/ /*.productSectionBox:nth-child(2),*/ /*.productSectionBox:nth-child(3),*/ /*.productSectionBox:nth-child(4),*/ /*.productSectionBox:nth-child(5),*/ /*.productSectionBox:nth-child(6),*/ /*.productSectionBox:last-child{*/ /*width:33.3333%;*/ /*display:block;*/ /*}*/ /*.productSectionBox:last-child{*/ /*width:100%;*/ /*}*/ .productSectionBox { width: 33.3333%; display: block; } .productSectionBox:last-child:nth-child(odd) { width: 100%; } .productSectionBox.withViewAll:nth-last-child(2):nth-child(odd), .productSectionBox.withViewAll:last-child { width: 100%; } .menuTopBox, .menuBox { width: 90%; } .filterWrapper .fullBox, .filterTitle { margin-bottom: 10px; padding: 0 5px; } .subFilterBox ul li { padding: 0 5px; margin: 0 0 10px; } .colorBox { left: 6px; } .priceBox { width: 48%; } .scroll-pane { /*display:none;*/ /*height: auto;*/ } .scroll-pane-mobile { display: block; /*height:200px;*/ height: 400px; overflow: auto; padding: 0; } .charityWrapper { padding: 0 20px; } .charityBtn a { width: 280px; font-size: 24px; display: block; margin: 0 auto 20px; } .charityBtn a:last-child { margin-bottom: 0; } .cpBox, .cpBox:nth-child(3n) { float: none; margin: 0 auto 20px; } } @media only screen and (max-width: 767px) { .productBox { width: 50%; } .pdiLeftBox { width: 100%; } .pdiRightBox { width: 100%; margin: 0 0 30px; padding-right: 20px; padding-left: 20px; } .shippingInfoBox { margin-top: 15px; height: 50px; } #itemsSlider .productBox { width: 100% !important; } #closet-list .productBox { width: 100% !important; } .productDetailTabWrapper { padding-right: 20px; } .pdiLeftBox, .pdiRightBox { float: none; } .imagePayment { display: none; } .temporaryBox img { min-width: 320px; top: -30px; } .temporaryBox p { top: 90px; } .allDesignerWrapper { padding: 20px; } .designerNavBox { display: none; } .dbRight ul li { width: 50%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; white-space: nowrap; } .dbLeft { width: 17%; font-size: 20px; } .dbRight { width: 83%; } .info_product_box:after { content: ""; display: block; clear: both; } .info_product_box { width: 100%; float: none; } .info_product_content { width: 50%; float: left; } .info_product_box:last-child { width: 100%; } .info_product_box:last-child .info_product_content { width: 100%; } .flexCarouselBox { display: none; } .static_title { width: calc(100% - 40px); margin: 50px auto !important; } .tableWrapper { width: 100% !important; padding: 0 20px !important; } .tableWrapper th, .tableWrapper td { font-size: 12px !important; } .authBox { width: 100% !important; } .authBox .logo { padding: 0 !important; margin: 0 auto 20px !important; border: none !important; float: none !important; } .caption { width: 100% !important; padding: 0 !important; float: none !important; text-align: center !important; } .authBox .caption h3 { text-align: center !important; } .promiseBox { padding: 50px 0 !important; } .promiseBox .panel .image { width: 100% !important; margin: 0 auto !important; } .promiseBox p { text-align: center !important; } .returnpolicyHeader { width: 100%; } .returnpolicyHeader div img { width: 100%; } .returnStep li { width: 100% !important; margin: 0 !important; padding: 0 !important; } .returnStep li img { display: block !important; margin: 0 auto 20px !important; } .paddedColumn { width: 100% !important; } .returnpolicyHeader { padding-top: 50px !important; } .content.static h3 { font-size: 24px !important; } .content.static .image { width: 100% !important; } .content.static .image img { width: 100% !important; } .content.static h4 { font-size: 20px !important; } .pointPanel { width: 25%; } .contactBox { width: 100% !important; padding: 20px !important; } .inputPanel { width: calc(50% - 20px) !important; display: block !important; float: left !important; } .sectionGrey { width: 100% !important; height: auto !important; padding-top: 20px !important; } .sectionGrey h2 br { display: none !important; } .careersPoint { width: 100% !important; } .textimageWrap { width: 100% !important; margin: 0 !important; } .textimageWrap.right .caption, .textimageWrap.right .imageArea, .textimageWrap.left .imageArea, .textimageWrap.left .caption { width: 100% !important; float: none !important; margin: 0 !important; } .careersPosition .position .panel { width: 100% !important; display: block !important; margin: 0 0 20px !important; } .doubleborderBtn::before, .doubleborderBtn::after { display: none !important; } .doubleborderBtn { border: 2px solid #A47B24; display: block; font-size: 20px !important; padding: 10px !important; } .doubleborderBtn span { font-size: 24px !important; } .anchor { margin: 50px auto !important; } .faqWrapper h3 { font-size: 26px; } .faqContent { width: 100%; padding: 0 20px; } .faqSupport { height: auto; } .faqSupport ul { position: static; -webkit-transform: none; -moz-transform: none; transform: none; } .faqSupport ul li { width: 100%; float: none; margin: 0; } .productSection { margin: 0; } .longBannerBox { margin: 0 0 30px; } img.mobile { display: block !important; } img.desktop { display: none !important; } .bigBannerWrapper { width: 100%; /*min-height: calc(100vh - 100px);*/ float: none; } .smallBannerWrapper { width: 100%; float: none; height: auto; } .smallBannerBox { width: 100%; height: auto; float: none; display: block; overflow: hidden; position: relative; background: #FFF; } .smallBannerBox:nth-child(2n) { background: #FFF; } .smallBannerBox a { width: 100%; } /*.productSectionBox:nth-child(1),*/ /*.productSectionBox:nth-child(2),*/ /*.productSectionBox:nth-child(3),*/ /*.productSectionBox:nth-child(4),*/ /*.productSectionBox:nth-child(5),*/ /*.productSectionBox:nth-child(6),*/ /*.productSectionBox:last-child{*/ /*width:50%;*/ /*display:block;*/ /*}*/ /*.productSectionBox:last-child{*/ /*width:100%;*/ /*}*/ .productSectionBox { width: 50%; display: block; } .productSectionBox:last-child:nth-child(odd) { width: 100%; } .productSectionBox.withViewAll:nth-last-child(2):nth-child(odd), .productSectionBox.withViewAll:last-child { width: 100%; } #itemsSlider li { float: left; width: 50%; } #closet-list li { float: left; width: 50%; } /*.productPrice {*/ /* height: 32px;*/ /*}*/ .menuTopBox, .menuBox { width: 90%; } input.css-checkbox[type="checkbox"] + label.css-label, input.css-checkbox[type="radio"] + label.css-label, div.css-checkbox + label.css-label { height: 28px; line-height: 26px; } .colorBox { height: 26px; } .bx-wrapper .bx-controls-direction a { width: 30px !important; height: 30px !important; background-size: auto !important; } .bx-wrapper .bx-prev { background-position: center center !important; left: -6px; } .bx-wrapper .bx-next { background-position: center center !important; right: -6px; } .fullBox.content h3 { font-size: 30px; } .fullBox p { font-size: 15px; } .fullBox.content { margin: 0 0 90px; } .charityImage { width: 70%; } .charityInfo { font-size: 12px; padding: 45px 10px 0; width: 30%; } } @media only screen and (max-width: 640px) { .navExtendedBox ul li:first-child a { text-transform: none; } /* nav ul li a.sub_hide::after, nav ul li a.sub_show::after { right: 10px; } */ .menuBtn { left: 10px; } .searchBtn { left: 50px; } #logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /*.loginBox {*/ /* margin-right: 0 !important;*/ /*}*/ .carouselBox h3, .productSection h3 { font-size: 26px; } .subMenuExpended { padding: 20px; } .subMenuExpended ul li { width: 100%; float: none; padding: 0; margin: 0 0 10px; } .smallBannerBox { width: 100%; } .subscribe { width: 90%; } .footerMid { border-width: 2px; } .metaMenuBox h4 { font-size: 14px; } .metaMenuBox a { line-height: 20px; } .oneBag .myBagImg { width: 120px; height: 120px; float: none; margin: 0 auto 20px; } .oneBag .myBagInfo, .oneBag .myBagPrice { width: 100%; text-align: center; margin: 0 0 5px; } .oneBag .infoType, .oneBag .infoName, .oneBag span, .multipleBag .infoType, .multipleBag .infoName, .multipleBag span { font-size: 12px; margin: 0 0 5px; } .oneBag .expiredBox { width: 35%; text-align: right; position: static; margin: 0; float: right; } .myBagBox { position: relative; } .multipleBag .myBagImg { float: none; position: absolute; top: 10px; left: 10px; height: auto; min-height: 60px; background: none; } .multipleBag .myBagInfo, .multipleBag .myBagPrice { width: 100%; padding: 0 0 0 70px; font-size: 12px; text-align: left; } .multipleBag .expiredBox { position: static; float: right; width: 35%; } .thanksBox { padding: 0; font-size: 14px; } .thanksBox span { font-size: 18px; } .thankyouWrapper h3 { font-size: 20px; } .noTransaction { font-size: 14px; } .thankyouContent { padding: 0 20px; } .paymentsBtn { width: 100%; font-size: 20px; line-height: 48px; height: 48px; } .formLeftBox, .formRightBox { width: 100%; } .dropzone.add_items { min-height: 78px; height: auto; padding-bottom: 5px; } .dropzone .dz-preview { width: 60px; height: 60px; margin: 0 5px 5px; } .dropzone .dz-preview .dz-image { width: 60px; height: 60px; } .stepBox ul li::after { color: #585858; content: ">"; display: inline-block; font-size: 12px; margin: 0 5px; } .stepBox ul li { font-size: 12px; } .stepBox ul li span { border: 1px solid #A47B24; border-radius: 32px; color: #585858; display: inline-block; font-style: normal; height: 24px; line-height: 22px; margin-right: 0; width: 24px; } .moreItemBox { font-size: 14px; } .review.buttonBox .boxLeft { width: 100%; text-align: center; } .review.buttonBox .boxRight { width: 100%; } .review.buttonBox .boxRight .button-240 { float: none; margin: 0 auto; } .thankyouBox { width: 90%; } .howsellStep li, .returnStep li { width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; } .howsellStep li::after, .returnStep li:after { display: none; } p.bottomBorder { margin-bottom: 50px !important; } .static_title { width: 100%; } .static_title.clothes { background: url(/images/icon_women_clothes_gold.png) no-repeat right 30px center, url(/images/icon_men_clothes_gold.png) no-repeat right center !important; } .static_title.acc { background: url(/images/icon_women_acc_gold.png) no-repeat right 30px center, url(/images/icon_men_acc_gold.png) no-repeat right 60px center, url(/images/icon_kids_acc_gold.png) no-repeat right center !important; } .static_title.watches { background: url(/images/icon_watches_gold.png) no-repeat right center !important; } .tableWrapper { padding: 0 !important; } .accountInfoBox { width: 100% !important; padding: 0 !important; margin: 0 0 20px !important; } .faqListBox, .faqTopList ul li { padding: 0 10px; } .faqList span { font-size: 15px; } .faqIcon { height: 40px; width: 40px; } .faqList { padding: 10px 0; } .faqBotBox .faqTopList ul li { width: 100%; } .faqBotBox .faqWrapper h3 { margin-bottom: 30px; } .priceBox { width: 90px; } .charityBanner { height: auto; } .charityImage { width: 100%; height: auto; float: none; } .charityInfo { font-size: 12px; height: auto; float: none; padding: 45px 10px 0; width: 100%; } } @media only screen and (max-width: 479px) { /*.totalMyBag .headerBtnBox .button.button-small {*/ /* width: 50%;*/ /*}*/ .alreadyMemberBox, .alreadyMemberBox span.ask, .alreadyMemberBox span.or, .alreadyMemberBox .defBtn, .checkoutFormBox .title { font-size: 18px; } .checkoutFormBox { margin: 0 0 15px; } input[type="radio"] + label { font-size: 13px; } .fullBox.category ul li { margin-bottom: 10px; width: calc(50% - 10px); } .fullBox.category ul li a { font-size: 11px; height: 60px; width: 100%; } .referWrapper { padding: 20px; } .referWrapper span { font-size: 20px; } .referWrapper { height: auto; } .inviteWrapper { padding: 20px 15px; } .inviteBox { width: 100%; padding: 0; float: none; margin: 0 0 15px; } .shareBox:after { content: ""; display: block; clear: both; } .shareBox { width: 100%; padding: 0; float: none; /*margin: 0 0 10px;*/ } .shareBox span { font-size: 14px !important; } .shareBox input[type="text"] { margin-right: 0; width: 75%; } .shareBox:last-child { padding: 0; } .shoppingBagBox .imgDetail { width: 100px; height: 100px; } .shoppingBagBox .infoDetail, .shoppingBagBox .infoDetail:nth-child(3), .shoppingBagBox .priceBox_two { padding-left: 130px; } .shoppingBagBox .removeBox { left: 130px; } .thanksBox { font-size: 12px; } .thanksBox span { font-size: 14px; margin: 5px 0 0; display: block; } .thankyouContent .recipientBox, .recipientBox table { width: 100%; } .thankyouContent .recipientBox table tr td:first-child { width: 40%; } .thankyouContent .recipientBox table tr td { width: 60%; } .contentWrapper { padding: 40px 20px !important; } .content.static h3 { font-size: 20px !important; } .checkoutWrapper h3 { font-size: 22px; } .loginLeftBox, .loginRightBox { width: 100%; margin: 0 auto 30px; padding: 0 20px; } .secure input[type="password"] { margin-bottom: 20px; } .paddedColumn img { width: 100%; } .inputPanel { width: 100% !important; display: block !important; float: none !important; margin: 0 auto 20px !important; } .pointPanel { display: block !important; margin: 0 0 10px !important; width: 100% !important; } .faqWrapper h3 { font-size: 24px; } .faqList span { font-size: 12px; } /*.productName {*/ /* height: 30px;*/ /*}*/ /*.sizeBox {*/ /* height: 50px;*/ /*}*/ .paymentGuideBox { width: 100%; margin: 0 0 20px; } .charityBtn a { font-size: 20px; width: 100%; } .fullBox.content h3 { font-size: 24px; } .fullBox p { font-size: 13px; } .newSubscribeBox .newSubscribe input[type="text"] { padding: 0 110px 0 10px; } .footerLogo { width: 240px; } .footerLogo img { max-width: 240px !important; } } @media only screen and (max-width: 360px) { header { min-width: 330px !important; max-width: 360px !important; } } @media only screen and (max-width: 359px) { .carouselBox h3, .productSection h3 { font-size: 24px; } .closeFilterBtn { right: 5%; } .productName { font-size: 12px; } .button-320 { width: 280px; margin: 0 auto; font-size: 12px; } .referWrapper span { font-size: 18px; } .content.static h2 { font-size: 26px !important; } .content.static .defBtn { font-size: 16px !important; } .tableWrapper th, .tableWrapper td { font-size: 11px !important; } .charityWrapper { padding: 0 10px; } .fullBox.content h3 { font-size: 20px; } } @media only screen and (max-width: 320px) { header { min-width: 320px !important; max-width: 320px !important; } /* .navExtendedBox ul li.phone span { display: block; } .navExtendedBox ul li.phone span a { padding: 0; } */ } @media only screen and (max-width: 1280px) { .animation_header .gt1280 { display: none; } } .clearAfter:after { content: ""; display: block; clear: both; } .sub { width: 122px; } .offHsSub { background: url(/images/offhunt/off-hunt.png) center center / contain no-repeat; } .offHsSub:hover { background: url(/images/offhunt/off-hunt-active.png) center center / contain no-repeat; } .whyChoose { border-bottom: 1px solid #A47B24; display: inline-block; margin: auto; } /* The switch - the box around the slider */ .toggle { position: relative; display: inline-block; width: 30px; height: 17px; } /* Hide default HTML checkbox */ .toggle > input { opacity: 0; width: 0; height: 0; } /* The slider */ .toggle > .sliderToggle { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .toggle > .sliderToggle:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } .toggle > input:checked + .sliderToggle { background-color: #000; } .toggle > input:focus + .sliderToggle { box-shadow: 0 0 1px #000; } .toggle > input:checked + .sliderToggle:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .toggle > .sliderToggle.round { border-radius: 17px; } .toggle > .sliderToggle.round:before { border-radius: 50%; } .toggle.floatRight { float: right; } /* Sticky Information */ .stickyInformationWrapper { width: 100%; padding: 10px; font-family: "Nunito-Regular"; font-size: 10px; text-align: center; background-color: #F6F2E9; z-index: 10000; } .stickyInformationWrapper .stickyInformationContent { display: flex; align-items: center; justify-content: center; } .stickyInformationWrapper .stickyInformationContent .accountStatus { font-family: "Nunito-Regular"; font-style: italic; } .stickyInformationWrapper .stickyInformationContent .accountStatus.unverified { color: #76150C; } .stickyInformationWrapper .stickyInformationContent .accountStatus.verified { color: #4F9A76; } .stickyInformationWrapper .stickyInformationContent .separator { display: inline-block; width: 15px; height: 1px; margin: 0 15px; background-color: #1D1D1D; } .stickyInformationWrapper .stickyInformationContent .button { margin: 0 25px; padding: 0 30px; width: max-content; font-size: 10px; text-transform: initial; } @media only screen and (max-width: 768px) { .stickyInformationWrapper { position: fixed; /*margin-top: 101px;*/ } .stickyInformationWrapper.memberDashboard { margin-top: 56px; } .stickyInformationWrapper .stickyInformationContent { font-size: 9px; } .stickyInformationWrapper .stickyInformationContent .separator { width: 10px; margin: 0 10px; } .stickyInformationWrapper .stickyInformationContent .button { margin: 0 0 0 15px; padding: 0 20px; font-size: 9px; } } @media only screen and (max-width: 480px) { .stickyInformationWrapper .stickyInformationContent { flex-direction: column; } .stickyInformationWrapper .stickyInformationContent .button { margin: 10px 0 0; } } /* Huntoulet popup */ .huntOutletPopupBox { width: auto; max-width: 800px; height: auto; margin: 40px auto; display: none; z-index: 100001; position: relative; } .huntOutletPopupBox img { width: 100%; } .huntOutletPopupBox .noButton { padding: 5px; font-size: 20px; position: absolute; top: 5px; right: 5px; } .convertedPrice { display: block; margin-top: 3px; font-family: "Nunito-Regular" !important; font-size: 14px; line-height: 18px; font-style: italic; letter-spacing: 1.4px; text-transform: initial !important; color: #1d1d1d; } .convertedPrice.convertedPrice__smaller { font-size: 12px; line-height: 16px; letter-spacing: 1.2px; } .convertedPrice.convertedPrice__gold { color: #a37b24; } .rateStatement { margin-top: 10px; font-family: "Nunito-Regular" !important; font-size: 12px; line-height: 16px; text-align: justify; text-transform: initial !important; letter-spacing: 0; color: #1d1d1d; } .lineSeparator { width: 100%; margin: 10px 0; border-top: 1px solid #c4c4c4; } @media only screen and (max-width: 768px) { .convertedPrice { font-size: 12px; line-height: 16px; letter-spacing: 1.2px; } .convertedPrice.convertedPrice__smaller { font-size: 10px; line-height: 14px; letter-spacing: 1px; } .rateStatement { font-size: 10px; } } .marginTopM { margin-top: 20px; } button.addToBag, button.halfBtn, button.loginBtn, button.payBtn, button.linkBtn { border: none; cursor: pointer; padding: 0px; } .hasError input, .hasError select, .hasError textarea, .formBox.hasError .sod_select { border: 1px solid #C1272D !important; } .hasError .select2-container { border: 1px solid #C1272D !important; } .hasError .helpBlock { color: #C1272D; padding: 10px 0; } .successBlock { color: #2DC127; padding: 10px 0; } div.inline { display: inline-block; } .fullBtn img { display: inline-block; margin-top: 5px; } .productImg.second { display: none; } .ui-datepicker { z-index: 100001 !important; } a.link { color: #a37b2c; text-decoration: none; } a.link:hover { text-decoration: underline; } .goldColorImportant { color: #a37b2c !important; } .listCharity { width: 28px; height: 28px; display: block; background: url(/images/icon_charity_gray.png?1) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; position: absolute; top: 10px; right: 10px; z-index: 100; } .pdiLeftBox .listCharity { text-indent: -9999px; top: 30px; } .content.static .alignLeft { text-align: left !important; } .headerTopInformation { background: #1d1d1d; } .headerTopInformation .headerTopInformationWrapper { width: 1200px; margin: 0 auto; } .headerTopInformation .bx-wrapper .bx-viewport { background: #1d1d1d; -webkit-text-stroke: 0 inherit; } .headerTopInformation #header-top-information-slider { height: 100%; background: none; } .headerTopInformationBox { position: relative; display: table; width: 100%; height: 100%; padding: 15px; margin: 0 auto; font-family: "Nunito-Regular"; font-weight: bold; font-size: 10px; line-height: 14px; text-align: center; color: #FFFFFF; } .headerTopInformationBox p { display: table-cell; vertical-align: middle; } .homepageTopInformation { margin: 40px 0; padding: 15px; background-color: #FFFFFF; border: 1px solid #a37b2c; } .homepageTopInformationBox { font-family: "Nunito-Regular"; font-size: 10px; line-height: 14px; text-align: center; color: #1d1d1d; } .headerTopInformationBox .highlight, .homepageTopInformationBox .highlight { color: #a37b2c; } .headerTopInformationBox a, .homepageTopInformationBox a { text-decoration: none; color: #a37b2c; } .headerTopInformationBox a:hover, .homepageTopInformationBox a:hover { text-decoration: underline; } @media only screen and (max-width: 1280px) { .headerTopInformation .headerTopInformationWrapper { width: 960px; } } @media only screen and (max-width: 959px) { .headerTopInformation .headerTopInformationWrapper { width: 100%; max-width: 680px; } .homepageTopInformation { margin: 30px 10px 0; } } @media only screen and (min-width: 768px) { .headerTopInformationBox { padding: 15px 20px; } .headerTopInformationBox, .homepageTopInformationBox { font-size: 12px; line-height: 16px; } } .countryPopup { font-family: 'Nunito-Bold'; background-color: white; width: 60%; max-height: 45%; height: auto; position: absolute; float: left; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; overflow: hidden; padding: 0 1.2em 2em 1.2em; clear: both; border: 1px green solid; } .countryPopup .titleCountry { font-weight: 700; font-size: 24px; margin-top: 6%; letter-spacing: 0.08em; } .countryPopup .contentCountry { font-size: 14px; line-height: 45px; font-weight: 00; } .countryPopup .footer span { font-size: 14px; } .countryPopup .footer span a { color: #a37b2c; font-weight: 800; } @media only screen and (max-width: 479px) { .countryPopup { width: 90%; max-height: 55%; height: auto; padding: 0 1.2em 2em 1.2em; } .countryPopup .titleCountry { font-weight: 700; font-size: 18px; margin-top: 6%; letter-spacing: 0.15em; margin-bottom: 4%; } .countryPopup .contentCountry { font-size: 11.5px; line-height: 20px; font-weight: 00; } .countryPopup .button-no-rounded.btn-country-popup { font-size: 11px; } .countryPopup .visitContent { display: inline-block; margin-top: 5%; } } .subscribePopup { width: 100%; max-width: 800px; margin: 100px auto; position: relative; display: none; z-index: 100001; } .subscribePopup .subscribeBg { position: absolute; background: url(/images/subscribe/bg.jpg?1) top center / contain no-repeat; width: 100%; max-width: 800px; padding-top: 66.625%; z-index: 1; } .subscribePopup .subscribeContent { position: absolute; width: 100%; max-width: 800px; color: #fff; z-index: 2; } .subscribePopup .subscribeContent .subscribeContentBg { position: absolute; width: 80%; padding-top: 53.3%; margin: 7% 10%; opacity: 0.8; background-color: #000; } .subscribePopup .subscribeContent .subscribeContentMain { position: absolute; width: 80%; margin: 7% 10%; text-align: center; padding-top: 8%; } .subscribePopup .subscribeLogo { font-family: 'MrsEaves-Bold'; letter-spacing: 6px; color: #a37b2c; font-size: 16px; margin: 20px auto; } .subscribePopup .subscribeMainTitle { font-family: 'MrsEavesRoman-Regular'; color: #fff; font-size: 40px; margin: 20px auto; letter-spacing: 4px; } .subscribePopup .subscribeMessage { font-size: 14px; line-height: 1.5; margin: 20px auto; } .subscribePopup .subscribeMessage b { font-size: 22px; color: #a37b2c; letter-spacing: 2px; } .subscribePopup .subscribe { margin: 20px auto; } .subscribePopup .noButton { display: block; text-align: center; font-size: 13px; color: #ccc; } .subscribePopup .noButton:hover { text-decoration: underline; } .subscribePopup .subscribeContent .xButton { position: absolute; color: #fff; right: 3%; top: 20px; font-size: 20px; } @media only screen and (max-width: 479px) { .subscribePopup { margin: 40px auto; } .subscribePopup .subscribeBg { background: url(/images/subscribe/bg.jpg?1) center center / cover no-repeat; padding-top: 99%; } .subscribePopup .subscribeContent .subscribeContentBg { width: 90%; margin: 7% 5%; padding-top: 85%; } .subscribePopup .subscribeContent .subscribeContentMain { padding-top: 0; } .subscribePopup .subscribeLogo { font-size: 14px; } .subscribePopup .subscribeMainTitle { font-size: 24px; } .subscribePopup .subscribeContent .xButton { top: 10px; } } @media only screen and (max-width: 320px) { .subscribePopup .subscribeBg { padding-top: 124%; } .subscribePopup .subscribeContent .subscribeContentBg { padding-top: 110%; } } .subscribePopupBox { width: auto; max-width: 800px; height: 533px; margin: 100px auto; position: relative; display: none; background: url(/images/subscribe/bg-desktop.jpg) no-repeat top center; z-index: 100001; } .subscribePopupBox img { width: 100%; max-width: 800px; } .subscribePopupBox input[type="text"] { width: 300px; } .subscribePopupBox .subscribeBox { width: 100%; padding: 400px 0; text-align: center; } .subscribePopupBox .subscribeBox .subscribe { margin: auto; width: 388px; } .subscribePopupBox .subscribeBox .noButton { font-size: 15px; } .subscribePopupBox .xButton { font-size: 20px; color: #fff; position: absolute; padding: 5px; margin: -435px 0 0 394px; } @media only screen and (max-width: 479px) { .subscribePopupBox { margin: auto; margin-top: 10px; width: 100%; height: auto; background: none; position: relative; text-align: center; } .subscribePopupBox img { width: auto; position: relative; margin: auto; } .subscribePopupBox input[type="text"] { width: 270px; } .subscribePopupBox .subscribeBox { padding: 0 0; position: absolute; margin: -140px 0; } .subscribePopupBox .subscribeBox .subscribe { width: 288px; } .subscribePopupBox .subscribeBox .noButton { color: #fff; } .subscribePopupBox .xButton { margin: -399px 0 0 168px; } } .referFriendPopupBox { width: auto; max-width: 800px; height: 533px; margin: 100px auto; position: relative; display: none; z-index: 100001; } .referFriendPopupBox img { width: 100%; max-width: 800px; } .referFriendPopupBox .noButton { padding: 5px; font-size: 20px; color: #fff; position: absolute; margin: -508px 0 0 755px; } @media only screen and (max-width: 479px) { .referFriendPopupBox { margin: 50px auto; width: 100%; height: auto; background: none; position: relative; } .referFriendPopupBox img { width: auto; position: relative; margin: auto; } .referFriendPopupBox .noButton { margin: -479px 0 0 320px; } } .pageDescription { color: #585858; font-size: 12px; margin: 40px 0 0 0; padding: 16px 0; border-top: 1px solid #a37b2c; border-bottom: 1px solid #a37b2c; } .pageDescription p { margin-bottom: 10px; } .footerContent { width: 1200px; margin: 0 auto; position: relative; } .footerContent:after { content: ''; display: block; clear: both; height: 20px; } .footerContent .footerContentBox { width: 33%; padding: 0 10px; display: block; float: left; position: relative; text-align: center; } .footerContent .footerContentBox img { width: 100%; margin: 0 0 20px 0; display: table; } .whyContent .footerContentBox img { width: 50%; margin: auto; } .footerContent .footerContentBox a.footerContentHeadLink, .footerContent .footerContentBox .footerContentHead { color: #a37b2c; font-family: 'MrsEavesRoman-Regular'; letter-spacing: 1px; font-size: 20px; display: block; margin: 10px 0; } .footerContent .footerContentBox a.footerContentLink { color: #a37b2c; font-family: 'MrsEavesRoman-Regular'; letter-spacing: 1px; font-size: 16px; display: block; margin: 10px 0; } .footerContent .footerContentBox:after { content: ''; width: 1px; position: absolute; top: 0; right: -10px; display: block; } .footerContent .footerContentBox:last-child:after { display: none; } .footerContent .footerContentBox .footerContentDesc { width: 100%; display: table; } .footerContent .footerContentBox .footerContentDesc .footerContentDescContent { display: table-cell; vertical-align: middle; text-align: center; color: #585858; line-height: 22px; } .footerContent .footerContentBox .footerContentDesc .footerContentDescContent span { font-family: 'Nunito-Regular'; font-size: 18px; display: block; } @media only screen and (max-width:1280px) { .footerContent { width: 100%; } .footerContent .footerContentBox { width: 33%; } } @media only screen and (max-width: 959px) { .footerContent .footerContentBox { width: 100%; float: none; margin: 0 auto 20px; border: none; border-bottom: 1px solid #585858; } .whyContent .footerContentBox { width: 70%; margin: auto; border-bottom: none; } .whyContent .footerContentBox img { float: left; width: 30%; } .whyContent .footerContentBox .footerContentHead { float: left; } .whyContent .footerContentBox .footerContentDesc { float: left; width: 70%; } .whyContent .footerContentBox .footerContentDesc .footerContentDescContent { text-align: left; } .footerContent .footerContentBox:after { display: none; } .whyContent .footerContentBox:after { content: ''; display: block; clear: both; position: relative; } } @media only screen and (max-width: 767px) { .whyContent .footerContentBox { width: 100%; } } @media only screen and (max-width: 479px) { .whyContent .footerContentBox .footerContentHead { font-size: 15px; } } .googleMap iframe { float: left; } .googleMap .googleMapDetail { float: left; padding: 0 0 0 20px; width: 340px; } .googleMap .googleMapDetail:after { clear: both; } .googleMap .googleMapDetail table { width: 100%; text-align: left; font-size: 14px; } .googleMap .googleMapDetail table tr th { width: 36%; color: #585858; font-family: 'Nunito-ExtraBold'; } .googleMap .googleMapDetail table tr td { color: #888888; font-family: 'Nunito-Light'; } .googleMap .googleMapDetail table tr th, .googleMap .googleMapDetail table tr td { vertical-align: top; padding: 8px 0; } .googleMap .googleMapDetail table a { color: #a37b2c; } @media only screen and (max-width: 959px) { .googleMap iframe { float: none; } .googleMap .googleMapDetail { float: none; display: block; width: 100%; margin: 10px 0; } .googleMap .googleMapDetail table tr th { width: 40%; text-align: right; padding-right: 10px; } .googleMap .googleMapDetail table tr td { text-align: left; padding-left: 10px; } } .paymentStoreCredit { padding: 10px 0; max-width: 200px; } #closet-list+.prevBtn, #closet-list+.prevBtn+.nextBtn { top: 38%; } .hiddenParent { visibility: hidden !important; height: 0 !important; } .showedChild { visibility: visible !important; } .productPromoLabel { width: 100%; text-align: center; display: block; position: absolute; top: 6px; z-index: 100; color: #a37b2c; font-family: 'Nunito-Bold'; } @media only screen and (max-width: 1280px) { .productPromoLabel { font-size: 10px; } } @media only screen and (max-width: 479px) { .productPromoLabel { font-size: 9px; top: auto; bottom: 0; } /*.productPromoLabel span {*/ /*font-family: 'Nunito-Bold';*/ /*!*background-color: #B4DBE3;*!*/ /*padding: 2px 4px;*/ /*}*/ } .pdiLeftBox .productPromoLabel { text-indent: -9999px; top: 30px; } .productDetailTabBox.installment-2 table tr td.installment-left { width: 33.3333%; border: none; text-align: right; padding: 5px 20px 5px 5px; color: #a37b2c; font-family: 'Nunito-ExtraBold'; font-size: 14px; } .productDetailTabBox.installment-2 table tr td.installment-right { font-family: 'Nunito-Light'; width: 33.3333%; text-align: left; padding: 5px 5px 5px 20px; font-size: 16px; border-left: 1px solid #a37b2c; line-height: 24px; } .addToBagInfo { color: #888888; } .flagshipStoreInfo { color: #a37b2c; padding: 4px 0; } .goldBtn { font-size: 16px !important; width: auto; height: auto; font-family: 'Nunito-Light'; font-size: 20px; letter-spacing: 3px; line-height: normal; text-transform: uppercase; padding: 15px 20px; display: inline-block; margin: 0 auto 30px; border: 1px solid #a37b2c; background: #a37b2c; color: #fff; } .goldBtn:hover { background: white; color: #a37b2c; } @media only screen and (max-width:767px) { .goldBtn { font-size: 10px !important; width: 60%; } } .productInfo { font-size: 12px; color: #a37b2c; line-height: 1; } #closet-list .productListInfoBox { min-height: 70px; } @media only screen and (max-width: 959px) { #closet-list .productBox { width: 100%; } } @media only screen and (max-width:767px) { #closet-list li.viewAll { width: 100%; } } .closetTitle { width: 100%; padding: 20px 0; } .closetTitle img { width: 80%; max-width: 460px; margin: auto; } .spacedMenu { margin: 0 2px; } .spacedMenu:last-child { margin-right: 0; } .watchList { display: none; visibility: hidden; } .hide { display: none !important; } .myHuntList .link { color: #585858; } .myHuntList .link img { margin: auto; } .myHuntList .link.removed { content: 'Removed'; color: #dc4242; cursor: default; } .myHuntList .soldOut h3, .myHuntList .holdOn h3 { font-family: 'Nunito-Light'; font-size: 24px; margin: 0; } .myHuntList .soldOut p, .myHuntList .holdOn p { font-size: 18px; } @media only screen and (max-width: 640px) { .myHuntList .soldOut h3, .myHuntList .holdOn h3 { font-size: 18px; } } @media only screen and (max-width: 359px) { .myHuntList .soldOut h3, .myHuntList .holdOn h3, .myHuntList .soldOut p, .myHuntList .holdOn p { font-size: 14px; } } .faqWrapper ol, .faqWrapper ul { margin-left: 16px; line-height: 1.2; margin-bottom: 10px; } .faqWrapper ol { list-style-type: decimal; } .faqWrapper ul { list-style-type: circle; } .faqWrapper p { margin-bottom: 10px !important; } .h1 { font-family: 'MrsEaves-Bold'; font-size: 28px; letter-spacing: 4px; color: #a37b2c; } .faqPointHeader, .faqWrapper b { font-family: 'Nunito-ExtraBold'; } .faqWrapper table { margin: 10px 0; } .faqWrapper table tr td, .faqWrapper table tr th { border: 1px solid #585858; text-align: center; padding: 2px 4px; } .faqWrapper table tr th { font-family: 'Nunito-ExtraBold'; } .content.fullWidth { width: 100%; } /*.productSectionImg, .productListImg a {*/ /* display: flex;*/ /* height: 100%;*/ /* align-items: center;*/ /* justify-content: center;*/ /* justify-items: center;*/ /*}*/ /*@media only screen and (max-width:767px) {*/ /* .productSectionImg a img, .productListImg a img {*/ /* width: 100%;*/ /* }*/ /*}*/ /*# sourceMappingURL=main.css.map */