/* Minification failed. Returning unminified contents. (15313,28): run-time error CSS1019: Unexpected token, found ' ' (15313,28): run-time error CSS1034: Expected closing parenthesis, found ' ' */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright 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:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.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;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.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 0;padding:.5em .5em .5em .7em;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{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-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.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:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-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:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.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:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.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:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;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-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.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-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .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:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{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-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/Content/external/slick/fonts/slick.eot'); src: url('/Content/external/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/Content/external/slick/fonts/slick.woff') format('woff'), url('/Content/external/slick/fonts/slick.ttf') format('truetype'), url('/Content/external/slick/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; margin-top: -10px\9; /*lte IE 8*/ cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 100427; overflow: hidden; position: fixed; background: #333; opacity:0.9; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 100428; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; z-index: 77777; } .button.mfp-arrow{ background: #f7f7f7; } button.mfp-close{ background: transparent; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width:14px; height: 34px; line-height:14px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 18px 10px; color:#FFF; font-style:normal; font-size: 55px; font-family: Arial, Baskerville, monospace; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #333; text-align: right; padding-right: 6px; width: 100%; } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover{ color: #4ccdb3; } .mfp-counter { text-align: center; top: 0; right: 0; color: #4ccdb3; font-size: 18px; line-height: 1.2em; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -22px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow-left, .mfp-arrow-right{ width: 45px; height: 45px; background: #f7f7f7; opacity: 1; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .mfp-arrow-left:before, .mfp-arrow-right:before{ font-family: 'Material Icons'; font-size: 39px; line-height: 40px; cursor: pointer; position: absolute; top: 2px !important; color: #333; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .mfp-arrow-left:before{ left: 2px !important; } .mfp-arrow-right:before{ right: 2px !important; } .mfp-arrow-left:hover, .mfp-arrow-right:hover{ width: 45px; height: 45px; background: #4ccdb3; } .mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before{ color: #fff; } .mfp-arrow-left:before { left: 0; content: "\e408"; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before{ content: "\e409"; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; height:55%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -35px; color:#ff0000; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 100%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; padding:10px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; font-size: 22px; line-height: 1.2em; color: #333; text-align: center; word-wrap: break-word; display: block; text-transform: uppercase; padding: 15px 0 5px; } @media (max-width: 1770px) { .mfp-image-holder .mfp-content { max-width: 80%; width: 43%; } } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; } /* Handles and cursors; */ .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } /*! * Bootstrap-select v1.7.2 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2015 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select.fullwidth { width: 100% !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 1035; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; padding-left: 12px; padding-right: 12px; font-size: 12px; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1036; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; } select.bs-select-hidden, select.selectpicker { display: none !important; } select.mobile-device { position: absolute !important; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } .bootstrap-select .icon, .bootstrap-select .flag { display: inline-block; margin-right: 5px; text-align: center; } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(../assets/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /********************************************* - SETTINGS FOR BANNER CONTAINERS - **********************************************/ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(/Content/font/fonts/MaterialIcons-Regular.eot); src: local('Material Icons'), local('MaterialIcons-Regular'), url('/Content/font/fonts/MaterialIcons-Regular.woff2') format('woff2'), url('/Content/font/fonts/MaterialIcons-Regular.woff') format('woff'), url('/Content/font/fonts/MaterialIcons-Regular.ttf') format('truetype'); } .icon-ico, [class*="icon-"]:before { font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:hover , [class*=" icon-"]:hover { text-decoration: none; } .icon--flippedY { -webkit-transform:scaleY(-1); -moz-transform:scaleY(-1); -ms-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); } .icon--flippedX { -webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -ms-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); } .icon-3d_rotation:before { content: "\e84d" } .icon-access_alarm:before { content: "\e190" } .icon-access_alarms:before { content: "\e191" } .icon-access_time:before { content: "\e192" } .icon-accessibility:before { content: "\e84e" } .icon-account_balance:before { content: "\e84f" } .icon-account_balance_wallet:before { content: "\e850" } .icon-account_box:before { content: "\e851" } .icon-account_circle:before { content: "\e853" } .icon-adb:before { content: "\e60e" } .icon-add:before { content: "\e145" } .icon-add_alarm:before { content: "\e193" } .icon-add_alert:before { content: "\e003" } .icon-add_box:before { content: "\e146" } .icon-add_circle:before { content: "\e147" } .icon-add_circle_outline:before { content: "\e148" } .icon-add_shopping_cart:before { content: "\e854" } .icon-add_to_photos:before { content: "\e39d" } .icon-adjust:before { content: "\e39e" } .icon-airline_seat_flat:before { content: "\e630" } .icon-airline_seat_flat_angled:before { content: "\e631" } .icon-airline_seat_individual_suite:before { content: "\e632" } .icon-airline_seat_legroom_extra:before { content: "\e633" } .icon-airline_seat_legroom_normal:before { content: "\e634" } .icon-airline_seat_legroom_reduced:before { content: "\e635" } .icon-airline_seat_recline_extra:before { content: "\e636" } .icon-airline_seat_recline_normal:before { content: "\e637" } .icon-airplanemode_active:before { content: "\e195" } .icon-airplanemode_inactive:before { content: "\e194" } .icon-airplay:before { content: "\e055" } .icon-alarm:before { content: "\e855" } .icon-alarm_add:before { content: "\e856" } .icon-alarm_off:before { content: "\e857" } .icon-alarm_on:before { content: "\e858" } .icon-album:before { content: "\e019" } .icon-android:before { content: "\e859" } .icon-announcement:before { content: "\e85a" } .icon-apps:before { content: "\e5c3" } .icon-archive:before { content: "\e149" } .icon-arrow_back:before { content: "\e5c4" } .icon-arrow_drop_down:before { content: "\e5c5" } .icon-arrow_drop_down_circle:before { content: "\e5c6" } .icon-arrow_drop_up:before { content: "\e5c7" } .icon-arrow_forward:before { content: "\e5c8" } .icon-aspect_ratio:before { content: "\e85b" } .icon-assessment:before { content: "\e85c" } .icon-assignment:before { content: "\e85d" } .icon-assignment_ind:before { content: "\e85e" } .icon-assignment_late:before { content: "\e85f" } .icon-assignment_return:before { content: "\e860" } .icon-assignment_returned:before { content: "\e861" } .icon-assignment_turned_in:before { content: "\e862" } .icon-assistant:before { content: "\e39f" } .icon-assistant_photo:before { content: "\e3a0" } .icon-attach_file:before { content: "\e226" } .icon-attach_money:before { content: "\e227" } .icon-attachment:before { content: "\e2bc" } .icon-audiotrack:before { content: "\e3a1" } .icon-autorenew:before { content: "\e863" } .icon-av_timer:before { content: "\e01b" } .icon-backspace:before { content: "\e14a" } .icon-backup:before { content: "\e864" } .icon-battery_alert:before { content: "\e19c" } .icon-battery_charging_full:before { content: "\e1a3" } .icon-battery_full:before { content: "\e1a4" } .icon-battery_std:before { content: "\e1a5" } .icon-battery_unknown:before { content: "\e1a6" } .icon-beenhere:before { content: "\e52d" } .icon-block:before { content: "\e14b" } .icon-bluetooth:before { content: "\e1a7" } .icon-bluetooth_audio:before { content: "\e60f" } .icon-bluetooth_connected:before { content: "\e1a8" } .icon-bluetooth_disabled:before { content: "\e1a9" } .icon-bluetooth_searching:before { content: "\e1aa" } .icon-blur_circular:before { content: "\e3a2" } .icon-blur_linear:before { content: "\e3a3" } .icon-blur_off:before { content: "\e3a4" } .icon-blur_on:before { content: "\e3a5" } .icon-book:before { content: "\e865" } .icon-bookmark:before { content: "\e866" } .icon-bookmark_border:before { content: "\e867" } .icon-border_all:before { content: "\e228" } .icon-border_bottom:before { content: "\e229" } .icon-border_clear:before { content: "\e22a" } .icon-border_color:before { content: "\e22b" } .icon-border_horizontal:before { content: "\e22c" } .icon-border_inner:before { content: "\e22d" } .icon-border_left:before { content: "\e22e" } .icon-border_outer:before { content: "\e22f" } .icon-border_right:before { content: "\e230" } .icon-border_style:before { content: "\e231" } .icon-border_top:before { content: "\e232" } .icon-border_vertical:before { content: "\e233" } .icon-brightness_1:before { content: "\e3a6" } .icon-brightness_2:before { content: "\e3a7" } .icon-brightness_3:before { content: "\e3a8" } .icon-brightness_4:before { content: "\e3a9" } .icon-brightness_5:before { content: "\e3aa" } .icon-brightness_6:before { content: "\e3ab" } .icon-brightness_7:before { content: "\e3ac" } .icon-brightness_auto:before { content: "\e1ab" } .icon-brightness_high:before { content: "\e1ac" } .icon-brightness_low:before { content: "\e1ad" } .icon-brightness_medium:before { content: "\e1ae" } .icon-broken_image:before { content: "\e3ad" } .icon-brush:before { content: "\e3ae" } .icon-bug_report:before { content: "\e868" } .icon-build:before { content: "\e869" } .icon-business:before { content: "\e0af" } .icon-cached:before { content: "\e86a" } .icon-cake:before { content: "\e7e9" } .icon-call:before { content: "\e0b0" } .icon-call_end:before { content: "\e0b1" } .icon-call_made:before { content: "\e0b2" } .icon-call_merge:before { content: "\e0b3" } .icon-call_missed:before { content: "\e0b4" } .icon-call_received:before { content: "\e0b5" } .icon-call_split:before { content: "\e0b6" } .icon-camera:before { content: "\e3af" } .icon-camera_alt:before { content: "\e3b0" } .icon-camera_enhance:before { content: "\e8fc" } .icon-camera_front:before { content: "\e3b1" } .icon-camera_rear:before { content: "\e3b2" } .icon-camera_roll:before { content: "\e3b3" } .icon-cancel:before { content: "\e5c9" } .icon-card_giftcard:before { content: "\e8f6" } .icon-card_membership:before { content: "\e8f7" } .icon-card_travel:before { content: "\e8f8" } .icon-cast:before { content: "\e307" } .icon-cast_connected:before { content: "\e308" } .icon-center_focus_strong:before { content: "\e3b4" } .icon-center_focus_weak:before { content: "\e3b5" } .icon-change_history:before { content: "\e86b" } .icon-chat:before { content: "\e0b7" } .icon-chat_bubble:before { content: "\e0ca" } .icon-chat_bubble_outline:before { content: "\e0cb" } .icon-check:before { content: "\e5ca" } .icon-check_box:before { content: "\e834" } .icon-check_box_outline_blank:before { content: "\e835" } .icon-check_circle:before { content: "\e86c" } .icon-chevron_left:before { content: "\e5cb" } .icon-chevron_right:before { content: "\e5cc" } .icon-chrome_reader_mode:before { content: "\e86d" } .icon-class:before { content: "\e86e" } .icon-clear:before { content: "\e14c" } .icon-clear_all:before { content: "\e0b8" } .icon-close:before { content: "\e5cd" } .icon-closed_caption:before { content: "\e01c" } .icon-cloud:before { content: "\e2bd" } .icon-cloud_circle:before { content: "\e2be" } .icon-cloud_done:before { content: "\e2bf" } .icon-cloud_download:before { content: "\e2c0" } .icon-cloud_off:before { content: "\e2c1" } .icon-cloud_queue:before { content: "\e2c2" } .icon-cloud_upload:before { content: "\e2c3" } .icon-code:before { content: "\e86f" } .icon-collections:before { content: "\e3b6" } .icon-collections_bookmark:before { content: "\e431" } .icon-color_lens:before { content: "\e3b7" } .icon-colorize:before { content: "\e3b8" } .icon-comment:before { content: "\e0b9" } .icon-compare:before { content: "\e3b9" } .icon-computer:before { content: "\e30a" } .icon-confirmation_number:before { content: "\e638" } .icon-contact_phone:before { content: "\e0cf" } .icon-contacts:before { content: "\e0ba" } .icon-content_copy:before { content: "\e14d" } .icon-content_cut:before { content: "\e14e" } .icon-content_paste:before { content: "\e14f" } .icon-control_point:before { content: "\e3ba" } .icon-control_point_duplicate:before { content: "\e3bb" } .icon-create:before { content: "\e150" } .icon-credit_card:before { content: "\e870" } .icon-crop:before { content: "\e3be" } .icon-crop_16_9:before { content: "\e3bc" } .icon-crop_3_2:before { content: "\e3bd" } .icon-crop_5_4:before { content: "\e3bf" } .icon-crop_7_5:before { content: "\e3c0" } .icon-crop_din:before { content: "\e3c1" } .icon-crop_free:before { content: "\e3c2" } .icon-crop_landscape:before { content: "\e3c3" } .icon-crop_original:before { content: "\e3c4" } .icon-crop_portrait:before { content: "\e3c5" } .icon-crop_square:before { content: "\e3c6" } .icon-dashboard:before { content: "\e871" } .icon-data_usage:before { content: "\e1af" } .icon-dehaze:before { content: "\e3c7" } .icon-delete:before { content: "\e872" } .icon-description:before { content: "\e873" } .icon-desktop_mac:before { content: "\e30b" } .icon-desktop_windows:before { content: "\e30c" } .icon-details:before { content: "\e3c8" } .icon-developer_board:before { content: "\e30d" } .icon-developer_mode:before { content: "\e1b0" } .icon-device_hub:before { content: "\e335" } .icon-devices:before { content: "\e1b1" } .icon-dialer_sip:before { content: "\e0bb" } .icon-dialpad:before { content: "\e0bc" } .icon-directions:before { content: "\e52e" } .icon-directions_bike:before { content: "\e52f" } .icon-directions_boat:before { content: "\e532" } .icon-directions_bus:before { content: "\e530" } .icon-directions_car:before { content: "\e531" } .icon-directions_railway:before { content: "\e534" } .icon-directions_run:before { content: "\e566" } .icon-directions_subway:before { content: "\e533" } .icon-directions_transit:before { content: "\e535" } .icon-directions_walk:before { content: "\e536" } .icon-disc_full:before { content: "\e610" } .icon-dns:before { content: "\e875" } .icon-do_not_disturb:before { content: "\e612" } .icon-do_not_disturb_alt:before { content: "\e611" } .icon-dock:before { content: "\e30e" } .icon-domain:before { content: "\e7ee" } .icon-done:before { content: "\e876" } .icon-done_all:before { content: "\e877" } .icon-drafts:before { content: "\e151" } .icon-drive_eta:before { content: "\e613" } .icon-dvr:before { content: "\e1b2" } .icon-edit:before { content: "\e3c9" } .icon-eject:before { content: "\e8fb" } .icon-email:before { content: "\e0be" } .icon-equalizer:before { content: "\e01d" } .icon-error:before { content: "\e000" } .icon-error_outline:before { content: "\e001" } .icon-event:before { content: "\e878" } .icon-event_available:before { content: "\e614" } .icon-event_busy:before { content: "\e615" } .icon-event_note:before { content: "\e616" } .icon-event_seat:before { content: "\e903" } .icon-exit_to_app:before { content: "\e879" } .icon-expand_less:before { content: "\e5ce" } .icon-expand_more:before { content: "\e5cf" } .icon-explicit:before { content: "\e01e" } .icon-explore:before { content: "\e87a" } .icon-exposure:before { content: "\e3ca" } .icon-exposure_neg_1:before { content: "\e3cb" } .icon-exposure_neg_2:before { content: "\e3cc" } .icon-exposure_plus_1:before { content: "\e3cd" } .icon-exposure_plus_2:before { content: "\e3ce" } .icon-exposure_zero:before { content: "\e3cf" } .icon-extension:before { content: "\e87b" } .icon-face:before { content: "\e87c" } .icon-fast_forward:before { content: "\e01f" } .icon-fast_rewind:before { content: "\e020" } .icon-favorite:before { content: "\e87d" } .icon-favorite_border:before { content: "\e87e" } .icon-feedback:before { content: "\e87f" } .icon-file_download:before { content: "\e2c4" } .icon-file_upload:before { content: "\e2c6" } .icon-filter:before { content: "\e3d3" } .icon-filter_1:before { content: "\e3d0" } .icon-filter_2:before { content: "\e3d1" } .icon-filter_3:before { content: "\e3d2" } .icon-filter_4:before { content: "\e3d4" } .icon-filter_5:before { content: "\e3d5" } .icon-filter_6:before { content: "\e3d6" } .icon-filter_7:before { content: "\e3d7" } .icon-filter_8:before { content: "\e3d8" } .icon-filter_9:before { content: "\e3d9" } .icon-filter_9_plus:before { content: "\e3da" } .icon-filter_b_and_w:before { content: "\e3db" } .icon-filter_center_focus:before { content: "\e3dc" } .icon-filter_drama:before { content: "\e3dd" } .icon-filter_frames:before { content: "\e3de" } .icon-filter_hdr:before { content: "\e3df" } .icon-filter_list:before { content: "\e152" } .icon-filter_none:before { content: "\e3e0" } .icon-filter_tilt_shift:before { content: "\e3e2" } .icon-filter_vintage:before { content: "\e3e3" } .icon-find_in_page:before { content: "\e880" } .icon-find_replace:before { content: "\e881" } .icon-flag:before { content: "\e153" } .icon-flare:before { content: "\e3e4" } .icon-flash_auto:before { content: "\e3e5" } .icon-flash_off:before { content: "\e3e6" } .icon-flash_on:before { content: "\e3e7" } .icon-flight:before { content: "\e539" } .icon-flight_land:before { content: "\e904" } .icon-flight_takeoff:before { content: "\e905" } .icon-flip:before { content: "\e3e8" } .icon-flip_to_back:before { content: "\e882" } .icon-flip_to_front:before { content: "\e883" } .icon-folder:before { content: "\e2c7" } .icon-folder_open:before { content: "\e2c8" } .icon-folder_shared:before { content: "\e2c9" } .icon-folder_special:before { content: "\e617" } .icon-font_download:before { content: "\e167" } .icon-format_align_center:before { content: "\e234" } .icon-format_align_justify:before { content: "\e235" } .icon-format_align_left:before { content: "\e236" } .icon-format_align_right:before { content: "\e237" } .icon-format_bold:before { content: "\e238" } .icon-format_clear:before { content: "\e239" } .icon-format_color_fill:before { content: "\e23a" } .icon-format_color_reset:before { content: "\e23b" } .icon-format_color_text:before { content: "\e23c" } .icon-format_indent_decrease:before { content: "\e23d" } .icon-format_indent_increase:before { content: "\e23e" } .icon-format_italic:before { content: "\e23f" } .icon-format_line_spacing:before { content: "\e240" } .icon-format_list_bulleted:before { content: "\e241" } .icon-format_list_numbered:before { content: "\e242" } .icon-format_paint:before { content: "\e243" } .icon-format_quote:before { content: "\e244" } .icon-format_size:before { content: "\e245" } .icon-format_strikethrough:before { content: "\e246" } .icon-format_textdirection_l_to_r:before { content: "\e247" } .icon-format_textdirection_r_to_l:before { content: "\e248" } .icon-format_underlined:before { content: "\e249" } .icon-forum:before { content: "\e0bf" } .icon-forward:before { content: "\e154" } .icon-forward_10:before { content: "\e056" } .icon-forward_30:before { content: "\e057" } .icon-forward_5:before { content: "\e058" } .icon-fullscreen:before { content: "\e5d0" } .icon-fullscreen_exit:before { content: "\e5d1" } .icon-functions:before { content: "\e24a" } .icon-gamepad:before { content: "\e30f" } .icon-games:before { content: "\e021" } .icon-gesture:before { content: "\e155" } .icon-get_app:before { content: "\e884" } .icon-gif:before { content: "\e908" } .icon-gps_fixed:before { content: "\e1b3" } .icon-gps_not_fixed:before { content: "\e1b4" } .icon-gps_off:before { content: "\e1b5" } .icon-grade:before { content: "\e885" } .icon-gradient:before { content: "\e3e9" } .icon-grain:before { content: "\e3ea" } .icon-graphic_eq:before { content: "\e1b8" } .icon-grid_off:before { content: "\e3eb" } .icon-grid_on:before { content: "\e3ec" } .icon-group:before { content: "\e7ef" } .icon-group_add:before { content: "\e7f0" } .icon-group_work:before { content: "\e886" } .icon-hd:before { content: "\e052" } .icon-hdr_off:before { content: "\e3ed" } .icon-hdr_on:before { content: "\e3ee" } .icon-hdr_strong:before { content: "\e3f1" } .icon-hdr_weak:before { content: "\e3f2" } .icon-headset:before { content: "\e310" } .icon-headset_mic:before { content: "\e311" } .icon-healing:before { content: "\e3f3" } .icon-hearing:before { content: "\e023" } .icon-help:before { content: "\e887" } .icon-help_outline:before { content: "\e8fd" } .icon-high_quality:before { content: "\e024" } .icon-highlight_off:before { content: "\e888" } .icon-history:before { content: "\e889" } .icon-home:before { content: "\e88a" } .icon-hotel:before { content: "\e53a" } .icon-hourglass_empty:before { content: "\e88b" } .icon-hourglass_full:before { content: "\e88c" } .icon-http:before { content: "\e902" } .icon-https:before { content: "\e88d" } .icon-image:before { content: "\e3f4" } .icon-image_aspect_ratio:before { content: "\e3f5" } .icon-import_export:before { content: "\e0c3" } .icon-inbox:before { content: "\e156" } .icon-indeterminate_check_box:before { content: "\e909" } .icon-info:before { content: "\e88e" } .icon-info_outline:before { content: "\e88f" } .icon-input:before { content: "\e890" } .icon-insert_chart:before { content: "\e24b" } .icon-insert_comment:before { content: "\e24c" } .icon-insert_drive_file:before { content: "\e24d" } .icon-insert_emoticon:before { content: "\e24e" } .icon-insert_invitation:before { content: "\e24f" } .icon-insert_link:before { content: "\e250" } .icon-insert_photo:before { content: "\e251" } .icon-invert_colors:before { content: "\e891" } .icon-invert_colors_off:before { content: "\e0c4" } .icon-iso:before { content: "\e3f6" } .icon-keyboard:before { content: "\e312" } .icon-keyboard_arrow_down:before { content: "\e313" } .icon-keyboard_arrow_left:before { content: "\e314" } .icon-keyboard_arrow_right:before { content: "\e315" } .icon-keyboard_arrow_up:before { content: "\e316" } .icon-keyboard_backspace:before { content: "\e317" } .icon-keyboard_capslock:before { content: "\e318" } .icon-keyboard_hide:before { content: "\e31a" } .icon-keyboard_return:before { content: "\e31b" } .icon-keyboard_tab:before { content: "\e31c" } .icon-keyboard_voice:before { content: "\e31d" } .icon-label:before { content: "\e892" } .icon-label_outline:before { content: "\e893" } .icon-landscape:before { content: "\e3f7" } .icon-language:before { content: "\e894" } .icon-laptop:before { content: "\e31e" } .icon-laptop_chromebook:before { content: "\e31f" } .icon-laptop_mac:before { content: "\e320" } .icon-laptop_windows:before { content: "\e321" } .icon-launch:before { content: "\e895" } .icon-layers:before { content: "\e53b" } .icon-layers_clear:before { content: "\e53c" } .icon-leak_add:before { content: "\e3f8" } .icon-leak_remove:before { content: "\e3f9" } .icon-lens:before { content: "\e3fa" } .icon-library_add:before { content: "\e02e" } .icon-library_books:before { content: "\e02f" } .icon-library_music:before { content: "\e030" } .icon-link:before { content: "\e157" } .icon-list:before { content: "\e896" } .icon-live_help:before { content: "\e0c6" } .icon-live_tv:before { content: "\e639" } .icon-local_activity:before { content: "\e53f" } .icon-local_airport:before { content: "\e53d" } .icon-local_atm:before { content: "\e53e" } .icon-local_bar:before { content: "\e540" } .icon-local_cafe:before { content: "\e541" } .icon-local_car_wash:before { content: "\e542" } .icon-local_convenience_store:before { content: "\e543" } .icon-local_dining:before { content: "\e556" } .icon-local_drink:before { content: "\e544" } .icon-local_florist:before { content: "\e545" } .icon-local_gas_station:before { content: "\e546" } .icon-local_grocery_store:before { content: "\e547" } .icon-local_hospital:before { content: "\e548" } .icon-local_hotel:before { content: "\e549" } .icon-local_laundry_service:before { content: "\e54a" } .icon-local_library:before { content: "\e54b" } .icon-local_mall:before { content: "\e54c" } .icon-local_movies:before { content: "\e54d" } .icon-local_offer:before { content: "\e54e" } .icon-local_parking:before { content: "\e54f" } .icon-local_pharmacy:before { content: "\e550" } .icon-local_phone:before { content: "\e551" } .icon-local_pizza:before { content: "\e552" } .icon-local_play:before { content: "\e553" } .icon-local_post_office:before { content: "\e554" } .icon-local_printshop:before { content: "\e555" } .icon-local_see:before { content: "\e557" } .icon-local_shipping:before { content: "\e558" } .icon-local_taxi:before { content: "\e559" } .icon-location_city:before { content: "\e7f1" } .icon-location_disabled:before { content: "\e1b6" } .icon-location_off:before { content: "\e0c7" } .icon-location_on:before { content: "\e0c8" } .icon-location_searching:before { content: "\e1b7" } .icon-lock:before { content: "\e897" } .icon-lock_open:before { content: "\e898" } .icon-lock_outline:before { content: "\e899" } .icon-looks:before { content: "\e3fc" } .icon-looks_3:before { content: "\e3fb" } .icon-looks_4:before { content: "\e3fd" } .icon-looks_5:before { content: "\e3fe" } .icon-looks_6:before { content: "\e3ff" } .icon-looks_one:before { content: "\e400" } .icon-looks_two:before { content: "\e401" } .icon-loop:before { content: "\e028" } .icon-loupe:before { content: "\e402" } .icon-loyalty:before { content: "\e89a" } .icon-mail:before { content: "\e158" } .icon-map:before { content: "\e55b" } .icon-markunread:before { content: "\e159" } .icon-markunread_mailbox:before { content: "\e89b" } .icon-memory:before { content: "\e322" } .icon-menu:before { content: "\e5d2" } .icon-merge_type:before { content: "\e252" } .icon-message:before { content: "\e0c9" } .icon-mic:before { content: "\e029" } .icon-mic_none:before { content: "\e02a" } .icon-mic_off:before { content: "\e02b" } .icon-mms:before { content: "\e618" } .icon-mode_comment:before { content: "\e253" } .icon-mode_edit:before { content: "\e254" } .icon-money_off:before { content: "\e25c" } .icon-monochrome_photos:before { content: "\e403" } .icon-mood:before { content: "\e7f2" } .icon-mood_bad:before { content: "\e7f3" } .icon-more:before { content: "\e619" } .icon-more_horiz:before { content: "\e5d3" } .icon-more_vert:before { content: "\e5d4" } .icon-mouse:before { content: "\e323" } .icon-movie:before { content: "\e02c" } .icon-movie_creation:before { content: "\e404" } .icon-music_note:before { content: "\e405" } .icon-my_location:before { content: "\e55c" } .icon-nature:before { content: "\e406" } .icon-nature_people:before { content: "\e407" } .icon-navigate_before:before { content: "\e408" } .icon-navigate_next:before { content: "\e409" } .icon-navigation:before { content: "\e55d" } .icon-network_cell:before { content: "\e1b9" } .icon-network_locked:before { content: "\e61a" } .icon-network_wifi:before { content: "\e1ba" } .icon-new_releases:before { content: "\e031" } .icon-nfc:before { content: "\e1bb" } .icon-no_sim:before { content: "\e0cc" } .icon-not_interested:before { content: "\e033" } .icon-note_add:before { content: "\e89c" } .icon-notifications:before { content: "\e7f4" } .icon-notifications_active:before { content: "\e7f7" } .icon-notifications_none:before { content: "\e7f5" } .icon-notifications_off:before { content: "\e7f6" } .icon-notifications_paused:before { content: "\e7f8" } .icon-offline_pin:before { content: "\e90a" } .icon-ondemand_video:before { content: "\e63a" } .icon-open_in_browser:before { content: "\e89d" } .icon-open_in_new:before { content: "\e89e" } .icon-open_with:before { content: "\e89f" } .icon-pages:before { content: "\e7f9" } .icon-pageview:before { content: "\e8a0" } .icon-palette:before { content: "\e40a" } .icon-panorama:before { content: "\e40b" } .icon-panorama_fish_eye:before { content: "\e40c" } .icon-panorama_horizontal:before { content: "\e40d" } .icon-panorama_vertical:before { content: "\e40e" } .icon-panorama_wide_angle:before { content: "\e40f" } .icon-party_mode:before { content: "\e7fa" } .icon-pause:before { content: "\e034" } .icon-pause_circle_filled:before { content: "\e035" } .icon-pause_circle_outline:before { content: "\e036" } .icon-payment:before { content: "\e8a1" } .icon-people:before { content: "\e7fb" } .icon-people_outline:before { content: "\e7fc" } .icon-perm_camera_mic:before { content: "\e8a2" } .icon-perm_contact_calendar:before { content: "\e8a3" } .icon-perm_data_setting:before { content: "\e8a4" } .icon-perm_device_information:before { content: "\e8a5" } .icon-perm_identity:before { content: "\e8a6" } .icon-perm_media:before { content: "\e8a7" } .icon-perm_phone_msg:before { content: "\e8a8" } .icon-perm_scan_wifi:before { content: "\e8a9" } .icon-person:before { content: "\e7fd" } .icon-person_add:before { content: "\e7fe" } .icon-person_outline:before { content: "\e7ff" } .icon-person_pin:before { content: "\e55a" } .icon-personal_video:before { content: "\e63b" } .icon-phone:before { content: "\e0cd" } .icon-phone_android:before { content: "\e324" } .icon-phone_bluetooth_speaker:before { content: "\e61b" } .icon-phone_forwarded:before { content: "\e61c" } .icon-phone_in_talk:before { content: "\e61d" } .icon-phone_iphone:before { content: "\e325" } .icon-phone_locked:before { content: "\e61e" } .icon-phone_missed:before { content: "\e61f" } .icon-phone_paused:before { content: "\e620" } .icon-phonelink:before { content: "\e326" } .icon-phonelink_erase:before { content: "\e0db" } .icon-phonelink_lock:before { content: "\e0dc" } .icon-phonelink_off:before { content: "\e327" } .icon-phonelink_ring:before { content: "\e0dd" } .icon-phonelink_setup:before { content: "\e0de" } .icon-photo:before { content: "\e410" } .icon-photo_album:before { content: "\e411" } .icon-photo_camera:before { content: "\e412" } .icon-photo_library:before { content: "\e413" } .icon-photo_size_select_actual:before { content: "\e432" } .icon-photo_size_select_large:before { content: "\e433" } .icon-photo_size_select_small:before { content: "\e434" } .icon-picture_as_pdf:before { content: "\e415" } .icon-picture_in_picture:before { content: "\e8aa" } .icon-pin_drop:before { content: "\e55e" } .icon-place:before { content: "\e55f" } .icon-play_arrow:before { content: "\e037" } .icon-play_circle_filled:before { content: "\e038" } .icon-play_circle_outline:before { content: "\e039" } .icon-play_for_work:before { content: "\e906" } .icon-playlist_add:before { content: "\e03b" } .icon-plus_one:before { content: "\e800" } .icon-poll:before { content: "\e801" } .icon-polymer:before { content: "\e8ab" } .icon-portable_wifi_off:before { content: "\e0ce" } .icon-portrait:before { content: "\e416" } .icon-power:before { content: "\e63c" } .icon-power_input:before { content: "\e336" } .icon-power_settings_new:before { content: "\e8ac" } .icon-present_to_all:before { content: "\e0df" } .icon-print:before { content: "\e8ad" } .icon-public:before { content: "\e80b" } .icon-publish:before { content: "\e255" } .icon-query_builder:before { content: "\e8ae" } .icon-question_answer:before { content: "\e8af" } .icon-queue:before { content: "\e03c" } .icon-queue_music:before { content: "\e03d" } .icon-radio:before { content: "\e03e" } .icon-radio_button_checked:before { content: "\e837" } .icon-radio_button_unchecked:before { content: "\e836" } .icon-rate_review:before { content: "\e560" } .icon-receipt:before { content: "\e8b0" } .icon-recent_actors:before { content: "\e03f" } .icon-redeem:before { content: "\e8b1" } .icon-redo:before { content: "\e15a" } .icon-refresh:before { content: "\e5d5" } .icon-remove:before { content: "\e15b" } .icon-remove_circle:before { content: "\e15c" } .icon-remove_circle_outline:before { content: "\e15d" } .icon-remove_red_eye:before { content: "\e417" } .icon-reorder:before { content: "\e8fe" } .icon-repeat:before { content: "\e040" } .icon-repeat_one:before { content: "\e041" } .icon-replay:before { content: "\e042" } .icon-replay_10:before { content: "\e059" } .icon-replay_30:before { content: "\e05a" } .icon-replay_5:before { content: "\e05b" } .icon-reply:before { content: "\e15e" } .icon-reply_all:before { content: "\e15f" } .icon-report:before { content: "\e160" } .icon-report_problem:before { content: "\e8b2" } .icon-restaurant_menu:before { content: "\e561" } .icon-restore:before { content: "\e8b3" } .icon-ring_volume:before { content: "\e0d1" } .icon-room:before { content: "\e8b4" } .icon-rotate_90_degrees_ccw:before { content: "\e418" } .icon-rotate_left:before { content: "\e419" } .icon-rotate_right:before { content: "\e41a" } .icon-router:before { content: "\e328" } .icon-satellite:before { content: "\e562" } .icon-save:before { content: "\e161" } .icon-scanner:before { content: "\e329" } .icon-schedule:before { content: "\e8b5" } .icon-school:before { content: "\e80c" } .icon-screen_lock_landscape:before { content: "\e1be" } .icon-screen_lock_portrait:before { content: "\e1bf" } .icon-screen_lock_rotation:before { content: "\e1c0" } .icon-screen_rotation:before { content: "\e1c1" } .icon-sd_card:before { content: "\e623" } .icon-sd_storage:before { content: "\e1c2" } .icon-search:before { content: "\e8b6" } .icon-security:before { content: "\e32a" } .icon-select_all:before { content: "\e162" } .icon-send:before { content: "\e163" } .icon-settings:before { content: "\e8b8" } .icon-settings_applications:before { content: "\e8b9" } .icon-settings_backup_restore:before { content: "\e8ba" } .icon-settings_bluetooth:before { content: "\e8bb" } .icon-settings_brightness:before { content: "\e8bd" } .icon-settings_cell:before { content: "\e8bc" } .icon-settings_ethernet:before { content: "\e8be" } .icon-settings_input_antenna:before { content: "\e8bf" } .icon-settings_input_component:before { content: "\e8c0" } .icon-settings_input_composite:before { content: "\e8c1" } .icon-settings_input_hdmi:before { content: "\e8c2" } .icon-settings_input_svideo:before { content: "\e8c3" } .icon-settings_overscan:before { content: "\e8c4" } .icon-settings_phone:before { content: "\e8c5" } .icon-settings_power:before { content: "\e8c6" } .icon-settings_remote:before { content: "\e8c7" } .icon-settings_system_daydream:before { content: "\e1c3" } .icon-settings_voice:before { content: "\e8c8" } .icon-share:before { content: "\e80d" } .icon-shop:before { content: "\e8c9" } .icon-shop_two:before { content: "\e8ca" } .icon-shopping_basket:before { content: "\e8cb" } .icon-shopping_cart:before { content: "\e8cc" } .icon-shuffle:before { content: "\e043" } .icon-signal_cellular_4_bar:before { content: "\e1c8" } .icon-signal_cellular_connected_no_internet_4_bar:before { content: "\e1cd" } .icon-signal_cellular_no_sim:before { content: "\e1ce" } .icon-signal_cellular_null:before { content: "\e1cf" } .icon-signal_cellular_off:before { content: "\e1d0" } .icon-signal_wifi_4_bar:before { content: "\e1d8" } .icon-signal_wifi_4_bar_lock:before { content: "\e1d9" } .icon-signal_wifi_off:before { content: "\e1da" } .icon-sim_card:before { content: "\e32b" } .icon-sim_card_alert:before { content: "\e624" } .icon-skip_next:before { content: "\e044" } .icon-skip_previous:before { content: "\e045" } .icon-slideshow:before { content: "\e41b" } .icon-smartphone:before { content: "\e32c" } .icon-sms:before { content: "\e625" } .icon-sms_failed:before { content: "\e626" } .icon-snooze:before { content: "\e046" } .icon-sort:before { content: "\e164" } .icon-sort_by_alpha:before { content: "\e053" } .icon-space_bar:before { content: "\e256" } .icon-speaker:before { content: "\e32d" } .icon-speaker_group:before { content: "\e32e" } .icon-speaker_notes:before { content: "\e8cd" } .icon-speaker_phone:before { content: "\e0d2" } .icon-spellcheck:before { content: "\e8ce" } .icon-star:before { content: "\e838" } .icon-star_border:before { content: "\e83a" } .icon-star_half:before { content: "\e839" } .icon-stars:before { content: "\e8d0" } .icon-stay_current_landscape:before { content: "\e0d3" } .icon-stay_current_portrait:before { content: "\e0d4" } .icon-stay_primary_landscape:before { content: "\e0d5" } .icon-stay_primary_portrait:before { content: "\e0d6" } .icon-stop:before { content: "\e047" } .icon-storage:before { content: "\e1db" } .icon-store:before { content: "\e8d1" } .icon-store_mall_directory:before { content: "\e563" } .icon-straighten:before { content: "\e41c" } .icon-strikethrough_s:before { content: "\e257" } .icon-style:before { content: "\e41d" } .icon-subject:before { content: "\e8d2" } .icon-subtitles:before { content: "\e048" } .icon-supervisor_account:before { content: "\e8d3" } .icon-surround_sound:before { content: "\e049" } .icon-swap_calls:before { content: "\e0d7" } .icon-swap_horiz:before { content: "\e8d4" } .icon-swap_vert:before { content: "\e8d5" } .icon-swap_vertical_circle:before { content: "\e8d6" } .icon-switch_camera:before { content: "\e41e" } .icon-switch_video:before { content: "\e41f" } .icon-sync:before { content: "\e627" } .icon-sync_disabled:before { content: "\e628" } .icon-sync_problem:before { content: "\e629" } .icon-system_update:before { content: "\e62a" } .icon-system_update_alt:before { content: "\e8d7" } .icon-tab:before { content: "\e8d8" } .icon-tab_unselected:before { content: "\e8d9" } .icon-tablet:before { content: "\e32f" } .icon-tablet_android:before { content: "\e330" } .icon-tablet_mac:before { content: "\e331" } .icon-tag_faces:before { content: "\e420" } .icon-tap_and_play:before { content: "\e62b" } .icon-terrain:before { content: "\e564" } .icon-text_format:before { content: "\e165" } .icon-textsms:before { content: "\e0d8" } .icon-texture:before { content: "\e421" } .icon-theaters:before { content: "\e8da" } .icon-thumb_down:before { content: "\e8db" } .icon-thumb_up:before { content: "\e8dc" } .icon-thumbs_up_down:before { content: "\e8dd" } .icon-time_to_leave:before { content: "\e62c" } .icon-timelapse:before { content: "\e422" } .icon-timer:before { content: "\e425" } .icon-timer_10:before { content: "\e423" } .icon-timer_3:before { content: "\e424" } .icon-timer_off:before { content: "\e426" } .icon-toc:before { content: "\e8de" } .icon-today:before { content: "\e8df" } .icon-toll:before { content: "\e8e0" } .icon-tonality:before { content: "\e427" } .icon-toys:before { content: "\e332" } .icon-track_changes:before { content: "\e8e1" } .icon-traffic:before { content: "\e565" } .icon-transform:before { content: "\e428" } .icon-translate:before { content: "\e8e2" } .icon-trending_down:before { content: "\e8e3" } .icon-trending_flat:before { content: "\e8e4" } .icon-trending_up:before { content: "\e8e5" } .icon-tune:before { content: "\e429" } .icon-turned_in:before { content: "\e8e6" } .icon-turned_in_not:before { content: "\e8e7" } .icon-tv:before { content: "\e333" } .icon-undo:before { content: "\e166" } .icon-unfold_less:before { content: "\e5d6" } .icon-unfold_more:before { content: "\e5d7" } .icon-usb:before { content: "\e1e0" } .icon-verified_user:before { content: "\e8e8" } .icon-vertical_align_bottom:before { content: "\e258" } .icon-vertical_align_center:before { content: "\e259" } .icon-vertical_align_top:before { content: "\e25a" } .icon-vibration:before { content: "\e62d" } .icon-video_library:before { content: "\e04a" } .icon-videocam:before { content: "\e04b" } .icon-videocam_off:before { content: "\e04c" } .icon-view_agenda:before { content: "\e8e9" } .icon-view_array:before { content: "\e8ea" } .icon-view_carousel:before { content: "\e8eb" } .icon-view_column:before { content: "\e8ec" } .icon-view_comfy:before { content: "\e42a" } .icon-view_compact:before { content: "\e42b" } .icon-view_day:before { content: "\e8ed" } .icon-view_headline:before { content: "\e8ee" } .icon-view_list:before { content: "\e8ef" } .icon-view_module:before { content: "\e8f0" } .icon-view_quilt:before { content: "\e8f1" } .icon-view_stream:before { content: "\e8f2" } .icon-view_week:before { content: "\e8f3" } .icon-vignette:before { content: "\e435" } .icon-visibility:before { content: "\e8f4" } .icon-visibility_off:before { content: "\e8f5" } .icon-voice_chat:before { content: "\e62e" } .icon-voicemail:before { content: "\e0d9" } .icon-volume_down:before { content: "\e04d" } .icon-volume_mute:before { content: "\e04e" } .icon-volume_off:before { content: "\e04f" } .icon-volume_up:before { content: "\e050" } .icon-vpn_key:before { content: "\e0da" } .icon-vpn_lock:before { content: "\e62f" } .icon-wallpaper:before { content: "\e1bc" } .icon-warning:before { content: "\e002" } .icon-watch:before { content: "\e334" } .icon-wb_auto:before { content: "\e42c" } .icon-wb_cloudy:before { content: "\e42d" } .icon-wb_incandescent:before { content: "\e42e" } .icon-wb_iridescent:before { content: "\e436" } .icon-wb_sunny:before { content: "\e430" } .icon-wc:before { content: "\e63d" } .icon-web:before { content: "\e051" } .icon-whatshot:before { content: "\e80e" } .icon-widgets:before { content: "\e1bd" } .icon-wifi:before { content: "\e63e" } .icon-wifi_lock:before { content: "\e1e1" } .icon-wifi_tethering:before { content: "\e1e2" } .icon-work:before { content: "\e8f9" } .icon-wrap_text:before { content: "\e25b" } .icon-youtube_searched_for:before { content: "\e8fa" } .icon-zoom_in:before { content: "\e8ff" } .icon-zoom_out:before { content: "\e900" } @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: 400; src: url('/Content/font/fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('/Content/font/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/Content/font/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/Content/font/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/Content/font/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/Content/font/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } @font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?7814774'); src: url('fonts/fontello.eot?7814774#iefix') format('embedded-opentype'), url('fonts/fontello.woff?7814774') format('woff'), url('fonts/fontello.ttf?7814774') format('truetype'), url('fonts/fontello.svg?7814774#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-clothes-"]:before, [class*=" icon-clothes-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-clothes-01:before { content: '\e801'; } .icon-clothes-10:before { content: '\e804'; } .icon-clothes-02:before { content: '\e805'; } .icon-clothes-03:before { content: '\e806'; } .icon-clothes-04:before { content: '\e807'; } .icon-clothes-05:before { content: '\e808'; } .icon-clothes-06:before { content: '\e809'; } .icon-clothes-07:before { content: '\e80a'; } .icon-clothes-08:before { content: '\e80b'; } .icon-clothes-09:before { content: '\e80c'; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Ubuntu, sans-serif; font-size: 16px; line-height: 1.6875; color: #777777; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #777777; text-decoration: none; } a:hover, a:focus { color: #777777; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.6875; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition: all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease; -moz-transition: all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease; -ms-transition: all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease; -o-transition: all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease; transition: all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 27px; margin-bottom: 27px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: #333333; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 27px; margin-bottom: 13.5px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 13.5px; margin-bottom: 13.5px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } p { margin: 0 0 13.5px; } .lead { margin-bottom: 27px; font-size: 18px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 24px; } } small, .small { font-size: 87%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 12.5px; margin: 54px 0 27px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 13.5px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 27px; } dt, dd { line-height: 1.6875; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 13.5px 27px; margin: 0 0 27px; font-size: 20px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.6875; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 27px; font-style: normal; line-height: 1.6875; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 13px; margin: 0 0 13.5px; font-size: 15px; line-height: 1.6875; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 27px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.6875; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 20.25px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 27px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 16px; line-height: 1.6875; color: #555555; } .form-control { display: block; width: 100%; height: 41px; padding: 6px 12px; font-size: 16px; line-height: 1.6875; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease; font-size: 1em; line-height: 1.214em; color: #333; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 41px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 33px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 49px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 27px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 43px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 33px; line-height: 33px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 33px; line-height: 33px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 33px; min-height: 41px; padding: 6px 10px; font-size: 14px; line-height: 1.5; } .input-lg { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 49px; line-height: 49px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 49px; line-height: 49px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 49px; min-height: 47px; padding: 11px 16px; font-size: 20px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 51.25px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 41px; height: 41px; line-height: 41px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 49px; height: 49px; line-height: 49px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 33px; height: 33px; line-height: 33px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 32px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #b7b7b7; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 34px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; font-size: 20px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 14px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.6875; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a;; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a;; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #777777; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #777777; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transition: opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease; -moz-transition: opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease; -ms-transition: opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease; -o-transition: opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease; transition: opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 12.5px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.6875; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.6875; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; left: 0 !important; right: auto !important; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 49px; line-height: 49px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 33px; line-height: 33px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 16px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 14px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 20px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #777777; } .nav .nav-divider { height: 1px; margin: 12.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.6875; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #e5e5e5 #e5e5e5 #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 27px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 11.5px 15px; font-size: 20px; line-height: 27px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 5.75px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 27px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 27px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 11.5px; padding-bottom: 11.5px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 4.5px; margin-bottom: 4.5px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } .navbar-form label { margin-right: 13px; margin-bottom: 0; } .navbar-form .form-group { margin-right: 6px; } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 4.5px; margin-bottom: 4.5px; } .navbar-btn.btn-sm { margin-top: 8.5px; margin-bottom: 8.5px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 11.5px; margin-bottom: 11.5px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 27px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #777777; } .breadcrumb > .active { color: #333333; } .pagination { display: inline-block; padding-left: 0; margin: 27px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.6875; text-decoration: none; color: #333333; background-color: #f5f5f5; border: 1px solid transparent; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; color: #c40000; background-color: #f5f5f5; border-color: transparent; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #333333; border-color: transparent; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 14px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #e8e8e8; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #777777; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .alert { padding: 15px; margin-bottom: 27px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 27px; margin-bottom: 27px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 14px; line-height: 27px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; -webkit-transition: width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease; -moz-transition: width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease; -ms-transition: width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease; -o-transition: width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease; transition: width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .panel { margin-bottom: 27px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 27px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .close { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); } .modal-backdrop.in { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.6875px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.6875; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.6875; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); } .tooltip.in { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; -webkit-transition: 0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease; -moz-transition: 0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease; -ms-transition: 0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease; -o-transition: 0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease; transition: 0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, body.boxed:before, body.boxed:after, .boxed:before, .boxed:after, body.fullwidth:before, body.fullwidth:after, .fullwidth:before, .fullwidth:after, body.fullwidth .container:before, body.fullwidth .container:after, .fullwidth .container:before, .fullwidth .container:after, .breadcrumbs--full:before, .breadcrumbs--full:after, .breadcrumbs--full .container:before, .breadcrumbs--full .container:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .panel-body:after, .modal-footer:after, body.boxed:after, .boxed:after, body.fullwidth:after, .fullwidth:after, body.fullwidth .container:after, .fullwidth .container:after, .breadcrumbs--full:after, .breadcrumbs--full .container:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .vertical-align { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .horizontal-align { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*------------------------------------------------------------------ [Fonts] */ .image-link .figure { overflow: hidden; } /*=== YourStore Basic Style ===*/ * { outline: 0; } *:focus, *:active { outline: 0 !important; } body { overflow-x: hidden; } @media (max-width: 1055px) { footer, #pageContent { overflow: hidden; } } body.no-scroll { overflow: hidden !important; width: 100%; position: fixed; z-index: 0; height: 100%; } .modal-filter { background-color: rgba(0, 0, 0, 0.55); position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 9999999; display: block; } .position-fix { position: fixed !important; } /* headings */ h1, h2, h3, h4, h5, h6 { color: #333333; margin-top: 0; letter-spacing: 1px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #c40000; text-decoration: none; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500; } h4, h5, h6 { letter-spacing: 0.4px; } /* mega */ h1.mega { font-size: 110px; line-height: 1em; margin-bottom: 69px; } @media (max-width: 768px) { h1.mega { font-size: 90px; } } @media (max-width: 390px) { h1.mega { font-size: 80px; } } h4.mega { font-size: 20px; line-height: 1.1em; padding-bottom: 26px; } /* /mega */ /* small */ h3.small { font-size: 20px; } h6.small { font-size: 16px; margin-bottom: 17px; } /* /small */ /* title indent */ .title-bottom-sm2 { margin-bottom: 20px !important; } .title-bottom-sm1 { margin-bottom: 29px !important; } .title-bottom-sm { margin-bottom: 35px !important; } .title-bottom-md { margin-bottom: 52px !important; } .title-bottom { margin-bottom: 45px !important; } .title-bottom1 { margin-bottom: 75px !important; } .title-top-md { margin-top: 35px !important; } /* /title indent */ /* title-decimal */ .title-decimal { position: relative; padding: 4px 0 9px 69px; } .title-decimal:before { content: attr(data-content); display: table-cell; vertical-align: middle; position: absolute; left: 0; top: 0px; line-height: 1.45em; background: #c40000; width: 44px; height: 44px; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* /title-decimal */ /* fonts */ .main-font { font-family: Georgia, sans-serif; } .custom-font { font-family: Ubuntu, sans-serif; } /* /fonts */ /* */ .font-bold { font-weight: bolder; } .font-lighter { font-weight: lighter; } .font-middle { font-weight: 500; } /* / */ /* fonts-size */ .font13 { font-size: 13px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font20_ { font-size: 20px !important; } .font22 { font-size: 22px; } .font24 { font-size: 24px; } @media (max-width: 767px) { .font24 { font-size: 18px; } } .font26 { font-size: 26px; } @media (max-width: 768px) { .font26 { font-size: 20px; } } .font30 { font-size: 30px; } .font35 { font-size: 35px; } .font36 { font-size: 36px; } .font48 { font-size: 48px; } .font50 { font-size: 50px; } .font54 { font-size: 54px; } .font77 { font-size: 77px; line-height: 1.2em; } .font86 { font-size: 86px; } .font96 { font-size: 96px; line-height: 1.2em; } @media (max-width: 767px) { .font96 { font-size: 50px; } } @media (min-width: 768px) { .font96 { font-size: 75px; } } @media (min-width: 992px) { .font96 { font-size: 80px; } } @media (min-width: 1200px) { .font96 { font-size: 90px; } } @media (min-width: 1770px) { .font96 { font-size: 96px; } } .font107 { font-size: 107px; line-height: 1.2em; } .font115 { font-size: 115px; line-height: 1.2em; } .font-medium { font-weight: 500; } .font-lighter { font-weight: lighter; } /* /fonts-size */ /* separator */ .separator-border-right { border-right: 1px solid #e5e5e5; } @media (max-width: 1200px) { .separator-border-right-hidden-md { border-color: transparent; } } /* /separator */ /* text-center */ @media (max-width: 767px) { .text-center-xs { text-align: center; } } /* / text-center */ /* */ .line-through { text-decoration: line-through; } .border-none { border: none !important; } /* */ /* */ .width-center75 { width: 75%; display: inline-block; } @media (max-width: 767px) { .width-center75 { width: 100%; } } @media (min-width: 768px) { .width-center75 { width: 95%; } } @media (min-width: 992px) { .width-center75 { width: 90%; } } @media (min-width: 1200px) { .width-center75 { width: 80%; } } @media (min-width: 1770px) { .width-center75 { width: 75%; } } /* / */ /* dropcap */ .dropcap { display: block; float: left; font-size: 3em; line-height: 1em; margin: 0 5px 0 0; } /* /dropcap */ /* hover-effect-01 */ .hover-effect-01 { -webkit-transition: letter-spacing 300ms linear 0s; -moz-transition: letter-spacing 300ms linear 0s; -ms-transition: letter-spacing 300ms linear 0s; -o-transition: letter-spacing 300ms linear 0s; transition: letter-spacing 300ms linear 0s; } .hover-effect-01:hover { letter-spacing: 1px; text-decoration: none; } /* /hover-effect-01 */ .border-top-none { border-top: none !important; } .container-no-col-indent .row div { padding-left: 0; padding-right: 0; } /* indent row */ .content-bottom { margin-bottom: 74px; } .display-inline-block { display: inline-block; } /* /indent row */ /* side-offset */ .side-offset-9 { padding-left: 11%; padding-right: 11%; } /* /side-offset */ /* dividers */ .divider { height: 30px; clear: both; overflow: hidden; width: 100%; } .divider--xl-2 { height: 165px; } .divider--xl-1 { height: 99px; } .divider--lg { height: 45px; } .divider--aside { height: 36px; } .divider--md2 { height: 40.5px; } .divider--md1 { height: 31.5px; } .divider--md0 { height: 30.6px; } .divider--md { height: 20.01px; } .divider--sm { height: 14.01px; } .divider--xs { height: 8.01px; } .divider--xxs { height: 3px; } .link-inline { display: inline; } .link-banner1 { text-decoration: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .link-banner1 .color-custom { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .link-banner1:active, .link-banner1:focus { text-decoration: none; } .link-banner1:hover { text-decoration: none; color: #c40000; } .link-banner1:hover .color-custom { color: #333; } .list-inline { margin: 0; padding: 0; list-style: none; } .list-inline li { display: inline; } .divider-line { width: 100%; height: 1px; font-size: 0; line-height: 0; background-color: #e5e5e5; margin: 40px 0 50px; } .hor-line { width: 100%; height: 2px; font-size: 0; line-height: 0; background-color:#d43f3a; margin: 15px 0; } .nowrap { white-space: nowrap; } .light-font { font-weight: 300; } .pos-abs { position: absolute; } .indent-col-none .row [class*="col-"] { padding: 0; margin: 0; } .img-border { border: 1px solid #e5e5e5; } .stop-scrolling { height: 100%; overflow: hidden; } .wrapper { width: 100%; display: inline-block; } /* PAGE MODE */ @media (min-width: 768px) { .container { padding-left: 0; padding-right: 0; } } body.boxed, .boxed { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { body.boxed, .boxed { width: 750px; } } @media (min-width: 992px) { body.boxed, .boxed { width: 970px; } } @media (min-width: 1200px) { body.boxed, .boxed { width: 1170px; } } body.boxed > .navbar-header, .boxed > .navbar-header, body.boxed > .navbar-collapse, .boxed > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { body.boxed > .navbar-header, .boxed > .navbar-header, body.boxed > .navbar-collapse, .boxed > .navbar-collapse { margin-right: 0; margin-left: 0; } } body.fullwidth, .fullwidth { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-left: 0; padding-right: 0; } body.fullwidth > .navbar-header, .fullwidth > .navbar-header, body.fullwidth > .navbar-collapse, .fullwidth > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { body.fullwidth > .navbar-header, .fullwidth > .navbar-header, body.fullwidth > .navbar-collapse, .fullwidth > .navbar-collapse { margin-right: 0; margin-left: 0; } } body.fullwidth .container, .fullwidth .container { width: auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-left: 0 !important; padding-right: 0 !important; } body.fullwidth .container > .navbar-header, .fullwidth .container > .navbar-header, body.fullwidth .container > .navbar-collapse, .fullwidth .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { body.fullwidth .container > .navbar-header, .fullwidth .container > .navbar-header, body.fullwidth .container > .navbar-collapse, .fullwidth .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } body.fullwidth .container, .fullwidth .container { padding-left: 15px !important; padding-right: 15px !important; } @media (min-width: 1055px) { .navbar .dropdown:hover .dropdown-menu { display: block; } } /* header */ #header { position: relative; z-index: 1000; padding-top: 5px; /* değiştirildi orj 24px*/ padding-bottom: 0; } @media (min-width: 1055px) { #header .row, #header .row > [class*="col-"] { position: static; } #header .navbar { position: static; } #header .navbar-toggle { display: none; } #header > .container { position: relative; } } @media (max-width: 1055px) { #header { padding-bottom: 0; } #header .row > div { margin-bottom: -1px; position: static !important; padding-left: 0; padding-right: 0; width: 100%; } #header .container { width: 100%; padding-left: 15px; padding-right: 15px; } #header .container:first-child .row { padding-top: 40px; } #header .navbar { border-radius: 0; } #header .navbar-toggle { display: block; margin-left: 5px; } } /* content */ .content { margin-top: 75px; } @media (max-width: 767px) { .content { margin-top: 37.5px; } } @media (min-width: 1769px) { .content { margin-top: 85px; } } .content-fill { margin-top: 75px; margin-bottom: 75px; } @media (max-width: 767px) { .content-fill { margin-top: 37.5px; margin-bottom: 37.5px; } } @media (min-width: 1769px) { .content-fill { margin-top: 85px; margin-bottom: 85px; } } .content-big-indent { margin-top: 235px; } @media (max-width: 767px) { .content-big-indent { margin-top: 50px; } } @media (min-width: 768px) { .content-big-indent { margin-top: 75px; } } @media (min-width: 992px) { .content-big-indent { margin-top: 190px; } } @media (min-width: 1200px) { .content-big-indent { margin-top: 218px; } } @media (min-width: 1770px) { .content-big-indent { margin-top: 235px; } } .content-md { margin-top: 20px; } @media (max-width: 767px) { .content-md { margin-top: 10px; } } @media (min-width: 1769px) { .content-md { margin-top: 30px; } } .content-sm { margin-top: 0px; } @media (max-width: 767px) { .content-sm { margin-top: 0px; } } @media (min-width: 1769px) { .content-sm { margin-top: 10px; } } /* /content */ body:not(.index) #pageContent > .container { border-bottom: 1px solid #e5e5e5; padding-bottom: 60px; } /* offset margin */ .offset-top-0 { margin-top: 0 !important; } .offset-top-5 { margin-top: 5px !important; } .offset-top-10 { margin-top: 10px !important; } .offset-top-20 { margin-top: 20px !important; } .offset-top-30 { margin-top: 30px !important; } .offset-top-40 { margin-top: 40px !important; } /* inner padding */ .inset-top-5 { padding-top: 5px; } .inset-top-10 { padding-top: 10px; } .inset-top-20 { padding-top: 20px; } .inset-top-30 { padding-top: 30px; } .inset-top-40 { padding-top: 40px; } .inset-top-50 { padding-top: 50px; } .inset-top-60 { padding-top: 60px; } .inset-bottom-5 { padding-bottom: 5px; } .inset-bottom-10 { padding-bottom: 10px; } .inset-bottom-20 { padding-bottom: 20px; } .inset-bottom-30 { padding-bottom: 30px; } .inset-bottom-40 { padding-bottom: 40px; } .inset-bottom-50 { padding-bottom: 50px; } .inset-bottom-60 { padding-bottom: 60px; } /* parallax background */ html:not(.touch) .fixed-bg { min-height: 100%; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; } /*=== ADD BOOTSTRAP XL BREAKPOINT ===*/ @media (min-width: 1770px - 1) { .hidden-lg { display: none !important; } } .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl { display: none !important; } @media (min-width: 1770px) { .container { width: 1740px; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xl-one-nine { width: 11.1111111%; } .col-xl-one-six { width: 16.66666667%; } .col-xl-one-fifth { width: 20%; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0; } .visible-xl { display: block !important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-block { display: block !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } .hidden-xl { display: none !important; } } /*====== typography ======*/ /* link */ .underline { text-decoration: underline; } a.underline:hover { text-decoration: none; } /* /link */ /* color */ .color-custom { color: #c40000; } .color-custom:hover { color: #c40000; } .text-color { color: #777777; } .text-color:hover { color: #777777; } .color-price-old { color: #fa6b6b; } .color-price-old:hover { color: #fa6b6b; } .color { color: #c40000; } .color:hover { color: #c40000; } .color-white { color: #fff; } .color-white:hover { color: #fff; } .color-dark { color: #333333; } .color-dark:hover { color: #333333; } a.color, a.color:hover { color: #c40000; } .color-red { color: #fa6b6b; } .color-red:hover { color: #fa6b6b; } .color-pink { color: #fa6b6b; } .color-pink:hover { color: #fa6b6b; } .color-blue { color: #395499; } .color-blue:hover { color: #395499; } .color-blue-light { color: #67e0fa; } .color-blue-light:hover { color: #67e0fa; } .color-green { color: #21caa9; } .color-green:hover { color: #21caa9; } .color-green-dark { color: #c40000; } .color-green-dark:hover { color: #c40000; } .color-gray { color: #999999; } .color-gray:hover { color: #999999; } .color-yellow { color: #feea3a; } .color-yellow:hover { color: #feea3a; } /* background-color */ .bg-custom { background-color:#d43f3a; } .bg-red { background-color: #fa6b6b; } .bg-pink { background-color: #fa6b6b; } .bg-blue { background-color: #395499; } .bg-light-blue { background-color: #67e0fa; } .bg-green { background-color: #21caa9; } .bg-green-light { background-color: #41df7c; } .bg-green-dark { background-color:#d43f3a; } .bg-yellow { background-color: #feea3a; } .bg-coquelicot { background-color: #fd6940; } .bg-black { background-color: #000; } /* /background-color */ /* /background-color */ .opacity-5 { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .opacity-10 { -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); } .opacity-15 { -moz-opacity: 0.15; -khtml-opacity: 0.15; -webkit-opacity: 0.15; opacity: 0.15; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); filter: alpha(opacity=15); } .opacity-20 { -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter: alpha(opacity=20); } .opacity-25 { -moz-opacity: 0.25; -khtml-opacity: 0.25; -webkit-opacity: 0.25; opacity: 0.25; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); filter: alpha(opacity=25); } .opacity-30 { -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); } .opacity-35 { -moz-opacity: 0.35; -khtml-opacity: 0.35; -webkit-opacity: 0.35; opacity: 0.35; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35); filter: alpha(opacity=35); } .opacity-45 { -moz-opacity: 0.45; -khtml-opacity: 0.45; -webkit-opacity: 0.45; opacity: 0.45; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45); filter: alpha(opacity=45); } .opacity-50 { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .opacity-55 { -moz-opacity: 0.55; -khtml-opacity: 0.55; -webkit-opacity: 0.55; opacity: 0.55; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55.00000000000001); filter: alpha(opacity=55.00000000000001); } .opacity-60 { -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter: alpha(opacity=60); } .opacity-65 { -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); filter: alpha(opacity=65); } .opacity-70 { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); } .opacity-75 { -moz-opacity: 0.75; -khtml-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); filter: alpha(opacity=75); } .opacity-80 { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .opacity-85 { -moz-opacity: 0.85; -khtml-opacity: 0.85; -webkit-opacity: 0.85; opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); filter: alpha(opacity=85); } .opacity-90 { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); } .opacity-95 { -moz-opacity: 0.95; -khtml-opacity: 0.95; -webkit-opacity: 0.95; opacity: 0.95; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); filter: alpha(opacity=95); } /* /background-color */ .simple-list { margin: 10px 0 6px 0; padding: 0; list-style-type: none; counter-reset: myCounter; } .simple-list li { padding: 0 0 7px 18px; position: relative; list-style-type: none; } .simple-list li:before { position: absolute; display: block; top: 10px; left: 0; color: #c40000; font-family: 'Material Icons'; content: "\e3a6"; font-size: 0.53em; line-height: 1em; } .simple-list li ul { padding: 0 0 0 0; margin: 7px 0 0 17px; } .simple-list li ul li:last-child { padding-bottom: 0; } .simple-list li a { color: #777777; font-weight: 300; text-decoration: none !important; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .simple-list li a:hover { color: #c40000; text-decoration: none; } .simple-list li.active > a { color: #c40000; } .simple-list.font-bold a { font-weight: bold; } .simple-list.color-dark a { color: #333; } .simple-list-underline { margin: 10px 0 0; padding: 0; list-style-type: none; counter-reset: myCounter; } .simple-list-underline li { padding: 0 0 7px 18px; position: relative; list-style-type: none; } .simple-list-underline li:after { position: absolute; display: block; top: 10px; left: 0; color: #c40000; font-family: 'Material Icons'; content: "\e3a6"; font-size: 0.53em; line-height: 1em; } .simple-list-underline li ul { padding: 0 0 0 0; margin: 7px 0 0 17px; } .simple-list-underline li ul li:last-child { padding-bottom: 0; } .simple-list-underline li a { color: #333; font-weight: 300; text-decoration: underline; } .simple-list-underline li a:hover { color: #c40000; text-decoration: none; } .simple-list-underline li.active > a { color: #c40000; } .marker-list { margin: 15px 0; padding: 0; list-style: none; } .marker-list li { position: relative; padding-left: 25px; margin-bottom: 5px; color: #c40000; font-weight: 300; } .marker-list li:after { position: absolute; display: block; top: 5px; left: 0; font-family: 'Material Icons'; content: "\e5ca"; font-size: 1em; line-height: 1em; z-index: 1; } .marker-list li a { color: #c40000; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .marker-list li a:hover { color: #333333; text-decoration: none; } .marker-list-circle { margin: 13px 0; padding: 0; list-style: none; } .marker-list-circle li { position: relative; padding-left: 31px; margin-bottom: 0px; font-weight: light; } .marker-list-circle li:after { position: absolute; display: block; top: 10px; left: 0; color: #c40000; font-family: 'Material Icons'; content: "\e3a6"; font-size: 0.53em; line-height: 1em; } .decimal-list { padding: 0; margin: 10px 0 0 0; list-style-type: none; counter-reset: myCounter; } .decimal-list li { padding: 0 0 0 18px; margin-bottom: 7px; text-indent: 0; position: relative; } .decimal-list li:before { content: counter(myCounter); counter-increment: myCounter; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #c40000; font-weight: 500; } .decimal-list ul { counter-reset: myCounter1; list-style-type: none; padding: 0; margin: 7px 0 0 17px; } .decimal-list ul li:before { content: counter(myCounter1); counter-increment: myCounter1; } .decimal-list ul li:last-child { padding-bottom: 0; } .decimal-list a { text-decoration: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .decimal-list a:hover { color: #c40000 !important; } .decimal-list.color-dark a { color: #333; } .categories-list { padding: 0; margin: 0; list-style-type: none; } .categories-list li { padding-bottom: 7px; } .categories-list li:last-child { padding-bottom: 0; } .categories-list li a { -webkit-transition: all 150ms ease-out 0s; -moz-transition: all 150ms ease-out 0s; -ms-transition: all 150ms ease-out 0s; -o-transition: all 150ms ease-out 0s; transition: all 150ms ease-out 0s; } .categories-list li a:hover { color: #c40000; text-decoration: none; padding-left: 5px; } .without-declaration-list { padding: 0; margin: 0; list-style-type: none; } .without-declaration-list li { padding-bottom: 7px; } .without-declaration-list li:last-child { padding-bottom: 0; } .without-declaration-list li a:hover { color: #c40000; text-decoration: none; } .list-indent-left { margin-left: 34px; } .list-icon { padding: 0; margin: 0; list-style-type: none; } .list-icon li { position: relative; min-height: 52px; margin-bottom: 20px; padding: 10px 0 0 72px; letter-spacing: -0.02em; } .list-icon span { display: block; position: absolute; left: 0; top: 0; font-size: 30px; line-height: 1.7em; width: 52px; height: 52px; background-color:#d43f3a; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .list-icon .fa-fax { font-size: 22px; line-height: 2.3em; } .list-icon .icon-mail { font-size: 26px; line-height: 1.9em; } .list-icon strong { color: #333333; } .list-arrow-right { padding: 0; margin: 0; list-style-type: none; } .list-arrow-right li { position: relative; padding: 0; margin: 0; font-weight: light; font-weight: lighter; } .list-arrow-right li:after { position: absolute; display: block; top: 10px; left: 0; color: #c40000; font-family: 'Material Icons'; content: "\e409"; font-size: 0.53em; line-height: 1em; } .list-arrow-right li a { display: inline-block; padding: 0 0 0 21px; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .list-arrow-right li a:hover { color: #c40000; text-decoration: none; } .list-icon-small { overflow: hidden; } .list-icon-small li { display: block; float: left; margin-left: 8px; margin-bottom: 8px; } .list-icon-small li:first-child { margin-left: 0; } .list-bg-round { list-style: none; padding: 0; margin: 0; position: relative; } .list-bg-round li { width: 60px; height: 60px; text-align: center; background-color: #67e0fa; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 14px; line-height: 1em; display: inline-block; margin: 0 10px 10px 0; } .list-bg-round li span { display: table-cell; vertical-align: middle; height: 60px; width: 60px; } .list-bg-round li b { display: block; text-align: center; } /* map */ #map { height: 474px; width: 100%; } /* /map */ .sizes-row { margin: 0; padding: 0; list-style: none; } .sizes-row li { min-width: 70px; display: inline-block; text-align: center; } /* tables */ table td { border-color: #e5e5e5 !important; } .table.text-center td, .table.text-center th { text-align: center; } .table-address { min-width: 250px; margin: 20px 0 35px; } .table-address td { padding: 3px 25px 3px 0; vertical-align: top; } .table-params td { padding: 11px 18px !important; border-left-width: 1px; border-left-style: solid; border-left-color: #e5e5e5; } .table-params tr > td:first-child { border-left: 0; width: 30%; } .table-params tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; } .table-params .rating { margin: 7px 0; } .icon-enable { display: inline-block; font-size: 28px; line-height: 1em; color: #c40000; } .icon-disable { display: inline-block; font-size: 28px; line-height: 1em; color: #e5e5e5; } .table-order-history { width: 100%; } .table-order-history table { width: 100%; } .table-order-history tr { border-bottom: 1px solid #e5e5e5; } .table-order-history tr tr { border: none; } .table-order-history td, .table-order-history th { text-align: center; vertical-align: top; border-right: 1px solid #e5e5e5; padding: 11px 5px; } .table-order-history td:last-child, .table-order-history th:last-child { border-right: none; } .table-order-history td:first-child, .table-order-history th:first-child { text-align: left; padding-left: 0; } .table-order-history th { border-top: 1px solid #e5e5e5; } .table-order-history .th-title { font-weight: bold; color: #333333; width: 50%; left: 0; text-align: right; position: absolute; padding-right: 15px; } @media (max-width: 767px) { .table-order-history thead { display: none; } .table-order-history td, .table-order-history td:first-child { width: 100%; display: block; padding-left: 50%; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid #e5e5e5; } .table-order-history tr { border-bottom: none !important; } } @media (max-width: 767px) { .table-order-history thead { display: none; } .table-order-history td, .table-order-history td:first-child { width: 100%; display: block; padding-left: 60%; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid #e5e5e5; } .table-order-history .th-title { width: 60%; } } /* img */ .img-left { float: left; margin: 8px 40px 40px 0; } .img-right { float: right; margin: 0 0 40px 40px; } .img-responsive-inline { display: inline-block !important; max-width: 100%; height: auto; } /* blockquote */ blockquote { border-left: none; position: relative; } blockquote.quote-left { padding: 0 0 0 123px; margin: 28px 0 22px; border-left-color: transparent; color: #c40000; font-family: Georgia, sans-serif; font-style: italic; font-size: 24px; line-height: 39px; } blockquote.quote-left:before { position: absolute; display: block; top: 0; left: -7px; margin-top: -15px; font-family: Georgia, sans-serif; content: '“'; font-size: 9.8em; line-height: 1em; color: #c40000; font-style: normal; } blockquote.quote-left cite { font-size: 18px; color: #333333; } /* lead */ .lead { font-size: 18px; color: #333333; font-family: Georgia, sans-serif; padding: 14px 0 0 0; margin-bottom: 50px; } /* fill-bg */ .fill-bg { background-color: #f5f5f5; } .fill-bg .btn.btn--ys:hover { background-color: #374850; color: #fff; } .fill-bg.aside-inner { padding: 29px 15px 0 15px; } .fill-bg-lighter { background-color: #f8f8f8; } .fill-bg-custom { background-color:#d43f3a; } .fill-bg-custom.aside-inner { padding: 29px 15px 0 15px; } /* /fill-bg */ /* center content */ @media (max-width: 991px) { .col-sm-center { text-align: center; } .col-sm-center ul { max-width: 370px; margin: 0 auto; } .col-sm-center ul li { text-align: left; } .col-sm-center ol { max-width: 370px; margin: 0 auto; } .col-sm-center ol li { text-align: left; } .col-sm-center .title-under:after { left: 50%; margin-left: -34px; } .col-sm-center img { display: inline-block !important; } } /* /center content */ /* table */ table { margin-bottom: 22px; } table th { color: #333333; } .table-bordered-01 { border-top: 1px solid #e5e5e5; width: 100%; } .table-bordered-01 thead td, .table-bordered-01 thead tr th { color: #333333; } .table-bordered-01 thead th:first-child, .table-bordered-01 tbody tr td:first-child { width: 10%; border-right: 1px solid #e5e5e5; text-align: right; padding-left: 10px; } .table-bordered-01 tbody tr td:first-child { color: #c40000; } .table-bordered-01 thead th, .table-bordered-01 tbody tr td { padding: 17px 30px; } .table-bordered-01 tbody tr, .table-bordered-01 thead tr { border-bottom: 1px solid #e5e5e5; } .table-bordered-01 ul { list-style: none; padding: 0; margin: 0; } .table-bordered-01 ul li { display: inline-block; color: #333333; min-width: 63px; margin-right: 10px; } /* /table */ /* dl */ dl dt { color: #333333; font-size: 20px; font-weight: 500; padding: 0 0 4px 0; } dl dd { padding-bottom: 21px; } dl dd a { color: #c40000; text-decoration: underline; } dl dd a:hover { text-decoration: none; } /* /dl */ /* separator */ hr { border-color: #e5e5e5; } hr.hr-md { margin-top: 13px; margin-bottom: 13px; } hr.hr-lg { margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px) { hr.hr-lg { margin-top: 30px; margin-bottom: 30px; } } @media (min-width: 768px) { hr.hr-lg { margin-top: 40px; margin-bottom: 40px; } } @media (min-width: 992px) { hr.hr-lg { margin-top: 50px; margin-bottom: 50px; } } .separator-section { padding: 0; margin: 0; } .separator-section hr { position: relative; top: 46px; } /* /separator */ /* link-icon */ .link-color { text-decoration: underline; color: #c40000; } .link-color:hover { text-decoration: none; color: #c40000; } .link-icon { color: #c40000; } .link-icon .icon, .link-icon .fa { margin-right: 8px; position: relative; top: 2px; display: inline-block; } /* /link-icon */ /* link-underline */ .link-top { padding-top: 15px; } .link-underline { text-decoration: underline; color: #c40000; } .link-underline:hover { text-decoration: none; color: #c40000; } /* /link-underline */ .indent-top-text { padding-top: 13.5px; } .indent-top1-text { padding-top: 27px; } .container.indent-l-r-none { padding-left: 0 !important; padding-right: 0 !important; } .text-with-button { vertical-align: middle; display: inline-block; } .text-with-button span { font-size: 20px; padding-right: 10px; } @media (max-width: 768px) { .text-with-button span { display: block; text-align: center; padding-bottom: 10px; } } .content--parallax { background: url(/Content/images/custom/parallax-img-01.jpg) 50% 50% no-repeat; height: 717px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } @media only screen and (min-width: 1055px) { .content--parallax { background-attachment: fixed; } } @media (max-width: 767px) { .content--parallax { height: 317px; } } @media (min-width: 768px) { .content--parallax { height: 417px; } } @media (min-width: 992px) { .content--parallax { height: 517px; } } @media (min-width: 1200px) { .content--parallax { height: 617px; } } @media (min-width: 1770px) { .content--parallax { height: 717px; } } .content--parallax-sm { height: 514px; } .content--parallax-sm .parallax-text { height: 514px; } @media (max-width: 767px) { .content--parallax-sm { height: inherit; } .content--parallax-sm .parallax-text { height: inherit; padding-top: 50px; padding-bottom: 50px; } } .carusel--parallax { padding: 80px 0; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; overflow: hidden; } @media only screen and (min-width: 1055px) { .carusel--parallax { background-attachment: fixed; } } .block-table { display: table; width: 100%; height: 100%; } .block-table-cell { display: table-cell; vertical-align: middle; } /* media-icon ==================================== */ .media-icon { display: table-row; width: 100%; height: 100%; } .media-icon--figure { display: table-cell; vertical-align: middle; } .media-icon--content { display: table-cell; vertical-align: middle; padding: 0 0 0 23px; } /* end media-icon ==================================== */ .image-bg { background: fixed no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } /* media-box-link ==================================== */ .media-box-link { display: table-row; width: 100%; height: 100%; background-color:#d43f3a; cursor: pointer; color: #fff; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .media-box-link h4 { color: #fff; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .media-box-link .icon { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .media-box-link--figure, .media-box-link--content, .media-box-link--arrow { display: table-cell; padding: 6% 0; vertical-align: middle; } .media-box-link--figure { width: 23%; } .media-box-link--content { padding-right: 5%; width: 67%; } .media-box-link--arrow { width: 10%; vertical-align: middle; } .media-box-link:hover { background-color: #f5f5f5; color: #777777; } .media-box-link:hover h4 { color: #333333; } .media-box-link:hover .icon { color: #c40000; } @media (max-width: 530px) { .media-box-link { display: block; } .media-box-link--figure, .media-box-link--content, .media-box-link--arrow { display: block; width: 100%; text-align: center; padding: 0 4%; } .media-box-link--figure { padding-top: 4%; padding-bottom: 4%; } .media-box-link--content { padding-bottom: 4%; } .media-box-link--arrow { padding-bottom: 4%; } } /* end media-box-link ==================================== */ /* media-content-img-left ==================================== */ .media-content-img-left .pull-left { margin: 9px 30px 30px 0; } /* end media-content-img-left ==================================== */ /* media-content-img-left ==================================== */ .brand-lg-list { list-style: none; padding: 0; margin: 0; } .brand-lg-list a { width: 20%; float: left; display: block; } @media (min-width: 992px) { .brand-lg-list a { width: 20%; } } @media (min-width: 1200px) { .brand-lg-list a { width: 20%; } } @media (min-width: 1770px) { .brand-lg-list a { width: 20%; } } .brand-lg-list a img { display: block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .brand-lg-list a:hover img { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } .brand-lg-list .row-item { overflow: hidden; border-bottom: 1px solid #e5e5e5; } .brand-lg-list .row-item a { border-right: 1px solid #e5e5e5; } .brand-lg-list .row-item a:last-child { border-right: 1px solid transparent; } .brand-lg-list .row-item:last-child { border-bottom: 1px solid transparent; } /* end media-content-img-left ==================================== */ .promos h2 a:hover { color: #333; } /* bull-line */ .bull-line { width: 68px; height: 5px; background: #c40000; display: inline-block; } /* /bull-line */ @media (min-width: 2000px) { .container-fluid-large { width: 1770px; } } .animated { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animation { opacity: 0; opacity: 1\9; } @-webkit-keyframes slideDown { 0% { max-height: 0; } 100% { max-height: 500px; } } @keyframes slideDown { 0% { max-height: 0; } 100% { max-height: 500px; } } .slideDown { overflow: hidden; -webkit-animation-name: slideDown; animation-name: slideDown; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); opacity: 0.0; } 25% { -moz-transform: scale(1); opacity: 0.1; } 50% { -moz-transform: scale(1.1); opacity: 0.3; } 75% { -moz-transform: scale(1.3); opacity: 0.5; } 100% { -moz-transform: scale(1.5); opacity: 0.0; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 0.0; } 25% { -webkit-transform: scale(1); opacity: 0.1; } 50% { -webkit-transform: scale(1.1); opacity: 0.3; } 75% { -webkit-transform: scale(1.3); opacity: 0.5; } 100% { -webkit-transform: scale(1.5); opacity: 0.0; } } @keyframes pulse { 0% { transform: scale(1); opacity: 0.0; } 25% { transform: scale(1); opacity: 0.1; } 50% { transform: scale(1.1); opacity: 0.3; } 75% { transform: scale(1.3); opacity: 0.5; } 100% { transform: scale(1.5); opacity: 0.0; } } /**************************************** * loader *****************************************/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000111; background-color: #ffffff; opacity: 1; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; -o-transition: all 500ms linear 0s; transition: all 500ms linear 0s; } #loader-wrapper.loader-off, body.loaded #loader-wrapper { opacity: 0; visibility: hidden; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; -o-transition: all 500ms linear 0s; transition: all 500ms linear 0s; } /* The loader container */ #loader { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; perspective: 400px; transform-type: preserve-3d; } /* The dot */ #loader .dot { position: absolute; top: 50%; left: 50%; z-index: 10; width: 40px; height: 40px; margin-top: -20px; margin-left: -80px; transform-type: preserve-3d; transform-origin: 80px 50%; transform: rotateY(0); background-color:#d43f3a; animation: dot1 2000ms cubic-bezier(0.56, 0.09, 0.89, 0.69) infinite; } #loader .dot:nth-child(2) { z-index: 9; animation-delay: 150ms; } #loader .dot:nth-child(3) { z-index: 8; animation-delay: 300ms; } #loader .dot:nth-child(4) { z-index: 7; animation-delay: 450ms; } #loader .dot:nth-child(5) { z-index: 6; animation-delay: 600ms; } #loader .dot:nth-child(6) { z-index: 5; animation-delay: 750ms; } #loader .dot:nth-child(7) { z-index: 4; animation-delay: 900ms; } #loader .dot:nth-child(8) { z-index: 3; animation-delay: 1050ms; } @keyframes dot1 { 0% { transform: rotateY(0) rotateZ(0) rotateX(0); background-color:#d43f3a; } 45% { transform: rotateZ(180deg) rotateY(360deg) rotateX(90deg); background-color: #000000; animation-timing-function: cubic-bezier(0.15, 0.62, 0.72, 0.98); } 90%, 100% { transform: rotateY(0) rotateZ(360deg) rotateX(180deg); background-color:#d43f3a; } } /**************************************** * end loader *****************************************/ /**************************************** * header *****************************************/ .logo img { max-height: 80px; } #header { position: relative; z-index: 100001; } #header img.logo { display: inline-block; max-height: 80px; } #header .settings { padding: 16px 0 0 0; display: inline-block; } #header .settings .dropdown { z-index: 10011; } #header .cart .dropdown-menu { z-index: 11111; } @media (max-width: 1200px) { #header .search.link-inline { margin-right: 0px; } } @media (min-width: 1770px) { #header .search.link-inline { margin-right: 13px; } } @media (min-width: 768px) { #header .logo.img-responsive { max-width: inherit; } } @media (min-width: 1055px) { #header .slogan { padding: 16px 0 0 0; display: inline-block; vertical-align: top; } } @media (max-width: 1055px) { #header .settings { background-color: #333333; position: absolute; top: 0; left: 0; width: 100%; height: 50px; padding-top: 10px; text-align: left !important; } #header .settings .dropdown { display: inline; text-align: left !important; color: #fff; } #header .settings .dropdown > a { color: #fff; } #header .stuck-nav { background: none !important; } #header .logo { max-width: 50%; margin: 17px 10px 3px 10px; } #header .cart { display: flex; position: absolute; top: 50%; margin-top: -32px; right: 45px; } #header .cart .badge--cart { right: -25px; } #header .cart .dropdown.text-right .dropdown-menu { left: 0; right: 0; min-width: 300px; } #header .search { position: absolute; right: 18px; bottom: -1px; margin-right: 0 !important; } #header .account { position: absolute; height: 53px; right: 0; padding-right: 15px; top: -10px; } #header .account .dropdown.text-right .dropdown-menu { left: auto; right: 0; min-width: 300px; } #header .account .dropdown .dropdown-menu--xs-full { margin-top: 7px; } } #header .navbar { margin-bottom: 0; position: relative; border: none; } @media (max-width: 1055px) { #header .navbar { background-color:#d43f3a; } #header .navbar .navbar-nav { margin: 0; overflow: auto; } #header .navbar .navbar-toggle { margin-top: 6px; } } @media (min-width: 1055px) { #header .navbar .dropdown-menu { padding: 20px; margin-top: -17px !important; } #header .navbar .dropdown-menu.megamenu { margin-top: -15px !important; } #header .navbar .dropdown-one-col .dropdown-menu { margin-top: -15px !important; } #header .navbar .dropdown-two-col a { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #header .navbar .dropdown-two-col .dropdown-menu { margin-top: -15px !important; } } #header .navbar .navbar-toggle { float: left; } #header .navbar .navbar-toggle .icon-bar { background-color: #fff; } #header .navbar .navbar-collapse { padding: 0; } @media (max-width: 1055px) { #header .navbar .navbar-collapse { position: absolute; width: 100%; background-color: #fff; z-index: 1000; top: 52px; } } /* stuck */ @media (min-width: 1055px) { .stuck-nav > div { position: relative; } } .fixedbarCSs { top: -250px; opacity: 0; -webkit-transition: all 500ms ease-out 0s; -moz-transition: all 500ms ease-out 0s; -ms-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .fixedbar .cart { top: 6px; position: relative; } .fixedbar .badge--cart { right: 0; top: -33px; } .fixedbar .dropdown.text-right { margin-right: 10px; padding: 0 30px 10px 0; } .fixedbar1 { position: absolute!important; top: 0; left: 0; } @media (min-width: 1055px) { .fixedbar { min-height: 70px; } .fixedbar .search, .fixedbar .account { display: none !important; } .fixedbar .offset-top-5 { margin-top: 0 !important; } .fixedbar .cart { top: 4px; } .fixedbar .cart .icon { margin-right: 3px; } .fixedbar .badge--cart { right: 0; top: -23px; } .fixedbar .mainMenu { padding-top: 4px; } .fixedbar .mainMenu .navbar-nav > li { padding: 0 !important; } .fixedbar .mainMenu .navbar-nav > li > a .act-underline { padding-bottom: 7px; } .fixedbar .dropdown.text-right { margin-right: 0px; } } @media (max-width: 1055px) { .fixedbar .account, .fixedbar .search { display: none !important; } .fixedbar .offset-top-5 { margin-top: 0 !important; } .fixedbar .cart { right: 17px !important; margin-top: -26px !important; } .fixedbar .cart .dropdown > a .icon { color: #fff !important; font-size: 2em !important; } .fixedbar .badge--cart { width: 28px; height: 28px; line-height: 1.6em; top: -20px; right: -30px !important; } .fixedbar .dropdown.text-right { padding-right: 25px; } #header .fixedbar .container:first-child .row { padding-top: 0; } } /* /stuck */ .caret { border-top-style: solid; border-top: 3px solid; } @media (max-width: 1055px) { .link-inline { display: inline-block; padding-top: 10px; } .link-inline.cart { padding-top: 0; } } header .search-dropdown { z-index: 1111 !important; } /* toggle-menu ==================================== */ .toggle-menu { position: relative; z-index: 77; } .toggle-menu .dropdown-menu { width: 870px; left: inherit; right: 0; padding: 28px; border-radius: 0; border: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .toggle-menu .dropdown-menu li { margin-left: 4%; } .toggle-menu .dropdown-menu li:first-child { margin-left: 0; padding-left: 0; } .toggle-menu .dropdown-menu li:nth-child(2) { margin-left: 0; } .toggle-menu .ul-row { overflow: hidden; list-style: none; margin: 0; right: 3px; display: table !important; } .toggle-menu .li-col { float: left; width: 28%; } .toggle-menu .li-col:hover .megamenu__subtitle span { color: #333333; letter-spacing: 0.4px !important; } .toggle-menu .li-col ul { padding: 0; margin: 0; } .toggle-menu .li-col li { list-style: none; margin: 0; border-bottom: 1px solid #e5e5e5; } .toggle-menu .li-col li a { text-decoration: none; display: block; padding: 6px 2px 7px 11px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .toggle-menu .li-col li a:hover { background-color: #f7f7f7; } .toggle-menu .li-col li:last-child { border-bottom: none; } .toggle-menu .li-col li img { margin: 0 5px 0 0; position: relative; top: -1px; } .toggle-menu .li-col li.active a { background-color: #f7f7f7; } .toggle-menu .li-col-full { width: 100%; padding-left: 4%; padding-bottom: 5px; overflow: hidden; } .toggle-menu .li-col-full .close { color: #333333; cursor: pointer; opacity: 1; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .toggle-menu .li-col-full .close:hover { color: #c40000; } /* toggle-menu ==================================== */ /* =====================index-02.html===================== */ @media (max-width: 1055px) { .mobile-menu-on { display: block !important; } } @media (max-width: 1055px) { .mobile-menu-off { display: none !important; } } /* header-layout-02 */ .pad-right-none { padding-right: none; } #header.header-layout-02 { padding-bottom: 14px; /* h-box-address */ /* /h-box-address */ } #header.header-layout-02 .slogan { display: table-cell; height: 88px; vertical-align: middle; } #header.header-layout-02 hr { margin: 0px 0 15px 0; } @media (min-width: 1055px) { #header.header-layout-02 .settings { padding-top: 3px; } } @media (max-width: 1199px) { #header.header-layout-02 .dropdown { position: static; display: inline; font-weight: 300; } } @media (min-width: 1055px) { #header.header-layout-02 .stuck-nav { display: none; } #header.header-layout-02 .stuck-nav.fixedbar { display: block; } } @media (max-width: 1055px) { #header.header-layout-02 .stuck-nav { display: block; } #header.header-layout-02 .stuck-nav.fixedbar { display: block; } } #header.header-layout-02 .search.mobile-menu-off a .icon { font-size: 37px; } #header.header-layout-02 .offset-top-5 .search a .icon-search { top: -9px; font-size: 37px; } #header.header-layout-02 .offset-top-5 .search-dropdown { margin-top: -60px !important; } #header.header-layout-02 .badge.badge--hidden { display: block !important; } #header.header-layout-02 .account-row-list ul { list-style: none; border-right: 1px solid #e5e5e5; margin-right: 29px; padding-bottom: 7px; } #header.header-layout-02 .account-row-list ul li { display: inline-block; margin-right: 29px; } @media (max-width: 1199px) { #header.header-layout-02 .account-row-list ul li { margin-right: 27px; } } #header.header-layout-02 .account-row-list ul li a { color: #c40000; text-decoration: none; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } #header.header-layout-02 .account-row-list ul li a:hover { color: #333333; } #header.header-layout-02 .account-row-list ul li a .icon { font-size: 17px; margin-right: 5px; position: relative; top: 2px; } @media (min-width: 1055px) { #header.header-layout-02 .row-functional-link { padding-top: 9px; } #header.header-layout-02 .row-functional-link .link-inline { display: inline-block; float: right; } #header.header-layout-02 .row-functional-link .link-inline .dropdown { display: block; padding: 0; } #header.header-layout-02 .row-functional-link .link-inline .dropdown > a { display: inline-block; padding: 54px 24px 0px 24px; position: relative; text-align: left; border-left: 1px solid #e5e5e5; } #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .icon { -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute !important; top: 15px; font-size: 30px !important; } #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .icon.icon-sort { margin-left: -15px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .name-text { color: #333333; font-size: 18px; display: inline-block; padding-top: 4px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.03em; } #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .badge--cart { top: 0; right: auto; left: 65%; font-size: 16px; line-height: 1.95em; } #header.header-layout-02 .row-functional-link .link-inline:first-child .dropdown > a { padding-right: 0px; } } @media (max-width: 1055px) { #header.header-layout-02 .container .row { padding-top: 18px; } #header.header-layout-02 .row-functional-link .name-text { display: none !important; } #header.header-layout-02 #header .row > div { width: 100%; } #header.header-layout-02 .account-row-list { display: none; } #header.header-layout-02 .logo { margin: 16px 10px 30px; } } @media (max-width: 1055px) and (max-width: 1199px) { #header.header-layout-02 .settings .dropdown { padding: 0 0 0 20px !important; } } @media (min-width: 1055px) { #header.header-layout-02 .search { margin-top: -7px; } #header.header-layout-02 .search-dropdown { z-index: 11111 !important; } } @media (min-width: 1055px) and (max-width: 1200px) { #header.header-layout-02 .account-row-list ul { margin-right: 20px; } } #header.header-layout-02 .h-address { font-weight: 300; margin-right: 31px; position: relative; top: -8px; line-height: 30px; } #header.header-layout-02 .h-address .icon { color: #c40000; font-size: 20px; position: relative; top: 4px; } #header.header-layout-02 .h-address b { color: #333333; font-size: 18px; font-weight: 500; } #header.header-layout-02 .h-address p { padding: 5px 0 0 0; } #header.header-layout-02 .stuck-nav .search-dropdown { margin-top: -56px; } @media (max-width: 1055px) { #header.header-layout-02 .stuck-nav .search { bottom: 12px; } } @media (min-width: 1055px) { #header.header-layout-02 .stuck-nav .search .search__open { top: 14px; position: relative; } } #header.header-layout-02 .stuck-nav .search__close { float: right; } #header.header-layout-02 .stuck-nav .search { display: block; } #header.header-layout-02 .stuck-nav.fixedbar .search-dropdown { margin-top: -38px; } @media (min-width: 1055px) { #header.header-layout-02 .stuck-nav.fixedbar .search { margin-top: 0px; } } @media (max-width: 1055px) { #header.header-layout-02 .stuck-nav.fixedbar .search { bottom: 15px; } #header.header-layout-02 .stuck-nav.fixedbar .search .search__open { top: 14px; position: relative; } } #header.header-layout-02 #search { background-color: #fff; position: relative; z-index: 9; } /* /header-layout-02 */ @media (min-width: 1055px) { #header.header-layout-02 .stuck-nav { display: none; } } /* =====================/index-02.html===================== */ /* =====================index-03.html===================== */ /* header-layout-03 */ .pad-right-none { padding-right: none; } #header.header-layout-03 { /* h-box-address */ /* /h-box-address */ } #header.header-layout-03 .slogan { display: table-cell; height: 70px; vertical-align: middle; } #header.header-layout-03 hr { margin: 0px 0 15px 0; } @media (min-width: 1055px) { #header.header-layout-03 .settings { padding-top: 3px; } } @media (max-width: 1199px) { #header.header-layout-03 .dropdown { position: static; display: inline; font-weight: 300; } } #header.header-layout-03 .search.mobile-menu-off a .icon { font-size: 37px; } #header.header-layout-03 .offset-top-5 .search a .icon-search { top: -9px; font-size: 37px; } #header.header-layout-03 .offset-top-5 .search-dropdown { margin-top: -60px !important; } #header.header-layout-03 .badge.badge--hidden { display: block !important; } #header.header-layout-03 .account-row-list ul { list-style: none; border-right: 1px solid #e5e5e5; margin-right: 29px; padding-bottom: 7px; } #header.header-layout-03 .account-row-list ul li { display: inline-block; margin-right: 29px; } @media (max-width: 1199px) { #header.header-layout-03 .account-row-list ul li { margin-right: 27px; } } #header.header-layout-03 .account-row-list ul li a { color: #c40000; text-decoration: none; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } #header.header-layout-03 .account-row-list ul li a:hover { color: #333333; } #header.header-layout-03 .account-row-list ul li a .icon { font-size: 17px; margin-right: 5px; position: relative; top: 2px; } @media (min-width: 1055px) { #header.header-layout-03 .logo { margin-bottom: 37px; } #header.header-layout-03 .row-functional-link { padding-top: 9px; } #header.header-layout-03 .row-functional-link .link-inline { display: inline-block; float: right; } #header.header-layout-03 .row-functional-link .link-inline .dropdown { display: block; padding: 0; } #header.header-layout-03 .row-functional-link .link-inline .dropdown > a { display: inline-block; padding: 54px 24px 0px 24px; position: relative; text-align: left; border-left: 1px solid #e5e5e5; } #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .icon { -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute !important; top: 15px; font-size: 30px !important; } #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .icon.icon-sort { margin-left: -15px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .name-text { color: #333333; font-size: 18px; display: inline-block; padding-top: 4px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.03em; } #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .badge--cart { top: 0; right: auto; left: 65%; font-size: 16px; line-height: 1.95em; } #header.header-layout-03 .row-functional-link .link-inline:first-child .dropdown > a { padding-right: 0px; } #header.header-layout-03 .account-row-list ul { margin-right: 20px; } } @media (max-width: 1055px) { #header.header-layout-03 .container .row { padding-top: 18px; } #header.header-layout-03 .row-functional-link .name-text { display: none !important; } #header.header-layout-03 #header .row > div { width: 100%; } #header.header-layout-03 .account-row-list { display: none; } #header.header-layout-03 .logo { margin: 16px 10px 30px; } } @media (min-width: 1055px) { #header.header-layout-03 .search { margin-top: -7px; } #header.header-layout-03 .search-dropdown { z-index: 11111 !important; } } #header.header-layout-03 .h-address { font-weight: 300; margin-right: 31px; position: relative; top: -8px; line-height: 30px; } #header.header-layout-03 .h-address .icon { color: #c40000; font-size: 20px; position: relative; top: 4px; } #header.header-layout-03 .h-address b { color: #333333; font-size: 18px; font-weight: 500; } #header.header-layout-03 .h-address p { padding: 5px 0 0 0; } #header.header-layout-03 #search { background-color: #fff; position: relative; z-index: 9; } @media (max-width: 1055px) { #header.header-layout-03 .cart { margin-top: -23px; } } @media (max-width: 1055px) and (max-width: 1199px) { #header.header-layout-03 .settings .dropdown { padding: 0 0 0 20px !important; } } @media (min-width: 1055px) { #header.header-layout-03 .stuck-nav { background-color: #333333; } #header.header-layout-03 .stuck-nav .mainMenu { padding-top: 5px; } #header.header-layout-03 .stuck-nav .mainMenu .navbar-nav > li > a .act-underline { padding-bottom: 5px; } #header.header-layout-03 .stuck-nav .pull-right { display: none; } #header.header-layout-03 .stuck-nav.fixedbar .pull-right { display: block; } #header.header-layout-03 .stuck-nav.fixedbar .cart .dropdown > a:hover .icon { color: #fff !important; } #header.header-layout-03 .stuck-nav .navbar-nav > li > a { padding-bottom: 3px; } #header.header-layout-03 .stuck-nav .navbar .dropdown-menu.megamenu, #header.header-layout-03 .stuck-nav .navbar .dropdown-two-col .dropdown-menu { margin-top: -7px !important; } } @media (min-width: 1055px) and (max-width: 1199px) { #header.header-layout-03 .stuck-nav .mainMenu .nav { padding-bottom: 10px; } } #header.header-layout-03 .stuck-nav .search-dropdown { margin-top: -56px; } @media (max-width: 1055px) { #header.header-layout-03 .stuck-nav .search { bottom: -2px; } } @media (min-width: 1055px) { #header.header-layout-03 .stuck-nav .search { bottom: 15px; } #header.header-layout-03 .stuck-nav .search .search__open { top: 14px; position: relative; } } #header.header-layout-03 .stuck-nav .search__close { float: right; } #header.header-layout-03 .stuck-nav .search { display: block; } #header.header-layout-03 .stuck-nav .badge--menu:after { border-top: 5px solid #777; } #header.header-layout-03 .stuck-nav .badge--color:after { border-top: 5px solid #c40000; } #header.header-layout-03 .stuck-nav.fixedbar .search-dropdown { margin-top: -38px; } @media (max-width: 1055px) { #header.header-layout-03 .stuck-nav.fixedbar .search { bottom: 15px; } #header.header-layout-03 .stuck-nav.fixedbar .search .search__open { top: 14px; position: relative; } } /* /header-layout-03 */ /* =====================/index-03.html===================== */ /* =====================index-04.html(layout-04)===================== */ #header.header-layout-04 { position: absolute; top: 0; left: 0; width: 100%; padding-top: 15px; z-index: 7; } #header.header-layout-04 .logo { position: relative; z-index: 7; } @media (min-width: 1055px) { #header.header-layout-04 .extra-right { position: absolute; right: 0; top: 24px; width: 100%; } #header.header-layout-04 .search { margin-right: 13px; } #header.header-layout-04 .logo { display: inline-block; margin-bottom: 30px; } #header.header-layout-04 .slogan { color: #fff; } #header.header-layout-04 .navbar { display: inline-block; } #header.header-layout-04 .mainMenu .navbar-nav > li > a { color: #fff; } #header.header-layout-04 .settings .dropdown-label, #header.header-layout-04 .settings .dropdown-toggle { color: #fff; } #header.header-layout-04 .search .icon-search { color: #fff; } #header.header-layout-04 .search.open .icon-search { display: none; } #header.header-layout-04 .account .icon { color: #fff; } #header.header-layout-04 .account:hover .icon { color: #c40000 !important; } } #header.header-layout-04 .cart .dropdown-toggle:hover .icon { color: #fff !important; } @media (max-width: 1055px) { #header.header-layout-04 .logo { left: 0; margin: 75px 10px 45px; position: absolute; max-width: 70%; } #header.header-layout-04 .cart { margin-top: 128px; } #header.header-layout-04 > .container:last-child { position: absolute; top: 50px; width: 100%; } #header.header-layout-04 .search { bottom: -47px; z-index: 99; } #header.header-layout-04 .account .dropdown .dropdown-menu--xs-full { margin-top: 7px; } } @media (max-width: 1055px) and (max-width: 436px) { #header.header-layout-04 .cart { margin-top: 115px; } } @media (max-width: 1055px) and (max-width: 367px) { #header.header-layout-04 .cart { margin-top: 110px; } } /* =====================index-04.html(layout-04)===================== */ /* =====================index-05.html(layout-05)===================== */ #header.header-layout-05 { padding-top: 15px; } #header.header-layout-05 .logo { position: relative; z-index: 7; } @media (min-width: 1055px) { #header.header-layout-05 .extra-right { position: absolute; right: 0; top: 24px; width: 100%; } #header.header-layout-05 .logo { display: inline-block; margin-bottom: 32px; } #header.header-layout-05 .navbar { display: inline-block; } #header.header-layout-05 .search.open .icon-search { display: none; } #header.header-layout-05 .navbar-nav > li > a { padding-bottom: 2px; } #header.header-layout-05 .navbar .dropdown-menu.megamenu, #header.header-layout-05 .navbar .dropdown-menu.multicolumn { margin-top: -6px !important; } #header.header-layout-05 .stuck-nav .col-stuck-cart { display: none; } #header.header-layout-05 .stuck-nav.fixedbar .col-stuck-menu { width: 85%; float: left; } #header.header-layout-05 .stuck-nav.fixedbar .col-stuck-menu .text-center { text-align: left; } #header.header-layout-05 .stuck-nav.fixedbar .col-stuck-cart { display: block; width: 15%; } } @media (max-width: 1055px) { #header.header-layout-05 .logo { float: left; margin: 26px 10px 7px 10px; } } /* =====================index-05.html(layout-05)===================== */ /* =====================index-06.html(layout-06)===================== */ .toggle-menu { font-size: 29px; line-height: 1.2em; margin-left: 28px; margin-right: 12px; color: #333333; } .toggle-menu .icon { cursor: pointer; } .toggle-menu:hover { color: #c40000; } @media (min-width: 1055px) { #header.header-layout-06 { min-height: 144px; } #header.header-layout-06 .navbar-toggle-act { display: none; } #header.header-layout-06 .navbar { margin-top: 15px; z-index: 7; } #header.header-layout-06 .link-inline { margin-top: 36px; } #header.header-layout-06 .width-extra { width: 80%; } #header.header-layout-06 .alignment-extra { position: absolute; top: 0; right: 0; z-index: 7; } #header.header-layout-06 .fixedbar .navbar { display: inline-block !important; } #header.header-layout-06 .link-inline.fixedbar { margin-top: 17px; left: auto; right: 0; width: 10%; background-color: transparent; box-shadow: none; } #header.header-layout-06 .stuck-nav { position: relative; z-index: 7; } #header.header-layout-06 .stuck-nav .col-stuck-cart { display: none; } #header.header-layout-06 .stuck-nav.fixedbar { text-align: left; } #header.header-layout-06 .stuck-nav.fixedbar .navbar { margin-top: 0; } #header.header-layout-06 .stuck-nav.fixedbar .col-stuck-menu { width: 85%; float: left; } #header.header-layout-06 .stuck-nav.fixedbar .col-stuck-menu .text-center { text-align: left; } #header.header-layout-06 .stuck-nav.fixedbar .col-stuck-cart { display: block; width: 15%; } } @media (min-width: 1055px) and (min-width: 1770px) { #header.header-layout-06 .toggle-menu { margin-left: 12px; } } @media (min-width: 1055px) and (max-width: 1200px) { #header.header-layout-06 .stuck-nav { z-index: 1; } } @media (min-width: 1055px) and (min-width: 1200px) { #header.header-layout-06 .stuck-nav { z-index: 1; } } @media (min-width: 1055px) and (min-width: 1770px) { #header.header-layout-06 .stuck-nav { z-index: 7; } } @media (max-width: 1055px) { #header.header-layout-06 .logo { margin: 17px 10px 48px 10px; } #header.header-layout-06 .stuck-nav .container { padding-left: 0; padding-right: 0; } } /* =====================index-06.html(layout-06)===================== */ /* =====================index-07.html(layout-07)===================== */ #header.header-layout-07 { /* menu */ } @media (min-width: 1055px) { #header.header-layout-07 .logo { margin: 0 0 38px 0; position: relative; z-index: 1; } #header.header-layout-07 .link-inline { margin-top: 36px; } #header.header-layout-07 .navbar-toggle-act { display: none; } #header.header-layout-07 .fixedbar .navbar { display: inline-block !important; position: relative; z-index: 777; } #header.header-layout-07 .search-outer { display: block; padding-top: 16px; position: relative; z-index: 1; } #header.header-layout-07 .cart { padding-right: 10px; } #header.header-layout-07 .navbar-nav { padding-top: 2px; } #header.header-layout-07 .stuck-nav .col-stuck-cart { display: none; } #header.header-layout-07 .stuck-nav.fixedbar .col-stuck-menu { width: 85%; float: left; } #header.header-layout-07 .stuck-nav.fixedbar .col-stuck-menu .text-center { text-align: left; } #header.header-layout-07 .stuck-nav.fixedbar .col-stuck-cart { display: block; width: 15%; } } @media (max-width: 1055px) { #header.header-layout-07 .fill-bg { background: none; } #header.header-layout-07 .logo { margin: 17px 10px 8px 10px; } } @media (min-width: 1055px) { #header.header-layout-07 .stuck-nav .pull-right { display: none; } #header.header-layout-07 .stuck-nav.fixedbar .pull-right { display: block; } #header.header-layout-07 .stuck-nav .navbar-nav > li > a { padding-bottom: 3px; } #header.header-layout-07 .stuck-nav .navbar .dropdown-menu.megamenu, #header.header-layout-07 .stuck-nav .navbar .dropdown-two-col .dropdown-menu { margin-top: -7px !important; } } #header.header-layout-07 .stuck-nav .search-dropdown { margin-top: -56px; } @media (max-width: 1055px) { #header.header-layout-07 .stuck-nav .search { bottom: -2px; } } @media (min-width: 1055px) { #header.header-layout-07 .stuck-nav .search { bottom: 15px; } #header.header-layout-07 .stuck-nav .search .search__open { top: 14px; position: relative; } } #header.header-layout-07 .stuck-nav.fixedbar .search-dropdown { margin-top: -38px; } @media (max-width: 1055px) { #header.header-layout-07 .stuck-nav.fixedbar .search { bottom: 15px; } #header.header-layout-07 .stuck-nav.fixedbar .search .search__open { top: 14px; position: relative; } } /* =====================index-07.html(layout-07)===================== */ /* =====================index-08.html(layout-08)===================== */ @media (min-width: 1055px) { #header.header-layout-08 { padding-top: 18px; } #header.header-layout-08 .logo, #header.header-layout-08 .navbar { display: inline-block; } #header.header-layout-08 .logo { margin-bottom: 14px; } #header.header-layout-08 .search.link-inline { margin-right: 0; } #header.header-layout-08 .stuck-nav.fixedbar .toggle-menu { display: none; } #header.header-layout-08 .stuck-nav.fixedbar .text-center { text-align: left; } #header.header-layout-08 .toggle-menu { margin-left: 25px; } } @media (max-width: 1055px) { #header.header-layout-08 .logo { float: left; } #header.header-layout-08 .currency.dropdown { padding-left: 20px; } } /* =====================index-08.html(layout-08)===================== */ /* =====================index-09.html(layout-09)===================== */ @media (min-width: 1055px) { #header.header-layout-09 { padding-bottom: 7px; padding-top: 18px; } #header.header-layout-09 .search-dropdown { z-index: 11111 !important; } #header.header-layout-09 .settings { padding-top: 25px; padding-right: 25px; } #header.header-layout-09 .slogan { padding-top: 25px; } #header.header-layout-09 .cart .dropdown.text-right { padding-right: 0px; } #header.header-layout-09 .cart .dropdown > a .icon { margin-right: 14px; } #header.header-layout-09 .stuck-nav .cart .dropdown.text-right { padding-right: 30px; } #header.header-layout-09 .stuck-nav .cart .dropdown > a .icon { margin-right: 3px; } #header.header-layout-09 .navbar { float: left; } #header.header-layout-09 .mainMenu .navbar-nav > li:last-child { margin-right: 0 !important; } #header.header-layout-09 .stuck-nav .col-stuck-cart { display: none; } #header.header-layout-09 .stuck-nav.fixedbar .col-stuck-menu { width: 85%; float: left; } #header.header-layout-09 .stuck-nav.fixedbar .col-stuck-menu .text-center { text-align: left; } #header.header-layout-09 .stuck-nav.fixedbar .col-stuck-cart { display: block; width: 15%; } } @media (min-width: 1055px) and (min-width: 1770px) { #header.header-layout-09 { padding-top: 45px; } } @media (min-width: 1055px) and (min-width: 992px) { #header.header-layout-09 .settings { padding-right: 0; padding-bottom: 19px; } } @media (min-width: 1055px) and (min-width: 1200px) { #header.header-layout-09 .settings { padding-right: 25px; } } @media (min-width: 1055px) and (min-width: 1770px) { #header.header-layout-09 .logo { position: absolute; top: 39px; z-index: 777; } } @media (min-width: 1055px) and (min-width: 1770px) { #header.header-layout-09 .navbar { float: right; } } @media (min-width: 1055px) and (min-width: 1770px) { #header.header-layout-09 .fixedbar .navbar { float: inherit !important; } } /* =====================index-09.html(layout-09)===================== */ /* =====================under-construction.html(layout-10)===================== */ #header.header-layout-10 { padding: 23px 0 40px; } #header.header-layout-10 .container:first-child .row { padding-top: 0px; } @media (max-width: 1055px) { #header.header-layout-10 .logo { max-width: 90%; } } @media (max-width: 1055px) and (max-width: 600px) { #header.header-layout-10 .logo { margin: 5px 10px 15px 10px; } } /* =====================under-construction.html(layout-10)===================== */ /**************************************** * end header *****************************************/ /**************************************** * Footer section *****************************************/ #pageContent { padding-bottom: 75px; } @media (max-width: 767px) { #pageContent { padding-bottom: 0px; } } footer { margin: 0; margin-bottom: 0px; } footer.fill-bg { margin-bottom: 0; } @media (min-width: 768px) { footer.fill-bg { padding-top: 60px; } } @media (max-width: 767px) { footer { margin: 0; } } @media (min-width: 992px) { .border-sep-right { position: relative; padding-right: 30px !important; } .border-sep-right:after { content: ''; position: absolute; right: 15px; top: 0; width: 1px; height: 100%; background: #e5e5e5; } } @media (min-width: 1770px) { .border-sep-right { position: relative; } .border-sep-right:after { content: ''; position: absolute; right: 15px; top: 0; width: 1px; height: 100%; background: #e5e5e5; } } /* footer-data */ .footer-data { font-weight: 300; padding-bottom: 5em; } .box-about p { padding: 0 0 21px 0; margin: 0; line-height: 27px; font-size: 16px; font-weight: 300; } .footer-logo { margin-bottom: 41px; margin-top: 0px; position: relative; } .footer-logo .logo__text { margin-left: 16px; } .footer-logo .slogan__text { padding: 0.35em 0 0 3.65em; } .footer-logo img { margin-top: 1px; max-height: 80px; } /* subscribe-box */ .subscribe-box { position: relative; padding-bottom: 60px; } .subscribe-box h4 { padding-bottom: 14px; font-weight: 500; letter-spacing: 0.04em; } .subscribe-box input { height: 60px; border: 1px solid #e5e5e5; width: 62%; padding: 2.4% 2.5%; font-size: 18px; color: #777777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media (min-width: 768px) { .subscribe-box input { border-right: none; float: left; display: inline-block; margin-right: 0; } } .subscribe-box button { position: relative !important; } @media (max-width: 1200px) { .subscribe-box input { width: 49%; } } @media (max-width: 991px) { .subscribe-box input { width: 55%; } } @media (max-width: 767px) { .subscribe-box { margin: 0 !important; padding-bottom: 0; } .subscribe-box input { width: 100%; margin-bottom: 15px; } .subscribe-box button { margin-left: 0; } } @media (min-width: 1770px) { .subscribe-box .form-inline { position: relative; } .subscribe-box input { width: 77%; height: 60px; } .subscribe-box button { position: absolute; right: 0; top: 0; } } @media (max-width: 768px) { .subscribe-box input { font-size: 16px; line-height: 1.2em; height: auto; padding: 15px 18px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .subscribe-box input:focus { border-color: #c40000; box-shadow: none; outline: 0 none; } .subscribe-box button.btn--xl { padding: 12px 18px !important; } } /* footer-copyright*/ .footer-copyright { font-size: 14px; letter-spacing: 0.02em; } .footer-copyright .row { border-top: 1px solid #e5e5e5; padding: 1.75em 0; margin: 0; } .footer-copyright .row > [class*="col-"] { padding: 0; } .footer-copyright a { color: #c40000; font-size: 1.1em; } .footer-copyright a:hover { text-decoration: none; } .footer-copyright a span { font-weight: bold; color: #333333; text-transform: uppercase; } @media (max-width: 767px) { .footer-copyright .row { border-top: 0; padding: 10px 0 23px; margin: 0px 0 0; text-align: center; } } @media (min-width: 1770px) { .border-sep-right { padding-right: 80px !important; } .border-sep-left { padding-left: 80px !important; } .border-sep-right:after { right: 0; } } /* footer back to top button */ #backToTop.btn { margin-bottom: 0 !important; } /* social-links */ footer .social-links { margin: -60px 0 60px; } @media (min-width: 768px) { footer .social-links { display: inline-block; } } @media (max-width: 1199px) { footer .social-links { margin: -60px 0 40px; } footer .inset-bottom-60 { padding-bottom: 40px; } } @media (max-width: 767px) { footer .social-links { margin: -40px 0 0; } } footer .social-links-layout-02 { margin: 4px 0 47px 0; } @media (max-width: 767px) { footer .social-links-layout-02 { margin: 0px 0 0; } } /* /social-links */ /* footer box-address */ footer .box-address { font-size: 18px; color:#000 } footer .box-address .icon { color: #c40000; position: relative; display: inline-block; top: 2px; margin-right: 4px; } /* /footer box-address */ /* v-links-list */ .v-links-list ul { list-style: none; padding: 0; margin: 0; } .v-links-list li { padding-bottom: 0.4em; } .v-links-list a { color: #333333; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -ms-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } .v-links-list a:hover { color: #333333; text-decoration: none; } .v-links-list a:active { text-decoration: none; color: #c40000; } /* mobile collapse */ @media (max-width: 767px) { .mobile-collapse { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-top: -1px; margin-bottom: 0; padding-left: 15px; padding-right: 15px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mobile-collapse__content { display: none; padding-bottom: 15px; } .open > .mobile-collapse__content { display: block; } .mobile-collapse__title { cursor: pointer; padding: 16px 0; margin-top: 0 !important; margin-bottom: 0 !important; position: relative; font-size: 1.125em !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mobile-collapse__title:before { position: absolute; display: block; top: 16px; right: 0; font-family: 'Material Icons'; font-size: 22px; content: "\e148"; line-height: 1em; color: #c40000; } .open > .mobile-collapse__title:before { content: "\e15d"; } .mobile-collapse__title.title-under::after { display: none; } .mobile-collapse--last { border-bottom: 1px solid #e5e5e5; } } @media (max-width: 768px) { footer .mobile-collapse .mobile-collapse__title { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } footer .mobile-collapse .mobile-collapse__title:hover { color: #c40000; } footer .mobile-collapse.open .mobile-collapse__title { color: #c40000; } } /* =====================index-02.html===================== */ @media (max-width: 768px) { footer.layout-0 .container:first-child { padding-bottom: 12px; } } /* =====================index-02.html===================== */ /* =====================index-03.html===================== */ footer.layout-1 address a { text-decoration: underline; } footer.layout-1 address a:hover { text-decoration: none; } footer.layout-1 .subscribe-box { padding-bottom: 0; } @media (min-width: 768px) { footer.layout-1 .subscribe-box h4.title-under { padding-bottom: 0; } } @media (min-width: 1200px) { footer.layout-1 .subscribe-box input { width: 58.7%; } } @media (min-width: 1770px) { footer.layout-1 .subscribe-box input { width: 63.7%; } } @media (max-width: 768px) { footer.layout-1 .container:first-child { padding-bottom: 6px; } } @media (max-width: 767px) { footer.layout-1 .footer-copyright .row { padding-top: 4px; } } @media (max-width: 1200px) { footer.layout-1 .social-links-layout-02 { margin-bottom: 0; } } /* =====================/index-03.html===================== */ /* =====================index-04.html===================== */ footer.layout-2 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; margin: 0; } footer.layout-2 .social-links { margin: 0; display: inline-block; } footer.layout-2 .footer-copyright { color: #fff; } footer.layout-2 .footer-copyright .row { border: none; padding-top: 0; } footer.layout-2 .footer-copyright a span { color: #fff; } /* =====================index-04.html===================== */ /* =====================index-05.html===================== */ footer.layout-3 { margin-bottom: 1px; } footer.layout-3 .social-links { margin: 0; display: inline-block; } @media (max-width: 992px) { footer.layout-3 .container:first-child { padding-bottom: 11px; } } /* subscribe-box-row */ @media (min-width: 768px) { .subscribe-box-row { width: 805px; margin: 0 auto; } .subscribe-box-row .mobile-collapse { overflow: hidden; display: table; width: 100%; position: relative; border-left: 1px solid #e5e5e5; } .subscribe-box-row .mobile-collapse:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 85%; height: 1px; background: #e5e5e5; z-index: 0; } .subscribe-box-row .mobile-collapse:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; width: 85%; height: 1px; background: #e5e5e5; z-index: 0; } .subscribe-box-row .mobile-collapse__title { display: table-cell; width: 217px; text-align: right; vertical-align: middle; padding: 0; } .subscribe-box-row .mobile-collapse__content { display: table-cell; width: 588px; text-align: left; } .subscribe-box-row .mobile-collapse__content input { width: 374px; border: none; font-size: 16px; line-height: 1.2em; background: none; } .subscribe-box-row .mobile-collapse__content .btn { position: absolute; right: 0px; z-index: 2; } } @media (min-width: 768px) and (max-width: 992px) { .subscribe-box-row { width: 700px; } .subscribe-box-row .mobile-collapse__title { width: 174px; } .subscribe-box-row__content { width: 524px; } .subscribe-box-row__content input { width: 374px; } } /* /subscribe-box-row */ /* =====================index-05.html===================== */ /* =====================index-06.html===================== */ footer.layout-4 { /* subscribe-box-row */ /* /subscribe-box-row */ } footer.layout-4 hr { margin-bottom: 78px; } @media (max-width: 768px) { footer.layout-4 .inset-bottom-60 { padding-bottom: 0; } } footer.layout-4 .subscribe-box { padding-bottom: 0; } @media (min-width: 768px) { footer.layout-4 .subscribe-box h4 { padding-bottom: 0; } } @media (min-width: 1770px) { footer.layout-4 .subscribe-box input { width: 63.7%; margin-bottom: 15px; padding: 0 5%; line-height: 1.4em; border-right: 1px solid #e5e5e5; } footer.layout-4 .subscribe-box button { margin-left: 0; } } @media (max-width: 1770px) { footer.layout-4 .subscribe-box input { width: 100%; padding: 15px 2.5%; margin-bottom: 15px; border-right: 1px solid #e5e5e5; } } @media (max-width: 767px) { footer.layout-4 .subscribe-box input { width: 100%; } footer.layout-4 .subscribe-box button { margin-left: 0; } } @media (min-width: 768px) { footer.layout-4 .inset-bottom-60 { padding-bottom: 0 !important; } } @media (min-width: 992px) { footer.layout-4 .inset-bottom-60 { padding-bottom: 0 !important; } } @media (min-width: 1200px) { footer.layout-4 .inset-bottom-60 { padding-bottom: 0 !important; } } @media (min-width: 1770px) { footer.layout-4 .inset-bottom-60 { padding-bottom: 60px !important; } } /* =====================index-06.html===================== */ /* =====================index-08.html===================== */ footer.layout-5 { margin: 50px 0 0 0; /* subscribe-box-row */ /* /subscribe-box-row */ } @media (max-width: 768px) { footer.layout-5 .offset-top-20 { margin-top: 0 !important; } } footer.layout-5 .social-links { margin: 0 0 18px 0; display: inline-block; } footer.layout-5 .telephone-box { margin-bottom: 49px; } @media (max-width: 768px) { footer.layout-5 .telephone-box { margin-bottom: 0px; } } footer.layout-5 .telephone-box address { font-size: 30px; color: #333333; margin: 0 0 6px 0; } footer.layout-5 .telephone-box address .icon { color: #c40000; font-size: 28px; line-height: 1.2em; position: relative; top: 2px; } @media (max-width: 767px) { footer.layout-5 .telephone-box address { text-align: left; } } footer.layout-5 .telephone-box .time { font-size: 14px; line-height: 1.2em; display: block; text-align: center; } @media (max-width: 767px) { footer.layout-5 .telephone-box .time { text-align: left; } } @media (min-width: 768px) { footer.layout-5 .subscribe-box button { position: absolute !important; } footer.layout-5 .subscribe-box-row { width: 526px; padding-bottom: 30px; } footer.layout-5 .subscribe-box-row .mobile-collapse__title { width: 217px; } footer.layout-5 .subscribe-box-row .mobile-collapse__content { width: 291px; } footer.layout-5 .subscribe-box-row .mobile-collapse__content input { width: 143px; margin-left: 4px; } } @media (min-width: 768px) and (max-width: 992px) { footer.layout-5 .subscribe-box-row { width: 526px; } footer.layout-5 .subscribe-box-row .mobile-collapse__title { width: 217px; } footer.layout-5 .subscribe-box-row__content { width: 291px; } footer.layout-5 .subscribe-box-row__content input { width: 151px; } } footer.layout-5 .footer-copyright .row { border: none; } @media (max-width: 768px) { footer.layout-5 { margin-bottom: 0; } footer.layout-5 .social-links { margin-bottom: 0; } footer.layout-5 .footer-copyright .row { padding-top: 0px; } footer.layout-5 .container:first-child { padding-bottom: 2px; } } /* /subscribe-box-row */ /* =====================index-08.html===================== */ /* =====================index-09.html===================== */ footer.layout-6 { margin-bottom: 0; } footer.layout-6 .footer-copyright .row { border: none; padding-top: 0; } @media (max-width: 768px) { footer.layout-6 .footer-copyright .row { padding-top: 22px; } footer.layout-6 .footer-copyright .text-right { text-align: center !important; } } footer.layout-6 .social-links li a:hover { color: #c4c4c4; } /* /subscribe-box-row */ /* =====================index-09.html===================== */ /* =====================under-construction.html===================== */ footer.layout-7 { padding: 0px !important; margin: 0 !important; } footer.layout-7 .footer-copyright .row { border: none; padding: 47px 0 !important; margin: 0; } @media (max-width: 1199px) { footer.layout-7 .footer-copyright .row { padding: 27px 0 !important; } } @media (max-width: 991px) { footer.layout-7 .footer-copyright .row { padding: 17px 0 !important; } } /* /subscribe-box-row */ /* =====================/under-construction.html===================== */ /**************************************** * end Footer section *****************************************/ /**************************************** * product *****************************************/ .product { text-align: center; position: relative; max-width: 480px; margin-left: auto; margin-right: auto; /* quick-view */ /* label */ /* sold-out */ /* product info link */ } @media (min-width: 1299px) { .product { padding-bottom: 90px; margin-bottom: -25px; } } .megamenu .product { padding-bottom: 5px; } @media (min-width: 768px) { .col-lg-2 .product { font-size: 0.8em; } } @media (min-width: 768px) and (max-width: 1199px) { .col-md-3 .product { font-size: 0.8em; } } .product .row-mode-visible { display: none; } .product .row-mode-hide { display: block; } .product__inside { background-color: #fff; overflow: hidden; width: 100%; top: 0; left: 0; /* hover slide down */ /* product name */ /* product toggle info */ /* /product toggle info */ } @media (min-width: 1299px) { .product__inside__hover { position: absolute; width: 100%; background: #fff; } } .product__inside__name h2 { font-size: 1em; font-weight: 500; line-height: 1.5em; text-transform: uppercase; padding: 0 10px; margin: 1.48em 0 0.54em; letter-spacing: 0.6px; color: #c40000; } .megamenu .product__inside__name h2 { margin-top: 1em; } .product__inside__name h2 a { color: #333333; } .product__inside__name h2 a:hover { color: #333333; } @media (min-width: 1299px) { .product__inside__info { height: 0; opacity: 0; overflow: hidden; -webkit-transition: height 300ms linear 0s; -moz-transition: height 300ms linear 0s; -ms-transition: height 300ms linear 0s; -o-transition: height 300ms linear 0s; transition: height 300ms linear 0s; } } .product__inside__image { position: relative; } .product__inside__image img { width: 100%; } .product__inside .rating { margin: 0 0 15px; } .product .quick-view { position: absolute; left: 0; width: 100%; top: 50%; margin: 0 auto; text-align: center; color: #c40000; margin-top: -24px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .product .quick-view:hover b { background-color: rgba(31, 192, 160, 0.8); color: #fff; } .product .quick-view b { display: inline-block; background-color: rgba(255, 255, 255, 0.8); font-size: 1.125em; line-height: 1em; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 767px) { .product .quick-view b { padding: 0.67em 0.5em 0.85em; } } @media (min-width: 768px) { .product .quick-view b { padding: 0.67em 0.5em 0.85em; } } @media (min-width: 992px) { .product .quick-view b { padding: 0.62em 0.5em 0.85em; } } @media (min-width: 1200px) { .product .quick-view b { padding: 0.9em 0.481em 1.10em; } } @media (min-width: 1770px) { .product .quick-view b { padding: 0.98em 0.8em 1.05em; } } @media (max-width: 767px) { .product .quick-view { margin-top: -20px; } } @media (min-width: 768px) { .product .quick-view { margin-top: -20px; } } @media (min-width: 992px) { .product .quick-view { margin-top: -18px; } } @media (min-width: 1200px) { .product .quick-view { margin-top: -29px; } } @media (min-width: 1770px) { .product .quick-view { margin-top: -28px; } } .product .quick-view .icon { font-size: 1em; display: inline-block; position: relative; top: 0.2em; margin-right: 0.2em; } .product:hover .quick-view { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .product__label { position: absolute; top: 1.5em; font-size: 0.8125em; line-height: 1.04em; text-align: center; color: #fff; text-transform: uppercase; font-family: Ubuntu, sans-serif; font-weight: 600; } .product__label--right { right: 1.5em; } .product__label--left { left: 1.5em; } .product__label--new { background-color: #0C3; padding: 0.7em 0.75em 0.6em; } .product__label--sale { background-color:#d43f3a; padding: 0.95em 0.7em; } @media (min-width: 1299px) { .product.product--zoom:hover .product__label--left, .product.product--zoom.hovered .product__label--left { margin-left: -50px; } .product.product--zoom:hover .product__label--right, .product.product--zoom.hovered .product__label--right { margin-right: -50px; } } @media (min-width: 768px) { .product-listing.row-view .product.product--zoom:hover .product__label--left, .product-listing.row-view .product.product--zoom.hovered .product__label--left { margin-left: 0; } .product-listing.row-view .product.product--zoom:hover .product__label--right, .product-listing.row-view .product.product--zoom.hovered .product__label--right { margin-right: 0; } } .product.sold-out .product__inside__image img, .product.sold-out .product__inside__name, .product.sold-out .product__inside__info, .product.sold-out .product__inside__review, .product.sold-out .product__inside__description, .product.sold-out .product__label, .product.sold-out .price-box, .product.sold-out .rating { -moz-opacity: 0.2 !important; -khtml-opacity: 0.2 !important; -webkit-opacity: 0.2 !important; opacity: 0.2 !important; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important; filter: alpha(opacity=20) !important; } .product .product__label--sold-out { position: absolute; top: 50%; left: 50%; margin-top: -2.5em; margin-left: -2.5em; background-color: #fa6b6b; width: 5em; height: 5em; background: rgba(250, 107, 107, 0.35); text-transform: uppercase; color: #fff; font-size: 1.3em; line-height: 1em; text-align: center; border-radius: 50%; } .product .product__label--sold-out span { display: table-cell; width: 5em; height: 5em; vertical-align: middle; } .product .product__inside__info__link { margin: 10px 0 0 0; padding: 0; list-style: none; } .product .product__inside__info__link li { overflow: hidden; white-space: nowrap; margin-right: 10px; display: inline-block; cursor: pointer; color: #333333; } .product .product__inside__info__link li:last-child { margin-right: 0; } .product .product__inside__info__link li .icon { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 24px; } .product .product__inside__info__link li a { opacity: 0; color: #333333; max-width: 0; display: inline-block; vertical-align: middle; text-decoration: none; transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color; overflow: hidden; } .product .product__inside__info__link li a:hover { color: #c40000; } .product .product__inside__info__link li a span.text { float: right; display: inline-block; vertical-align: middle; padding: 0 5px; } .product .product__inside__info__link li:hover { color: #c40000; } .product .product__inside__info__link li:hover a { color: #c40000; opacity: 1; max-width: 150px; transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms; } @media (max-width: 1199px) { .product .product__inside__info .btn--xl { padding: 10px 15px; max-width: 100%; text-align: center; } } @media (max-width: 1298px) { .product .product__inside__info .btn--xl:not(.row-mode-visible) { width: 200px; height: 50px; line-height: 50px; padding: 0; margin: 0 2px 14px; text-align: center; overflow: hidden; display: inline-block !important; } .product .product__inside__info .btn--xl:not(.row-mode-visible) .icon { width: 50px; padding-right: 0; } .product .product__inside__info .btn--xl.row-mode-visible { display: none !important; } } @media (min-width: 1299px) { .product-listing:not(.row-view) .product.product--zoom:hover, .carousel-products .product.product--zoom:hover, .product-listing:not(.row-view) .product.product--zoom.hovered, .carousel-products .product.product--zoom.hovered { padding-bottom: 0; z-index: 10001; } .product-listing:not(.row-view) .product.product--zoom:hover .product__inside, .carousel-products .product.product--zoom:hover .product__inside, .product-listing:not(.row-view) .product.product--zoom.hovered .product__inside, .carousel-products .product.product--zoom.hovered .product__inside { margin: -50px -50px 0; width: auto; } .product-listing:not(.row-view) .product.product--zoom:hover .product__inside__hover, .carousel-products .product.product--zoom:hover .product__inside__hover, .product-listing:not(.row-view) .product.product--zoom.hovered .product__inside__hover, .carousel-products .product.product--zoom.hovered .product__inside__hover { width: auto; margin: 0 -50px; padding-bottom: 15px; left: 0; right: 0; } .product-listing:not(.row-view) .product:hover, .carousel-products .product:hover, .product-listing:not(.row-view) .product.hovered, .carousel-products .product.hovered { overflow: visible; z-index: 1; } .product-listing:not(.row-view) .product:hover .product__inside, .carousel-products .product:hover .product__inside, .product-listing:not(.row-view) .product.hovered .product__inside, .carousel-products .product.hovered .product__inside, .product-listing:not(.row-view) .product:hover .product__inside__hover, .carousel-products .product:hover .product__inside__hover, .product-listing:not(.row-view) .product.hovered .product__inside__hover, .carousel-products .product.hovered .product__inside__hover { -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08); box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08); } .megamenu .product-listing:not(.row-view) .product:hover .product__inside, .megamenu .carousel-products .product:hover .product__inside, .megamenu .product-listing:not(.row-view) .product.hovered .product__inside, .megamenu .carousel-products .product.hovered .product__inside, .megamenu .product-listing:not(.row-view) .product:hover .product__inside__hover, .megamenu .carousel-products .product:hover .product__inside__hover, .megamenu .product-listing:not(.row-view) .product.hovered .product__inside__hover, .megamenu .carousel-products .product.hovered .product__inside__hover { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .product-listing:not(.row-view) .product:hover .product__inside__info, .carousel-products .product:hover .product__inside__info, .product-listing:not(.row-view) .product.hovered .product__inside__info, .carousel-products .product.hovered .product__inside__info { height: auto; opacity: 1; -webkit-transition: height 300ms linear 0s; -moz-transition: height 300ms linear 0s; -ms-transition: height 300ms linear 0s; -o-transition: height 300ms linear 0s; transition: height 300ms linear 0s; } } @media (min-width: 1299px) { .product__inside__info__hover { position: absolute; width: 100%; background: #fff; } .product__inside__info__info { height: 0; opacity: 0; overflow: hidden; -webkit-transition: height 300ms linear 0s; -moz-transition: height 300ms linear 0s; -ms-transition: height 300ms linear 0s; -o-transition: height 300ms linear 0s; transition: height 300ms linear 0s; } } .product__inside__info__link { margin: 22px 0 5px 0; padding: 0; list-style: none; } @media (max-width: 1298px) { .product__inside__info__link { display: none; } } .product__inside__info__link li { overflow: hidden; white-space: nowrap; margin-right: 10px; display: inline-block; cursor: pointer; color: #333333; } .product__inside__info__link li .icon { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 24px; } .product__inside__info__link li a { color: #333333; display: inline-block; vertical-align: middle; text-decoration: none; } .product__inside__info__link li a:hover { color: #c40000; } .product__inside__info__link li a span.text { float: right; display: inline-block; vertical-align: middle; padding: 0 5px; opacity: 0; max-width: 0; transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color; } @media (max-width: 1199px) { .product__inside__info__link li a { max-width: 150px; opacity: 1; text-align: center; } } .product__inside__info__link li:hover { color: #c40000; } .product__inside__info__link li:hover span.text { color: #c40000; overflow: hidden; opacity: 1; max-width: 150px; transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms; } /* product link */ .product-link { margin: 22px 0 5px 0; padding: 0; list-style: none; } @media (max-width: 1298px) { .product-link { display: none; } } .product-link li { overflow: hidden; white-space: nowrap; margin-right: 10px; display: inline-block; cursor: pointer; color: #333333; } .product-link li .icon { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 24px; } .product-link li a { color: #333333; display: inline-block; vertical-align: middle; text-decoration: none; } .product-link li a:hover { color: #c40000; } .product-link li a span.text { float: right; display: inline-block; vertical-align: middle; padding: 0 5px; opacity: 0; max-width: 0; transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color; } @media (max-width: 1199px) { .product-link li a { max-width: 150px; opacity: 1; text-align: center; } } .product-link li:hover { color: #c40000; } .product-link li:hover span.text { color: #c40000; overflow: hidden; opacity: 1; max-width: 150px; transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms; } /* rating */ .rating { text-align: center; font-size: 1em; line-height: 1em; margin-bottom: 20px; color: #ffaf47; vertical-align: text-top; white-space: nowrap; } .rating span { display: inline; margin: 0 -2px; font-size: 16px; line-height: 18px; } .rating .empty-star { color: #d2d2d2; } /* price-box */ .price-box { margin: 0 0 0.6em 0; font-size: 1.875em; line-height: 1em; color: #333333; font-family: Ubuntu, sans-serif; font-weight: 400; text-align: center; } .price-box__old { color: #fa6b6b; font-size: 60%; line-height: 1; font-weight: 300; padding: 0 5px; text-decoration: line-through; } /* product listing */ .product-listing > div { float: none; display: inline-block; vertical-align: top; margin-right: -4px; } @media (max-width: 480px) { .product-listing.carousel-products-mobile > div { display: inline-block; width: 100%; } } /* row view mode */ .product-listing.row-view > div { float: none; display: block; width: 100%; } .product-listing.row-view > div .row-mode-visible { display: block; } .product-listing.row-view > div .btn.row-mode-visible { display: inline-block; } .product-listing.row-view > div .row-mode-hide { display: none; } .product-listing.row-view > div .product { min-height: 0 !important; padding-bottom: 0; margin-bottom: 50px; max-width: none; } .product-listing.row-view > div .product:hover .product__inside { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .product-listing.row-view > div .product .product__label--right { left: 48.5%; right: auto; margin-left: -65px; } @media (min-width: 1770px) { .product-listing.row-view > div .product .product__label--right { left: 30%; } } @media (max-width: 1199px) { .product-listing.row-view > div .product .product__label--right { left: 35%; } } @media (max-width: 991px) { .product-listing.row-view > div .product .product__label--right { left: 50%; } } @media (max-width: 1199px) { .product-listing.row-view > div .product .product__label--right { margin-left: -73px; } } .product-listing.row-view > div .product__inside { text-align: left; } .product-listing.row-view > div .product__inside.pos-abs { position: relative !important; } .product-listing.row-view > div .product__inside__name, .product-listing.row-view > div .product__inside__description, .product-listing.row-view > div .product__inside__review, .product-listing.row-view > div .product__inside__price, .product-listing.row-view > div .product__inside__info { padding-left: 30px; } @media (max-width: 767px) { .product-listing.row-view > div .product__inside__name, .product-listing.row-view > div .product__inside__description, .product-listing.row-view > div .product__inside__review, .product-listing.row-view > div .product__inside__price, .product-listing.row-view > div .product__inside__info { padding-left: 5px; } } .product-listing.row-view > div .product__inside__name { overflow: hidden; } .product-listing.row-view > div .product__inside__name h2 { padding: 0; margin-bottom: 5px; } .product-listing.row-view > div .product__inside__description { margin-bottom: 12px; padding-left: 30px; overflow: hidden; font-weight: 300; } .product-listing.row-view > div .product__inside .quick-view { display: none; } .product-listing.row-view > div .product__inside__hover { position: relative; background: transparent; } .product-listing.row-view > div .product__inside__review { overflow: hidden; } .product-listing.row-view > div .product__inside__review .rating { display: inline-block; padding-right: 20px; } .product-listing.row-view > div .product__inside__review > a { display: inline-block; padding-right: 20px; font-weight: 300; } .product-listing.row-view > div .product__inside__review > a:hover { color: #c40000; } .product-listing.row-view > div .product__inside__price { overflow: hidden; text-align: left; margin-bottom: 12px; } .product-listing.row-view > div .product__inside__image { float: left; width: 48.5%; } @media (min-width: 1770px) { .product-listing.row-view > div .product__inside__image { width: 30%; } } @media (max-width: 1199px) { .product-listing.row-view > div .product__inside__image { width: 35%; } } @media (max-width: 991px) { .product-listing.row-view > div .product__inside__image { width: 50%; padding-right: 15px; } .product-listing.row-view > div .product__inside__image .carousel-control.next { right: 15px; } .product-listing.row-view > div .product__inside__image .countdown_box { right: 15px; } } .product-listing.row-view > div .product__inside__info { height: auto !important; max-height: none; opacity: 1; overflow: hidden; } .product-listing.row-view > div .product__inside__info .options-swatch { margin-bottom: 20px; } .product-listing.row-view > div .product__inside__info__btns { margin-top: 20px; } .product-listing.row-view > div .product__inside__info__link { margin-top: 15px; } @media (min-width: 1299px) { .product-listing.row-view > div .product__inside__info .btn--xl { margin-bottom: 10px; margin-right: 10px; } } @media (max-width: 767px) { .product-listing.row-view .product { margin-bottom: 30px; } .product-listing.row-view .product .product__inside__info__link li { width: auto; text-align: left; } .product-listing.row-view > div .row-mode-visible { display: none !important; } .product-listing.row-view > div .product__inside__hover { position: static; } .product-listing.row-view > div .product__inside__info__btns { position: absolute; bottom: 0px; } .product-listing.row-view > div .product__inside__info__btns .btn--xl { margin-bottom: 0 !important; } .product-listing.row-view .product .product__inside__name h2 { margin-top: 0; } .product-listing:not(.carousel-products-mobile) .product__label { top: 0.625em; } .product-listing:not(.carousel-products-mobile) .product__label--left { left: 0.625em; } .product-listing:not(.carousel-products-mobile) .product__label--right { right: 0.625em; } .product-listing:not(.row-view):not(.carousel-products-mobile) .product .rating.row-mode-hide { display: none !important; } .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible { display: block !important; } .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible .rating.row-mode-visible { display: block !important; margin: 4px 0 0 0 !important; } .product-listing:not(.row-view):not(.carousel-products-mobile) .options-swatch { margin-bottom: 0; } .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible > a { display: none !important; } .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__info__btns { margin-top: 10px; } } @media (max-width: 1298px) { .product-listing.row .product { margin-bottom: 30px; } } /* product-page */ .product-info-outer { position: relative; } .product-info-outer #productPrevNext { position: relative; z-index: 100; } .product-info-outer #productPrevNext img { position: absolute; top: -110px; left: -20px; width: 80px; display: none; } .product-info-outer #productPrevNext .product-prev:hover, .product-info-outer #productPrevNext .product-next:hover { text-decoration: none; } .product-info-outer #productPrevNext .product-prev:hover img, .product-info-outer #productPrevNext .product-next:hover img { display: block; } .product-info-outer #productPrevNext .product-prev, .product-info-outer #productPrevNext .product-next { display: block; height: 45px; width: 45px; cursor: pointer; position: absolute; top: -1000px; margin-top: -24.5px; } @media (max-width: 1200px) { .product-info-outer #productPrevNext img { top: auto; bottom: -110px; right: 20px; left: auto; } .product-info-outer #productPrevNext .product-prev { top: -60px !important; right: 70px !important; left: auto !important; margin-top: 0; } .product-info-outer #productPrevNext .product-next { top: -60px !important; right: 0 !important; left: auto !important; margin-top: 0; } } @media (max-width: 1333px) { .product-info-outer #productPrevNext .product-prev img { left: 18px; } } @media (max-width: 1333px) { .product-info-outer #productPrevNext .product-next img { left: -53px; } } .product-info-outer #productPrevNext .product-prev:hover:before, .product-info-outer #productPrevNext .product-next:hover:before { color: #c40000; } .product-info-outer #productPrevNext .product-prev:before, .product-info-outer #productPrevNext .product-next:before { display: block; font-family: "Material Icons"; font-size: 44px; line-height: 45px; color: #333333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-info-outer #productPrevNext .product-prev { left: -50px; } .product-info-outer #productPrevNext .product-prev:before { content: "\e408"; } .product-info-outer #productPrevNext .product-next { right: -50px; } .product-info-outer #productPrevNext .product-next:before { content: "\e409"; } .product-main-image { margin: 0; padding: 0; list-style: none; position: relative; } .product-main-image img { width: 100%; } .product-images-carousel { padding: 0; margin: 30px 0 40px; width: 100%; position: relative; } .product-images-carousel ul { margin: 0; padding: 0; overflow: hidden; } .product-images-carousel ul li { margin: 0 25px 0 0; } .product-images-carousel ul .slick-list { margin-right: -25px; } .product-images-carousel img { width: 100%; } #mobileGallery { margin: 15px 0; padding: 0; } #mobileGallery img { width: 100%; } .product-info__title h2 { padding-bottom: 0; text-transform: uppercase; font-weight: 500; } .product-info__price { font-size: 2.5em; color: #c40000; text-align: left !important; } .product-info__description__brand { float: left; margin: 0 15px 0 0; } .product-info__description__text { overflow: hidden; font-weight: 300; } .product-info__review { font-weight: 300; } .product-info__review .rating { display: inline-block; padding-right: 20px; } .product-info__review > a { display: inline-block; padding-right: 20px; color: #333333; } .product-info__review > a:last-child { color: #c40000; } .product-info__review > a:hover { color: #c40000; } .product-info__sku { font-weight: 300; margin-top: -4px; } @media (max-width: 991px) { .product-info__sku { float: none !important; margin-bottom: 15px; } } .product-info__availability { font-weight: 300; margin-top: -4px; } @media (min-width: 1770px) { .product-info__availability { float: left !important; padding-left: 25px; } } @media (max-width: 991px) { .product-info__availability { float: none !important; } } .product-info__title { margin: 8px 0 20px; } .product-info__price { margin: 0 0 18px; } .product-info__divider { border-bottom: 1px solid #e5e5e5; height: 5px; margin-bottom: 20px; } .product-info__description { padding: 0 0 18px; } .product-info .required { color: #fa6b6b; font-weight: 300; } .product-info .option-label, .product-info .qty-label { color: #333333; font-weight: 500; } .product-info .qty-label { line-height: 70px; margin-right: 10px; } .product-info .qty-input { height: 70px; width: 90px; margin-right: 10px; text-align: center; } .product-info .product-link { margin-top: 10px; } .product-info .input-counter { margin-right: 10px; margin-bottom: 10px; width: 90px; display: inline-block; } .product-info .input-counter input { height: 70px; width: 90px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 20px; -webkit-appearance: none; } .product-info .input-counter span { margin-top: -22px; } .product-info .input-counter .minus-btn:before, .product-info .input-counter .plus-btn:before { display: block; font-family: "Material Icons"; font-size: 25px; line-height: 45px; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-info .input-counter .minus-btn { left: 3px; } .product-info .input-counter .minus-btn:before { content: "\e408"; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .product-info .input-counter .plus-btn { right: 3px; } .product-info .input-counter .plus-btn:before { content: "\e408"; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } table .input-counter { margin-right: 10px; margin-bottom: 10px; width: 80px !important; display: inline-block; } table .input-counter input { height: 40px !important; width: 80px !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 15px !important; -webkit-appearance: none; } table .input-counter span { margin-top: -22px; } table .input-counter .minus-btn:before, table .input-counter .plus-btn:before { display: block; font-family: "Material Icons"; font-size: 21px; line-height: 45px; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } table .input-counter .minus-btn { left: 3px !important; margin-right: 0; } table .input-counter .minus-btn:before { content: "\e408"; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } table .input-counter .plus-btn { right: 3px !important; margin-right: 0; } table .input-counter .plus-btn:before { content: "\e408"; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .video-link { text-decoration: none; color: #c40000; text-transform: uppercase; font-weight: 500; line-height: 1em; } .video-link:hover, .video-link:focus { text-decoration: none; color: #333333; } .video-link .icon { font-size: 34px; line-height: 1em; margin-right: 10px; display: inline-block; vertical-align: middle; } .custom-product-block { position: relative; padding-left: 75px; } .custom-product-block:after { content: ''; position: absolute; left: 20px; top: 0px; width: 1px; height: 100%; background: #e5e5e5; } .delivery-banner { position: relative; min-height: 85px; margin-bottom: 37px; cursor: pointer; } .delivery-banner__icon { position: absolute; top: 3px; width: 85px; height: 85px; border-radius: 50%; background: #c40000; } .delivery-banner__icon span { display: block; position: relative; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; font-size: 34px; margin-top: 2px; } .delivery-banner__icon span.icon-replay_5 { font-size: 42px; } .delivery-banner__text { padding-left: 117px; } .delivery-banner__text h3 { font-size: 1.375em; font-weight: 500; margin-bottom: 9px; color: #c40000; text-transform: uppercase; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .delivery-banner__text h5 { font-size: 1.125em; margin-bottom: 5px; font-family: Georgia, sans-serif; font-style: italic; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .delivery-banner:hover h3 { letter-spacing: 2px; } /* table-product */ .table-product { width: 100%; } .table-product th { text-transform: uppercase; font-size: 16px; padding-bottom: 12px; } .table-product tr { border-bottom: 1px solid #e5e5e5; } .table-product td { padding: 5px; } .table-product td:first-child, .table-product th:first-child { width: 65%; padding-left: 0; } .table-product td:nth-child(2n), .table-product th:nth-child(2n) { width: 30%; } .table-product td:last-child, .table-product th:last-child { width: 5%; } .table-product td:last-child { padding-right: 0; } .table-product input { border: 1px solid #e5e5e5; width: 52px; height: 26px; text-align: center; } /* /table-product */ /* product-big ==================================== */ .bigGallery .slick-arrow { z-index: 1111; } .product-info-big { overflow: hidden; } .product-info-big .product-info__price { text-align: center !important; } .product-info-big .product-info__sku, .product-info-big .product-info__availability { display: inline-block; margin: 0 20px; width: auto; float: inherit !important; } .product-info-big .option-label, .product-info-big .options-swatch { display: inline-block; } .product-info-big .product-info-left { float: left; } @media (max-width: 768px) { .product-info-big .product-info-left { float: inherit; } } .product-info-big .product-info-right { float: right; } @media (max-width: 768px) { .product-info-big .product-info-right { float: inherit; } } .product-info-big .product-link { display: block !important; } .product-info-big #productPrevNext .product-prev, .product-info-big #productPrevNext .product-next { margin-top: 220px; } .product-info-big #productPrevNext .product-prev:focus, .product-info-big #productPrevNext .product-next:focus { text-decoration: none; } .product-info-big #productPrevNext .product-next { right: 0 !important; } .product-info-big #productPrevNext .product-prev { left: 0 !important; } .product-info-big .fields { padding-bottom: 27px; width: 40%; margin: 0 auto; position: relative; } .product-info-big .fields select { text-align: center; } .product-info-big .fields .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-align: center; } .product-info-big .fields .option-label { padding-bottom: 7px; } .product-info-big .fields .option-label { display: block; text-align: center; } @media (max-width: 750px) { .product-info-big .fields { width: 70%; } } .product-data-big h5 { font-size: 26px; margin-bottom: 25px; } .product-data-big ul { margin: 0 0 25px 0; padding: 0; } @media (max-width: 767px) { .product-data-big { width: 90%; padding-top: 7%; padding-bottom: 3%; margin-left: 5%; margin-right: 5%; } .product-data-big h5 { margin-bottom: 25px; } .product-data-big .simple-list li { padding: 0 0 2px 18px; } } @media (min-width: 768px) { .product-data-big { width: 90%; padding-top: 7%; padding-bottom: 3%; margin-left: 5%; margin-right: 5%; } .product-data-big h5 { margin-bottom: 25px; } .product-data-big .simple-list li { padding: 0 0 2px 30px; } } @media (min-width: 992px) { .product-data-big { width: 85%; padding-top: 7%; margin-left: 10%; margin-right: 5%; } .product-data-big h5 { margin-bottom: 25px; } .product-data-big .simple-list li { padding: 0 0 2px 30px; } } @media (min-width: 1200px) { .product-data-big { width: 80%; padding-top: 10%; margin-left: 10%; margin-right: 10%; } .product-data-big h5 { margin-bottom: 35px; } .product-data-big .simple-list li { padding: 0 0 5px 30px; } } @media (min-width: 1770px) { .product-data-big { width: 50%; padding-top: 20%; margin-left: 25%; margin-right: 25%; } .product-data-big h5 { margin-bottom: 39px; } .product-data-big .simple-list li { padding: 0 0 7px 30px; } } @media (max-width: 767px) { .zoomContainer { display: none !important; overflow: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } } /* /product-big ==================================== */ .options-swatch--size li a { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /* countdown product(product-small) ==================================== */ .countdown-product { padding-top: 2px; } .countdown-product .countdown-row > span { width: 60px; height: 60px; background-color: #67e0fa; margin: 0 10px 10px 0; padding: 15px 0 0 0 !important; font-size: 14px; line-height: 1em; padding: 0; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; } .countdown-product .countdown-row > span span { padding: 0; } /* /countdown product(/product-small) ==================================== */ /* slider-product(product-fields.html) ==================================== */ .slider-product-large { padding: 0; width: 100%; position: relative; margin-bottom: 21px; } .slider-product-large div { width: 100%; } .slider-product-large div img { width: 100%; height: auto; } .slider-product-small { padding: 0; margin: 30px 0 40px 0 !important; position: relative; overflow: hidden; } .slider-product-small div { cursor: pointer; margin: 0 12px; } .slider-product-small div img { width: 100%; height: auto; } /* end slider-product(product-fields.html) ==================================== */ /**************************************** * end product *****************************************/ /**************************************** * carousel *****************************************/ /* Carousel content */ .slick-loading .slick-list { background: #fff url('/Content/images/ajax-loader.gif') center center no-repeat; } .slickArrow { display: block; height: 45px; width: 45px; cursor: pointer; background-color: #f5f5f5; color: #333333; padding: 0; border: none; outline: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .slickArrowHover { outline: none; background: #c40000; } .slickArrowHover:before { opacity: 0.8; color: #ffffff; } .slickBefore { display: block; font-family: "Material Icons"; font-size: 35px; line-height: 45px; color: #333333; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .product .carousel-control { display: block; height: 45px; width: 45px; cursor: pointer; background-color: #f5f5f5; color: #333333; padding: 0; border: none; outline: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 1000; top: 50%; margin-top: -22.5px; text-shadow: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product .carousel-control:hover, .product .carousel-control:focus { outline: none; background: #c40000; } .product .carousel-control:hover:before, .product .carousel-control:focus:before { opacity: 0.8; color: #ffffff; } .product .carousel-control:before { display: block; font-family: "Material Icons"; font-size: 35px; line-height: 45px; color: #333333; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product .carousel-control.prev { left: 0; } .product .carousel-control.prev:before { content: "\e408"; } .product .carousel-control.prev:before[dir="rtl"] { content: "\e409"; } .product .carousel-control.next { right: 0; left: auto; } .product .carousel-control.next:before { content: "\e409"; } .product .carousel-control.next:before[dir="rtl"] { content: "\e408"; } } /* Arrows */ .slick-prev:active, .slick-next:active, .carousel-products__button .slick-arrow:active { background-color: #f5f5f5; } .slick-prev:active:before, .slick-next:active:before, .carousel-products__button .slick-arrow:active:before { color: #333333; } .slick-prev:focus, .slick-next:focus, .carousel-products__button .slick-arrow:focus { background-color: #f5f5f5; } .slick-prev:focus:before, .slick-next:focus:before, .carousel-products__button .slick-arrow:focus:before { color: #333333; } .carousel-products__button .slick-arrow:active { background-color: #f5f5f5; } .carousel-products__button .slick-arrow:active:before { color: #333333; } .carousel-products__button .slick-arrow:focus { background-color: #f5f5f5; } .carousel-products__button .slick-arrow:focus:before { color: #333333; } .carousel-products__button .slick-arrow:hover { background-color:#d43f3a; } .carousel-products__button .slick-arrow:hover:before { color: #fff; } .slick-prev, .slick-next { display: block; height: 45px; width: 45px; cursor: pointer; background-color: #f5f5f5; color: #333333; padding: 0; border: none; outline: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; position: absolute; z-index: 1; top: 50%; margin-top: -22.5px; } .slick-prev:hover, .slick-next:hover { outline: none; background: #c40000; } .slick-prev:hover:before, .slick-next:hover:before { opacity: 0.8; color: #ffffff; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; } .slick-prev:before, .slick-next:before { display: block; font-family: "Material Icons"; font-size: 35px; line-height: 45px; color: #333333; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carouselTab.slick-arrow-top .slick-prev { right: 66px; margin-top: -36px; } .carouselTab.slick-arrow-top .slick-next { right: 15px; margin-top: -36px; } @media (min-width: 768px) { .carouselTab.slick-arrow-top .slick-prev { right: 66px; } .carouselTab.slick-arrow-top .slick-next { right: 15px; } } @media (max-width: 768px) { .carouselTab.slick-arrow-top .slick-prev { left: 15px; } .carouselTab.slick-arrow-top .slick-next { right: 15px; } } .slick-prev { left: 0; } .slick-prev[dir="rtl"] { left: auto; right: 0; } .slick-prev:before { content: "\e408"; } .slick-prev:before[dir="rtl"] { content: "\e409"; } .slick-next { right: 0; } .slick-next[dir="rtl"] { left: 0; right: auto; } .slick-next:before { content: "\e409"; } .slick-next:before[dir="rtl"] { content: "\e408"; } /*==== sliderDarkHover====*/ .sliderDarkHover .slick-prev, .sliderDarkHover .slick-next { background-color: #fff; } .sliderDarkHover .slick-prev:before, .sliderDarkHover .slick-next:before { color: #333333; } .sliderDarkHover .slick-prev:active, .sliderDarkHover .slick-next:active { background-color: #fff; } .sliderDarkHover .slick-prev:active:before, .sliderDarkHover .slick-next:active:before { color: #333333; } .sliderDarkHover .slick-prev:focus, .sliderDarkHover .slick-next:focus { background-color: #fff; } .sliderDarkHover .slick-prev:focus:before, .sliderDarkHover .slick-next:focus:before { color: #333333; } .sliderDarkHover .slick-prev:hover, .sliderDarkHover .slick-next:hover { background-color: rgba(51, 51, 51, 0.7); } .sliderDarkHover .slick-prev:hover:before, .sliderDarkHover .slick-next:hover:before { color: #fff; } /*==== /sliderDarkHover====*/ /* Arrows variants */ @media (min-width: 768px) { .slick-arrow-bottom .slick-prev, .slick-arrow-bottom .slick-next { background: none; border: none; cursor: pointer; top: 75%; width: 45px; height: 45px; z-index: 1001; color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .slick-arrow-bottom .slick-prev:focus, .slick-arrow-bottom .slick-next:focus { background: none; } .slick-arrow-bottom .slick-prev:focus:before, .slick-arrow-bottom .slick-next:focus:before { color: #333333; } .slick-arrow-bottom .slick-prev:hover, .slick-arrow-bottom .slick-next:hover { background: none; } .slick-arrow-bottom .slick-prev:hover:before, .slick-arrow-bottom .slick-next:hover:before { color: #c40000; } .slick-arrow-bottom .slick-prev:before, .slick-arrow-bottom .slick-next:before { font-size: 45px; line-height: 45px; } .slick-arrow-bottom .slick-prev { right: 50%; left: auto; margin-right: 4px; } .slick-arrow-bottom .slick-next { left: 50%; right: auto; margin-left: 4px; } .slick-arrow-top .slick-prev, .slick-arrow-top .slick-next { cursor: pointer; top: -15% !important; z-index: 1001; } .slick-arrow-top .slick-prev { right: 51px; left: auto; margin-right: 4px; } .slick-arrow-top .slick-next { right: 0%; left: auto; margin-left: 4px; } .slick-arrow-top button.slick-prev { right: 62px; left: auto; margin-right: 4px; } .slick-arrow-top button.slick-next { right: 15px; left: auto; margin-left: 4px; } } @media (min-width: 768px) and (min-width: 1770px) { .slick-arrow-bottom .slick-prev { right: 49.5%; } } @media (min-width: 768px) { .slick-arrow-bottom-wrapper .slick-prev, .slick-arrow-bottom-wrapper .slick-next { background: none; border: none; cursor: pointer; top: 75%; width: 45px; height: 45px; z-index: 1001; color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background-color: rgba(255, 255, 255, 0.8); -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .slick-arrow-bottom-wrapper .slick-prev:focus, .slick-arrow-bottom-wrapper .slick-next:focus { background-color: rgba(255, 255, 255, 0.8); } .slick-arrow-bottom-wrapper .slick-prev:focus:before, .slick-arrow-bottom-wrapper .slick-next:focus:before { color: #000; } .slick-arrow-bottom-wrapper .slick-prev:hover, .slick-arrow-bottom-wrapper .slick-next:hover { background-color: rgba(255, 255, 255, 0.55); } .slick-arrow-bottom-wrapper .slick-prev:hover:before, .slick-arrow-bottom-wrapper .slick-next:hover:before { color: #000; } .slick-arrow-bottom-wrapper .slick-prev:before, .slick-arrow-bottom-wrapper .slick-next:before { font-size: 45px; line-height: 45px; } .slick-arrow-bottom-wrapper .slick-prev { right: 50%; left: auto; margin-right: 8px; } .slick-arrow-bottom-wrapper .slick-next { left: 50%; right: auto; margin-left: 8px; } .slick-arrow-top .slick-prev, .slick-arrow-top .slick-next { cursor: pointer; top: -15% !important; z-index: 1001; } .slick-arrow-top .slick-prev { right: 51px; left: auto; margin-right: 8px; } .slick-arrow-top .slick-next { right: 0%; left: auto; margin-left: 8px; } .slick-arrow-top .slick-prev:focus, .slick-arrow-top .slick-next:focus { background-color: #f5f5f5; } .slick-arrow-top .slick-prev:focus:before, .slick-arrow-top .slick-next:focus:before { color: #333333; } .slick-arrow-top .slick-prev:hover, .slick-arrow-top .slick-next:hover { background-color:#d43f3a; } .slick-arrow-top .slick-prev:hover:before, .slick-arrow-top .slick-next:hover:before { color: #fff; } } @media (min-width: 768px) and (min-width: 1770px) { .slick-arrow-bottom-wrapper .slick-prev { right: 49.5%; } } /* Dots */ .slick-slider { margin-bottom: 0; } .slick-dots { display: none !important; } .nav-dot .slick-dots { position: absolute; bottom: 19px; list-style: none; display: block !important; text-align: center; padding: 0; width: 100%; line-height: 0px; font-size: 0px; } .nav-dot .slick-dots li { position: relative; display: inline-block; width: 25px; height: 30px; line-height: 0; font-size: 0; margin: 0 1px; padding: 0; cursor: pointer; overflow: hidden; } .nav-dot .slick-dots li button { border: 0; background: transparent; display: block; width: 15px; height: 15px; outline: none; color: transparent; padding: 0px; cursor: pointer; position: relative; } .nav-dot .slick-dots li button:hover, .nav-dot .slick-dots li button:focus { outline: none; } .nav-dot .slick-dots li button:hover:before, .nav-dot .slick-dots li button:focus:before { opacity: 0.8; } .nav-dot .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 15px; height: 15px; font-family: "Material Icons"; font-size: 60px; text-align: center; color: #fff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-dot .slick-dots li.slick-active button:before { color: #c40000; opacity: 1; } .nav-dot.nav-dot-invert .slick-dots li button:hover, .nav-dot.nav-dot-invert .slick-dots li button:focus { outline: none; } .nav-dot.nav-dot-invert .slick-dots li button:hover:before, .nav-dot.nav-dot-invert .slick-dots li button:focus:before { opacity: 1; color: #fff ; } .nav-dot.nav-dot-invert .slick-dots li button:before { opacity: 0.6; } .nav-dot.nav-dot-invert .slick-dots li.slick-active button:before { opacity: 1; color: #fff; } /*==== carousel title+arrows====*/ .title-with-button { z-index: 0; } @media (max-width: 767px) { .title-with-button { z-index: 77; } } @media (max-width: 479px) { .title-with-button { display: inline-block; overflow: visible !important; width: 100%; } } @media (min-width: 480px) { .carousel-products .slick-list { padding-bottom: 200px; margin-bottom: -200px; } .carousel-products.hover { z-index: 1; } .carousel-products .product { margin-bottom: 0; } } .carousel-products__button { position: absolute; z-index: 100; top: 16px; } .carousel-products__button_aside { position: relative; } @media (max-width: 479px) { .carousel-products__button { width: 100%; top: 50%; } } .carousel-products__button.pull-right { right: 0; } .carousel-products__button.pull-left { left: 0; } .carousel-products__button span { display: block; height: 45px; width: 45px; cursor: pointer; background-color: #f5f5f5; color: #333333; padding: 0; border: none; outline: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; display: inline-block; margin-left: 0.17em; margin-top: 0.1em; position: relative; z-index: 1; text-align: center; } .carousel-products__button span:hover, .carousel-products__button span:focus { outline: none; background: #c40000; } .carousel-products__button span:hover:before, .carousel-products__button span:focus:before { opacity: 0.8; color: #ffffff; } .carousel-products__button span.slick-disabled:before { opacity: 1; } @media (max-width: 479px) { .carousel-products__button span { margin-top: 0; margin-left: 0; position: absolute; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .carousel-products__button span.btn-prev { display: block; height: 45px; width: 45px; cursor: pointer; background-color: #f5f5f5; color: #333333; padding: 0; border: none; outline: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; position: absolute; z-index: 1; top: 50%; margin-top: -22.5px; left: 0; z-index: 200; left: -15px; } .carousel-products__button span.btn-prev:hover { outline: none; background: #c40000; } .carousel-products__button span.btn-prev:hover:before { opacity: 0.8; color: #ffffff; } .carousel-products__button span.btn-prev.slick-disabled:before { opacity: 1; } .carousel-products__button span.btn-prev[dir="rtl"] { left: auto; right: 0; } .carousel-products__button span.btn-prev:before { content: "\e408"; } .carousel-products__button span.btn-prev:before[dir="rtl"] { content: "\e409"; } .carousel-products__button span.btn-next { display: block; height: 45px; width: 45px; cursor: pointer; background-color: #f5f5f5; color: #333333; padding: 0; border: none; outline: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; position: absolute; z-index: 1; top: 50%; margin-top: -22.5px; right: 0; z-index: 200; right: -15px; } .carousel-products__button span.btn-next:hover { outline: none; background: #c40000; } .carousel-products__button span.btn-next:hover:before { opacity: 0.8; color: #ffffff; } .carousel-products__button span.btn-next.slick-disabled:before { opacity: 1; } .carousel-products__button span.btn-next[dir="rtl"] { left: 0; right: auto; } .carousel-products__button span.btn-next:before { content: "\e409"; } .carousel-products__button span.btn-next:before[dir="rtl"] { content: "\e408"; } } .carousel-products__button span:before { display: block; font-family: "Material Icons"; font-size: 35px; line-height: 45px; color: #333333; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel-products__button span.btn-prev:before { content: "\e408"; } .carousel-products__button span.btn-next:before { content: "\e409"; } .carousel-products__button span:hover:before { opacity: 0.8; } /*==== /carousel title+arrows====*/ .category-carousel .category img { width: 100%; } /*==== banner-slider-button====*/ .banner-slider-button .slick-prev, .banner-slider-button .slick-next { background-color: transparent; } .banner-slider-button .slick-prev:before, .banner-slider-button .slick-next:before { color: #fff; } .banner-slider-button .slick-prev:hover:before, .banner-slider-button .slick-next:hover:before, .banner-slider-button .slick-prev:hover:before, .banner-slider-button .slick-next:hover:before { opacity: 1; color: #c40000; } /*==== /banner-slider-button====*/ @media (max-width: 479px) { .carousel-products__button.button-bottom { width: 100%; top: 50% !important; } .carousel-products__button.button-bottom span.slick-arrow { margin-top: 18px !important; } .carousel-products__button.button-bottom span.btn-prev { left: 0; } .carousel-products__button.button-bottom span.btn-next { left: 59px; right: auto; } } /**************************************** * end carousel *****************************************/ /**************************************** * blog carousel *****************************************/ .content-bg-1 { background: url(/Content/images/custom/content-bg-1.jpg) center center no-repeat; padding: 100px 0 35px; } @media (max-width: 991px) { .content-bg-1 { padding: 30px 0 15px; } } .slider-fluid-bg1 { background: url(/Content/images/slider-fluid-bg1.jpg) center center fixed no-repeat #fafafa; z-index: 1; position: relative; padding-bottom: 3.9em; } .slider-blog { padding: 15px 0 130px; } .slider-blog .box-foto { padding: 5px 0 0 22px; text-align: left; } @media (min-width: 1770px) { .slider-blog .box-foto { margin-left: 27.5% !important; } } .slider-blog .box-foto img { float: left; max-width: 100%; } .slider-blog .box-foto:after { position: absolute; display: block; top: 0; right: 200px; margin-top: -15px; font-family: Georgia, sans-serif; content: '“'; font-size: 13.5em; line-height: 1em; color: #c40000; } .slider-blog .box-data { font-size: 1em; } @media (min-width: 1770px) { .slider-blog .box-data { width: 27.5% !important; } } .slider-blog .box-data h6 { color: #333333; font-weight: 500; text-transform: uppercase; font-size: 1.375em; margin: 0 0 0.85em 0; letter-spacing: 1px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .slider-blog .box-data h6 em { color: #333333; font-family: Georgia, sans-serif; text-transform: lowercase; font-size: 0.818em; letter-spacing: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .slider-blog .box-data p { font-weight: 300; line-height: 1.7em; } .slider-blog-layout1 .box-data h6 { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .slider-blog-layout1 .box-data h6 em { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /* link-hover-block */ .link-hover-block { text-decoration: none; } .link-hover-block:hover { text-decoration: none; } .link-hover-block:hover h6 { color: #c40000 !important; letter-spacing: 2px; } .link-hover-block:hover h6 em { color: #c40000 !important; letter-spacing: normal; } .fill-bg-custom .link-hover-block { text-decoration: none; color: #fff; } .fill-bg-custom .link-hover-block b, .fill-bg-custom .link-hover-block em, .fill-bg-custom .link-hover-block img { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .fill-bg-custom .link-hover-block:hover { text-decoration: none; } .fill-bg-custom .link-hover-block:hover img { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } .fill-bg-custom .link-hover-block:hover b, .fill-bg-custom .link-hover-block:hover em { color: #333333 !important; } /* /link-hover-block */ @media (min-width: 1770px) { .slider-blog .box-foto img { float: right; padding: 0 15px 0 0; } } @media (max-width: 767px) { .slider-blog { padding: 0 25px 15px; margin-top: 0; } .slider-blog .box-foto { margin-bottom: 20px; padding-top: 60px; text-align: center !important; } .slider-blog .box-foto img { display: inline-block; float: none; } .slider-blog .box-foto:after { position: absolute; display: block; top: 0; right: auto; margin-top: -0.1em; font-family: Georgia, sans-serif; content: '“'; font-size: 13.5em; line-height: 1em; color: #c40000; } .box-data h6 { text-align: center; } .box-data p { text-align: left; } } /* testimonials ==================================== */ .testimonialsAsid .slick-slide { padding: 0px 0 65px 0; } .testimonialsAsid .slick-slide img { max-width: 109px; margin-bottom: 26px; } .testimonialsAsid .slick-slide p { position: relative; font-weight: 300; } .testimonialsAsid .slick-slide p span { width: 45px; display: inline-block; position: relative; } .testimonialsAsid .slick-slide p span:before { color: #fff; content: "“"; display: block; font-family: Georgia, sans-serif; font-size: 110px; line-height: 1em; margin-top: -15px; position: absolute; right: 0px; top: -25px; } /* testimonials ==================================== */ /* slider-blog-layout1 ==================================== */ .slider-blog-layout1 .slider-blog__item { overflow: hidden; } .slider-blog-layout1 .slider-blog__item .box-foto { float: left; width: 29%; margin-right: 5%; overflow: hidden; } .slider-blog-layout1 .slider-blog__item .box-foto img { width: 100%; height: auto; } @media (max-width: 510px) { .slider-blog-layout1 .slider-blog__item .box-foto { width: 100%; text-align: center; } .slider-blog-layout1 .slider-blog__item .box-foto img { max-width: 170px; display: inline-block; } .slider-blog-layout1 .slider-blog__item .box-foto:before { color: #c40000; content: "“"; display: block; font-family: Georgia, sans-serif; font-size: 145px; line-height: 1em; position: absolute; top: -15px; left: 0; } } .slider-blog-layout1 .slider-blog__item .box-data { float: left; width: 60%; position: relative; padding-top: 55px; } .slider-blog-layout1 .slider-blog__item .box-data:before { color: #c40000; content: "“"; display: block; font-family: Georgia, sans-serif; font-size: 145px; line-height: 1em; position: absolute; top: -15px; left: 0; } @media (max-width: 510px) { .slider-blog-layout1 .slider-blog__item .box-data { width: 100%; text-align: center; padding-top: 25px; } .slider-blog-layout1 .slider-blog__item .box-data p { text-align: center; } .slider-blog-layout1 .slider-blog__item .box-data:before { display: none; } } .slider-blog-layout1 .slider-blog__item h6 { font-size: 22px; line-height: 1.2em; font-weight: 500; padding-top: 5px; color: #c40000; text-transform: uppercase; font-family: Ubuntu, sans-serif; } .slider-blog-layout1 .slider-blog__item h6 em { font-size: 18px; color: #333333; text-transform: none; font-family: Georgia, sans-serif; } /* /slider-blog-layout1 ==================================== */ /**************************************** * end blog carousel *****************************************/ /**************************************** * recent-posts-carousel *****************************************/ @media (min-width: 768px) { #postsCarousel { margin-top: -20px; margin-bottom: 0; } } .recent-post-box { position: relative; } .recent-post-box > div { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 1770px) { .recent-post-box > div:last-child { padding-left: 60px !important; } } .recent-post-box .figure { display: block; margin-bottom: 34px; background: #c40000; overflow: hidden; position: relative; } @media (max-width: 767px) { .recent-post-box .figure { margin-bottom: 15px; } } .recent-post-box .figure .figcaption { display: block; position: absolute; background-color:#d43f3a; width: 73px; height: 73px; text-align: center; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 24px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; font-size: 16px; } .recent-post-box .figure .figcaption b { font-weight: 500; display: block; text-align: center; font-size: 30px; } .recent-post-box .figure .figcaption span { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .recent-post-box .figure .figcaption em { font-family: Georgia, sans-serif; display: inline-block; } .recent-post-box .figure .figcaption.label-top-left { top: 21px; left: 21px; } .recent-post-box .figure .figcaption.label-top-right { top: 21px; right: 21px; } .recent-post-box .figure .figcaption.label-bottom-left { bottom: 21px; left: 21px; } .recent-post-box .figure .figcaption.label-bottom-right { bottom: 21px; right: 21px; } .recent-post-box .figure:hover img { opacity: 0.9; -webkit-transform: scale(1.05); transform: scale(1.05); backface-visibility: hidden; } .recent-post-box img { width: 100%; height: auto; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; } .recent-post-box h4 { color: #c40000; font-family: Ubuntu, sans-serif; font-weight: 500; font-size: 1.375em; line-height: 1.182em; text-transform: uppercase; } .recent-post-box h4 a { color: #c40000; text-decoration: none; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .recent-post-box h4 a:hover { color: #333333; } @media (max-width: 767px) { .recent-post-box h4 { font-size: 1em; } } .recent-post-box .author { font-style: italic; color: #333333; font-size: 1.125em; line-height: 1em; padding-bottom: 19px; font-family: Georgia, sans-serif; } @media (max-width: 767px) { .recent-post-box .author { padding-bottom: 10px; } } .recent-post-box p { font-weight: 300; font-size: 1em; line-height: 1.6875em; padding-right: 30px; margin-bottom: 11px; } @media (max-width: 767px) { .recent-post-box p { padding-right: 0; margin-bottom: 0; } } .recent-post-box .link-commet { color: #c40000; font-size: 1em; text-decoration: none; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .recent-post-box .link-commet .icon { font-size: 1.5em; position: relative; top: 3px; margin-right: 16px; } .recent-post-box .link-commet:hover { text-decoration: none; color: #333333; } /* aside */ aside .recent-post-box { overflow: hidden; } @media (min-width: 1770px) { aside .recent-post-box > div:last-child { padding-left: 0px !important; } } /* /aside */ @media (min-width: 1770px) { #centerColumn .recent-post-box { display: table; } #centerColumn .recent-post-box > div { display: table-cell; vertical-align: middle; width: 50%; float: none; } #centerColumn .recent-post-box__text { height: 100%; margin-top: -17px; } } .recent-post-box .figcaption:before { content: ''; background: #ffffff; width: 0; height: 0; position: absolute; top: 50%; left: 50%; float: left; border-radius: 50%; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .recent-post-box:hover .figcaption { background-color: #fff; } .recent-post-box:hover .figcaption:before { width: 73px; height: 73px; top: 0; left: 0; opacity: 1; } .recent-post-box:hover .figcaption span { color: #c40000; } /* col */ .recent-post-box.recent-post-col { overflow: hidden; } .recent-post-box.recent-post-col > div { padding-left: 15px !important; padding-right: 15px !important; } .recent-post-box.recent-post-col .figure .figcaption.label-top-left { top: 10px; left: 10px; } .recent-post-box.recent-post-col .figure .figcaption.label-top-right { top: 10px; right: 10px; } .recent-post-box.recent-post-col .figure .figcaption.label-bottom-left { bottom: 10px; left: 10px; } .recent-post-box.recent-post-col .figure .figcaption.label-bottom-right { bottom: 10px; right: 10px; } @media (max-width: 500px) { .recent-post-box.recent-post-col > div { width: 100% !important; } } /* /col */ /**************************************** * end recent-posts-carousel *****************************************/ /**************************************** * carousel brands *****************************************/ .brand-link { display: inline-block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; } .brand-link img { display: block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } .brand-link:hover img { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; /* IE 6-9 */ } .brands-carousel > div { float: left; } .brands-carousel.slick-initialized > div { float: inherit; } .fill-bg-custom .brands-carousel { padding: 85px 0 57px 0; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .fill-bg-custom .brands-carousel img { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; /* IE 6-9 */ } .fill-bg-custom .brands-carousel:hover img { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; /* IE 6-9 */ } .fill-bg-custom .brands-carousel a:hover img { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } @media (max-width: 767px) { .fill-bg-custom .brands-carousel { padding: 45px 0 17px 0; } } .fill-bg-custom .slick-prev, .fill-bg-custom .slick-next { background-color: rgba(255, 255, 255, 0.2); } .fill-bg-custom .slick-prev:before, .fill-bg-custom .slick-next:before { color: #fff; } .fill-bg-custom .slick-prev:hover, .fill-bg-custom .slick-next:hover { background-color: rgba(255, 255, 255, 0.5); } .fill-bg .brands-carousel { padding: 85px 0 57px 0; } @media (max-width: 767px) { .fill-bg .brands-carousel { padding: 45px 0 17px 0; } } .fill-bg .slick-prev, .fill-bg .slick-next { background-color: #ffffff; } .fill-bg .slick-prev:before, .fill-bg .slick-next:before { color: #333333; } .fill-bg .slick-prev:hover, .fill-bg .slick-next:hover { background-color: #ffffff; } .fill-bg .slick-prev:hover:before, .fill-bg .slick-next:hover:before { color: #c40000; } /*==== brands ====*/ .brands-list a { display: inline-block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; } .brands-list a img { display: block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } .brands-list a:hover img { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; /* IE 6-9 */ } .megamenu .brands-list { margin-bottom: -20px; } .megamenu .brands-list img { max-width: 95px; } /*==== brands-carousel ====*/ .brands-carousel { margin-top: -15px; } .brands-carousel .slick-slide { text-align: center; } .brands-carousel .slick-list { padding: 10px 8px 10px; } .brands-carousel a { display: inline-block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; } .brands-carousel a img { display: block; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } .brands-carousel a:hover img { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; /* IE 6-9 */ } .brands-carousel .slick-next { right: 15px; } .brands-carousel .slick-prev { left: 15px; } @media (min-width: 768px) { .brands-carousel .slick-list { margin: 0 85px; } } /**************************************** * end carousel brands *****************************************/ /**************************************** * menu *****************************************/ /*=== dropdowns style ===*/ .dropdown-link { display: block; color: #777777; font-size: 1em; line-height: 1em; padding: 16px 7px 17px; text-decoration: none; border-bottom: 1px solid #e5e5e5; font-weight: 300; } .dropdown-link:hover { background-color: #f7f7f7; color: #333333; } .dropdown-link .icon { font-size: 1.125em; color: #c40000; display: inline-block; vertical-align: middle; width: 30px; padding: 0 12px 0 2px; } @media (min-width: 1055px) { .visible-mobile-menu-on { display: none; } .visible-mobile-menu-off { display: inline-block; } .navbar .dropdown { position: static; } .dropdown { display: inline; padding: 0 20px 10px 0; font-weight: 300; } .dropdown .dropdown-menu { padding: 0; border: 0; margin-top: 0 !important; border-radius: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .dropdown .dropdown-menu__close { display: none; } .dropdown .dropdown-menu > li > a { display: block; color: #777777; font-size: 1em; line-height: 1em; padding: 16px 7px 17px; text-decoration: none; border-bottom: 1px solid #e5e5e5; font-weight: 300; } .dropdown .dropdown-menu > li > a:hover { background-color: #f7f7f7; color: #333333; } .dropdown .dropdown-menu > li > a .icon { font-size: 1.125em; color: #c40000; display: inline-block; vertical-align: middle; width: 30px; padding: 0 12px 0 2px; } .dropdown .dropdown-menu.multicolumn > li:last-child a { border: 0; } .dropdown.dropdown-mega-menu { position: static; } .dropdown.dropdown-mega-menu .dropdown-menu { display: block; top: -10000px; overflow: hidden; } .dropdown.dropdown-mega-menu:hover .dropdown-menu { display: block; top: auto; } .dropdown.dropdown-one-col { position: relative; } .dropdown.dropdown-one-col .dropdown-menu.multicolumn { min-width: 300px; } .dropdown.dropdown-one-col .dropdown-menu.multicolumn a { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .dropdown.dropdown-two-col { position: static; } .dropdown.dropdown-two-col .dropdown-menu { display: block; top: -10000px; overflow: hidden; } .dropdown.dropdown-two-col:hover .dropdown-menu { display: block; top: auto; } .dropdown .caret { margin-left: 16px; border-top: 5px dashed; border-top: 5px solid \9; border-right: 5px solid transparent; border-left: 5px solid transparent; } .dropdown.text-right { padding: 0 14px 10px 16px; } .settings .dropdown.text-right { padding: 0 0 10px 28px; } .dropdown > a { text-decoration: none; } .dropdown > a:hover { text-decoration: none; } .dropdown > a:hover .icon { color: #c40000; } .dropdown > a .icon { font-size: 1.9375em; color: #333333; position: relative; } .dropdown .dl-close { display: none; } .settings .dropdown-menu, .account .dropdown-menu { min-width: 209px; } .settings .dropdown-menu > li > a, .account .dropdown-menu > li > a { padding-left: 20px; padding-right: 20px; color: #777777; font-weight: 300; } .settings .dropdown-menu > li.active > a, .account .dropdown-menu > li.active > a, .settings .dropdown-menu > li:hover > a, .account .dropdown-menu > li:hover > a { color: #333333; background-color: #f7f7f7; } .account .dropdown-menu { min-width: 270px; } } /* nav */ @media (min-width: 1055px) { .nav .dropdown .dropdown-menu .col-md-3 { width: 24.5%; } .nav .dropdown.dropdown-one-col { position: relative; } .nav .dropdown.dropdown-one-col .dropdown-menu { width: 304px; } .nav .dropdown.dropdown-two-col { position: relative; } .nav .dropdown.dropdown-two-col .dropdown-menu { width: 609px; } .nav .dropdown.dropdown-two-col .dropdown-menu.popup-center { margin-left: -252px; } .nav .dropdown.dropdown-two-col .dropdown-menu.popup-left { margin-left: -502px; } .nav .dropdown.dropdown-three-col { position: relative; } .nav .dropdown.dropdown-three-col .dropdown-menu { width: 658px; } .nav .dropdown.dropdown-three-col .dropdown-menu.popup-center { margin-left: -352px; } .nav .dropdown.dropdown-three-col .dropdown-menu.popup-left { margin-left: -703px; } } @media (min-width: 1055px) and (min-width: 992px) { .nav .dropdown .dropdown-menu { width: 992px; } } @media (min-width: 1055px) and (min-width: 1200px) { .nav .dropdown .dropdown-menu { width: 1200px; } } @media (min-width: 1055px) and (min-width: 1770px) { .nav .dropdown .dropdown-menu { width: 1770px; } } /* /nav */ @media (max-width: 1055px) { .visible-mobile-menu-on { display: block; } .visible-mobile-menu-off { display: none; } .dropdown { position: static; display: inline; padding: 0 20px 0 0; font-weight: 300; } .dropdown .caret { margin-left: 10px; color: #777777; } .dropdown.text-right { padding: 0 0 0 20px; } .dropdown > a { position: relative; text-decoration: none; } .dropdown > a:hover { text-decoration: none; } .dropdown > a:hover .icon { color: #c40000; } .dropdown > a .icon { font-size: 1.9375em; color: #777777; position: relative; } .dropdown .dropdown-menu__close a { display: block; text-align: center; color: #c40000 !important; text-transform: uppercase; font-size: 0.8175em; } .dropdown .dropdown-menu__close a .icon { display: inline-block; padding: 0 5px; vertical-align: middle; font-size: 1.5385em; color: #fff; } .dropdown .dropdown-menu--xs-full { left: 0; right: 0; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: #333333; z-index: 11111; } .dropdown .dropdown-menu--xs-full a:not(.btn) { padding: 10px 15px; color: #999999; border-top: 1px solid #777777; } .dropdown .dropdown-menu--xs-full a:not(.btn):hover { color: #ffffff; background-color: #171717; } .dropdown .dropdown-menu--xs-full a:not(.btn) .icon { font-size: 1.125em; color: #c40000; display: inline-block; vertical-align: middle; width: 30px; padding: 0 10px 0 2px; } } .dropdown-toggle { cursor: pointer; } .dropdown.text-right .dropdown-menu { left: auto; right: 0; } .dropdown-label { display: inline-block; padding: 0 10px 0 0; } /*=== desktop-menu ===*/ @media (min-width: 1055px) { header .mainMenu { padding-top: 6px; } header .mainMenu .navbar-nav { position: relative; } header .mainMenu .navbar-nav > li { padding: 0 0 0.8em 0 !important; } header .mainMenu .navbar-nav > li > a { padding-left: 0.9em; padding-right: 0.9em; font-size: 1.125em; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: #333333; background-color: transparent; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; top: 0; -moz-transition: top 0.3s ease; -o-transition: top 0.3s ease; -webkit-transition: top 0.3s ease; } header .mainMenu .navbar-nav > li > a .act-underline { display: inline-block; padding-bottom: 10px; padding-top: 5px; position: relative; } header .mainMenu .navbar-nav > li > a .act-underline:before { content: ""; position: absolute; bottom: 0px; display: block; background-color:#d43f3a; height: 0.28em; width: 100%; left: 0; opacity: 0; -moz-transition: all 0.12s linear; -o-transition: all 0.12s linear; -webkit-transition: all 0.12s linear; } header .mainMenu .navbar-nav > li > a:hover, header .mainMenu .navbar-nav > li > a:focus, .open header .mainMenu .navbar-nav > li > a { background-color: transparent; } header .mainMenu .navbar-nav > li > a:hover .act-underline:before, header .mainMenu .navbar-nav > li > a:focus .act-underline:before, header .mainMenu .navbar-nav > li > a .open .act-underline:before { opacity: 1; } header .mainMenu .navbar-nav > li:nth-child(2) > a { padding-left: 0; } header .mainMenu .navbar-nav > li:last-child > a { padding-right: 0; } header .mainMenu .navbar-nav > li > a:hover { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; top: -0.2em; -moz-transition: top 0.1s linear; -o-transition: top 0.1s linear; -webkit-transition: top 0.1s linear; } .dl-close, .dl-back { display: none !important; } } @media (min-width: 1055px) { .navbar-vertical .mainMenu { padding-top: 20px; } .navbar-vertical .mainMenu .navbar-nav { position: relative; } .navbar-vertical .mainMenu .navbar-nav > li { padding: 0 0 0.8em 0 !important; margin-right: 1.8em !important; } .navbar-vertical .mainMenu .navbar-nav > li > a { padding-bottom: 10px; padding-top: 5px; padding-left: 0; padding-right: 0; font-size: 1.125em; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: #333333; background-color: transparent; top: 0; } .navbar-vertical .mainMenu .navbar-nav > li > a:before { content: ""; position: absolute; bottom: 0px; display: block; background-color:#d43f3a; height: 0.28em; width: 100%; opacity: 0; } .navbar-vertical .mainMenu .navbar-nav > li > a:hover, .navbar-vertical .mainMenu .navbar-nav > li > a:focus, .open .navbar-vertical .mainMenu .navbar-nav > li > a { background-color: transparent; } .navbar-vertical .mainMenu .navbar-nav > li > a:hover:before, .navbar-vertical .mainMenu .navbar-nav > li > a:focus:before, .open .navbar-vertical .mainMenu .navbar-nav > li > a:before { opacity: 1; } .dl-close, .dl-back { display: none !important; } } @media (min-width: 1055px) and (min-width: 768px) { .navbar-vertical .mainMenu .image-link .btn { padding: 5px 5px; font-size: 11px; } } @media (min-width: 1055px) and (min-width: 992px) { .navbar-vertical .mainMenu .image-link .btn { padding: 7px 7px; font-size: 11px; } } @media (min-width: 1055px) and (min-width: 1200px) { .navbar-vertical .mainMenu .image-link .btn { padding: 10px 12px; font-size: 15px; } } @media (min-width: 1055px) and (min-width: 1770px) { .navbar-vertical .mainMenu .image-link .btn { padding: 15px 20px; font-size: 18px; } } @media (min-width: 1055px) and (max-width: 1199px) { .navbar-vertical .mainMenu .image-links img { width: 80%; } } @media (min-width: 1055px) and (max-width: 1199px) { .navbar-vertical .mainMenu .image-links.image-links-layout img { width: 100%; } } /* discolor-hover */ .discolor-hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; /* IE 6-9 */ } .discolor-hover:hover img { -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } /* /discolor-hover */ /*=== megamenu ===*/ @media (min-width: 1055px) { .megamenu { width: 100%; max-width: 1170px; padding: 20px 25px 50px !important; } .megamenu.dropdown-menu { top: inherit; margin-top: 0 !important; } .megamenu > li { float: left; } .megamenu > li li { position: relative; } .megamenu > li li > ul { position: absolute; z-index: 100; display: none; left: 100%; top: 0; min-width: 200px; background-color: #fcfcfc; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); } .megamenu > li li > a:not(:only-child):after { font-family: "Material Icons"; speak: none; content: "\e5cc"; position: relative; display: inline-block; right: 0; float: right; color: #c40000; -webkit-font-smoothing: antialiased; } .megamenu > li li:hover > ul { display: block; } .megamenu > li li.sub-menu-popup-left > a:not(:only-child):after { content: "\e5cb"; } .megamenu > li li.sub-menu-popup-left > ul { left: -200px !important; } .megamenu__submenu { list-style: none; padding: 0; margin-bottom: 15px; } .megamenu__submenu li a { display: block; color: #777777; font-size: 1em; line-height: 1em; padding: 16px 7px 17px; text-decoration: none; border-bottom: 1px solid #e5e5e5; font-weight: 300; } .megamenu__submenu li a:hover { background-color: #f7f7f7; color: #333333; } .megamenu__submenu li a .icon { font-size: 1.125em; color: #c40000; display: inline-block; vertical-align: middle; width: 30px; padding: 0 12px 0 2px; } .megamenu__submenu li:last-child a { border: 0; } .megamenu .megamenu__submenu--marked li > a:before { width: 25px; font-family: "Material Icons"; speak: none; content: "\e5cc"; position: relative; display: inline-block; float: left; color: #c40000; -webkit-font-smoothing: antialiased; } .megamenu__subtitle { background-color: transparent !important; padding: 7px 0 0 !important; border-bottom: 0 !important; color: #333333 !important; margin-bottom: 7px; } .megamenu__subtitle span:first-child { display: block; font-size: 1em; line-height: 1em; font-weight: 600 !important; text-transform: uppercase; padding: 0.5em 0 0.9em 0 !important; border-bottom: 2px solid #c40000 !important; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .megamenu__subtitle:hover span:first-child { color: #c40000; } .megamenu__category-image { display: block; margin: 21px 0 0; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition: opacity 300ms linear 0s; -moz-transition: opacity 300ms linear 0s; -ms-transition: opacity 300ms linear 0s; -o-transition: opacity 300ms linear 0s; transition: opacity 300ms linear 0s; } .megamenu__category-image:hover { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); } .megamenu .carousel-products { margin-top: 25px; } } .image-links > [class*="col-"] { float: none; display: inline-block; vertical-align: top; } .image-link { display: block; text-align: center; } .image-link > a { text-decoration: none; display: block; padding: 20px 0 20px; } .image-link .figure { display: block; position: relative; text-align: center; } .image-link .btn { position: absolute; display: block; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: opacity 200ms linear 0s; -moz-transition: opacity 200ms linear 0s; -ms-transition: opacity 200ms linear 0s; -o-transition: opacity 200ms linear 0s; transition: opacity 200ms linear 0s; } .image-link:hover .btn { opacity: 1; } .image-link:hover .figcaption { color: #c40000; } .image-link img { display: inline-block; background-color: #ffffff; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -ms-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } .image-link .figcaption { display: block; margin: 20px 0 10px; font-size: 1em; line-height: 1.2em; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #333333; } @media (min-width: 1055px) { .image-links .col-one-fifth { width: 18.3%; float: left; margin-left: 2.125%; margin-right: 0; margin-top: 20px; margin-bottom: 25px; } .image-links .col-one-fifth:nth-child(5n+2) { margin-left: 0; } } @media (min-width: 1055px) { .image-links .col-one-third { width: 33.333%; float: left; margin-top: 27px; } } @media (min-width: 1055px) { .image-links .col-one-third { width: 23%; float: left; margin-right: 0; } .image-links .col-one-third:nth-child(3n+2) { margin-left: 15.5%; } } @media (min-width: 1055px) { .image-links .col-half { width: 35%; float: left; margin-right: 0; } .image-links .col-half.col-half-left { margin: 0 5% 0 10%; } .image-links .col-half.col-half-right { margin: 0 10% 0 5%; } } @media (min-width: 1055px) { .image-links .col-half { width: 40%; float: left; } .image-links .col-half.col-half-left { margin: 0 0 0 10%; } .image-links .col-half.col-half-right { margin: 0 10% 0 0; } } @media (min-width: 1055px) { .image-links .col-one-fourth { width: 33.333%; float: left; margin-top: 27px; margin-right: 0; } } @media (min-width: 1055px) { .image-links .col-one-fourth { width: 23%; float: left; } .image-links .col-one-fourth:nth-child(4n+2) { margin-left: 5%; } } .image-links-layout .btn { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .image-links-layout .image-link .figcaption { padding-left: 5px; padding-right: 5px; } @media (min-width: 1055px) { .image-links-layout .col-one-third { width: 32.3%; display: inline-block; float: none; vertical-align: top; } } @media (min-width: 1055px) { .image-links-layout .col-one-fourth { width: 24.5%; display: inline-block; float: none; vertical-align: top; } } @media (min-width: 1055px) and (min-width: 992px) { .image-links-layout .col-one-fourth { padding: 0 15px; } } .image-links-prototypes .image-link > a { margin-bottom: 10px; } .image-links-prototypes .image-link .figcaption { font-size: 45px; letter-spacing: 0; color: #333333; margin: 25px 0 12px; } .image-links-prototypes .image-link .figcaption .size1 { font-size: 16px; font-weight: 500; } .image-links-prototypes .image-link img { opacity: 0.5; max-width: 100%; } .image-links-prototypes .image-link:hover img { opacity: 1; } .image-links-prototypes .image-link:hover .figcaption { color: #c40000; } .image-links-listing { padding-bottom: 50px !important; } .image-links-listing .image-link > a { margin-bottom: 8px; } .image-links-listing .image-link .figcaption { color: #333333; margin: 25px 0 0; } .image-links-listing .image-link img { opacity: 0.5; } .image-links-listing .image-link:hover img { opacity: 1; } .image-links-listing .image-link:hover .figcaption { color: #c40000; } /*=== mobile-menu ===*/ @media (max-width: 1055px) { .navbar-toggle { position: relative; font-size: 18px; line-height: 1.2em; width: 110px; text-transform: uppercase; } .menu-text { left: 48px; position: absolute; top: 5px; color: #ffffff; } .navbar { position: static !important; } .responsive-menu { margin: 1px auto; text-align: center; } .responsive-menu .hidden-xs { display: none; } .responsive-menu > ul { position: fixed; display: none; margin: 0; padding: 0; background: #fff; list-style: none; z-index: 10000; top: 0; left: -100%; height: 100%; text-align: left; -webkit-transition: left 300ms linear 0s; -moz-transition: left 300ms linear 0s; -ms-transition: left 300ms linear 0s; -o-transition: left 300ms linear 0s; transition: left 300ms linear 0s; -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15); } .responsive-menu > ul:after { content: ""; clear: both; display: block; } .responsive-menu > ul li { float: left; border-top: 1px solid #e5e5e5; padding-left: 0; padding-right: 0; display: block; } .responsive-menu > ul li.dropdown { padding: 0 !important; } .responsive-menu > ul li:first-child, .responsive-menu > ul li.open { border-top: 0 !important; } .responsive-menu > ul li a { color: #333333; font-size: 18px !important; line-height: 1em !important; font-weight: 600 !important; display: block; padding: 15px 18px !important; text-decoration: none; text-transform: uppercase; } .responsive-menu > ul li a:hover { color: #c40000; background-color: #f7f7f7; } .responsive-menu > ul li .image-link a { margin: 0; } .responsive-menu > ul li.dl-back a, .responsive-menu > ul li.dl-close a { font-size: 0.8125em !important; color: #c40000; } .responsive-menu > ul li.dl-back a .icon, .responsive-menu > ul li.dl-close a .icon { display: inline-block; vertical-align: middle; font-size: 1.7692em; color: #333333; } .responsive-menu > ul ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); border: 0; } .responsive-menu > ul ul li { position: relative; } .responsive-menu li > a:not(:only-child):after { font-family: "Material Icons"; speak: none; content: "\e5cc"; position: relative; display: inline-block; right: 0; float: right; color: #c40000; -webkit-font-smoothing: antialiased; } .responsive-menu-toggled { width: 50px; min-height: 50px; display: none; } .responsive-menu-open ~ ul { left: 0; -webkit-transition: left 300ms linear 0s; -moz-transition: left 300ms linear 0s; -ms-transition: left 300ms linear 0s; -o-transition: left 300ms linear 0s; transition: left 300ms linear 0s; } .responsive-menu-dropdown:not(.hidden-xs) { display: block !important; } .responsive-menu-mobile { width: 85%; max-width: 300px; } html:not(.touch) .responsive-menu-mobile .responsive-menu-dropdown:hover ~ ul, html:not(.touch) .responsive-menu-mobile .responsive-menu-dropdown:hover > ul, html:not(.touch) .responsive-menu-mobile .responsive-menu-dropdown:hover + ul { display: none!important; } .responsive-menu-mobile li { width: 100%; } .responsive-menu-mobile .dl-submenu { position: relative; left: 0px; top: -1px; width: 100%; } .responsive-menu-mobile .dl-back { display: block; } .dl-subview { display: block!important; } .dl-subover-hidden { display: none!important; } .dl-subover-visible { display: block; } .dl-subover-visible .dl-subover-header { display: none!important; } } /*=== multicolumn menu ===*/ @media (min-width: 1055px) { .multicolumn { padding: 20px 25px !important; min-width: 605px; } .multicolumn li { display: inline-block; float: left; min-width: 250px; width: 100%; } .multicolumn li a { margin: 0 15px; padding: 16px 7px 17px !important; } .multicolumn.two-col li { width: 50%; } .multicolumn.one-col { min-width: 250px; } .multicolumn.three-col { min-width: 810px; } .multicolumn.three-col li { width: 33.333%; } .multicolumn.four-col { min-width: 1060px; } .multicolumn.four-col li { width: 25%; } .multicolumn.five-col { min-width: 1310px; } .multicolumn.five-col li { width: 20%; } .multicolumn.six-col { min-width: 1560px; } .multicolumn.six-col li { width: 16.666%; } } /*============== dropdown-menu-right ==============*/ .dropdown-menu-right { left: 0 !important; right: auto !important; } /*============== /dropdown-menu-right ==============*/ @media (min-width: 1055px) { .navbar.navbar-vertical .mainMenu { padding-top: 0; } .navbar.navbar-vertical .mainMenu .navbar-nav { float: none; } .navbar.navbar-vertical .mainMenu .navbar-nav > li { float: none !important; width: 100%; padding: 0 !important; top: 0px !important; } .navbar.navbar-vertical .mainMenu .navbar-nav > li > a { border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 1em; padding: 19px 21px 21px 20px; } .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .icon { font-size: 23px; color: #c40000; margin-left: 11px; top: 1px; position: relative; } .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .badge { position: relative; top: 1px; } .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .badge:after { display: none; } .navbar.navbar-vertical .mainMenu .navbar-nav > li > a:before { display: none; } .navbar.navbar-vertical .mainMenu .navbar-nav > li > a:hover { padding: 19px 21px 21px 20px; background-color: #f7f7f7; color: #c40000; } .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu { left: 263px; top: -1px; } .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color:#d43f3a; } } @media (min-width: 1055px) and (max-width: 767px) { .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu { left: 270px; } } @media (min-width: 1055px) and (min-width: 768px) { .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu { left: 270px; } } @media (min-width: 1055px) and (min-width: 992px) { .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu { left: 300px; } } @media (min-width: 1055px) and (min-width: 1200px) { .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu { left: 267px; } } @media (min-width: 1055px) and (min-width: 1770px) { .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu { left: 262px; } } @media (min-width: 1055px) and (max-width: 767px) { .navbar.navbar-vertical .mainMenu .megamenu { width: 666px; } } @media (min-width: 1055px) and (min-width: 768px) { .navbar.navbar-vertical .mainMenu .megamenu { width: 666px; } } @media (min-width: 1055px) and (min-width: 992px) { .navbar.navbar-vertical .mainMenu .megamenu { width: 666px; } } @media (min-width: 1055px) and (min-width: 1200px) { .navbar.navbar-vertical .mainMenu .megamenu { width: 900px; } } @media (min-width: 1055px) and (min-width: 1770px) { .navbar.navbar-vertical .mainMenu .megamenu { width: 1170px; } } /* navbar-color-white ==================================== */ @media (min-width: 1055px) { .navbar-color-white .mainMenu .navbar-nav > li > a { color: #fff; } } .navbar-color-white .badge--menu { background-color: #777777; } .navbar-color-white .badge--color { background-color:#d43f3a; } /* /navbar-color-white ==================================== */ @media (min-width: 1055px) { header .navbar .dropdown { display: inline-block; } header .navbar .megamenu__submenu.dl-submenu, header .navbar .dropdown-one-col { -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .megamenu__subtitle:hover { letter-spacing: 1px; } .megamenu > li:hover .megamenu__subtitle span { color: #c40000; } .megamenu > li li li { -o-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .megamenu > li li ul { display: block; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .megamenu > li li:hover ul { visibility: visible; opacity: 1; } .megamenu > li li:hover ul ul { display: block; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .megamenu > li li:hover ul ul li:hover ul { visibility: visible; opacity: 1; } .megamenu > li li li ul { display: block; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .megamenu > li li li:hover ul { visibility: visible; opacity: 1; } } @media (min-width: 1055px) { .navbar-nav > li > .extra-arrow { display: none; } } @media (max-width: 1055px) { .navbar-nav > li > .extra-arrow { position: absolute !important; width: 15%; right: 0; height: 100%; z-index: 7; border: 1px solid green; font-family: none; font-size: 0; line-height: 0; background: transparent !important; } .navbar-nav > li > .extra-arrow:after { display: none; } } @media (max-width: 1055px) { /* mobile menu ==================================== */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { -webkit-overflow-scrolling: touch; overflow: hidden !important; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #cboxOverlay { background-color: rgba(0, 0, 0, 0.55); } #colorbox { outline: 0; } #cboxContent { background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { border: none; background: #fff; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; } /* #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} */ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious, #cboxNext { opacity: 0; position: absolute; height: 54px; width: 54px; cursor: pointer; background: none; color: transparent; text-align: center; border: 2px solid #3a3a3a; outline: none; margin-top: -28px; top: 50%; text-indent: -9999px; } #colorbox:hover #cboxPrevious, #colorbox:hover #cboxNext, #colorbox:hover #cboxClose { opacity: 1; } #cboxPrevious { left: 5px; } #cboxNext { right: 5px; } #cboxPrevious:before, #cboxNext:before { display: block; position: relative; font-size: 14px !important; line-height: 50px !important; color: #3a3a3a; margin: 0 0 0 -2px; text-indent: 0; } #cboxNext:before { margin: 0 0 0 2px; } #cboxClose { position: fixed; top: 0px; left: 0px; display: block; width: 300px; height: 50px; outline: none; padding: 12px 0px 15px 52px; color: #000; background: #fff; font-weight: 600; font-size: 15px; text-transform: uppercase; text-align: left; font-weight: 500; border-bottom: 1px solid #e5e5e5; z-index: 7; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #cboxClose:hover { color: #c40000; } .touch #cboxClose { opacity: 1 !important; } #cboxClose:before { position: absolute; top: 6px; left: 20px; text-indent: 0; font-family: 'Material Icons'; content: "\e14c"; font-size: 23px !important; } .canvas-menu #cboxClose:before { color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .canvas-menu #cboxClose:hover:before { color: #c40000; } .canvas-menu #cboxLoadedContent { background: #242424; } .gallery-popup #cboxClose:before { font-size: 20px !important; } } @media (min-width: 1055px) { #colorbox { display: none; } #off-canvas-menu { display: none; } } @media (max-width: 1055px) { /* off canvas menu */ #outer { overflow: hidden; } #outer-canvas, #off-canvas-menu { width: 100%; } body.off-canvas-menu-open #outer-canvas { margin-left: 0; overflow: hidden; position: relative; } body.off-canvas-menu-open.notouch #outer-canvas { margin-left: 300px; } .off-canvas-menu-toggle { display: block; } #off-canvas-menu { background: #fff; display: block; height: 100%; top: 0; width: 100%; z-index: 10001; overflow: auto; } #off-canvas-menu .expander-list { border-top: 1px solid #e5e5e5 !important; list-style-type: none; padding: 49px 0 0 0; } #off-canvas-menu .expander-list ul { margin: 0px; } #off-canvas-menu .expander-list .expander { font-size: 0px; margin-top: 0px; right: 0px; position: relative; } #off-canvas-menu .expander-list li { overflow: hidden; } #off-canvas-menu .expander-list .name { padding: 0px; height: 100%; color: #333333; font-size: 18px; line-height: 1.1em; font-weight: 500; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #off-canvas-menu .expander-list .name.open, #off-canvas-menu .expander-list .name:hover { background: #f7f7f7; } #off-canvas-menu ul li span.icon { font-size: 18px; line-height: 22px; padding: 0 10px 0 0; } #off-canvas-menu ul li li li { padding-left: 15px; } #off-canvas-menu ul li .name a { color: #333333; font-size: 18px; line-height: 1.1em; text-decoration: none; text-transform: uppercase; padding: 13px 0 14px 20px; display: inline-block; } #off-canvas-menu ul li .name.open a { color: #c40000; } #off-canvas-menu ul li .name a { display: inline-block; width: 80%; } #off-canvas-menu ul li .name .expander { float: right; cursor: pointer; padding: 12px 15px 0px 0 !important; height: 100%; width: 100% !important; position: absolute; top: 0; z-index: 4; } #off-canvas-menu ul li .name.open .expander { width: 20% !important; position: inherit; } #off-canvas-menu-close { background: transparent; display: none; right: 15px; top: 0px; position: absolute; text-align: center; text-decoration: none; z-index: 2; color: #fff; cursor: pointer; } #off-canvas-menu-close [class^="icon-"]:before, #off-canvas-menu-close [class*=" icon-"]:before { margin: 0; width: auto; line-height: 53px; } body.off-canvas-menu-open #off-canvas-menu-close { display: block; } body.off-canvas-menu-open #off-canvas-menu { display: block; left: 0; } body.off-canvas-menu-open #outer-overlay { background: none repeat scroll 0 0 #000; display: block; height: 100%; left: 0; min-height: 100% !important; opacity: .5; position: absolute !important; top: 0; width: 100% !important; z-index: 10000; } #outer-overlay { opacity: 0; z-index: 0; } /* expander list */ .expander-list, .expander-list ul { margin: 0; padding: 0; list-style-type: none; } .responsive-menu ul li { border-bottom: 1px solid #e5e5e5; } #off-canvas-menu > ul ul li { border-bottom: 1px solid #e5e5e5; } #off-canvas-menu ul ul ul li { border-bottom: 1px solid #e5e5e5; } #off-canvas-menu ul ul ul li:last-child { border-bottom: 1px solid transparent; } .expander-list li { margin: 0; padding: 0 !important; } .expander-list .name { display: block; padding: 0px 0 0px; border-bottom: 1px solid #e5e5e5; } .expander-list ul .name { padding-left: 21px; } .expander-list ul ul .name { padding-left: 42px; } .expand-nav { left: 0px; position: absolute; top: 0px; } .expand-nav a { text-decoration: none; } .expand-nav .nav-item > a { display: block; float: left; height: 53px; left: 0; position: absolute; text-align: center; text-decoration: none; top: 0; width: 47px; z-index: 2; } .expand-nav .nav-item > a .icon { color: #3b3b3b; font-size: 24px; line-height: 50px; margin-top: 5px; position: relative; } /* bull */ #off-canvas-menu .expander-list .name .expander:before { content: "\e409"; } #off-canvas-menu .expander-list .name.open .expander:before { content: "\e5cf"; } /* /bull */ /* level - 2 */ #off-canvas-menu > ul ul li { padding-left: 0; padding-right: 0; display: block; } /* /level-2 */ .image-links-prototypes .image-link a { color: #333333; font-size: 18px !important; line-height: 1em !important; font-weight: 600 !important; display: block; padding: 15px 18px !important; text-decoration: none; text-transform: uppercase; } .image-links-prototypes .image-link .figcaption { font-size: 45px; letter-spacing: 0; color: #333333; margin: 25px 0 12px; } .multicolumn li a { color: #333333; font-size: 18px !important; line-height: 1em !important; font-weight: 600 !important; display: block; padding: 15px 18px 15px 33px !important; text-decoration: none; text-transform: uppercase; } .multicolumn-level li a { color: #333333; font-size: 18px !important; line-height: 1em !important; font-weight: 600 !important; display: block; padding: 15px 18px 15px 33px !important; text-decoration: none; text-transform: uppercase; } .multicolumn-level .name { border-color: transparent; } .multicolumn-level .name.open { border-color: #e5e5e5; } .image-links-level-2 li { border: none; } .image-links-level-2 li a { padding: 15px 18px 15px 33px !important; } .image-links-level-3 li a { padding: 15px 18px 15px 43px !important; } .image-links-level-4 li a { padding: 15px 18px 15px 53px !important; } .image-links-level-5 li a { padding: 15px 18px 15px 63px !important; } .image-links-level-6 li a { padding: 15px 18px 15px 73px !important; } .image-links-level-7 li a { padding: 15px 18px 15px 83px !important; } #off-canvas-menu { /* badge */ /* end badge */ } #off-canvas-menu .badge { left: auto !important; right: 0 !important; top: -1px !important; z-index: 0; } #off-canvas-menu .badge:after { display: none !important; } #off-canvas-menu .dropdown-menu { position: relative !important; z-index: 1; width: 100%; border: none !important; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #off-canvas-menu .dropdown-menu li.col-xs-6, #off-canvas-menu .dropdown-menu li.col-md-3 { width: 100% !important; } } .multicolumn.two-col li:nth-last-child(2) a { border-color: transparent ; } .multicolumn.three-col li:nth-last-child(3) a { border-color: transparent; } .multicolumn.three-col li:nth-last-child(2) a { border-color: transparent; } .multicolumn.three-col li:nth-last-child(1) a { border-color: transparent; } /* end mobile menu ==================================== */ /* multicolumn ==================================== */ @media (min-width: 1055px) { .multicolumn.dropdown-menu { overflow: inherit !important; } .multicolumn li { position: relative; } ul.popup-left { left: auto !important; right: 100% !important; } .multicolumn li > a:not(:only-child):after { font-family: "Material Icons"; speak: none; content: "\e5cc"; position: relative; display: inline-block; right: 0; float: right; color: #c40000; -webkit-font-smoothing: antialiased; } .multicolumn li ul { display: block; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; position: absolute; z-index: 100; display: none; left: 100%; margin-left: -15px; top: 0; min-width: 200px; background-color: #fcfcfc; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); } .multicolumn li ul.popup-left { margin-left: 0; margin-right: -15px; } .multicolumn li:hover ul { visibility: visible; opacity: 1; display: block; } .multicolumn ul li:nth-last-child(2) a { border-color: #e5e5e5 !important; } .multicolumn ul ul li:nth-last-child(2) a { border-color: #e5e5e5 !important; } .multicolumn li ul ul { margin-left: 0; } .multicolumn li ul ul.popup-left { margin-left: 0; margin-right: 0px; } .multicolumn li ul li a { margin: 0; border-bottom: 1px solid #e5e5e5 !important; } .multicolumn li:hover ul li ul { left: 100%; padding: 0; } .multicolumn li:hover ul li ul { visibility: hidden; opacity: 0; } .multicolumn li ul li:hover ul { visibility: visible; opacity: 1; } .megamenu > li li > ul { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); } } @media (max-width: 1055px) { .multicolumn .name { border-color: transparent; } .multicolumn .name.open { border-color: #e5e5e5; } } /* end multicolumn ==================================== */ @media all and (-webkit-min-device-pixel-ratio: 1.5) { .expander-list .image-link .btn { display: none; } } /* hover and activ ==================================== */ @media (min-width: 1055px) { header .mainMenu .navbar-nav > li.hover > a, header .mainMenu .navbar-nav > li.active > a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; top: -0.2em; -moz-transition: top 0.1s linear; -o-transition: top 0.1s linear; -webkit-transition: top 0.1s linear; } header .mainMenu .navbar-nav > li.hover > a .act-underline:before, header .mainMenu .navbar-nav > li.active > a .act-underline:before { opacity: 1 !important; } .megamenu__submenu li.hover > a, .megamenu__submenu li.active > a { background-color: #f7f7f7; color: #333333; } } /* end hover and activ ==================================== */ /**************************************** * end menu *****************************************/ /**************************************** * search *****************************************/ .search a { display: inline-block; text-decoration: none; padding: 0; } .search a:hover { text-decoration: none; } .search a:hover .icon { color: #c40000; } .search a .icon { position: relative; font-size: 1.8125em; color: #333333; line-height: 32px; padding: 10px 0 6px; display: inline-block; } @media (max-width: 1055px) { .search a:hover .icon { color: #ffffff; } .search a .icon { color: #ffffff; } } .search-dropdown { position: absolute; width: 100%; right: 0; z-index: 1; margin-top: -52px; background-color: #fff; visibility: hidden; opacity: 0; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; } .search-dropdown.open { visibility: visible; opacity: 1; } .search-dropdown .input-outer { position: absolute; left: 0; right: 0; width: 100%; padding-right: 62px; } @media (max-width: 1055px) { .search-dropdown .input-outer { height: 55px; } } .search-dropdown .input-outer input { width: 100%; height: 51px; border: 1px solid #e5e5e5; padding: 14px 15px; line-height: 21px; } @media (max-width: 1055px) { .search-dropdown .input-outer input { height: 55px; } } .search-dropdown .input-outer button { position: absolute; right: 65px; top: 0; border: none; background: none; font-size: 1.8em; padding: 13px 10px 7px; line-height: 1em; } .search-dropdown .input-outer button:hover { color: #c40000; } .search-dropdown .search__close { margin-right: 12px; } @media (max-width: 1055px) { .search.open { width: 100%; } .search.open .search-dropdown { width: 100%; display: block; } .search-dropdown { width: auto; right: -18px; margin-top: -55px; height: 55px; display: none; } .search-dropdown .input-outer { height: 55px; } .search-dropdown .input-outer input { height: 55px; margin-left: 15px; } .search-dropdown .search__close .icon { color: #333333; } .search-dropdown .search__close .icon:hover { color: #c40000; } } /* search-outer ==================================== */ .search-outer .input-outer { position: relative; } .search-outer .input-outer input { width: 100%; height: 60px; border: 1px solid #e5e5e5; padding: 13px 15px 14px 20px; line-height: 21px; font-weight: 500; font-size: 18px; } .search-outer .input-outer input::-webkit-input-placeholder { color: #333333; } .search-outer .input-outer input::-moz-placeholder { font-size: 1em; line-height: 1.214em; color: #333; } .search-outer .input-outer input::-moz-placeholder::-moz-placeholder { color: #999; opacity: 1; } .search-outer .input-outer input::-moz-placeholder:-ms-input-placeholder { color: #999; } .search-outer .input-outer input::-moz-placeholder::-webkit-input-placeholder { color: #999; } .search-outer .input-outer input:-ms-input-placeholder { color: #333333; } .search-outer .input-outer input:-moz-placeholder { color: #333333; } .search-outer .input-outer button { position: absolute; right: 0px; top: 0; border: none; background: none; font-size: 1.8em; padding: 16px 17px 7px; line-height: 1em; color: #333333; } /* /search-outer ==================================== */ /**************************************** * end search *****************************************/ /**************************************** * shopping cart *****************************************/ .cart .dropdown > a { text-decoration: none; margin: 0; } @media (max-width: 1055px) { .cart .dropdown > a { margin: 0 -5px 0 0; } } .cart .dropdown > a:hover { text-decoration: none; } .cart .dropdown > a:hover .icon { color: #333333 !important; } .cart .dropdown > a .icon { font-size: 2.3125em !important; color: #333333 !important; position: relative; } .cart .dropdown-menu { width: 320px; padding: 20px 20px 30px; } @media (max-width: 1055px) { .cart .dropdown-menu { position: fixed; top: 0px; right: -45px !important; color: #ffffff; padding: 10px 0 45px; } } .cart .dropdown-menu ul { margin: 0; padding: 0; } .cart .dropdown-menu .container { position: relative; max-width: 100%; } .cart .dropdown-menu .cart__top { font-size: 1.25em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__top { font-size: 1.125em; font-weight: 500; } } .cart .dropdown-menu .cart__bottom { font-size: 1em; padding: 5px 0 0 0; position: relative; } .cart .dropdown-menu .cart__close { position: absolute; right: 10px; top: 5px; font-size: 20px; color: #ffffff; cursor: pointer; } .cart .dropdown-menu .cart__close span { display: none; font-size: 13px; line-height: 17px; font-weight: 500; } .cart .dropdown-menu .cart__close:hover { color: #c40000; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__close { right: 0; left: 0; top: auto; bottom: -42px; text-align: center; } .cart .dropdown-menu .cart__close span { display: inline-block; color: #c40000; padding: 0 5px; vertical-align: text-top; } } .cart .dropdown-menu .cart__total { font-weight: 500; text-transform: uppercase; } .cart .dropdown-menu .cart__total span { padding: 0 5px; color: #c40000; } .cart .dropdown-menu a:not(.btn) { border: none; padding: 0; } .cart .dropdown-menu a:not(.btn):hover { background-color: transparent; } @media (max-width: 1055px) { .cart .dropdown-menu .btn.btn--ys { width: 100%; margin: 10px 0 0; } .cart .dropdown-menu .btn.btn--ys:hover, .cart .dropdown-menu .btn.btn--ys:focus { background-color: #ffffff; color: #333333; } .cart .dropdown-menu .btn.btn--ys:hover .icon, .cart .dropdown-menu .btn.btn--ys:focus .icon { color: #c40000; } } .cart .dropdown-menu .cart__item { display: block; width: 100%; min-height: 92px; position: relative; margin: 10px 0 10px; padding: 0 0 15px 0; } .cart .dropdown-menu .cart__item:after { position: absolute; left: -20px; bottom: 0; width: calc(115%); content: ''; height: 1px; background-color: #fff; opacity: 0.2; } .cart .dropdown-menu .cart__item__image { position: absolute; top: 5px; left: 0; width: 71px; overflow: hidden; } .cart .dropdown-menu .cart__item__image img { width: 100%; } .cart .dropdown-menu .cart__item__image:hover { outline: 2px solid #c40000; } .cart .dropdown-menu .cart__item__control { position: absolute; top: 0; right: 0; } .cart .dropdown-menu .cart__item__control div { display: inline-block; } .cart .dropdown-menu .cart__item__control a { display: inline-block; white-space: nowrap; font-size: 1.25em; overflow: hidden; max-width: 30px; transition: max-width 500ms ease-out; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__item__control a { max-width: 30px !important; color: #c40000 !important; } } .cart .dropdown-menu .cart__item__control a span { display: inline-block; font-size: 13px; text-transform: uppercase; vertical-align: text-top; padding: 0 10px; color: #ffffff; } .cart .dropdown-menu .cart__item__control a:hover { max-width: 150px; color: #c40000 !important; transition: max-width 500ms ease-out; } .cart .dropdown-menu .cart__item__info { margin: 0 0 0 90px; } .cart .dropdown-menu .cart__item__info .info-label { min-width: 50px; display: inline-block; margin-bottom: 7px; } .cart .dropdown-menu .cart__item__info__title h2 { font-size: 1em; font-weight: 500; line-height: 1.6875em; padding: 0 90px 10px 0; margin: 0; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__item__info__title h2 { font-weight: 300; } } .cart .dropdown-menu .cart__item__info__title h2 a:hover { color: #fff !important; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__item__info__title h2 a { color: #c40000 !important; } } @media (min-width: 1055px) { .cart .dropdown-menu .cart__item__info__title .title-center { display: table-cell; height: 75px; vertical-align: middle; } } .cart .dropdown-menu .cart__item__info__price span:not(.info-label) { font-size: 20px; font-weight: 500; color: #ffffff; } .cart .dropdown-menu .cart__item__info__qty input { width: 77px; text-align: center; background: transparent; border-color: #606060; color: #ffffff; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__item__info__qty input { background-color: transparent; } } .cart .dropdown-menu .cart__item__info__details a { text-transform: uppercase; font-size: 0.8125em; color: #c40000; text-decoration: underline; } @media (max-width: 1055px) { .cart .dropdown-menu .cart__item__info__details { display: none; } } @media (min-width: 1055px) { .cart .dropdown-menu.slide-from-top { position: fixed; top: -200%; left: 0; width: 100%; background-color: #333333; display: block; -webkit-transition: top 500ms linear 0s; -moz-transition: top 500ms linear 0s; -ms-transition: top 500ms linear 0s; -o-transition: top 500ms linear 0s; transition: top 500ms linear 0s; } .cart .dropdown.open .dropdown-menu.slide-from-top { top: 0; -webkit-transition: top 500ms linear 0s; -moz-transition: top 500ms linear 0s; -ms-transition: top 500ms linear 0s; -o-transition: top 500ms linear 0s; transition: top 500ms linear 0s; } .cart .dropdown-menu.slide-from-top .cart__top { color: #fff; } .cart .dropdown-menu.slide-from-top .cart__item { margin: 6px 0 20px; } .cart .dropdown-menu.slide-from-top .cart__item__info__title { max-width: 500px; } .cart .dropdown-menu.slide-from-top .cart__item__info { margin: 0 0 0 100px; } .cart .dropdown-menu.slide-from-top .cart .dropdown-menu .cart__item { margin: 5px 0 10px; } .cart .dropdown-menu.slide-from-top .cart__item__info__title h2 { font-size: 1em; line-height: 1.6875em; padding: 22px 0 0 0; text-transform: uppercase; } .cart .dropdown-menu.slide-from-top .cart__item__info__title h2 a { color: #c40000; } .cart .dropdown-menu.slide-from-top .cart__item__info__price { position: absolute; right: 320px; top: 0; padding: 33px 0 0; } .cart .dropdown-menu.slide-from-top .cart__item__info__qty { position: absolute; right: 545px; top: 0; padding: 30px 0 0; } .cart .dropdown-menu.slide-from-top .cart__item__info .info-label { color: #ffffff; } .cart .dropdown-menu.slide-from-top .cart__item__info__details a { color: #ffffff; opacity: 0.5; text-decoration: none; } .cart .dropdown-menu.slide-from-top .cart__item:after { display: none; } .cart .dropdown-menu.slide-from-top .cart__bottom { border-top: 1px solid #606060; margin: 20px 0 0 0; padding: 20px 0 0 0; } .cart .dropdown-menu.slide-from-top .btn-checkout { float: right; } .cart .dropdown-menu.slide-from-top .cart__total { position: absolute; padding: 4px 250px 0 0; right: 0; font-weight: 500; color: #ffffff; text-transform: uppercase; } .cart .dropdown-menu.slide-from-top .cart__total span { font-size: 20px; } .cart .dropdown-menu.slide-from-top .cart__item__edit, .cart .dropdown-menu.slide-from-top .cart__item__delete { margin: 33px 0 0 0; } .cart .dropdown-menu.slide-from-top .cart__item__edit .icon, .cart .dropdown-menu.slide-from-top .cart__item__delete .icon { color: #EEE; } } @media (min-width: 1200px) and (max-width: 1400px) { .cart .dropdown-menu.slide-from-top .cart__item__info__title { max-width: 500px; } .cart .dropdown-menu.slide-from-top .cart__item__info__price { right: 180px; } .cart .dropdown-menu.slide-from-top .cart__item__info__qty { right: 350px; } } @media (min-width: 992px) and (max-width: 1199px) { .cart .dropdown-menu.slide-from-top .cart__item__info__title { max-width: 400px; } .cart .dropdown-menu.slide-from-top .cart__item__info__price { right: 180px; } .cart .dropdown-menu.slide-from-top .cart__item__info__qty { right: 340px; } } @media (min-width: 1055px) and (max-width: 991px) { .cart .dropdown-menu.slide-from-top .cart__item__info__title { max-width: 180px; } .cart .dropdown-menu.slide-from-top .cart__item__info__price { right: 170px; } .cart .dropdown-menu.slide-from-top .cart__item__info__qty { right: 320px; } } /**************************************** * end shopping cart *****************************************/ /**************************************** * banner *****************************************/ .bg-none { background: none !important; } .banner { display: block; position: relative; overflow: hidden; } .banner .block-table { display: table; width: 100%; height: 100%; } .banner .block-table-cell { display: table-cell; vertical-align: middle; } .banner .figure { display: block; /* background-color:#d43f3a;*/ overflow: hidden; height: 99%; } .banner .figure img { width: 101%; /* fix chrome image width bug */ vertical-align: top; } .banner .figcaption { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; /* font-size */ /* /font-size */ } .banner .figcaption::before, .banner .figcaption::after { pointer-events: none; } .banner .figcaption .banner__title { display: block; font-weight: 500; text-transform: uppercase; color: #ffffff; margin: 12px 0; padding: 0; text-decoration: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (min-width: 768px) and (max-width: 1199px) { .banner .figcaption .banner__title { font-size: 1.8em; } } .banner .figcaption .size1 { font-size: 2.75em; line-height: 1.364em; font-weight: bold; letter-spacing: 0.07em; margin: 0 0 0.55em; padding: 0; } @media (max-width: 1199px) { .banner .figcaption .size1 { font-size: 2.55em; } } @media (max-width: 767px) { .banner .figcaption .size1 { font-size: 2.35em; } } .banner .figcaption .size2 { font-size: 3.875em; line-height: 1em; font-weight: bold; letter-spacing: 0.07em; margin: 0 0 0.2em; padding: 0; } @media (max-width: 1199px) { .banner .figcaption .size2 { font-size: 3.675em; } } @media (max-width: 767px) { .banner .figcaption .size2 { font-size: 3.475em; } } .banner .figcaption .size3, .banner .figcaption .size3-1 { font-size: 5em; line-height: 1em; font-weight: bold; letter-spacing: 0.075em; margin: 0 0 16px; padding: 0 5px; word-spacing: 0.1em; } .banner .figcaption .size3-1 { margin-top: 6px; } .banner .figcaption .size4 { font-size: 3.375em; line-height: 1.111em; font-weight: bold; letter-spacing: 0.1em; margin: -4px 5px 20px; } .banner .figcaption .size5 { font-size: 3.125em; letter-spacing: 5px; font-weight: 600; } @media (max-width: 1770px) { .banner .figcaption .size5 { font-size: 2.5em; letter-spacing: 3px; } } .banner .figcaption .size6 { font-size: 2.375em; line-height: 1em; letter-spacing: 5px; font-weight: bold; margin: 0; } .banner .figcaption .size40 { font-size: 2.5em; line-height: 1em; letter-spacing: 0px; font-weight: 500; margin: 0 0 27px 0; font-family: Ubuntu, sans-serif !important; } @media (max-width: 360px) { .banner .figcaption .size40 { font-size: 1.5em; margin: 0 0 10px 0; } } @media (min-width: 768px) { .banner .figcaption .size40 { font-size: 1.7em; margin: 0 0 20px 0; } } @media (min-width: 992px) { .banner .figcaption .size40 { font-size: 1.8em; margin: 0 0 20px 0; } } @media (min-width: 1200px) { .banner .figcaption .size40 { font-size: 2.2em; margin: 0 0 27px 0; } } @media (min-width: 1770px) { .banner .figcaption .size40 { font-size: 2.5em; margin: 0 0 27px 0; } } .banner .figcaption .text { display: block; margin-bottom: 10px; font-size: 1.125em; line-height: 1em; color: #ffffff; font-weight: 500; letter-spacing: 1px; } .banner .figcaption .text.color { color: #c40000; } .banner .figcaption .text.size1 { font-size: 1.375em; font-family: Georgia, sans-serif; font-style: italic; letter-spacing: 0; margin-bottom: 1.4em; margin-top: -2px; } .banner .figcaption .text.size2 { font-size: 1.625em; font-weight: 300; letter-spacing: 0.04em; } .banner .figcaption .text.size3 { font-size: 2.375em; font-weight: bold; letter-spacing: 2px; } .banner .figcaption .text.size4 { font-size: 1.375em; font-family: Georgia, sans-serif; font-style: italic; letter-spacing: 0; margin-bottom: 1.833em; margin-top: -5px; } .banner .figcaption .text.size5 { font-size: 1.375em; font-family: Georgia, sans-serif; font-style: italic; letter-spacing: 0; margin-bottom: 0.5em; } .banner .figcaption .font-size50 { font-size: 50px; } .banner .figcaption .btn { opacity: 1; margin-top: 16px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .banner .figcaption .btn.offset-top { margin-top: 36px; } .banner-carousel .btn--xl { line-height: 1.1em; } .banner-layout-1 { display: block; position: relative; overflow: hidden; } .banner-layout-1 .figure { display: block; background-color:#d43f3a; } .banner-layout-1 .figure img { width: 101%; /* fix chrome image width bug */ } .banner-layout-1 .figcaption { display: block; position: absolute; bottom: -1px; left: 0; width: 100%; font-size: 25px; line-height: 1em; color: #fff; padding: 3.8% 4%; background: rgba(121, 121, 121, 0.85); vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 767px) { .banner-layout-1 .figcaption { padding: 3.8% 4%; font-size: 12px; } } @media (min-width: 768px) { .banner-layout-1 .figcaption { padding: 3.8% 4%; font-size: 13px; } } @media (min-width: 992px) { .banner-layout-1 .figcaption { padding: 3.8% 4%; font-size: 15px; } } @media (min-width: 1200px) { .banner-layout-1 .figcaption { padding: 3.8% 4%; font-size: 16px; } } @media (min-width: 1770px) { .banner-layout-1 .figcaption { font-size: 25px; padding: 3.8% 4%; } } .banner-layout-1:hover .figcaption { background: rgba(249, 99, 50, 0.85); } @media (min-width: 1200px) { .banner .figcaption .size6 { font-size: 1.8em !important; } .banner .figcaption .size3, .banner .figcaption .size3-1 { font-size: 3.5em; letter-spacing: 0.04em; } .banner .figcaption .size4 { font-size: 3em; } .banner .figcaption .text.size3 { font-size: 1.7em; } } @media (min-width: 1770px) { .banner .figcaption .size3, .banner .figcaption .size3-1 { font-size: 5em; } .banner .figcaption .text.size3 { font-size: 2.375em; } .banner .figcaption .size4 { font-size: 3.375em; } } @media screen and (max-width: 1199px) { .banner .figcaption .size3, .banner .figcaption .size3-1 { font-size: 2.7em; } .banner .figcaption .size4 { font-size: 2.375em; } .banner .figcaption .size5 { font-size: 2.125em; } .banner .figcaption .size6 { font-size: 1.375em; } .banner .figcaption .text { font-size: 1em; } .banner .figcaption .text.size1 { font-size: 1.1em; } .banner .figcaption .text.size2 { font-size: 1.3em; } .banner .figcaption .text.size3 { font-size: 1.5em; letter-spacing: 1px; } .banner .figcaption .btn { margin-top: 10px; } .banner .figcaption .btn.offset-top { margin-top: 20px; } } @media screen and (max-width: 991px) { .banner .figcaption .size3, .banner .figcaption .size3-1 { font-size: 2em; } .banner .figcaption .size4 { font-size: 1.7em; } .banner .figcaption .size5 { font-size: 1.55em; } .banner .figcaption .size6 { font-size: 1em; } .banner .figcaption .text { font-size: 1em; } .banner .figcaption .text.size1 { font-size: 1.1em; } .banner .figcaption .text.size2 { font-size: 1.2em; } .banner .figcaption .text.size3 { font-size: 1.3em; letter-spacing: 1px; } .banner .figcaption .btn { margin-top: 10px; padding: 11px 20px 11px !important; } .banner .figcaption .btn.offset-top { margin-top: 15px; } } @media screen and (max-width: 479px) { .banner .figcaption .size1 { font-size: 1.8em; } .banner .figcaption .size2 { font-size: 1.7em; } .banner .figcaption .size3, .banner .figcaption .size3-1 { font-size: 2.2em; } .banner .figcaption .size4 { font-size: 2.375em; } .banner .figcaption .size5 { font-size: 1.125em; } .banner .figcaption .size6 { font-size: 1.375em; } } /*=== banner animations ===*/ .zoom-in .figure { -webkit-transform: translateZ(0); } .zoom-in .figure img { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale(1); transform: scale(1); } .zoom-in .figure:hover img { opacity: 0.9; -webkit-transform: scale(1.05); transform: scale(1.05); } /* box-baners ==================================== */ .box-baners .row div { padding: 0; margin: 0; } .box-baners .text-top .block-table-cell { vertical-align: top !important; padding-top: 15% !important; } .box-baners .text-left { text-align: left !important; padding-left: 9%; padding-right: 8.8%; } .box-baners .text-right { text-align: right !important; padding-left: 5%; padding-right: 5%; } .box-baners .text-center { padding-left: 5%; padding-right: 5%; } .box-baners .text-center .block { padding-right: 25px; padding-left: 25px; } @media (max-width: 767px) { .box-baners .text-center { padding-left: 1%; padding-right: 1%; } } @media (min-width: 768px) { .box-baners .text-center { padding-left: 3%; padding-right: 3%; } } .box-baners .btn-right-bottom .btn { position: absolute; right: 6%; bottom: 9%; } @media (max-width: 767px) { .box-baners .btn-right-bottom .btn { padding-left: 0%; padding-right: 0%; } } .box-baners .block-left-bottom { position: absolute; left: 6%; bottom: 9%; width: 50%; text-align: left; } @media (max-width: 767px) { .box-baners .block-left-bottom { padding-left: 0%; padding-right: 0%; } } .box-baners .block-top-md { margin-top: 20px; } .box-baners .block-top-sm { margin-top: 10px; } .box-baners .text-center-small { padding-left: 5%; padding-right: 5%; text-align: center; } .box-baners .text-right-small { padding-left: 5%; padding-right: 5%; text-align: right; } .box-baners .banner-md { height: 350px; width: 100%; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .box-baners .banner-md .block-table { height: 350px; } @media (max-width: 767px) { .box-baners .banner-md { height: 258px; } .box-baners .banner-md .block-table { height: 258px; } } .box-baners .banner-md:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); background-color: #f5f5f5; } .box-baners .banner-md:hover .figcaption { color: #333333; } .box-baners .banner-md:hover .figcaption .btn.btn--border { border-color: #333333; color: #333333; } .box-baners .banner .figcaption { color: #fff; /* indent */ /* /indent */ /* font-bold */ /* /font-bold */ /* wrapper-green */ /* /wrapper-green */ /* line-height */ /* /line-height-md */ /* font-size */ /* /font-size */ /* line-height-small */ /* /line-height-small */ /* text-sm */ /* /text-sm */ /* link-btn */ /* /link-btn */ /* link-btn */ /* /link-btn */ } .box-baners .banner .figcaption .icon.color { color: #c40000; } .box-baners .banner .figcaption span.color, .box-baners .banner .figcaption span.color span, .box-baners .banner .figcaption em.color, .box-baners .banner .figcaption em.color span { color: #c40000; } .box-baners .banner .figcaption span.text-color, .box-baners .banner .figcaption span.text-color span, .box-baners .banner .figcaption em.text-color, .box-baners .banner .figcaption em.text-color span { color: #777777; } .box-baners .banner .figcaption span.text-dark, .box-baners .banner .figcaption span.text-dark span, .box-baners .banner .figcaption em.text-dark, .box-baners .banner .figcaption em.text-dark span { color: #333333; } .box-baners .banner .figcaption span.color-yellow, .box-baners .banner .figcaption span.color-yellow span, .box-baners .banner .figcaption em.color-yellow, .box-baners .banner .figcaption em.color-yellow span { color: #feea3a; } .box-baners .banner .figcaption span.color-yellow:hover, .box-baners .banner .figcaption span.color-yellow span:hover, .box-baners .banner .figcaption em.color-yellow:hover, .box-baners .banner .figcaption em.color-yellow span:hover { color: #fff; } .box-baners .banner .figcaption span.color-yellow:hover span, .box-baners .banner .figcaption span.color-yellow span:hover span, .box-baners .banner .figcaption em.color-yellow:hover span, .box-baners .banner .figcaption em.color-yellow span:hover span { color: #fff; } .box-baners .banner .figcaption .text-custom { color: #c40000; } .box-baners .banner .figcaption .block { display: block; } .box-baners .banner .figcaption .top-indent { margin-top: 23% !important; } .box-baners .banner .figcaption .top-indent-sm { margin-top: 2% !important; } .box-baners .banner .figcaption .top-indent-sm1 { margin-top: 3% !important; } .box-baners .banner .figcaption .top-indent-md { margin-top: 5% !important; } @media (max-width: 767px) { .box-baners .banner .figcaption .text-overflow-ellipsis { text-overflow: ellipsis; overflow: hidden; height: 50px; } } .box-baners .banner .figcaption .font-bold { font-weight: bold; } .box-baners .banner .figcaption .font-medium { font-weight: 500; } .box-baners .banner .figcaption .font-light { font-weight: lighter; } .box-baners .banner .figcaption .wrapper-green { display: inline-block; padding: 0 16px 4px 16px; background-color: #41df7c; } .box-baners .banner .figcaption .wrapper-coquelicot { display: inline-block; padding: 0 16px 1px 16px; background-color: #fd6940; } .box-baners .banner .figcaption .line-height-md { line-height: 38px !important; } @media (max-width: 767px) { .box-baners .banner .figcaption .line-height-md { line-height: 24px !important; } } @media (min-width: 768px) { .box-baners .banner .figcaption .line-height-md { line-height: 27px !important; } } @media (min-width: 992px) { .box-baners .banner .figcaption .line-height-md { line-height: 27px !important; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .line-height-md { line-height: 33px !important; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .line-height-md { line-height: 38px !important; } } .box-baners .banner .figcaption .font-size160 { font-size: 160px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size160 { font-size: 90px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size160 { font-size: 91px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size160 { font-size: 93px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size160 { font-size: 115px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size160 { font-size: 160px; } } @media (max-width: 500px) { .box-baners .banner .figcaption .font-size160 { font-size: 70px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size160 { font-size: 50px; } } .box-baners .banner .figcaption .font-size100 { font-size: 100px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size100 { font-size: 50px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size100 { font-size: 50px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size100 { font-size: 70px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size100 { font-size: 90px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size100 { font-size: 100px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size100 { font-size: 40px; } } .box-baners .banner .figcaption .font-size96 { font-size: 96px; line-height: 0.96em; padding-bottom: 0px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size96 { font-size: 46px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size96 { font-size: 46px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size96 { font-size: 66px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size96 { font-size: 86px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size96 { font-size: 96px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size96 { font-size: 36px; } } .box-baners .banner .figcaption .font-size90 { font-size: 90px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size90 { font-size: 30px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size90 { font-size: 40px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size90 { font-size: 50px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size90 { font-size: 60px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size90 { font-size: 90px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size90 { font-size: 30px; } } .box-baners .banner .figcaption .font-size88 { font-size: 88px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size88 { font-size: 30px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size88 { font-size: 40px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size88 { font-size: 50px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size88 { font-size: 60px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size88 { font-size: 88px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size88 { font-size: 30px; } } .box-baners .banner .figcaption .font-size87 { font-size: 87px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size87 { font-size: 30px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size87 { font-size: 40px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size87 { font-size: 50px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size87 { font-size: 60px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size87 { font-size: 87px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size87 { font-size: 30px; } } .box-baners .banner .figcaption .font-size82 { font-size: 5.125em; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size82 { font-size: 27px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size82 { font-size: 37px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size82 { font-size: 43px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size82 { font-size: 55px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size82 { font-size: 82px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size82 { font-size: 22px; } } .box-baners .banner .figcaption .font-size80 { font-size: 80px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size80 { font-size: 25px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size80 { font-size: 35px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size80 { font-size: 45px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size80 { font-size: 55px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size80 { font-size: 80px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size80 { font-size: 20px; } } .box-baners .banner .figcaption .font-size70 { font-size: 70px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size70 { font-size: 25px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size70 { font-size: 30px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size70 { font-size: 40px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size70 { font-size: 50px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size70 { font-size: 70px; } } .box-baners .banner .figcaption .font-size68 { font-size: 70px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size68 { font-size: 23px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size68 { font-size: 28px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size68 { font-size: 38px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size68 { font-size: 48px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size68 { font-size: 68px; } } .box-baners .banner .figcaption .font-size62 { font-size: 62px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size62 { font-size: 20px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size62 { font-size: 22px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size62 { font-size: 32px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size62 { font-size: 42px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size62 { font-size: 62px; } } .box-baners .banner .figcaption .font-size54 { font-size: 54px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size54 { font-size: 34px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size54 { font-size: 34px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size54 { font-size: 34px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size54 { font-size: 44px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size54 { font-size: 54px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size54 { font-size: 24px; } } .box-baners .banner .figcaption .font-size52 { font-size: 54px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size52 { font-size: 32px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size52 { font-size: 32px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size52 { font-size: 32px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size52 { font-size: 42px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size52 { font-size: 52px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size52 { font-size: 22px; } } .box-baners .banner .figcaption .font-size50 { font-size: 50px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size50 { font-size: 30px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size50 { font-size: 30px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size50 { font-size: 30px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size50 { font-size: 40px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size50 { font-size: 50px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size50 { font-size: 20px; } } .box-baners .banner .figcaption .font-size46 { font-size: 46px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size46 { font-size: 30px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size46 { font-size: 30px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size46 { font-size: 30px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size46 { font-size: 40px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size46 { font-size: 46px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size46 { font-size: 20px; } } .box-baners .banner .figcaption .font-size40 { font-size: 40px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size40 { font-size: 20px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size40 { font-size: 20px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size40 { font-size: 24px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size40 { font-size: 30px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size40 { font-size: 40px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size40 { font-size: 20px; } } .box-baners .banner .figcaption .font-size38 { font-size: 50px; line-height: 1.1em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size38 { font-size: 20px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size38 { font-size: 20px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size38 { font-size: 24px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size38 { font-size: 30px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size38 { font-size: 38px; } } @media (max-width: 400px) { .box-baners .banner .figcaption .font-size38 { font-size: 20px; } } .box-baners .banner .figcaption .font-size30 { font-size: 30px; line-height: 1.15em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size30 { font-size: 16px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size30 { font-size: 20px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size30 { font-size: 20px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size30 { font-size: 25px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size30 { font-size: 30px; } } .box-baners .banner .figcaption .font-size26 { font-size: 26px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size26 { font-size: 15px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size26 { font-size: 17px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size26 { font-size: 17px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size26 { font-size: 21px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size26 { font-size: 26px; } } .box-baners .banner .figcaption .font-size24 { font-size: 26px; line-height: 1.15em; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size24 { font-size: 15px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size24 { font-size: 17px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size24 { font-size: 17px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size24 { font-size: 20px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size24 { font-size: 24px; } } .box-baners .banner .figcaption .font-size22 { font-size: 22px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size22 { font-size: 15px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size22 { font-size: 17px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size22 { font-size: 17px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size22 { font-size: 17px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size22 { font-size: 22px; } } .box-baners .banner .figcaption .font-size21 { font-size: 21px; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size21 { font-size: 14px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size21 { font-size: 16px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size21 { font-size: 16px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size21 { font-size: 16px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size21 { font-size: 21px; } } .box-baners .banner .figcaption .font-size20 { font-size: 1.250em; line-height: 1.15em; padding-bottom: 10px; } @media (max-width: 767px) { .box-baners .banner .figcaption .font-size20 { font-size: 13px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .font-size20 { font-size: 15px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .font-size20 { font-size: 15px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .font-size20 { font-size: 15px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .font-size20 { font-size: 20px; } } .box-baners .banner .figcaption .line-height-small { line-height: 1em; } .box-baners .banner .figcaption .text_sm { color: #fff; display: block; padding-bottom: 22px; } @media (max-width: 767px) { .box-baners .banner .figcaption .text_sm { font-size: 11px; padding-bottom: 0px; } } @media (min-width: 768px) { .box-baners .banner .figcaption .text_sm { font-size: 14px; } } @media (min-width: 992px) { .box-baners .banner .figcaption .text_sm { font-size: 14px; } } @media (min-width: 1200px) { .box-baners .banner .figcaption .text_sm { font-size: 14px; } } @media (min-width: 1770px) { .box-baners .banner .figcaption .text_sm { font-size: 16px; } } @media (max-width: 768px) { .box-baners .banner .figcaption .btn.btn--ys, .box-baners .banner .figcaption .btn--border { padding: 11px 20px 11px !important; font-size: 1.1em; } } .box-baners .banner .figcaption .link-btn-20 { font-size: 1.250em; line-height: 1em; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .box-baners .banner .figcaption .link-btn-20 span { font-size: 2.250em; line-height: 1em; position: relative; top: 0.32em; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .box-baners .banner .figcaption .link-btn-20:hover { color: #c40000; } .box-baners .banner .figcaption .link-btn-20:hover span { color: #c40000; } @media (max-width: 767px) { .box-baners .banner .figcaption .link-btn-20 { font-size: 1.150em; } .box-baners .banner .figcaption .link-btn-20 span { font-size: 1.8em; top: 0.33em; } } @media (max-width: 767px) { .banner-bg { height: 220px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .banner-bg .block-table { height: 220px; } .banner-bg img { display: none; } .banner-bg .figure { height: 100%; } } /* /box-baners ==================================== */ /* banner-icon ==================================== */ .banner-icon { position: relative; min-height: 85px; margin-bottom: 37px; cursor: pointer; } .banner-icon__icon { position: absolute; top: 3px; width: 85px; height: 85px; border-radius: 50%; background: #f5f5f5; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .banner-icon__icon span { display: block; position: relative; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #333333; font-size: 34px; margin-top: 2px; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .banner-icon__icon span.icon-replay_5 { font-size: 42px; } .banner-icon__text { padding-left: 117px; } .banner-icon__text h3 { font-size: 1.375em; font-weight: 500; margin-bottom: 21px; color: #c40000; text-transform: uppercase; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .banner-icon:hover .banner-icon__icon { background: #c40000; } .banner-icon:hover .banner-icon__icon span { color: #fff; } .banner-icon:hover .banner-icon__text h3 { color: #333333; } /* /banner-icon ==================================== */ /* banner-all-width ==================================== */ .banner-all-width { padding: 72px 0 60px; } .banner-all-width.color-white .title { color: #fff !important; margin: 0 0 30px 0!important; padding: 0 !important; } .banner-all-width p { font-size: 20px; line-height: 37px; } @media (max-width: 768px) { .banner-all-width { padding: 62px 0 50px; } .banner-all-width .title { font-size: 35px; } .banner-all-width p { font-size: 17px; line-height: 34px; } } /* /banner-all-width ==================================== */ /* banner-one-product ==================================== */ .banner-one-product { padding-left: 0; padding-right: 0; } .banner-one-product .product-content { padding-top: 26%; } .banner-one-product .product-content .title { font-size: 30px; line-height: 1em; margin-bottom: 11px; color: #333333; } .banner-one-product .product-content .title a { color: #333333; } .banner-one-product .product-content .title a:hover { color: #c40000; } .banner-one-product .product-content .price { color: #c40000; font-size: 70px; padding-bottom: 27px; font-weight: lighter; } @media (max-width: 1200px) { .banner-one-product .product-content { text-align: center; padding-top: 0%; padding-bottom: 10%; } .banner-one-product .product-content .pull-left { float: inherit !important; } .banner-one-product .product-content .input-counter { margin-bottom: 19px; } } @media (min-width: 992px) { .banner-one-product .product-content { padding-top: 0% !important; } .banner-one-product .product-content .input-counter .pull-left { width: 100%; padding-bottom: 19px; } } @media (max-width: 768px) { .banner-one-product .product-content .title { margin-top: 0; } .banner-one-product .product-content .price { font-size: 45px; padding-bottom: 16px; } } @media (min-width: 1200px) { .banner-one-product .product-content { padding-top: 15% !important; } } @media (min-width: 1770px) { .banner-one-product .product-content { padding-top: 26% !important; } } /* input-counter */ .input-counter { position: relative; width: 134px; margin: 0 auto; } .input-counter input { border: 1px solid #e5e5e5; display: inline-block; width: 134px; height: 76px; font-size: 24px; line-height: 1em; text-align: center; font-family: Ubuntu, sans-serif; font-weight: lighter; } .input-counter span { display: inline-block; font-size: 27px; line-height: 1em; color: #777777; cursor: pointer; position: absolute; top: 50%; margin-top: -15px; font-family: Ubuntu, sans-serif; font-weight: 500; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); } .input-counter span:hover { color: #c40000; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .input-counter span.minus-btn { left: 19px; } .input-counter span.plus-btn { right: 19px; } /* /input-counter */ /* /banner-one-product ==================================== */ /* link-img-hover */ .link-img-hover { overflow: hidden; display: inline-block; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -ms-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } .link-img-hover.banner--md { display: block; } .link-img-hover img { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; } .link-img-hover:hover { background: #c40000; } .link-img-hover:hover img { opacity: 0.9; -webkit-transform: scale(1.05); transform: scale(1.05); backface-visibility: hidden; } /* /link-img-hover */ /* link-img-hover1 */ .link-img-hover1 { overflow: hidden; display: block; position: relative; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -ms-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } .link-img-hover1.banner--md { display: block; } .link-img-hover1 img { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; } .link-img-hover1:hover { background: #c40000; } .link-img-hover1:hover img { opacity: 0.9; -webkit-transform: scale(1.05); transform: scale(1.05); backface-visibility: hidden; } /* /link-img-hover1 */ @media (max-width: 767px) { .banner--md .vis-hid-img-small { display: none; } .banner--md .vis-hid-img-big { display: block; } } @media (min-width: 768px) { .banner--md .vis-hid-img-small { display: block; } .banner--md .vis-hid-img-big { display: none; } } @media (min-width: 992px) { .banner--md .vis-hid-img-small { display: block; } .banner--md .vis-hid-img-big { display: none; } } @media (min-width: 1200px) { .banner--md .vis-hid-img-small { display: block; } .banner--md .vis-hid-img-big { display: none; } } @media (min-width: 1770px) { .banner--md .vis-hid-img-small { display: none; } .banner--md .vis-hid-img-big { display: block; } } /**************************************** * end banner *****************************************/ /**************************************** * REVOLUTION SLIDER *****************************************/ #slider { overflow: hidden; } #slider video { width: 100%; height: 100%; } .tp-banner { font-size: 10px; z-index: 1; position: relative; } .tp-banner-container { width: 100%; position: relative; padding: 0; z-index: 1; } .slider-button .tp-banner, .slider-button .tp-banner-container { z-index: -1; } /* CAPTION SLIDE */ .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* tp-caption1--wd-1 */ .tp-caption1--wd-1 { font-size: 20px; line-height: 40px; color: #333333; font-family: Georgia, sans-serif; font-style: italic; } .tp-caption1--wd-2 { font-size: 80px; line-height: 100px; font-family: Ubuntu, sans-serif; color: #c40000; text-transform: uppercase; letter-spacing: 0.03em; display: inline-block; } .tp-caption1--wd-3 { font-size: 90px; line-height: 90px; font-weight: 600; color: #333333; text-transform: uppercase; letter-spacing: 0.09em; } .tp-banner .color-white { color: #fff !important; } /* effect-button */ .link-button { margin-top: 47px; background-color:#d43f3a; text-transform: uppercase; color: #ffffff !important; font-weight: bold; font-size: 24px; line-height: 28px; display: inline-block; padding: 20px 35px; vertical-align: middle; position: relative; z-index: 1; letter-spacing: 0.02em; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none !important; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13); -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13); } .link-button:hover { color: #c40000 !important; background: none; } .button--border-thick { border: 2px solid #c40000; } @media (max-width: 1700px) { .tp-caption1--wd-1 { font-size: 15px !important; line-height: 20px !important; } .tp-caption1--wd-2 { font-size: 60px !important; line-height: 70px !important; } .tp-caption1--wd-3 { font-size: 70px !important; line-height: 70px !important; } } @media (max-width: 991px) { .tp-caption1--wd-1 { font-size: 15px !important; line-height: 20px !important; } .tp-caption1--wd-2 { font-size: 60px !important; line-height: 70px !important; } .tp-caption1--wd-3 { font-size: 70px !important; line-height: 70px !important; } .link-button { font-size: 19px; padding: 13px 18px; } } @media (max-width: 767px) { .tp-caption1--wd-1 { font-size: 15px !important; line-height: 20px !important; } .tp-caption1--wd-2 { font-size: 24px !important; line-height: 27px !important; } .tp-caption1--wd-3 { font-size: 26px !important; line-height: 26px !important; } .link-button { margin-top: 9px; font-size: 13px; padding: 2px 13px; } } /* /tp-caption2--wd-1 */ .tp-caption2--wd-1 { font-size: 30px; line-height: 50px; color: #ffffff; font-style: italic; font-family: Georgia, sans-serif; text-align: right; } /* tp-caption2--wd-2 */ .tp-caption2--wd-2 { font-size: 160px; line-height: 160px; font-family: Ubuntu, sans-serif; font-weight: bold; text-transform: uppercase; color: #ffffff; text-align: right; } /* tp-caption2--wd-3 */ .tp-caption2--wd-3 { font-size: 70px; line-height: 80px; font-family: Ubuntu, sans-serif; font-weight: 300; text-transform: uppercase; color: #ffffff; text-align: right; } @media (max-width: 1700px) { .tp-caption2--wd-1 { font-size: 30px !important; line-height: 40px !important; } .tp-caption2--wd-2 { font-size: 140px !important; line-height: 140px !important; } .container .tp-caption2--wd-2 { font-size: 90px !important; line-height: 90px !important; } .tp-caption2--wd-3 { font-size: 60px !important; line-height: 70px !important; } } @media (max-width: 991px) { .tp-caption2--wd-1 { font-size: 20px !important; line-height: 30px !important; } .tp-caption2--wd-2 { font-size: 72px !important; line-height: 72px !important; } .container .tp-caption2--wd-2 { font-size: 80px !important; line-height: 80px !important; } .tp-caption2--wd-3 { font-size: 40px !important; line-height: 50px !important; } } @media (max-width: 767px) { .tp-caption2--wd-1 { font-size: 15px !important; line-height: 20px !important; } .tp-caption2--wd-2 { font-size: 35px !important; line-height: 35px !important; } .container .tp-caption2--wd-2 { font-size: 40px !important; line-height: 40px !important; } .tp-caption2--wd-3 { font-size: 25px !important; line-height: 25px !important; } } /* tp-caption3--wd-1 */ .tp-caption3--wd-1 { font-size: 20px; line-height: 30px; margin-bottom: 2.5em; color: #333333; font-family: Georgia, sans-serif; font-style: italic; text-align: center; } /* tp-caption3--wd-2 */ .tp-caption3--wd-2 { font-size: 50px; line-height: 70px; color: #c40000; font-family: Ubuntu, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; } /* tp-caption3--wd-3 */ .tp-caption3--wd-3 { font-size: 100px; line-height: 100px; color: #333333; font-family: Ubuntu, sans-serif; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 0.08em; } @media (max-width: 1700px) { .tp-caption3--wd-2 { font-size: 40px !important; line-height: 60px !important; } .tp-caption3--wd-3 { font-size: 80px !important; line-height: 80px !important; } } @media (max-width: 991px) { .tp-caption3--wd-2 { font-size: 40px !important; line-height: 60px !important; } .tp-caption3--wd-3 { font-size: 70px !important; line-height: 70px !important; } } @media (max-width: 767px) { .tp-caption3--wd-1 { font-size: 14px !important; line-height: 17px !important; margin-bottom: 0.2em; } .tp-caption3--wd-2 { font-size: 19px !important; line-height: 27px !important; } .tp-caption3--wd-3 { font-size: 23px !important; line-height: 20px !important; } } /* tp-caption1--wd-3 */ /* tp-caption4--wd-1 */ .tp-caption4--wd-1 { font-size: 50px; line-height: 1em; margin: 0 0 10px 85px; color: #fff; font-family: Ubuntu, sans-serif; text-transform: uppercase; } .tp-caption4--wd-2 { font-size: 70px; line-height: 1em; margin: 0 0 0 85px; color: #fff; font-family: Ubuntu, sans-serif; text-transform: uppercase; font-weight: bold; } .tp-caption4--wd-3 { margin: 0 85px 0 0; white-spac: nowrap; } .tp-caption4--wd-3 .button--border-thick { background: #8ed044; border-color: #8ed044; } .tp-caption4--wd-3 .button--border-thick:hover { background: none !important; border-color: #8ed044; } .tp-caption4--wd-3 .link-button { white-space: nowrap; } @media (min-width: 768px) { .tp-caption4--wd-1 { font-size: 40px; margin: 0 0 10px 70px; } .tp-caption4--wd-2 { font-size: 45px; margin: 0 10px 0 70px; } .tp-caption4--wd-3 { margin: 131px 45px 0 0; } .tp-caption4--wd-3 .link-button { padding: 20px 25px; } } @media (max-width: 480px) { .tp-caption4--wd-1 { font-size: 20px; } .tp-caption4--wd-2 { font-size: 25px; } .tp-caption4--wd-3 { margin: 15px 45px 0 0; } } @media (max-width: 992px) { .tp-caption4--wd-1 { font-size: 40px; } .tp-caption4--wd-2 { font-size: 40px; } .tp-caption4--wd-3 .link-button { padding: 10px 20px; } } @media (min-width: 992px) { .tp-caption4--wd-1 { font-size: 40px; margin: 0 0 10px 70px; } .tp-caption4--wd-2 { font-size: 50px; margin: 0 10px 0 70px; } .tp-caption4--wd-3 { margin: 70px 45px 0 0; } .tp-caption4--wd-3 .link-button { padding: 20px 25px; } } @media (min-width: 1200px) { .tp-caption4--wd-1 { font-size: 40px; margin: 0 0 10px 85px; } .tp-caption4--wd-2 { font-size: 60px; margin: 0 160px 0 85px; } .tp-caption4--wd-3 { margin: 0 45px 0 0; } .tp-caption4--wd-3 .link-button { padding: 20px 25px; } } @media (min-width: 1770px) { .tp-caption4--wd-1 { font-size: 50px; margin: 0 0 10px 85px; } .tp-caption4--wd-2 { font-size: 70px; margin: 0 0 0 85px; } } /* NAV SLIDER */ .tp-leftarrow.default { z-index: 1; cursor: pointer; position: relative; background: none !important; width: 40px; height: 40px; } .tp-rightarrow.default { z-index: 1; cursor: pointer; position: relative; background: none !important; width: 40px; height: 40px; } .tp-leftarrow.default, .tp-rightarrow.default { top: 50% !important; margin-top: -20px !important; color: #d2d2d2; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { color: #c40000; } .tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'Material Icons'; font-size: 39px; line-height: 40px; cursor: pointer; } .tp-leftarrow.default:before { content: "\e408"; } .tp-rightarrow.default:before { content: "\e409"; } @media (max-width: 767px) { .tp-leftarrow.default { left: 0 !important; } .tp-rightarrow.default { right: 0 !important; } } body.stop-scrolling #slider .tp-leftarrow { opacity: 0; } /* slider-layout-2 ==================================== */ .slider-layout-2 .tp-caption1--wd-1 { font-size: 20px; line-height: 40px; color: #fff; font-family: Georgia, sans-serif; font-style: italic; } .slider-layout-2 .tp-caption1--wd-2 { font-size: 80px; line-height: 100px; font-family: Ubuntu, sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 0.03em; display: inline-block; } .slider-layout-2 .tp-caption1--wd-3 { font-size: 90px; line-height: 90px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 0.09em; } /* /slider-layout-2 ==================================== */ /* slider-layout-3 ==================================== */ .slider-layout-3 .tp-caption1--wd-1 { color: #fff; } .slider-layout-3 .tp-caption1--wd-2 { color: #fff; } .slider-layout-3 .tp-caption1--wd-3 { color: #fff; } .slider-layout-3 .tp-caption1--wd-4 { color: #fff; } .slider-layout-3 .tp-caption2 { text-align: left; } .slider-layout-3 .tp-caption2--wd-1 { color: #333333; text-align: left; } .slider-layout-3 .tp-caption2--wd-2 { color: #c40000; text-align: left; } .slider-layout-3 .tp-caption2--wd-3 { color: #333333; text-align: left; } .slider-layout-3 .tp-caption2--wd-4 { color: #333333; } .slider-layout-3 .tp-caption3--wd-1 { color: #fff; } .slider-layout-3 .tp-caption3--wd-3 { color: #fff; } @media (max-width: 1500px) { .slider-layout-3 .tp-caption2 { text-align: right; } .slider-layout-3 .tp-caption2--wd-1, .slider-layout-3 .tp-caption2--wd-2, .slider-layout-3 .tp-caption2--wd-3, .slider-layout-3 .tp-caption2--wd-4, .slider-layout-3 .tp-caption2--wd-5 { text-align: right; } } /* /slider-layout-3 ==================================== */ /* slider-layout-4 ==================================== */ .slider-layout-4 .tp-caption2--wd-text { font-size: 16px; line-height: 27px; word-spacing: inherit; color: #fff; } .slider-layout-4 .tp-caption2--wd-1, .slider-layout-4 .tp-caption2--wd-2, .slider-layout-4 .tp-caption2--wd-3 { text-align: left; } .slider-layout-4 .tp-caption1--wd-1, .slider-layout-4 .tp-caption1--wd-2, .slider-layout-4 .tp-caption1--wd-3 { color: #fff; } /* /slider-layout-4 ==================================== */ /* slider-layout-5 ==================================== */ .slider-layout-5 .tp-caption2--wd-text { font-size: 16px; line-height: 27px; word-spacing: inherit; color: #fff; } .slider-layout-5 .tp-caption2--wd-1, .slider-layout-5 .tp-caption2--wd-2, .slider-layout-5 .tp-caption2--wd-3 { text-align: left; } .slider-layout-5 .tp-caption1--wd-1, .slider-layout-5 .tp-caption1--wd-2, .slider-layout-5 .tp-caption1--wd-3 { color: #fff; } /* /slider-layout-5 ==================================== */ /* tp-caption--product-1 ==================================== */ .tp-caption { z-index: 1; white-space: inherit; } .tp-caption--product-1 { white-space: inherit !important; } .tp-caption--product-1 .title { font-size: 30px; line-height: 1.1em; color: #c40000; } .tp-caption--product-1 .title a { color: #c40000; } .tp-caption--product-1 .title a:hover { color: #333333; } .tp-caption--product-1 .title a:focus { text-decoration: none; color: #c40000; } .tp-caption--product-1 .price { font-size: 50px; line-height: 1.1em; padding-bottom: 30px; color: #333333; } .tp-caption--product-1 .price .price-box__old { font-size: 23px; color: #fa6b6b; } .tp-caption--product-1 .text { font-size: 16px; line-height: 27px; max-width: 391px; } .tp-caption--product-1 .btn--ys { color: #fff; font-size: 24px; white-space: inherit; } .tp-caption--product-1 .btn--ys.btn--lg { padding-left: 38px; padding-right: 38px; } .tp-caption--product-1 .btn--ys:hover { color: #c40000; } .tp-caption--product-1 .btn-top { margin-top: 55px; } @media (max-width: 1200px) { .tp-caption--product-1 .title { font-size: 25px; } .tp-caption--product-1 .price { font-size: 40px; padding-bottom: 15px; } .tp-caption--product-1 .price .price-box__old { font-size: 20px; } .tp-caption--product-1 .text { font-size: 14px; line-height: 25px; max-width: 300px; } .tp-caption--product-1 .btn--ys { font-size: 18px; } .tp-caption--product-1 .btn--ys.btn--lg { padding-left: 20px; padding-right: 20px; } .tp-caption--product-1 .btn-top { margin-top: 35px; } } @media (max-width: 992px) { .tp-caption--product-1 .title { font-size: 22px; } .tp-caption--product-1 .price { font-size: 30px; padding-bottom: 15px; } .tp-caption--product-1 .price .price-box__old { font-size: 20px; } .tp-caption--product-1 .text { font-size: 12px; line-height: 25px; max-width: inherit; text-overflow: ellipsis; overflow: hidden; height: 50px; } .tp-caption--product-1 .btn--ys { font-size: 15px; } .tp-caption--product-1 .btn--ys.btn--lg { padding: 10px 17px 9px; } .tp-caption--product-1 .btn-top { margin-top: 35px; } } @media (max-width: 767px) { .tp-caption--product-1 .title { margin-top: 0; } } @media (max-width: 768px) { .tp-caption--product-1 .title { font-size: 16px; margin-bottom: 5px; } .tp-caption--product-1 .price { font-size: 21px; padding-bottom: 5px; } .tp-caption--product-1 .price .price-box__old { font-size: 15px; } .tp-caption--product-1 .text { font-size: 11px; line-height: 22px; max-width: inherit; display: none; } .tp-caption--product-1 .btn--ys .icon { display: none; } .tp-caption--product-1 .btn-top { margin-top: 5px; } } @media (max-width: 500px) { .tp-caption--product-1 .btn--ys.btn--lg { padding: 7px 10px; font-size: 11px; line-height: 1.2em; } } @media (max-width: 400px) { .tp-caption--product-1 .price { display: none; } } /* /tp-caption--product-1 ==================================== */ /* intro ==================================== */ .intro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tp-banner-button1 .tp-leftarrow.default:before, .tp-banner-button1 .tp-rightarrow.default:before { font-family: 'Material Icons'; font-size: 45px; line-height: 48px; cursor: pointer; } .tp-banner-button1 .tp-leftarrow.default:hover, .tp-banner-button1 .tp-rightarrow.default:hover { color: #c40000 !important; background-color: transparent !important; } /* /intro ==================================== */ .btn--bg-green.link-button { background: #8ed044; border-color: #8ed044; } .btn--bg-green.link-button:hover { background: #fff; border-color: #8ed044; } .btn--bg-coquelicot.link-button { background: #fd6940; border-color: #fd6940; } .btn--bg-coquelicot.link-button:hover { background: #fff; border-color: #fd6940; } .btn--bg-dark.link-button { background: #333; border-color: #333; } .btn--bg-dark.link-button:hover { background: #fff; border-color: #333; } /**************************************** * end REVOLUTION SLIDER *****************************************/ /**************************************** * Instagram Feed *****************************************/ .instafeed-wrapper { position: relative; overflow: hidden; } .instafeed-wrapper:after { content: ""; display: block; position: absolute; z-index: 8; left: 0; top: 0; background-color: rgba(51, 51, 51, 0.89); height: 100%; width: 3em; } .instafeed a { display: block; position: relative; overflow: hidden; float: left; width: 10%; height: 10%; background-color:#d43f3a; text-decoration: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .instafeed img { display: block; width: 100%; } .instafeed a:before { position: absolute; display: block; width: 100%; text-align: center; content: "\e409"; font-family: "Material Icons"; font-size: 1.8em; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; z-index: 7; } .instafeed a:after { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; background-color:#d43f3a; height: 100%; width: 100%; opacity: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .instafeed a:hover img { opacity: 1; } .instafeed a:hover:before { opacity: 1; } .instafeed a:hover:after { opacity: 0.88; } .title-vertical { position: absolute; z-index: 9; color: #ffffff; font-size: 1.4em; line-height: 2em; font-weight: 400; white-space: nowrap; right: 100%; top: 23.4%; text-align: center; transform-origin: top right 0; transform: rotate(270deg); } .title-vertical:before { background: #000; padding: 0; position: absolute; z-index: -1; width: 100%; height: 100%; } @media (max-width: 1857px) { .title-vertical, .instafeed-wrapper:after { display: none !important; } } @media (min-width: 1857px) { .instafeed { margin-left: 48px; } } /* instafeed-center ==================================== */ .instafeed-center:after, .instafeed-center:before, .instafeed-center .title-vertical { display: none !important; } .instafeed-center .instafeed { text-align: center; } .instafeed-center .instafeed a { display: inline-block; float: inherit; margin: 0 15px 15px 15px; } /* /instafeed-center ==================================== */ /**************************************** * end Instagram Feed *****************************************/ /**************************************** * social-links *****************************************/ .social-links { margin-bottom: 2.438em; overflow: hidden; } .social-links ul { margin: 0; padding: 0; list-style: none; } .social-links ul li { display: block; float: left; margin-right: 10px; margin-bottom: 10px; } .social-links ul a { text-decoration: none; display: inline-block; color: #c4c4c4; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .social-links:hover ul a { background-color: #f3f3f3; } .social-links:hover ul a:hover { background-color: #333333; text-decoration: none; } .social-links.margin-bottom-none { margin-bottom: 0; } .social-links.social-links--large .icon { font-size: 27px; } .social-links.social-links--large .icon { width: 52px; height: 52px; line-height: 52px; } .social-links.text-center ul { display: inline-block; } @media (max-width: 767px) { footer .social-links ul { display: table; margin-right: auto; margin-left: auto; } footer .social-links ul li { margin-right: 5px; } } /* social-links-border ==================================== */ .social-links.social-links-border ul a { border: 2px solid transparent; color: #fff; } .social-links.social-links-border:hover ul a { background-color: transparent; border-color: #fff; } .social-links.social-links-border:hover ul a:hover { background-color: #333333; border-color: #fff; } /* /social-links-border ==================================== */ /* social-links-border ==================================== */ .social-links-no-bg { background-color: transparent; } .social-links-no-bg ul a { border: 2px solid transparent; color: #fff; } .social-links-no-bg:hover ul a { background-color: transparent; } .social-links-no-bg:hover ul a:hover { background-color: transparent; color: #333333; } /* /social-links-border ==================================== */ /**************************************** * end social-links *****************************************/ /**************************************** * promos *****************************************/ .promos__image { position: relative; } .promos__label { display: block; position: absolute; left: 50%; width: 3.1em; height: 3.1em; margin: 0 0 0 -1.55em; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(31, 192, 160, 0.8); font-size: 3.75em; line-height: 3.1em; text-align: center; color: #fff; text-transform: uppercase; font-family: Ubuntu, sans-serif; font-weight: 600; } .promos h2 { font-size: 1em; font-weight: 500; text-transform: uppercase; padding: 0 10px; margin: 1.7em 0 1em; color: #c40000; } .promos h2 a { color: #c40000; } /**************************************** * end promos *****************************************/ /**************************************** * breadcrumbs *****************************************/ .breadcrumbs { margin-bottom: 14px; padding: 10px 0 10px; } @media (max-width: 767px) { .breadcrumbs { margin-bottom: 0; } } @media (min-width: 1055px) { .breadcrumbs .container { border-top: 1px solid #e5e5e5; } } .breadcrumbs--boxed, body.boxed .breadcrumbs { padding-left: 0; padding-right: 0; } @media (min-width: 1055px) { .breadcrumbs--boxed, body.boxed .breadcrumbs { border-top: 1px solid #e5e5e5; } } .breadcrumbs--full { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-left: 0; padding-right: 0; } .breadcrumbs--full > .navbar-header, .breadcrumbs--full > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .breadcrumbs--full > .navbar-header, .breadcrumbs--full > .navbar-collapse { margin-right: 0; margin-left: 0; } } .breadcrumbs--full .container { width: auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .breadcrumbs--full .container > .navbar-header, .breadcrumbs--full .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .breadcrumbs--full .container > .navbar-header, .breadcrumbs--full .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .breadcrumbs .breadcrumb.breadcrumb--ys { display: inline-block; background-color: transparent; padding: 15px 0 10px; border-radius: 0; margin: 0; font-size: 0.75em; line-height: 1.583em; } .breadcrumbs .breadcrumb.breadcrumb--ys > li.home-link a { display: inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: #f5f5f5; color: #c40000; font-size: 15px; line-height: 26px; text-align: center; } .breadcrumbs .breadcrumb.breadcrumb--ys > li.home-link a:hover { background: #c40000; color: #fff; } .breadcrumbs .breadcrumb.breadcrumb--ys > li { display: inline-block; vertical-align: middle; position: relative; padding: 0 10px; } .breadcrumbs .breadcrumb.breadcrumb--ys > li a { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .breadcrumbs .breadcrumb.breadcrumb--ys > li a:hover { text-decoration: none; color: #c40000; } .breadcrumbs .breadcrumb.breadcrumb--ys > li:first-child { padding-left: 0; } .breadcrumbs .breadcrumb.breadcrumb--ys > li + li:before { display: block; position: absolute; left: 0; width: 1px; height: 19px; border-left: 1px solid #e5e5e5; content: ""; } .breadcrumbs .breadcrumb.breadcrumb--ys > .active { color: #333333; } /**************************************** * end breadcrumbs *****************************************/ /**************************************** * collapse-block *****************************************/ .collapse-block { width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; padding-bottom: 14px; } .collapse-block__content { display: none; padding-bottom: 19px; } .collapse-block__content > p:first-child { margin-top: 10px; } .collapse-block__title { cursor: pointer; padding: 14px 20px 12px 0; margin-top: 0 !important; margin-bottom: 0 !important; position: relative; font-size: 1.25em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .collapse-block__title:after { position: absolute; display: block; top: 15px; right: -5px; font-family: 'Material Icons'; font-size: 22px; content: "\e148"; line-height: 1em; color: #c40000; } .open > .collapse-block__title:after { content: "\e15d"; } .collapse-block__icon-left { padding-left: 38px; } .collapse-block__icon-left:after { left: 0px; } .collapse-block--indent-lg { margin-bottom: 22px; padding-bottom: 24px; } .collapse-block .title-large-icon { font-size: 30px; } .collapse-block .title-large-icon:after { top: 43px; } .collapse-block .title-large-icon .icon { font-size: 46px; line-height: 1em; position: relative; top: 6px; } .collapse-block:last-child { border-bottom: 0; } .collapse-block .options-swatch { margin: 14px 0 -10px -4px; } .collapse-block .options-swatch--size li a { -webkit-transition: all 180ms linear 0s; -moz-transition: all 180ms linear 0s; -ms-transition: all 180ms linear 0s; -o-transition: all 180ms linear 0s; transition: all 180ms linear 0s; } .collapse-block .under-form-text { margin-top: 10px; } .collapse-block .tags-list { margin: 14px 0 -10px; } .collapse-block .filter-list li a { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .no-border-bottom { border-bottom: none; } @media (max-width: 992px) { aside .collapse-block { margin-bottom: 0; } aside .expander-list { margin: 0; } aside .expander-list ul { margin: 0; } aside .expander-list > li > a { padding-top: 7px; display: inline-block; } } .expander-list { margin: 0 0 -16px; padding: 0; list-style-type: none; } .expander-list > li { padding: 7px 0; } .expander-list > li a:hover { color: #c40000; text-decoration: none; } .expander-list > li > a { text-transform: uppercase; color: #333333; font-weight: 500; text-decoration: none !important; } .expander-list li.active > a, .expander-list li.open > a { color: #c40000; } .expander-list ul { display: none; margin: 10px 0 -5px; padding: 0; list-style-type: none; } .expander-list ul li { padding: 4px 0 3px; } .expander-list ul li a { font-weight: 300; } li.open .expander-list ul { display: block; } .expander-list li { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .expander-list .expander { position: absolute; display: block; top: 10px; right: -5px; width: 26px; height: 26px; cursor: pointer; text-align: right; } .expander-list .expander:before { font-family: 'Material Icons'; font-size: 22px; content: "\e5cf"; line-height: 1em; color: #c40000; } .expander-list .open > .expander:before { content: "\e5ce"; } .filter-list { list-style: none; margin: 8px 0 15px; padding: 0; } .filter-list li { margin: 0 0 5px; position: relative; } .filter-list li span { color: #c40000; } .filter-list li a.icon { display: inline-block; vertical-align: middle; font-size: 1em; text-decoration: none; color: #333333; } .filter-list li a.icon:hover { color: #c40000; } .filter-list li a.icon.icon-to-right { position: absolute; right: -2px; top: 2px; } /**************************************** * end collapse-block *****************************************/ /**************************************** * price slider *****************************************/ #priceSlider { margin: 20px 0 26px; } .noUi-horizontal { height: 4px; } .noUi-background { background: #e5e5e5; box-shadow: none; } .noUi-connect { background: #23d6b2; box-shadow: none; -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 0; } .noUi-target { border-radius: 0; border: 0; box-shadow: none; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; } .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 0; border-radius: 50%; background: #1eb799; cursor: pointer; box-shadow: none; } .noUi-horizontal .noUi-handle { width: 19px; height: 19px; left: -9.5px; top: -8px; } .noUi-active { box-shadow: none; } .noUi-handle:before, .noUi-handle:after { display: none; } .noUi-handle:after { left: 17px; } [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } .price-input { display: inline-block; vertical-align: top; } .price-input label { display: block; font-weight: normal; float: none; margin: 0; } .price-input input[type=text] { display: inline-block; border: 1px solid #e5e5e5; color: #777777; width: 67px; font-size: 1em; line-height: 1.25em; padding: 9px 0; text-align: center; } .price-input .btn { margin: 27px 0 0 5px; } .price-input-divider { display: inline-block; vertical-align: middle; padding: 30px 0 0; } /**************************************** * end price slider *****************************************/ /*************************************** * compare *****************************************/ .compare__item { display: block; width: 100%; position: relative; margin: 10px 0 32px; padding: 0; min-height: 100px; } .compare__item__image { position: absolute; top: 5px; left: 0; width: 80px; height: 100px; } .compare__item__image img { width: 100%; } .compare__item__delete { position: absolute; top: 0; right: 0; } .compare__item__delete a { color: #c40000; font-size: 1em; text-decoration: none !important; } .compare__item__delete a:hover { color: #333333; } .compare__item__title { margin: 0 0 0 100px; } .compare__item__title h2 { font-size: 1em; line-height: 1.6875em; letter-spacing: normal; padding: 0 40px 10px 0; font-weight: normal; margin: 0; } .compare__item__title h2 a { color: #777777; } .compare__item__title h2 a:hover { color: #c40000; text-decoration: none; } #compareSlide { position: fixed; z-index: 10000; bottom: -150%; left: 0; width: 100%; padding: 20px 0 20px; background-color: #333333; display: block; -webkit-transition: bottom 500ms linear 0s; -moz-transition: bottom 500ms linear 0s; -ms-transition: bottom 500ms linear 0s; -o-transition: bottom 500ms linear 0s; transition: bottom 500ms linear 0s; } #compareSlide.open { bottom: 0; -webkit-transition: bottom 500ms linear 0s; -moz-transition: bottom 500ms linear 0s; -ms-transition: bottom 500ms linear 0s; -o-transition: bottom 500ms linear 0s; transition: bottom 500ms linear 0s; } #compareSlide .container { position: relative; } #compareSlide .compareSlide__top { font-size: 20px; font-weight: 500; text-transform: uppercase; color: #fff; } #compareSlide .compareSlide__close { position: absolute; right: 10px; top: 5px; font-size: 20px; color: #ffffff; cursor: pointer; } #compareSlide .compareSlide__close span { display: none; font-size: 13px; line-height: 17px; font-weight: 500; } #compareSlide .compareSlide__close:hover { color: #c40000; } #compareSlide .compareSlide__bot { overflow: hidden; border-top: 1px solid #606060; margin: 20px 0 0 0; padding: 20px 0 0 0; } #compareSlide .compareSlide__bot .clear-all { float: left; white-space: nowrap; font-size: 1.25em; color: #c40000; } #compareSlide .compareSlide__bot .clear-all span { display: inline-block; font-size: 13px; text-transform: uppercase; vertical-align: text-top; padding: 0 10px; color: #ffffff; } #compareSlide .compareSlide__bot .clear-all:hover { color: #c40000; } #compareSlide .compareSlide__bot .btn-compare { float: right; } #compareSlide .compared-product-row { overflow: hidden; margin: 10px 0; } #compareSlide .compared-product { display: inline-block; vertical-align: top; width: 16.6667%; margin: 0 -4px 0 0; text-align: center; padding: 0 10px; } #compareSlide .compared-product__image { margin: 10px 0; } #compareSlide .compared-product__image img { max-width: 70px; } #compareSlide .compared-product__delete { font-size: 1.25em; text-decoration: none; color: #c40000; } #compareSlide .compared-product__delete:hover { color: #ffffff; } #compareSlide .compared-product__name { font-size: 1em; line-height: 1.6875em; color: #c40000; font-weight: 300; } /**************************************** * end compare *****************************************/ /**************************************** * compare-table *****************************************/ .btn-absolute { position: absolute !important; z-index: 7; } .compare-table table td { width: 30%; padding: 2%; } .compare-table table td:first-child { width: 10%; text-align: right; } .compare-table strong { color: #333333; } .compare-table .product { max-width: 270px; margin-bottom: 0; padding-bottom: 0; } .compare-table .link-close { font-size: 20px; position: relative; z-index: 7; color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .compare-table .link-close:hover { color: #c40000; } @media (max-width: 992px) { .compare-table tbody, .compare-table table { display: block; border: none; } .compare-table td { border-left: none !important; border-right: none !important; border-top: none !important; } .compare-table td:last-child { border: none !important; } .compare-table table tr { display: none; } .compare-table table tr:first-child { display: block; } .compare-table table td { width: 100%; display: block; padding: 4% 3% 3% 3%; } .compare-table table td:first-child { display: none; } .compare-table .visible-mobil-block { display: block; padding-top: 25px; } } /**************************************** * end compare-table *****************************************/ /**************************************** * vertical carousel *****************************************/ .vertical-carousel { padding: 0 0 40px; margin: 0 0 -3px; } .megamenu .vertical-carousel { margin: 15px 0 0; } .vertical-carousel__item { display: block; width: 100%; position: relative; margin: 0 0 10px; padding: 0 0 5px 0; min-height: 121px; } .vertical-carousel__item__select { width: 35px; } .vertical-carousel__item__image { width: 80px; } .vertical-carousel__item__image img { width: 100%; } .vertical-carousel__item .price-box { margin: 0 0 0 100px; padding: 0 0 2px; font-size: 1.25em; color: #c40000; text-align: left; } .vertical-carousel__item .price-box del { font-size: 90%; display: block; padding: 5px 0 0 0; } .vertical-carousel__item .rating { margin: 5px 0 5px 100px; font-size: 0.75em; text-align: left; } .vertical-carousel__item__title { margin: 0 0 0 100px; } .vertical-carousel__item__title h2 { font-size: 1em; line-height: 1.6875em; padding: 0 0 4px 0; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 0; } .vertical-carousel__item__title h2 a { color: #777777; } .vertical-carousel__item__title h2 a:hover { color: #c40000; text-decoration: none; } .vertical-carousel .label { position: absolute; top: 0.4em; font-size: 0.625em; line-height: 1.04em; text-align: center; color: #fff; text-transform: uppercase; font-family: Ubuntu, sans-serif; font-weight: 600; padding: 0.5em; } .vertical-carousel .label--right { right: 0.5em; } .vertical-carousel .label--left { left: 0.5em; } .vertical-carousel .label--new { background-color: #474747; } .vertical-carousel .label--sale { background-color: #fa6b6b; } .vertical-carousel .slick-prev, .vertical-carousel .slick-next { top: auto; bottom: 0; width: 40px; height: 40px; background-color: #f5f5f5; color: #333333; } .vertical-carousel .slick-prev:hover, .vertical-carousel .slick-next:hover { top: auto; bottom: 0; width: 40px; height: 40px; background: #c40000; color: #ffffff; } .vertical-carousel .slick-prev:before, .vertical-carousel .slick-next:before { font-size: 30px; line-height: 40px; } .vertical-carousel .slick-prev { left: 0; } .vertical-carousel .slick-next { left: 50px; right: auto; } .vertical-carousel.with-checkbox .vertical-carousel__item__select { width: 35px; } .vertical-carousel.with-checkbox .vertical-carousel__item__image { width: 80px; } .vertical-carousel.with-checkbox .price-box, .vertical-carousel.with-checkbox .rating, .vertical-carousel.with-checkbox .vertical-carousel__item__title { margin: 0 0 0 135px; } .vertical-carousel.with-checkbox .slick-prev { top: -75px; left: auto; right: 45px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .vertical-carousel.with-checkbox .slick-next { top: -75px; left: auto; right: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .vertical-carousel.special-carousel { margin-top: -9px; padding-bottom: 0; } .vertical-carousel.special-carousel .vertical-carousel__item:first-child { border-top: none; } .vertical-carousel.special-carousel .vertical-carousel__item { min-height: 175px; padding-top: 20px; margin-top: 18px; border-top: 1px solid #e5e5e5; } .vertical-carousel.special-carousel .vertical-carousel__item__image { width: 120px; } .vertical-carousel.special-carousel .price-box, .vertical-carousel.special-carousel .rating, .vertical-carousel.special-carousel .vertical-carousel__item__title { margin: 0 0 0 140px; } .vertical-carousel.special-carousel .product__label--sale { top: 30px !important; left: 10px; font-size: 10px; font-weight: 300; padding: 4px 5px 3px; } .vertical-carousel.special-carousel h2 { line-height: 1.5em; padding: 0 0 8px 0; } /**************************************** * end vertical carousel *****************************************/ /**************************************** * subcategory *****************************************/ .subcategory-item { display: inline-block; float: none; vertical-align: top; margin-bottom: 40px; margin-right: -4px; text-align: center; } .subcategory-item .figure { display: block; max-width: 100%; position: relative; margin-bottom: 30px; } .subcategory-item .figure img { width: 100%; } .subcategory-item .figure::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 10px solid #eeeeee; content: ''; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .subcategory-item a { text-decoration: none; } .subcategory-item a:hover { text-decoration: none; } .subcategory-item a:hover .figure::before { opacity: 0; } .subcategory-item a:hover .subcategory-item__title { color: #c40000; } .subcategory-item__title { font-size: 1.25em; line-height: 1em; font-weight: 500; margin-bottom: 10px; color: #333333; text-transform: uppercase; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .subcategory-item__title a { color: #333333; } .subcategory-item__title a:hover { color: #c40000; text-decoration: none; } /**************************************** * end subcategory *****************************************/ /*************************************** * filters-row *****************************************/ .filters-row { position: relative; padding: 28px 0 20px; border-top: 1px solid #e5e5e5; display: inline-block; width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .filters-row { padding-bottom: 60px; } } .filters-row__mode, .filters-row__pagination { display: inline-block; vertical-align: top; } @media (min-width: 992px) and (max-width: 1199px) { __pagination .filters-row { position: absolute; right: 5px; bottom: 5px; } } .filters-row__view { margin: 0 12px 0 0; font-size: 24px; line-height: 40px; color: #777777; cursor: pointer; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .filters-row__view:hover { color: #c40000; } .filters-row__view.active { color: #c40000; } .filters-row__items { display: inline-block; padding: 0 20px; } @media (max-width: 1680px) { .filters-row__items { padding: 0 12px; } } @media (max-width: 1199px) { .filters-row__items { padding: 0 10px; } } @media (max-width: 640px) { .filters-row__items { padding: 0; } } .filters-row__select { display: inline-block; padding: 0 22px; } @media (max-width: 1680px) { .filters-row__select { padding: 0 10px; } } @media (max-width: 1199px) { .filters-row__select { padding: 0 0 0 5px; } } .filters-row__select .sort-position { min-width: 175px; } @media (max-width: 1680px) { .filters-row__select .sort-position { min-width: 150px; } } @media (max-width: 1199px) { .filters-row__select .sort-position { min-width: 130px; } } .filters-row__select .show-qty { min-width: 70px; } .filters-row__select label { padding: 0 5px; } .filters-row__select .icon { display: inline-block; font-size: 21px; line-height: 1em; vertical-align: middle; color: #c40000; } .filters-row__select .icon.sort-direction { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .filters-row__select .icon:hover { color: #333333; } @media (max-width: 640px) { .filters-row__select { display: block; padding: 0; margin: 5px 0; } .filters-row__select.pull-right { float: none !important; } } /* shopping-cart-table ==================================== */ @media (min-width: 992px) and (max-width: 1199px) { .filters-row-layout .filters-row__pagination { position: relative; right: 0px; bottom: 0px; } } @media (max-width: 992px) { .filters-row-layout div { text-align: center; } .filters-row-layout .slide-column-open { margin: 10px 0 20px 0; } } @media (max-width: 992px) { .filters-row-layout { padding-top: 0; } } /* shopping-cart-table ==================================== */ /* filter-popup ==================================== */ .collapse-block .filter-title { display: none; } .collapse-block .filter-popup li { position: relative; text-align: center; } .collapse-block .filter-popup a { position: relative; } .collapse-block .filter-popup .active a:before { content: "\e5cd"; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; line-height: 3em; background: #333333; color: #fff; font-family: 'Material Icons'; font-style: normal; font-weight: 400; } .collapse-block .filter-popup .active .filter-title { display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .collapse-block .filter-popup .active { padding-top: 29px !important; } .collapse-block .options-swatch--color li a:hover:before { border: none !important; background: none; } /* /filter-popup ==================================== */ /**************************************** * end filters-row ****************************************/ /**************************************** * slide column *****************************************/ @media (min-width: 992px) { #leftColumn { position: relative; padding-right: 47px; margin-top: -12px; } #leftColumn:after { content: ''; position: absolute; right: 15px; top: 15px; width: 1px; height: 100%; background: #e5e5e5; } } @media (max-width: 991px) { #leftColumn { position: fixed; display: block; margin: 0; padding: 0; background: #fff; list-style: none; z-index: 999999999999999; top: 0; left: -150%; height: 100%; width: 270px; text-align: left; overflow: scroll; } #leftColumn .collapse-block { padding: 0 20px; } #leftColumn.column-open { left: 0; -webkit-transition: left 300ms linear 0s; -moz-transition: left 300ms linear 0s; -ms-transition: left 300ms linear 0s; -o-transition: left 300ms linear 0s; transition: left 300ms linear 0s; } #leftColumn .slide-column-close { display: block; border-bottom: 1px solid #e5e5e5; font-size: 0.8125em !important; line-height: 1em !important; font-weight: 600 !important; color: #c40000; padding: 15px 18px !important; text-decoration: none; text-transform: uppercase; } #leftColumn .slide-column-close .icon { display: inline-block; vertical-align: middle; font-size: 1.7692em; color: #333; } #leftColumn .filters-block { padding: 15px 20px; border-bottom: 1px solid #e5e5e5; } #leftColumn .filters-row__select { display: block; padding: 5px 0 0 0; } #leftColumn .filters-row__select label { min-width: 65px; margin: 0; } #leftColumn .filters-row__select .select-wrapper .select--ys { min-width: 118px; } .slide-column-open { margin: 0 15px 0 0; display: inline-block; } } .icon-to-right { position: absolute; right: 0; top: 3px; } #leftColumn.column-open { padding-top: 59px !important; } #leftColumn.column-open .slide-column-close { background: #fff; top: 0; width: 100%; z-index: 777; width: 253px; position: fixed; } @media only screen and (min-device-width: 768px) and (max-device-width: 1055px) and (-webkit-min-device-pixel-ratio: 2) { #leftColumn.column-open .slide-column-close { position: absolute; } } @media (min-width: 992px) { #rightColumn { position: relative; padding-left: 47px; margin-top: 0px; } #rightColumn:after { content: ''; position: absolute; left: 15px; top: 15px; width: 1px; height: 100%; background: #e5e5e5; } } @media (max-width: 1199px) { #rightColumn { padding-left: 15px; } #rightColumn:after { display: none; } } /* without-left-col ==================================== */ .without-left-col#leftColumn { position: fixed; display: block; margin: 0; padding: 0; background: #fff; list-style: none; z-index: 100000177; top: 0; left: -150%; height: 100%; width: 320px; text-align: left; overflow: auto; -webkit-transition: left 300ms linear 0s; -moz-transition: left 300ms linear 0s; -ms-transition: left 300ms linear 0s; -o-transition: left 300ms linear 0s; transition: left 300ms linear 0s; } .without-left-col#leftColumn:after { display: none; } .without-left-col#leftColumn .slide-column-close { width: 320px; } @media (max-width: 767px) { .without-left-col#leftColumn { width: 270px; } .without-left-col#leftColumn .slide-column-close { width: 253px; } } .without-left-col#leftColumn .collapse-block { padding: 0 20px; } .without-left-col#leftColumn.column-open { left: 0; -webkit-transition: left 300ms linear 0s; -moz-transition: left 300ms linear 0s; -ms-transition: left 300ms linear 0s; -o-transition: left 300ms linear 0s; transition: left 300ms linear 0s; } .without-left-col#leftColumn .slide-column-close { display: block; border-bottom: 1px solid #e5e5e5; font-size: 0.8125em !important; line-height: 1em !important; font-weight: 600 !important; color: #c40000; padding: 15px 18px !important; text-decoration: none; text-transform: uppercase; } .without-left-col#leftColumn .slide-column-close .icon { display: inline-block; vertical-align: middle; font-size: 1.7692em; color: #333333; } .without-left-col#leftColumn .filters-block { padding: 15px 20px; border-bottom: 1px solid #e5e5e5; } .without-left-col#leftColumn .filters-row__select { display: block; padding: 5px 0 0 0; } .without-left-col#leftColumn .filters-row__select label { min-width: 65px; margin: 0; } .without-left-col#leftColumn .filters-row__select .select-wrapper .select--ys { min-width: 118px; } .without-left-col#leftColumn .collapse-block { padding: 0 20px; } .slide-column-open { margin: 0 15px 0 0; display: inline-block; } /* /without-left-col ==================================== */ .slide-column-open { float: left; } .text-center .slide-column-open { float: none; } /**************************************** * end slide column *****************************************/ /**************************************** * back-to-top *****************************************/ .back-to-top { cursor: pointer; display: none; position: fixed; right: 0; bottom: 10%; z-index: 1000; width: 62px; height: 62px; background-color:#d43f3a; color: #fff; text-align: center; font-size: 2.77em; line-height: 1.4em; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } @media (max-width: 768px) { .back-to-top { display: none !important; } } .back-to-top span { color: #fff; } .back-to-top:hover { animation: animation-arrow-top alternate infinite 0.4s; -moz-animation: animation-arrow-top alternate infinite 0.4s; -webkit-animation: animation-arrow-top alternate infinite 0.4s; } /* arrow animation */ @-webkit-keyframes animation-arrow-top { 0% { line-height: 1.4em; } 100% { line-height: 1.1em; } } @-moz-keyframes animation-arrow-top { 0% { line-height: 1.4em; } 100% { line-height: 1.1em; } } @-ms-keyframes animation-arrow-top { 0% { line-height: 1.4em; } 100% { line-height: 1.1em; } } @-o-keyframes animation-arrow-top { 0% { line-height: 1.4em; } 100% { line-height: 1.1em; } } @keyframes animation-arrow-top { 0% { line-height: 1.4em; } 100% { line-height: 1.1em; } } /* /arrow animation */ /**************************************** * end back-to-top *****************************************/ /**************************************** * Blog *****************************************/ /* Post ==================================== */ .post { border-bottom: 1px solid #e5e5e5; padding-bottom: 42px; margin-bottom: 42px; } .post__title_block { position: relative; overflow: hidden; padding: 0 0 43px 0; } .post__title_block figure { display: block; overflow: hidden; width: 100%; margin-bottom: 30px; position: relative; background: #c40000; } .post__title_block figure img { width: 100%; height: auto; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; } .post__title_block figure:hover img { opacity: 0.9; -webkit-transform: scale(1.05); transform: scale(1.05); backface-visibility: hidden; } .post__title_block .time { background-color:#d43f3a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 73px; height: 73px; display: block; text-align: center; color: #fff; font-size: 16px; line-height: 1em; font-style: italic; font-family: Georgia, sans-serif; margin-right: 28px; } .post__title_block .time span { font-size: 30px; line-height: 1em; font-weight: 500; display: block; text-align: center; padding-top: 11px; font-style: normal; font-family: Ubuntu, sans-serif; padding-bottom: 1px; } .post__title_block .post__title { font-size: 22px; line-height: 1em; padding-top: 4px; margin-bottom: 8px; letter-spacing: normal; } .post__title_block .pull-left:last-child { width: 75%; } .post__title_block .post__meta { padding-top: 0px !important; } @media (max-width: 991px) { .post__title_block .post__meta__item:first-child { display: block; } } @media (max-width: 695px) { .post__title_block .pull-left { width: 100%; float: none; } .post__title_block .pull-left:last-child { padding-top: 10px; width: 100%; } } .post .post__meta { width: 100%; padding-top: 20px; } @media (max-width: 535px) { .post .post__meta__item { display: block; } } .post .color1 { color: #55acee; } .post h1 { font-size: 50px; line-height: 0.8em; margin-bottom: 27px; letter-spacing: -0.01em; } .post h2 { font-size: 30px; line-height: 1em; margin-bottom: 28px; letter-spacing: -0.01em; } .post h3 { font-size: 26px; line-height: 1em; margin-bottom: 31px; letter-spacing: -0.01em; } .post h4 { font-size: 22px; line-height: 1em; margin-bottom: 34px; letter-spacing: -0.01em; } .post h5 { font-size: 20px; line-height: 1em; margin-bottom: 37px; letter-spacing: -0.01em; } .post h6 { font-size: 16px; line-height: 1em; margin-bottom: 19px; letter-spacing: -0.01em; } .post .title-header { line-height: 1.2em; padding: 24px 0 31px 0; margin: 0; } @media screen and (min-width: 767px) and (max-width: 1770px) { .blog-layout .post__title_block .pull-left:last-child { width: 65% !important; } } .embed-youtube { max-width: 604px; } .video-iframe { width: 100%; } /* post__meta ==================================== */ .post__meta { overflow: hidden; } .post__meta .icon { margin-right: 11px; top: 2px; position: relative; font-size: 18px; } .post__meta a, .post__meta .icon { color: #c40000; } .post__meta__item { margin-right: 32px; color: #333333; } @media (max-width: 1770px) { .post__meta__item { margin-right: 15px; } } .post__meta .autor { font-size: 18px; font-family: Georgia, sans-serif; font-style: italic; margin-right: 7px; } /* /post__meta ==================================== */ /* blog-layout ==================================== */ .blog-layout .post { border-color: transparent; } /* /blog-layout ==================================== */ /* block-underline recent-post-box ==================================== */ .block-underline { border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; margin-bottom: 50px; } .block-underline .recent-post-box { max-width: 560px; } .block-underline .recent-post-box__text { margin-top: -6px; } .block-underline .recent-post-box > div { vertical-align: top; } .block-underline .recent-post-box > div:last-child { padding-bottom: 27px !important; } @media (min-width: 1770px) { .block-underline .recent-post-box > div:last-child { padding-left: 27px !important; } .block-underline .recent-post-box:last-child .figure { margin-bottom: 0px; } } .block-underline:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } /* /block-underline recent-post-box ==================================== */ .title-aside { font-size: 20px; font-weight: 500; margin-bottom: 28px; } /* recent-comments ==================================== */ .recent-comments { margin-bottom: 0; } .recent-comments .comments-title { color: #c40000; padding: 0 0 33px 0; font-size: 18px; font-style: italic; font-variant: normal; font-family: Georgia, sans-serif; } .recent-comments .comments-title:last-child { padding-bottom: 0; } .recent-comments .comments-content { padding: 0 0 11px 0; } /* /recent-comments ==================================== */ /**************************************** * end Blog *****************************************/ /**************************************** * gallery( gallery-layout-1.html gallery-layout-2.html gallery-layout-3.html gallery-layout-4.html gallery-layout-5.html ) *****************************************/ /* ---- isotope ---- */ .filter-nav { text-align: center; padding-bottom: 50px; } .filter-nav div { display: inline-block; background: #f5f5f5; text-transform: uppercase; font-weight: 500; color: #333333; margin: 0 5px; margin-bottom: 10px; padding: 14px 16px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; font-size: 13px; line-height: 1em; text-decoration: none; cursor: pointer; } .filter-nav div:hover { background: #c40000; color: #fff; } .filter-nav div.current { background: #c40000; color: #fff; } .gallery-content .filter-content-item { padding: 0; margin: 0; overflow: hidden; } .gallery-content .zomm-gallery { width: 67px; height: 67px; background: #ffffff; display: inline-block; font-size: 36px; line-height: 1.9em; text-align: center; text-decoration: none; color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .gallery-content .zomm-gallery:before { content: "\e8ff"; display: block; position: relative; margin-left: 1px; font-family: 'Material Icons'; } .gallery-content .zomm-gallery:hover { background: #c40000; color: #fff; } .gallery-content .link-gallery { width: 67px; height: 67px; background: #ffffff; display: inline-block; font-size: 36px; line-height: 1.9em; text-align: center; text-decoration: none; color: #333333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .gallery-content .link-gallery:before { content: "\e5c8"; display: block; position: relative; margin-left: 1px; font-family: 'Material Icons'; } .gallery-content .link-gallery:hover { background: #c40000; color: #fff; } .gallery-content img { width: 100%; height: auto; } .gallery-content .title { font-size: 22px; line-height: 1em; margin-top: 0px; } .gallery-content .title a:focus { text-decoration: none; color: #333333; } .gallery-content .title a:hover { color: #c40000; text-decoration: none; } .gallery-content figure { position: relative; display: block; } .gallery-content figure figcaption { position: absolute; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; left: 0%; display: block; padding: 5% 10%; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); z-index: 0; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .gallery-content figure:hover figcaption { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); z-index: 7; left: 0; } .gallery-content .button-box { position: absolute; } @media (max-width: 1770px) { .gallery-content .button-box { bottom: 7.5%; right: 5.3%; font-size: 30px; } } @media (min-width: 1770px) { .gallery-content .button-box { bottom: 13.5%; right: 10.3%; font-size: 36px; } } @media (max-width: 1200px) { .gallery-content figcaption { padding-top: 5%; } .gallery-content .zomm-gallery, .gallery-content .link-gallery { width: 50px; height: 50px; font-size: 30px; line-height: 1.7em; } .gallery-content .button-box { bottom: 6%; } } @media (max-width: 1200px) { .gallery-content .title { font-size: 19px; } .gallery-content .font18 { font-size: 15px; } .gallery-content figcaption { padding-top: 2%; } .gallery-content figcaption p { font-size: 13px; line-height: 1.5em; } .gallery-content .zomm-gallery, .gallery-content .link-gallery { width: 35px; height: 35px; font-size: 24px; line-height: 1.45em; } .gallery-content .button-box { bottom: 3%; } } @media (max-width: 1677px) { .gallery-layout-3.gallery-content .title { margin-top: 27px; } } @media (max-width: 1677px) { .gallery-layout-3.gallery-content .button-box { bottom: 7.5%; right: 5.3%; font-size: 30px; } } @media (max-width: 1677px) { .gallery-layout-3.gallery-content figcaption { padding-top: 5%; } .gallery-layout-3.gallery-content .zomm-gallery, .gallery-layout-3.gallery-content .link-gallery { width: 50px; height: 50px; font-size: 30px; line-height: 1.7em; } .gallery-layout-3.gallery-content .button-box { bottom: 6%; } } @media (max-width: 1677px) { .gallery-layout-3.gallery-content .title { font-size: 19px; } .gallery-layout-3.gallery-content .font18 { font-size: 15px; } .gallery-layout-3.gallery-content figcaption { padding-top: 2%; } .gallery-layout-3.gallery-content figcaption p { font-size: 13px; line-height: 1.5em; } .gallery-layout-3.gallery-content .zomm-gallery, .gallery-layout-3.gallery-content .link-gallery { width: 35px; height: 35px; font-size: 24px; line-height: 1.45em; } .gallery-layout-3.gallery-content .button-box { bottom: 3%; } } @media (max-width: 1677px) { .gallery-layout-3.gallery-content .text-center .button-box { padding-top: 3%; } } .gallery-layout-4.gallery-content .block-table { height: 100%; } .gallery-layout-4.gallery-content figcaption { padding-top: 11%; text-align: center; } .gallery-layout-4.gallery-content figcaption .button-box { position: relative; padding-top: 5%; right: auto !important; bottom: inherit; } @media (max-width: 1770px) { .gallery-layout-4.gallery-content figcaption .button-box { padding-top: 3%; } } @media (min-width: 1770px) { .gallery-layout-4.gallery-content figcaption .button-box { padding-top: 5%; } } .gallery-layout-4.gallery-content figcaption p { display: none; } @media (max-width: 1641px) { .gallery-layout-4.gallery-content figcaption { padding: 5% 5%; } .gallery-layout-4.gallery-content .zomm-gallery, .gallery-layout-4.gallery-content .link-gallery { width: 50px; height: 50px; font-size: 30px; line-height: 1.7em; } .gallery-layout-4.gallery-content .button-box { bottom: 6%; } } @media (max-width: 1641px) { .gallery-layout-4.gallery-content .title { font-size: 17px; margin-top: 27px; } .gallery-layout-4.gallery-content .font18 { font-size: 14px; } .gallery-layout-4.gallery-content figcaption p { font-size: 13px; line-height: 1.5em; } .gallery-layout-4.gallery-content .zomm-gallery, .gallery-layout-4.gallery-content .link-gallery { width: 40px; height: 40px; font-size: 26px; line-height: 1.6em; } .gallery-layout-4.gallery-content .button-box { bottom: 0%; } } .gallery-layout-4.gallery-content figcaption .button-box { text-align: center; } @media (max-width: 1641px) { .gallery-layout-4.gallery-content figcaption .button-box { padding-top: 3%; } } @media (max-width: 517px) { .gallery-layout-4.gallery-content figcaption { padding-top: 15%; } } /* add class content-cente */ .gallery-content .content-center .button-box { position: relative; right: auto; top: auto; text-align: center; } /* /add class content-cente */ .col-item-5 { float: left; } @media (max-width: 517px) { .col-item-5 { width: 100% !important; } } @media (max-width: 767px) { .col-item-5 { width: 50%; } } @media (min-width: 768px) { .col-item-5 { width: 33.3%; } } @media (min-width: 992px) { .col-item-5 { width: 25%; } } @media (min-width: 1200px) { .col-item-5 { width: 20%; } } @media (min-width: 1770px) { .col-item-5 { width: 20%; } } .col-item-4 { float: left; } @media (max-width: 767px) { .col-item-4 { width: 100%; } } @media (min-width: 992px) { .col-item-4 { width: 50%; } } @media (min-width: 1200px) { .col-item-4 { width: 25%; } } @media (min-width: 1770px) { .col-item-4 { width: 25%; } } .css-masonry .filter-content-item { overflow: inherit; float: inherit; } @media (max-width: 767px) { .css-masonry { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0em; -moz-column-gap: 0em; column-gap: 0em; } } @media (min-width: 768px) { .css-masonry { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0em; -moz-column-gap: 0em; column-gap: 0em; } } @media (min-width: 1200px) { .css-masonry { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0em; -moz-column-gap: 0em; column-gap: 0em; } } @media (min-width: 1770px) { .css-masonry { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 0em; -moz-column-gap: 0em; column-gap: 0em; } } .css-masonry .filter-content-item { display: inline-block; width: 100%; position: relative; } .gallery-content .block-table { display: table; width: 100%; height: 82%; } .gallery-content .content-center .block-table { height: 100%; } .gallery-content .content-center .title, .gallery-content .content-center em, .gallery-content .content-center p { text-align: center; } .gallery-content .content-center em { display: block; } .gallery-content .block-table-cell { display: table-cell; vertical-align: middle; } /**************************************** * end gallery *****************************************/ /**************************************** * gallery( blog-variants.html ) *****************************************/ .gallery-isotope .gallery__item { position: relative; float: left; width: 19.9%; overflow: hidden; } .gallery-isotope .gallery__item img { width: 100%; position: relative; z-index: 0; } .gallery-isotope .gallery__item--double { width: 39.9%; } .gallery-isotope .gallery__item .btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50%; margin-left: -30px; margin-top: -30px; opacity: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .gallery-isotope .gallery__item__image { overflow: hidden; } .gallery-isotope .gallery__item__image__caption { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; position: absolute; left: 0; width: 100%; height: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .gallery-isotope .gallery__item__image__caption h6 { position: absolute; top: 43%; width: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 27px; font-weight: 500; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .gallery-isotope .gallery__item a { display: block; z-index: 2; position: relative; overflow: hidden; } .gallery-isotope .gallery__item a:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; top: 0; left: 0; background-color:#d43f3a; opacity: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .gallery-isotope .gallery__item:hover :before { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gallery-isotope .gallery__item:hover h6 { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /**************************************** * end gallery *****************************************/ /**************************************** * Shopping-cart-page *****************************************/ /* shopping-cart-table ==================================== */ .shopping-cart-table { width: 100%; } .shopping-cart-table tr { border-bottom: 1px solid #e5e5e5; } .shopping-cart-table th { border-top: 1px solid #e5e5e5; color: #333333; font-weight: 500; padding: 11px 0; } .shopping-cart-table td { padding: 50px 0; } .shopping-cart-table td, .shopping-cart-table th { border-right: 1px solid #e5e5e5; vertical-align: top; text-align: center; } .shopping-cart-table td:first-child, .shopping-cart-table th:first-child, .shopping-cart-table td:last-child, .shopping-cart-table th:last-child, .shopping-cart-table td:nth-child(2), .shopping-cart-table th:nth-child(2) { border-right: none; } .shopping-cart-table td:first-child, .shopping-cart-table th:first-child { text-align: left; } .shopping-cart-table td:nth-child(1), .shopping-cart-table th:nth-child(1) { width: 18.3%; } .shopping-cart-table td:nth-child(2), .shopping-cart-table th:nth-child(2) { width: 22.7%; text-align: left; } .shopping-cart-table td:nth-child(3), .shopping-cart-table th:nth-child(3) { width: 10%; } .shopping-cart-table td:nth-child(4), .shopping-cart-table th:nth-child(4) { width: 14%; } .shopping-cart-table td:nth-child(5), .shopping-cart-table th:nth-child(5) { width: 15%; } .shopping-cart-table td:nth-child(6), .shopping-cart-table th:nth-child(6) { width: 15%; } .shopping-cart-table td:nth-child(7), .shopping-cart-table th:nth-child(7) { width: 5%; } @media (max-width: 1200px) { .shopping-cart-table td, .shopping-cart-table th { vertical-align: middle; } } .shopping-cart-table .icon, .shopping-cart-table .fa { font-size: 20px; } .shopping-cart-table__create { float: right; position: relative; top: -10px; right: 20%; } .shopping-cart-table__product-image { padding: 0 19px 0 0; } .shopping-cart-table__product-price { font-size: 30px; line-height: 1.1em; color: #c40000; } @media (max-width: 1200px) { .shopping-cart-table__product-price { font-size: 20px; } } .shopping-cart-table__input { width: 77px; display: inline-block; } .shopping-cart-table__input input { text-align: center; color: #c40000; } .shopping-cart-table a { color: #c40000; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .shopping-cart-table a:hover { color: #333333; } .shopping-cart-table__product-name { margin-bottom: 20px; } .shopping-cart-table__product-name a { color: #c40000; } .shopping-cart-table__list-parameters { list-style-type: none; padding: 0; margin: 0; } .shopping-cart-table__list-parameters li { padding: 0 0 7px 0; text-align: left; font-size: 16px; } .shopping-cart-table__list-parameters span { color: #333333; display: inline-block; margin-right: 6px; } @media (max-width: 767px) { .shopping-cart-table__create { float: right; position: relative; top: -10px; right: 0px; margin-right: 0px; margin-left: 18px; } .shopping-cart-table__delete { float: right; position: relative; top: -10px; } .shopping-cart-table__product-name { font-weight: normal; } .shopping-cart-table__list-parameters li { padding: 0 0 2px 0; font-size: 14px; } .shopping-cart-table tbody, .shopping-cart-table td, .shopping-cart-table tr { display: block; border: 0; width: 100% !important; text-align: center !important; } .shopping-cart-table tr { border-bottom: 1px solid #e5e5e5; } .shopping-cart-table td:nth-child(1) { width: 30% !important; display: table-cell !important; } .shopping-cart-table td:nth-child(2) { width: 45% !important; display: table-cell !important; text-align: left; } .shopping-cart-table td:nth-child(3) { width: 20% !important; display: table-cell !important; text-align: left; } .shopping-cart-table td:nth-child(4), .shopping-cart-table td:nth-child(5), .shopping-cart-table td:nth-child(6), .shopping-cart-table td:nth-child(7) { display: none !important; } .shopping-cart-table thead { display: none; } .shopping-cart-table .price-mobile { font-size: 20px; font-weight: 500; } } @media (max-width: 767px) and (max-width: 529px) { .shopping-cart-table__create { margin-right: 0px; margin-left: 7px; } } /* /shopping-cart-table ==================================== */ /* shopping-cart-btns ==================================== */ .shopping-cart-btns button.pull-right, .shopping-cart-btns .btn.pull-right { margin-right: 0; } .shopping-cart-btns .btn { margin-bottom: 15px !important; } @media (max-width: 767px) { .shopping-cart-btns { text-align: center; } .shopping-cart-btns > div { text-align: center !important; float: none !important; } .shopping-cart-btns .btn.pull-left, .shopping-cart-btns .btn.pull-right { float: none !important; display: inline-block !important; } .shopping-cart-btns .btn-right { margin-right: 0; } } /* /shopping-cart-btns ==================================== */ /* card ==================================== */ .card { border: 1px solid #e5e5e5; } .card--padding { padding: 25px 30px 30px 30px; } .card--padding.collapse-block { padding: 12px 30px 10px 30px; } .card h4 { font-size: 20px; margin-bottom: 19px; } .card label sup { color: #fa6b6b; } .card .btn { white-space: inherit; } /* /card ==================================== */ /* table-total ==================================== */ .table-total { width: 100%; text-transform: uppercase; } .table-total th { color: #333333; font-weight: 500; padding: 0 0 15px 0; } .table-total td { color: #c40000; padding: 0 0 15px 0; } .table-total tbody { font-size: 16px; line-height: 1em; } .table-total tbody tr td { font-weight: 500; } .table-total tbody tr:last-child td, .table-total tbody tr:last-child th { padding-bottom: 28px; } .table-total tfoot { width: 100%; font-size: 30px; line-height: 1em; } .table-total tfoot tr { border-top: 1px solid #e5e5e5; } .table-total tfoot tr td, .table-total tfoot tr th { padding-top: 25px; padding-left: 5px; padding-right: 5px; } .table-total tfoot tr td { text-align: right; } /* /table-total ==================================== */ /**************************************** * End Shopping-cart-page *****************************************/ /**************************************** * Checkout step *****************************************/ /* block-underline-top ==================================== */ .block-underline-top { border-top: 1px solid #e5e5e5; padding-top: 29px; margin-bottom: 22px; } .block-underline-top:last-child { margin-bottom: 0; } .block-underline-top .link-functional { color: #c40000; text-transform: uppercase; font-size: 13px; position: relative; top: -1px; } /* /block-underline ==================================== */ /* box-border ==================================== */ .box-border { border: 1px solid #e5e5e5; } .box-border--padding { padding: 25px 30px 28px 30px; } /* box-border ==================================== */ /* order-review-table ==================================== */ .order-review-table { width: 100%; } .order-review-table tr { border-bottom: 1px solid #e5e5e5; } .order-review-table th { border-top: 1px solid #e5e5e5; color: #333333; font-weight: 500; padding: 11px 5px; } .order-review-table td { padding: 50px 5px; } .order-review-table td, .order-review-table th { border-right: 1px solid #e5e5e5; vertical-align: top; text-align: center; } .order-review-table td:last-child, .order-review-table th:last-child { border-right: none; } .order-review-table td:first-child, .order-review-table th:first-child { text-align: left; padding-left: 0; } .order-review-table td:nth-child(1), .order-review-table th:nth-child(1) { width: 59.5%; } .order-review-table td:nth-child(2), .order-review-table th:nth-child(2) { width: 13.5%; } .order-review-table td:nth-child(3), .order-review-table th:nth-child(3) { width: 13%; } .order-review-table td:nth-child(4), .order-review-table th:nth-child(4) { width: 14%; } .order-review-table .icon, .order-review-table .fa { font-size: 20px; } .order-review-table__create { float: right; position: relative; top: -10px; right: 20%; } .order-review-table__product-image { padding: 0 19px 0 0; } .order-review-table__product-price { font-size: 30px; line-height: 1.1em; color: #c40000; } .order-review-table__input { width: 77px; display: inline-block; } .order-review-table__input input { text-align: center; color: #c40000; } .order-review-table a { color: #c40000; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .order-review-table a:hover { color: #333333; } .order-review-table__product-name { margin-bottom: 20px; } .order-review-table__product-name a { color: #c40000; } .order-review-table__list-parameters { list-style-type: none; padding: 0; margin: 0; } .order-review-table__list-parameters li { padding: 0 0 7px 0; text-align: left; font-size: 16px; } .order-review-table__list-parameters span { color: #333333; display: inline-block; margin-right: 6px; } @media (max-width: 767px) { .order-review-table__create { float: right; position: relative; top: -10px; right: 0px; margin-right: 0px; margin-left: 18px; } .order-review-table__delete { float: right; position: relative; top: -10px; } .order-review-table__product-name { font-weight: normal; } .order-review-table__list-parameters li { padding: 0 0 2px 0; font-size: 14px; } .order-review-table tbody, .order-review-table td, .order-review-table tr { display: block; border: 0; width: 100% !important; text-align: center !important; } .order-review-table tr { border-bottom: 1px solid #e5e5e5; } .order-review-table td:nth-child(1) { width: 30% !important; display: table-cell !important; } .order-review-table td:nth-child(2) { width: 45% !important; display: table-cell !important; text-align: left; } .order-review-table td:nth-child(3) { width: 20% !important; display: table-cell !important; text-align: left; } .order-review-table td:nth-child(2), .order-review-table td:nth-child(3), .order-review-table td:nth-child(4) { display: none !important; } .order-review-table thead { display: none; } .order-review-table .price-mobile { font-size: 20px; font-weight: 500; } } @media (max-width: 767px) and (max-width: 529px) { .order-review-table__create { margin-right: 0px; margin-left: 7px; } } /* /order-review-table ==================================== */ /**************************************** * End Checkout step *****************************************/ /**************************************** * End Checkout one page *****************************************/ .title-checkout { font-size: 26px; margin-bottom: 33px; } .title-checkout .icon { font-size: 46px; line-height: 1em; top: 8px; position: relative; } /* table-total-checkout ==================================== */ .table-total-checkout { width: 100%; text-transform: uppercase; margin-bottom: 10px; } .table-total-checkout th { color: #333333; font-weight: 500; padding: 0 0 15px 0; } .table-total-checkout td { color: #c40000; padding: 0 0 15px 0; } .table-total-checkout tbody { width: 100%; line-height: 1em; font-size: 26px; font-weight: 500; } .table-total-checkout tbody tr td, .table-total-checkout tbody tr th { padding-top: 25px; padding-left: 5px; padding-right: 5px; } .table-total-checkout tbody tr td { text-align: right; font-size: 30px; } /* /table-total-checkout ==================================== */ /**************************************** * End Checkout one page *****************************************/ /**************************************** * wishlist page *****************************************/ /* table-wishlist ==================================== */ .table-wishlist { width: 100%; } .table-wishlist table { width: 100%; } .table-wishlist tr { border-bottom: 1px solid #e5e5e5; } .table-wishlist tr tr { border: none; } .table-wishlist td, .table-wishlist th { text-align: center; vertical-align: top; border-right: 1px solid #e5e5e5; padding-top: 50px; padding-bottom: 50px; } .table-wishlist td:last-child, .table-wishlist th:last-child { border-right: none; } .table-wishlist td:first-child, .table-wishlist th:first-child { text-align: left; padding-left: 0; } .table-wishlist td:nth-child(1), .table-wishlist th:nth-child(1) { width: 70%; } .table-wishlist td:nth-child(1) td, .table-wishlist th:nth-child(1) td { padding-top: 0px; padding-bottom: 0px; border: none; text-align: left; } .table-wishlist td:nth-child(1) td:first-child, .table-wishlist th:nth-child(1) td:first-child { width: 26.7%; } .table-wishlist td:nth-child(1) td:last-child, .table-wishlist th:nth-child(1) td:last-child { width: 73.3%; padding-right: 50px; } .table-wishlist td:nth-child(2), .table-wishlist th:nth-child(2) { width: 25%; } .table-wishlist td:nth-child(3), .table-wishlist th:nth-child(3) { width: 5%; } .table-wishlist textarea { padding: 18px 0 0 18px; } .table-wishlist th { border-top: 1px solid #e5e5e5; padding: 11px 5px; } .table-wishlist .btn { margin-bottom: 16px; } .table-wishlist__product-name { color: #c40000; margin-bottom: 20px; } .table-wishlist__product-image { margin-right: 50px; } .table-wishlist__product-price { font-size: 30px; line-height: 1.1em; color: #c40000; display: inline-block; padding-bottom: 13px; } .table-wishlist__input { width: 77px; margin: 0 auto; text-align: center; margin-bottom: 30px; } .table-wishlist__input input { text-align: center; } .table-wishlist__delete { display: 20px; color: #c40000; } .table-wishlist__list-parameters { list-style-type: none; padding: 0; margin: 0 0 15px 0; } .table-wishlist__list-parameters li { padding: 0 0 7px 0; text-align: left; font-size: 16px; } .table-wishlist__list-parameters span { color: #333333; display: inline-block; margin-right: 6px; } @media (max-width: 991px) { .table-wishlist .visible-icon .icon { position: relative; top: -10px; color: #c40000; font-size: 20px; margin-left: 7px; } .table-wishlist th { display: none; } .table-wishlist td, .table-wishlist th { border-right: none; } .table-wishlist td:nth-child(1), .table-wishlist th:nth-child(1) { width: 100%; } .table-wishlist td:nth-child(1) td:first-child, .table-wishlist th:nth-child(1) td:first-child { width: 26.7%; display: table-cell; } .table-wishlist td:nth-child(1) td:last-child, .table-wishlist th:nth-child(1) td:last-child { width: 73.3%; padding-right: 0px; display: table-cell; } .table-wishlist td:nth-child(2), .table-wishlist th:nth-child(2), .table-wishlist td:nth-child(3), .table-wishlist th:nth-child(3) { display: none; } .table-wishlist td:nth-child(2) td, .table-wishlist th:nth-child(2) td, .table-wishlist td:nth-child(3) td, .table-wishlist th:nth-child(3) td { display: block; } .table-wishlist__list-parameters li { padding-bottom: 4px; } .table-wishlist__product-price { padding-bottom: 0; } .table-wishlist__input { margin: 0 0 15px 0; } .table-wishlist .btn { margin-bottom: 0px; } .table-wishlist__product-price { margin-bottom: 0; } } @media (max-width: 684px) { .table-wishlist__product-image { margin-bottom: 25px; } .table-wishlist td { border-right: none; padding-top: 20px; padding-bottom: 0px; } .table-wishlist td:nth-child(1) { width: 100%; } .table-wishlist td:nth-child(1) td:first-child { width: 100%; display: block; text-align: center; padding-bottom: 15px; } .table-wishlist td:nth-child(1) td:first-child img { display: inline-block; } .table-wishlist td:nth-child(1) td:last-child { width: 100%; display: block; text-align: center; } .table-wishlist__list-parameters li { text-align: center; } .table-wishlist__input { margin-left: auto; margin-right: auto; } .table-wishlist__product-image { margin-right: 0; } .table-wishlist th { border-top: 1px solid #e5e5e5; padding: 11px 5px; } } @media (max-width: 992px) { .wishlist-button .btn-right { margin-right: 0; } } /* /table-wishlist ==================================== */ /* table-wishlist ==================================== */ .table-wishlist-1 { width: 100%; } .table-wishlist-1 table { width: 100%; } .table-wishlist-1 tr { border-bottom: 1px solid #e5e5e5; } .table-wishlist-1 tr tr { border: none; } .table-wishlist-1 td, .table-wishlist-1 th { text-align: center; vertical-align: top; border-right: 1px solid #e5e5e5; padding-top: 50px; padding-bottom: 50px; } .table-wishlist-1 td a, .table-wishlist-1 th a { text-decoration: none; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; } .table-wishlist-1 td:last-child, .table-wishlist-1 th:last-child { border-right: none; } .table-wishlist-1 td:first-child, .table-wishlist-1 th:first-child { text-align: left; padding-left: 0; } .table-wishlist-1 td:nth-child(1), .table-wishlist-1 th:nth-child(1) { width: 55%; } .table-wishlist-1 td:nth-child(1) .pull-left, .table-wishlist-1 th:nth-child(1) .pull-left { width: 28.3%; } .table-wishlist-1 td:nth-child(1) .pull-right, .table-wishlist-1 th:nth-child(1) .pull-right { width: 66.3%; } .table-wishlist-1 td:nth-child(2), .table-wishlist-1 th:nth-child(2) { width: 15%; } .table-wishlist-1 td:nth-child(3), .table-wishlist-1 th:nth-child(3) { width: 15%; } .table-wishlist-1 td:nth-child(4), .table-wishlist-1 th:nth-child(4) { width: 15%; } .table-wishlist-1 th { border-top: 1px solid #e5e5e5; padding: 11px 5px; } .table-wishlist-1__product-price { font-size: 30px; line-height: 1.1em; color: #c40000; display: inline-block; padding-bottom: 13px; } .table-wishlist-1__product-name { color: #c40000; } .table-wishlist-1__product-name a { color: #c40000; } .table-wishlist-1__product-name a:hover { color: #333333; } .table-wishlist-1 a.color-red { color: #fa6b6b; } .table-wishlist-1 a.color-red:active, .table-wishlist-1 a.color-red:hover, .table-wishlist-1 a.color-red:focus { color: #333333; } .table-wishlist-1 a.color-green { color: #21caa9; } .table-wishlist-1 a.color-green:active, .table-wishlist-1 a.color-green:hover, .table-wishlist-1 a.color-green:focus { color: #333333; } .table-wishlist-1 .icon { font-size: 20px; } .table-wishlist-1 .icon:active { color: #333333 !important; } @media (max-width: 991px) { .table-wishlist-1 .visible-icon .icon { position: relative; top: -8px; font-size: 20px; margin-left: 7px; } .table-wishlist-1 th { display: none; } .table-wishlist-1 td, .table-wishlist-1 th { border-right: none; } .table-wishlist-1 td:nth-child(1), .table-wishlist-1 th:nth-child(1) { width: 100%; } .table-wishlist-1 td:nth-child(1) .visible-icon, .table-wishlist-1 th:nth-child(1) .visible-icon { float: right; display: inline-block; } .table-wishlist-1 td:nth-child(1) h5, .table-wishlist-1 th:nth-child(1) h5 { padding-right: 67px; } .table-wishlist-1 td:nth-child(2), .table-wishlist-1 th:nth-child(2), .table-wishlist-1 td:nth-child(3), .table-wishlist-1 th:nth-child(3), .table-wishlist-1 td:nth-child(4), .table-wishlist-1 th:nth-child(4) { display: none; } .table-wishlist-1 td:nth-child(2) td, .table-wishlist-1 th:nth-child(2) td, .table-wishlist-1 td:nth-child(3) td, .table-wishlist-1 th:nth-child(3) td, .table-wishlist-1 td:nth-child(4) td, .table-wishlist-1 th:nth-child(4) td { display: block; } } @media (max-width: 532px) { .table-wishlist-1 td:nth-child(1) .img-responsive, .table-wishlist-1 th:nth-child(1) .img-responsive { display: inline-block; } .table-wishlist-1 td:nth-child(1) .pull-left, .table-wishlist-1 th:nth-child(1) .pull-left { width: 100%; text-align: center; } .table-wishlist-1 td:nth-child(1) .pull-right, .table-wishlist-1 th:nth-child(1) .pull-right { width: 100%; text-align: center; padding-top: 19px; } .table-wishlist-1 td:nth-child(1) .visible-icon, .table-wishlist-1 th:nth-child(1) .visible-icon { float: none; } .table-wishlist-1__product-name { padding-right: 5% !important; padding-left: 5%; } } /* end table-wishlist ==================================== */ /**************************************** * End wishlist page *****************************************/ /**************************************** * login form *****************************************/ .login-form-box { border: 1px solid #e5e5e5; padding: 30px 40px; } .login-form-box .note { font-size: 14px; } @media (min-width: 992px) { .login-form-box { min-height: 448px; } } @media (max-width: 768px) { .login-form-box .note { float: none !important; } } .login-form-box .btn { white-space: inherit; } /**************************************** * end login form *****************************************/ /**************************************** * nav-select-item *****************************************/ .nav-select-item { display: block; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: #333333; list-style: none; padding: 0; margin: 0; overflow: hidden; } .nav-select-item li { display: block; float: left; text-align: center; width: 10%; } .nav-select-item li a { display: block; text-align: center; color: #333333; text-decoration: none; } .nav-select-item li a .icon-clothes { font-size: 153px; line-height: 1em; color: #c40000; width: 100%; display: block; text-align: center; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .nav-select-item li a .icon-clothes:before { margin-left: 0; margin-right: 0; } .nav-select-item li a .icon-clothes:hover { color: #333333; } .nav-select-item li a:hover { color: #333333; } @media (max-width: 767px) { .nav-select-item li { width: 33.3%; } .nav-select-item li:last-child { margin-left: 33.3%; } } @media (min-width: 768px) { .nav-select-item li { width: 20%; font-size: 17px; } .nav-select-item li a .icon-clothes { font-size: 130px; } .nav-select-item li:last-child { margin-left: 0%; } } @media (min-width: 992px) { .nav-select-item li { width: 20%; } .nav-select-item li:last-child { margin-left: 0%; } } @media (min-width: 1200px) { .nav-select-item li { width: 20%; } } @media (min-width: 1770px) { .nav-select-item li { width: 10%; } } @media (max-width: 530px) { .nav-select-item li { font-size: 15px; } .nav-select-item li a .icon-clothes { font-size: 100px; } } @media (max-width: 400px) { .nav-select-item li { font-size: 15px; width: 50%; } .nav-select-item li:last-child { margin-left: 0%; } } /**************************************** * end nav-select-item *****************************************/ /**************************************** * carousel-product-popup *****************************************/ .carousel-product-popup { position: relative; z-index: 7; } .carousel-product-popup .product-hover-popup { position: absolute; padding: 5px 0 33px 0; bottom: -100%; z-index: 7; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.9); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .carousel-product-popup:hover .product-hover-popup { bottom: 0%; } .carousel-product-popup .product__label--sold-out { position: absolute; top: 50%; left: 50%; margin-top: -2.5em; margin-left: -2.5em; background-color: #fa6b6b; width: 5em; height: 5em; background: rgba(250, 107, 107, 0.35); text-transform: uppercase; color: #fff; font-size: 1.3em; line-height: 1em; text-align: center; border-radius: 50%; } .carousel-product-popup .product__label--sold-out span { display: table-cell; width: 5em; height: 5em; vertical-align: middle; } .carousel-product-popup .sold-out img, .carousel-product-popup .sold-out .product__label { -moz-opacity: 0.2 !important; -khtml-opacity: 0.2 !important; -webkit-opacity: 0.2 !important; opacity: 0.2 !important; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important; filter: alpha(opacity=20) !important; } .bigGallery .slick-prev, .bigGallery .slick-next { background-color: #fff; } .bigGallery .slick-prev:before, .bigGallery .slick-next:before { color: #333333; } .bigGallery .slick-prev:focus, .bigGallery .slick-next:focus { background: #fff; } .bigGallery .slick-prev:focus:before, .bigGallery .slick-next:focus:before { color: #333333; } .bigGallery .slick-prev:hover, .bigGallery .slick-next:hover { background: #c40000; } .bigGallery .slick-prev:hover:before, .bigGallery .slick-next:hover:before { color: #fff; } /**************************************** * end carousel-product-popup *****************************************/ /**************************************** * site-map page *****************************************/ .masonry-css { padding: 0; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px; } .masonry-css .item { display: inline-block; width: 100%; } .masonry-css .item img, .masonry-css .item iframe { max-width: 100%; height: auto; display: block; } .masonry-css .item h2 { margin-top: 30px !important; } @media (max-width: 767px) { .masonry-css { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .masonry-css .item h2 { text-align: center; } .masonry-css ul { max-width: 400px; margin: 0 auto; } } @media (min-width: 768px) { .masonry-css { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .masonry-css { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media (min-width: 1200px) { .masonry-css { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media (min-width: 1770px) { .masonry-css { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } /**************************************** * End site-map *****************************************/ /**************************************** * lookbook *****************************************/ .lookbook { text-align: center; vertical-align: top; } .lookbook__image { display: block; position: relative; } .lookbook__image img { position: relative; z-index: 0; width: 100%; height: auto; } .lookbook .hint { width: 35px; height: 35px; border-radius: 50%; position: absolute; background: #c40000; color: #fff; z-index: 1; font-size: 12px; line-height: 35px; text-align: center; cursor: pointer; } .lookbook .hint:hover { z-index: 2; } .lookbook .hint-title { color: #c40000; font-size: 14px; display: block; text-transform: uppercase; text-align: left; padding-bottom: 4px; } .lookbook .hint-price { color: #333333; font-size: 20px; display: block; } @media (min-width: 1200px) { .lookbook .hint-title { font-size: 12px; } .lookbook .hint-price { font-size: 17px; } } @media (min-width: 1770px) { .lookbook .hint-title { font-size: 14px; } .lookbook .hint-price { font-size: 20px; } } .lookbook .hint .hover-tool__text a { text-decoration: none; } .lookbook .hint__dot { border-width: 5px; border-color: #c40000; border-style: solid; background: transparent; border-radius: 50%; height: 35px; width: 35px; -webkit-animation: pulse 1s ease-out; -moz-animation: pulse 1s ease-out; animation: pulse 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.5; } .lookbook .hint .tool { width: 160px; top: -5px; position: absolute; font-size: 14px; line-height: 1.5em; visibility: hidden; opacity: 0; -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .lookbook .hint .tool .hint-title { -webkit-transition: color 300ms linear 0s; -moz-transition: color 300ms linear 0s; -ms-transition: color 300ms linear 0s; -o-transition: color 300ms linear 0s; transition: color 300ms linear 0s; } .lookbook .hint .tool a { text-decoration: none; } .lookbook .hint .tool a:hover .hint-title { color: #333333; } .lookbook .hint .tool .box-wrapper { background: #fff; position: relative; -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08); } .lookbook .hint .tool--right { right: 0; margin-right: -260px; padding-left: 9px; } .lookbook .hint .tool--right .hint-title, .lookbook .hint .tool--right .hint-price { text-align: left; } .lookbook .hint .tool--right .box-wrapper { padding: 10px 5px 10px 10px; } .lookbook .hint .tool--right .box-wrapper:after { content: ''; position: absolute; left: -18px; top: 13px; border: 10px solid transparent; border-right: 10px solid #fff; } .lookbook .hint .tool--left { left: 0; margin-left: -260px; padding-right: 9px; } .lookbook .hint .tool--left .hint-title, .lookbook .hint .tool--left .hint-price { text-align: right; } .lookbook .hint .tool--left .box-wrapper { padding: 10px 10px 10px 5px; } .lookbook .hint .tool--left .box-wrapper:after { content: ''; position: absolute; right: -18px; top: 13px; border: 10px solid transparent; border-left: 10px solid #fff; } .lookbook .hint:hover .tool { visibility: visible; opacity: 1; } .lookbook .hint:hover .tool--right { margin-right: -162px; } .lookbook .hint:hover .tool--left { margin-left: -162px; } @media (max-width: 767px) { .lookbook .hint .tool { top: -25px; } .lookbook .hint .tool--right { padding-right: 60px; } .lookbook .hint .tool--left { padding-left: 60px; } } @media (min-width: 768px) { .lookbook .hint .tool { top: -5px; } .lookbook .hint .tool--right { padding-right: 0px; } .lookbook .hint .tool--left { padding-left: 0px; } } @media (min-width: 992px) { .lookbook .hint .tool { top: -5px; } .lookbook .hint .tool--right { padding-right: 0px; } .lookbook .hint .tool--left { padding-left: 0px; } } @media (min-width: 1200px) { .lookbook .hint .tool { top: -25px; } .lookbook .hint .tool--right { padding-right: 60px; } .lookbook .hint .tool--left { padding-left: 60px; } } @media (min-width: 1770px) { .lookbook .hint .tool { top: -5px; } .lookbook .hint .tool--right { padding-right: 0px; } .lookbook .hint .tool--left { padding-left: 0px; } } /* lookbook-layout1 ==================================== */ .lookbook-layout1__image { display: inline-block; position: relative; } .lookbook-layout1__image img { position: relative; z-index: 0; width: 100%; height: auto; } .lookbook-layout1 .hint-content { position: absolute; top: 34px; left: 40px; z-index: 2; } .lookbook-layout1 .hint { margin-bottom: 21px; } .lookbook-layout1 .hint-title { color: #c40000; font-size: 14px; display: block; text-transform: uppercase; text-align: left; padding-bottom: 1px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .lookbook-layout1 .hint-price { color: #333333; font-size: 20px; line-height: 1em; display: block; } .lookbook-layout1 .hint a { text-decoration: none; } .lookbook-layout1 .hint a:hover { text-decoration: none; } .lookbook-layout1 .hint a:hover .hint-title { color: #333333; } /* /end lookbook-layout1 ==================================== */ /* lookbook-layout2 ==================================== */ .lookbook-layout2 { position: relative; } .lookbook-layout2__image { display: block; position: relative; } .lookbook-layout2__image img { position: relative; z-index: 0; width: 100% !important; display: inline-block; height: auto; } .lookbook-layout2 .hint { position: absolute; text-align: center; } .lookbook-layout2 .hint:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #c40000; opacity: 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .lookbook-layout2 .hint-title { color: #c40000; font-size: 16px; display: block; text-transform: uppercase; text-align: left; padding-bottom: 4px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .lookbook-layout2 .hint-title:hover { color: #333333; } .lookbook-layout2 .hint-price { color: #333333; font-size: 30px; display: block; } .lookbook-layout2 .hint .icon { font-size: 26px; color: #c40000; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .lookbook-layout2 .hint a:hover:first-child .hint-title { color: #333333; } @media (min-width: 1770px) { .lookbook-layout2 .hint-title { font-size: 16px; } .lookbook-layout2 .hint-price { font-size: 30px; } } .lookbook-layout2 .hint .hover-tool__text a { text-decoration: none; } .lookbook-layout2 .hint .tool { width: 230px; top: 0px; position: absolute; font-size: 14px; line-height: 1.5em; visibility: hidden; background: #fff; padding: 16px 10px 19px 19px; opacity: 0; -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08); } .lookbook-layout2 .hint .tool a { text-decoration: none; display: inline-block; } .lookbook-layout2 .hint .tool a:hover .icon { color: #333333; } .lookbook-layout2 .hint .tool--right { text-align: left; right: 0; margin-right: -300px; } .lookbook-layout2 .hint .tool--right .hint-title, .lookbook-layout2 .hint .tool--right .hint-price { text-align: left; } .lookbook-layout2 .hint .tool--right .icon { position: absolute; bottom: 21px; right: 12px; } .lookbook-layout2 .hint .tool--left { left: 0; margin-left: -300px; text-align: right; } .lookbook-layout2 .hint .tool--left .hint-title, .lookbook-layout2 .hint .tool--left .hint-price { text-align: right; } .lookbook-layout2 .hint .tool--left .icon { position: absolute; bottom: 21px; left: 12px; } .lookbook-layout2 .hint .tool--center { left: 50%; top: 0%; margin-left: -115px; } .lookbook-layout2 .hint .tool--center .hint-title, .lookbook-layout2 .hint .tool--center .hint-price { text-align: center; padding-bottom: 7px; } .lookbook-layout2 .hint .tool--center .icon { text-align: center; margin: 7px 0 10px; display: block; } .lookbook-layout2 .hint .tool .divider { height: 1px !important; } .lookbook-layout2 .hint:hover { z-index: 2; } .lookbook-layout2 .hint:hover:before { opacity: 0.22; } .lookbook-layout2 .hint:hover .tool { visibility: visible; opacity: 1; } .lookbook-layout2 .hint:hover .tool--right { margin-right: -230px; } .lookbook-layout2 .hint:hover .tool--left { margin-left: -230px; } .lookbook-layout2 .hint:hover .tool--center { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 535px) { .lookbook-layout2 .hint-title { font-size: 14px; } .lookbook-layout2 .hint-price { font-size: 25px; } .lookbook-layout2 .hint .icon { font-size: 20px; } .lookbook-layout2 .hint .tool { width: 190px; } .lookbook-layout2 .hint--right { margin-right: -220px; } .lookbook-layout2 .hint--left { margin-left: -220px; } .lookbook-layout2 .hint:hover .tool--right { margin-right: -190px; } .lookbook-layout2 .hint:hover .tool--left { margin-left: -190px; } } /* end lookbook-layout2 ==================================== */ /**************************************** * end lookbook *****************************************/ /*=== options ===*/ .options-swatch { margin: 0 0 21px 0; padding: 0; list-style: none; } .slick-slide .options-swatch { margin: 0 0 3px; } .options-swatch li { display: inline-block; margin: 0 3.5px; margin-bottom: 8px; } .options-swatch li a { display: block; text-align: center; background-color: #f5f5f5; color: #333333; width: 28px; height: 28px; font-size: 13px; line-height: 28px; text-decoration: none; } .options-swatch li a:hover, .options-swatch li.active a { text-decoration: none; background-color: #333333; color: #fff; } .options-swatch img { width: 100%; height: 100%; } .options-swatch--lg li a { width: 40px; height: 40px; font-size: 13px; line-height: 40px; } .options-swatch--size li { padding: 0 !important; line-height: 19px; } .options-swatch--size.options-swatch--lg li { line-height: 26px; } .options-swatch--color li a, .options-swatch--color li a:hover { background-color: transparent !important; } .options-swatch--color li a:hover { padding: 3px; line-height: 22px; } .options-swatch--color.options-swatch--lg li a:hover { padding: 5px; line-height: 30px; } .collapse-block .options-swatch--color { margin-left: -3px; } .collapse-block .options-swatch--color .color-black { background-color: #333333; } .collapse-block .options-swatch--color .color-grey { background-color: #cdcdcd; } .collapse-block .options-swatch--color .color-light-grey { background-color: #f5f5f5; } .collapse-block .options-swatch--color .color-blue { background-color: #20bdf7; } .collapse-block .options-swatch--color .color-dark-turquoise { background-color: #23cddc; } .collapse-block .options-swatch--color .color-orange { background-color: #fe9001; } .collapse-block .options-swatch--color .color-purple { background-color: #c73de0; } .collapse-block .options-swatch--color .color-pale-violet-red { background-color: #ff527f; } .collapse-block .options-swatch--color .color-red { background-color: #fc121d; } .collapse-block .options-swatch--color .color-green { background-color: #5ec90f; } .collapse-block .options-swatch--color .color-yellow { background-color: #fee301; } .collapse-block .options-swatch--color .color-tan { background-color: #eacea7; } .collapse-block .options-swatch--color li { margin: 0 2.5px; margin-bottom: 1px; } .collapse-block .options-swatch--color li a { position: relative; display: block; } .collapse-block .options-swatch--color li a span { display: block; width: 100%; height: 100%; } .collapse-block .options-swatch--color li a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid #fff; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; -webkit-transition: 0.1s 0.3s 0s ease; -moz-transition: 0.1s 0.3s 0s ease; -ms-transition: 0.1s 0.3s 0s ease; -o-transition: 0.1s 0.3s 0s ease; transition: 0.1s 0.3s 0s ease; } .collapse-block .options-swatch--color li a:hover:before { background-color: none; border: 6px solid #fff; } /*=== /options ===*/ /*=== countdown ===*/ .countdown_box { position: absolute; text-align: center; bottom: 0; width: 100%; z-index: 999; } .countdown_inner { overflow: hidden; background-color: rgba(250, 107, 107, 0.8); margin: 0 auto; width: 100%; padding: 0.3em 0 0.4em; text-align: center; color: #fff; } .countdown-section { display: inline-block; text-align: center; position: relative; padding: 0.5em 0; margin: 0 0.9em; line-height: 0.714em; font-size: 0.875em; white-space: nowrap; } @media (min-width: 768px) and (max-width: 1199px) { .countdown-section { margin: 0 0.8em; } } .countdown-section:before { content: ":"; display: block; position: absolute; top: 50%; margin-top: -0.3em; font-weight: bold; } .countdown-section:nth-child(1):before { right: -46%; } .countdown-section:nth-child(2):before { right: -65%; } .countdown-section:nth-child(3):before { right: -65%; } .countdown-section:last-child:before { display: none; } .countdown-amount { line-height: 1em; font-weight: bold; padding-bottom: 0.2em; display: block; } .countdown-period { display: block; text-transform: lowercase; } .countdown-descr { display: block; width: 100%; } /*=== /countdown ===*/ /* countdown-transparent ==================================== */ .countdown-transparent .countdown-section { background-color: rgba(255, 255, 255, 0.8); color: #c40000; width: 127px; height: 127px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 1em; margin: 0 10px 20px; } .countdown-transparent .countdown-section:before { display: none; } .countdown-transparent .countdown-amount { font-size: 50px; line-height: 1em; font-weight: 500; font-family: Ubuntu, sans-serif; padding-top: 11%; } .countdown-transparent .countdown-period { font-size: 18px; line-height: 1em; color: #333333; } @media (max-width: 1199px) { .countdown-transparent .countdown-section { width: 87px; height: 87px; } .countdown-transparent .countdown-amount { font-size: 30px; } .countdown-transparent .countdown-period { font-size: 15px; } } /* /countdown-transparent ==================================== */ /**************************************** * title *****************************************/ .title-box { width: 100%; overflow: hidden; } .title { margin-top: 75px; } @media (max-width: 479px) { .title { margin-top: 24.975px; } } /* title ==================================== */ h2.title-default { margin-bottom: 0.9em; padding: 1.05em 0 0 0; } h4.title-default { margin-bottom: 2.4em; padding: 1.05em 0 0 0; font-size: 22px; line-height: 1.2em; } /* end title ==================================== */ /* title-aside ==================================== */ .title-aside-wrapper { background-color:#d43f3a; color: #fff; padding: 19px 21px 19px 20px; margin: 0 !important; font-size: 20px; } /* end title-aside ==================================== */ /* title-under ==================================== */ .fixed-bg .container { position: relative; } .title-under { position: relative; margin-bottom: 2.667em; } .title-under:after { content: ""; position: absolute; display: block; height: 5px; width: 68px; background: #c40000; bottom: -1em; } .title-under.text-left:after { left: 0%; } .title-under.text-center:after { left: 50%; margin-left: -34px; } .title-under.text-right:after { right: 0%; } @media (max-width: 479px) { .title-under { font-size: 1.35em; margin-bottom: 1em; text-align: center !impoortant; } .title-under.pull-left, .title-under.pull-rigth { float: none !important; text-align: center !important; } .title-under:after { display: none; } } h4.title-under:after { bottom: -1.2em; } .indent-bottom { margin-bottom: 2.74em; } .title-under.title-md { font-size: 2.9em; } .title-with-button { position: relative; overflow: hidden; } .title-xs { font-style: 18px; } .title-with-button .title-under.text-center { padding-right: 117px !important; padding-left: 117px !important; } @media (max-width: 767px) { .title-with-button .title-under.text-center { padding-right: 0px !important; padding-left: 0px !important; } } /* /title-under ==================================== */ /* title-icon ==================================== */ h4.title-icon { font-size: 30px; margin-bottom: 0.8em; padding-left: 2.7em; position: relative; } h4.title-icon .icon { font-size: 1.9em; line-height: 1em; top: -0.25em; left: 0; margin-right: 21px; position: absolute; } @media (max-width: 480px) { h4.title-icon { font-size: 1.35em; margin-bottom: 1em; } } /* /title-icon ==================================== */ /**************************************** * end title *****************************************/ /*=== slogan ===*/ .slogan { color: #c40000; font-family: Georgia, sans-serif; font-style: italic; font-size: 1em; } @media (max-width: 1055px) { .slogan { display: none; } } .badge--cart { position: absolute; z-index: 0; padding: 0; right: -5px; top: -45px; width: 31px; height: 31px; line-height: 26px; font-size: 1.1em; line-height: 1.85em; font-weight: 300; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #e8e8e8; color: #777777; } @media (max-width: 767px) { .badge--cart { top: -32px; right: -22px; } } .badge--menu { position: absolute; left: 0; top: -13px; border-radius: 0; font-size: 10px; line-height: 1em; font-weight: lighter; text-transform: uppercase; padding: 3px 4px 3px; background-color: #333333; } .badge--menu:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 0; border: 0 solid transparent; border-left-width: 0px; border-right-width: 6px; border-top: 5px solid #333333; -moz-transform: scale(0.9999); } .badge--color { background-color:#d43f3a; } .badge--color:after { border-top-color: #c40000; } @media (min-width: 1055px) { .badge.badge--hidden { display: none; } } @media (max-width: 1055px) { .badge--menu { position: relative; margin: 0 5px; top: -15px; } } /*=== multitooltip ===*/ .multitooltip .tip.on-top:after, .multitooltip .tip.on-bottom:after { border-left: 7px solid transparent; border-right: 7px solid transparent; } .multitooltip .tip.on-right:after, .multitooltip .tip.on-left:after { border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .multitooltip { position: relative; cursor: pointer; display: inline-block; } .multitooltip .tip { position: absolute; width: 180px; color: #777; font-size: 14px; font-style: normal; line-height: 1.7em; text-align: left; border-radius: 0; background: #3c3c3c; padding: 12px 14px; box-sizing: border-box; cursor: auto; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .multitooltip .tip span { display: block; } .multitooltip .tip strong { color: #fff; font-weight: normal; padding: 0 5px 0 0; } .multitooltip .tip:after { position: absolute; width: 0; height: 0; content: ''; } .multitooltip .tip.on-top { bottom: 18px; left: 0; } .multitooltip .tip.on-top:after { bottom: -7px; left: 20px; border-top: 7px solid #333; } .multitooltip .tip.on-right { top: -100%; left: 103%; } .multitooltip .tip.on-right:after { top: 37%; left: -7px; border-right: 7px solid #333; } .multitooltip .tip.on-bottom { top: 28px; left: 0; } .multitooltip .tip.on-bottom:after { top: -7px; left: 20px; border-bottom: 7px solid #333; } .multitooltip .tip.on-left { top: -100%; right: 103%; } .multitooltip .tip.on-left:after { top: 37%; right: -7px; border-left: 7px solid #333; } .multitooltip:hover .tip { opacity: 1; visibility: visible; } .multitooltip:hover .tip.on-top { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .multitooltip:hover .tip.on-right { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .multitooltip:hover .tip.on-bottom { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .multitooltip:hover .tip.on-left { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } /*=== buttons ===*/ button:focus, .btn:focus, button:active:focus, .btn:active:focus, button.active:focus, .btn.active:focus, button.focus, .btn.focus, button:active.focus, .btn:active.focus, button.active.focus, .btn.active.focus { outline: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; } button:hover, .btn:hover, button:focus, .btn:focus, button.focus, .btn.focus { outline: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; } button:active, .btn:active, button.active, .btn.active { outline: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; } button.pull-right, .btn.pull-right { margin-right: 10px; } .btn { /* color options */ /* /color options */ } .btn--ys { position: relative; padding: 10px 14px; font-size: 0.875em; line-height: 1.486em; height: 40px; background-color:#d43f3a; color: #ffffff; border-radius: 0; vertical-align: top; border: 0; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; } .btn--ys.text-lowercase { text-transform: lowercase; } .btn--ys.text-inherit { text-transform: inherit; } .btn--ys:hover, .btn--ys:active, .btn--ys.focus, .btn--ys:focus { background: #c40000; color: #ffffff; } .btn--ys:hover { background-color: #f5f5f5; color: #c40000; } .btn--ys.btn--light { background: #f5f5f5; color: #333333; font-weight: 500; } .btn--ys.btn--light span { color: #c40000; } .btn--ys.btn--light:hover { color: #f5f5f5; background-color:#d43f3a; } .btn--ys.btn--light:hover span { color: #fff; } .btn--ys.btn--invert { background: #f5f5f5; color: #c40000; } .btn--ys.btn--invert:hover { color: #f5f5f5; background-color:#d43f3a; } .btn--ys .icon { display: inline-block; padding: 0 3px 0 0; font-size: 1.486em; vertical-align: middle; } .btn--ys .icon.icon--flippedX { padding: 0 0 0 3px; } .btn--ys span { position: relative; top: 0; left: 0; } .btn--ys.btn--links--dropdown { border: none; background: none; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); } .btn--ys.btn--links--dropdown:hover { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); } .btn--ys.btn--xs { padding: 5px 10px; font-size: 0.923em; height: auto; } .btn--ys.btn--xs:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .btn--ys.btn--sm { padding: 8px 16px; height: auto; font-size: 13px; } .btn--ys.btn--sm .icon { font-size: 12px; } .btn--ys.btn--sm--icon { padding: 9px 16px 7px; height: auto; font-size: 13px; } .btn--ys.btn--sm--icon .icon { font-size: 20px; } .btn--ys.btn--lg { padding: 15px 20px; height: auto; } .btn--ys.btn--xl { padding: 17px 24px; font-size: 1.1em; font-weight: 500; height: auto; } .btn--ys.btn--xl .icon { height: 1em; position: relative; top: -2px; padding: 0 5px 0 0; font-size: 1.45em; line-height: 1em; } .btn--ys.btn--xl.btn--xl-small { padding: 12px 18px 11px; } .btn--ys.btn--xxl { padding: 12px 4px 12px; font-size: 1.5em; line-height: 1.72em; height: auto; } .btn--ys.btn--l { padding: 15px 33px 15px; font-size: 1.5em; line-height: 1.72em; height: auto; font-weight: bold; } @media (max-width: 1200px) { .btn--ys.btn--l { padding: 12px 24px 12px; } } .btn--ys.btn--full { width: 100%; display: block; margin-bottom: 0.4em; } .btn--border { position: relative; padding: 10px 14px; font-size: 0.875em; line-height: 1.486em; height: 40px; border: 2px solid #fff; color: #fff; border-radius: 0; vertical-align: top; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 100ms 0s ease; -moz-transition: all 100ms 0s ease; -ms-transition: all 100ms 0s ease; -o-transition: all 100ms 0s ease; transition: all 100ms 0s ease; } .btn--border.text-lowercase { text-transform: lowercase; } .btn--border.text-inherit { text-transform: inherit; } .btn--border:hover, .btn--border:active, .btn--border.focus, .btn--border:focus { background: #c40000; color: #ffffff; } .btn--border:hover { background-color: #f5f5f5; color: #c40000; } .btn--border .icon { display: inline-block; padding: 0 3px 0 0; font-size: 1.486em; vertical-align: middle; } .btn--border .icon.icon--flippedX { padding: 0 0 0 3px; } .btn--border span { position: relative; top: 0; left: 0; } .btn--border.btn--links--dropdown { border: none; background: none; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); } .btn--border.btn--links--dropdown:hover { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); } .btn--border.btn--xs { padding: 5px 10px; font-size: 0.923em; height: auto; } .btn--border.btn--xs:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .btn--border.btn--sm { padding: 8px 16px; height: auto; font-size: 13px; } .btn--border.btn--sm .icon { font-size: 12px; } .btn--border.btn--sm--icon { padding: 9px 16px 7px; height: auto; font-size: 13px; } .btn--border.btn--sm--icon .icon { font-size: 20px; } .btn--border.btn--lg { padding: 15px 20px; height: auto; } .btn--border.btn--xl { padding: 17px 24px; font-size: 1.1em; font-weight: 500; height: auto; } .btn--border.btn--xl .icon { height: 1em; position: relative; top: -2px; padding: 0 5px 0 0; font-size: 1.45em; line-height: 1em; } .btn--border.btn--xl.btn--xl-small { padding: 12px 18px 11px; } .btn--border.btn--xxl { padding: 12px 24px 12px; font-size: 1.5em; line-height: 1.72em; height: auto; } .btn--border.btn--l { padding: 15px 33px 15px; font-size: 1.5em; line-height: 1.72em; height: auto; font-weight: bold; } @media (max-width: 1200px) { .btn--border.btn--l { padding: 12px 24px 12px; } } .btn--border.btn--full { width: 100%; display: block; margin-bottom: 0.4em; } .btn--clear { border: 0; padding-left: 0; background-color: transparent; } .btn--clear:hover, .btn--clear:active, .btn--clear.focus, .btn--clear:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .open > .btn--clear.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } .btn-top { margin-top: 15px; } .btn-left { margin-left: 10px !important; } .btn.btn-red { background: #fa6b6b; } .btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red.focus, .btn.btn-red:focus { background: #f5f5f5; } .btn.btn-blue { background-color: #395499; } .btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue.focus, .btn.btn-blue:focus { background: #f5f5f5; } /* Individual button styles */ /* Tamaya */ .button--tamaya { overflow: hidden; } .button--tamaya::before, .button--tamaya::after { content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; background: #c40000; color: #ffffff; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button--tamaya::before { top: 0; padding-top: 1em; } .button--tamaya::after { bottom: 0; line-height: 0; } .button--tamaya > span { display: block; -webkit-transform: scale3d(0.2, 0.2, 1); transform: scale3d(0.2, 0.2, 1); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button--tamaya:hover::before { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .button--tamaya:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .button--tamaya:hover > span { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .btn-right { margin-right: 30px; } .btn-img { display: inline-block; cursor: pointer; margin: 12px 12px 0 0; overflow: hidden; position: relative; } .btn-img-view_module { background: #777777; } .btn-img-view_list { background: #777777; } .btn-img.active { background-color:#d43f3a; } .btn-img:hover { background-color:#d43f3a; } .btn-img-view_module { width: 20px; height: 17px; } .btn-img-view_module:before { content: ""; display: block; position: absolute; top: 8px; width: 100%; height: 1px; background: #fff; } .btn-img-view_module:after { content: ""; display: block; position: absolute; top: 0px; left: 6px; width: 1px; height: 100%; background: #fff; } .btn-img-view_module span { display: block; position: absolute; top: 0; left: 13px; width: 1px; height: 100%; background: #fff; } .btn-img-view_list { width: 19px; height: 17px; } .btn-img-view_list:before { content: ""; display: block; position: absolute; top: 5px; width: 100%; height: 1px; background: #fff; } .btn-img-view_list:after { content: ""; display: block; position: absolute; top: 11px; width: 100%; height: 1px; background: #fff; } .btn-img-view_list span { display: block; position: absolute; top: 0; left: 6px; width: 1px; height: 100%; background: #fff; } input { -webkit-box-shadow: inset none; -moz-box-shadow: inset none; box-shadow: inset none; } .input--ys { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 7px 12px; font-size: 1em; line-height: 1.4em; height: 40px; margin-bottom: 10px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .input--ys:hover, .input--ys:focus, .input--ys.focus { box-shadow: none; outline: none; } .input--ys--full { width: 100%; } .textarea--ys { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 7px 12px; font-size: 1em; line-height: 1.4em; height: 40px; margin-bottom: 10px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); min-height: 140px; height: auto; } .textarea--ys:hover, .textarea--ys:focus, .textarea--ys.focus { box-shadow: none; outline: none; } .textarea--ys--full { width: 100%; } label { font-weight: normal; } label.label--inline { font-size: 1.231em; line-height: 2.6em; font-weight: normal; padding-right: 10px; margin-bottom: 0; } @media (max-width: 767px) { label.label--inline { display: block; margin-bottom: 5px; float: none !important; } } .subscribe-form { position: relative; } .subscribe-form__label { font-size: 1.231em; line-height: 2.6em; font-weight: normal; padding-right: 10px; margin-bottom: 0; } @media (max-width: 767px) { .subscribe-form__label { display: block; margin-bottom: 5px; float: none !important; } } .subscribe-form__input { margin-right: 10px; } @media (max-width: 767px) { .subscribe-form__input { margin-right: 0; width: 97%; padding-right: 50px; } } @media (min-width: 768px) and (max-width: 991px) { .subscribe-form__input { width: 160px; } } @media (max-width: 767px) { .subscribe-form button { position: absolute; right: 0; } } .subscribe-form button .icon { font-size: 18px; } input::-webkit-input-placeholder { font-size: 1em; line-height: 1.214em; color: #333; } input::-webkit-input-placeholder::-moz-placeholder { color: #999; opacity: 1; } input::-webkit-input-placeholder:-ms-input-placeholder { color: #999; } input::-webkit-input-placeholder::-webkit-input-placeholder { color: #999; } input::-moz-placeholder { font-size: 1em; line-height: 1.214em; color: #333; } input::-moz-placeholder::-moz-placeholder { color: #999; opacity: 1; } input::-moz-placeholder:-ms-input-placeholder { color: #999; } input::-moz-placeholder::-webkit-input-placeholder { color: #999; } input:-ms-input-placeholder { font-size: 1em; line-height: 1.214em; color: #333; } input:-ms-input-placeholder::-moz-placeholder { color: #999; opacity: 1; } input:-ms-input-placeholder:-ms-input-placeholder { color: #999; } input:-ms-input-placeholder::-webkit-input-placeholder { color: #999; } input:-moz-placeholder { font-size: 1em; line-height: 1.214em; color: #333; } input:-moz-placeholder::-moz-placeholder { color: #999; opacity: 1; } input:-moz-placeholder:-ms-input-placeholder { color: #999; } input:-moz-placeholder::-webkit-input-placeholder { color: #999; } /* placeholder */ .placeholder { font-size: 1em; line-height: 1.214em; color: #333; } ::-webkit-input-placeholder { color: #333; } ::-moz-placeholder { color: #333; } :-moz-placeholder { color: #333; } :-ms-input-placeholder { color: #333; } input[placeholder] { text-overflow: ellipsis; } input::-moz-placeholder { text-overflow: ellipsis; } input:-moz-placeholder { text-overflow: ellipsis; } input:-ms-input-placeholder { text-overflow: ellipsis; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } /* /placeholder */ .bootstrap-select .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #e5e5e5; } .select--ys { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 7px 12px; font-size: 1em; line-height: 1.4em; height: 40px; margin-bottom: 10px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); color: #333333; -webkit-box-shadow: none !important; box-shadow: none !important; } .select--ys:hover, .select--ys:focus, .select--ys.focus { box-shadow: none; outline: none; } .select--ys--full { width: 100%; } .select--ys option { color: #333333; } .select--sm { padding: 8px 10px; height: 34px; } .select--lg { padding: 10px 12px; height: 40px; font-size: 16px; line-height: 18px; margin-bottom: 5px; width: 100%; } .select-wrapper { position: relative; display: inline-block; } .select-wrapper .select--ys { padding-right: 25px; } .select-wrapper:after { content: " "; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #777777; position: absolute; top: 20px; right: 12px; transition: all 0.3s linear; -moz-transform: scale(0.9999); } .select-wrapper select { cursor: pointer; } /* select-basket ==================================== */ @media (max-width: 767px) { .pull-extra-left { float: left !important; } } .select-basket { padding-right: 0; position: relative; line-height: 1.67em; } .select-basket .dropdown-toggle { background-color:#d43f3a; padding: 7px 135px 10px 19px; font-size: 20px; font-weight: 500; color: #fff; } .select-basket .dropdown-toggle .icon { color: #fff; font-size: 25px; position: relative; top: 6px; margin-right: 11px; } .select-basket .dropdown-toggle .caret { position: absolute; right: 16px; top: 8px; color: #fff; } @media (max-width: 1055px) { .select-basket .dropdown-toggle .caret { top: 18px; } } .select-basket .dropdown-menu { width: 420px; margin-top: 11px !important; left: auto; right: 0; } .select-basket__inner { padding: 24px 30px 0px 30px; } .select-basket > a:hover .icon { color: #fff; } .select-basket__table { width: 100%; position: relative; } .select-basket__table td, .select-basket__table th { padding: 10px 5px; } .select-basket__table th { color: #333333; } .select-basket__table thead tr { border-bottom: 1px solid #e5e5e5; } .select-basket__table thead tr th:first-child { text-align: left; } .select-basket__table thead tr th { text-align: center; } .select-basket__table thead tr th:last-child { text-align: right; } .select-basket__table tbody tr { border-bottom: 1px solid #e5e5e5; } .select-basket__table tbody tr td:first-child { text-align: left; } .select-basket__table tbody tr td { text-align: center; } .select-basket__table tbody tr td:last-child { text-align: right; } .select-basket__table tfoot tr:first-child td, .select-basket__table tfoot tr:first-child th { padding-top: 25px; } .select-basket__table tfoot th { text-transform: uppercase; padding: 3px 5px; } .select-basket__table tfoot td { color: #c40000; padding: 3px 5px; font-weight: bold; text-align: right; } /* /select-basket ==================================== */ .radio { display: block; cursor: pointer; margin: 0 0 8px; font-weight: 300; } .radio:hover .inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .8; } .radio input { width: 1px; height: 1px; opacity: 0; } .radio input:checked + .outer .inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .radio input:focus + .outer .inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; background-color:#d43f3a; } .radio .outer { width: 14px; height: 14px; display: block; float: left; margin: 6px 9px 0 0; border-radius: 50%; background-color: #e5e5e5; } .radio .inner { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 14px; height: 14px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; border-radius: 50%; background-color:#d43f3a; opacity: 0; } .required { color: red; } .checkbox-group { position: relative; margin-bottom: 10px; } .checkbox-group input[type=checkbox] { display: none; } .checkbox-group label { padding-left: 34px; cursor: pointer; font-size: 16px; color: #777777; } .checkbox-group label span { display: block; position: absolute; left: 0; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: 0.3s; } .checkbox-group label .box { border-width: 1px; border-style: solid; border-color: #e5e5e5; background: #fff; height: 20px; width: 20px; z-index: 9; margin-top: 2px; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: 0.2s; } .checkbox-group label .check { top: 0px; left: 1px; opacity: 0; z-index: 10; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .checkbox-group label .check:before { content: "\e876"; color: #c40000; font-size: 18px; line-height: 1em; font-family: 'Material Icons'; font-style: normal; font-weight: 400; } input[type=checkbox]:checked ~ label .box { border-color: #c40000; } input[type=checkbox]:checked ~ label .check { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .divider--xl { height: 60px; } /* form */ .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0); border-color: #e5e5e5; height: 40px; } .form-control:focus { border-color: #c40000; box-shadow: none; outline: 0 none; } label { color: #333333; } label sup { color: #fa6b6b; font-weight: lighter; font-size: 16px; line-height: 1em; position: relative; top: -1px; } .note { color: #fa6b6b; font-size: 14px; } .form-group { margin-bottom: 10px; } .form-group-top { margin-top: 14px; } .form-inline label { margin-right: 13px; margin-bottom: 0; } .form-inline .form-group { margin-right: 6px; } input.form-control::-webkit-input-placeholder { color: #777777; } input.form-control::-moz-placeholder { color: #777777; } input.form-control::-moz-placeholder { color: #777777; } input.form-control::-ms-input-placeholder { color: #777777; } .input-group-btn { font-size: inherit !important; } /* /form */ /* input-group-addon */ .input-group-addon { background: none; border-right: none; border-color: #e5e5e5; color: #c40000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-left: 23px; padding-right: 0px; } .input-group input { padding-left: 7px; color: #777777; } .input-group input:hover, .input-group input:focus, .input-group input.focus { border-color: #e5e5e5 !important; } .input-group input.form-control::-webkit-input-placeholder { color: #777777; } .input-group input.form-control::-moz-placeholder { color: #777777; } .input-group input.form-control::-moz-placeholder { color: #777777; } .input-group input.form-control::-ms-input-placeholder { color: #777777; } .modal .input-group input { border-left: 0; } /* /input-group-addon */ /* fill box style */ .radio-fill-inner-sx { padding: 6px 0 0 13px; } body .fill-bg .radio { color: #777777; margin-bottom: 5px; } /* fill box style */ /* subscribe-full-center */ .subscribe-full-center { display: inline-block; width: 500px; } .subscribe-full-center .form-inline input.form-control { height: 60px; float: left; width: 350px; } .subscribe-full-center .form-inline button { float: left; } @media (max-width: 570px) { .subscribe-full-center { width: auto; } .subscribe-full-center .form-inline input.form-control { height: 60px; float: inherit; width: auto; display: inline-block; margin-bottom: 19px; } .subscribe-full-center .form-inline button { float: inherit; } } /* /subscribe-full-center */ /*=== slogan ===*/ .white-popup { position: relative; background: #ffffff; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } .tag { display: block; background-color: #f5f5f5; color: #333333; height: 40px; padding: 10px 18px; font-size: 0.875em; line-height: 1.486em; text-decoration: none; -webkit-transition: all 200ms 0s ease; -moz-transition: all 200ms 0s ease; -ms-transition: all 200ms 0s ease; -o-transition: all 200ms 0s ease; transition: all 200ms 0s ease; text-transform: uppercase; } .tag:hover { background-color:#d43f3a; border-color: #c40000; color: #ffffff; } .tags-list { position: relative; list-style: none; margin: 0 0 10px; padding: 0; } .tags-list li { display: inline-block; padding: 0; margin: 0 6px 10px 0; } .tags-list li a { display: block; background-color: #f5f5f5; color: #333333; height: 40px; padding: 10px 18px; font-size: 0.875em; line-height: 1.486em; text-decoration: none; -webkit-transition: all 200ms 0s ease; -moz-transition: all 200ms 0s ease; -ms-transition: all 200ms 0s ease; -o-transition: all 200ms 0s ease; transition: all 200ms 0s ease; text-transform: uppercase; } .tags-list li a:hover { background-color:#d43f3a; border-color: #c40000; color: #ffffff; } /*=== pagination ===*/ .pagination { margin: 15px 0 0 0; border-radius: 0 !important; } @media (max-width: 767px) { .pagination { margin: 15px 0 35px; } } .pagination li { display: inline-block; border-radius: 0 !important; margin: 0 10px 0 0; padding: 0; } .pagination li a { display: block; width: 40px; height: 40px; font-size: 13px; line-height: 40px; padding: 0; text-align: center; background-color: #f5f5f5; color: #333333; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .pagination li a .icon { font-size: 16px; color: #c40000; } .pagination li a:hover { background-color: #333333; color: #fff; } .pagination li a.active { background-color: #333333; color: #fff; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .filters-row .pagination { padding-top: 0; margin-top: 0; } .filters-row .pagination li:last-child { margin-right: 0; } /*=== /pagination ===*/ /*=== tabs ===*/ @media (min-width: 768px) { .nav-tabs--ys { border: 1px solid #e5e5e5; background-color: #f5f5f5; } .nav-tabs--ys > li > a { border: 0; background-color: #f5f5f5; margin-right: 0; border-radius: 0; padding: 16px 28px 15px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #333333; text-transform: uppercase; font-weight: 500; } .nav-tabs--ys > li > a:hover { border-color: #e5e5e5; } .nav-tabs--ys > li.active > a, .nav-tabs--ys > li.active > a:hover, .nav-tabs--ys > li.active > a:focus { padding-bottom: 14px; border: 0; border-right: 1px solid #e5e5e5; color: #333333; } .nav-tabs--ys > li.active > a:after { background-color: #ffffff; height: 2px; content: ""; position: absolute; bottom: -2px; left: 0; right: 0; } .nav-tabs--ys > li.active > a:before { background-color:#d43f3a; height: 3px; content: ""; position: absolute; top: -1px; left: 0; right: 0; } .nav-tabs--ys-center { border: none; } .nav-tabs--ys-center li { display: inline-block; float: inherit; margin: 0px 20px 20px 0 !important; } .nav-tabs--ys-center li.active > a { border-bottom: 5px solid #c40000 !important; color: #333333 !important; } .nav-tabs--ys-center a { border: none !important; font-size: 24px; padding: 0 0 18px 0 !important; border-bottom: 5px solid transparent !important; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .nav-tabs--ys-center a:hover { color: #333333; background: none !important; } .nav-tabs--ys-center1 { border-bottom: 1px solid #e5e5e5; } .nav-tabs--ys-center1 li { display: inline-block; float: inherit; margin: 0px 20px !important; } .nav-tabs--ys-center1 li.active > a { border-bottom: 3px solid #c40000 !important; } .nav-tabs--ys-center1 a { border: none !important; font-size: 16px; font-weight: bold; color: #333333; padding: 0 !important; border-bottom: 3px solid transparent !important; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .nav-tabs--ys-center1 a:hover { color: #333333; background: none !important; } } @media (min-width: 768px) and (max-width: 767px) { .nav-tabs--ys > li { float: none; display: block; } } @media (min-width: 768px) and (max-width: 767px) { .nav-tabs--ys > li > a { border: 0; } } @media (min-width: 768px) and (max-width: 767px) { .nav-tabs--ys > li.active > a, .nav-tabs--ys > li.active > a:hover, .nav-tabs--ys > li.active > a:focus { border: 0; } } @media (min-width: 768px) and (max-width: 767px) { .nav-tabs--ys > li.active > a:after { display: none; } } @media (min-width: 768px) and (max-width: 767px) { .nav-tabs--ys-center1 li { float: none; display: block; margin: 10px 20px !important; } } @media (max-width: 767px) { .nav-tabs { border-color: transparent !important; } .nav-tabs li { float: none !important; text-align: center; border-bottom: 1px solid #e5e5e5; } .nav-tabs li a { border-color: transparent !important; border-radius: 0; font-weight: bold; color: #333; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .nav-tabs li a:hover { background: none; color: #c40000; } .nav-tabs li.active a { background: #c40000 !important; color: #fff !important; border-color: transparent!important; } } .tab-content--ys > .tab-pane { display: none; background-color: #ffffff; padding: 30px 40px; border-width: 1px; border-style: solid; border-color: #e5e5e5; border-top: 0; font-weight: 300; } .tab-content--ys > .active { display: block; } .tab-content--ys-center { padding: 50px 0 0 0; text-align: center; } .tab-content--ys-fullwidth { border: none !important; padding: 50px 0 0 0; } .tab-content--ys-fullwidth > .tab-pane { display: none; padding: 0px 0px; border-width: 1px; border-top: 0; font-weight: 300; } .tab-content--ys-fullwidth > .active { display: block; } .tab-content--ys-center { padding: 50px 0 0 0; text-align: center; } /* flip tab */ .tabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; font-weight: 300; font-size: 1.25em; } .tabs nav { text-align: center; } .tabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .tabs nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .tabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; } .tabs nav a span { vertical-align: middle; font-size: 0.75em; } .tabs nav li.tab-current a { color: #74777b; } .tabs nav a:focus { outline: none; } .tabs-style-flip { max-width: 1200px; } .tabs-style-flip nav a { padding: 0.5em 0; color: #2CC185; -webkit-transition: color 0.3s; transition: color 0.3s; } .tabs-style-flip nav a:hover, .tabs-style-flip nav a:focus, .tabs-style-flip nav li.tab-current a { color: #74777b; } .tabs-style-flip nav a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.625em; } .tabs-style-flip nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f0f0f0; content: ''; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .tabs-style-flip nav li.tab-current a::after { background-color: #fff; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg); } .tabs-style-flip .content-wrap { background: #fff; } /*=== /tabs ===*/ .open-tab { display: block !important; } /*=== zoom ===*/ .zoomLens { opacity: 1 !important; background-color: rgba(255, 255, 255, 0.36) !important; border: 1px solid #e5e5e5 !important; } .zoomWindowContainer > div { border: 1px solid #e5e5e5 !important; margin: 0 10px; } /*=== /zoom ===*/ /*=== modal ===*/ body.modal-open { overflow: hidden !important; } .product-popup { position: relative; background: #ffffff; margin: 20px auto; padding: 0; width: 90%; height: 90%; max-width: 1170px; max-height: 750px; } .product-popup .product-popup-content { overflo-y: scroll; } .product-popup .container-fluid { padding: 0; background: #ffffff; } .product-popup .product-info { padding: 25px 40px 15px; margin: 0 0 0 -15px; } .product-popup .mfp-close { color: #ffffff; right: -37px; top: -37px; } /*=== /modal ===*/ .modal-filter { cursor: pointer; } /* modal size */ .modal-sm { max-width: 372px; } .modal-md { max-width: 816px !important; margin: 0 auto; } .img-responsive1 { max-width: 100%; } /* /modal size */ /* modal style */ .white-modal .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0); padding: 37px; border-color: transparent; } @media (max-width: 767px) { .white-modal .modal-content { padding: 20px; } } .white-modal .modal-header { border: none; padding: 0; margin: 0 0 18px 0; } .white-modal .modal-header .close { color: #c40000; font-size: 29px; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition: 'delay: 1s;'; -o-transition: 'delay: 1s;'; transition: 'delay: 1s;'; -webkit-transition: 'delay: 1s;' 0.3s 0s ease; -moz-transition: 'delay: 1s;' 0.3s 0s ease; -ms-transition: 'delay: 1s;' 0.3s 0s ease; -o-transition: 'delay: 1s;' 0.3s 0s ease; transition: 'delay: 1s;' 0.3s 0s ease; } .white-modal .modal-header .close:hover { color: #333333; } .white-modal .modal-header .modal-title { font-size: 21px; line-height: 1.2em; padding: 0; margin: 0; } .white-modal .modal-body { font-weight: lighter; padding: 0 0 42px 0; } .white-modal .indent-bot-none { padding-bottom: 0; } .white-modal .modal-footer { text-align: inherit; border: none; padding: 0; } .white-modal .modal-footer.text-left { text-align: left; } .white-modal .modal-footer.text-center { text-align: center; } .white-modal .modal-footer.text-right { text-align: right; } /* /modal style */ /* modal center center */ .modal { text-align: center; padding: 0 !important; } @media (min-width: 450px) { .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; /* Adjusts for spacing */ } } .modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; overflow: hidden; } /* /modal center center */ .modal { z-index: 77777777; } .modal-backdrop { z-index: 7777777; } #modalAddToCart.modal, #modalAddToCartError.modal { z-index: 7777777777; } .modal-bg-image { position: absolute; z-index: 0; width: 70%; } .modal-bg-image.bottom-right { right: 0; bottom: 0; } .modal-bg-image.bottom-left { left: 0; bottom: 0; } .modal-bg-image.top-left { left: 0; top: 0; } .modal-bg-image.top-right { right: 0; top: 0; } /* modal-newsletter */ .modal-newsletter { padding-bottom: 35px; position: relative; z-index: 2; } .modal-newsletter .checkbox-group { display: inline-block; } .modal-newsletter .checkbox-group .box { margin-top: 0; display: inline-block; } .modal-newsletter .checkbox-group .check { top: 5px; } .modal-newsletter .logo { margin-bottom: 47px; max-height: 80px; } .modal-newsletter .modal-title { font-size: 21px; line-height: 1.1em; padding-bottom: 15px; } .modal-newsletter p { padding-bottom: 7px; } .modal-newsletter .row-subscibe { font-size: 0; line-height: 0; padding: 27px 0 27px 0; } .modal-newsletter .row-subscibe input { height: 60px; border: 1px solid #e5e5e5; padding: 2.3% 2.5%; font-size: 18px; line-height: 1.2em; color: #777777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal-newsletter .row-subscibe button { font-size: 18px; height: 60px; } .modal-newsletter .checkbox-group label { font-size: 12px; padding-left: 25px; } .modal-newsletter p { margin-bottom: 0px; } @media (max-width: 767px) { #newsletterModal .modal-newsletter .row-subscibe input { width: 80%; padding: 2.3% 3%; } #newsletterModal .modal-newsletter .row-subscibe button { position: relative; right: auto; margin-top: 15px; } #newsletterModal .modal-newsletter .logo { max-height: 75px; } } @media (max-width: 420px) { #newsletterModal .modal-newsletter .logo { max-height: 59px; } } @media (max-width: 768px) { #newsletterModal button.btn--ys.btn--xl { padding: 17px 14px !important; } } /* /modal-newsletter */ /* quickViewModal */ #quickViewModal .modal-dialog { width: inherit; } #quickViewModal .product-popup { padding: 0; width: 100%; height: inherit !important; max-height: inherit !important; } @media (max-width: 992px) { #quickViewModal .modal-content { padding: 20px 27px 10px 27px; } } #quickViewModal .modal-content.container { max-width: 1244px; min-width: 320px; } @media (max-width: 450px) { #quickViewModal .modal-content { padding: 20px 15px 10px 15px; } } @media (max-width: 450px) { .modal-dialog:before { display: none !important; } .modal-dialog { width: inherit; margin: 10px !important; } .modal-content { padding: 20px 15px 10px 15px; } } /* /quickViewModal */ .comments { margin-bottom: 38px; } .comments.comments-level-1 { margin-left: 136px; } .comments .pull-left { width: 100px; height: 100px; display: block; background-color: #f5f5f5; margin-right: 40px; margin-top: 16px; color: #fff; position: relative; } .comments .pull-left:before { font-family: 'Material Icons'; content: "\e7fd"; font-size: 46px; display: block; text-align: center; width: 100%; position: absolute; z-index: 0; top: 10px; } .comments .pull-left img { width: 100%; height: auto; position: relative; z-index: 2; } .comments .pull-left span { position: absolute; display: inline-block; top: 15%; } .comments .media-body .media-title { color: #c40000; padding-bottom: 14px; } .comments .media-body .media-title .username { font-size: 18px; font-style: italic; font-family: Georgia, sans-serif; display: inline-block; margin-right: 14px; } .comments .media-body .media-title time { font-size: 16px; } .comments .media-body .media-title time .icon { font-size: 24px; margin: 0 13px 0 0; position: relative; top: 3px; } .comments .media-body .media-title .link { color: #333333; text-decoration: underline; text-transform: capitalize; } .comments .media-body .media-title .link:hover { text-decoration: none; } @media (max-width: 745px) { .comments { margin-bottom: 28px; } .comments.comments-level-1 { margin-left: 70px; } .comments .pull-left { width: 70px; height: 70px; margin-right: 20px; } .comments .pull-left:before { font-size: 46px; line-height: 1em; top: 10px; } .comments .media-body .media-title time { display: block; } .comments .media-body .media-title time .icon { font-size: 20px; margin: 0 6px 0 0; position: relative; top: 3px; } } .panel { box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0); } .panel .panel-heading { position: relative; border-top: 1px solid #e5e5e5; padding: 0; } .panel .panel-heading__number { width: 52px; height: 52px; background-color: #f5f5f5; text-align: center; color: #333333; font-size: 20px; line-height: 2.55em; position: absolute; top: 20px; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color; -o-transition: background-color; transition: background-color; -webkit-transition: background-color 0.3s 0s ease; -moz-transition: background-color 0.3s 0s ease; -ms-transition: background-color 0.3s 0s ease; -o-transition: background-color 0.3s 0s ease; transition: background-color 0.3s 0s ease; } .panel .panel-heading .panel-title { color: #333333; font-size: 20px; } .panel .panel-heading .panel-title:after { position: absolute; display: block; top: 34px; right: 0px; z-index: 0; font-family: 'Material Icons'; font-size: 22px; content: "\e148"; line-height: 1em; color: #c40000; } .panel .panel-heading .panel-title a { text-decoration: none !important; display: block; padding: 34px 0 25px 77px; position: relative; z-index: 2; } .panel .panel-heading.active .panel-heading__number { background-color:#d43f3a; color: #fff; } .panel .panel-heading.active .panel-title:after { content: "\e15d"; } .panel .panel-body { padding: 10px 0 28px 0; } .panel .panel-body, .panel .panel-collapse, .panel .panel-collapse > .list-group { border: none !important; } /* link-functional */ .link-functional { text-decoration: none; text-transform: uppercase; font-size: 13px; line-height: 1em; font-weight: 500; color: #333333; } .link-functional .icon, .link-functional .fa { font-size: 20px; margin-right: 10px; color: #c40000; position: relative; top: 6px; } .link-functional:hover { text-decoration: none; color: #c40000; } /* /link-functional */ /* background renkleri */ .backcolor-red { background:#ff0000; color:#FFF;} .backcolor-green { background:#40ce04; color:#FFF;} .backcolor-yellow { background:#ffb403; color:#FFF;} /*----------------------------------------------------*/ @media (min-width: 1170px) { .container { width: 1170px !important; height: auto !important; } } .productlist-price .listPrice { font-size: 0.9em; color: #000000; } .productlist-price .specialPrice { font-size: 0.9em; color: #d43f3a; border: #d43f3a solid 1px !important; color: #FFF !important; text-align: center !important; background-color: #c8524f !important; } .productlist-price span{ text-align:right !important; } /*fix*/ h3 { font-size: 25px !important; } header .mainMenu .navbar-nav > li > a{ font-size:1em !important; } .btn--ys { background-color: #848484 !important; } .btn--ys:hover{ background-color: #000 !important; color:#FFF !important; } .price-box{ color:#000 !important; } #header .settings, .dropdown-menu--xs-full { background-color: none !important; } .cart .dropdown > a .icon { color: #000 !important; } .mt-20 { margin-top: 20px !important; } .btn--xxl { padding-left: 35px !important; padding-right: 35px !important; } #header .navbar .dropdown-menu.megamenu { width: 850px !important; } .product { border: #EEE solid 1px !important; margin-bottom: 25px !important; padding-bottom:10px !important; height:auto !important; max-width:350px !important; } /*fix end*/ .bottom-margin { margin-bottom: 15px !important; } .bottom-margin2x { margin-bottom:30px !important; } .top-margin { margin-top:15px !important; } .top-margin2x { margin-top:30px !important; } .noborder { border:none !important;} #pageContent { width:100% !important; min-height:500px !important;} #udetay-fiyatlist .h1 { font-size:40px !important;} .siparisok { min-height:400px !important;} .collapse-block__title:after{ display:none !important;} .kriter .inactive:before{color:#EEE !important;} .cs-dropdownmenu { width:400px !important; right:0 !important;} .cs-dropdownmenu .list-user-menu { width:250px;} .redline { position:absolute; margin-top:18px; width:100%; border:solid 1px #d43f3a; } #UyariDiv { position:fixed; z-index:9999999; width:30%; display:none; text-align:center; font-size:20px; margin-left:35%; } .product-listing { min-height:400px;} .kriter ul li { cursor:pointer !important; } /* .benzermodeller .product__inside__image img { height:350px !important; width:auto !important; } /* menüde ki fırsat ürünü kısmı */ /* .smallprice .product__inside__image img { height:270px !important; max-height:270px !important; width:auto !important; } */ .smallprice .product__inside__price, .smallprice .product__inside__name { margin: 0 !important; padding: 0 !important; font-size: 20px !important; } .smallprice .product__inside__name p { font-size:12px !important; margin:0 !important; padding:0 !important; } .smallprice .product__inside__name h2 { margin:0 !important; padding:0 !important; } /* end */ /* sepet */ .td_img { width:100px !important; } .shopping-cart-table .td_pad { padding-top:50px !important; } .shopping-cart-table__product-price { font-size:20px !important; } .shopping-cart-table__product-image img { max-height:100px !important; width:auto !important; margin-left:auto; margin-right:auto; padding:5px; border:solid 1px #EEE; border-radius:100px !important; } .cart__item__image { background-color:#FFF; padding:10px; } .cart__item__image img{ height:90px !important; width:auto; } /* end sepet*/ .product__label--new { background-color: #000000 !important; color: #FFF !important; } .product__label--sale span { padding-top: 30px !important; } product__inside__image{ height:350px !important; vertical-align:bottom; } .product__inside__image img { height: 280px !important; max-height: 280px !important; width: auto; margin-left: auto; margin-right: auto; vertical-align: auto !important; } .product-listing.row-view img { height:100px !important; width:auto; margin-left:25px; } .product-listing.row-view .product__label--left { left: 30.0em !important; margin-top:25px !important; } .product-listing.row-view form { margin-top:20px; } .product-listing.row-view form div { float:left; width:160px !important; } .product-listing.row-view form select { height:50px; width:100px; } .product-listing.row-view form .row-view-basket-btn { width:50px !important; } .table-bordered-01 thead tr th:first-child { text-align:left !important; } .table-bordered-01 tbody tr td:first-child { width:15% !important; text-align:left; } .price-box { color:#000000 !important} .price-box__old{color:#000000 !important;} /* muhammet */ .shopping-cart-table td { padding: 0px 43px; } @media (max-width: 991px) { .product-listing.row-view > div .product__inside__image { width: 15% !important; padding-right: 15px; } .product-listing.row-view > div .product__inside__image .carousel-control.next { right: 15px; } .product-listing.row-view > div .product__inside__image .countdown_box { right: 15px; } .product-listing.row-view > div .product .product__label--right { margin-left: -27px; } .product-listing.row-view > div .product { margin-bottom: 10px; } .product-listing.row-view > div .product__inside__info { height: auto !important; max-height: none; opacity: 1; overflow: hidden; } .product-listing.row-view > div .product__inside__info .options-swatch { margin-bottom: 20px; } .product-listing.row-view > div .product__inside__info__btns { margin-top: 20px; float: right; } .product-listing.row-view > div .product__inside__info__link { margin-top: 15px; } } @media (max-width: 991px) and (min-width: 768px) { .product-listing .product-item:not(.row-view) { border-bottom:#EEE solid 1px; } .product-listing.row-view > div .product__inside__hover { float: right; margin-top: -85px; } } /*ürün liste, detay vb alanlarda ki ekran boyuta göre resim boyutlandırma*/ .favori-img img { height:80px !important; width:auto; } @media(min-width:1000px) { .detay-img img { max-height:600px !important; width:auto !important; text-align:center !important;} } @media(max-width:768px) { .price-box { font-size:25px !important; color:#000 !important} h2 { font-size:20px !important; } .product__inside__name h2 {font-size:13px !important; } .price-box__old{color:#000000 !important;} } /*end */ /* video modal */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.9; background-color:#000000; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*end video modal*/ #divTarget{ position:static; z-index:99999 !important; width:100%; background-color:#000000; max-height:300px !important; overflow:hidden; top:0; } #divTarget #TargetMain { height:auto; background-color: #000000; top: 0; padding: 10px !important; display:none; text-align:center; padding-bottom:20px; min-height:250px !important; } #divTarget #TargetMain .tit{ position:static; left:0; } #divTarget #TargetMain .ciro { position: absolute; margin-top: 140px; left:0; } #divTarget #TargetMain .perc { line-height:85px !important; margin-left:-3px; } #divTarget #TargetBtn { font-size:13px; color: #d43f3a !important; text-align:center; background-color:#EEE; border-top:#1a1919 solid 1px; padding-top:10px ; height:45px; } #divTarget #TargetBtn i{ position:absolute; margin-top:17px; left:50%; } #divTarget h1 { color: #EEE !important; } @media (min-width: 1055px) { } @media only screen and (max-width: 414px) { .fixedbar .badge--cart { font-size: 0.9em !important; line-height: unset !important; } .shopping-cart-table tbody tr { height: auto !important; overflow: hidden !important; padding: 0 !important; } .shopping-cart-table td { padding: 0; padding-top: 2px; padding-bottom: 2px; } .shopping-cart-table .mrg { padding-top: 25px; } .shopping-cart-table__product-name { font-size: 20px; } .product__inside__image img { height: 150px !important; max-height: 150px !important; width: auto !important; } .shopping-cart-table__product-image img { height: 120px !important; width: auto; } .shopping-cart-table__product-name { font-size: 14px !important; } .shopping-cart-table__product-name span { font-size: 11px !important; } .table-total th { font-size: 0.8em !important; } .item_address h4 { font-size: 14px !important; } .item_address .collapse-block__content { font-size: 12px !important; } .product__inside__name { min-height: 50px !important; font-size:0.80em !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:400 !important; } .productlist-price { margin-bottom: 10px; } .productlist-price .listPrice { font-size: 0.8em; } .productlist-price .specialPrice { font-family:Arial, Helvetica, sans-serif !important; font-size: 0.75em; text-align: center !important; font-weight:400 !important; } #header .settings, .dropdown-menu--xs-full { background-color: #000000 !important; } } .multicolumn-level li a { font-weight: 400 !important; font-size: 15px !important; } .product__inside__name h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .product__inside hr { margin-bottom: 5px !important; } .SepeteEkleForm { margin-top: 5px; padding-top: 5px; } .easy-autocomplete { width: 100% !important; } .easy-autocomplete-container { position: initial !important; width: 100% !important; } .topInfo { width: 100%; height: 40px; background-color: #373f50; font-size: 11px; } header .mainMenu .navbar-nav > li > a{ font-size:0.85em !important; } .icon-ico, [class*="icon-"]::before{ font-size:0.70em !important; } h1,h2,h3,h4{ font-size:1.1em !important; } .post__title_block h2{ font-size:1em !important; } .post__title_block figure{ background:none !important; border-bottom:#EEE solid 2px; min-height:150px !important; } h5 { font-size: 0.8em !important; } .product__inside__name h2 { font-size: 75% !important; } .badge--cart { right: 0 !important; top: -25px !important; width: 20px; height: 20px; font-size: 0.7em; line-height: 1.85em !important; font-weight: 300; text-align: center; border-radius: 50%; background-color: #000000; color: #FFF; } .btnUnvan{ color:#EEE !important; } .kurlar { color: rgba(54,216,54,.7) !important } .kurlar span{ display:inline-block !important; margin-right:10px; font-weight:bold !important; font-family:Tahoma !important; font-size:1.0em !important; } .kurlar small{ display:block !important; line-height:6px !important; font-size:0.7em !important; color:#EEE !important; } .dropdown-menu img{ width:80% !important; height:80% !important; padding:5px !important; } .dropdown-menu span{ font-size:85% !important; } .dropdown-menu .image-link > a { padding:5px !important; } .dropdown-menu .image-link .figcaption{ margin:0px 0 0px !important; } .image-links-layout .col-one-fourth{ width:22% !important; } .post{ width:70% !important; height:auto !important; } .product__inside__image img{ max-height:170px !important; } .table-total { font-size: 1em !important; } .input-counter input { height: 50px !important; } .carousel-products__button span::before { font-size: 25px !important; line-height: 35px !important; } .carousel-products__button span { height: 35px !important; width: 35px !important; } .search-outer { margin-top: 16px; } .search-outer input[type='search'] { width:100%; height: 45px !important; border-radius: 10px; font-size: 12px } .search-outer input[type='search']:focus { border-color: #d43f3a; color: #000 !important; } .search-outer { height: 45px; border: 0; -webkit-appearance: none; } .search-outer .input-outer button { position: absolute; right: 0px; top: 0; border: none; background: #C40000; font-size: 2em; padding: 16px 17px 7px; line-height: 0px; color: #fff; height: 45px; border-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .unvan{ font-size:1.0em !important; font-weight:400 !important; color:#000000 !important; margin-left:20px; padding-top:5px !important; border-top:solid 1px #EEE !important; } .label-success { background-color: #535353 !important; } .unvanxs{ font-size:0.65em !important; border-top:solid 1px #5c5c5c !important; padding:2px !important; margin-bottom:5px !important; } #OnlineOdeme { font-size:0.9em !important; } .installment-options { border-right:#EEE solid 1px; min-height:150px; font-size:1em; margin:0; padding:0; text-align:center; } .installment-options span { display: block !important; border-bottom:#EEE solid 1px; padding:2px; } @media(max-width:500px) { #header { padding-top: 25px !important; } #header .container:first-child .row { padding-top: 10px !important; } .detay-img img { max-height: 300px !important; height: 200px !important; width: auto !important; text-align: center !important; } .product__inside__image img { max-height: 140px !important; } #header .cart { top: 50% !important; right: 25px !important; } .kurlar span { font-size: 0.8em !important; margin-left: 5px !important; } .icon-bar { background-color: #000000 !important; } .label{ padding:0.7em !important; font-size:0.6em !important; } .visible-mobile-menu-on{ margin-top:5px !important; } #header .settings{ height:auto !important; } .shopping-cart-table__product-name{ font-size:11px !important; } .shopping-cart-table__product-price{ font-size:17px !important; } #header .settings, .dropdown-menu--xs-full { background-color: #373f50 !important; } img.logo-login { width: 120px; } } .main-prod-cont img { width:auto !important; } img.logo-login { max-width: 200px; max-height: 100px; } .info-destop-login { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; gap: 10px; padding-top: 20px; font-weight: bold; color: black; margin: 20px; } @media (max-width: 1055px) { #header .account .dropdown .dropdown-menu--xs-full { margin-top: 0px; } } .kirmizi { color:#d90000 !important; } .siyah { color:#000000 !important; } .beyaz { color:#ffffff !important; }