/**
* Swiper 4.0.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2017 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 28, 2017
*/
/*.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:15px;margin-top:-10px;margin-left:-5px;margin-right: -5px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-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: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-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 fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-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;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/*!
* Bootstrap v3.1.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
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 {
padding: 0;
border: 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-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
@media print {
* {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]: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;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.table td,
.table th {
background-color: #fff !important;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !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: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
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 {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
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: #999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
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: 10px;
margin-bottom: 10px;
}
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: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
cite {
font-style: normal;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-muted {
color: #999;
}
.text-primary {
color: #428bca;
}
a.text-primary:hover {
color: #3071a9;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #428bca;
}
a.bg-primary:hover {
background-color: #3071a9;
}
.bg-success {
background-color: #e9e9e9;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
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;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-inline > li:first-child {
padding-left: 0;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.428571429;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
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.428571429;
color: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.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';
}
blockquote:before,
blockquote:after {
content: "";
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
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, .25);
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
color: #333;
word-break: break-all;
word-wrap: break-word;
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 {
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1230px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -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-right: 15px;
padding-left: 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.66666666666666%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
.col-xs-pull-0 {
right: 0;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
.col-xs-push-0 {
left: 0;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (max-width: 767px) {
.col-sms-1,
.col-sms-2,
.col-sms-3,
.col-sms-4,
.col-sms-5,
.col-sms-6,
.col-sms-7,
.col-sms-8,
.col-sms-9,
.col-sms-10,
.col-sms-11,
.col-sms-12 {
float: left;
}
.col-sms-12 {
width: 100%;
}
.col-sms-11 {
width: 91.66666666666666%;
}
.col-sms-10 {
width: 83.33333333333334%;
}
.col-sms-9 {
width: 75%;
}
.col-sms-8 {
width: 66.66666666666666%;
}
.col-sms-7 {
width: 58.333333333333336%;
}
.col-sms-6 {
width: 50%;
}
.col-sms-5 {
width: 41.66666666666667%;
}
.col-sms-4 {
width: 33.33333333333333%;
}
.col-sms-3 {
width: 25%;
}
.col-sms-2 {
width: 16.666666666666664%;
}
.col-sms-1 {
width: 8.333333333333332%;
}
.col-sms-pull-12 {
right: 100%;
}
.col-sms-pull-11 {
right: 91.66666666666666%;
}
.col-sms-pull-10 {
right: 83.33333333333334%;
}
.col-sms-pull-9 {
right: 75%;
}
.col-sms-pull-8 {
right: 66.66666666666666%;
}
.col-sms-pull-7 {
right: 58.333333333333336%;
}
.col-sms-pull-6 {
right: 50%;
}
.col-sms-pull-5 {
right: 41.66666666666667%;
}
.col-sms-pull-4 {
right: 33.33333333333333%;
}
.col-sms-pull-3 {
right: 25%;
}
.col-sms-pull-2 {
right: 16.666666666666664%;
}
.col-sms-pull-1 {
right: 8.333333333333332%;
}
.col-sms-pull-0 {
right: 0;
}
.col-sms-push-12 {
left: 100%;
}
.col-sms-push-11 {
left: 91.66666666666666%;
}
.col-sms-push-10 {
left: 83.33333333333334%;
}
.col-sms-push-9 {
left: 75%;
}
.col-sms-push-8 {
left: 66.66666666666666%;
}
.col-sms-push-7 {
left: 58.333333333333336%;
}
.col-sms-push-6 {
left: 50%;
}
.col-sms-push-5 {
left: 41.66666666666667%;
}
.col-sms-push-4 {
left: 33.33333333333333%;
}
.col-sms-push-3 {
left: 25%;
}
.col-sms-push-2 {
left: 16.666666666666664%;
}
.col-sms-push-1 {
left: 8.333333333333332%;
}
.col-sms-push-0 {
left: 0;
}
.col-sms-offset-12 {
margin-left: 100%;
}
.col-sms-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sms-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sms-offset-9 {
margin-left: 75%;
}
.col-sms-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sms-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sms-offset-6 {
margin-left: 50%;
}
.col-sms-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sms-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sms-offset-3 {
margin-left: 25%;
}
.col-sms-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sms-offset-1 {
margin-left: 8.333333333333332%;
}
.col-sms-offset-0 {
margin-left: 0;
}
}
@media (max-width: 480px){
.col-smb-12 {
width: 100%;
}
}
@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.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-0 {
right: 0;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-0 {
left: 0;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.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.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-0 {
right: 0;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-0 {
left: 0;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.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.66666666666666%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-0 {
right: 0;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-0 {
left: 0;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
}
.table {
width: 100%;
margin-bottom: 20px;
}
.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.428571429;
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-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.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.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.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.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.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.danger:hover > th {
background-color: #ebcccc;
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-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 {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
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;
/* IE8-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: 14px;
line-height: 1.428571429;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-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;
}
.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, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:-moz-placeholder {
color: #999;
}
.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 {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
textarea.form-control {
height: auto;
}
input[type="date"] {
line-height: 34px;
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
display: block;
min-height: 0;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
display: inline;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.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 {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.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 {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.form-control-static {
margin-bottom: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@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 .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 15px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.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: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: #428bca;
border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #3276b1;
border-color: #285e8e;
}
.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: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: #428bca;
border-color: #357ebd;
}
.btn-primary .badge {
color: #428bca;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #fff;
background-color: #47a447;
border-color: #398439;
}
.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: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:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #fff;
background-color: #39b3d7;
border-color: #269abc;
}
.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: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:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ed9c28;
border-color: #d58512;
}
.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: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:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #d2322d;
border-color: #ac2925;
}
.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: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 {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.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: #2a6496;
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: #999;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.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 .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/glyphicons-halflings-regular.eot');
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.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;
font-size: 14px;
list-style: none;
background-color: #fff;
background-clip: padding-box;
/* border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);*/
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #999;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.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:focus,
.btn-group-vertical > .btn:focus {
outline: none;
}
.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-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-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-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 > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(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-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
}
.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-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
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: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
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: 46px;
line-height: 46px;
}
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: 30px;
padding: 5px 10px;
font-size: 12px;
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: 30px;
line-height: 30px;
}
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: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
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-top-right-radius: 0;
border-bottom-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-top-left-radius: 0;
border-bottom-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 {
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 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: #eee;
}
.nav > li.disabled > a {
color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #428bca;
}
.nav .nav-divider {
height: 1px;
margin: 9px 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.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.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: #428bca;
}
.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 {
margin-bottom: 5px;
text-align: center;
}
.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-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
max-height: 340px;
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.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;
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-right: 0;
padding-left: 0;
}
}
.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;
height: 20px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: none;
}
.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: 992px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@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: 20px;
}
.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: 15px;
padding-bottom: 15px;
}
.navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@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 .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-form.navbar-right:last-child {
margin-right: -15px;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
.navbar-text.navbar-right:last-child {
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 {
color: #555;
background-color: #e7e7e7;
}
@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-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #999;
}
.navbar-inverse .navbar-nav > li > a {
color: #999;
}
.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 {
color: #fff;
background-color: #080808;
}
@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: #999;
}
.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: #999;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #999;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
color: #428bca;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #2a6496;
background-color: #eee;
border-color: #ddd;
}
.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: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
}
.label-primary {
background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9;
}
.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: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #428bca;
background-color: #fff;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.container .jumbotron {
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #428bca;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
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 {
padding-right: 35px;
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.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 {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar {
-webkit-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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media,
.media .media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
a.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
color: #e1edf7;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group .list-group-item:first-child {
border-top: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
margin-bottom: 0;
}
.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 > 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 {
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 > 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,
.panel > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th,
.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 > tfoot > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
border-top: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.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,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.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 {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > 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-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
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 {
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: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.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-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-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-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-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 19px 20px 20px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 999;
display: block;
font-size: 12px;
line-height: 1.4;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -10px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #5a5a5a}
.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: #5a5a5a;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
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;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
content: "";
border-width: 10px;
}
.popover.top .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
}
.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;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: none;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
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%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicons-chevron-left,
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix: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,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix: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,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: 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;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
.visible-xs {
display: block !important;
}
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
display: none !important;
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
display: none !important;
}
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
@media print {
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
display: none !important;
}
}
/*!
* Bootstrap v3.1.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:active,
.btn.active {
background-image: none;
}
.btn-default {
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-primary {
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #2d6ca2;
background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
background-color: #2d6ca2;
border-color: #2b669a;
}
.btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #419641;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.thumbnail,
.img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #357ebd;
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
/*text-shadow: 0 1px 0 rgba(255, 255, 255, .25);*/
}
.navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);*/
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x;
border-color: #b2dba1;
}
.alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x;
border-color: #9acfea;
}
.alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x;
border-color: #f5e79e;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x;
border-color: #dca7a7;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x;
}
.list-group {
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
text-shadow: 0 -1px 0 #3071a9;
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x;
border-color: #3278b3;
}
.panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
border: none;
}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x;
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x;
}
.well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
.panel-secondary > a > .panel-heading {
background-color: #6c757d!important;
}
.panel-primary > a > .panel-heading {
background-color: #007bff!important;
}
.panel-success > a > .panel-heading {
background-color: #28a745!important;
}
.panel-info > a > .panel-heading {
background-color: #17a2b8!important;
}
.panel-warning > a > .panel-heading {
background-color: #ffc107!important;
}
.panel-danger > a > .panel-heading {
background-color: #dc3545!important;
}
a > .panel-heading{
border-bottom-width: 0px;
font-weight: 600;
font-size: 13px;
color: #fff!important;
}
a.panel-collapse:not(.collapsed) > .panel-heading > .panel-icon:after {
font-family: 'FontAwesome';
content: "\f106";
float: right;
transition: all 0.5s;
}
.panel-collapse.collapsed > .panel-heading > .panel-icon:after {
font-family: 'FontAwesome';
content: "\f107";
float: right;
transition: all 0.5s;
}
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes 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);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-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);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.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:#fff}.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-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{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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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{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-square:before,.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-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-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"}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package default_default
* @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Reset ================================================================================= */
@font-face {
font-family: 'OpenSansRegular';
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-regular.eot');
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-regular.eot') format('embedded-opentype'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-regular.woff') format('woff'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-regular.ttf') format('truetype'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
font-family: 'OpenSansBold';
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-bold.eot');
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-bold.eot') format('embedded-opentype'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-bold.woff') format('woff'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-bold.ttf') format('truetype'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/opensans-bold.svg#OpenSansBold') format('svg');
}
@font-face {
font-family: 'oswaldbook';
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/oswald-regular-webfont.eot');
src: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/oswald-regular-webfont.woff2') format('woff2'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/oswald-regular-webfont.woff') format('woff'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/oswald-regular-webfont.ttf') format('truetype'),
url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'themify';
src:url("https://znews-static.zadn.vn/wap/bower_components/themify-icons/fonts/themify.eot?-fvbane");
src:url("https://znews-static.zadn.vn/wap/bower_components/themify-icons/fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("https://static-znews.zadn.vn/wap/bower_components/themify-icons/fonts/themify.woff?-fvbane") format("woff"), url("https://znews-static.zadn.vn/wap/bower_components/themify-icons/fonts/themify.ttf?-fvbane") format("truetype"), url("https://znews-static.zadn.vn/wap/bower_components/themify-icons/fonts/themify.svg?-fvbane#themify") format("svg");
font-weight:normal;
font-style:normal
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-facebook:before {
content: "\e741";
}
.page{
min-height: 100vh;
}
.account-create .form-list input.input-text{
border: none !important;
border-bottom: 1px solid #ababab !important;
border-radius: 0px !important;
height: 20px !important;
line-height: 25px !important;
font-size: 14px;
}
.account-create .form-list input.input-text ~ label::before{
font-family: FontAwesome;
display: inline-block;
content: "\f1db";
letter-spacing: 10px;
font-size: 20px;
color: #F39801;
width: 1.4em;
}
.account-create h2.legend{
text-align: left;
color: #F7941E;
}
* { margin:0; padding:0; }
body { font-family: sans-serif; color:#646464; text-align: left;background:#e8e8e8}
img { border:0; vertical-align:top; }
a { color:#adadad; text-decoration: none; transition:all 300ms ease-in 0s;}
a:hover {text-decoration:none;color:#ea7696}
a:focus{ outline:none; }
:focus, :active{ outline:none; }
img {max-width: 100%; height: auto;}
/* Headings */
h1,h2,h3,
h4,h5,h6 { margin:0 0 5px; line-height:1.35;font-family: 'oswaldbook';}
h1 { font-size:20px; font-weight:normal; }
h2 { font-size:18px; font-weight:normal; }
h3 { font-size:14px; font-weight:normal; }
h4 { font-size:14px; font-weight:normal; }
h5 { font-size:12px; font-weight:normal; }
h6 { font-size:11px; font-weight:normal; }
/* Forms */
form { display:inline; }
fieldset { border:0;line-height: 25px }
legend { display:none; }
/* Table */
table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
/* Content */
p { margin:0 0 10px; }
strong { font-weight:normal; }
address { font-style:normal; line-height:25px; }
cite { font-style:normal; }
q,
blockquote { quotes:none; }
q:before,
q:after { content:''; }
small,big { font-size:1em; }
/*sup { font-size:1em; vertical-align:top; }*/
/* Lists */
ul,ol { list-style:none; margin: 0;}
/* Tools */
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; color:#ea7696;}
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%;}
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
.no-margin-right { margin-right: 0px;}
.no-margin-right-important {margin-right:0px!important;}
.no-margin-top { margin-top: 0px;}
.no-margin-left { margin-left: 0px;}
.no-margin-bottom { margin-bottom:0px;}
.no-padding-top {padding-top: 0px;}
.no-padding-bottom {padding-bottom: 0px;}
/* ======================================================================================= */
.container{
background: #fff;
}
/* Layout ================================================================================ */
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.page .std .main-container.col1-layout{
margin-top: 0px;
}
.main-container {
margin-top: 15px;
}
.main { margin:0 auto; min-height:320px; padding:0px; text-align:left; }
.main .container .container-inner{ padding: 10px 0; padding-top: 0;}
/* Base Columns */
.col-left { }
.col-main { }
.col-right { }
/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }
/* 2 Columns Layout */
.col2-left-layout .col-main { }
.col2-right-layout .col-main {}
/* 3 Columns Layout */
.col3-layout .col-main { }
.col3-layout .col-wrapper { }
.col3-layout .col-wrapper .col-main { }
/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; background: white;}
.col2-set .col-2 { float:right; width:48.5%; background: white;}
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }
.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }
.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button {
vertical-align:middle;
color:#888888;
background:#fff;
}
input.input-text,select,textarea {border:1px solid #f2f2f2; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important;text-align: center; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { display:block;padding: 12px 20px; text-align:center; white-space:nowrap;text-transform: uppercase;background: transparent;color:#393939; border: 2px solid #313131; font-family: 'Open Sans', Arial, Helvetica;}
button.button span span { border:0; padding:0 !important;background: none !important}
button.button:hover span{background:#ea7696; color: #fff; border-color: #ea7696}
button.button-secondary::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button-secondary { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button-secondary { overflow:visible; width:auto; border:0; padding:0; margin:0;background: transparent; cursor:pointer; }
button.button-secondary span { display:block;padding: 8px 18px !important; text-align:center; white-space:nowrap;text-transform: uppercase;background: white !important;color:#F7941E !important; border: 2px solid #F7941E !important; font-family: 'Open Sans', Arial, Helvetica;}
button.button-secondary span span { border:0; padding:0 !important;background: none !important}
button.button-secondary:hover span{background:#ffb850 !important; color: #fff !important; border-color: #ea7696}
button.disabled span { border-color:#bbb !important; background:#bbb !important; }
button.btn-checkout span span { background-position:100% 0; padding: 0 15px; }
button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; }
button.btn-checkout.no-checkout span span { background-position:100% 100%; }
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
input.input-text:focus,select:focus,textarea:focus { outline: 0 }
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li {margin: 0; }
.form-list label { float:left; color:#2c2c2c; font-weight:normal; position:relative; z-index:0; font-family: 'oswaldbook'; font-size: 14px;}
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; float: left; }
.my-account .form-list li.control input.checkbox{margin-top: 6px;}
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px;padding:7px 0 7px 7px; margin-bottom: 5px;}
.form-list textarea { width:254px; height:10em; }
.form-list select { width:254px;padding: 7px 5px; }
.form-list li.wide .input-box { /*width:535px;*/ }
.form-list li.wide input.input-text { }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
.form-list-narrow li { margin-bottom:0; }
.form-list-narrow li .input-box { margin-bottom:6px; }
.form-list-narrow li.wide .input-box { width:260px; }
.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea { width:254px }
.form-list-narrow li.wide select { width:260px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }
.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }
.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename { width:210px; }
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename .name-middlename input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }
.buttons-set { clear:both; margin:20px 0 0; padding:8px 0; border-top:1px solid #f2f2f2; text-align:right; }
.buttons-set p.required { margin:0 0 10px; }
.buttons-set .back-link { float:left; margin:0; }
.buttons-set button.button { float:left;margin-right: 5px }
.buttons-set-order { margin:10px 0 0; }
.buttons-set-order .please-wait { padding:12px 7px 0 0; }
.fieldset { border:1px solid #f2f2f2;padding:22px 24px 12px 24px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:normal; font-size:13px; border:1px solid #f2f2f2; background:#fff; color:#444443; margin:-45px 0 0 -10px; padding:0 8px; position:relative; }
/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; font-size:13px; font-weight:normal; line-height:13px; background: transparent url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/validation_advice_bg.gif) no-repeat 2px 0 ; color:#eb340a; }
.validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:11px; text-align:right; color:#EB340A; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
/* Global Messages */
.success { color:#3d6611; font-weight:normal; }
.error { color:#df280a; font-weight:normal; }
.notice { color:#e26703; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; }
.messages li li { margin:0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:0.9em !important; font-weight:normal !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_msg-error.gif); color:#df280a; }
.success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_msg-success.gif); color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; }
/* BreadCrumbs */
.breadcrumbs .container-inner{ padding:0 0 20px;font-size: 12px;text-transform: uppercase;font-family: 'oswaldbook'; /*border-bottom: 2px solid #e5e5e5;*/}
.breadcrumbs li { display:inline; }
.breadcrumbs li a{ color: #262626; margin-right: 0px;}
.breadcrumbs li span {display: none;}
.breadcrumbs li a:hover,
.breadcrumbs li strong { font-weight:normal;color:#000; }
/* Page Heading */
.page-title { width:100%; overflow:hidden; margin:0; }
.page-title h1,
.page-title h2 { margin:0; font-size:19px;color: #ea7696;text-transform: uppercase; }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; margin:7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
.my-account{padding: 20px;}
.subtitle,
.sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:normal; margin:0 0 6px; color:#e25203; }
/* Pager */
.pager { /* float: right; */ text-align:center; margin: 0; }
.pager .amount { float:left; margin:0; }
.pager .limiter { float:left; font-size: 12px; font-family: 'oswaldbook'; position: relative;}
.pager .limiter label { vertical-align:middle; margin: 0;font-weight: normal; text-transform: uppercase; color: #b7b7b7;}
.pager .limiter select { padding:2px 5px; margin:0 5px; vertical-align:middle; text-align: center;background: #2d2d2d; border: 2px solid #fff; color: #fff; font-family: 'oswaldbook';}
.pager .pages {
/* margin: 4px 20px 0 0; */
}
#pagination {
margin: 0px;
}
.icon-turn-left{
background-image:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/left_orange.png);
background-repeat: no-repeat;
background-position: center;
}
.icon-turn-right{
background-image:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/right_orange.png);
background-repeat: no-repeat;
background-position: center;
}
.pager .pages ol { display:inline; }
.pager .pages li { display:inline-block; margin:0 2px; width: 28px; height: 28px; font-size: 12px; font-family: sans-serif; line-height: 28px;}
.pager .pages .current {background:#ea7696; border-radius: 100%; color: #fff;}
.disable-li{
pointer-events:none;
}
/* Sorter */
.sorter { float: left; }
.sorter .view-mode { float:left; margin:0; }
.sorter .view-mode a { text-decoration: none; }
.sorter .sort-by { float:right; padding-left:50px;font-size: 12px; font-family: 'oswaldbook'; position: relative;}
.sorter .sort-by label { vertical-align:middle; margin: 0 5px 0 0;font-weight: normal; text-transform: uppercase; color: #b7b7b7; }
.sorter .sort-by select { padding:2px 5px; margin:0 0 1px; vertical-align:middle;text-align: center;background: #2d2d2d; border: 2px solid #fff; color: #fff; font-family: 'oswaldbook';}
.sorter .link-feed {}
/* Toolbar */
.toolbar a img{display: none}
.toolbar a .fa{padding: 3px 5px;margin: 0 0 1px;vertical-align: middle;}
.toolbar a .fa:hover{}
@media(max-width: 768px){
.toolbar { /*overflow: hidden*/; margin:0 0 0px;position: relative;background: #2d2d2d;padding: 13px 15px}
}
@media(min-width: 768px){
.toolbar { /*overflow: hidden*/; margin:0 0 0px;position: relative;background: #2d2d2d;padding: 13px 15px}
}
.toolbar a { }
.select-sort-by{ display: inline-block;}
.catalog-category-view .select-sort-by:before{ height: 25px;}
.select-sort-by:before{
background: #2d2d2d url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_select.png") no-repeat scroll 50% 50% ;
content: "";
display: inline-block;
float: left;
height: 27px;
pointer-events: none;
position: absolute;
right: 20px;
top: 2px;
width: 19px;
}
.pager .limiter .select-sort-by:before{ right: 7px;}
.toolbar .pager { float:right; /*width: 48%*/}
.toolbar .sorter .sort-by select{width: 100%;}
.toolbar-bottom .pager .limiter select {width: 140px;}
.pager .pages ol{
/* float: right;*/
}
@media(max-width: 1190px){
.toolbar .sorter .sort-by select{width: 100px;}
.toolbar-bottom .pager .limiter select{width: 75px;}
}
@media(width: 320px){
}
@media(min-width: 768px) and (max-width: 1024px){
.toolbar .sort-by select{line-height: 20px !important;}
}
.pager .limiter .select-sort-by .sort-by-stock {width: 125px}
.toolbar .sorter {float: left; /*width: 50%*/}
.toolbar-bottom {margin: 0; padding-bottom: 20px;}
.toolbar-bottom .toolbar { margin: 0;
/*padding-top: 0*/
}
.toolbar .pager .pages{
/* margin:5px 0 0 45px; height: 25px*/
}
.toolbar .pager .pages strong{font-weight: normal; display: none;}
.sorter .view-mode{ float:left; margin:0;}
.sorter .view-mode label{ float: left; margin: 0 10px 0 0;font-weight: normal; display: none}
.sorter .view-mode span{ height: 22px; width: 25px;float:left; width:26px; margin: 2px 5px 0 0; }
.sorter .view-mode a.grid{height:22px; width: 22px;float:right;background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/grid.png) 0 0 no-repeat;margin: 4px 8px 0 0;padding-left:20px;text-transform: uppercase;text-indent: -9999px}
.sorter .view-mode strong.grid,
.sorter .view-mode a.grid:hover{ height:22px; width: 22px;float:right;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/grid.png) 0 100% no-repeat;margin: 4px 8px 0 0;padding-left: 20px;text-transform: uppercase;color: #ea7696;text-indent: -9999px}
.sorter .view-mode a.list{ height:22px; width: 25px;float:left;background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/list.png) 0 0 no-repeat; border: 0; border-radius: 0; padding-left:20px;margin: 4px 0 0;text-transform: uppercase;text-indent: -9999px}
.sorter .view-mode strong.list,
.sorter .view-mode a.list:hover{height:22px; width: 25px;float:left; background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/list.png) 0 100% no-repeat;margin: 4px 0 0;padding-left:20px;text-transform: uppercase;color: #ea7696;text-indent: -9999px}
.sorter .view-mode .list { margin-left: 5px;}
.pager li{ display: inline-block;}
.pager li > a, .pager li > span { display: inline-block; padding: 0; background: #4c4c4c; border: none; border-radius: 100%; height: 28px; color: #fff;}
.pager li > a:hover{background: #ea7696;}
/* Data Table */
.data-table { width:100%; border:1px solid #d9dde3; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); background: transparent; }
.data-table .odd { border-top: 1px solid #d9dde3 }
.data-table .even { }
/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/
.data-table td.last,
.data-table th.last { }
.data-table tr.last th,
.data-table tr.last td { }
.data-table th { padding: 6px 10px; font-weight:normal; }
.data-table td { padding: 6px 10px; }
.data-table thead th {font-weight: 600; padding: 10px;white-space:nowrap; vertical-align:middle;text-align: left; text-transform: capitalize;/* background: #A0A0A0; */ font-size: 14px;color: #444;color: #444;amily: 'oswaldbook';}
.data-table thead th.wrap { white-space:normal; }
.data-table thead th a,
.data-table thead th a:hover { color:#fff; }
.data-table thead th .tax-flag { font-size:11px; white-space:nowrap; }
.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr.first td { }
.data-table tfoot tr { }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #f2f2f2; }
.data-table tfoot strong { font-size:16px; }
.data-table tbody th,
.data-table tbody td { border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2; }
/* Bundle products tables */
.data-table tbody.odd tr { background:#f8f7f5 !important; }
.data-table tbody.even tr { background:#f6f6f6 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }
.data-table tbody td .option-label { font-weight:normal; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }
/* Generic Info Box */
.info-box { background:#fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; }
.info-box h2 { font-weight:normal; font-size:13px; }
.info-table th { font-weight:normal; padding:2px 15px 2px 0; }
.info-table td { padding:2px 0; }
/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -52px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; }
tr.summary-details-first td { border-top:1px solid #d2d8db; }
tr.summary-details-excluded { font-style:italic; }
/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -52px; }
/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; }
.std ul.disc { list-style:disc outside; margin:0 0 10px; }
.std dl dt { font-weight:normal; }
.std dl dd { margin:0 0 10px; }
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { }
.std ul { list-style:disc outside; }
.std ol { list-style:decimal outside; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { }
.std dt { font-weight:normal; }
.std dd { }
.std blockquote { font-style:italic; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:normal; }
.std i,
.std em { font-style:normal; }
li { list-style: none;}
/* Misc */
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.link-print { /*background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:normal; color:#dc6809; }
.link-rss { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; }
.btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-edit { display:block; width:20px; height:16px; font-size:0; line-height:0; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_edit.gif) 0 3px no-repeat; text-indent:-999em; overflow:hidden; }
.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }
.separator { margin:0 3px; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; }
/* Global site notices */
.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }
/* Cookie Notice */
.notice-cookie { position:fixed; z-index:9999; width:100%; bottom:0; left:0; margin:0 !important; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */ }
/* Noscript Notice */
.noscript {}
/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }
.header-container .container{ min-height: 162px;}
/*==========Images rotator===========================================*/
.ma-timer-container .item-inner .product{ float: left;}
.item-inner .images-container { position: relative; overflow: hidden; text-align: center; }
.item-inner .images-container .product-image img{max-height: 190px;font-size: 12px;}
.item-inner .images-container .images-hover {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
@media(max-width:992px){
.item-inner .images-container .product-image img{
min-height: 158px;
}
}
@media(max-width:425px){
.item-inner .images-container .product-image img{
min-height: 151px;
}
}
.item-inner .images-container .images-hover { position: absolute; display: block; margin: auto; bottom: -100%; width: 100%; }
.item-inner:hover .images-container .images-hover { bottom: 0;}
/* =============================top-links========================================================== */
.header-link{ display: inline-block;}
.header-container .top-link{padding-top: 11px; }
.header-container .top-link .container-inner{ border-bottom: 1px solid #4f565b; padding-bottom: 14px;}
.header-container .top-link .infor{ float: left; color: #adadad;}
.header-container .top-link .email{ margin-right: 25px;}
.header-container .top-link .infor .fa{ width: 26px; padding-left: 4px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; background: #ea7696; margin-right: 10px;}
.header-container .top-link .infor span{ font-family: 'OpenSansBold'; color: #fff}
.form-language label {margin: 0 10px 0 0;font-weight: normal; display: none;}
.form-language select, .form-currency select { padding: 4px 10px; background: #f2f2f2;}
p.welcome-msg { margin: 0;text-transform: uppercase;}
.top-link ul.links { text-align: right;}
.top-link ul.links li { padding-right:15px;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg_toplink1.png) no-repeat 95% 60%;}
.top-link ul.links li a:hover{ color: #fff;}
.top-link .header-curren{float: left;padding-left: 12px;}
.top-link .header-language{display: inline-block; float: right;}
.header-language .fa,.header-curren .fa{margin-left: 10px}
/* =============================ma-menu========================================================= */
.ma-menu .container{background-color:#313131; border-top: 2px solid #1d1d1d;}
.tell-phone{line-height: 44px;color:#cccccc}
.toplink-static{background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/border_toplink.png) no-repeat right center;padding-right: 10px}
/* Header ================================================================================ */
.header { margin:0 auto; position:relative; z-index:100;}
.header .header-inner{background:#ffffff}
.header .header-content {position: relative;z-index: 100;min-height:95px;height: auto !important;height:95px}
.header a.logo { float:left;text-decoration:none !important; width: 292px;margin-top:-4px;}
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header h1.logo { margin:0; }
.header .quick-access { float:right; width:600px; padding:28px 10px 0 0; }
.header .welcome-msg { margin:0; color:#fff; text-align:right; }
.header .welcome-msg a { color:#ebbc58; }
.header .form-language {}
.header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; }
.header-container .top-container a { font-size:11px; color:#ebbc58; }
/*==================search category========================================*/
.header .form-search #cat { width: 118px; float:left; margin-right: 2px;}
.header .form-search label { width: 22px; float: left; }
.header .form-search .search-left{ background: #fff; padding: 8px 0; width: 90%; float: left; height: 50px;}
#search_mini_form .header .form-search button.button { float: right; margin-right: 8px; }
.header .form-search {width: 100%; float: left;position: relative;z-index: 1000; font-family: 'oswaldbook'; padding: 8px 0;}
.header .form-search .bootstrap-select{width: auto !important;float:left !important;}
.header .form-search .dropdown-toggle{text-shadow:none;border: none;border-radius:0;box-shadow: none;padding: 0 25px 0 15px;line-height:34px;height: 34px;background: #fff;}
.header .form-search label { display: none; }
.header .form-search input.input-text { font-size: 13px;width: 60%;float:left;margin: 0;border: none;background: none;padding: 8px 10px 8px; font-family: 'oswaldbook'; color: #646464; border-left: 2px solid #8e8b8c;}
.header .form-search button.button { margin-left: 4px;}
.header .form-search button.button span{
border: 0;
font-size: 0;
padding: 0;
font-weight: normal;
text-transform: uppercase;
width:60px;
height: 50px;
text-align:center;
background:#ea7696
}
.header .form-search button.button:hover span{background: #f78eab}
.header .form-search .bootstrap-select.btn-group .btn .filter-option{color:#262626; font-family: 'oswaldbook';}
.header .bootstrap-select .btn:focus{outline: inherit !important;
outline: inherit !important;
outline-offset: inherit !important;}
.bootstrap-select {
display: block !important;
}
.form-search .dropdown-menu{height: 300px !important;top: 43px;border-radius: 0;box-shadow: none}
.header .form-search span .fa-search{
font-size: 16px;line-height:50px;color: #fff
}
.bootstrap-select.btn-group .btn .caret{color: #646464}
.header .form-search button.button span span { padding: 0; background: none; }
.header .form-search span .fa-search:hover { }
.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul { border:1px solid #d9dde3; background-color:white; }
.header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #d9dde3; padding:8px 8px 1px 8px; cursor:pointer; height: 40px; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:normal; }
.header .form-search .search-autocomplete li.odd { background-color:white; }
.header .form-search .search-autocomplete li.selected { background-color:#f7941E; color: white; }
/*=========.top-cart-wrapper==============*/
.top-cart-contain {
position: relative;
z-index:100001;
font-family: 'oswaldbook';
}
.top-cart-title {
vertical-align: top;
text-align:left;
margin-top:0;
position: relative;
font-size: 13px;
}
.top-cart-title .fa{
height: 50px;
width: 52px;
line-height: 50px;
text-align: center;
background: #ea7696;
color: #fff;
font-size: 16px;
float: left;
}
.tc-content{
background: #f78eab;
padding: 15px 18px 16px 18px;
color: #fff;
float: left;
line-height: 19px;
text-transform: none;
}
.top-cart-wrapper span.item-cart{display: block;text-transform: none;}
.top-cart-title a {display: block;font-size: 13px;}
.top-cart-content {
display: none;
width:360px;
position: absolute;
bottom: -14px;
right: 0;
border: 1px solid #e4e4e4;
background:#fff;
/*padding: 12px;*/
text-align: left;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-family: 'Nunito Sans' !important;
}
.top-cart-content .mini-products-list > li{
display: flex;
}
.top-subtotal {
float: left;
font-size: 1.1em;
margin: 0;font-size: 10px;
/*text-transform: uppercase;*/
flex: 1;
color: #0D0E0F;
}
.top-subtotal > div:nth-of-type(1){
font-size: 1.4em;
}
.top-cart-content li.item{ float:left; width:100%; margin:0 0 0px; }
.top-cart-content .product-details { position:relative; }
.top-cart-content .product-details .btn-remove{ position:absolute; right: 0; top:6px; }
.top-cart-content .product-details .btn-edit{ position:absolute; right: 24px; top:6px; }
.top-cart-content .actions {
padding: 0;
float: right;
margin:10px 0 0;
}
.top-cart-contain .product-details .price {width: auto;font-size: 1.05em;color:#0D0E0F;}
.top-subtotal span{font-size: 16px;font-weight: 600;color: #C92127;}
/*lange--------------------------*/
.langs-wrapper {
display: inline-block;
margin-left: 15px;
}
.lang-flag {
margin-left: 10px;
line-height: 8px;
display: inline-block;
}
.lang-flag:hover {
}
.drop-lang {
list-style: none;
padding: 0;
}
.drop-lang .drop-trigger {
position: relative;
z-index:999;
}
.drop-lang li a {
padding:0 0 0 20px;
display: block;
font-weight: normal;
position: relative;
z-index: 10;
}
.drop-lang ul.sub-lang li a{border: none;padding: 5px 10px 5px 28px;border: 1px solid #f4f4f4;border-top: none;line-height:15px;height: inherit;}
.drop-lang li a:hover,.drop-currency li a:hover {}
.drop-lang .drop-trigger .sub-lang {
position: absolute;
top:100%;
left:-8px;
z-index: 9;
list-style: none;
margin: 0;
background: #fff;
min-width: 140px;
display: none;
border-top: 1px solid #f4f4f4;
text-align: left;
}
.drop-lang .drop-trigger:hover .sub-lang {
top:100%;
display: block;
}
.drop-lang .sub-lang .brazilian { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/br.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .brazilian:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/br.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .canadian { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ca.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .canadian:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ca.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .en{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/en.png") no-repeat 6% 50% #fff;}
.drop-lang li a.en{background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/en.png") no-repeat 0 50%}
.drop-lang li a.default{background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/en.png") no-repeat 0 50%}
.drop-lang .sub-lang .default{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/en.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .default:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/en.png") no-repeat 6% 50% #fff;}
.drop-lang li a.french{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/fr.png") no-repeat 0 50% }
.drop-lang .sub-lang .french{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/fr.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .french:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/fr.png") no-repeat 6% 50% #fff;}
.drop-lang li a.german{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 0 50% }
.drop-lang .sub-lang .german{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .german:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 6% 50% #fff;}
.drop-lang li a.fr{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/fr.png") no-repeat 0 50% }
.drop-lang li a.ge{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 0 50% }
.drop-lang .sub-lang .en:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/en.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .fr{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/fr.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .fr:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/fr.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .italian { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ie.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .italian:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ie.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .portuguese { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/pt.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .portuguese:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/pt.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .ge{ background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .ge:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .australian { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/au.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .australian:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/au.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .dutch { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/nl.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .dutch:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/nl.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .russian { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/rs.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang .russian:hover { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/rs.png") no-repeat 6% 50% #fff;}
.drop-lang .germany { background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/ge.png") no-repeat 6% 50% #fff;}
.drop-lang .sub-lang li a { background: #fff; padding:2px 0 2px 25px; line-height: 22px; display: block; color: #666; text-transform: capitalize; font-weight: normal;border-top: 1px solid #fff; border-right:0;border-left:0; border-bottom:0; border-radius:0;}
.drop-lang .sub-lang li a:hover {color: #ea7696}
/*form-currency---------------------*/
.form-currency label { float: left;font-weight: normal;font-size: 0;text-indent: -99999px;display: none}
.form-currency .block-title{float: left;}
.form-currency .block-title strong{font-weight: normal;}
.drop-currency .currency-trigger {
position: relative;
z-index:999;
}
.drop-currency .currency-trigger:hover {
}
.drop-currency li a {
display: block;
font-weight: normal;
position: relative;
text-transform: capitalize;
z-index: 10;
font-size: 12px
}
.language-curency .fa{font-size: 10px;margin-left: 7px}
.drop-currency .currency-trigger .sub-currency {
left:-16px;
list-style: none outside none;
margin: 0;
padding: 0 ;
position: absolute;
top:100%;
z-index: 9;
background: #fff;
min-width:140px;
display: none;
border-top: 1px solid #f4f4f4
}
.drop-currency .sub-currency li a {
background: none repeat scroll 0 0 #fff;
border-color: #fff -moz-use-text-color -moz-use-text-color;
border-radius: 0;
border-style: solid none none;
border-width:0;
color: #666;
display: block;
font-weight: normal;
line-height:15px;
padding:3px 10px;
text-transform:uppercase;
border: 1px solid #f4f4f4;
border-top: none;
text-align:left;
height: inherit;
}
.drop-currency .sub-currency li a:hover {
color: #ea7696
}
.drop-currency .currency-trigger:hover .sub-currency {
top:100%;
display: block;
}
/*my-accout-------------------------------------------------------------------------------*/
/********** < Navigation */
.nav-container { position: relative; z-index:20;}
#nav { width:918px; margin:0 auto; padding:0 16px; font-size:13px; }
/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li.parent a { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_nav2.gif) 100% 100% no-repeat; }
#nav ul li.parent li a { background-image:none; }
/* 0 Level */
#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:normal; }
#nav li.over a,
#nav a:hover { color:#d96708; }
/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_nav1.gif) 0 100% repeat-x; }
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }
/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; }
#nav div ul { position:static; width:auto; border:none; }
/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:5px; }
#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span,
#nav ul li.last li span { padding:3px 15px 4px 15px; }
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
/********** Navigation > */
/* =============================================Mobile Menu ========================================== */
.nav-collapse {
text-align: left;
}
.navbar .nav > li {
padding: 10px 30px 20px 0;
}
#ma-mobilemenu {
height: auto;
float: left;
width: 100%;
}
.nav-collapse, .nav-collapse.collapse {
}
.navbar-inner {
background:#fff;
border: 0 !important;
box-shadow: none !important;
padding: 0;
}
.navbar{background-color:#ea7696;border-radius: 0; margin: 20px 0;}
.menu-mobile {
float: left;
width: 100%;
padding: 0 2%;
}
.navbar .btn-navbar {
margin-top: 10px;
border: 0 !important;
box-shadow: none !important;
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-menu-mobile.png") no-repeat 50% 50%;
}
.navbar .btn-navbar:hover {background:url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-menu-mobile.png") no-repeat 50% 50% !important; font-family: 'oswaldbook';}
.navbar .btn-navbar .icon-bar {
box-shadow:none !important;
border-radius:0 !important;
background-color:inherit !important;
}
.mobilemenu>li.last a {
border-bottom: 0;
}
.navbar .brand {
color: #fff;
text-transform: uppercase;
text-shadow: none;
font-size: 18px;
font-family: 'oswaldbook';
}
.mobilemenu {
list-style-type: none;
padding: 0;
margin: 0;
}
.mobilemenu ul {
padding: 0;
margin: 0;
float: left;
display: block;
width: 100%;
}
.mobilemenu li {
background: #faf8f8;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
display: block;
width: 100%;
position: relative;
}
.mobilemenu li.level0.last {
margin-bottom: 10px;
}
.mobilemenu li.active>a {
/*background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/close.gif') no-repeat center right;*/
}
.mobilemenu li div {
padding: 20px;
background: #aef;
display: block;
clear: both;
float: left;
width: 360px;
}
.mobilemenu a {
text-decoration: none;
border-bottom: 1px solid #e0d8d8;
line-height: 40px;
font-weight: normal;
color: #262626;
margin: 0 15px;
display: block;
cursor: pointer;
font-family: 'oswaldbook';
text-transform: capitalize;
font-size: 15px
}
.mobilemenu li.active a, .mobilemenu a:hover {
color: #ea7696
}
.mobilemenu ul a {
color: #666 !important;
}
.mobilemenu ul a:hover, .mobilemenu ul li.active a {
color: #444443 !important;
}
.mobilemenu ul ul a, .mobilemenu ul li.active ul a {
color: #666 !important;
}
.mobilemenu ul ul a:hover, .mobilemenu ul ul li.active a, .mobilemenu ul li.active ul a:hover {
color: #1e7ec8 !important;
}
.mobilemenu ul ul ul a, .mobilemenu ul ul li.active ul a {
color: #666 !important;
}
.mobilemenu ul ul ul a:hover, .mobilemenu ul ul ul li.active a, .mobilemenu ul ul li.active ul a:hover {
color: #1e7ec8 !important;
}
.mobilemenu ul ul ul ul a, .mobilemenu ul ul ul li.active ul a {
color: #666 !important;
}
.mobilemenu ul ul ul ul a:hover, .mobilemenu ul ul ul ul li.active a, .mobilemenu ul ul ul li.active ul a:hover {
color: #1e7ec8 !important;
}
.mobilemenu li.parent>a {
/*background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/open.gif') no-repeat center right;*/
}
.mobilemenu li ul li {
font-size: 0.9em;
}
.mobilemenu li.active>ul {
}
.mobilemenu ul a {
padding-left: 25px;
}
.mobilemenu ul ul a {
padding-left: 40px;
}
.mobilemenu ul ul ul a {
padding-left: 55px;
}
.mobilemenu ul ul ul ul a {
padding-left: 70px;
}
.mobilemenu ul ul ul ul ul a {
padding-left: 85px;
}
/*----------- button mobilemenu -------------*/
.mobilemenu span.head {
position: absolute;
top: 8px;
right: 8px;
}
.mobilemenu span.head a {
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/menu_down.png) no-repeat 50% 50%;
color:#333333;
display:block;
height:15px;
padding:0;
width:15px;
border: 0;
}
/*.mobilemenu span.head a:hover*/
.mobilemenu li.active>span.head a {
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/menu_up.png) no-repeat 50% 50%;
}
.mobilemenu li.selected span.head a {
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/menu_up.png) no-repeat 50% 50%;
}
/* Sidebar =============================================================================== */
.block {clear: both; margin-bottom: 30px;}
.block .block-title {background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_title.gif) repeat-x left center; }
.block .block-title strong {font-size:20px;color: #262626; padding:10px 15px 10px 0;word-wrap: break-word;display: inline-block;font-family:'oswaldbook';text-transform: uppercase;background: #fff;}
.block .block-title strong span {}
.block .block-title a { text-decoration:none !important; }
.block-layered-nav .block-subtitle {margin:0; padding:5px 0; font-weight: normal;text-transform: uppercase; border-bottom: 1px solid #f2f2f2;font-family: SegoeUISemibold;}
.block .block-content { }
.block-compare .block-content{margin: 20px 0 0; font-size: 14px; color: #656565; font-family: 'oswaldbook';}
.block .block-content li.item { padding: 0; }
.block .btn-edit { float:right; margin:10px 0 2px 5px; }
.block .actions { padding:10px 9px 0; text-align:right; }
.block .actions a { float:left;margin: 15px 0 0; }
.block .actions button.button { float:right; }
.block .empty { margin:0; padding:10px 0;font-size: 13px;padding-left: 5px }
.block-compare .empty{padding:5px 0 10px ;padding-left: 5px}
.block-compare .btn-remove{float: left;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_remove.gif) 0 2px no-repeat;widows: 18px;height: 18px}
.block-compare .product-name{float:left;}
.block .block-content li.item{margin-bottom: 5px}
.block li.odd { }
.block li.even {}
.banner-left1{ margin-bottom: 30px;}
.banner-left2{ margin-bottom: 30px;}
/* Mini Blocks */
.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-gr-search,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login { font-size:11px; line-height:1.25; }
/* Mini Products List */
.block-related{padding-top: 0}
.mini-products-list .product-image {
/*float:left;display: block;*/
/*flex: 1;*/
width:80px }
.mini-products-list .product-details { margin-left:0px; }
.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; ;width: 80%}
.block-cart .mini-products-list .product-details .nobr { white-space:normal !important; }
/* Block: Account */
.block-account { }
.block-account .block-title { }
.block-account .block-title strong { }
.block-account .block-content {padding:7px 10px 7px; }
.block-account .block-content li a { display:block; border-bottom:1px solid #f2f2f2; padding:5px 0;}
.block-account .block-content li.last a { border-bottom:0; }
.block-account .block-content li.current { border-bottom:1px solid #f2f2f2; padding: 5px 0; color:#ea7696}
.block-account .block-content li.current.last { border-bottom:0; }
.my-account .pager{padding: 10px 0}
.my-account .pager .amount{line-height: 25px}
.my-account .pager .amount strong{font-weight: normal;padding-right: 20px}
#wishlist-table .description{line-height: 25px;padding-bottom: 15px}
#wishlist-table .product-name{padding-bottom: 10px}
#wishlist-table .cart-cell{text-align: center;}
/* Block: Currency Switcher */
.block-currency { border:0; padding:7px 12px 10px; height:51px; }
.block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-currency .block-title strong { font:normal 13px/21px Corbel, Arial, Helvetica, sans-serif; padding:0 0 0 21px; text-transform:none; color:#fff; }
.block-currency .block-content { background:none; padding:0; }
.block-currency .block-content select { width:100%; padding:0; }
/* Block: Layered Navigation */
.block-layered-nav { padding: 0; margin: 0; }
.block-layered-nav .layered-attribute{ margin-bottom: 30px;}
.block-layered-nav .layered-attribute h2{ background: none; padding: 10px 20px; color: #black; font-size: 16px; border: 1px #e5e5e5 solid}
.block-layered-nav .layered-attribute .content-shopby{ padding: 10px 20px; border: 1px solid #e6e6e6}
.block-layered-nav .layered-price h2{ background: #f78eab; padding: 10px 20px; color: #fff; font-size: 16px;}
.block-layered-nav .layered-price .content-shopby{ background: #ea7696; padding: 30px 20px;}
.block-layered-nav .block-title {}
.block-layered-nav .block-subtitle {display: none;}
.block-layered-nav .block-content { padding: 0; margin: 0;}
.block-layered-nav h2 {font-weight: normal;font-size: 16px;font-family:'oswaldbook';line-height: 25px;margin-bottom:5px;color:#888888;text-transform: uppercase;margin: 20px 0 0;}
.block-layered-nav .content-shopby {}
.block-layered-nav .content-shopby .last { }
.block-layered-nav .currently li {padding:6px 24px 6px 10px; position:relative; z-index:1; line-height:1.5;border-bottom: 1px solid #ddd }
.block-layered-nav .currently .label {font-weight:normal; padding:7px; display:block; vertical-align:top;text-align: left; }
.block-layered-nav .currently .value { display:block; vertical-align:top; text-transform:none;line-height: 25px;color:#ea7696;text-transform: capitalize;}
.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove { position:absolute; right:4px; top:9px; margin:0; cursor: pointer;user-select: none;}
.block-layered-nav .currently .btn-previous { right:17px; }
.block-layered-nav .actions { font-size:11px; padding:4px 5px 4px 9px;text-align:right; }
.block-layered-nav .actions a { float:none; }
.block-layered-nav #search_pr input { min-width:50px; padding:4px 10px 4px 0; border:0; background: transparent; color: #fff; font-size: 13px;}
.block-layered-nav #narrow-by-list li{ border-bottom: 1px solid #d6d6d6; padding: 8px 0; font-size: 12px;text-transform: uppercase; line-height:29px;color: #313131;font-family:'oswaldbook';}
.block-layered-nav #narrow-by-list li:last-child{ border-bottom: 0;}
.block-layered-nav #narrow-by-list li:hover{ color: #ea7696;}
.block-layered-nav #narrow-by-list li a{padding-left:0px;font-size: 12px;line-height:29px;color: #313131;}
.block-layered-nav #narrow-by-list li:hover a{background-position: 0 -39px; color: #ea7696}
.block-layered-nav li a{font-size: 14px;text-transform: capitalize;}
.block-layered-nav a.ajaxLayer:hover{}
.block-layered-nav .content-shopby p{margin: 5px 0 20px 0}
.block-layered-nav #search_pr{margin: 20px 0 10px !important}
button#search_price{display: block; clear: both; border: 2px solid #fff; margin-top: 10px;}
button#search_price span{ background: transparent; border: 0; color: #fff;}
.block-layered-nav button.button span{padding: 8px 15px;}
.block-layered-nav button.button span span{padding: 0}
.block-layered-nav input#amount{box-shadow: none;background: none;border: 1px solid #f2f2f2;width: 100%;text-align: center;height: 30px;line-height: 30px;display: none}
#narrow-by-list{margin: 0}
/* Block: Cart */
.ajaxLayer{
cursor: pointer;
}
.block-cart .block-title { /*border-bottom:0;*/ }
.block-cart .block-title strong { }
.block-cart .summary { background:#fff; padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; font-size: 12px; }
.block-cart .amount { margin:0; }
.block-cart .block-subtitle { margin: 10px 0;}
.block-cart #cart-sidebar li { margin-bottom: 10px;}
.block-cart .amount a { font-weight:normal; }
.block-cart .subtotal { margin:5px 0 0; padding:5px 0; color: #000;}
.block-cart .subtotal .label { font-size:12px;font-weight: normal;}
.block-cart .subtotal .price { font-weight:normal; }
.block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; }
.block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; }
/* Block: Wishlist */
.block-wishlist .block-title strong { }
.block-wishlist .actions { text-align:right; }
.block-wishlist .actions a { float:none; }
.block-wishlist .item{margin:10px 0 0}
/* Block: Related */
.block-related .block-title strong {padding-top: 0 }
.block-related input.checkbox { float:left; }
.block-related .product { }
.block-related .product-image{width: 100px}
/* Block: Compare Products */
.block-compare .block-title strong { }
.block-compare button.button span { padding: 5px 10px; text-transform: capitalize; }
.block-compare button.button span span{padding: 0}
.page-popup .link-print { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:normal; color:#1e7ec8; }
.compare-table { border:0; }
.compare-table thead tr.first th,
.compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; }
.compare-table .btn-remove { float:right; background-image:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_remove2.gif); width:72px; height:15px; }
.compare-table tbody th { background:#d9e5ee url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_th-v.gif) 100% 0 repeat-y; }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.compare-table tbody td.last { border-right:1px solid #ccc; }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; }
.compare-table tr.add-to-row td { background:#fffada; text-align:center; }
.compare-table tr.first td { text-align:center; }
.compare-table tr.first td .product-name { font-size:13px; font-weight:normal; margin:0 0 5px; color:#203548; display:block;}
.compare-table tr.first td .product-name a { color:#203548; }
.compare-table tr.first td .ratings { width:69px; margin:0 auto; }
.compare-table tr.first td p,
.compare-table tr.add-to-row td p { margin:0; }
.block-reorder .product-name a ,.block-compare .product-name a,.block-wishlist .product-name a{padding-left: 10px;font-size: 13px}
.block-compare .actions a{margin: 15px 0 0}
/* Block: Recently Viewed */
.block-viewed .block-title strong { }
/* Block: Recently Compared */
.block-compared .block-title strong { }
/* Block: Poll */
.block-poll .block-title strong { }
.block-poll .block-subtitle { font-size:12px; }
.block-poll label { color:#777; font-weight:normal; }
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { margin:5px 0 0; }
.block-poll button.button span { }
.block-poll .answer { font-weight:normal; }
.block-poll .votes { float:right; margin-left:10px; }
/* Block: Orders and Returns */
.block-gr-search li { padding:3px 9px; }
.block-gr-search button.button span { border-color:#406a83; background:#618499; }
/* Block: Tags */
.block-tags .block-title strong { }
.block-tags .block-content .tags-list { background:none; border:0; font-size:12px; }
.block-tags .block-content a {font-size: 12px !important;display: inline-block;padding:6px 15px;margin:10px 0 0;border: 2px solid #bebebe;text-transform: uppercase; font-family: 'oswaldbook';}
.block-tags .block-content a:hover{background-color:#2f2f2f;border-color:#2f2f2f;text-decoration: none;color: #fff}
.block-tags .actions { text-align:left;padding: 0px; }
.block-tags .actions a { float:none;font-size: 12px !important}
.block-tags .actions a:hover{background: #2f2f2f !important;color:#fff}
/* Block: Subscribe */
.subscribe-title {float: left;margin-right: 30px; margin-left: 10px}
#newsletter-validate-detail{
float: left;background-color: #fff;
padding: 2px;
border-radius: 4px;
}
div.subscribe-title h3{margin: 0;text-transform:uppercase;color:#fefefe;font-size:18px;line-height:25px; display: none;}
.block-subscribe .input-box{height:42px;line-height:42px;background:none;width:500px;float: right; background: #fff;}
.block-subscribe label { font-weight:normal;font-size: 18px;margin:14px 0 3px 0;color: #fff; font-family: 'oswaldbook'; text-transform: uppercase; margin-top: 7px;}
.block-subscribe input.input-text { display:block;border:none;background: none;width: 100%;padding: 12px 10px;color: #dddddd;border: none !important;}
.block-subscribe .actions { float:right; margin-left: 15px;}
.block-subscribe .actions button.button { float:none;background-color: #f7941e; }
.block-subscribe .actions button.button span { text-transform: none; border: 1px solid #fff; text-align:center; padding:10px 30px;background: none;font-size: 14px; color: #fff;}
.block-subscribe .actions button.button:hover span{color: #ea7696}
/* Block: Reorder */
.block-reorder .block-title strong { }
.block-reorder input.checkbox { float:left; margin:5px 0 0 }
.block-reorder .product-name { margin-left:20px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }
/* Block: Banner */
.block-banner { border:0; }
.block-banner .block-content { padding:0; text-align:center; }
/* Block: Login */
.block-login .block-title strong { }
.block-login .block-content { padding:5px 10px; }
.block-login label { font-weight:normal; color:#666; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
.block-login .actions { background:none; padding:0; margin:3px 0 0; }
.block-login .actions button.button span { border-color:#406a83; background:#618499; }
/* Paypal */
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title { border:0; margin:0 0 7px; display: none;}
.category-image { width:100%; overflow:hidden; text-align:center;margin: 0 0 35px }
.category-image img {}
.category-description { margin:0 0 10px; }
.category-products {}
/* View Type: Grid */
.category-products .products-grid, .tabs-prod .category-products .products-grid {
/*margin-left: 10px;*/
}
.products-grid.last .item{ margin-bottom:0; }
.products-grid .product-image img { max-width: 100%; width: auto; height: auto; object-fit: contain;}
.products-grid .availability { line-height:21px; }
.products-grid .item { position: relative;float: left;margin-bottom: 30px;}
.products-grid .price-box {
/*position: absolute !important*/
}
/* View Type: List */
.products-list li.item {position: relative;margin-bottom:40px}
.products-list li.item .item-inner{}
.products-list .product-name a{ font-size: 18px;}
.products-list .price-box {margin:20px 0;font-size:25px; position: static !important;}
.products-list .item-inner .price-box .old-price{ background: #ebebed}
.products-list .actions .actions-inner button.button{ width: 20%}
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; margin:20px 0; line-height:20px; color: #646464; text-align: justify;}
.products-list .desc .link-learn { font-size:12px;color: #ea7696; }
.products-list .add-to-links {display: inline-block; width: 35% !important}
.products-list .add-to-links li{float: left;}
.products-list .add-to-links .fa{margin-right: 5px}
.products-list .add-to-links .separator { display:inline; margin:0 2px; display: none;}
.products-list .product-name a{font-size:18px; padding: 0;}
.products-list .ratings{margin: 10px 0 0;display: none;}
.products-list .product-button-inner{padding-left: 10px}
.products-list .product-button .fa-plus-square{margin-right: 5px;font-size: 13px}
.product-view button.btn-cart span, .products-list button.btn-cart span{font-size:18px;line-height: 25px}
.product-view button.btn-cart span .fa, .products-list button.btn-cart span .fa{margin-right: 10px}
.product-view button.btn-cart{}
.product-view button.btn-cart span{
border: 0;
height: 50px;
color: #fff;
line-height: 50px;
text-align: center;
padding-top: 0px;
}
.product-view button.btn-cart:hover span{ background: #ea7696;}
.product-view button.btn-cart span .fa{
font-size: 18px;
color: #fff;
}
.product-view button.btn-cart:hover span .fa{
box-shadow: 0 0 0 10px rgba(255,255,255,0.3);
background: rgba(255,255,255,0.3);
-webkit-animation: rotate 0.5s linear;
-moz-animation: rotate 0.5s linear;
animation: rotate 0.5s linear;
color: #fff;
border-radius: 100%;
}
*/* ======================================================================================= */
.products-list .images-content{display: block;background: #fff}
.banner-right{overflow: hidden;margin: 30px 0 0;position: relative;z-index: 100;padding: 10px;background: #fff}
/* Product View ========================================================================== */
/* Rating */
.no-rating { margin:0; display: inline-block;}
.ratings {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
font-size:11px; margin:0; margin-top: -2px;
}
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:0;float: left;font-size: 12px; display: none;}
.ratings .rating-links .separator { margin:0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box {width:60px; height:16px; font-size:0; line-height:0; background:url(/skin/frontend/ma_vanese/fahasa/images/ico_star_gray.svg) repeat-x; background-size: 16px 16px; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:16px; background:url(/skin/frontend/ma_vanese/fahasa/images/ico_star_yellow.svg) repeat-x; background-size: 16px 16px;}
.ratings .rating-box { float:left; margin-right:3px; margin-left: 0px;}
.ratings .amount {font-size: 11spx; color: #4a4a4a; display: inline-block}
.ratings-table th,
.ratings-table td { font-size:12px; line-height:1.15; padding:3px 0; }
.ratings-table th { font-weight:normal; padding-right:8px; }
/*.products-grid .ratings{display: none;}*/
/* Availability */
.availability { margin:0; }
.availability span { font-weight:normal; }
.availability.in-stock span {}
.availability.out-of-stock span { color:#d83820; }
.availability-only { margin:10px 0 7px; line-height:16px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; }
.availability-only span,
.availability-only a { border-bottom:1px dashed #751d02; color:#000; }
.availability-only a { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong { color:#be2c00; }
.availability-only-details { margin:0 0 7px; }
.availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; }
.availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; }
.availability-only-details tr.odd td.last { color:#d95e00; font-weight:normal; }
.product-view .product-shop .availability{ color: #393939}
.product-view .product-shop .availability span {color:#ea7696; text-transform: capitalize;}
/* Alerts */
.alert-price { margin:0; font-size:11px; }
.alert-stock { margin:0; font-size:11px; }
/********** < Product Prices */
.price { }
.product-img-box .price-as-configured .price-label{ display: none;}
.price-box { font-size:20px;font-family: 'oswaldbook';}
/*.price-box p { display: inline;}*/
.price-box .price { }
/* Regular price */
.item-inner .price-box .regular-price {
color: #fff;
font-size: 14px;
background: #f78eab;
padding: 15px 18px 15px 12px;
display: inline-block;
}
.regular-price .price {}
.block .regular-price,
.block .regular-price .price {}
/* Old price */
.old-price { margin:0; }
.old-price .price-label { white-space:nowrap; color:#999; display: none;}
.old-price .price { color:#888888; text-decoration:line-through;font-size: 14px;}
/* Special price */
.special-price { margin:0; padding:0 }
.special-price .price-label { font-size:13px; font-weight:normal; white-space:nowrap; color:#cd5033; display: none;}
.special-price .price { font-size: 14px; min-height: 25px;}
/* horizontal 2 price */
.price-mobile{
/*display: flex;*/
margin-top: 5px;
}
.mobile-new-price .price{
color: #F7941E;
font-size: 18px;
}
.mobile-old-price{
/*position: relative;*/
}
.mobile-old-price .price{
/*position: absolute;*/
color: #999999;
font-size: 12px;
text-decoration: line-through;
font-weight: 400 !important;
padding-left: 2px;
/*bottom: 2px;*/
}
/* Minimal price (as low as) */
.minimal-price { margin:0; }
.minimal-price .price-label { font-weight:normal; white-space:nowrap; }
.minimal-price-link { display:block; }
.minimal-price-link .label {color:#1e7ec8;}
.minimal-price-link .price { font-weight:normal; color:#1e7ec8; }
/* Excluding tax */
.price-excluding-tax { display:block; color:#999; }
.price-excluding-tax .label { white-space:nowrap; color:#999; }
.price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; }
/* Including tax */
.price-including-tax { display:block; color:#999; }
.price-including-tax .label { white-space:nowrap; color:#999; }
.price-including-tax .price { font-size:13px; font-weight:normal; color:#c76200; }
/* Configured price */
.configured-price { margin:0; }
.configured-price .price-label { font-weight:normal; white-space:nowrap; }
.configured-price .price { font-weight:normal; }
/* FPT */
.weee { display:block; font-size:11px; color:#444; }
.weee .price { font-size:11px; font-weight:normal; }
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:normal; }
/* Price range */
.price-from { margin:0; }
.price-from .price-label { font-weight:normal; white-space:nowrap; }
.price-to { margin:0; }
.price-to .price-label { font-weight:normal; white-space:nowrap; }
/* Price notice next to the options */
.price-notice { padding-left:10px; color:#999; }
.price-notice .price { font-weight:normal; color:#2f2f2f; }
/* Price as configured */
.price-as-configured { margin:0; }
.price-as-configured .price-label { font-weight:normal; white-space:nowrap; }
.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { padding:0 !important; }
.price-box-bundle .price { color:#555; }
/********** Product Prices > */
/* Tier Prices */
.product-pricing,
.tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; }
.tier-prices li { line-height:1.4; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; }
.tier-prices .benefit { font-style:italic; font-weight:normal; color:#2f2f2f; }
.tier-prices .price { font-weight:normal; color:#2f2f2f; }
.tier-prices-grouped li { padding:2px 0; color:#e26703; }
.tier-prices-grouped li .price { font-weight:normal; }
/* Add to Links */
.add-to-links .separator { display:none; }
/* Add to Cart */
.add-to-cart label {
font-family: 'oswaldbook';
font-size: 13px;
color: #2c2c2c;
font-weight: normal;
}
.add-to-cart .qty { text-align:center;min-width:50px !important ;background:none;height:50px !important;margin-right: 10px; color: #ea7696; font-family: 'oswaldbook';}
.add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
.product-view .add-to-cart .paypal-logo { margin:0; }
/* Add to Links + Add to Cart */
.add-to-box .add-to-cart .input-content { }
.add-to-box .or { float:left; font-weight:normal; margin:0 7px; color:#666; }
.add-to-box .add-to-links li { float: left; margin-right:15px;margin-top: 3px }
.add-to-box .add-to-links li .separator { display:none !important; }
/* Email to a Friend */
.email-friend { margin:3px 0 0;float: left;}
.product-collateral { margin-bottom: 20px;}
.product-collateral .box-collateral { margin:0 0 25px; }
.ma-review-col1 .pager .amount{margin: 5px 10px 0 0}
.ma-review-col1 .pager .amount strong{font-weight: normal;}
/* Product Images */
.product-view .product-img-box {
position: relative;
padding-left: 30px;
padding-right: 40px;
}
.product-view .product-img-box .price-box{ position: absolute; display: inline-block; top: 0; z-index: 8;}
.product-view .product-img-box .price-box .special-price{
color: #fff;
font-size: 16px;
background: #f78eab;
display: inline-block;
}
.product-view .product-img-box .price-box .old-price {
color: #313131;
font-size: 14px;
background: #fff;
padding: 15px 20px 13px;
}
.product-view .product-img-box .price-box .regular-price {
color: #fff;
font-size: 16px;
display: inline-block;
}
.product-view .product-img-box
.col3-layout .product-view .product-img-box { float:none; margin:0 auto; }
.product-view .product-img-box .product-image {position: relative; background: #ebebed;}
.product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/magnifier_handle.gif) 0 0 no-repeat; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views h2 {display: none; font-size:11px; border-bottom:1px solid #ccc; margin:5px 0 8px; text-transform:uppercase; }
.product-view .product-img-box .more-views h2 img { width: 150px;}
.product-view .product-img-box .more-views ul { }
.product-view .product-img-box .more-views li { float: left; margin-right: 14px;}
.product-view .product-img-box .more-views li a { }
.product-image-popup { margin:0 auto; }
.product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; }
.product-image-popup .nav { font-weight:normal; margin:0 100px; text-align:center; }
.product-image-popup .image { display:block; margin:10px 0; }
.product-image-popup .image-label { font-size:13px; font-weight:normal; margin:0 0 10px; color:#2f2f2f; }
.more-views{margin: 0}
/* Product Shop */
.product-view .product-shop .product-shop-inner { }
.col1-layout .product-view .product-shop {}
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-shop .product-name { margin:0 0 5px; display: block; }
.product-view .product-shop .product-name h1 { margin:0;font-size:21px;color:#262626;text-transform:capitalize;}
.product-view .product-shop .view-rate{ display: block; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0; font-family: 'oswaldbook';}
.product-view .product-shop .ratings{ clear: both;}
.product-view .product-shop .ratings a{ color: #393939; font-size: 12px;}
.product-view .product-shop .ratings .rating-box{ margin-right: 10px;}
.product-view .product-shop .ratings .rating-links{ display: block;}
.product-view .product-shop .availability { margin:0; display: inline-block; float: right;}
.product-view .product-shop .short-description { margin:10px 0}
.product-view .product-shop .price-box { margin:10px 0;min-height:inherit;font-size: 24px;line-height: 25px;}
.product-view .product-shop .add-to-links { margin:0; float: left; width: auto;}
.product-view .product-shop .email-friend,.product-view .product-shop .add-to-links li{ width: 90px;}
.product-view .product-shop .add-to-links li a.link-wishlist{ border-left: 1px solid #fff; border-right: 1px solid #fff;}
.product-view .product-shop .add-to-box{margin: 20px 0 20px}
.product-view .product-shop .short-description .std{line-height: 25px}
.add-to-cart input.qty-decrease, .add-to-cart input.qty-increase{display: none}
.product-social{margin:20px 0 0}
.product-shop .fa{margin-right: 5px}
/* Product Options */
.product-options { position:relative;clear: both; }
.product-options dt {font-weight:normal; margin:5px 0 0; display: inline-block; text-transform: capitalize;}
.product-options dt label { font-weight:normal;margin: 0; font-size: 13px; color: #2c2c2c;}
.product-options dt label.required em { color:#eb340a; margin-left:5px; float: right;}
.product-options dd .qty-holder { display:block; padding:10px 0 0; }
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; }
.product-options dd { padding:2px; margin:0;}
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:99%; padding: 8px}
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; margin-top:12px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:11px; }
.product-options ul.options-list .label { display:block; margin-left:18px; line-height: 1.5 !important; text-align: left !important }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0; font-size:11px; }
.product-options p.required { position:absolute; right:20px; top:20px;display: none }
.product-options dl{margin: 0}
.product-options-bottom { margin:20px 0;}
.product-options-bottom .price-box{float: left;}
.product-options-bottom .price-box .old-price {
color: #313131;
font-size: 14px;
background:#ebebed;
padding: 15px 20px 13px;
}
.product-options-bottom .price-box .special-price {
color: #fff;
font-size: 16px;
background: #f78eab;
padding: 13px 18px 12px 12px;
display: inline-block;
}
.product-options-bottom .add-to-cart{/*float: left;*/ clear: both;}
.product-options-bottom .add-to-cart label{ font-size: 13px; color: #2c2c2c;}
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit { color:#e26703; }
.product-options-bottom .price-box { margin:0; padding:0; }
.product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; }
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
.product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right;display: none }
/* Grouped Product */
.product-view .grouped-items-table .price-box { margin:0; padding:0; }
/* Block: Description */
.product-view .box-description {}
/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { line-height:1.25; }
/* Block: Upsell */
.product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; }
.product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; }
.product-view .box-up-sell .products-grid tr.last td { border-bottom:0; }
.product-view .box-up-sell .products-grid td.last { border-right:0; }
.product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid .product-image { text-align:center; }
.product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; }
.product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
/* Block: Tags */
.product-view .box-tags { margin:0; }
.product-view .box-tags h3 { font-size:13px;font-weight: normal; }
.product-view .box-tags .product-tags { display:block; margin:0 0 15px; }
.product-view .box-tags .product-tags li { display:inline; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { background:none; padding-right:0; }
.product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:normal; margin:0 0 5px;}
.product-view .box-tags .form-add .input-box { float:left; width:200px; margin:0 5px 0 0; padding:0 ; }
.product-view .box-tags .form-add input.input-text { width:100%; height:35px !important;padding-left: 10px }
.product-view .box-tags .note { margin:3px 0 0; font-size:11px; }
/* Block: Reviews */
.product-view .box-reviews dl { margin:15px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { font-weight:normal; }
.product-view .box-reviews dd { margin:0 0 15px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews .form-add { margin:15px 0 0; }
.product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; }
.product-view .box-reviews .form-add h3 span { font-weight:normal; }
.product-view .box-reviews .form-add h4 { font-size:12px; }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:100%; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width:100% }
/*Product tabs*/
.product-tabs { overflow:hidden; margin-top: 15px;}
.product-tabs li { float:none;font-size:1.1em; line-height:1em;margin:5px 2px 0 0;float: left;background: white}
.product-tabs li.first { }
.product-tabs li.last { }
.product-tabs a {display:block; padding:12px 10px; font-size: 14px; text-transform: uppercase;text-decoration: none;font-family: 'oswaldbook';color: #2c2c2c;border: 1px solid #e6e6e6;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);}
.product-tabs a:hover {color:#fff;background-color: #ea7696}
.product-tabs li.active a,
.product-tabs li.active a:hover {background: #ea7696;color: #fff}
.product-tabs-content h2 {display: none; }
.product-tabs-content { width:100%; padding: 15px; line-height: 25px;border: 1px solid #e6e6e6;float: left;min-height: 174px;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);background: white}
.label-pro-new{display: block;width:79px;height:79px;background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/new.png) no-repeat;position: absolute;z-index: 10;left:0px;top:0px; font-size: 0; color: transparent;}
.label-pro-sale{display: inline-block;width:50px;height:50px;position: absolute;z-index: 10;top:0px; font-size: 19px; font-weight: bold; color: transparent;}
.products-grid .label-pro-sale,.products-grid .label-pro-new{
/*left: 15px*/
}
/* Send a Friend */
.send-friend .form-list { width:615px; overflow:hidden; }
.send-friend .form-list li { margin-right:-15px; }
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { width:315px; }
.send-friend .form-list .input-box { width:300px; }
.send-friend .form-list input.input-text,
.send-friend .form-list textarea { width:294px; }
.send-friend .form-list li.wide .input-box { width:612px; }
.send-friend .form-list li.wide textarea { width:609px; }
.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; }
/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name { margin:0; font-weight:normal; line-height: 18px;display: inline-block;}
.product-name a {font-size: 15px;text-transform:capitalize;font-family: 'oswaldbook'; color: #262626; display: block;}
.product-name a:hover{ color: #ea7696}
.top-cart-content .product-name a{font-size: 14px !important;}
/* Product Tags */
.tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5;}
.tags-list li { display:inline !important; margin:0 1px 0 0; }
/* Advanced Search */
.advanced-search .form-list label { width:160px; padding-right:10px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range { float:left; clear:none; }
.advanced-search-amount { margin:0 0 10px; }
.advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; }
.advanced-search-summary ul { float:left; width:49%; }
.advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_search_criteria.gif) 0 3px no-repeat; }
.advanced-search-summary p { clear:both; font-weight:normal; margin:0; }
/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}
/* Sitemap */
.page-sitemap .links { text-align:right; margin:0 8px -22px 0; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .links a:hover { text-decoration:underline; }
.page-sitemap .sitemap { margin:12px; }
.page-sitemap .sitemap a { color:#1b2d3b; }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:normal; }
.page-sitemap .sitemap li.level-0 a { color:#1e7ec8; }
/* RSS */
.rss-title h1 { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; }
/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
.cart .page-title { border-bottom:0; margin:0 0 12px; }
.cart .page-title h1 { margin:0; }
.cart-table td .product-image {
text-align: center;
}
/* Checkout Types */
.cart .page-title .checkout-types li { margin:0 0 5px; }
.cart .title-buttons .checkout-types { float:right; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }
.cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; }
.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; }
/* Shopping Cart Table */
.cart-table th { padding:2px 10px; }
.cart-table td { padding:10px;vertical-align: middle;}
.cart-table .product-name { }
.cart-table .item-msg { margin:5px 0; font-size:12px; font-weight:bold; color:#df280a; }
.cart-table tfoot td { padding:20px}
.cart-table .btn-continue { float:left; }
.cart-table .btn-update,
.cart-table .btn-empty { float:right; }
.cart-table .btn-update { margin-left:10px; }
.cart-table .item-options{margin: 0;padding:5px 0 0}
.cart-table .product-name{padding-left: 20px}
.cart-table .cart-price{font-size:18px}
.cart-table input.qty{padding:5px;color: #444443;width:3em !important;background: none}
#shopping-cart-table .product-name a{font-size: 13px;text-transform: uppercase; color: #666; font-weight: bold;}
#shopping-cart-table a{ font-family: 'oswaldbook'; color: #262626; font-size: 14px;}
#shopping-cart-table .cart-price .price{ font-size: 16px; color: #ea7696;font-family: 'oswaldbook';}
.multiple-checkout{background: #fff;padding: 10px}
/* Shopping Cart Collateral boxes */
.cart .crosssell { border:1px solid #f2f2f2; padding:12px 15px; }
.cart .crosssell h2 { font-size:13px; }
.cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #f2f2f2; }
.cart .crosssell .product-details { margin-left:90px; }
.cart .crosssell .product-name { }
.cart .crosssell li.item { margin:12px 0; }
.cart .crosssell .link-compare { font-weight:normal; }
/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping { padding:15px; margin:0 0 10px;}
.cart .discount h2,
.cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:normal 14px/20px 'oswaldbook', Arial, Helvetica, sans-serif; padding:0; color:#000; text-transform: uppercase;}
.cart .discount h2 { display: none;}
.cart .discount .input-box { margin:8px 0 0; width:260px; }
.cart .discount input.input-text { width:254px;padding:7px 5px;/*box-shadow: 0px 2px 2px 0 rgba(207, 200, 200, 0.36) inset*/}
.cart .shipping h2 { }
.cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; }
/* Shopping Cart Totals */
.cart .totals { }
.cart .totals table { width:100%; background: #f78eab; font-family: 'oswaldbook'; padding: 15px 30px;}
.cart .totals td { padding:15px 30px 0px 7px; color: #fff;}
.cart .totals tr.last td {}
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td {padding-bottom:5px;text-transform: uppercase; }
.cart .totals tfoot th strong,
.cart .totals tfoot td strong { font-size:14px;color:#fff }
.cart .totals .checkout-types { font-size:13px; padding: 15px 30px; text-align:right; background: #ea7696; }
.cart .totals button.button span{ border-color: #fff; color: #fff;}
.cart .totals .checkout-types li { clear:both; margin: 0 0 10px}
.cart .totals .checkout-types a{ color: #fff;}
.discount-form label{font-weight: normal;}
/* Options Tool Tip */
.item-options dt { font-weight:normal;float: left;padding-right:5px ;padding-left: 20px}
.item-options dd { padding-left:10px; margin:0 0 5px;padding-right: 20px;}
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #f2f2f2; background-color:#f6f6f6; }
.truncated .truncated_full_value .item-options > p { font-weight:normal; text-transform:uppercase; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:15px; top:7px; }
.col-right .truncated .show .item-options { left:-240px; top:7px; }
/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods { margin:0 0 8px; }
.sp-methods dt { font-weight:normal; }
.sp-methods dd { margin-bottom: 10px;
display: inline-block;}
.sp-methods dd li { margin:5px 0; }
.sp-methods label { font-weight:normal;}
.sp-methods .price { font-weight:normal; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }
.sp-methods .release-amounts { margin:0.5em 0; }
.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; }
.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; }
/* Tooltip */
.tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; }
.tool-tip .btn-close { margin:-9px -14px 0; text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }
/* Gift Messages */
.gift-messages h3 { font-size:12px; font-weight:normal; color:#e87403; }
.gift-messages p.control { color:#8e8d8b; }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 { font-size:12px; font-weight:normal; color:#e87403; }
.gift-messages-form .whole-order { margin:0 0 25px; }
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:normal; text-align:center; color:#8a8987; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name { font-size:13px; font-weight:normal; margin:0 0 10px; }
.gift-messages-form .item .details .form-list .field { width:255px; }
.gift-messages-form .item .details .form-list .input-box { width:240px; }
.gift-messages-form .item .details .form-list input.input-text { width:234px; }
.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; }
.gift-messages-form .item .details .form-list li.wide textarea { width:494px; }
.gift-message-link { font-size:11px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; }
.gift-message-link.expanded { background-position:100% -40px; }
.gift-message-row { background:#f2efe9; }
.gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
/* Checkout Agreements */
.checkout-agreements li { margin:30px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }
.checkout-agreements .agree input.checkbox { margin-right:6px; }
.checkout-agreements .agree label { font-weight:normal; color:#666; }
.opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; }
.opc .checkout-agreements li { margin:20px 0 0; }
.opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
.opc .checkout-agreements .agree { padding-left:6px; }
/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #f2f2f2; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }
.opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; }
/* Generic Info Set */
.info-set { background:#fbfaf6 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; }
.info-set h2 { font-size:13px; font-weight:normal; margin:0 0 10px; }
.info-set h3,
.info-set h4 { font-size:13px; font-weight:normal; color:#E26703; }
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-weight:normal; }
.info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; }
.info-set h3.legend { margin:0 0 10px; color:#0a263c; }
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.info-set .box { margin:0 0 15px; }
.info-set .box h2 { color:#e26703; }
.info-set .data-table .product-name { font-size:1em !important; font-weight:normal !important; color:#1e7ec8 !important; }
.info-set .data-table .product-name a { font-weight:normal !important; }
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */
/* One Page Checkout */
.checkout-onepage-index .page-title{ display: none;}
.block-progress { border:0; margin:0; }
.block-progress .block-title { background: #2f2f2f;}
.block-progress .block-title strong { color: #fff;font-size: 16px; background: none; padding: 15px 20px;}
.block-progress .block-content{ background: #eeeeee}
.block-progress dt { font-weight:normal; line-height:30px;padding:8px 20px;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_layed.png) no-repeat 0 20px;;border-bottom: 1px solid #d6d6d6;font-family: 'oswaldbook'; font-size: 13px; text-transform: uppercase; color: #313131; margin-left: 20px;}
.block-progress #payment-progress-opcheckout dt{ border: 0;}
.block-progress .block-content dl { margin: 0;}
.block-progress dd { background:#fff; border:1px solid #f2f2f2; border-top:0; padding:8px 13px; margin:0 0 6px; }
.block-progress dt.complete { margin:0; background:#f2f2f2; color:#333; }
.block-progress dd.complete {}
.block-progress p { margin:0; }
.block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; }
.block-progress .cards-list dd { border:0 none; margin:0; padding:0; }
.block-progress .cards-list .info-table th { font-weight:normal; }
/* show/hide "change" link for progress step depend on complete status
* should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator { display: inline; }
.opc-block-progress dt a,
.opc-block-progress dt .separator { display: none; }
.opc .buttons-set { margin-top:0; padding-top:2em; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; display: none}
.opc .buttons-set .back-link small { display:none; }
.opc .buttons-set .back-link a { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .ul { list-style:disc outside;line-height: 25px }
.opc { position:relative; }
.opc #opc-login{}
.opc #opc-login .step-title{ background: #ea7696;}
.opc li.section { margin-bottom:13px;border: 1px solid #efefef;}
.opc li.section.active {background: #fff;margin-bottom:30px}
.opc .step-title {
padding:14px 0; text-align:right;position: relative; padding-left:52px;background: #fff;}
.opc .step-title .number {font: normal 16px/20px 'oswaldbook', helvetica, sans-serif;color: #fff; position: absolute;left:20px;top:8px;width:29px;height:29px;line-height:29px;text-align: center; background:#ea7696;border-radius: 100%}
.opc .step-title h2 { float:left; margin:0; font:normal 14px/20px 'oswaldbook', Helvetica, sans-serif;text-transform: uppercase; padding-left: 10px;}
.opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; }
.opc li.section input.radio { float: left;}
.opc .allow .step-title { }
.opc .allow .step-title .number { }
.opc .allow .step-title h2 { color:#999; }
/*.opc .allow .step-title a { display:block; }*/
.opc .active .step-title { color:#333; cursor:default; }
.opc .active .step-title .number {color:#fff;background-color:#f78eab}
.opc .active .step-title h2 { color:#fff }
/*.opc .active .step-title a { display:none; }*/
.opc .step { border-top:1px solid #f2f2f2; padding:15px; position:relative; }
.opc .step .tool-tip { right:30px; }
#opc-login .buttons-set { border-top:0; }
#opc-login h3 { font-size:16px; border-bottom:2px solid #000; padding-bottom:10px;text-transform: uppercase; color: #262626; margin-bottom: 15px;}
#opc-login h4 { font-weight:normal; margin:0 0 10px; color:#444444; }
#opc-login p{color: #444444}
#login-form p{color:#888888}
#opc-shipping_method .buttons-set { border-top:0; }
.opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; }
#opc-review .buttons-set p { margin:0; line-height:40px; }
#opc-review .buttons-set .please-wait { height:40px; line-height:40px; }
#opc-review .authentication { margin:0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight:normal; text-align:center; padding:10px 10px 0; }
#opc-review .order-review { padding: 10px;}
/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; margin:0 0 20px; }
.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:normal; text-align:center; color:#abb5ba;font-size: 12px }
.checkout-progress li.active { border-top-color:#ea7696; color:#ea7696; }
.multiple-checkout h2 { font-size:13px; font-weight:normal; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { font-size:13px; font-weight:normal; color:#444443 }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { font-weight:normal; }
.multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:normal !important; color:#1e7ec8 !important; }
.multiple-checkout .data-table .product-name a { font-weight:normal !important;font-family: arial }
.multiple-checkout .data-table .item-options { margin:5px 0 0; }
.multiple-checkout .gift-messages { margin:15px 0 0; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; }
.multiple-checkout .col2-set,
.multiple-checkout .col3-set { border:1px solid #ededed; margin:0 0 25px; padding:20px; }
.multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; border-bottom:1px solid #ededed; position:relative; }
.multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; }
.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { margin:0 0 15px; }
.multiple-checkout .box h2 { color:#444443 }
.multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; font-size:1.3em; padding:20px; overflow:hidden; border: 1px solid #eee;text-transform: uppercase;}
.multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:0; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; }
.multiple-checkout .place-order .grand-total .price { color:#E26703; }
.multiple-checkout .place-order .grand-total button.button span { font-size:16px; }
.multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; }
/* Step 1 */
.multiple-checkout .title-buttons button.button span { }
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:10px; }
#multiship-addresses-table tfoot button.button span { }
#multiship-addresses-table .btn-remove2{margin: 0}
/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; }
.checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; }
/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }
/* ======================================================================================= */
/* Account Login/Create Pages ============================================================ */
.account-login .content { min-height:310px; padding:14px 21px; border:1px solid #f2f2f2; border-bottom:0; }
.account-login .content h2 { font-weight:normal; font-size:13px; margin:0 0 14px; padding:0 0 5px 2px; border-bottom:1px solid #f2f2f2; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#444443 }
.account-login .buttons-set { border:1px solid #f2f2f2; margin:0; padding:8px 13px; }
.account-create {}
/* Captcha ================================================================================ */
.captcha-note { clear:left; padding-top:5px; }
.captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; }
.captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; }
.registered-users .captcha-image { margin:0;}
.captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;}
.captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; }
@-webkit-keyframes rotate {
0% { -webkit-transform:rotate(0); }
0% { -webkit-transform:rotate(-360deg); }
}
@-moz-keyframes rotate {
0% { -moz-transform:rotate(0); }
0% { -moz-transform:rotate(-360deg); }
}
@keyframes rotate {
0% { transform:rotate(0); }
0% { transform:rotate(-360deg); }
}
/* Remember Me Popup ===================================================================== */
.window-overlay { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; }
.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; }
.remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body { padding:10px; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:normal 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }
/* Remember Me Popup ===================================================================== */
/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }
/********** < Dashboard */
.dashboard .welcome-msg { padding: 0;line-height: 30px }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }
/* General Box */
.box-account { padding:15px; margin: 0 0 20px; }
.box-account .box-head { border-bottom:1px solid #f2f2f2; margin:0 0 10px; text-align:right; }
.box-account .box-head h2 { float:left; margin:0; font-size:17px; font-weight:normal;background-position:0 0; background-repeat:no-repeat; color:#333; }
.dashboard .box .box-title { padding:0 0 2px; margin:0 0 8px; text-align:right; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; font-size:17px; font-weight:normal; margin:0; }
/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 { }
/* Block: Account Information */
.dashboard .box-info .box-head h2 { }
.dashboard .box-info h4 { font-size:14px; font-weight:bold; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
/* Block: Reviews */
.dashboard .box-reviews .box-head h2 { }
.dashboard .box-reviews .number { float:left; font-size:10px; font-weight:normal; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-reviews .details { margin-left:20px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:7px 0 0; }
/* Block: Tags */
.dashboard .box-tags .box-head h2 { }
.dashboard .box-tags .number { float:left; font-size:10px; font-weight:normal; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#333; }
.dashboard .box-tags .details { margin-left:20px; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */
/* Address Book */
.addresses-list h2 { font-weight:normal; font-size:13px; color:#333; text-transform:uppercase; }
.addresses-list h3 { font-weight:normal; font-size:13px; }
.addresses-list address { margin:0 0 3px; }
.addresses-list p { margin:0; }
.addresses-list a { font-weight:normal; }
.addresses-list .link-remove { color:#646464; }
.addresses-list .separator { margin:0 3px; }
.addresses-list li.item { padding:10px 13px; margin:0 0 10px; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { font-weight:normal; }
.addresses-list .addresses-additional li.item { border:0; padding:0; padding: 10px !important;}
/* Order View */
.order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info .current { font-weight:normal; }
.order-info li { margin:0 3px; }
.order-date { margin:10px 0; }
.order-info-box { background:#fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; }
.order-info-box h2 { font-weight:normal; font-size:13px; }
.order-info-box h2.sales { font-weight:bold; font-size:13px; }
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:normal; padding-right:7px; }
.order-items { width:100%; overflow-x:auto; }
.order-items h2,
.order-items h3 { clear:none; font-weight:normal;font-size:13px; padding:0; margin:0 0 5px;color:#0a263c;}
.order-items .product-name { font-size:1em !important; font-weight:normal !important; }
.order-items .link-print { color:#1e7ec8; font-weight:normal; }
.order-items .order-links { text-align:right; }
.order-items h2.table-caption{ font-size: 20px; color:#c00; text-transform: uppercase;border-bottom: 1px solid #eee; }
.order-additional { margin:15px 0; }
/* Order Gift Message */
.gift-message dt strong { color:#666; }
.gift-message dd { font-size:13px; margin:5px 0 0; }
/* Order Comments */
.order-about dt { font-weight:normal; }
.order-about dd { font-size:13px; margin:0 0 7px; }
.tracking-table { margin:0 0 15px; }
.tracking-table th { font-weight:normal; white-space:nowrap; }
.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:normal; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }
/* Order Print Pages */
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size:16px; font-weight:normal; }
.page-print h2,
.page-print h3 { font-size:13px; font-weight:normal; }
.page-print h2.h2 { font-size:16px; font-weight:normal; }
.page-print .order-date { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* My Wishlist */
.my-wishlist .data-table td { padding:10px; }
.my-wishlist .product-image { }
.my-wishlist textarea { display:block; width:97%; height: 90px; }
.my-wishlist .buttons-set { margin-top:2em; }
.my-wishlist .buttons-set button.button { float:none; }
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span { }
#wishlist-table .add-to-links { white-space:nowrap; }
#wishlist-table .cart-cell button.btn-cart { margin: 10px 0;}
/* My Tags */
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px;width: 30% }
#my-tags-table .add-to-links { white-space:nowrap; }
/* My Reviews */
#my-reviews-table td { padding:10px; }
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { font-size:11px; margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { font-size:16px; font-weight:normal; margin:0 0 10px; }
.product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; }
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:normal; }
.product-review dd { font-size:13px; margin:5px 0 0; }
/* Billing Agreements */
.billing-agreements .info-box{ margin:15px 0; }
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
.billing-agreements .table-caption { font-weight:normal; font-size:13px; }
/* ======================================================================================= */
/* MAP Popup============================================================================== */
.cart-msrp-totals { color:red; font-size:12px !important; font-weight:normal; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:normal; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; }
.map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; }
.map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; }
.map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; padding-right:30px; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #f2f2f2; }
/* ======================================================================================= */
/* ==============================home-block-bottom========================================================= */
.home-block-bottom .block_end_bottom{ margin: 20px 0; display: inline-block;}
.media, .media-body{ display: inline-block;}
.home-block-bottom .box-col{ float: left; border: 1px solid #e5e5e5; padding: 45px 37px; color: #777; }
.home-block-bottom .box-col1,
.home-block-bottom .box-col2,
.home-block-bottom .box-col3{ border-right: 0;}
.home-block-bottom .box-col .pull-left .fa{ font-size: 60px; color: #222; padding-right: 10px;}
.home-block-bottom .box-col h3{ color: #000; text-transform: uppercase; padding-top: 6px;}
.home-block-bottom .box-col:hover{ background: #ea7696; color: #fff;}
.home-block-bottom .box-col:hover .pull-left .fa,
.home-block-bottom .box-col:hover h3{ color: #fff;}
/* ==============================Endhome-block-bottom========================================================= */
.footer-static-title {}
.footer-static-content p{margin: 0;padding: 20px 50px 0 0}
.footer-static-content ul li a {line-height: 35px;padding-left:10px;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/icon-footer.png) no-repeat 0 9px; color: black; }
.footer-static-content ul li a:hover{background-position: 0px -40px;padding-left: 25px; color: #ea7696}
.footer-static-content ul li .fa{ float: left; font-size: 16px; color: #7b7b7b; margin-right: 15px; padding-left:5px; height: 34px; width: 32px; line-height: 32px; text-align: center; border: 2px solid #7b7b7b;}
.f-col-7 .footer-static-content ul li{ clear: both; display: inline-block; padding-bottom: 15px; margin-bottom: 15px; padding-left: 10px}
.f-col-7 .footer-static-content ul li span{ font-family: 'OpenSansBold';color: #444; font-size: 13px; padding-right: 5px;}
ul.link-follow a{
position: relative;
display: block;
height:37px;
line-height:37px;
width:37px;
text-align: center;
background:#4c4c4c;
color:#fff;
font-size:16px;
padding: 0;
border-radius: 100%;
}
ul.link-follow{float: right;}
ul.link-follow li{float: left;margin-right:8px;}
ul.link-follow li.last{margin: 0}
ul.link-follow li a span{
min-width :70px;
height : auto;
line-height : 20px;
padding :1px 5px;
left : 50%;
margin-left :-40px;
text-transform: capitalize;
font-size : 12px;
color :#fff;
font-weight : normal;
text-align : center;
background : #ea7696;
text-indent : 0px;
position : absolute;
pointer-events: none;
bottom :40px;
font-family : Corbel;
}
ul.link-follow li a span:before,
ul.link-follow li a span:after{
content : '';
position : absolute;
bottom : -5px;
left : 50%;
width : 0;
height : 0;
border-left : 5px solid transparent;
border-right: 5px solid transparent;
border-top : 5px solid rgba(0,0,0,0.1);
}
ul.link-follow li a span:after{
bottom: -5px;
border-top: 5px solid #ea7696;
}
ul.link-follow li a:hover span{
bottom:50px;
}
ul.link-follow a.dribbble:hover{background:#f54f91}
ul.link-follow a.facebook:hover{background:#3c5b9b}
ul.link-follow a.google:hover{background:#de4d38}
ul.link-follow a.twitter:hover{background:#56d7ff}
ul.link-follow a.youtube:hover{background:#e21a2b}
/* Footer ================================================================================ */
.ma-footer-static .footer-static .container{ background: #222222;}
.ma-footer-static .footer-static .container .container-inner{ padding: 40px 0 50px;}
.ma-footer-static .footer-static .footer-static-title{padding-bottom: 0px;}
.ma-footer-static .footer-static .footer-static-title h3{ text-transform: uppercase; font-size: 16px; color: black;font-weight: bold;}
.footer .container { margin:0 auto; background: #2f2f2f;}
.footer .container .container-inner{ padding:35px 0;}
.footer .footer-inner{padding:35px 0;}
.footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; }
.footer .store-switcher label { font-weight:normal; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }
.footer .bugs { margin:13px 0 0; color:#ecf3f6; }
.footer .bugs a { color:#ecf3f6; text-decoration:underline; }
.footer .bugs a:hover { text-decoration:none; }
.footer address { margin:0 ;clear: both; padding-top: 5px; }
.footer address a:hover{color:#ea7696; }
.footer ul.links{ text-align: left;}
.footer ul.links li{ text-transform: uppercase;}
.footer ul.links li a{ font-family: 'oswaldbook'; font-size: 12px; text-transform: uppercase; color: #fff; background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_footer_links.png) right center no-repeat; padding-right: 10px; margin-right: 5px;}
.footer ul.links li a:hover{ color: #ea7696;}
.footer ul.links li.last a{ background: none;}
.footer ul { text-align: right;}
.footer li {display: inline}
.footer-container .bottom-container { margin:0 0 5px; }
.footer .links-company li a{border-right: 1px solid #898989;display: inline-block;line-height: 13px;padding: 0 5px;color:#898989}
.footer .links-company li.last a{border: none}
.footer .links-company li.first a{padding-left: 0}
.footer .links-company li a:hover{color: #ea7696}
.left-footer .store-switcher{ display: none;}
.footer ul.payment {display: inline-block; float: right; }
/* ======================================================================================= */
/* Sample Data============================================================================ */
.home-callout { margin-bottom:12px; }
.home-callout img { display:block }
.home-spot { float:left; width:470px; margin-left:20px; }
.best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; }
.best-selling table { border-top:1px solid #ccc; }
.best-selling tr.odd { background:#eee url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; }
.best-selling tr.even { background:#fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; }
.best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; }
.best-selling .product-img { float:left; border:2px solid #dcdcdc; }
.best-selling .product-description { margin-left:107px; line-height:1.3em; }
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover { color:#203548; }
/* ======================================================================================= */
.clear{clear: both;}
/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.order-pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */
.pt_custommenu {
position:relative;
z-index:1000;
font-size: 14px;
margin: 0 auto;
width: 100%;
margin-top: 10px;
margin-bottom:0px;
}
.pt_custommenu div.pt_menu {
float: left;
}
.pt_custommenu_content{ background: #0a0a0a;}
.pt_custommenu div.pt_menu {
float: left;
}
.pt_custommenu .pt_custommenu_content .parentMenu{ position: relative;}
.pt_custommenu .pt_custommenu_content .parentMenu span.hot{
position: absolute;
color: #fff;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/hot_menu.png) no-repeat center center;
width: 35px;
height: 23px;
line-height: 20px;
top: -10px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-family: 'oswaldbook';
right: 0;
pointer-events:none;
}
.pt_custommenu .pt_custommenu_content .parentMenu span.new{
position: absolute;
color: #fff;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/new_menu.png) no-repeat center center;
width: 35px;
height: 23px;
line-height: 20px;
top: -10px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-family: 'oswaldbook';
right: 0;
border-radius: 0;
pointer-events:none;
}
#custom-menu-block{
width: 1170px;
padding: 0 30px;
padding-top: 10px;
padding-bottom: 45px;
float: left;
}
#custom-menu-block .left-content{ width: 605px; margin-right: 30px; margin-top: 30px;}
#custom-menu-block .left-content h2{
font-family: 'oswaldbook';
font-size: 18px;
color: #6b899e;
padding-bottom: 5px;
padding-top:5px;
}
#custom-menu-block .left-content p{ color: #666; font-family: 'roboto_slabregular'; font-size: 13px; padding-bottom: 15px;}
.pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title{
padding:14px 20px;
text-decoration: none;
display:block;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
font-family: 'oswaldbook';
color: #fff;
}
.pt_custommenu #pt_menu_link .parentMenu ul li a,
.pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title{
padding:10px 25px;
text-decoration: none;
display:block;
line-height: 32px;
text-transform: uppercase;
font-size: 15px;
font-family: 'oswaldbook';
color: #fff;
border-left: 1px solid #464646;
}
.pt_custommenu #pt_menu_home .parentMenu a{ border-left: 0;}
.pt_custommenu div.pt_menu .parentMenu a:hover,
.pt_custommenu div.pt_menu.act a,
.pt_custommenu div.pt_menu.active .parentMenu a,
.pt_custommenu #pt_menu_pt_item_menu_custom_menu.active span
{
}
#pt_menu_pt_item_menu_custom_menu.active .parentMenu span,
#pt_menu_pt_item_menu_featured_custom.active .parentMenu span
{cursor: pointer;
color:#ffa200;
}
.pt_custommenu div.pt_menu.active {
background: #000000;}
.pt_custommenu div.pt_menu.act .itemSubMenu .itemMenuName:hover{color:#f45556;}
.pt_custommenu div.pt_menu.act .itemSubMenu .itemMenuName{color: #aaaaaa;}
.pt_custommenu div.pt_menu.act .itemMenu .itemMenuName
#pt_menu_home a{padding-left: 0}
.pt_custommenu div.pt_menu.active {
}
#block2_pt_item_menu_featured_custom{margin: 0}
#popup_pt_item_menu_featured_custom{width: 1140px !important ;left: 0 !important }
.pt_custommenu div.popup {
position:absolute;
z-index:3000;
background-color:#fff;
text-align:left;
width: 904px;
padding: 0;
margin: 0;
border: 1px solid #eeeeee;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
border-top: none;
}
.pt_custommenu div.pt_menu .parentMenu a:hover,
.pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
.pt_custommenu #pt_menu_link ul li a.act,
.pt_custommenu #pt_menu_link ul li a:hover,
.pt_custommenu div.pt_menu.act {
background: #646464;
}
.pt_custommenu div.popup a {
text-decoration: none;
display:block;
line-height:25px;
}
.pt_custommenu .itemMenu h4.level1,
.pt_custommenu .itemMenu a.level1{
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
color: #666666 !important;
}
.pt_custommenu .itemMenu h4.level1:hover,
.pt_custommenu .itemMenu a.level1:hover {
color:#f45556 !important;
/* text-decoration: underline;*/
}
.pt_custommenu .itemSubMenu h4.level2,
.pt_custommenu .itemSubMenu a.level2,
.pt_custommenu .itemSubMenu h4.level3,
.pt_custommenu .itemSubMenu a.level3,
.pt_custommenu .itemMenu a.level1.nochild{
text-transform: none;
font-weight: normal;
font-size: 13px;
color: #aaaaaa;
/*background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/black-dot.png) no-repeat 0 11px;*/
}
.pt_custommenu .itemSubMenu a.level2:hover,
.pt_custommenu .itemMenu a.level1.nochild:hover{
color: #f45556;
/*background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/black-dot2.png) no-repeat 5px 11px;*/
/*text-decoration: underline;*/
}
.pt_custommenu div.popup a.actParent {
color: #000;
}
.pt_custommenu div.popup a.act {
color:#f45556 !important;
/* text-decoration: underline;*/
}
.pt_custommenu div.column {
float:left;
width:200px; /* column width */
margin-right:20px;
}
.pt_custommenu div.column.last {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
.pt_custommenu div.itemSubMenu {
padding: 5px 0 0
}
.pt_custommenu .block2{
margin-top: 10px;
float: left;
}
.pt_custommenu div.popup .block1{
overflow: hidden;
float: left;
padding: 30px;
}
.pt_custommenu div.popup .block1 .column{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.pt_custommenu div.popup .blockright img{
max-width: 100%;
}
.pt_custommenu div.pt_menu .parentMenu p{
margin: 0;
padding: 0;
}
.pt_custommenu #pt_menu_link{
padding: 0;
}
.pt_custommenu #pt_menu_link .parentMenu ul li{
float: left;
list-style: none;
}
.pt_custommenu #pt_menu_link .parentMenu ul li a{
}
.pt_custommenu .clearBoth {
clear:both;
}
div.custom-menu-bottom{padding:0 30px 30px 30px}
/*====ma-banner7=================*/
/* Browser Resets */
/* FlexSlider Default Theme
*********************************/
.ma-banner7-container .flexslider {padding: 0; position: relative; zoom: 1;}
.ma-banner7-container .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.ma-banner7-container .loading .flex-viewport {max-height: 300px;}
.ma-banner7-container .flexslider .slides {zoom: 1;}
.ma-banner7-container .carousel li {margin-right: 5px}
/* Direction Nav */
.ma-banner7-container .flex-direction-nav {*height: 0;}
.ma-banner7-container .flex-direction-nav a,
.nivo-directionNav a ,
#sequence-theme .controls a
{
width:59px; height:52px; margin: -15px 0 0; display: block; background: #262626 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn_slider.png) no-repeat 100% 0; position: absolute; bottom:0%; cursor: pointer; text-indent: -9999px; z-index: 9;
}
#sequence-theme .controls a:hover,.nivo-directionNav a:hover{background-position: 100% 100%;background-color:#ea7696}
.ma-banner7-container .flex-direction-nav .flex-next,
.nivo-directionNav a.nivo-nextNav { right:0; border-left: 1px solid #3c3c3c;}
.ma-banner7-container .flex-direction-nav .flex-prev,
.nivo-directionNav a.nivo-prevNav { right:59px;background-position:0 0;}
#sequence-theme .controls a.sequence-prev:hover,.nivo-directionNav a.nivo-prevNav:hover{background-position: 0 100%}
#sequence-theme .controls a.sequence-prev { left:0;background-position:0 0; }
.ma-banner7-container .flexslider:hover .flex-next:hover, .ma-banner7-container .flexslider:hover .flex-prev:hover {opacity: 1;}
.ma-banner7-container .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.ma-banner7-container .flex-control-nav,
.nivo-controlNav {position: absolute; bottom:10px; text-align: center;right:0;left: 0}
.ma-banner7-container .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.ma-banner7-container .flex-control-paging li a:hover,
.ma-banner7-container .flex-control-paging li a.flex-active,
.nivo-controlNav a:hover,
.nivo-controlNav a.active {cursor: pointer; width: 12px;line-height: 12px;height: 12px}
.ma-banner7-container .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.ma-banner7-container .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.ma-banner7-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.ma-banner7-container .flex-control-thumbs img:hover {opacity: 1;}
.ma-banner7-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.ma-nivoslider {
overflow: hidden;
}
.nivoslider {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
}
.nivoslider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.nivo-controlNav {
text-align: center;
}
.nivo-controlNav a {
border: 0 none;
display: inline-block;
height:8px;
margin: 0 3px;
text-indent: -9999px;
width:8px;
line-height: 8px;
cursor: pointer;
position: relative;
z-index: 9;
background: #fff;
border-radius: 100%
}
.banner7-caption {
position: absolute;
left:0;
top:0;
width: 100%;
background: none;
color: #fff;
font-size: 16px;
z-index: 999;
}
.bannerSlideshow3{
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.bannerSlideshow3 h2{
background-color: rgba(61, 70, 90, 0.4);
color: #ffffff;
font-family: "Ubuntu",sans-serif;
font-size: 30px;
letter-spacing: 10px;
line-height: 30px;
padding: 10px 20px;
text-transform: uppercase;
display:inline-block;
clear:both;
margin-bottom: 15px;
font-weight:bold;
}
.bannerSlideshow3 p{
background-color: rgba(61, 70, 90, 0.4);
clear: both;
color: #ffffff;
display: inline-block;
font-family: "Ubuntu",sans-serif;
margin-bottom: 15px;
padding: 10px;
}
.bannerSlideshow1 .sea-more a,
.bannerSlideshow2 .sea-more a,
.bannerSlideshow3 .sea-more a{
border: 2px solid #262626;
color: #fff;
background: #262626;
display: inline-block;
font-family: "Ubuntu",sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 35px;
margin-top: 7px;
padding: 0 20px 0 15px;
text-transform: uppercase;
}
.bannerSlideshow1 .sea-more a:after,
.bannerSlideshow2 .sea-more a:after,
.bannerSlideshow3 .sea-more a:after{
content:"\f0da";
font-family: fontawesome;
font-size: 14px;
margin-left:15px;
}
.bannerSlideshow1 .sea-more a:hover,
.bannerSlideshow2 .sea-more a:hover,
.bannerSlideshow3 .sea-more a:hover{
border: 2px solid #ea7696;
background:#ea7696;
color:#fff;
}
.bannerSlideshow3 h2 strong{
color:#ea7696;
}
.bannerSlideshow1{
left: 60%;
position: absolute;
right: 4%;
text-align: right;
top:0;
padding-top:30px;
}
.bannerSlideshow2 h2.title1,
.bannerSlideshow1 h2.title1{
background-color: #ea7696;
clear: both;
color: #ffffff;
display: inline-block;
margin-bottom: 15px;
padding: 5px 20px;
font-size: 28px;
text-transform: uppercase;
}
.bannerSlideshow1 ul ,
.bannerSlideshow2 ul {overflow:hidden;margin:0;}
.bannerSlideshow1 ul li,
.bannerSlideshow2 ul li{
background-color: #424242;
opacity: 0.5;
clear: both;
color: #fff;
display:block;
float:right;
margin-bottom: 6px;
padding: 10px;
font-size:16px;
font-weight: normal;
}
.bannerSlideshow1 ul li:before{
font-family: fontawesome;
margin-right: 10px;
}
.bannerSlideshow1 ul li.item1:before{content: "\f0c3";}
.bannerSlideshow1 ul li.item2:before{content: "\f10b";}
.bannerSlideshow1 ul li.item3:before{content: "\f085";}
.bannerSlideshow1 ul li.item4:before{content: "\f13c";}
.bannerSlideshow2 ul li{
float:right;
}
.bannerSlideshow2{
left: 0;
position: absolute;
right: 6%;
text-align: right;
top:0;
padding-top:30px;
}
.bannerSlideshow1 h2.title1{
-webkit-animation: fadeInRight 300ms ease-in-out;
-moz-animation: fadeInRight 300ms ease-in-out;
-ms-animation: fadeInRight 300ms ease-in-out;
animation: fadeInRight 300ms ease-in-out;
}
.bannerSlideshow1 ul li.item1{
-webkit-animation: bounceInRight 600ms ease-in-out;
-moz-animation: bounceInRight 600ms ease-in-out;
-ms-animation: bounceInRight 600ms ease-in-out;
animation: bounceInRight 600ms ease-in-out;
}
.bannerSlideshow1 ul li.item2{
-webkit-animation: bounceInRight 900ms ease-in-out;
-moz-animation: bounceInRight 900ms ease-in-out;
-ms-animation: bounceInRight 900ms ease-in-out;
animation: bounceInRight 900ms ease-in-out;
}
.bannerSlideshow1 ul li.item3{
-webkit-animation: bounceInRight 1200ms ease-in-out;
-moz-animation: bounceInRight 1200ms ease-in-out;
-ms-animation: bounceInRight 1200ms ease-in-out;
animation: bounceInRight 1200ms ease-in-out;
}
.bannerSlideshow1 ul li.item4{
-webkit-animation: bounceInRight 1500ms ease-in-out;
-moz-animation: bounceInRight 1500ms ease-in-out;
-ms-animation: bounceInRight 1500ms ease-in-out;
animation: bounceInRight 1500ms ease-in-out;
}
.bannerSlideshow1 div.sea-more{
-webkit-animation: bounceInRight 1800ms ease-in-out;
-moz-animation: bounceInRight 1800ms ease-in-out;
-ms-animation: bounceInRight 1800ms ease-in-out;
animation: bounceInRight 1800ms ease-in-out;
}
/* ###################### */
.bannerSlideshow2 h2.title1{
-webkit-animation: bounceInDown 500ms ease-in-out;
-moz-animation: bounceInDown 500ms ease-in-out;
-ms-animation: bounceInDown 500ms ease-in-out;
animation: bounceInDown 500ms ease-in-out;
}
.bannerSlideshow2 ul li.item1{
-webkit-animation: bounceInDown 800ms ease-in-out;
-moz-animation: bounceInDown 800ms ease-in-out;
-ms-animation: bounceInDown 800ms ease-in-out;
animation: bounceInDown 800ms ease-in-out;
}
.bannerSlideshow2 ul li.item2{
-webkit-animation: bounceInDown 1100ms ease-in-out;
-moz-animation: bounceInDown 1100ms ease-in-out;
-ms-animation: bounceInDown 1100ms ease-in-out;
animation: bounceInDown 1100ms ease-in-out;
}
.bannerSlideshow2 ul li.item3{
-webkit-animation: bounceInDown 1400ms ease-in-out;
-moz-animation: bounceInDown 1400ms ease-in-out;
-ms-animation: bounceInDown 1400ms ease-in-out;
animation: bounceInDown 1400ms ease-in-out;
}
.bannerSlideshow2 ul li.item4{
-webkit-animation: bounceInDown 1700ms ease-in-out;
-moz-animation: bounceInDown 1700ms ease-in-out;
-ms-animation: bounceInDown 1700ms ease-in-out;
animation: bounceInDown 1700ms ease-in-out;
}
.bannerSlideshow2 div.sea-more{
-webkit-animation: bounceInDown 2000ms ease-in-out;
-moz-animation: bounceInDown 2000ms ease-in-out;
-ms-animation: bounceInDown 2000ms ease-in-out;
animation: bounceInDown 2000ms ease-in-out;
}
/* #################### */
.bannerSlideshow3 h2{
-webkit-animation: rollIn 200ms ease-in-out;
-moz-animation: rollIn 200ms ease-in-out;
-ms-animation: rollIn 200ms ease-in-out;
animation: rollIn 200ms ease-in-out;
}
.bannerSlideshow3 p{
-webkit-animation: rollIn 600ms ease-in-out;
-moz-animation: rollIn 600ms ease-in-out;
-ms-animation: rollIn 600ms ease-in-out;
animation: rollIn 600ms ease-in-out;
}
.bannerSlideshow3 a.title{
-webkit-animation: rollIn 1000ms ease-in-out;
-moz-animation: rollIn 1000ms ease-in-out;
-ms-animation: rollIn 1000ms ease-in-out;
animation: rollIn 1000ms ease-in-out;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
.nivo-caption {
position:absolute;
left:0;
top:0;
color:#fff;
width:100%;
z-index:8;
}
.nivo-html-caption {
display: none;
}
/*====end-ma-banner7=================*/
/*=================leftmegamenu============================*/
.megamenu-title{background-color:#395562;padding-left: 40px}
.megamenu-title h2{margin: 0;color: #fff;font: 20px/25px 'oswaldbook',arial;text-transform: uppercase;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg_category.png) no-repeat 0 53%;padding:15px 10px 15px 30px}
.pt_vmegamenu {;
z-index: 1000;
background-color:#ea7696;
position: absolute;
width: 100%;
font-family: 'oswaldbook';
top: 10px;
}
.more-wrap .parentMenu a{ background: #f78eab !important; cursor: pointer;}
.more-wrap .parentMenu a .fa{ margin-right: 10px; font-size: 16px; margin-left: 4px;}
.pt_vmegamenu .parentMenu{border-bottom: 1px solid #c76480;}
.pt_vmegamenu .last .parentMenu{background: none}
.pt_vmegamenu div.pt_menu {
padding: 0px;
/*width: 195px;*/
position: relative;
}
.navleft-container #pt_vmegamenu .category-vmega_toggle .extra_menu{
display:none;
}
.pt_vmegamenu div.popup {
padding:2px 0 2px 40px;
display: none;
position: absolute;
left:63px !important;
top:-2px !important;
text-align: left;
width: auto !important;
z-index: 3000;
}
.box-popup {
background: #393939;
padding:32px 30px;
margin: 0 0 0 -10px;
float: left;
}
.arrow-left-menu{
}
/*.pt_vmegamenu div.pt_menu .parentMenu{*/
/* width:100%;*/
/*}*/
.category-vmega-menu{ background: #f78eab url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_category.png) no-repeat 92% center ; font-size: 16px; text-transform: uppercase; color: #fff; width: 100%; padding: 16px 20px; cursor: pointer;}
.category-vmega-menu .fa{ font-size: 16px; color: #fff; margin-right: 15px;}
.pt_vmegamenu div.pt_menu .parentMenu a,
.pt_vmegamenu div.pt_menu .parentMenu span.block-title{
text-decoration: none;
display:block;
line-height:16px;
padding: 15px 20px 16px 20px;
color: #fff;
background: #ea7696 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-left-menu.png) no-repeat 92% 50%;
text-transform: uppercase;
word-wrap: break-word;
font-size: 12px;
font-family: 'oswaldbook';
}
.pt_vmegamenu div.pt_menu .parentMenu a span img{ margin-right: 15px;}
.pt_vmegamenu div.pt_menu .noSubMenu a, .pt_vmegamenu div.pt_menu .noSubMenu span.block-title{background-image: none}
.pt_vmegamenu div.pt_menu .parentMenu span.block-title:hover, .pt_vmegamenu div.pt_menu .parentMenu a:hover{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-left-menu.png) no-repeat 92% 50%;
}
.pt_vmegamenu #pt_menu_link ul li a.act,
.pt_vmegamenu #pt_menu_link ul li a:hover,
.pt_vmegamenu div.pt_menu.act .parentMenu a,
.pt_vmegamenu div.pt_menu.active .parentMenu a
{
background: #393939 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-left-menu.png) no-repeat 92% 50% ;
}
.pt_vmegamenu div.pt_menu .parentMenu.noSubMenu a:hover,
.pt_vmegamenu div.pt_menu .parentMenu.noSubMenu span.block-title:hover,
.pt_vmegamenu div.pt_menu.act .parentMenu.noSubMenu a
{
background-image: none
}
.custom-menu-right { float: left; margin: 0;}
.pt_vmegamenu .column.blockright { width: 150px !important; }
.menu-right-title {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-bottom1-title.png") repeat-x left bottom;
float: left;
margin: 0 0 20px 0;
width: 100%;
}
.menu-right-title h2 {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-f-title6.png") no-repeat scroll left bottom;
color: #777777;
font-family: 'titilliumwebsemibold';
font-size: 16px;
margin: 0;
padding: 0 0 8px;
text-transform: uppercase;
}
.menu-right-images { float: left;}
.m-images { float: left;}
.m-images.col1 { margin:20px 0 0;}
.pt_vmegamenu div.pt_menu.last .parentMenu.noSubMenu{
border: 0;
}
/*.pt_vmegamenu div.pt_menu:hover,.pt_vmegamenu div.pt_menu .active{*/
/* width: 400px;*/
/*}*/
.navleft-container { position: relative; z-index:100; float: left; width: 100%;margin: 0 0 20px}
.cms-index-index .navleft-container{margin: 0 0 50px}
.pt_vmegamenu div.popup a {
text-decoration: none;
display:block;
}
.pt_vmegamenu .itemMenu h4.level1,
.pt_vmegamenu .itemMenu a.level1{
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-transform: capitalize;
width: 100%;
font-family: 'oswaldbook';
border-bottom: 2px solid #4d4d4d;
padding-bottom: 15px
}
.pt_vmegamenu .itemMenu h4.level1,
.pt_vmegamenu .itemSubMenu h4.level2 span{
color: #897725;
}
.pt_vmegamenu .itemMenu h4.level1:hover, .pt_vmegamenu .itemMenu a.level1:hover{
}
.pt_vmegamenu .itemSubMenu h4.level2,
.pt_vmegamenu .itemSubMenu a.level2,
.pt_vmegamenu .itemSubMenu h4.level3,
.pt_vmegamenu .itemSubMenu a.level3,
.pt_vmegamenu .itemMenu a.level1.nochild{
color:#adadad;
text-transform: none;
font-weight: normal;
line-height: 28px;
font-size: 13px;
text-transform: capitalize;
font-family: 'OpenSansRegular';
padding-left: 13px
}
.pt_vmegamenu .itemSubMenu h4.level2:hover,
.pt_vmegamenu .itemSubMenu a.level2:hover,
.pt_vmegamenu .itemSubMenu h4.level3:hover,
.pt_vmegamenu .itemSubMenu a.level3:hover,
.pt_vmegamenu .itemMenu a.level1.nochild:hover{
color:#ea7696 ;
}
.pt_vmegamenu div.popup a.act{color: #ea7696;}
.pt_vmegamenu div.column {
float:left;
width:170px;
margin-right: 15px;
padding-right:0;
}
.pt_vmegamenu div.column.last {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
.pt_vmegamenu div.itemSubMenu {
margin-top:10px;
margin-bottom:20px
}
.pt_vmegamenu .clearBoth {
clear:both;
}
.pt_vmegamenu .block2{
margin-top: 10px;
/* display: inline-block;*/
}
.pt_vmegamenu #popup_home{
display: none !important;
}
.pt_vmegamenu div.popup .block1{
overflow: hidden;
}
.pt_vmegamenu div.popup .block1 .column{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
/*show right block*/
.pt_vmegamenu div.popup .floatleft{
float: left;
}
.pt_vmegamenu div.popup .blockright img{
max-width: 100%;
}
.pt_vmegamenu .parentMenu .block-title{
color: #1E7EC8;
}
.pt_vmegamenu div.pt_menu .parentMenu p{
margin: 0;
padding: 0;
}
.pt_vmegamenu #pt_menu_link .parentMenu ul li{
float: none;
list-style: none;
}
.pt_vmegamenu #pt_menu_link .parentMenu ul li a{
float: none;
padding: 5px 10px 6px;
display: block;
}
.pt_vmegamenu #pt_menu_link{
padding: 0;
width: 195px;
}
.pt_vmegamenu .wrap-popup{
position: absolute;
left: 177px;
top: 0;
width:1000px;
}
.pt_vmegamenu .wrap-popup:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.pt_vmegamenu div.pt_menu{
padding: 0 !important;
}
@media (max-width: 1199px) {
.pt_vmegamenu .wrap-popup { left: 140px;}
.pt_vmegamenu div.popup{left:27px !important;}
}
/*============end megamenu==========================*//*=================leftmegamenu============================*/
.megamenu-title{background-color:#395562;padding-left: 40px}
.megamenu-title h2{margin: 0;color: #fff;font: 20px/25px 'oswaldbook',arial;text-transform: uppercase;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg_category.png) no-repeat 0 53%;padding:15px 10px 15px 30px}
.pt_vmegamenu {;
z-index: 1000;
background-color:#ea7696;
position: absolute;
width: 100%;
font-family: 'oswaldbook';
top: 10px;
}
.more-wrap .parentMenu a{ background: #f78eab !important; cursor: pointer;}
.more-wrap .parentMenu a .fa{ margin-right: 10px; font-size: 16px; margin-left: 4px;}
.pt_vmegamenu .parentMenu{border-bottom: 1px solid #c76480;}
.pt_vmegamenu .last .parentMenu{background: none}
.pt_vmegamenu div.pt_menu {
padding: 0px;
/*width: 195px;*/
position: relative;
}
.navleft-container #pt_vmegamenu .category-vmega_toggle .extra_menu{
display:none;
}
.pt_vmegamenu div.popup {
padding:2px 0 2px 40px;
display: none;
position: absolute;
left:63px !important;
top:-2px !important;
text-align: left;
width: auto !important;
z-index: 3000;
}
.box-popup {
background: #393939;
padding:32px 30px;
margin: 0 0 0 -10px;
float: left;
}
.arrow-left-menu{
}
/*.pt_vmegamenu div.pt_menu .parentMenu{*/
/* width:100%;*/
/*}*/
.category-vmega-menu{ background: #f78eab url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_category.png) no-repeat 92% center ; font-size: 16px; text-transform: uppercase; color: #fff; width: 100%; padding: 16px 20px; cursor: pointer;}
.category-vmega-menu .fa{ font-size: 16px; color: #fff; margin-right: 15px;}
.pt_vmegamenu div.pt_menu .parentMenu a,
.pt_vmegamenu div.pt_menu .parentMenu span.block-title{
text-decoration: none;
display:block;
line-height:16px;
padding: 15px 20px 16px 20px;
color: #fff;
background: #ea7696 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-left-menu.png) no-repeat 92% 50%;
text-transform: uppercase;
word-wrap: break-word;
font-size: 12px;
font-family: 'oswaldbook';
}
.pt_vmegamenu div.pt_menu .parentMenu a span img{ margin-right: 15px;}
.pt_vmegamenu div.pt_menu .noSubMenu a, .pt_vmegamenu div.pt_menu .noSubMenu span.block-title{background-image: none}
.pt_vmegamenu div.pt_menu .parentMenu span.block-title:hover, .pt_vmegamenu div.pt_menu .parentMenu a:hover{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-left-menu.png) no-repeat 92% 50%;
}
.pt_vmegamenu #pt_menu_link ul li a.act,
.pt_vmegamenu #pt_menu_link ul li a:hover,
.pt_vmegamenu div.pt_menu.act .parentMenu a,
.pt_vmegamenu div.pt_menu.active .parentMenu a
{
background: #393939 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-left-menu.png) no-repeat 92% 50% ;
}
.pt_vmegamenu div.pt_menu .parentMenu.noSubMenu a:hover,
.pt_vmegamenu div.pt_menu .parentMenu.noSubMenu span.block-title:hover,
.pt_vmegamenu div.pt_menu.act .parentMenu.noSubMenu a
{
background-image: none
}
.custom-menu-right { float: left; margin: 0;}
.pt_vmegamenu .column.blockright { width: 150px !important; }
.menu-right-title {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-bottom1-title.png") repeat-x left bottom;
float: left;
margin: 0 0 20px 0;
width: 100%;
}
.menu-right-title h2 {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg-f-title6.png") no-repeat scroll left bottom;
color: #777777;
font-family: 'titilliumwebsemibold';
font-size: 16px;
margin: 0;
padding: 0 0 8px;
text-transform: uppercase;
}
.menu-right-images { float: left;}
.m-images { float: left;}
.m-images.col1 { margin:20px 0 0;}
.pt_vmegamenu div.pt_menu.last .parentMenu.noSubMenu{
border: 0;
}
/*.pt_vmegamenu div.pt_menu:hover,.pt_vmegamenu div.pt_menu .active{*/
/* width: 400px;*/
/*}*/
.navleft-container { position: relative; z-index:100; float: left; width: 100%;margin: 0 0 20px}
.cms-index-index .navleft-container{margin: 0 0 50px}
.pt_vmegamenu div.popup a {
text-decoration: none;
display:block;
}
.pt_vmegamenu .itemMenu h4.level1,
.pt_vmegamenu .itemMenu a.level1{
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-transform: capitalize;
width: 100%;
font-family: 'oswaldbook';
border-bottom: 2px solid #4d4d4d;
padding-bottom: 15px
}
.pt_vmegamenu .itemMenu h4.level1,
.pt_vmegamenu .itemSubMenu h4.level2 span{
color: #897725;
}
.pt_vmegamenu .itemMenu h4.level1:hover, .pt_vmegamenu .itemMenu a.level1:hover{
color: #ea7696;
}
.pt_vmegamenu .itemSubMenu h4.level2,
.pt_vmegamenu .itemSubMenu a.level2,
.pt_vmegamenu .itemSubMenu h4.level3,
.pt_vmegamenu .itemSubMenu a.level3,
.pt_vmegamenu .itemMenu a.level1.nochild{
color:#adadad;
text-transform: none;
font-weight: normal;
line-height: 28px;
font-size: 13px;
text-transform: capitalize;
font-family: 'OpenSansRegular';
padding-left: 13px
}
.pt_vmegamenu .itemSubMenu h4.level2:hover,
.pt_vmegamenu .itemSubMenu a.level2:hover,
.pt_vmegamenu .itemSubMenu h4.level3:hover,
.pt_vmegamenu .itemSubMenu a.level3:hover,
.pt_vmegamenu .itemMenu a.level1.nochild:hover{
color:#ea7696 ;
}
.pt_vmegamenu div.popup a.act{color: #ea7696;}
.pt_vmegamenu div.column {
float:left;
width:170px;
margin-right: 15px;
padding-right:0;
}
.pt_vmegamenu div.column.last {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
.pt_vmegamenu div.itemSubMenu {
margin-top:10px;
margin-bottom:20px
}
.pt_vmegamenu .clearBoth {
clear:both;
}
.pt_vmegamenu .block2{
margin-top: 10px;
/* display: inline-block;*/
}
.pt_vmegamenu #popup_home{
display: none !important;
}
.pt_vmegamenu div.popup .block1{
overflow: hidden;
}
.pt_vmegamenu div.popup .block1 .column{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
/*show right block*/
.pt_vmegamenu div.popup .floatleft{
float: left;
}
.pt_vmegamenu div.popup .blockright img{
max-width: 100%;
}
.pt_vmegamenu .parentMenu .block-title{
color: #1E7EC8;
}
.pt_vmegamenu div.pt_menu .parentMenu p{
margin: 0;
padding: 0;
}
.pt_vmegamenu #pt_menu_link .parentMenu ul li{
float: none;
list-style: none;
}
.pt_vmegamenu #pt_menu_link .parentMenu ul li a{
float: none;
padding: 5px 10px 6px;
display: block;
}
.pt_vmegamenu #pt_menu_link{
padding: 0;
width: 195px;
}
.pt_vmegamenu .wrap-popup{
position: absolute;
left: 177px;
top: 0;
width:1000px;
}
.pt_vmegamenu .wrap-popup:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.pt_vmegamenu div.pt_menu{
padding: 0 !important;
}
@media (max-width: 1199px) {
.pt_vmegamenu .wrap-popup { left: 140px;}
.pt_vmegamenu div.popup{left:27px !important;}
}
/*============end megamenu==========================*/
/* ========================================Title=============================================== */
.catlist-title{ width: 100% !important;}
.ma-timer-title,
.catlist-title,
.brand-title{ background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_title.gif) repeat-x left center; margin: 40px 0; width: 95%; margin-top: 20px;}
.ma-timer-title h2,
.brand-title h2,
.catlist-title h2{ background: #fff; display: inline-block; font-size: 20px; color: #262626; text-transform: uppercase;}
/* ======================================================================================= */
.guest-select {width:305px !important;}
.banner-content-2{ margin-top: 30px;}
/*================================brandsider ===============*/
.ma-brand-slider-contain .container-inner {padding-bottom:30px}
.ma-brand-slider-contain .brand-title { margin-top: 0;}
.ma-brand-slider-contain .bx-wrapper .bx-viewport{min-height:55px}
.ma-brand-slider-contain ul li .item-inner img{
moz-transition: all 1.25s ease;
-webkit-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;
-webkit-filter: grayscale(100%);
filter: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/css/data:image/svg+xml;filter")gray;utf8,#grayscale");
}
.ma-brand-slider-contain ul li .item-inner img:hover{
-moz-transition: all 1.25s ease;
-webkit-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;
-webkit-filter: grayscale(0%);
filter: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/css/data:image/svg+xml;utf8,#grayscale");
}
/*============================================ Bx Slider ===============================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;*zoom:1;
}
.flex-direction-nav a,.bx-wrapper .bx-controls a {
width:19px;
height:19px;
position: absolute;
top:0;
margin-top: -66px;
text-indent: -9999px;
border: 0;
/* right: 5px; */
}
/*.flex-direction-nav a.flex-prev,.bx-wrapper .bx-controls a.bx-prev {
background: url(/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg) no-repeat center center;
right:25px;
}*/
.block-testimonial-sidebar .flex-direction-nav a,.block-testimonial-sidebar .bx-wrapper .bx-controls a{ margin-top: -60px; right: 0; }
.menu-recent .flex-direction-nav a,.menu-recent .bx-wrapper .bx-controls a{ margin-top: -62px; right: 0; }
.block-testimonial-sidebar .flex-direction-nav a.flex-prev, .block-testimonial-sidebar .bx-wrapper .bx-controls a.bx-prev,
.menu-recent .flex-direction-nav a.flex-prev, .menu-recent .bx-wrapper .bx-controls a.bx-prev{ right: 25px;}
.ma-upsellslider-container .flex-direction-nav a,.ma-upsellslider-container .bx-wrapper .bx-controls a,
.categorytab-slider .flex-direction-nav a,.categorytab-slider .bx-wrapper .bx-controls a{ margin-top: -70px;}
.ma-relatedslider-container .flex-direction-nav a.flex-prev,.ma-relatedslider-container .bx-wrapper .bx-controls a.bx-prev,
.ma-upsellslider-container .flex-direction-nav a.flex-prev,.ma-upsellslider-container .bx-wrapper .bx-controls a.bx-prev,
.categorytab-slider .flex-direction-nav a.flex-prev,.categorytab-slider .bx-wrapper .bx-controls a.bx-prev{ right: 40px;}
.ma-relatedslider-container .flex-direction-nav a.flex-prev,.ma-relatedslider-container .bx-wrapper .bx-controls a.bx-prev,
.ma-upsellslider-container .flex-direction-nav a.flex-prev,.ma-upsellslider-container .bx-wrapper .bx-controls a.bx-prev,
.menu-recent .flex-direction-nav a.flex-prev,.menu-recent .bx-wrapper .bx-controls a.bx-prev,
.block-testimonial-sidebar .flex-direction-nav a.flex-prev,.block-testimonial-sidebar .bx-wrapper .bx-controls a.bx-prev,
.categorytab-slider .flex-direction-nav a.flex-prev,
.categorytab-slider .bx-wrapper .bx-controls a.bx-prev{ background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn-slider.png) 0 0 no-repeat; }
.ma-relatedslider-container .flex-direction-nav a,.ma-relatedslider-container .bx-wrapper .bx-controls a,
.ma-upsellslider-container .flex-direction-nav a,.ma-upsellslider-container .bx-wrapper .bx-controls a{ right: 15px;}
/*============================================ Prozoom Slider ===============================================*/
.ma-thumbnail-container .bx-wrapper { position: relative;max-width: 100% !important ;padding: 10px 35px;}
.ma-thumbnail-container .bx-wrapper .bx-viewport{}
.ma-thumbnail-container .bx-wrapper .bx-controls-direction a {
width: 23px;
height: 45px;
background: #fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_slide_more_view.png) 0 0 no-repeat ;
position: absolute;
top: 50%;
text-indent: -9999999px;
margin-top: -15px;
border: 0;
}
.ma-thumbnail-container .bx-wrapper .bx-controls-direction a.bx-prev {
left:-10px;
top: 50%;border: 0;
}
.ma-thumbnail-container .bx-wrapper .bx-controls-direction a.bx-next {
background-position: 100% 0;
right:-10px;
top: 50%;border: 0;
}
.ma-thumbnail-container .bx-wrapper .bx-controls-direction a.bx-prev:hover {
background: #fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_slide_more_view.png) no-repeat 0 100% ;
}
.ma-thumbnail-container .bx-wrapper .bx-controls-direction a.bx-next:hover {
background: #fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_slide_more_view.png) no-repeat 100% 100% ;
}
/*============================================ Related Product ===============================================*/
.ma-relatedslider-container{ margin-top: 0px;}
.block-related .mini-products-list li { background: none; margin-bottom:20px;}
.block-related .mini-products-list li .checkbox { min-height: 0; min-width: 0; margin-top: 20px;display: none}
.block-related .block-subtitle{display: none}/*=====================================================================================================================*/
/*============================================ Upsellslider =================================*/
.related-product-title,
.upsellslider-title{ background: #2d2d2d; margin-bottom: 0px;}
.related-product-title h2,
.upsellslider-title h2{ text-transform: uppercase; color: #fff; font-size: 25px; padding: 15px 20px;}
.ma-upsellslider-container .flex-direction-nav a,.ma-upsellslider-container .bx-wrapper .bx-controls a{ margin-top: -68px;}
.ma-upsellslider-container { padding:60px 0 0;clear: both;}
.ma-upsellslider-container .bx-wrapper .bx-viewport{min-height:305px;padding: 5px 0}
.ma-upsellslider-item { float: left; text-align: left;}
.ma-upsellslider-item a.product-image { display: block;}
.ma-upsellslider-item .item-inner{
}
.ma-upsellslider-item .item-inner:hover{
}
.ma-upsellslider-item .images-content{margin-bottom: 10px;}
/*=======================ma-block-static-1============================================================================================*/
.ma-block-static-1 .box-col{
-webkit-perspective: 900px;
-moz-perspective: 900px;
-o-perspective: 900px;
-ms-perspective: 900px;
perspective: 900px;
position: relative;
}
.ma-block-static-1 .box-col:before {
content: '';
display: table;
}
.ma-block-static-1 .box-content{margin: 25px 0 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
text-align: center;
}
.box-content > div{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
display: block;
}
.box-content .box-title{position: absolute;width: 100%;height: 100%;bottom: 0;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bg_static.png);
color: #fff;
text-align: center;
padding: 15px 0;
-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.ma-block-static-1 .box-col:hover .images{
-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.ma-block-static-1 .box-col:hover .box-title{
-webkit-transform: rotate3d(1,0,0,0deg);
-moz-transform: rotate3d(1,0,0,0deg);
-o-transform: rotate3d(1,0,0,0deg);
-ms-transform: rotate3d(1,0,0,0deg);
transform: rotate3d(1,0,0,0deg);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 100;
}
.box-content .box-title h3{font-family:BebasNeuewebfont;font-size: 22px;margin: 0}
.box-content .box-title a.view{display:inline-block;width: 33px;height: 33px;text-indent: -99999em;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/view.png) no-repeat center top;}
/*.box-content .box-title a.view:hover{background-position: center bottom}*/
/*===========product-more-info ==============*/
.product-more-info .box-col-inner{background:#f5f5f5;padding: 10px;margin-bottom: 10px;}
.product-more-info .pull-left{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 35px;margin-right: 10px}
.product-more-info .media-body h3{font: 16px/20px 'oswaldbook',arial;text-transform: uppercase;margin: 0}
/*======================.banner-home-content==================*/
.banner-home-content a{display: block;}
.ma-block-static-2,.banner-home-inner,.ma-block-static-inner{overflow: hidden;}
.banner-home-inner{text-align: center;}
.banner-home-inner img,.ma-block-static-2 img,.ma-block-static-inner img{
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-home-content-2{background-color:#f4f4f4;padding: 15px 16px;text-align: center;margin:60px 0 0}
.banner-home-content-2 .text-box{border:1px solid #dddddd;padding: 20px}
.banner-home-content-2 .text-box h3{font: 30px/35px BebasNeuewebfont,arial;text-transform: uppercase;margin: 0}
/*========================category products=============================================================================================*/
.products-grid .item .item-inner:hover ,.tab_container .item-inner:hover{
}
.tab_container .bx-viewport{ min-height: 350px !important}
.ma-box-content{display: block;}
.ma-box-content .products{margin: 0 0 8px;display: block;}
.item-inner .price-box{ right: 0%; top: 0;position: static;}
.products-grid .item-inner .price-box{ right: 15px;}
.item-inner .price-box .special-price{ color: #fff;font-size: 14px; background: #f78eab; padding: 15px 18px 15px 12px;}
.item-inner .price-box .old-price{ color: #313131; font-size: 14px; background: #fff;}
.actions .actions-inner .add-to-links li a{
display:block;
font-size:0;
color: transparent;
text-align: center;
border-left: none;
border-bottom: none;
background: #e5e5e5;
padding-top: 5px;
height: 40px;
line-height: 45px;
border-radius: 10px;
}
.actions .actions-inner .add-to-links li a.link-compare { margin-right: 0;}
.actions .actions-inner .add-to-links li .fa {
color: #ccc;
font-size: 14px;
font-style: normal;
}
.actions .actions-inner .add-to-links li {border-left: 1px solid #fff;}
.actions .actions-inner .add-to-links li .fa{font-size: 18px;color:#8f8f8f;font-style: normal;}
.actions .actions-inner .add-to-links li a:hover{background-color:#ea7696;}
.actions .actions-inner .add-to-links li a:hover .fa{
box-shadow: 0 0 0 10px rgba(255,255,255,0.3);
background: rgba(255,255,255,0.3);
-webkit-animation: rotate 0.5s linear;
-moz-animation: rotate 0.5s linear;
animation: rotate 0.5s linear;
color: #fff;
border-radius: 100%;
}
.actions-inner button.btn-cart span,
.add-to-box button.btn-cart span{background:#e5e5e5; }
.actions-inner button.button span span{padding: 0 ;border: none;background: none;width: auto;}
.actions .actions-inner button.button{ width: 31%; float: left; background-color: transparent; border: 0px;}
.actions .actions-inner button.button span{
border: 0;
font-size: 0;
color: transparent;
height: 40px;
line-height: 45px;
text-align: center;
padding-top: 5px;
border-radius: 10px;
}
.actions .actions-inner button.button .fa{
font-size: 18px;
color: #8f8f8f;
}
.actions-inner .add-to-links{ vertical-align: middle; float: left; width: 67%; margin: 0px; padding: 0px;}
.email-friend,
.actions-inner .add-to-links li{ display: inline-block; float: left; width:50%; padding: 0; margin: 0;}
.email-friend a,
.actions-inner .add-to-links li a{
display: block;
font-size: 0;
color: transparent;
text-align: center;
border-left: none;
border-bottom: none;
background: #e5e5e5;
padding-top: 5px;
height: 50px;
line-height: 50px;
}
.email-friend a .fa,
.actions-inner .add-to-links li a .fa{
font-size: 18px;
color: #8f8f8f;
font-style: normal;
}
.email-friend a:hover,
.actions-inner .add-to-links li a:hover{ background: #ea7696;}
.email-friend a:hover .fa,
.actions-inner .add-to-links li a:hover .fa{
box-shadow: 0 0 0 10px rgba(255,255,255,0.3);
background: rgba(255,255,255,0.3);
-webkit-animation: rotate 0.5s linear;
-moz-animation: rotate 0.5s linear;
animation: rotate 0.5s linear;
color: #fff;
border-radius: 100%;
}
.actions-inner button.button:hover span{ background: #ea7696;}
.actions-inner button.button:hover .fa{
box-shadow: 0 0 0 10px rgba(255,255,255,0.3);
background: rgba(255,255,255,0.3);
-webkit-animation: rotate 0.5s linear;
-moz-animation: rotate 0.5s linear;
animation: rotate 0.5s linear;
color: #fff;
border-radius: 100%;
}
/*==========categorytab-slider===========================================*/
.categorytab-slider{margin:16px 0 0}
.tab-title h2{display: none;}
.tab-title ul{ background: #2d2d2d; display: inline-block; width: 100%;}
.tab-title ul li{ float: left; font-size: 12px; color: #fff; /*text-transform: uppercase;*/ padding: 20px 25px; font-family: 'oswaldbook'; border-left: 1px solid #49494a; cursor: pointer;}
.tab-title ul li:first-child{ border-left: 0;}
.tab-title ul li:hover,
.tab-title ul li.active{ background: #ea7696;}
/*==========LASTEST PRODUCTS===========================================*/
.ma-lastest-products{margin: 60px 0 0}
.item-inner-products{padding: 10px;background-color:#f4f4f4;text-align: center;}
.item-inner-products .actions button.btn-cart span{background:none;color: #666;padding: 0 0 2px;}
.item-inner-products .add-to-links li{width: 50%;float: left;}
.item-inner-products .add-to-links li a{display: block;}
.item-inner-products .add-to-links li .link-compare{background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/border_toplink.png) no-repeat right center;}
.item-inner-products .add-to-links{border-top: 1px solid #ddd;overflow: hidden;padding: 2px 0 0;}
.item-inner-products .item-box{position: absolute;width: 100%;padding:0 10px 12px 10px;bottom: 0;left: 0;right: 0}
.item-inner-products .item-box-hover{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
display: inline-block;
width: 100%
}
.item-inner-products:hover .item-box{}
.item-inner-products:hover .item-box-hover
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 100;
visibility: visible;
-webkit-animation: moveFromTop 300ms ease;
-moz-animation: moveFromTop 300ms ease;
-ms-animation: moveFromTop 300ms ease;}
.item-inner-products:hover .products .product-image+.product-image{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 100;
}
/*==========================block-group-modul===BestSeller=======================================*/
.featuredproductslider-item,.newproductslider-item{min-width: 270px}
.ma-newproductslider-container,.ma-featuredproductslider-container,.ma-mostviewedproductslider-container{margin-top:38px}
.ma-bestseller-products .products-grid .item{width: 100%;padding:0;margin:0 0 30px;background: #fff;height:auto !important}
.ma-bestseller-products .products-des,.block-group .products-des{margin-left: 105px}
.ma-bestseller-products{clear: both;margin:60px 0 0;}
.ma-bestseller-products a.product-image{display: block;background: #fff}
.ma-item{background:#f4f4f4;margin-bottom:30px;min-height: 130px;height: auto !important;height: 130px;padding: 8px}
.ma-item a.product-image {display: block;}
.ma-item .products-des{margin-left: 105px}
.block-related .old-price,.ma-item .old-price,.ma-bestseller-products .old-price{display: block;}
.ma-item .actions button.btn-cart span{background: none;color: #666666;padding: 0;}
.blog-group .flex-direction-nav a,.blog-group .bx-wrapper .bx-controls a{
width:20px;
height:20px;
background:#f1f1f1 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn-slider1.png) 100% 0 no-repeat;
position: absolute;
top:-50px;
text-indent: -99999px;
border: 0;
right:0px;
}
.blog-group .flex-direction-nav a.flex-prev,.blog-group .bx-wrapper .bx-controls a.bx-prev {
right:27px;background:#f1f1f1 url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/btn-slider1.png) 0 0 no-repeat;
}
.blog-group .flex-direction-nav a.flex-prev:hover,.blog-group .bx-wrapper .bx-controls a.bx-prev:hover{background-position: 0 100%;}
.blog-group .flex-direction-nav a:hover,.blog-group .bx-wrapper .bx-controls a:hover{background-color:#ea7696;background-position: 100% 100%}
/*=====================================================================================================================*/
/*====banner-home-content=============*/
.shapes {width: 0px;height: 0px;background-color: transparent;position: absolute}
/*====block-link-follow============*/
.block-link-follow .container{
background-color:#2f2f2f;
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
.block-link-follow .container .container-inner{ padding: 14px 25px;}
/*===ma-relatedsilder=================*/
/* Browser Resets */
.ma-relatedslider-container .flex-container a:active,
.ma-relatedslider-container .flexslider a:active,
.ma-relatedslider-container .flex-container a:focus,
.ma-relatedslider-container .flexslider a:focus {outline: none;}
.ma-relatedslider-container .slides,
.ma-relatedslider-container .flex-control-nav,
.ma-relatedslider-container .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.ma-relatedslider-container .flexslider {margin: 0; padding: 0;}
.ma-relatedslider-container .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.ma-relatedslider-container .flexslider .slides img { width: 100%; display: inline-block;}
.ma-relatedslider-container .flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.ma-relatedslider-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .ma-relatedslider-container .slides {display: block;}
* html .ma-relatedslider-container .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .ma-relatedslider-container .slides > relatedslider-item:first-child {display: block;}
.related-subtitle{display: none;}
/* FlexSlider Default Theme
*********************************/
.ma-relatedslider-container .flexslider {margin:20px 0; position: relative; zoom: 1;border: 1px solid #eee;}
.ma-relatedslider-container .loading .flex-viewport {max-height: 300px;}
.ma-relatedslider-container .flexslider .slides {zoom: 1;}
.ma-relatedslider-container .carousel .relatedslider-item { position: relative;}
.ma-relatedslider-container .related-checkbox { position: absolute; top: 0; left: 50%; margin: 0 0 0 -8px;display: none; }
.ma-relatedslider-container .bx-wrapper{ max-width: 100% !important}
/* Direction Nav *
/* Control Nav */
.ma-relatedslider-container .flex-control-nav {width: 100%; position: absolute; top: -16px; text-align: center;}
.ma-relatedslider-container .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.ma-relatedslider-container .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #aaa; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.ma-relatedslider-container .flex-control-paging li a:hover { background: #fff; }
.ma-relatedslider-container .flex-control-paging li a.flex-active { background: #fff; cursor: default; }
.ma-relatedslider-container .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.ma-relatedslider-container .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.ma-relatedslider-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.ma-relatedslider-container .flex-control-thumbs img:hover {opacity: 1;}
.ma-relatedslider-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.ma-relatedslider-container .ma-loading {
width: 16px;
height: 16px;
position: absolute;
z-index: 99;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/loader.gif) no-repeat ;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
}
/*===end-ma-relatedsilder=================*/
/*===ma-zoom================*/
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 1px solid #ccc;
margin:-1px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border:2px solid #ea7696;
overflow:hidden;
}
/* This is the loading message. */
.cloud-zoom-loading {
color:white;
background:#222;
padding:3px;
border:1px solid #000;
display:none;
}
.product-view .product-img-box .product-image-zoom
{
border: 2px solid #CCCCCC;
}
.ma-a-lighbox
{
display:none;
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
/*
#imageData #bottomNavClose{ background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/closelabel.gif) no-repeat 0 0; width: 66px; height:22px; float: right; padding-bottom: 0.7em; outline: none;}
*/
#overlay{ position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; background-color: #000; }
/*===end-ma-zoom================*/
/*==================ajaxcarper========================*/
/*! ajaxcarper version 1.0.0 */
.wrapper_box {
position:fixed; width: 270px; height:200px; background:white; z-index:999999;
border:1px solid #ddd;opacity:1;top:30%;left:47.5%; margin-left: -160px; display:block;padding:15px;
}
.wrapper_box a{}
.wrapper_box .product_name a{}
.wrapper_box p.info {color:#444443;font-size:12px;border:1px solid #eee;padding:5px;text-align: center;background: #fbfbfb;}
.wrapper_box #continue_shopping {text-transform: capitalize;;float:left;background-color: #ea7696;color: #FFFFFF;margin-top: 10px;padding: 5px 10px;}
.wrapper_box #continue_shopping:hover { background:#000; text-decoration: none;}
.wrapper_box #shopping_cart {float:right;background-color: #ea7696;color: #FFFFFF;margin-top: 10px;padding: 5px 10px;}
.wrapper_box #shopping_cart:hover { background:#000; text-decoration: none;}
.pop_compare.wrapper_box #continue_shopping {float:none;}
.pop_compare.wrapper_box #product_info_box {padding-bottom:10px;}
.pop_wishlist.wrapper_box #continue_shopping {float:none;}
.pop_wishlist.wrapper_box #product_info_box {padding-bottom:10px;}
#product_info_box .p_image, #product_info_box .p_name { text-align: center;}
/*======================end-ajaxcarper===========================*/
/*====================times=======================================*/
/*====================times==========================*/
div.ma-timer-container{clear: both;}
.ma-timer-container .bx-wrapper .timer-item {
margin-right: 30px;
border:0;
}
.timer-grid{ float: left; width: 100%; padding: 0;}
.timer-list{float: left;width: 100%;padding: 0; font-weight: bold;}
.timer-view{ display: block;padding: 0; margin-bottom: 15px;}
.timer-view .box-time-date{
width: 50px;
height: 50px;
padding-top: 5px;
border: 2px solid #ea7696;
text-align: center;
margin: 10px 10px 10px 0;
color: #262626;
font-size: 12px;
display: inline-block;
}
.timer-compare{float: left;width: 100%;padding: 0;color: #000000;font-size: 22px;font-family: arial; font-weight: bold;}
.timerspec{float: left;width: 100%;color: #1E7EC8;font-size: 13px;}
.timerdate{float: left;width: 100%;padding:0;color: #666666;font-size: 10px; text-transform:uppercase;}
/*.timerdate .day{margin:1px 1px; width:20px; text-align: center;}
.timerdate .hour{margin:1px 1px;width:20px; text-align: center;}
.timerdate .min{margin:1px 1px; width:20px; text-align: center;}
.timerdate .sec{margin:1px 1px; width:20px; text-align: center;}*/
.ma-timer-container .bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 100% !important;
*zoom: 1;
}
.ma-timer-container .bx-wrapper img {
max-width: 100%;
display: block;
}
.ma-timer-container .box-timer {
font-family: 'latoregular';
top: 20px;
right: 12px;
font-size: 9px;
color: #444;
text-align: left;
display: inline-block;
}
.ma-timer-container .item-inner .price-box{ right: 27%;}
.ma-timer-container .actions-inner button.button{ display: block; width: auto; float: none;}
.ma-timer-container button.btn-cart span{ font-size: 0; color: transparent; width: 100px; height: 50px; line-height: 50px; text-align: center; padding-top: 5px;}
.ma-timer-container button.btn-cart span .fa{ font-size: 18px; color: #8f8f8f;}
.ma-timer-container .actions{ }
.ma-timer-container .actions .actions-inner .add-to-links{ width:auto;}
.ma-timer-container .actions .actions-inner .add-to-links li{ display: block; float: none; border: 0; width: auto;}
.ma-timer-container .actions .actions-inner .add-to-links li a{ width: 100px; height: 50px; line-height: 50px; text-align: center; margin-right: 0;}
.ma-timer-container .actions .actions-inner .add-to-links li a.link-wishlist{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0; border-right: 0;}
.ma-timer-container .products .product{ width: 270px;}
.ma-timer-container .box-timer .box-time-date{ width: 100px; height: 72px; padding:17px 0 15px 0; background: #575e62; text-align: center; color: #b1b1b1; font-size: 12px; border-bottom: 1px solid #686e72; font-family: 'OpenSansBold';}
.ma-timer-container .box-timer .box-time-date span{ color: #fff; font-family: 'oswaldbook'; font-size: 20px;}
.ma-timer-container .box-timer .box-time-date .time-num{ display: block;}
.ma-timer-container .box-timer .box-time-date{ }
.ma-timer-container .box-timer .time_margin { display: none !important;}
.ma-timer-container .box-timer span { }
.ma-timer-container .box-timer span.day span{ margin-left: 0 !important;}
.ma-timer-container .box-timer span.sec span{ margin-right: 0 !important; background-image: none !important}
.ma-timer-container .box-timer span span { width: 18%; display: inline-block; text-align: center; line-height:20px;border: 2px solid #dddddd; border-bottom: 0; margin:0 8px; background-color: #fff; padding-top:8px; background-image: none}
.ma-timer-container .box-timer .timer-grid span {}
.ma-timer-container .box-timer .timerdate span{ width: 18%; display: inline-block; text-align: center; line-height:20px;border: 2px solid #dddddd; border-top: 0; margin: 0 8px; background: #fff; padding-top: 0; padding-bottom: 8px;}
.ma-timer-container .box-timer .timerdate span.day{ margin-left: 0 !important}
.ma-timer-container .box-timer .timerdate span.sec{ margin-right: 0 !important;}
.ma-timer-container .bx-wrapper .bx-pager,
.ma-timer-container .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 0; width: 100%;
}
#heading1{padding: 0 !important}
.timer-view span{width:50px;display: block; font-family: 'OpenSansBold';}
.timer-view span.time_margin{width: 2px !important;border: none; display: none;}
.add-to-box .timerdate span{width: 50px;display:inline-block;text-align: center; margin: 1px 0px 0 3px !important}
/* LOADER */
.ma-timer-container .bx-wrapper .bx-loading {
min-height: 50px;
background: #fff url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bx_loader.gif) center center no-repeat ;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.ma-timer-container .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.ma-timer-container .bx-wrapper .bx-pager .bx-pager-item,
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.ma-timer-container .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.ma-timer-container .bx-wrapper .bx-controls-auto {
text-align: center;
}
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-start:hover,
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-stop:hover,
.ma-timer-container .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.ma-timer-container .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.ma-timer-container .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.ma-timer-container .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.ma-timer-container .bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
.ma-timer-container .ma-loading {
width: 16px;
height: 16px;
position: absolute;
z-index: 99;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/loader.gif) no-repeat ;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
}
.ma-timer-container .ma-loading {
width: 16px;
height: 16px;
position: absolute;
z-index: 99;
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/loader.gif) no-repeat ;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
}
.timer_product{
text-align:center;
margin-top:10px;
margin-bottom:5px;
}
.timer_product .product-image img{
margin:0px auto;
}
.timer-item .item-inner{ text-align: left;}
.timer-item .item-inner .product-link
{
margin: 0 0 10px;
display: block;
}
.desciption-home{ margin-bottom: 40px;}
/*====================end-times==========================*/
/*====================end-times==========================*/
/*===============magentothem_blog=============================*/
.postWrapper {
padding: 20px 15px;
clear: both;
background: #fff;
}
.postTitle {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD;
margin-bottom: 15px;
padding-bottom: 5px;
padding-top: 5px
}
.postTitle h2 {
font-size:16px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-transform: uppercase;
color: black;
}
.postTitle h3 {
font-size: 11px;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
font-style: italic;
}
.postContent {
font-family: 'OpenSansRegular';
text-align: justify;
padding-bottom: 10px;
}
.catShortContent {
line-height: 25px;
font-size: 12px;
color: #222;
font-family: 'OpenSansRegular';
text-align: justify;
padding-bottom: 10px;
}
.postContent a{font-size: 12px;color: #c00;}
.postContent a:hover{text-decoration: underline;}
.postDetails a {
color: #c00;
font-weight: bold;
}
.postDetails a:hover{text-decoration: underline;}
.postBookmarks {
padding-bottom: 10px;
}
.postBookmarks h4 {
font-size: 12px;
font-weight: bold;
}
.commentWrapper {
padding: 10px;
background: #fff;
margin-bottom: 20px;
}
.commentContent {
padding-bottom: 0px;
}
.commentDetails {
margin-bottom: 5px;
padding: 0px;
}
.commentDetails h4.username {
display: inline;
}
.postError {
font-size: 16px;
}
.tags {
font-weight: bold;
padding-bottom: 10px;
}
.tags UL {
display: inline;
}
.tags UL LI {
font-weight: normal;
display: inline;
padding-right: 6px;
}
.tags h4 {
font-size: 12px;
font-weight: bold;
}
.ma-block-bottom .container{ background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_block_bottom.jpg) repeat-y 50% 0; min-height: 415px;}
.block-testimonial-sidebar{ padding: 0; margin: 0;}
.block-testimonial-sidebar .block-content{ padding: 0;}
.block-testimonial-sidebar .block-title{ background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_testimo_title.gif) repeat-x left center; width: 90%; margin-bottom: 30px;}
.block-testimonial-sidebar .block-title strong { background: #2f2f2f; padding-right: 20px; display: inline-block; font-size: 16px; color: #fff;}
.menu-recent .blog-titles{ background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_blog_title.gif) repeat-x left center; width: 90%; margin-bottom: 30px;}
.menu-recent .blog-titles h2{ background: #222; padding-right: 20px; display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase;}
.block-testimonial-sidebar, .menu-recent {margin-top:50px;clear: both;}
.block-testimonial-sidebar{ padding-left: 15px;}
.testimonial-sidebar-content .std { border: 1px solid #444; padding: 25px; text-align: center; position: relative;}
.testimonial-sidebar-content .std .arrow-bottom{ position: absolute; background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/bkg_std_testimo.jpg) no-repeat; width: 38px; height: 27px; bottom: -18px; left: 31%;}
.testimonial-sidebar-content .std a{ color: #fff; font-size: 15px; font-family: 'oswaldbook'; letter-spacing: 0.3px;}
.testimonial-sidebar-content .post-by{ text-align: center; margin-top: 20px;}
.testimonial-content-avatar{ display: inline-block; line-height: 60px;}
.testimonial-content-avatar img{ border: 2px solid #ea7696; border-radius: 100%;}
.testimonial-author{ display: inline-block; color: #ea7696; font-family: 'OpenSansBold'; font-size: 12px; text-transform: uppercase; margin-left: 10px;}
.menu-recent { padding-right: 15px;}
.menu-recent ul.bxslider li{}
.menu-recent ul.bxslider li img{ float: left; margin-right: 30px; margin-top: 10px;}
.menu-recent .blog-content{ color: #a7a7a7;}
.menu-recent .blog-content .timmer{padding-left:25px;margin-bottom: 8px;background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/blog_time.png) no-repeat center left;}
.menu-recent .blog-content .timmer .year{margin-left: 6px}
/*.menu-recent .blog-content .author{display: none;}*/
.menu-recent .blog-content .timmer .day{margin-right: 6px}
.menu-recent .blog-title{text-transform:none; font-size: 15px; font-family: 'oswaldbook'; color: #fff; line-height: 24px;}
.menu-recent ul.bxslider li p{margin: 10px 0;}
.menu-recent h3.ma-title:hover{color: #ea7696}
.menu-recent li a.readmore{color: #fff;font-size: 12px; border: 2px solid #fff; padding: 12px 30px; text-transform: uppercase; font-family: 'oswaldbook'; display: inline-block;}
.menu-recent li a.readmore:hover{color: #ea7696;}
.menu-tags h5, .menu-categories h5, .menu-recent h5 {
font-size: 11px;
}
.block-blog .menu-tags UL LI {
display: inline;
padding: 2px;
margin-left: 10px;
}
.block-blog .menu-categories UL LI {
margin-left: 10px;
}
.block-blog .menu-recent UL LI {
margin-left: 10px;
}
.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
font-size: 11px;
}
.tagcloud {
/* text-align:center; */
}
.tag-count-1 {
font-size: 1em !important;
}
.tag-count-2 {
font-size: 1.2em !important;
}
.tag-count-3 {
font-size: 1.4em !important;
}
.tag-count-4 {
font-size: 1.6em !important;
}
.tag-count-5 {
font-size: 1.8em !important;
}
.tag-count-6 {
font-size: 2em !important;
}
.tag-count-7 {
font-size: 2em !important;
}
.tag-count-8 {
font-size: 2em !important;
}
.tag-count-9 {
font-size: 2em !important;
}
.tag-count-10 {
font-size: 2em !important;
}
.block-blog .head h4 {
padding-left: 20px;
}
.block-blog .block-title strong {
/*background-image: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/icon_blog.png);*/
background-repeat: no-repeat;
padding-left: 21px;
text-align: left;
}
.postWrapper .poster {
display: inline;
}
.input-box.magentothem-blog-comment-area {
width: 100%;
}
.widget-latest li {
font-size: 12px;
padding: 5px 10px;
}
.block-blog .menu-categories {
margin: 0;
padding: 5px 9px;
}
.magentothemblog_current_comment {
text-decoration: none !important;
font-weight: bold !important;
}
/*===============end_magentothem_blog==========================*/
/*=====================catgrid-css=======================*/
.catgrid{ border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 20px 0; display: inline-block; width: 100%; padding-bottom: 40px;}
.catgrid h3{ font-size: 15px; color: #000; text-transform: capitalize; margin-bottom: 20px;}
.catlist_level_top{ float: left; width: 50%; padding-left: 20px;}
.catlist_level_top ul li a{
font-family: 'OpenSansBold';
font-size: 12px;
color: #464646;
line-height: 30px;
text-transform: capitalize;
}
.catlist_level_top ul li a:hover{ color: #ea7696;}
.catlist_level_top ul li a:before{
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;
content: "\f138";
margin-right: 10px;
font-size: 12px;
color: #ea7696;
}
.cat_image{ float: right; padding: 0 20px; width: 50%;}
/*=====================endcatgrid-css=======================*/
/* Fixed Mobile*/
@media(max-width: 1199px){
.block-subscribe .input-box{width: 200px}
.add-to-cart label,.add-to-cart .qty{margin-right: 5px; min-width: 30px !important;}
button#search_price{display: block;margin: 5px 0 0}
.data-table thead th{padding: 5px}
.megamenu-title h2{font: 15px/25px 'oswaldbook',arial;}
.ma-newproductslider-container .bx-wrapper,
.ma-featuredproductslider-container .bx-wrapper{max-width:100% !important}
.home-block-bottom .box-col{ padding: 30px 10px}
.home-block-bottom .box-col .pull-left .fa{ font-size: 50px;}
.pt_custommenu #pt_menu_link .parentMenu ul li a, .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title{ font-size: 13px !important; padding: 10px 16px !important}
.pt_vmegamenu div.pt_menu .parentMenu a, .pt_vmegamenu div.pt_menu .parentMenu span.block-title{ padding: 10px !important}
.menu-recent .blog-title{ font-size: 14px;}
.header .form-search{ width: 470px;}
.header .form-search .search-left{ width: 86%;}
.top-link ul.links li{ padding-right:10px;}
.ma-timer-container .bx-wrapper{ max-width: 88% !important}
.ma-timer-title{ width: 88%;}
.bannerSlideshow3 h2{
padding: 5px 20px;
font-size: 20px;
margin:15px 0 5px;
}
.bannerSlideshow3 p{
padding: 5px 10px;
margin-bottom:5px;
}
.bannerSlideshow1 a.title, .bannerSlideshow2 a.title, .bannerSlideshow3 a.title{
font-size: 12px;
line-height: 30px;
}
.bannerSlideshow2 h2.title1, .bannerSlideshow1 h2.title1{
font-size: 20px;
margin: 15px 0 5px;
}
.bannerSlideshow1 ul li, .bannerSlideshow2 ul li{
font-size: 14px;
padding: 5px 10px;
margin-bottom:5px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.ma-item .actions button.btn-cart span{font-size: 11px}
.timer-grid .hour, .timer-grid .min, .timer-grid .sec{width: 40%}
}
@media(max-width:992px){
.block-layered-nav #narrow-by-list li{background:none;padding: 0;line-height: 20px}
.block-layered-nav li a{font-size: 14px}
.block .block-title strong{font-size: 15px}
.sorter .sort-by{padding-left: 10px;}
.sorter .sort-by label{display: none;}
.tags-list{padding: 0}
.header a.logo{float: none}
.header .header-content{margin: 20px 0;}
div#slider-range{max-width: 250px}
div.mousetrap{display: none}
.toplink-static{background: none;text-align: center}
.toplink-static .tell-phone{line-height: 20px;float: none !important;color: #ea7696}
.ma-menu{background: none}
.navbar{}
#sequence-theme{margin: 20px 0 0}
.ma-lastest-products .item-inner-products{margin: 20px 0 0}
.footer-static-content {margin: 0 0 20px}
.vmegamenu{ display: none;}
.ma-timer-container .bx-wrapper{ max-width: 97% !important}
.ma-timer-title{ width: 91%;}
.brand-title{ width: 86%}
.menu-recent .blog-titles h2{background: #2f2f2f;}
.ma-block-bottom .container{ background: #2f2f2f; min-height: 660px;}
ul.link-follow{ margin-top: 30px;}
.header,
.header-container .top-link{ text-align: center;}
.header-container .top-link .infor{ float: none; display: inline-block; margin-bottom: 10px;}
.top-link .header-language,
.header-link{ display: inline-block; float: none; margin-bottom: 15px;}
.home-block-bottom .box-col{
margin-bottom: 15px;
padding: 45px 37px;
width: 50%;
}
.home-block-bottom .box-col2{ border: 1px solid #e5e5e5;}
.banner-left1,.banner-left2{ display: none;}
.bannerSlideshow3 h2{
padding: 5px 20px;
font-size: 14px;
margin:5px 0 5px;
}
.bannerSlideshow3 p{
padding: 5px 10px;
margin-bottom:5px;
font-size: 10px;
}
.bannerSlideshow1 a.title, .bannerSlideshow2 a.title, .bannerSlideshow3 a.title{
font-size: 10px;
line-height: 20px;
padding: 0 10px;
}
.bannerSlideshow2 h2.title1, .bannerSlideshow1 h2.title1{
font-size: 20px;
margin: 15px 0 5px;
}
.bannerSlideshow1 ul li, .bannerSlideshow2 ul li{
font-size: 14px;
padding: 5px 10px;
margin-bottom:5px;
}
.bannerSlideshow2,
.bannerSlideshow1{
padding:0;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.cart .crosssell .product-details { margin-left: 80px;}
.form-list li.wide textarea, .form-list li.wide .input-box { width: 254px;}
.cart .discount input.input-text { width: 185px; }
.block-layered-nav #search_pr input{margin: 5px 0 0}
.block-related .product{margin: 0}
.mini-products-list .product-details{padding: 0}
#block-related .product-name{overflow: inherit;text-overflow: inherit;white-space: normal}
}
@media (min-width: 768px) and (max-width: 1200px) {
.onsale-products a.product-image { float: none; margin-bottom: 10px;}
}
@media (max-width: 860px) {
.form-list li.wide textarea, .form-list li.wide .input-box { width: 254px;}
}
@media (max-width: 767px){
.footer ul.footer_payment{float: none}
.bx-wrapper .bx-controls a{display: none}
.col-left, .col-main { margin-bottom: 20px;}
.footer, .footer ul.links { text-align: center;}
.toolbar .pager .pages{position: static;line-height: 25px}
ul.link-follow{float: none;margin:10px 0 0}
.ma-footer-static .footer-static{padding: 40px 0 20px}
.ma-footer .footer ul{text-align: center;}
.products .product figure>a .product-image img{width: auto !important}
.header .header-content{text-align: center;}
.header .form-search{float: none;display: inline-block;width: 100% !important}
.header-container .top-link{padding: 0;padding: 20px 0 0;text-align: center;}
.top-link .header-language,.top-link .header-curren{display: inline-block;float: none}
.top-link ul.links{text-align: center;margin: 10px 0 0}
.top-cart-wrapper{display: inline-block;float: none;margin:10px 0 0; position: relative;z-index: 9999999;}
.header .form-search input.input-text{width: 50%}
.top-cart-contain{z-index: 500}
.title,.intro,.model,.link a,.subtitle{display: none !important;}
.bx-wrapper{ max-width: 96% !important}
.ma-block-static-2, .banner-home-inner, .ma-block-static-inner{ margin-bottom: 10px;}
.item-inner .product-name{ clear: both; display: block;}
.header a.logo{ display: inline; margin: 10px 0;}
.catlist{ margin-top: 30px;}
.banner7-des{ display: none;}
}
@media (max-width:479px){
.product-view .product-shop .product-name{margin: 10px 0}
.product-view .product-shop .price-box{padding: 0}
.checkout-progress li{width: 100%}
.products-list li.item .product-shop{min-height: inherit;border: none;}
.ma-block-static-1 .box-content img{width: 100%}
#sequence{height: 250px}
.header .form-search input.input-text{width: 30%}
.block-subscribe .input-box{width: 190px}
ul.link-follow a{margin: 0 0 5px}
/*.add-to-cart label, .add-to-cart .qty{margin-bottom: 5px}*/
.ma-timer-container .actions-inner{ margin-top: 10px; }
.ma-timer-container .actions-inner button.button{ float: left;}
.ma-timer-container .actions-inner button.button{ width: 33%;}
.ma-timer-container .actions .actions-inner .add-to-links{ width: 67%;}
.ma-timer-container .actions .actions-inner .add-to-links li{ width: 50%}
.ma-timer-container button.btn-cart span,
.ma-timer-container .actions .actions-inner .add-to-links li a{ width: 100%;}
.ma-timer-container .actions .actions-inner .add-to-links li{ float: left;}
.ma-timer-container .actions .actions-inner .add-to-links li a.link-wishlist{ border-top: 0; border-bottom: 0; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.ma-timer-container .box-timer .box-time-date{ float: left; width: 25%;}
.ma-timer-container .box-timer{ display: inline;}
.ma-timer-container .ratings{ margin-bottom: 15px;}
.top-cart-content{ right: -12px;}
.header .form-search .dropdown-toggle{ font-size: 12px; padding: 0 17px 0 5px;}
.header .form-search input.input-text{ font-size: 10px;}
.header .form-search .search-left{ width: 69%;}
.header .form-search button.button{ float: left;}
.product-tabs li{ width: 100%; }
.product-tabs li a{ border-bottom: 1px solid #eee;}
}
@media (max-width: 680px) {
.col2-set .col-1, .col2-set .col-2 { width: 100%; margin-bottom: 20px;}
.home-block-bottom .box-col{ width: 100%; border: 1px solid #e5e5e5}
}
@media (max-width: 560px) {
.products-list .product-image { display: block; text-align: center; margin-bottom: 10px;}
.product-view .product-img-box .product-image .cloud-zoom img { width: 100%;}
.cloud-zoom-big { display: none !important;}
.cart-table .btn-update, .cart-table .btn-empty, .cart-table .btn-continue { float: none; clear: both; margin: inherit;}
.header .form-search .search-left{ width: 83%;}
.ma-timer-container .bx-wrapper{ max-width:90% !important;}
.bx-wrapper{ max-width: 100% !important}
.breadcrumbs li{ float: left; margin: 10px 0;}
}
@media (max-width: 320px) {
.header .form-language {padding-right: 95px;}
}
#offcanvasmenu-vertical .form-language ul li{
display: inline-block;
margin-right: 10px;
}
#offcanvasmenu-vertical .form-language ul li img{
width: 32px;
}
#offcanvasmenu-vertical .lang{
line-height:0px;
margin-top: 10px;
}
#offcanvasmenu-vertical .form-language {padding-left: 0px !important;}
#header .form-language img { width:35px;}
@media (max-width: 380px) {
.header .form-language {padding-right: 110px;}
.sorter .sort-by { padding: 0;}
.form-list .input-box,
.form-list li.wide textarea,
.product-view .box-reviews .form-add .form-list .input-box ,.form-list select{ width: 210px;}
.form-list input.input-text, .form-list li.wide .input-box,
.product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 210px;}
.block-subscribe .actions{ margin-left: 5px;}
.block-subscribe .actions button.button span{ padding: 10px 15px}
.tab-title ul li{ padding: 20px;}
.bx-wrapper{ max-width: 100% !important}
.product-view .box-tags .form-add .input-box{ margin-bottom: 10px;}
.product-view .product-shop .email-friend, .product-view .product-shop .add-to-links li{width: 85px;}
}
@media (max-width: 320px) {
.cart .discount input.input-text,.form-list select,.cart .discount .input-box{width: 210px}
}
.ma-banner7-container .flex-container a:active,
.ma-banner7-container .flexslider a:active,
.ma-banner7-container .flex-container a:focus,
.ma-banner7-container .flexslider a:focus {outline: none;}
.ma-banner7-container .slides,
.ma-banner7-container .flex-control-nav,
.ma-banner7-container .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.ma-banner7-container .flexslider {margin: 0; padding: 0;}
.ma-banner7-container .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; }
.ma-banner7-container .flexslider .slides img {width: 100%; display: block;}
.ma-banner7-container .flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.ma-banner7-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .ma-banner7-container .slides {display: block;}
* html .ma-banner7-container .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .ma-banner7-container .slides > li:first-child {display: block;}
/* Amazon star*/
.a-star-medium-0{
background-position: -85px -366px;
}
.a-star-medium-1 {
background-position: -69px -366px;
}
.a-star-medium-1-5 {
background-position: -223px -366px;
}
.a-star-medium-2 {
background-position: -53px -366px;
}
.a-star-medium-2-5 {
background-position: -207px -366px;
}
.a-star-medium-3 {
background-position: -36px -366px;
}
.a-star-medium-3-5 {
background-position: -191px -366px;
}
.a-star-medium-4 {
background-position: -21px -366px;
}
.a-star-medium-4-5 {
background-position: -175px -366px;
}
.a-star-medium-5 {
background-position: -5px -366px;
}
.icon-amazon{
background: url("/skin/frontend/ma_vanese/fahasa/images/logo/amazon-logo.svg") no-repeat center left;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 53px;
height: 16px;
margin-right: 16px;
}
.review-position{
padding-bottom: 5px;
}
.review-lable a{
color: #c00 !important;
}
.reviewcout-amazon{
min-width: 90px;
}
.ratings .rating-content{
max-width:320px;
float: left;
margin-right: 10px;
}
.icon-fahasa{
background-image: url(http://fahasa.com/media/wysiwyg/banner/icon-fahasa.png);
/* width: 59px !important; */
min-width: 80px !important;
min-height: 20px !important;
display: inline-block;
float: left;
margin-right: 5px;
}
.a-icon-star-medium {
width: 80px;
height: 21px;
margin-right: 1px;
top: -2px;
}
.a-icon-star, .a-icon-star-medium, .a-icon-star-mini, .a-icon-star-small {
position: relative;
vertical-align: text-top;
}
.a-icon, .a-link-emphasis:after {
background-image: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/AmazonUIBaseCSS-sprite_1x-8fe8c701c7a6f38368f97a8a3f04d5f25875be4d._V2_.png);
background-repeat: no-repeat;
-webkit-background-size: 400px 650px;
background-size: 400px 650px;
display: inline-block;
vertical-align: text-top;
}
.banner-bx-container .bx-wrapper .bx-controls .bx-next{
right: 0px !important;
}
.tabslider-top-content .bx-prev{
margin-top: -20px !important;
}
.tabslider-top-content .bx-next{
margin-top: -20px !important;
}
.tabslider-top-content .bx-wrapper{
padding-right: 5px;
}
/* grid */
.bxslider-grid .item{
width: 760px !important;
}
.bxslider-grid .grid-price{
/*background: none !important;*/
background-color: transparent !important;
}
.bxslider-grid .actions{
top:70%;
z-index: 99;
display: none;
position: absolute;
width: 84%;
}
.bxslider-grid .actions .button,.bxslider-grid .actions .link-wishlist,.bxslider-grid .actions .link-compare{
border-radius: 10px;
}
.bxslider-grid .actions .actions-inner button.button{
width: 30%;
margin-left: 1px;
}
.bxslider-grid .actions .actions-inner .add-to-links li{
border-left: 3px transparent;
margin-left: 3px;
}
.bxslider-grid .ma-box-content:hover .actions{
display: block;
}
.bxslider-grid .actions .actions-inner button.button span,.bxslider-grid .actions .actions-inner .add-to-links li a{
height: 40px;
line-height: 45px;
}
.bxslider-grid .actions-inner .add-to-links li{
width: 45%;
}
.bxslider-grid .label-pro-sale{
left: 10px;
top: 0px;
}
.bxslider-grid .tab_container .bx-viewport{
min-height: 430px !important;
}
.bxslider-grid .ma-box-content{
padding-top: 0px;
}
/* end grid */
.tabsliderImg{
display: table;
}
.tabsliderNXB{
height: 92px !important;
display: table-cell;
vertical-align: middle;
}
@media(min-width: 1024px) and (max-width: 1199px){
#header .header1 .logo img {
margin-top: 10px;
}
}
.categorytab-slider p.old-price{
margin: 0px;
}
.flashsale-item .special-price,
.categorytab-slider .special-price,
.personalization-item .special-price,
.products-grid .special-price,
#girdslider-page-container .special-price,
#girdslider-page-container .special-price,
.products-grid .regular-price,
.fhs-product-grid .special-price,
.fhs-product-grid-list .special-price,
.products_grid_mobile .special-price,
#fhs-asidebar-product-block-content .special-price,
#event-buffetcombo-container .special-price{
margin: 0px;
background-color: transparent !important;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
/* display: -webkit-flex; */
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: stretch;
justify-content: stretch;
}
.flashsale-item .special-price .price,
.categorytab-slider .special-price .price,
.personalization-item .special-price .price,
.products-grid .special-price .price,
#girdslider-page-container .special-price .price,
#girdslider-page-container .special-price .price,
.products-grid .regular-price .price,
.fhs-product-grid .special-price .price,
.fhs-product-grid-list .special-price .price,
.products_grid_mobile .special-price .price,
#fhs-asidebar-product-block-content .special-price .price,
#event-buffetcombo-container .special-price .price
{
line-height: 1.6rem;
font-size: 1.6rem !important;
color: #C92127;
font-weight: 600;
}
.flashsale-item .old-price .price,
.categorytab-slider .old-price .price, .personalization-item .old-price .price,
#girdslider-page-container .old-price .price,
#girdslider-page-container .old-price .price, .products-grid .old-price .price,
.fhs-product-grid .old-price .price,
.fhs-product-grid-list .old-price .price,
.products_grid_mobile .old-price .price,
#event-buffetcombo-container .old-price .price
{
padding: 0;
font-size: 1.4rem !important;
}
.bxslider-grid .price-box{
position: static !important;
}
.magazine a{
background-color: transparent !important;
}
@media (min-width: 768px){
.my-account .dashboard .vip-money{
text-align: right;
}
}
@media (min-width:1025px){
.product-view .product-shop .availability{
margin-top: 8px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.product-view .product-shop .availability{
margin-top: -38px;
}
#sorter-review {
max-width: 320px;
}
.dropdownfhs-text{
display: none;
}
}
.page-empty-banner{
padding: 0 !important;
}
.availablestock{
text-align: right;
}
.availablestock span a{
color: #c00;
}
#add_vip_id_button{
background-color: #F39801 !important;
color: #fff;
background: none repeat scroll 0 0 transparent;
border: medium none;
padding-left: 10px;
margin-top: 5px;
padding-right: 10px;
height: 40px;
cursor: pointer;
}
#sorter-review {
float: left;
display:block;
width: 100%;
}
#sorter-review div div{
width: 220px;
margin-top: 30px;
margin-left: 15px;
}
@media (max-width: 768px){
.pager .pages{
padding-top: 10px;
}
}
#menu-offcanvas .nav-tabs > li.active > a{
background-color: #555 !important;
color: #fff !important;
}
.search-propose{
padding-top: 10px;
}
.search-propose label{
border-radius: 15px; padding:5px 10px; margin-right: 5px; background-color: #F7931E;
}
.search-propose label a{
color:#fff;
}
.product-name-top-best .fa-shopping-cart, .product-name-top-best .fa-calendar{
margin-right: 5px;
}
.order-freeship{
color: red;
font-size: 14px;
}
.member-info{
background-color: #FFF6E3;
/*border-radius: 15px;*/
padding: 10px;
}
.member-info-1{
border: 1px #C0C0C0 solid;
padding: 10px;
margin-top: 20px;
}
.member-info div p{
/*margin-top: 10px !important;*/
}
.member-addition{
text-align: center;
border-left: 1px #C0C0C0 solid;
}
.member-line-height{
line-height: 30px;
}
.member-label{}
.member-value{
font-weight: bold;
font-family: "Poppins", sans-serif;
}
@media(max-width: 736px){
.member-addition{
border-left: none;
}
.member-addition p{
text-align: left;
padding-left: 0px;
}
.member-addition p.f-button{
text-align: center;
padding-right: 0px;
}
}
.member-icon{
padding-bottom: 20px;
text-align: center;
}
.member-icon img{
width: 65px;
}
.member-value .price{
font-size: 11px;
}
.member-info{
padding-top: 15px;
}
#member-info-noti{
font-size: 10px;
float: left;
position: absolute;
left: 52%;
top: 0px;
display: block;
background: #F7941E;
border-radius: 50%;
padding: 3px;
text-align: center;
z-index: 2;
font-weight: 300;
width: 15px;
height: 15px;
}
.block-wishlist #wishlist-sidebar .price-box{
padding-left: 10px;
}
.block-wishlist #wishlist-sidebar .price-box .special-price{
background: none !important;
color: #c00;
font-weight: 400;
}
.block-wishlist #wishlist-sidebar .price-box .old-price{
float: left;
padding: 5px;
}
#cart-sidebar .product-name a{
font-size: 13px;
}
.football-match input[type="radio"]:checked + label {
background-color: #0065b3;
color: white;
box-shadow: 1px 2px 1px 0px #55a7e6;
}
.football-match div.guest, .football-match .btn-center .btn-done{
margin-top: 5px;
border: 1px solid #d21d3a;
cursor: pointer;
border-radius: 20px;
padding: 5px 5px;
color: #d11e39;
text-transform: uppercase;
font-weight: bold;
line-height: 26px;
box-shadow: 1px 2px 1px 0px #d61d3b;
}
.football-match .btn-center .btn-done{
padding: 5px 10px;
}
.football-match .btn-center{
padding-top: 10px !important;
}
.football-match input[type="radio"] + label {
border: 1px solid #0065b3;
cursor:pointer;
border-radius: 20px;
padding: 5px 10px;
color: #0065b3;
text-transform: uppercase;
font-weight: bold;
line-height: 26px;
}
.football-match input[type="radio"] {
display:none;
}
.football-match .btn-success{
border: none;
border-radius: 20px;
color: white;
background-image: none;
background-color: #0065b3;
text-transform: uppercase;
font-weight: bold;
line-height: 26px;
box-shadow: 1px 2px 1px 0px #55a7e6;
}
.football-match .btn-success img{
height: 25px;
margin-right: 5px;
}
.football-match{
margin-bottom: 20px;
padding: 20px;
display: inline-block;
background-color: white;
}
.football-match .team-left{
text-align: right;
}
.football-match .team-right{
text-align: left;
}
.football-match .padding-none{
padding: 0px;
}
.fhsevent-content .youama-noti-window-sucess, .fhsevent-content .youama-noti-window-error {
top: 45%;
border-radius: 5px;
box-shadow: 7px 7px 12px #696868;
width: 350px !important;
z-index: 9998;
padding: 0;
display: none;
background-color: #fff;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: fixed;
left: 50%;
min-width: 305px;
}
.fhsevent-content .youama-window-inside{
text-align: center;
padding: 10px;
}
.fhsevent-content .youama-ajaxlogin-loader{
top: 45%;
z-index: 9998;
padding: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: fixed;
left: 50%;
}
.fhsevent-content .youama-noti-window-error h3, .fhsevent-content .youama-noti-window-sucess h3.error{
color: red;
}
.fhsevent-content .btn, .fhsevent-content label{
margin-top: 10px;
}
.fhsevent-content .needlogin{
color: red;
}
.football-match .guest{
max-width: 200px;
margin: auto !important;
}
.onestepcheckout-tryout-no-apply{
font-size: 12px;
line-height: 21px;
}
.onestepcheckout-tryout-no-apply span.title{
font-size: 12px;
color: #c00;
}
#birthdaycake-block .played{
background-image: url("http://192.168.1.142/media/wysiwyg/Thang-8-2018/Event/Birthday-cake-background.png");
}
.product-review{
background-color: white;
padding: 20px;
margin-bottom: 20px;
}
.product-review .product-details{
margin-left: 0px !important;
}
.product-review .product-details h4{
font-size: 14px;
font-weight: 700;
}
.product-review .product-details h2.product-name a{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #333;
margin-bottom: 10px;
font-family: 'Roboto',sans-serif !important;
line-height: 25px;
overflow-wrap: break-word;
max-height: unset;
}
.product-review .ratings-table, .product-review .ratings-table tbody td{
border: 0px;
}
.fhs-review-by-block{
font-weight: 400;
}
.img-remain, .progress-bar-remain{
padding: 0px;
}
.progress-bar-remain{
margin-top: 10px;
}
.title-color-remain{
color: white;
}
#duplicated-order{
background-color: white;
max-height: 90vh;
position: fixed;
z-index: 99999;
max-width: 700px;
width: 100%;
top: 5%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
display: none;
}
#duplicated-order .title{
color: white;
}
#duplicated-item .title{
color: #000;
padding-left: 15px;
padding-right: 15px;
margin-left: 40px;
margin-right: 40px;
text-align: center;
}
#duplicated-order .content{
overflow: auto;
max-height: 80vh;
}
#duplicated-item .content{
padding: 0px;
margin-top: 15px;
margin-bottom: 25px;
clear: both;
}
#duplicated-order .title h2, #duplicated-order .title p{
text-align: center;
}
#duplicated-order .product-name{
font-weight: bold;
line-height: 20px;
}
#duplicated-order .confirm-box{
padding: 20px;
margin-bottom: 10px;
}
#duplicated-order .confirm-box div, #duplicated-item .confirm-box div{
text-align: center;
}
#duplicated-order .confirm-box a, #duplicated-item .confirm-box a{
background-color: #F7941E;
border-radius: 7px;
font-weight: 600;
font-family: sans-serif;
color: white;
padding: 15px 20px;
}
#duplicated-item{
min-width: 480px !important;
}
.duplicated-order-cover {
display: none;
background: #261E1E none repeat scroll 0% 0%;
opacity: 0.5;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
float: left;
position: fixed;
z-index: 99997;
}
#duplicated-item{
background-color: white;
/*max-height: 90vh;*/
position: fixed;
z-index: 99999;
/*max-width: 700px;*/
/*width: 100%;*/
top: 30%;
left: 38%;
display: none;
}
#telephone-compare{
display: none;
margin: 25px 0;
}
#telephone-compare .otp-form, #activate-refer .telephone-form{
float: none;
margin: 0 auto;
}
.refer-code .activate-refer-title{
text-align: center;
/*color: #F7941E;*/
font-size: 22px;
margin-bottom: 10px;
text-transform: uppercase;
}
#activate-refer input#telephone, #telephone-compare input#otp{
/*max-width: 250px;*/
border: none !important; border-bottom: 1px solid #929191 !important; color: white; height: 20px !important; font-size: 15px;
}
.refer-code a.sent-otp,.refer-code a#compare-otp{
padding: 10px 20px;
margin: 20px;
background-color: #F7941E;
color: #FFF;
}
.refer-code button.sent-otp,.refer-code button#compare-otp{
background-color: #F7941E; color: white; line-height: 20px !important; width: 100%;
}
#telephone-compare-alert, #mess-activate-refer{
display: none;
color: red;
}
.my-refer-code-title, .my-refer-code{
text-align: center;
font-size: 20px;
}
.my-refer-code{
color: #F7941E;
font-weight: bold;
}
.refer-code{
padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
#duplicated-item{
left: 18%;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
#duplicated-item{
left: 28%;
}
}
.sidebar .block-reorder{
display: none;
}
.failure_img{
text-align: center;
}
#review-form .buttons-set .button{
float: right;
}
#vote-product{
display: inline-block;
}
#vote-product .btn-vote-active{
padding: 10px 15px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
background-color: #E0ECFD !important;
}
#vote-product .btn-vote-inactive{
cursor: pointer;
padding: 10px 15px;
border-radius: 20px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border: 2px solid #2F80ED;
transition: all 0.3s;
}
/*#vote-product .btn-vote-inactive:hover{
box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
transform: scale(1.03);
}*/
#vote-product .btn-vote-inactive:active{
box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
webkit-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
transform: scale(0.98);
}
#vote-product-button{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: left;
justify-content: left;
}
#vote-product .btn-vote-title{
padding-left: 8px;
font-size:1em;
font-weight: 650;
color: #2F80ED !important;
}
#clockdiv {
display: inline-block;
text-align: center;
font-size: 30px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 600;
bottom: 22px;
}
.top-voted-container{
display: inline-block;
}
#clockdiv>div {
padding: 10px 3px;
display: inline-block;
}
#clockdiv div>span {
padding: 2px 10px;
border-radius: 3px;
display: inline-block;
text-transform: uppercase;
background: #fff;
color: #000;
border-radius: 6px;
font-size: 20px;
}
#clockdiv div>span.space{
background-color: unset;
color: #fff;
padding: 2px;
}
#clockdiv .smalltext {
padding-top: 5px;
font-size: 16px;
}
.pointer {
font-size: 12px;
font-weight: bold;
width: 130px;
height: 28px;
position: relative;
background: #A9A9A9;
margin-bottom: 25px;
filter: drop-shadow(2px 2px 2px rgba(0,0,0,.5));
}
.pointer p {
text-align: center;
padding: 6px;
color: #fff;
}
.pointer--before
{
content: "";
position: absolute;
right: -20px;
bottom: 0;
width: 0;
height: 0;
border-left: 20px solid #A9A9A9;
border-top: 28px solid transparent;
border-bottom: 0px solid transparent;
}
.banner-home-inner.banner-hover:hover {
transform: scale(1.3);
}
#fhs-blog .blog-description {
position: relative;
font-size: 12px;
color: black;
font-family: sans-serif;
width: auto;
margin-right: 20px;/* Could be anything you like. */
}
#fhs-blog .text-concat {
position: relative;
display: inline-block;
word-wrap: break-word;
overflow: hidden;
max-height: 3.6em; /* (Number of lines you want visible) * (line-height) */
line-height: 1.2em;
text-align:justify;
text-overflow: ellipsis;
}
#fhs-blog .blog-title {
font-size: 14px;
font-weight: bold;
text-align: justify;
margin-bottom: 10px;
margin-right: 20px;
}
#fhs-blog .blog-title a {
color: black;
}
#fhs-blog .categoryTitle {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
margin-top: 20px;
border-bottom: 2px solid #F6F6F6;
color: black;
}
.fhs-blog-share {
float: left;
margin: 20px 0 0;
width: 100%;
font-size: 12px;
border-bottom: 1px solid #eee;
}
.fhs-blog-share li {
display: inline-block;
margin-right: 5px;
float: left;
line-height: 34px;
border-radius: 2px;
position: relative;
margin-bottom: 10px;
}
.fhs-blog-share .btn-fb-share {
background-color: #306199;
color: white;
display: inline-block;
margin-right: 5px;
float: left;
font-size: 14px;
line-height: 33px;
border-radius: 2px;
position: relative;
margin-bottom: 10px;
margin-top:-1px;
}
.fhs-blog-share li.btnZalo {
background: #018fe5;
font-size: 14px;
}
.fhs-blog-share li a {
display: block;
padding: 0 10px;
}
.zalo-share-button .ti-zalo {
background: url(https://znews-static.zadn.vn/wap/css/img/icon_zalomessage.png) no-repeat 50% 50%;
width: 20px;
height: 20px;
display: inline-block;
background-size: 20px;
vertical-align: middle;
margin-right: 10px;
position: relative;
top: -1px;
}
.text-block-left {
height: 100px;
width: 100%;
position: absolute;
bottom: 0px;
background:rgba(0, 0, 0, .7);
color: white;
padding-left: 20px;
padding-right: 20px;
}
.text-block-left a {
color: white;
font-size: 16px;
font-weight: bold;
}
.text-block-right {
height: 100px;
position: absolute;
bottom: 0px;
background:rgba(0, 0, 0, .7);
color: white;
padding-left: 20px;
padding-right: 20px;
}
.text-block-right a {
font-size: 18px;
color: white;
padding: 0px;
}
.text-block-bottom {
height: 60px;
position: absolute;
bottom: 0px;
background:rgba(0, 0, 0, .7);
color: white;
padding-left: 20px;
padding-right: 20px;
}
.text-block-bottom a {
color: white;
font-size: 14px;
font-weight: bold;
}
.text-block-left .text-concat {
margin-top: 5px;
position: relative;
display: inline-block;
word-wrap: break-word;
overflow: hidden;
max-height: 3.6em; /* (Number of lines you want visible) * (line-height) */
line-height: 1.2em;
text-align:justify;
text-overflow: ellipsis;
}
.fhs-supplier-description {
border: 1px solid #ddd !important;
background-color: #ffffff;
margin-left: 0px;
margin-right: 0px;
}
.fhs-supplier-description .col-sm-2{
padding: 10px;
}
.fhs-supplier-description .col-sm-10{
padding: 10px;
}
.fhs-supplier-description .title {
font-family: Open Sans;
font-weight: bold;
border-bottom: 1px solid #ddd !important;
color: #333333;
font-size: 24px;
margin-bottom: 10px;
}
.fhs-supplier-description p.seo_container{
text-align: justify;
color: black;
font-size: 14px;
line-height: 22px;
}
.fhs-supplier-description p.seo_container strong{
color: black;
font-size: 14px;
}
.fhs-supplier-description a {
color: #cc0000;
}
#game-block .sharedBtn {
background-color: #F7931E; padding: 6px 10px; border-radius: 6px; width: 140px;
}
#game-block .sharedIcon{
color: white; font-size:1em; margin-right: 5px;
}
#game-block .sharedTitleRight{
color: white;font-size: 14px;font-weight: bold;
}
#game-block .sharedTitleLeft{
color: #F7931E;font-size: 14px;font-weight: bold;
}
#game-block .sharedBtnLeft{
border: 2px solid #F7931E ; padding: 6px 10px; border-radius: 6px; width: 140px;
}
#game-block .giftDesc{
/*position: absolute; top:70%; left: 50%; transform: translate(-50%, -50%);*/
}
#game-block .giftDesc{
padding-left: 20px;
padding-right: 20px;
}
#game-block .giftDescTitle{
font-weight: bold; font-size: 14px;
}
#game-block .sub-label{
font-style: italic;color:#444444; font-size: 14px;
}
#game-block .giftImage {
position: relative; text-align: center;
}
#game-block .btncontainer{
margin-top: -30px;
}
.fhs-top-block {
background-color: transparent;
margin-left: 0px;
margin-right: 0px;
}
.fhs-top-block .col-xs-12.top {
height: 430px;
padding: 0px;
}
.fhs-top-block .col-md-8 {
padding: 0px 5px 0px 0px;
height: 424px;
position: relative;
pading-right: 5px;
/*border-right: 2px solid white;*/
}
.fhs-top-block .col-md-8 img {
object-fit: cover;
height: 430px;
width: 815px;
}
.fhs-top-block .col-md-4 {
padding: 0px 0px 0px 5px;
height: 430px;
position: relative;
}
.fhs-top-block .fhs-top-block-right {
height: 210px;
padding: 0px;
}
.fhs-top-block-right.top {
margin-bottom: 5px;
}
.fhs-top-block-right.bottom {
padding-top: 5px
}
.fhs-top-block-right img {
object-fit: cover;
height: 210px;
width: 405px;
}
.fhs-top-block .col-xs-12.bottom {
padding: 0px;
/*border-top: 4px solid white;*/
padding-top: 10px;
}
.fhs-top-block .col-md-6 {
height: 200px;
padding: 0px;
}
.fhs-top-block .col-md-6.left {
/*border-right: 2px solid white;*/
padding-right: 5px;
}
.fhs-top-block .col-md-6.right {
/*border-left: 2px solid white;*/
padding-left: 5px;
}
.fhs-top-block .col-md-6 img {
object-fit: cover;
height: 200px;
width: 610px;
}
#cancel-order-cover {
display: none;
background: #261E1E none repeat scroll 0% 0%;
opacity: 0.5;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
float: left;
position: fixed;
z-index: 99998;
}
#popup-cancel-order {
position: fixed;
z-index:99998;
width: 500px;
max-width: 100vw;
display: none;
background-color: #FFFFFF;
border: 2px solid #F0F0F0;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#popup-cancel-order .popup-cancel-order-title {
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
/*background: #F39801 !important;*/
color: #F39801;
font-size: 18px;
font-weight: 600;
padding: 10px 0 10px 0;
text-align: center;
margin: 0px 10px 10px 18px;
max-width: 460px;
border-bottom: 2px solid #F0F0F0;
}
#popup-cancel-order .confirm-cancel-order {
padding: 20px 10px 10px 10px;
text-align: center;
}
.cancel-order-confirm{
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
background-color: white;
height: 40px;
width: 135px;
color: #F39801;
font-weight: 600;
font-size: 16px;
border: 2px solid #F39801;
margin: 0 8px 4px 0;
}
.cancel-order-confirm.cancel{
color: #F39801;
font-weight: 600;
font-size: 16px;
border: 2px solid #F39801;
}
.cancel-order-confirm.enabled{
color: #F39801;
border: 2px solid #F39801;
}
#popup-review-order {
position: fixed;
z-index:99998;
width: 620px;
max-width: calc(100vw - 16px);
max-height: 90vh;
display: none;
border: none;
background: #FFFFFF;
top: 10%;
left: 50%;
-webkit-transform: translate(-50%, -5%);
-ms-transform: translate(-50%, -5%);
-moz-transform: translate(-50%, -5%);
transform: translate(-50%, -5%);
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
#noti-success{
position: fixed;
z-index:99998;
width: 600px;
max-width: calc(100vw - 16px);
max-height: 90vh;
display: none;
background: #FFFFFF;
background: #FFFFFF;
text-align: center;
top: 10%;
left: 50%;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-box-shadow: 3px 3px 5px 6px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox 3.5 - 3.6 */
box-shadow: 3px 3px 5px 6px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
-webkit-transform: translate(-50%, -5%);
-ms-transform: translate(-50%, -5%);
-moz-transform: translate(-50%, -5%);
transform: translate(-50%, -5%);
padding: 40px 0;
}
#noti-success .top{
margin: 20px 30px 0px 30px;
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}
#noti-success .bot{
margin: 10px 20px 0px 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
border-top: 1px solid #F0F0F0;
padding-top: 10px
}
#noti-success .icon{
padding: 0 30px 0px 30px;
text-align: center;
color: #F39801;
}
#noti-success .cancel{
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
background-color: white;
height: 40px;
width: 170px;
color: #F39801;
font-weight: 600;
font-size: 16px;
border: 2px solid #F39801;
margin-top: 30px;
}
.popup-review-order-header {
text-align: center;
color: #FFFFFF;
font-size: 22px;
font-weight:bold;
padding: 15px 0 15px 0;
border-bottom: 2px solid #F0F0F0;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background-color: #C92127;
border-color: #C92127;
border: none;
}
.popup-review-order-body{
overflow-y: auto;
max-height: calc(80vh - 31px)
}
.popup-review-order-footer{
text-align: center;
padding: 10px 0 20px 0;
border-top: 1px solid #F0F0F0;
}
.review-order-textbox{
margin-top: -10px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
font-style: italic;
background: transparent;
border-top: transparent !important;
border-left: transparent !important;
border-right: transparent !important;
border-bottom: transparent !important;
}
.review-order-combo{
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
font-style: italic;
}
.review-order-confirm{
/* -moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;*/
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
background-color: white;
height: 40px;
width: 140px;
color: #C92127;
font-weight: 600;
font-size: 16px;
border: 1px solid #C92127;
}
.review-order-confirm.confirm{
background-color: #C92127;
color: white;
margin-left: 10px;
}
.review-order-body-icon-text{
font-weight: 600;
font-size: 18px;
color: #F39801;
width: 150px;
font-weight: 600;
line-height: 26px;
}
.review-order-body-icon{
justify-content: center;
text-align: center;
}
.flex-center{
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items: center;
}
.order-shipping-info-box {
padding: 0 12px 8px;
margin: 0 0 15px;
}
.progress-info-division .order-status-progress-bar {
margin-bottom: 16px;
}
.order-shipping-info-box .progress-info-division {
position: relative;
max-width: 732px;
margin: auto;
margin-top: 35px;
}
step-item-node-dot {
background: #F39801;
border-color: #F39801;
}
.next-step-dot .next-step-item-container .next-step-item-node-dot {
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
display: block;
width: 16px;
height: 16px;
border: 4px solid;
border-radius: 50%;
transition: background-color .3s ease,border-color .3s ease;
}
.next-step {
color: #212121;
font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,Sans-serif;
font-size: 14px;
line-height: 1.28571;
}
.next-step-dot.next-step-horizontal>.next-step-item .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 4px;
}
.next-step-item {
-ms-flex: 1;
flex: 1;
position: relative;
vertical-align: top;
}
.next-step-horizontal>.next-step-item {
display: inline-block;
text-align: center;
}
.next-step-dot>.next-step-item-finish .next-step-item-tail-overlay {
background: #F39801;
}
.next-step-dot>.next-step-item-waiting .next-step-item-tail-overlay {
background: #eff0f5;
}
.next-step-dot>.next-step-item-cancel .next-step-item-tail-overlay {
background: #ff0000;
}
.next-step-dot>.next-step-item-process-cancel .next-step-item-tail-overlay {
background: #ff0000;
}
.next-step-dot>.next-step-item-process>.next-step-item-container .next-step-item-node-circle, .next-step-dot>.next-step-item-process>.next-step-item-container .next-step-item-node-dot {
background: #fff;
border-color: #F39801;
}
.next-step-dot>.next-step-item-process-cancel>.next-step-item-container .next-step-item-node-circle, .next-step-dot>.next-step-item-process-cancel>.next-step-item-container .next-step-item-node-dot {
background: #fff;
border-color: #ff0000;
}
.next-step-dot>.next-step-item-finish>.next-step-item-container .next-step-item-node-circle, .next-step-dot>.next-step-item-finish>.next-step-item-container .next-step-item-node-dot {
background: #F39801;
border-color: #F39801;
}
.next-step-dot>.next-step-item-cancel>.next-step-item-container .next-step-item-node-circle, .next-step-dot>.next-step-item-cancel>.next-step-item-container .next-step-item-node-dot {
background: #ff0000;
border-color: #ff0000;
}
.next-step-dot.next-step-horizontal>.next-step-item .next-step-item-container>.next-step-item-title {
font-size: 14px;
line-height: 18px;
margin-top: 4px;
text-align: center;
}
.next-step-dot>.next-step-item-finish>.next-step-item-container>.next-step-item-title {
color: #212121;
}
.next-step-dot>.next-step-item-cancel>.next-step-item-container>.next-step-item-title-light {
color: #9e9e9e;
}
.next-step-dot.next-step-horizontal>.next-step-item .next-step-item-container>.next-step-item-node {
width: 16px;
height: 16px;
padding: 0;
line-height: 16px;
}
.next-step-dot>.next-step-item-finish>.next-step-item-container .next-step-item-node {
color: #F39801;
}
.next-step-dot .next-step-item-container .next-step-item-node {
position: relative;
display: inline-block;
text-align: center;
cursor: pointer;
}
.order-shipping-info-box .progress-bar {
margin-bottom: 16px;
}
.next-step-dot {
padding: 4px 0 0;
}
.next-step-horizontal {
display: -ms-flexbox;
display: flex;
}
.next-step {
width: 100%;
overflow: hidden;
position: relative;
border: none;
}
.next-step, .next-step *, .next-step :after, .next-step :before {
box-sizing: border-box;
}
.next-step-arrow .next-step-item-first{margin-left:0}
.next-step-arrow .next-step-item-first:before{border:16px solid transparent}
.next-step-circle.next-step-vertical>.next-step-item-first{margin-top:-8px}
.next-step-dot.next-step-horizontal>.next-step-item .next-step-item-tail .next-step-item-tail-underlay {
height: 4px;
position: relative;
transition: all .4s ease;
}
.next-step-dot>.next-step-item-finish .next-step-item-tail-underlay {
background: #ccc;
}
.next-step-dot.next-step-horizontal>.next-step-item .next-step-item-tail {
position: absolute;
width: calc(100% - 16px);
height: auto;
left: calc(50% + 8px);
top: 6px;
}
.order-shipping-info-box .progress-info-division .tracking-list {
border: 1px solid #dadada;
background-color: #eff0f5;
border-radius: 4px;
padding: 12px;
position: relative;
}
.order-shipping-info-box .translate {
width: 12px;
height: 12px;
transform: rotate(45deg);
position: absolute;
background-color: #eff0f5;
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
top: -6px;
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.order-shipping-info-box .progress-info-division .tracking-list-info-table {
display: table;
table-layout: fixed;
}
.order-shipping-info-box .progress-info-division .tracking-item-time {
display: table-cell;
word-break: keep-all;
white-space: nowrap;
}
.order-shipping-info-box .progress-info-division .tracking-item-content {
padding-left: 12px;
display: table-cell;
padding-bottom: 5px;
}
.text.desc {
font-size: 12px;
}
.order-shipping-info-box .progress-info-division .tracking-list .view-more {
cursor: pointer;
margin-top: 10px;
text-align: center;
}
.text.link {
cursor: pointer;
color: #1a9cb7;
}
order-shipping-info-box .progress-info-division .tracking-view-btn {
font-size: 11px;
}
.text.light-gray {
color: #9e9e9e;
}
.order-table > thead tr {
background-color: #e0e0e0;
}
.order-table > thead tr th{
font-size:13px;
padding:3px 9px;
}
.order-table > tbody tr {
background-color: #f4f7f9;
}
.order-table > tbody tr td {
font-size:13px;
background-color: #f4f7f9;
border: none;
}
.order-table > tbody .row-space {
display: none;
}
.order-table > tbody .border {
border-bottom: 1px solid #e0e0e0;
}
.suborder-table > thead tr {
background-color: #e0e0e0;
}
.suborder-table > thead tr th{
font-size:13px;
padding:3px 9px;
}
.suborder-table > tbody tr {
background-color: #f4f7f9;
}
.suborder-table > tbody tr td {
font-size:13px;
background-color: #f4f7f9;
border-left: none;
border-right: none;
border-bottom: 1px solid #e0e0e0;
}
.suborder-table-2 > thead tr {
background-color: #f4f7f9;
border-bottom: 1px solid #e0e0e0;
}
.suborder-table-2 > thead tr th {
font-size:13px;
padding:3px 9px;
text-align:center;
border-left: none;
border-right: none;
}
.suborder-table-2 > tbody tr td {
font-size:13px;
background-color: #f4f7f9;
text-align:center;
border-left: none;
border-right: none;
color: #ff9900;
font-family: 'Poppins', sans-serif;
}
.nonborder-table{
border: none;
}
.suborder-table-total > tbody tr {
background-color: #F39801;
}
.suborder-table-total > tbody tr td {
text-align:center;
color: white;
font-weight: 600;
font-size: 16px;
}
.order-table .price-incl-tax .cart-price .price{ font-size: 13px; color: #ff9900;font-family: 'Poppins', sans-serif;}
.order-table .price{ font-size: 13px; color: #ff9900;font-family: 'Poppins', sans-serif;}
.suborder-table .price{ font-size: 13px; color: #ff9900;font-family: 'Poppins', sans-serif;}
.suborder-table-2 .price{ font-size: 13px; color: #ff9900;font-family: 'Poppins', sans-serif;}
.suborder-table-total .price{ font-size: 16px;font-family: 'Poppins', sans-serif;}
.panel-heading > div > .price{ font-size: 13px;font-family: sans-serif;}
.order-info-box-2 { background:#fff; border:none; margin:0 0 15px; display: flex;}
.order-info-box-2 h2 { font-weight:normal; font-size:13px; }
.order-info-box-2 h2.sales { font-weight:bold; font-size:13px; }
.order-info-box-2 .box-payment p { margin:0 0 3px; }
.order-info-box-2 .box-payment th { font-weight:normal; padding-right:7px; }
.order-info-box-2 > .order-info-2-1{
margin-right: 20px;
}
.order-info-box-2 > .order-info-2-2{
margin-left: -10px; margin-right: 10px;
}
.order-info-box-2 > div{
width: 33.3%;
padding:12px 15px;
border: 1px solid #d0cbc1;
}
.order-info-box-2 > .order-info-2-2 > .order-info-shipping-description{
border-bottom: 1px solid #d0cbc1;
padding-bottom: 12px;
}
.order-info-box-2 > .order-info-2-3 > div{
padding-bottom: 12px;
}
.order-info-2 {
border-bottom: 1px solid #d0cbc1;
margin-bottom: 15px;
font-size: 20px;
color: #333333;
text-transform: uppercase;
}
/* Order History */
.order-history-table > thead tr {
font-size:13px;
background-color: #000000;
color: #ffffff;
padding:3px 9px;
height: 30px;
font-weight: 600;
}
.order-history-table > thead > tr > th {
vertical-align: middle;
padding: 10px;
}
.order-history-table > thead > tr > .panel-icon {
text-decoration: underline;
}
.order-history-table > thead > tr > .panel-icon:after {
font-family: 'FontAwesome';
content: "\f107";
float: right;
}
.order-history-table > tbody > tr{
cursor: pointer;
}
.order-history-table-row1{
background-color: #ffffff;
}
.order-history-table-row2{
background-color: #e6e6e6;
}
.order-history-table > tbody > tr:hover td {
color: #F7941E;
}
.order-history-table > tbody tr td {
font-size:13px;
padding: 5px;
}
.order-history-table-row > td > .price{ font-size: 13px;font-family: sans-serif;}
.order-status-dropdown-content {
display: none;
margin-top: 6px;
left: 0px;
right: 0;
position: absolute;
background-color: #ffffff;
min-width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.order-status-dropdown-content div {
color: black !important;
font-size:13px;
padding: 5px 5px;
cursor: pointer;
font-weight: initial;
display: block;
}
.order-status-dropdown-content div:hover {
background-color: #F7941E;
}
.order-status-dropdown {
cursor: pointer;
text-align: center;
position: relative;
}
/* Order Pager */
.order-pager { /* float: right; */ text-align:center; margin: 0; }
.order-pager .amount { float:left; margin:0; }
.order-pager .limiter { float:right; font-size: 13px; position: relative;}
.order-pager .limiter label { vertical-align:middle; margin: 0;font-weight: normal;}
.order-pager .limiter select { padding:2px 5px; margin:0 5px; vertical-align:middle; width: 95px; text-align: center;border: 2px solid #fff;}
.order-pager .limiter .select-sort-by:before{ right: 7px;}
.order-pager .limiter .select-sort-by .sort-by-stock {width: 125px}
.order-pager .pages { margin: 4px 20px 0 0; }
.order-pager .pages ol { display:inline; float: center;}
.order-pager .pages li { display: inline-block; padding: 0; border: none; width: 28px;}
.order-pager li { display: inline-block;}
.order-pager li > a{color: #000000; font-size: 15px; }
.order-pager li > .previous, .order-pager li > .next {font-size: 12px !important; }
.order-pager li > a:hover{color: #F7941E;}
.order-pager .pages .current {color: #F7941E; text-decoration: underline; font-size: 15px;}
.my-account .order-pager{padding: 10px 0}
.my-account .order-pager .amount{line-height: 25px}
.my-account .order-pager .amount strong{font-weight: normal;padding-right: 20px}
input[type="text"]:disabled {
background: #f2f2f2;
}
#popup-fahasa-ward {
opacity: 1;
position: fixed;
z-index: 99999;
width: 350px;
max-width: 100%;
max-height: 50vh;
background-color: white;
display: none;
border: none;
top: 25%;
left: 50%;
margin-left: -175px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
.popup-fahasa-default-header-small {
text-align: center;
color: #FFFFFF;
font-size: 20px;
font-weight:bold;
padding: 10px 0 10px 0;
border-bottom: 2px solid #F0F0F0;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background-color: #F39801;
border-color: #F39801;
border: none;
}
.popup-fahasa-default-content{
padding: 20px 8px;
}
.popup-fahasa-default-footer-small{
text-align: center;
padding: 10px 0 20px 0;
}
.update-ward-content-label{
margin: 0 0 0 50px;
text-align: left;
}
.update-ward-content-select{
width: 100%;
margin: 10px 0 0 0;
text-align: left;
}
.update-city-content-select{
width: 100%;
margin: 10px 0 0 0;
text-align: left;
}
.popup-fahasa-default-confirm-small {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background-color: white;
height: 32px;
width: 128px;
color: #F39801;
font-weight: 600;
font-size: 15px;
border: 1px solid #F39801;
}
.popup-fahasa-default-confirm-small.confirm{
background: rgb(255,152,0);
background: -moz-linear-gradient(90deg, rgba(255,152,0,1) 0%, rgba(247,105,93,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,152,0,1) 0%, rgba(247,105,93,1) 100%);
background: linear-gradient(90deg, rgba(255,152,0,1) 0%, rgba(247,105,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9800",endColorstr="#f7695d",GradientType=1);
color: white;
margin-left: 10px;
}
.bg-oranga {
background-color: #ff9800!important;
}
.a-button-text {
background-color: transparent;
border: 0;
display: block;
font-size: 13px;
line-height: 29px;
margin: 0;
outline: 0;
padding: 0 25px 0 25px;
text-align: center;
white-space: nowrap;
}
.icon-goodread{
background: url("/skin/frontend/ma_vanese/fahasa/images/logo/goodreads_logo.svg") no-repeat center left;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 75px;
height: 16px;
margin-right: 16px;
}
#time_of_vat_header {
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/images/onestepcheckout/invoice.png) center left no-repeat;
}
.onestepcheckout-vat-method-section{
float: left;
width: 92%;
padding: 12px 4% 12px;
margin: 0;
}
#onestepcheckout_vat-info{
padding-left: 33px;
}
#onestepcheckout_vat-info > div > label{
font-weight: normal;
font-size: 14px;
}
#onestepcheckout_vat-info > div > .input-text{
height: 26px!important;
padding: 4px 6px;
line-height: 26px;
}
#onestepcheckout-vat-method-section > div > label{
font-weight: normal;
font-size: 14px;
font-family: sans-serif;
}
.update-city-content-select > .validation-advice{
margin-left: 106px;
}
.update-ward-content-select > .validation-advice{
margin-left: 106px;
}
.page-title-2 > h1 {
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
line-height: 36px;
color: #333333;
padding-bottom: 10px;
font-family: 'Nunito Sans';
}
.account-title{
width: 150px;
}
.my-account-gtgt .account-title{
width: 185px;
}
.account-input{
max-width: 500px;
height: 36px;
font-weight: 600;
display: inline-block;
}
@media (max-width: 768px) {
.account-input{
display: flex;
align-items: flex-start;
}
.account-row.checkbox-change-pw{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.fhs-input-box label,.account-row label{
margin-bottom: 0;
}
}
.account-row > .validation-advice{
margin-left: 155px;
padding-left: 0;
}
.account-input > .validation-advice{
padding-left: 0;
}
.account-row{
margin-bottom: 10px;
}
.account-input-birthday{
height: 36px;
display: block;
}
.account-input-bod{
display:-webkit-inline-box !important;
width: calc(33.3% - 6px);
margin-right: 5px;
height: 30px;
}
.account-input-bod:nth-of-type(3){
margin-right: 0;
}
/*Customize checkbox*/
.fhs-checkbox {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
font-weight: 600;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.fhs-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 3px;
left: 0;
height: 17px;
width: 17px;
border: 1.5px solid #b3b3b3;
}
/* On mouse-over, add a grey background color */
.fhs-checkbox:hover input ~ .checkmark {
border: 1.5px solid #C92127;
}
/* When the checkbox is checked, add a blue background */
.fhs-checkbox input:checked ~ .checkmark {
border: 1.5px solid #C92127;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.fhs-checkbox input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.fhs-checkbox .checkmark:after {
left: 4px;
top: 1px;
width: 7px;
height: 10px;
border: 1px solid #C92127;
border-width: 0 1.5px 1.5px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*Cutomize Radio*/
.fhs-radio {
display: inline-table;
position: relative;
padding-right: 20px;
padding-left: 30px;
font-weight: 600;
font-size: 12px;
font-family: Open Sans;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
.fhs-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.radiomark {
position: absolute;
top: 4px;
left: 0;
height: 18px;
width: 18px;
border: 1px solid #b3b3b3;
border-radius: 50%;
}
.gender-radio {
height: 0 !important;
}
/* On mouse-over, add a grey background color */
.fhs-radio:hover input ~ .radiomark {
border: 1px solid #C92127;
}
/* When the radio button is checked, add a blue background */
.fhs-radio input:checked ~ .radiomark {
border: 1px solid #C92127;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.fhs-radio input:checked ~ .radiomark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.fhs-radio .radiomark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
border-radius: 50%;
background: #C92127;
}
/* Style color for text Private policy Fahasa */
.fhs_c_silver{
color: #7A7E7F;
}
.fhs_c_blue{
color: #2489F4;
font-weight: bold;
}
.account-input > label{
padding-bottom: 0 !important;
}
.btn-save-confirm {
background: #C92127;
height: 36px;
width: 200px;
color: white;
font-weight: 700;
font-size: 15px;
border: none;
font-weight: 700;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#popup-fahasa-alert {
opacity: 1;
position: fixed;
z-index: 99999;
width: 350px;
max-width: 100%;
max-height: 50vh;
background-color: white;
display: none;
border: none;
top: 25%;
left: 50%;
margin-left: -175px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popup-fahasa-default-alert-content{
padding: 10px 0 20px 0;
}
.popup-fahasa-default-alert-confirm {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #C92127;
border: none;
height: 40px;
width: 200px;
color: white;
font-weight: 700;
font-size: 16px;
font-family: Open Sans;
font-weight: 700;
}
.popup-fahasa-default-content-text{
text-align: center;
font-size: 14px;
font-weight: 600;
padding: 0 8px;
}
.popup-fahasa-alert-logo img{
padding-top: 20px;
width: 120px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #cccccc;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #cccccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #cccccc;
}
.menu-recent > .menu-recent-item{
padding: 0 10px 10px 20px;
}
.menu-recent > .menu-recent-item > .blog-image{
text-align: center;
}
.menu-recent > .menu-recent-item > .blog-title > a {
font-size: 14px;
font-weight: bold;
text-align: justify;
color: black;
}
/* Block top-categories */
.cms-top-categories{
margin: 10px -5px 0px -5px;
}
.cms-top-categories .col-md-3{
text-align: center;
padding: 5px;
}
.cms-top-categories-title{
margin-bottom: 15px;
font-weight: bold;
font-size: 14px;
height: 40px;
}
/*-------- end top-categories --------- */
/* icon_menu */
.cms-icon-menu{
margin: 16px 0px 0px 0px;
background-color: #fff;
text-align: center;
padding: 15px 4px 8px !important;
border-radius: 8px;
}
.cms-icon-menu .col-md-2{
text-align: center;
}
.cms-icon-menu-item-name{
padding:5px;
padding: 10px 10px 0px;
font-size: 14px;
}
.cms-icon-menu.cms_icon_menu_mobile {
display: none;
margin: 16px 0px 0px 0px;
background-color: #fff;
text-align: center;
padding: 8px 4px 4px !important;
border-radius: 8px;
}
@media (max-width: 992px) {
.cms-icon-menu.cms_icon_menu_desktop {
display: none;
}
.cms-icon-menu.cms_icon_menu_mobile {
display: block;
}
.cms-icon-menu .cms_icon_menu_item{
width: 100px;
display: flex;
height: auto;
flex-direction: column;
justify-content: space-between;
}
.cms_icon_menu_item_row{
height: auto;
margin-top: 6px;
/* flex: 1; */
/* flex-shrink: 0; */
}
.cms_icon_menu_item_row > div {
display: flex;
justify-content: center;
}
.cms_icon_menu_item_row img{
width: 38px;
}
.cms_icon_menu_mobile .swiper-container{
/* margin-left: -8px; */
/* padding-left: 16px; */
}
.cms-icon-menu {
border-radius: 0px;
}
.cms_icon_menu_mobile .swiper-wrapper{
display: flex;
flex-direction: row;
min-height: 100%;
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.cms-icon-menu .cms-icon-menu-item-name{
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding: 0px!important;
margin-top: 4px;
margin-bottom: 4px;
line-height: 14px;
color: #212121;
font-size: 12px;
height: 28px;
font-family: 'Nunito Sans' !important;
}
}
@media only screen and (min-width: 768px){
.cms-icon-menu .col-sms-3 img{
width: 40%;
}
.cms-icon-menu .col-sms-3 .cms-icon-menu-item-name{
padding: 8px;
}
.cms-icon-menu .col-md-3 {
width: 10%;
margin: 0px;
padding: 0px;
}
}
@media (max-width: 425px) {
.cms-icon-menu .cms_icon_menu_item{
width: 70px;
}
.cms-icon-menu .cms-icon-menu-item-name{
/* min-width: 80px; */
}
}
/* ------- end icon_menu------------ */
/* Block top-authors */
.cms-top-authors{
background-color: #fff;
margin-top: 15px;
}
.cms-top-authors-title h3{
font-size: 24px;
text-align: center;
padding: 15px;
}
.cms-top-authors-img{
margin: 0px;
padding: 0px 20px;
}
.cms-top-authors-img .col-sm-4.col-md-4{
padding:5px;
}
.cms-top-authors-img-name{
text-align: center;
padding: 5px;
font-size: 18px;
color: #ff9800;
font-weight: bold;
}
.cms-top-authors-book{
text-align: center;
margin: 0px;
padding: 20px 20px;
}
.cms-top-authors-book .col-md-4{
padding: 10px;
}
.cms-top-authors-book-title{
text-align: center;
padding: 5px;
font-size: 18px;
color: #ff9800;
font-weight: bold;
}
/* ------ end top-authors-------- */
/*-------Block-----------*/
.fhs-banner-image-block{
display: flex;
}
.block-item{
margin-right: 10px;
}
/*-------End---------------*/
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.padding-top-zero-mobile{
padding-top: 15px;
}
.product-additional-description{
float: left;
max-width: 1025px;
}
.personalization-vertically{
float: right;
max-width: 200px;
display: block !important;
padding: 0px;
}
#personalization-vertically-header-title{
text-align: center;
margin-bottom: 20px;
}
#personalization-vertically-header-title a{
font-size: 19px;
font-weight: bold;
color: #FF9800;
line-height: 2.8em;
}
#desc_viewmore{
display: none;
background-color: #fff;
}
#product_view_tab > .desc_viewmore_showmore{
height: calc(100% + 30px) !important;
}
#product_view_tab > .desc_viewmore_showmore #desc_content{
height: 100% !important;
padding-bottom: 20px !important;
}
#product_view_tab > .desc_viewmore_showmore #desc_viewmore{
padding: 20px 0 0 0 !important;
height: 45px;
}
#personalization-vertically h2{
display: block !important;
}
#personalization-vertically .ma-box-content > h2{
color: #333 !important;
line-height: none !important;
}
#personalization-vertically-container .product-image{
min-height: inherit !important;
}
.account-fpoint{
font-size: 1em;
font-family: sans-serif;
font-weight: normal;
}
.account-fpoint > .account-fpoint-title{
font-size: 20px;
padding: 15px 0 0 0;
}
.fpointstore-page-default-icon{
margin: auto;
text-align: center;
background-color: #fff;
width: 50px;
border-radius: 5px;
padding: 5px;
}
#popup-default-loading {
opacity: 1;
position: fixed;
z-index: 99999;
width: 350px;
max-width: 100%;
background-color: white;
display: none;
border: none;
top: 25%;
left: 50%;
margin-left: -175px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
.default-icon-loading{
-webkit-animation-name: rotate;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-animation-name: rotate;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
}
#default-icon-loading{
-webkit-animation-name: rotate;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-animation-name: rotate;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
}
.loadding_ajaxcart{
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999999;
}
@-webkit-keyframes rotate {
from {-webkit-transform:rotate(0deg);}
to { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate {
from {-moz-transform:rotate(0deg);}
to { -moz-transform:rotate(360deg);}
}
.account-fpoint > .account-fpoint-content{
padding: 15px 0;
}
.fpoint-history-hidden{
display: table-cell;;
}
.fpoint-history-time-mobile{
display: none;
}
.account-fpoint > .account-fpoint-content > .account-redeem-fpoint , .account-fpoint > .account-fpoint-content > .account-fpoint-balance{
padding-bottom: 15px;
/* width: 100%; */
display: flex;
font-size: 1.1em;
justify-content: space-between;
}
.account-fpoint-subtitle{
margin: auto 0;
float: left;
margin-right: 20px;
width: 20%;
}
.fpoint-history-header{
display: table-header-group;
}
.fpoint-history-title{
display:none;
}
@media only screen and (max-width: 768px){
.account-fpoint > .account-fpoint-content > .account-redeem-fpoint{
display: block;
width: 100%;
}
.account-redeem-fpoint > .account-fpoint-subcontent{
padding: 10px 0 0 0;
display: flex;
width: 100%;
}
.account-redeem-error{
margin: 0 0 10px 0 !important;
}
#redeem-code{
min-width: unset !important;
}
.fpoint-history-hidden,.fpoint-history-header{
display: none;
}
.fpoint-history-action{
width: 75% !important;
}
.fpoint-history-value{
width: 25% !important;
text-align: right !important;
}
.fpoint-history-time-mobile{
display: block;
}
.fpoint-history-title{
display:block;
font-size: 1.3em;
padding: 5px 5px 0 5px
}
.account-fpoint-subtitle{
width: unset;
}
}
.account-fpoint-subcontent{
display: flex;
width: 65%;
flex-direction: row;
flex: 1;
align-items: flex-start;
}
.account-redeem-error{
margin: 0 0 10px 200px;
font-size: 14px;
}
.redeem-code-txt{
padding: 10px;
}
.account-fpoint-subbtn{
padding-left: 15px;
/* width: 100px; */
}
#redeem-code{
min-width: 300px;
border-radius: 4px !important;
height: 36px !important;
line-height: 26px !important;
font-size: 14px;
}
#redeem-submit{
border-radius: 4px;
background-color: #C92127;
border: none;
height: 36px;
width: 110px;
color: white;
font-weight: 600;
font-size: 0.9em;
font-family: sans-serif;
}
.fhs-font{
font-family: 'Nunito Sans';
}
.almost-cart-limit .btn-apply{
width: 200px; height: 40px;border-radius: 20px; background-color: orange; color: white;font-size: 14px;font-weight: bold;
}
.almost-cart-limit .btn-detail{
margin-top: 15px;
}
.almost-cart .btn-cancel{
width: 150px; padding: 8px; border: 2px solid orange; border-radius: 5px; color: orange; font-weight: bold;font-size: 15px;
}
.almost-cart .btn-confirm{
width: 150px; padding: 8px; background-color: orange; border-radius: 5px; color: white; font-weight: bold;font-size: 15px;
}
.almost-cart .youama-noti-window-sucess{
width: 600px !important; height: 500px; background-color: white; display: none;
}
.almost-cart .popup-container{
width: 100%;
height: 85%;
display: flex;
justify-content: center;
align-items: stretch;
}
.almost-cart .popup-content{
height: 100%;
margin-left: 10px;flex: 1;
}
.almost-cart .popup-description{
overflow-y: scroll; height: 100%; padding:10px;
}
.almost-cart .popup-container .btn-container{
position: absolute; bottom: 0; left: 0; right: 0;text-align: center;padding: 10px;
}
.almost-cart .darken-image {
filter: brightness(50%);
}
.almost-cart .gift-button-container{
position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: auto;display: none;
}
.lazyload,.lazyloading{
transform-origin: center;
/* transform: scale(0.5); */
}
/*--------------END GIRDSLIDER----------*/
#girdslider-header-menu-aaa .girdslider-menu-item-aaa:hover a{
color: #F7931E;
}
#girdslider-header-menu-aaa{
padding: 0px 10px;
line-height: 2.0em;
/*text-align: center;*/
}
#girdslider-header-menu-aaa .girdslider-menu-item-aaa > a{
font-size: 16px;
text-decoration: none;
}
/* Header Menu */
.girdslider-menu-item-aaa{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 15px;
user-select: none;
font-size: 14px;
margin: 10px 5px 5px;
}
.girdslider-menu-item-aaa hr{
margin: 5px 0px;
border: 1.5px solid #eee0;
-webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
width : 20%;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
}
.girdslider-menu-item-aaa.active a, #girdslider-header-menu-aaa .girdslider-menu-item-aaa:hover a{
color: #F7931E;
}
.girdslider-menu-item-aaa:not(.active) hr{
-webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
}
.girdslider-menu-item-aaa:hover, .girdslider-menu-item-aaa.active{
border: 1px solid #F7931E !important;
border-radius: 5px;
margin: 10px 5px 5px;
}
.tabslider-tabs-gird{
float : none!important;
}
.tabs-xem-them.xem-them-item-aaa{
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 992px) {
.tabs-xem-them.xem-them-item-aaa{
height: 80px;
}
.xem-them-item-aaa a{
box-shadow: 2px 3px 5px #ccc;
font-size: 14px;
color: #fff!important;
font-weight: bold;
text-align: center;
padding: 10px;
border-radius: 25px;
width: 220px;
display: inline-block;
background-image: linear-gradient(to right, #ff9800, #F7695D);
transition: transform .2s;
}
.girdslider-item-aaa .item-inner{
position: relative;
border-radius: 2px;
background-color: #fff;
}
}
@media (max-width: 991px) {
.xem-them-item-aaa a{
font-size: 12px;
margin-bottom: 10px;
color: #fff!important;
font-weight: bold;
text-align: center;
padding: 10px;
border-radius: 30px;
width: 140px;
margin: 10px auto;
display: inline-block;
box-shadow: 2px 3px 5px #ccc;
background-image: linear-gradient(to right, #ff9800, #F7695D);
}
.tab-slider-mobile{
font-size: 13px;
}
.girdslider-item-aaa .item-inner{
position: relative;
padding: 5px 20px 5px 20px;
border-radius: 2px;
background-color: #fff;
min-height:340px;
}
#girdslider-page-container .row div.girdslider-item-aaa:nth-child(even){
padding-left : 5px!important;
}
#girdslider-page-container .row div.girdslider-item-aaa:nth-child(odd){
padding-left : 5px!important;
}
}
.xem-them-item-aaa a:hover{
-webkit-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
}
.girdslider-item-aaa .item-inner:hover{
-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}
.girdslider-title-aaa{
text-align: center;
font-size: 30px;
}
.tabslider-title.girdslider-title-aaa{
display: flex;
}
/* --- header menu page ---*/
.girdslider-header{
display : none;
}
#girdslider-header-menu-page .girdslider-menu-item-page > a{
font-size: 16px;
text-decoration: none;
}
.girdslider-menu-item-page{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 8px 12px;
user-select: none;
font-size: 14px;
margin: 5px 5px 5px 10px;
}
.girdslider-menu-item-page.active, #girdslider-header-menu-page .girdslider-menu-item-page:hover{
color: #F7931E;
}
.girdslider-menu-item-page:hover, .girdslider-menu-item-page.active{
border: 1px solid #F7931E !important;
color : #F7931E;
border-radius: 5px;
font-weight: bold;
}
/*----container- gird-mobile------*/
.gird-silder-container-mobile{
background:white;
margin-top:15px;
min-height: 400px;
}
/*----tab-slider-mobile-------*/
/*.tab-slider-mobile{
text-align: center;
margin-right: 10px !important;
width: auto!important;
padding: 8px 10px;
}*/
/*.tab-slider-mobile:first-child{
margin-left: 5px;
}*/
.tab-slider-mobile span{
/*padding: 10px;*/
/*padding-left: 15px;*/
/*padding-right: 15px;*/
}
.swiper-container-mobile{
padding-bottom: 0px;
/* margin-bottom: -25px; */
overflow: hidden;
}
/*----title-slider-mobile div-------*/
.cd-label-slider-mobile{
font-size: 15px;
font-weight: bold;
padding-top: 15px;
color: #000000;
font-family: inherit;
text-transform: uppercase;
padding-left: 10px;
}
.header-icon-gridslider-mobile{
margin-right: -5px;
padding: 12px 0px 10px 10px;
}
.header-icon-gridslider-mobile .icon-header{
width: 24px;
height: 24px;
}
/*----active-slider-mobile-------*/
/*.active-slider-mobile{
border: 1px solid #F7941E;
color: #F7941E;
font-weight: bold;
border-radius: 5px;
}*/
/*-- end------gird-mobile------*/
.active-visible{
display: none;
}
#girdslider-page-container .item-inner{
display: flex;
flex-direction: column;
justify-content: space-between;
}
/*--------------END GIRDSLIDER----------*/
#event-buffetcombo-product .tooltip {
position: relative;
display: inline-block;
opacity: 1;
}
#event-buffetcombo-product .tooltip .tooltiptext {
visibility: hidden;
width: 220px;
background-color: #fed89a;
color: #000;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
top: -5px;
left: 105%;
padding: 10px 10px;
font-size: 14px;
-webkit-box-shadow: 10px -1px 24px -16px rgba(33,33,33,1);
-moz-box-shadow: 10px -1px 24px -16px rgba(33,33,33,1);
box-shadow: 10px -1px 24px -16px rgba(33,33,33,1);
}
#event-buffetcombo-product .tooltip:hover .tooltiptext {
visibility: visible;
}
.product_view_note{
background: white;
padding: 10px;
}
.review-position span, .review-position > .rating-links > a, .ratings > .amount, .review-position > .rating-links, .rating-container .desktop_only {
color: #CDCFD0 !important;
font-size: 10px;
font-weight: 500;
}
.review-position > .rating-links, .review-position > a{
padding-left: 4px;
}
.icon-star{
width: 15px;
height: 15px;
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_star_yellow.svg") no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.icon-star.deactive{
width: 15px;
height: 15px;
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_star_gray.svg") no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.icon-star-text{
font-size: 1.2em;
font-weight: 700;
margin-left: 4px;
}
.cursor-pointer{
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.body-scroll-hidden{
overflow-y: hidden;
}
.fhs-info-promo-icon{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-info-promo-icon > div:first-of-type{
width: 26px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-info-promo-icon > div:nth-of-type(2){
width: calc(100% - 26px);
font-weight: 600;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-info-promo-icon.process-color > div:nth-of-type(2){
color: #2F80ED;
}
.fhs-info-promo-icon.complete-color > div:nth-of-type(2){
color: #28a745;
}
.fhs-btn-view-promo,
.fhs-btn-view-promo-coupon{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
min-width: 80px;
font-size: 1em;
font-weight: 600;
transition: all 0.3s;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 6px 0;
background-color: #2F80ED;
color: white;
border: 1.5px solid #2F80ED;
margin: 0;
padding: 5px 12px;
/* animation: fadeInAnimation ease 3s; */
}
.fhs-btn-view-promo-coupon.applied{
background-color: white;
color: #2F80ED;
border: 1.5px solid #2F80ED;
}
.fhs-btn-view-promo:disabled,
.fhs-btn-view-promo-coupon:disabled{
border: 1px solid #E0E0E0;
color: #E0E0E0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.fhs-btn-view-promo-coupon.applied > img{
height: 20px;
}
/*.fhs-btn-view-promo:enabled:hover,
.fhs-btn-view-promo-coupon:enabled:hover{
box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
transform: scale(1.03);
}*/
.fhs-btn-view-promo:enabled:active,
.fhs-btn-view-promo-coupon:enabled:active{
box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
webkit-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
transform: scale(0.98);
}
.fhs-event-promo{
border-top: 1px solid #ededed;
margin: 15px 0;
padding-top: 15px;
font-size: 1.1em;
}
#popup-loading-event-cart > .popup-loading-event-cart-info .fhs-event-promo-title,
.fhs_checkout_block .fhs-event-promo-title,
.fhs-event-promo > .fhs-event-promo-title{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
#popup-loading-event-cart > .popup-loading-event-cart-detail .fhs-event-promo-title{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
#popup-loading-event-cart > .popup-loading-event-cart-info .fhs-event-promo-title > .fhs-event-promo-title-left,
.fhs-event-promo > .fhs-event-promo-title > .fhs-event-promo-title-left{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#popup-loading-event-cart > .popup-loading-event-cart-info .fhs-event-promo-title > .fhs-event-promo-title-left,
#popup-loading-event-cart > .popup-loading-event-cart-detail .fhs-event-promo-title > .fhs-event-promo-title-center{
font-size: 1.1em;
}
#popup-loading-event-cart > .popup-loading-event-cart-detail .fhs-event-promo-title > .fhs-event-promo-title-left{
position: absolute;
left: 0;
top: 50%;
width: 30px;
text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#popup-loading-event-cart > .popup-loading-event-cart-detail .fhs-event-promo-title > .fhs-event-promo-title-right{
position: absolute;
right: 0;
top: 50%;
width: 30px;
text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#popup-loading-event-cart > .popup-loading-event-cart-detail .fhs-event-promo-title > .fhs-event-promo-title-left > span{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 50px;
height: 50px;
}
.fhs-event-promo > .fhs-event-promo-title > .fhs-event-promo-title-viewmore{
width: 40%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
cursor: pointer;
user-select: none;
}
#popup-loading-event-cart > .popup-loading-event-cart-info .fhs-event-promo-title > .fhs-event-promo-title-right{
width: 30px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
#popup-loading-event-cart > .popup-loading-event-cart-info .fhs-event-promo-title > .fhs-event-promo-title-right .fhs_event_promo_btn_close{
width: 23px;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#popup-loading-event-cart .fhs-event-promo-title > .fhs-event-promo-title-left > span:first-of-type,
.fhs_checkout_block .fhs-event-promo-title > .fhs-event-promo-title-left > span:first-of-type,
.fhs-event-promo > .fhs-event-promo-title > .fhs-event-promo-title-left > span:first-of-type{
padding-right: 8px;
}
#popup-loading-event-cart > .popup-loading-event-cart-detail .fhs-event-promo-title > .fhs-event-promo-title-center,
#popup-loading-event-cart .fhs-event-promo-title > .fhs-event-promo-title-left > span:nth-of-type(2),
.fhs_checkout_block .fhs-event-promo-title > span:nth-of-type(2),
.fhs-event-promo > .fhs-event-promo-title > .fhs-event-promo-title-left > span:nth-of-type(2){
text-transform: uppercase;
color: #2F80ED;
font-weight: 600;
}
.fhs-event-promo > .fhs-event-promo-title > .fhs-event-promo-title-viewmore > span:first-of-type{
padding-right: 8px;
color: #2F80ED;
font-weight: 600;
}
.fhs-event-promo > .fhs-event-promo-title > .fhs-event-promo-title-viewmore > span:last-of-type{
height: 24px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.fhs-event-promo > .fhs-event-promo-item{
margin-top: 15px;
position: relative;
}
.fhs-event-promo-item.fhs-event-promo-item-line{
padding-top: 15px;
border-top: 1px solid #ededed;
}
.fhs-event-promo-item > div:first-of-type{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
/* min-height: 65px; */
}
.fhs-event-promo-item > div:first-of-type > div:first-of-type{
width: 100%;
padding-bottom: 4px;
}
.fhs-event-promo-item > div:first-of-type > div:first-of-type > div:first-of-type{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
/* padding-bottom: 2px; */
}
.fhs-event-promo-list-item-content-title{
/* font-size: 1.1em; */
font-size: 1.1em;
font-weight: 650;
/* text-transform: uppercase; */
/* color: #323232; */
color: #212121;
padding-right: 8px;
}
.fhs-event-promo-item > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type{
word-break: break-word;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
/* text-transform: lowercase; */
width: 80%;
}
.fhs-event-promo-list-item-content-title{
}
.fhs-event-promo-item > div:first-of-type > div:first-of-type > div:first-of-type > div:nth-of-type(2){
min-width: 60px;
text-align: right;
}
.fhs-event-promo-list-item-content-description{
font-size: 1.1em;
}
.fhs-event-promo-item > div:first-of-type > div:first-of-type > div:nth-of-type(2):not(.fhs-event-promo-error),
.fhs-event-promo-item > div:first-of-type > div:first-of-type > div:nth-of-type(3):not(.fhs-event-promo-error){
word-break: break-word;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 80%;
}
.fhs-event-promo-item > .fhs-event-promo-item-left{
width: calc(100% - 100px);
padding-right: 25px;
height: 100%;
}
.fhs-event-promo-item > .fhs-event-promo-item-right{
width: calc(100% - 100px);
padding-right: 25px;
height: 100%;
}
.fhs-event-promo-error-block{
overflow: hidden;
transition: all 0.5s;
height: 0;
}
.fhs-event-promo-error{
margin: 4px 0 0 8px;
color: #F63B2F;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
/* position: absolute;
top: 0px;
left: 2px;
background: #fbdddd;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 2px 4px; */
}
.fhs-event-promo-list-item .fhs-event-promo-error > img,
.fhs-event-promo-item .fhs-event-promo-error > img{
padding-left: 0.5em;
}
.fhs-event-promo-list-item .fhs-event-promo-error:first-of-type,
.fhs-event-promo-item .fhs-event-promo-error:first-of-type{
/* margin: 8px 0 0 8px; */
margin: 0px 0 0 0px;
}
.fhs-event-promo-item > div:first-of-type > div:last-of-type{
/* width: 100px;
padding-top: 1em;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative;*/
}
.fhs-event-promo-item > div:first-of-type > div:last-of-type > .fhs-event-promo-list-item-detail {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
text-decoration: underline;
color: #007bff;
}
.fhs-event-promo-item > div:nth-of-type(2){
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
/* min-height: 35px; */
}
.fhs-event-promo-item > div:nth-of-type(2) > div:first-of-type{
width: calc(100% - 130px);
}
.fhs-event-promo-item > div:nth-of-type(2) > div:nth-of-type(2){
width: 130px;
/* padding-left: 16px; */
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.fhs-event-promo-item.expired span,
.fhs-event-promo-item.expired a,
.fhs-event-promo-item.expired div{
color: #CDCFD0 !important;
}
.fhs-event-promo-item > .label-expired{
position: absolute;
right: 4px;
bottom: 4px;
}
.fhs-event-promo-item > .label-expired > img{
z-index: 10;
}
.popup-loading-event-cart-detail .fhs-event-promo-list-item-content-title,
.popup-loading-event-cart-detail .fhs-event-promo-item-progress-bar{
margin-top: 8px;
}
.fhs-event-promo-item-progress-bar > .fhs-event-promo-item-progress,
.fhs-event-promo-item > .fhs-event-promo-item-progress{
margin-top: 2px;
width: 100%;
height: 6px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #B6D3F9;
border: none;
text-align: center;
display: block;
position: relative;
}
.fhs-event-promo-item-progress-bar > .fhs-event-promo-item-progress > hr,
.fhs-event-promo-item > .fhs-event-promo-item-progress > hr{
width: 50%;
height: 100%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #2F80ED;
border: none;
}
.fhs-event-promo-item-progress-bar > .fhs-event-promo-item-progress > .progress-cheat,
.fhs-event-promo-item > .fhs-event-promo-item-progress > .progress-cheat{
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
height: 20px;
width: 10px;
z-index: 10;
}
.fhs-event-promo-item-progress-bar > .fhs-event-promo-item-progress > hr,
.fhs-event-promo-list .fhs-event-promo-item-progress > hr{
margin-top: 0;
margin-bottom: 0;
}
.fhs-event-promo-item-progress-bar > .fhs-event-promo-item-progress > hr.progress-success,
.fhs-event-promo-item > .fhs-event-promo-item-progress> hr.progress-success{
background-color: #28a745;
}
.fhs-event-promo-item-progress-bar > .fhs-event-promo-item-progress > div,
.fhs-event-promo-item > .fhs-event-promo-item-progress > div{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: white;
font-weight: 650;
}
.fhs-event-promo-item-progress-bar .expired-date{
font-size: 1em;
}
.fhs-event-promo-item-minmax{
/* height: 1.4em; */
width: 100%;
z-index: 10;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.fhs-event-promo-item-minmax > span{
font-size: 12px;
}
.popup-loading-event-cart-detail .fhs-event-promo-item-minmax > span{
font-size: 1em;
}
.fhs-event-promo-item-minmax > span:first-of-type{
margin-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fhs-event-promo-item-minmax > span:nth-of-type(2){
padding-left: 8px;
white-space: nowrap;
}
.fhs-event-promo-item-msg{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-event-promo-list-detail-content .fhs-event-promo-item-msg{
display: none;
}
.fhs-event-promo-item-msg > span{
color: #2F80ED;
}
/* start css status order */
.image-status-order,.title-status-order,.text-status-order{
text-align: center;
}
.image-status-order{
padding-top: 15px;
}
.image-status-order img{
width: 100px;
}
.title-status-order{
padding-top: 15px;
padding-bottom: 15px;
}
.title-status-order h1{
font-size: 1.9em;
font-weight: bold;
line-height: 1.25em;
}
h1.pending-order{
color: #F7941E;
}
h1.success-order{
color: #28b928;
}
h1.failure-order{
color: #A90000;
}
.text-status-order p{
font-size: 1.2em;
margin-bottom: 0px;
}
.color-fhs-orange{
color: #F7941E;
font-weight: bold;
}
.color-fhs-black{
font-weight: bold;
color : black;
}
.status-order-template{
padding: 15px;
background-color: #fff;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
max-width: 1230px;
margin: auto;
}
.button-status-order a{
font-size: 1.2em;
margin-bottom: 10px;
color: #fff!important;
font-weight: bold;
text-align: center;
padding: 10px;
background-color: #ff9800;
border-radius: 40px;
width: 250px;
margin: 10px auto;
display: block;
}
.button-status-order a:hover{
color : white;
}
.button-status-order{
padding-top: 15px;
}
.content-status-order{
padding-bottom: 15px;
border-bottom: 1px solid #ecebeb;
}
.contact-status-order{
padding-top: 15px;
}
.contact-status-order div{
font-size: 1em;
padding-bottom: 5px;
}
.content-status-order-success{
padding-bottom: 15px;
}
/* end css status order */
/* UI bar gridSlider */
.text-progress-bar span{
position: absolute;
right: 0px;
left: 0px;
text-align: center;
color : white;
font-size: 12px;
}
.position-bar-gridslider{
position: relative;
margin-bottom: 0px;
border-radius: 15px;
height: 16px;
bottom: 0px;
}
.color-progress-grid {
box-shadow: none;
-webkit-box-shadow: none;
background-color: #F1B1B0;
background-image: none;
margin: 8px 10px 10px;
}
.color-bar-grid{
background-image: linear-gradient(to bottom, #D22121 0%, #D22121 100%);
}
/* END UI bar gridSlider */
/* begin fahasa product grid make by lamhung */
.fhs-product-grid > .fhs-product-grid-title{
text-align: center;
font-size: 2em;
text-transform: uppercase;
padding: 8px;
}
.fhs-product-grid > .fhs-product-grid-title-icon{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
font-size: 1.2em;
text-transform: uppercase;
padding: 12px 16px;
font-weight: 600;
}
.fhs-product-grid > .fhs-product-grid-title-icon.seriesbook_heade{
background-color: #fff2cc;
color: #ffa951;
}
.fhs-product-grid > .fhs-product-grid-title-icon.series_header{
background-color: #cff2fc;
color: #289aef;
}
.fhs-product-grid > .fhs-product-grid-title-icon > img{
padding-right: 8px;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.fhs-product-grid > .fhs-product-grid-title-icon > span{
align-self: center;
padding-top: 0.25rem;
}
.seriesbook_info > div{
margin: 8px 0;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: stretch;
-webkit-align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
background-color: white;
}
.seriesbook_info > div > .product-image{
padding: 0.8em;
width: calc((100% - 32px) / 5);
min-width: 125px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.seriesbook_info > div > .product-image > img {
max-height: 190px;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.seriesbook_info > div > div:last-of-type{
width: calc(100% - ((100% - 32px) / 5));
padding: 1.2em 0.8em 1.2em 0;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.seriesbook_info > div > div:nth-of-type(2) > div:first-of-type{
width: calc(100% - 200px);
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.seriesbook_info > div > div:nth-of-type(2) > div:last-of-type{
width: 190px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:column;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.seriesbook_info .product-name-no-ellipsis,
.seriesbook_info .product-name-no-ellipsis a{
font-size: 1.3em;
min-height: inherit;
max-height: inherit;
word-break: break-word;
}
.seriesbook_info .product-attribute > div{
padding-bottom: 4px;
font-size: 1.1em;
}
.seriesbook_info .fhs-series-episode-label{
padding-bottom: 4px;
font-size: 1.1em;
}
.seriesbook_info .fhs-series-subscribes{
padding-bottom: 4px;
font-size: 1.1em;
color: #2F80ED;
}
.seriesbook_info .price-label > p{
display: block;
}
.seriesbook_info .price-label > .special-price{
background-color: white !important;
color: #F7941E;
font-weight: 600;
padding-bottom: 4px;
}
.seriesbook_info .price-label > .special-price > span{
font-size: 1.4em;
}
.seriesbook_info .price-label > .old-price{
background-color: none !important;
color: #F7941E;
}
.seriesbook_info .price-label > .old-price > span{
font-size: 1.1em;
padding: 4px 0;
}
.seriesbook_info .price-label > .old-price > .discount{
margin-left: 8px;
padding: 4px 8px;
background-color: #feefdd;
}
.fhs-product-grid .sorter{
width: 280px;
padding-left: 16px;
max-width: calc(100vw - 50px);
}
.fhs-product-grid .seriesbook_info_name{
width: calc(100% - 280px);
}
.seriesbook_info_name{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding-left: 16px;
font-size: 1.1em;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fhs-product-grid-content{
/*padding: 16px 0;*/
margin-top: 8px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.fhs-product-grid-list{
display: grid;
grid-template-columns: repeat(2, 1fr);
padding-left: 0 !important;
width: 100%;
font-size: 14px;
}
.fhs-product-slider-list{
padding-left: 0 !important;
width: 100%;
font-size: 14px;
}
.fhs-product-grid .fhs-product-slider-content{
position: relative;
padding: 10px 15px 0 15px;
background-color: white;
}
.fhs-product-grid .fhs-product-slider-content .position-tab-next,
.fhs-product-grid .fhs-product-slider-content .position-tab-prev{
top: 30%;
}
.fhs-product-grid .fhs-product-grid-list > li{
background-color: white;
}
fhs-asidebar-content-item .fhs-product-grid .fhs-product-grid-list > li{
padding: 0 8px;
}
.fhs-product-slider-list > li,
.fhs-product-grid-list > li{
position: relative;
font-size: 0.8em;
}
.fhs-product-grid > .toolbar-top{
margin-left:0;
margin-right:0;
}
.fhs-product-grid > .toolbar-top .toolbar{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
border-bottom: none;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 0;
}
.fhs-product-grid-list > li > .item-inner .label-pro-sale {
-webkit-transform: translate(-50%, 25%);
-ms-transform: translate(-25%, 25%);
-moz-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
width: 40px;
height: 40px;
}
.fhs-product-grid-list > li > .item-inner .label-pro-sale > span{
margin-left: 0 !important;
margin-top: 0 !important;
font-size: 0.75em !important;
}
.fhs-product-grid-list > li > .item-inner .product-name{
height: 2.2em;
overflow: hidden;
}
.fhs-product-grid-list > li > .item-inner .ratings{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-product-grid-list .item-inner:hover {
-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}
/* @media screen and (max-width: 1200px){
.fhs-product-grid .fhs-product-grid-list > li{
width: calc(100% /5);
}
}
@media screen and (max-width: 1000px){
.fhs-product-grid .fhs-product-grid-list > li{
width: calc(100% /4);
}
}
@media screen and (max-width: 800px){
.fhs-product-grid .fhs-product-grid-list > li{
width: calc(100% /3);
}
}
@media screen and (max-width: 600px){
.fhs-product-grid .fhs-product-grid-list > li{
width: calc(100% /2);
}
}*/
.fhs-product-grid .fhs-product-grid-list{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 8px;
}
.fhs-product-grid .fhs-product-slider-list.swiper-wrapper .swiper-slide{
width: 176px;
}
@media (max-width: 1024px){
.fhs-product-grid .seriesbook_info_name{
width: calc(100% - 230px);
padding-left: 11px;
}
.fhs-product-grid .sorter{
width: 230px;
}
}
@media(max-width:992px){
.fhs-product-grid .seriesbook_info_name{
display: none;
}
.fhs-product-grid .fhs-product-grid-list{
grid-template-columns: repeat(4, 1fr);
}
.fhs-product-grid .fhs-product-slider-content{
padding: 0;
}
}
@media(max-width:792px){
.fhs-product-grid .fhs-product-grid-list{
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width:592px){
.fhs-product-grid .fhs-product-grid-list{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 370px) {
.fhs-product-grid .fhs-product-grid-list{
grid-template-columns: repeat(1, 1fr);
}
}
/* end fahasa product grid */
.fhs-radio-big{
display: inline-table;
position: relative;
/* padding-right: 20px;*/
padding-left: 30px !important;
font-weight: normal !important;
font-size: 1em !important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fhs-radio-big input{
position: absolute;
opacity: 0;
cursor: pointer;
}
.radiomark-big {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
height: 20px;
width: 20px;
border: 2px solid #e6e6e6;
border-radius: 50%;
}
.fhs_radio_top .radiomark-big {
top: 3px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
.fhs-radio-big input:checked ~ .radiomark-big {
border: 2px solid #C92127;
}
.fhs-radio-big input:enabled ~ .fhs-radio-big:hover input ~ .radiomark-big {
border: 2px solid #C92127;
}
.fhs-radio-big input:disabled ~ .radiomark-big{
background-color: #e6e6e6;
}
.expected_address_option_item:disabled:parent{
cursor: default;
}
.fhs-radio-big input:checked ~ .radiomark-big:after {
display: block;
}
.radiomark-big:after {
content: "";
position: absolute;
display: none;
}
.fhs-radio-big .radiomark-big:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
border-radius: 50%;
background: #C92127;
}
.top-banner-block > p{
margin: 0 !important;
}
#popup-loading-event-cart {
opacity: 1;
position: fixed;
z-index: 99999;
width: 550px;
height: 85%;
max-height: 800px;
max-width: 100%;
background-color: white;
display: none;
border: none;
top: 10%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
overflow: hidden;
font-family: 'Nunito Sans' !important;
}
#popup-loading-event-cart > .popup-loading-event-cart-info{
height: calc(100% - 55px);
}
#popup-loading-event-cart > .popup-loading-event-cart-bottom{
height: 55px;
-webkit-box-shadow: 0 -4px 7px 0 hsl(0, 0%, 95%);
-moz-box-shadow: 0 -4px 7px 0 hsl(0, 0%, 95%);
box-shadow: 0 -4px 7px 0 hsl(0, 0%, 95%);
}
#popup-loading-event-cart:not(.popup-loading-event-cart_hasbottom) > .popup-loading-event-cart-info,
#popup-loading-event-cart:not(.popup-loading-event-cart_hasbottom) > .popup-loading-event-cart-detail{
height: 100%;
padding-bottom: 15px;
}
#popup-loading-event-cart:not(.popup-loading-event-cart_hasbottom) > .popup-loading-event-cart-bottom{
display: none;
}
#popup-loading-event-cart.popup-loading-event-cart_hasbottom > .popup-loading-event-cart-info,
#popup-loading-event-cart.popup-loading-event-cart_hasbottom > .popup-loading-event-cart-detail{
height: calc(100% - 55px);
}
#popup-loading-event-cart.popup-loading-event-cart_hasbottom > .popup-loading-event-cart-bottom{
display: block;
}
#popup-loading-event-cart .popup-loading-event-cart-title{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-shadow: 0 4px 7px 0 hsl(0, 0%, 95%);
-moz-box-shadow: 0 4px 7px 0 hsl(0, 0%, 95%);
box-shadow: 0 4px 7px 0 hsl(0, 0%, 95%);
padding: 10px;
height: 50px;
}
#popup-loading-event-cart .popup-loading-event-cart-info .popup-loading-event-cart-title{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#popup-loading-event-cart .popup-loading-event-cart-content{
height: calc(100% - 50px);
width: 100%;
overflow-y: auto;
padding: 4px 4px 4px 15px;
}
.fhs-event-promo-list{
padding: 4px 0;
}
#fhs_checkout_event_promotion .fhs-event-promo-list{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
#fhs_checkout_event_promotion .fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type{
/* width: 22%; */
}
#popup-loading-event-cart .popup-loading-event-cart-content-promotion,
#popup-loading-event-cart .popup-loading-event-cart-content-wallet{
height: 500px;
max-height: 100%;
margin-right: 15px;
}
.popup-loading-event-cart-content-tabs_loading{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: white;
width: 100%;
height: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.fhs-event-promo-list > .fhs-event-promo-list-title{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.fhs-event-promo-list > .fhs-event-promo-list-title > span:first-of-type{
font-size: 1.1em;
font-weight: 700;
color: #212121;
}
.fhs-event-promo-list .fhs-event-promo-list-item{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: stretch;
justify-content: stretch;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin: 6px 0 0px 0;
position: relative;
height: 125px;
font-family: 'Nunito Sans' !important;
z-index:1;
/* max-width: 550px; */
}
.fhs-event-promo-list .fhs-event-promo-list-item.has-progress{
height: 145px;
}
#voucher_fahasa .fhs-event-promo-list .fhs-event-promo-list-item{
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}
#voucher_fahasa .fhs-event-promo-list{
display: grid;
padding: 0;
grid-template-columns: repeat(2, 1fr);
grid-gap: 32px 24px;
padding: 12px 0px;
}
.coupon_bg{
position: absolute;
top: 0;
left: 0;
bottom: 100%;
right: 100%;
filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 1px 3px);
width: 100%;
height: 100%;
}
.fhs-event-promo-list .coupon-bg{
position: absolute;width: 100%;z-index: -100;height: 100%;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type{
width: calc(26% - 28px);
/* min-height: 90px; */
-moz-border-radius-bottomleft: 8px;
-moz-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-self: stretch;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
position:relative;
}
#voucher_fahasa .fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type{
width: 85px;
margin: unset;
border-radius: unset;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:nth-of-type(2){
width: calc(100% - 125px);
padding: 12px 16px;
-moz-border-radius-bottomright: 8px;
-moz-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:column;
align-self: stretch;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
color: #464A4C;
width: 74%;
}
.fhs-event-promo-list .fhs-event-promo-list-item .fhs-event-promo-item.promo-item-error{
padding-top: 28px;
}
.fhs-event-promo-item-progress-bar{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:column;
align-self: stretch;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:nth-of-type(2) > .fhs-event-promo-list-item-button{
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-blue > div:last-of-type > div:first-of-type > div:first-of-type{
padding-bottom: 7.5px;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type >img{
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-green > div:first-of-type{
background-color: #28B928;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-blue > div:first-of-type{
background-color: #2F80ED;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type{
flex-direction: column;
border-radius: 4px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size:cover;
background-size: cover;
margin: 12px 12px 12px 12px;
}
.fhs-event-promo-list .fhs-event-promo-list-item .coupon-label{
font-weight: 700;
margin-top: 10px;
font-size: 0.95em;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-coupon > div:first-of-type{
background:#FFEFD7;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-coupon .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_promotion.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-freeship > div:first-of-type{
background: #E3FADA;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-freeship .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_freeship.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-payment > div:first-of-type{
background: #E4F5FC;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-payment >.icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_ewallet.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-payment .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_ewallet.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-evoucher .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_evoucher.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type > img{
width: 50%;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-other > div:first-of-type{
background: #E7E7FF;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-other .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_gift.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item .icon-promo{
max-width: 45px;
max-height: 45px;
width: 50%;
height: 50%;
background-size: 100% !important;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-evoucher > div:first-of-type{
/* background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_evoucher.svg") no-repeat center center; */
background-color: #fecaca;
/* -webkit-background-size: calc(100% - 16px) calc(100% - 16px);
-moz-background-size: calc(100% - 16px) calc(100% - 16px);
-o-background-size: calc(100% - 16px) calc(100% - 16px);
background-size: calc(100% - 16px) calc(100% - 16px); */
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-coupon.not_matched .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_promotion_gray.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-freeship.not_matched .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_freeship_gray.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.not_matched > div:first-of-type{
background: #F2F4F5;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-payment.not_matched .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_ewallet_gray.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.fhs-event-promo-list-item-other.not_matched .icon-promo{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/ico_gift_gray.svg") no-repeat center center;
}
.fhs-event-promo-list .fhs-event-promo-list-item.expired > div:first-of-type{
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/Frame_icon_web_gray.svg") no-repeat center center;
-webkit-background-size: calc(100% - 16px) calc(100% - 16px);
-moz-background-size: calc(100% - 16px) calc(100% - 16px);
-o-background-size: calc(100% - 16px) calc(100% - 16px);
background-size: calc(100% - 16px) calc(100% - 16px);
}
.fhs-event-promo-list > .panel-collapse{
transition: all 0.5s;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore{
padding: 0px 0 0 0;
text-align: center;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a{
font-size: 1.1em;
color: #2F80ED;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a > span{
padding-right: 4px;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a.collapsed > .text-viewless{
display: none;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a:not(.collapsed) > .text-viewless{
display: block;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a.collapsed > .text-viewmore{
display: block;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a:not(.collapsed) > .text-viewmore{
display: none;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a.collapsed img{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.5s;
width: 12px;
}
.fhs-event-promo-list > .fhs-event-promo-list-viewmore > a:not(.collapsed) img{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.5s;
}
.fhs-event-promo-list-line{
margin: 5px 0;
border-top: 1px solid #ededed;
}
.fhs-event-promo-list-item-btndata,
.fhs-event-promo-list-item-detaildata{
display: none;
}
#popup_event_cart_detail_close{
display: none;
flex-direction:row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.popup-loading-event-cart-detail .fhs-event-promo-list-item-detail{
display: none;
}
.popup-loading-event-cart-detail .fhs-event-promo-list{
display: none;
}
.popup-loading-event-cart-detail .fhs-event-promo-list .fhs-event-promo-list-item > div:nth-of-type(2){
width: 100%;
}
.popup-loading-event-cart-detail .fhs-event-promo-list .fhs-event-promo-list-item > div:nth-of-type(2) > div:first-of-type{
min-height: 80px;
}
#fhs-event-promo-list-detail-content div{
max-width: 100%;
}
.fhs-event-last-bottom{
padding-bottom: 15px;
border-bottom: 1px solid #ededed;
margin-bottom: 15px;
}
.close-popup-event{
text-align: center;
box-shadow: 0 -5px 5px -5px hsl(0, 0%, 90%);
}
.close-popup-event > a{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
}
.btn-close-popup-event{
width: calc(100% - 30px);
font-size: 1.2em;
font-weight: 600;
transition: all 0.3s;
box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 5px;
background-color: white;
color: #2F80ED;
border: 1.5px solid #2F80ED;
margin: 10px;
}
.btn-close-popup-event:enabled:active {
box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
webkit-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
transform: scale(0.98);
}
#popup_event_cart_detail_close button{
background-color: #2F80ED;
border: 1.5px solid #2F80ED;
color: white;
font-size: 1.1em;
font-weight: 550;
text-transform: uppercase;
}
#popup_event_cart_detail_close .fhs-btn-view-promo-detail-coupon,
#popup_event_cart_detail_close .fhs-btn-view-promo-detail-gift{
background-color: #2F80ED;
border: 1.5px solid #2F80ED;
color: white;
}
#popup_event_cart_detail_close .fhs-btn-view-promo-detail-coupon.applied{
background-color: white;
border: 1.5px solid #2F80ED;
color: #2F80ED;
}
#popup_event_cart_detail_close > button:disabled{
background-color: #E0E0E0;
border: 1.5px solid #E0E0E0;
box-shadow: none;
-webkit-box-shadow: none;
}
#popup-loading-event-cart .fhs-event-promo-list-empty{
width: 100%;
height: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
#popup-loading-event-cart .fhs-event-promo-list-empty > img{
margin-bottom: 15px;
}
#popup-loading-event-cart .fhs-event-promo-list-empty > div{
font-size: 1.2em;
}
.fhs-event-promo-almost-over-blue{
font-size: 0.75em;
padding: 4px 8px;
margin-right: 4px;
background-color: #C0D1E7;
color: #2F80ED;
text-transform: none;
}
.fhs-event-promo-almost-over-green{
font-size: 0.75em;
padding: 4px 8px;
margin-right: 4px;
background-color: #E9F8E9;
color: #28B928;
text-transform: none;
}
.fhs-event-promo-almost-over-red{
font-size: 0.75em;
padding: 4px 8px;
margin-right: 4px;
background-color: #F8D6DA;
color: #DC3545;
text-transform: none;
}
#fhs-popup-event-alert{
opacity: 1;
position: fixed;
z-index: 99999;
max-width: 100%;
max-height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#fhs-popup-event-alert > div:first-of-type{
margin: 180px 20px 0 20px;
font-weight: 600;
text-align: center;
}
#fhs-popup-event-alert > div:last-of-type{
position: absolute;
right: 50%;
bottom: 12px;
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-moz-transform: translate(50%, 0);
transform: translate(50%, 0);
}
.fhs-event-promo-list-item-content{
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.fhs-event-promo-list-item .fhs_voucher_code > div {
/* color: #28B928;
font-weight: 600; */
color: #464A4C;
font-weight: 600;
background-color: #E3E5E5;
border-radius: 4px;
display: inline-block;
padding: 8px 12px;
margin-top: 8px;
font-weight: 700;
font-size: 13px;
line-height: 13px;
display: flex;
}
.fhs-event-promo-list-item .fhs_voucher_code > div > div {
line-height: 16px;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-height: 16px;
}
.fhs-event-promo-list-item button.fhs_voucher_code {
display: inherit;
border: none;
padding: 0px
}
.fhs-event-promo-list-item .fhs_voucher_code > div > i {
margin-right: 6px;
font-size: 13px;
}
.fhs-event-promo-list-item.fhs-event-promo-list-item-blue .fhs_voucher_code{
color: #2F80ED;
}
.fhs_voucher_expiry{
color: #007bff;
margin-top: 10px;
}
.fhs_account_wallet_voucher{
margin: 16px 0 4px 0;
}
.fhs_account_wallet_voucher_title{
padding-bottom: 8px;
font-size: 20px !important;
text-transform: unset !important;
color: #565555 !important;
}
.voucher_empty{
width: 100%;
height: 424px;
max-height: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
background-color: white;
}
.seriesbook_empty > img,
.voucher_empty > img{
margin-bottom: 15px;
}
.seriesbook_empty,
.fhs_loading_panel{
margin-top: 8px;
width: 100%;
height: 326px;
max-height: 100%;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
background-color: white;
display: none;
}
.seriesbook_empty{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
}
.loading > .fhs_loading_panel{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
}
.fhs-tabs{
display: flex;
align-items: center;
font-weight: normal;
border-bottom: 1px solid #CDCFD0;
margin-bottom: 2px !important;
}
.fhs-tabs > li > a{
background-color: white;
text-align: center;
font-size: 14px;
text-decoration: none;
align-items: center;
}
.fhs-tabs li,.fhs-tabs .fhs-tabs-item-li{
padding: 10px 0;
display: inline-block;
text-align: center;
cursor: pointer;
user-select: none;
position: relative;
margin-right: 40px;
width: auto;
font-size: 1.4rem;
}
.tabslider-no-header-title .fhs-tabs li, .tabslider-no-header-title .fhs-tabs .fhs-tabs-item-li{
padding: 12px 0;
}
.fhs-tabs > li hr, .fhs-tabs .fhs-tabs-item-li hr{
position: absolute;
bottom: -4px;
left: 50%;
height: 0;
width: 0;
background-color: #C92127;
-webkit-transition: all 0.2s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.2s ease-in-out;
margin-block-start: 0.2em;
margin-block-end: 0.2em;
margin-inline-start: auto;
margin-inline-end: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.4rem;
}
.fhs-tabs li:not(.active) hr,.fhs-tabs .fhs-tabs-item-li:not(.active) hr{
-webkit-transition: all 0.2s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.2s ease-in-out;
}
/*.fhs-tabs > li:hover hr,*/
.fhs-tabs > li.active hr, .fhs-tabs .fhs-tabs-item-li.active hr{
background-color: #C92127;
border: 1px solid #C92127;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 100%;
}
.fhs-tabs-item-li.active{
font-weight: bold;
}
.fhs-tabs > li.active a, .fhs-tabs > li:hover a,.fhs-tabs .fhs-tabs-item-li.active, .fhs-tabs .fhs-tabs-item-li:hover{
color: #C92127;
-webkit-transition: none; /* For Safari 3.1 to 6.0 */
transition: none;
font-size: 1.4rem;
}
/*// mobile :*/
.fhs-tabs .fhs-tabs-item-li:not(.active-slider-mobile) hr{
-webkit-transition: all 0.2s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.2s ease-in-out;
}
/*.fhs-tabs > li:hover hr,*/
.fhs-tabs .fhs-tabs-item-li.active-slider-mobile hr{
background-color: #C92127;
border: 1px solid #C92127;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 100%;
}
.fhs-tabs .fhs-tabs-item-li.active-slider-mobile{
color: #C92127;
font-weight: bold;
-webkit-transition: none; /* For Safari 3.1 to 6.0 */
transition: none;
}
@media screen and (max-width: 992px){
.fhs-tabs .fhs-tabs-item-li{
margin-left: 5px;
margin-right: 15px!important;
}
}
#popup-loading-event-cart-content-tab{
padding-top: 7.5px;
height: 40px;
}
#popup-loading-event-cart-content-tab > li{
width: 49%;
margin-right: 0 !important;
padding: 0 8px 0 8px;
}
.popup-loading-event-cart-content-wallet{
display: none;
position: relative;
}
#popup-loading-event-cart-content-tabs{
height: calc(100% - 50px);
overflow-y: auto;
}
.fhs-info-promo-icon.process-color > div:nth-of-type(2) > i{
font-size:20px;color:#2F80ED;margin-left: 5px;
}
#btn_show_more_event_cart > div{
color: #F39801; font-weight: 600;cursor: pointer;display: flex; flex-direction: row; align-items: center;
}
#btn_show_more_event_cart .event-cart-view-less{
display: none;
}
#btn_show_more_event_cart > div > i {
font-size:20px;color:#F39801;margin-left: 5px;
}
.product-view-event-cart .event-cart-more-title{
font-weight: 600; font-size: 1.2em;
}
.form-search-form{
padding: 6px;
width: 100%;
}
.fhs_header_desktop .form-search-form{
min-height: 50px;
bottom: 3px;
}
.fhs_header_mobile .form-search-form{
bottom: -11px;
left: -44px;
right: 0;
min-height: 50px;
width: 100vw;
max-height: calc(100vh - 93.4px - env(safe-area-inset-bottom,0));
overflow: auto;
overflow-x: scroll;
}
.fhs_header_mobile .form-search-form::-webkit-scrollbar {
-webkit-appearance: none;
-webkit-overflow-scrolling: auto;
width: 3px;
}
.fhs_header_mobile .form-search-form::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
}
.form-search-form-title{
padding: 12px 12px 8px 12px;
color: #0D0E0F;
}
.form-search-form-title > span{
color: #0D0E0F;
font-size: 1.23em;
font-weight: bold;
}
.form-search-form-title > div:first-of-type > span:first-of-type,
.form-search-form-title > span:first-of-type{
padding-right: 6px;
}
.form_search_form_keyhot_content,
.form_search_form_cathot_content,
.form-search-form-content{
padding: 0 12px 16px 12px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.form_search_form_keyhot_content > a:hover,
.form_search_form_cathot_content > a:hover{
box-shadow: 0px 2px 6px #00000014;
-webkit-box-shadow: 0px 2px 6px #00000014;
}
.form_search_form_keyhot_content{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.form_search_form_keyhot_content > a{
height: 57px;
width: 100%;
}
.fhs_header_desktop .form_search_form_keyhot_content{
grid-gap: 4px 5px;
}
.fhs_header_mobile .form_search_form_keyhot_content{
grid-gap: 8px;
}
.fhs_header_mobile .form_search_form_keyhot_content > a{
background-color: #F7F9FA;
}
.form_search_form_keyhot_content img{
width: 47px;
}
.form_search_form_keyhot_content > a > .content_text{
flex-grow: 1;
text-align: left;
}
.form_search_form_cathot_content{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 16px;
}
.form_search_form_cathot_content img{
width: 56px;
}
.fhs_header_mobile .form_search_form_cathot_content a{
max-width: 100px;
}
.fhs_header_mobile .form_search_form_cathot_content img{
width: auto;
}
.form-search-form-banner{
overflow: hidden;
margin: 12px 12px 4px 12px;
}
.form-search-form-banner > .swiper-wrapper > a{
padding: 10px 16px;
font-size: 1.23em;
}
.fhs_header_mobile .form-search-form-banner > .swiper-wrapper > a{
padding: 15px 12px;
}
.form-search-form-banner img{
height: 28px;
}
@media screen and (max-width: 500px){
.form_search_form_keyhot_content{
grid-template-columns: repeat(2, 1fr);
}
.form_search_form_cathot_content {
grid-gap: 10px;
}
}
.form-search-form-content > span{
margin: 3px 3px;
padding: 4px 8px;
background-color: #F2F4F5;
color: #7A7E7F;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.form-search-form-content > div{
margin: 3px 3px;
padding: 4px 8px;
background-color: #F2F4F5;
color: #7A7E7F;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.form-search-form-content > div > span{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.form-search-form-content > div > i{
margin-left: 8px;
width: 16px;
height: 16px;
}
.form-search-form-content > span a{
color: #8A8A8A;
}
.form-search-form-title > div,
.form-search-form-title > div > span,
.form-search-form-title{
color: #0D0E0F;
}
.form-search-form-title > div > span{
font-size: 1.23em;
font-weight: bold;
}
.form-search-form-title >div:nth-of-type(2){
color: #DC3545;
}
.form-search-form .fhs_top_account_line{
background-color: #dadde1;
color: #dadde1;
height: 1px;
margin: 4px 8px;
}
.fhs_cart_msg_block{
border: 1px solid #F7941E;
margin-top: 12px;
padding: 12px 40px 12px 12px;
font-size: 1.1em;
background-color: white;
position: relative;
}
.fhs_cart_msg_block .fhs_cart_msg_block_close{
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.fhs_cart_msg_block a{
color: #F7941E;
}
.fhs-bsidebar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
visibility: hidden;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-bsidebar-tab {
position: absolute;
height: 48px;
height: -webkit-calc(48px + env(safe-area-inset-bottom,0));
height: calc(56px + env(safe-area-inset-bottom, 0));
max-height: 70px;
width: 100%;
max-width: 600px;
left: 50%;
z-index: 1;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
background-color: white;
}
.fhs-bsidebar-tab-items{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%;
box-shadow: 0px -2px 4px #0000001A;
}
.fhs-bsidebar-tab-items li{
height: 100%;
}
.fhs-bsidebar button{
cursor: pointer;
user-select: none;
height: 100%;
font-weight: 700;
font-size: 1.1em;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
color: #C92127;
border: none;
border-radius: 0;
}
.fhs-bsidebar .product-view-quantity-box{
height: 100%;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-qty {
width: 117px;
border-right: 1px solid #CDCFD0;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-qty input{
border: none;
color: #0D0E0F;
font-weight: 700;
font-size: 1.2em;
}
.fhs-bsidebar a.btn-subtract-qty{
padding: 0 8px 0 16px;
}
.fhs-bsidebar a.btn-add-qty{
padding: 0 16px 0 8px;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-addcart{
width: calc(100% - 250px);
}
.fhs-bsidebar .fhs-bsidebar-tab-items-addcart button{
width: 100%;
border-right: none;
padding-left: 5px;
padding-right: 5px;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-addcart button > span{
padding: 0 8px;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-buynow button{
width: 133px;
color: #fff;
background-color: #C92127;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-noti{
width: 100%;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-noti button{
width: 100%;
}
.fhs-bsidebar .fhs-bsidebar-tab-items-qty .product-view-quantity-box-block{
border:none;
height: 100%;
}
button{
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.label_expired{
position: absolute;
top: 1px;
left: 4px;
background: url("/skin/frontend/ma_vanese/fahasa/images/promotion/label_saphet.svg") no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 24px;
width: 65px;
z-index: 10;
}
.label_run_out{
position: absolute;
top: 5px;
left: 4px;
z-index: 10;
background: #ff4343;
color: #fff;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
padding: 2px 6px;
}
.label_wallet_voucher{
border-bottom-left-radius: 8px;
position: absolute;
top: -4px;
right: 4px;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
/* height: 24px; */
/* width: 80px; */
z-index: 10;
background-color: #ffd188;
color: #763F0B;
font-weight: 600;
padding: 0px 8px;
border-top-right-radius: 8px;
display: flex
;
justify-content: center;
align-items: center;
font-size: 12px;
}
.fhs-event-promo-item .info-coupon{
margin-top: 10px;
}
.fhs-event-promo-sumary .fhs_label_note{
padding: 0 !important;
}
.fhs_label_coupon_label_info{
color: #7A7E7F;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start ;
}
.fhs_label_coupon_label_info > div:first-of-type{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.popup-loading-event-cart-coupon .fhs_label_note{
display: none;
margin-top: 8px;
}
.fhs-input-group-horizontal-coupon > .fhs_label_note{
margin: 4px 0 0 154px;
}
.popup-loading-event-cart-coupon .fhs_label_note{
margin: 4px 0 0 0;
}
.fhs_tooltip{
white-space: nowrap;
position: relative;
}
.fhs_tooltip > span{
white-space: normal;
position: absolute;
transition: opacity 0.3s ease-out;
min-width: 220px;
max-width: 250px;
font-size: 1em;
padding: 8px 16px;
pointer-events: none;
left: 50%;
bottom: -10px;
-webkit-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
-moz-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
visibility: hidden;
border-radius: 6px;
opacity: 0;
line-height: 17px;
z-index: 10;
color: #fff;
background-color: #222;
text-align: center;
}
.fhs_tooltip:hover > span{
visibility: visible;
opacity: 1;
}
.fhs-event-promo-title-left .fhs_tooltip > span{
left: -75%;
}
/*Wallet voucher page*/
@media screen and (min-width: 500px) {
#voucher_fahasa .fhs-wallet-voucher-page .fhs-event-promo-list .fhs-event-promo-list-item{
height: auto;
}
}
.fhs-wallet-voucher-page .fhs-event-promo-list .fhs-event-promo-list-item{
height: auto;
}
.fhs-wallet-voucher-page .fhs-event-promo-list .fhs-event-promo-list-item > div:nth-of-type(2){
flex-direction:row;
width: 100%;
padding: 10px 15px;
}
.fhs-wallet-voucher-page .fhs-event-promo-list .fhs-event-promo-list-item > div:last-of-type > div:first-of-type{
width: 100%;
min-height: 60px;
height: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-self: stretch;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.fhs-wallet-voucher-page .fhs-event-promo-list-item-content{
padding-right: 8px;
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
justify-content: space-around;
}
.fhs-wallet-voucher-page .fhs-event-promo-list-item-content > div:first-of-type{
font-weight: 700;
font-size: 16px;
line-height: 20px;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-height: 20px;
}
.fhs-wallet-voucher-page .fhs-event-promo-list-item-content > div:nth-of-type(2){
line-height: 20px;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 40px;
color: #7A7E7F;
}
.fhs-wallet-voucher-page .fhs-event-promo-list .fhs-event-promo-list-item > div:last-of-type > div:first-of-type > div:last-of-type{
height: 100%;
padding-top: 1em;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: flex-end;
-webkit-align-items: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative;
}
.fhs-wallet-voucher-page .fhs-event-promo-list .fhs-event-promo-list-item > div:last-of-type > div:first-of-type > div:last-of-type > .fhs-event-promo-list-item-detail{
position: absolute;
top: -5px;
right: -5px;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
color: #007bff;
font-weight: 600;
padding: 12px;
}
.fhs_btn{
display: flex;
align-items: center;
justify-content: center;
width: 210px;
height: 40px;
padding: 5px 15px;
font-size: 1.2em;
font-weight: 650;
transition: all 0.3s;
border-radius: 8px;
color: #C92127;
border: 2px solid #C92127;
cursor: pointer;
user-select: none;
text-align: center;
align-self: center;
}
.fhs_btn:disabled{
background: rgb(224,224,224);
background: -moz-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
background: linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="#e0e0e0",GradientType=1);
border: none;
color: #b3b3b3;
}
.fhs_btn:enabled:active{
box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
webkit-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
transform: scale(0.98);
}
@media screen and (min-width: 993px){
}
@media screen and (max-width: 992px){
#popup-loading-event-cart-content-tab:not(.fhs-tabs-no-couponbox){
padding-top: 0;
}
.fhs_account_wallet_voucher_title{
/* display:none; */
}
.seriesbook_info > div > div:nth-of-type(2) > div:first-of-type{
width: 100%;
}
.seriesbook_info > div > div:nth-of-type(2) > div:last-of-type{
display: none;
}
.fhs-bsidebar{
visibility: visible;
}
#fhs_checkout_event_promotion .fhs-event-promo-list{
grid-template-columns: repeat(1, 1fr);
}
#fhs_checkout_event_promotion .fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type{
/* width: 20%; */
}
}
@media screen and (max-width: 500px){
.fhs-event-promo-list-item{
height: 110px !important;
}
.fhs-event-promo-list-item.has-progress{
height: 130px !important;
}
.fhs-event-promo-list-item > div:first-of-type{
/* width: 116px !important; */
}
.fhs-event-promo-list-item-content-description{
font-size: 0.9em;
}
#voucher_fahasa .col-main.fhs-wallet-voucher-page {
padding-left: 8px;
padding-right: 8px;
}
#voucher_fahasa .fhs-event-promo-list-item
{
height: auto !important;
}
#voucher_fahasa .fhs-event-promo-list-item > div:first-of-type{
width: auto !important;
}
#voucher_fahasa .fhs-event-promo-list{
grid-template-columns: repeat(1, 1fr);
grid-gap: 16px;
}
.fhs-wallet-voucher-page .fhs-event-promo-list-item-content > div:first-of-type{
font-size: 14px;
}
.fhs-event-promo-list-item > div:nth-of-type(2){
/* width: calc(100% - 105px) !important; */
padding: 12px !important;
/* padding: 12px 8px 12px 12px !important; */
font-size: 13px !important;
}
.fhs-event-promo-item > .fhs-event-promo-item-progress > .progress-cheat{
height: 8px;
width: 10px;
}
.fhs-event-promo-list .fhs-event-promo-list-item > div:first-of-type{
margin: 10px;
width: calc(25% - 20px);
}
.fhs-event-promo-list .fhs-event-promo-list-item .coupon-label{
font-size: 0.8em;
}
#voucher_fahasa .fhs-event-promo-list-item > div:nth-of-type(2){
width: 100% !important;
}
.fhs-event-promo-item .fhs-event-promo-item-minmax > span:nth-of-type(2){
display: none;
}
.fhs-event-promo-list-item > div:nth-of-type(2) > div:first-of-type{
min-height: 45px;
}
#voucher_fahasa .fhs-event-promo-list-item > div:first-of-type > img{
width: 90%;
}
.fhs-event-promo-item-progress-bar .expired-date{
font-size: 0.9em;
}
#voucher_fahasa .fhs-event-promo-list-item > div:nth-of-type(2) > div:first-of-type > div:first-of-type{
padding-right: 8px;
height: 100%;
}
.fhs-event-promo-list-item .fhs-event-promo-item > div:nth-of-type(2){
min-height: 20px;
}
.fhs-event-promo-list-item .fhs-event-promo-item > div:nth-of-type(2) > div:nth-of-type(2){
/* width: 96px; */
padding-left: 8px;
}
.fhs-event-promo-list-item .fhs-event-promo-item > div:nth-of-type(2) > div:first-of-type {
width: calc(100% - 100px);
}
.fhs-event-promo-list-item .fhs-btn-view-promo,
.fhs-event-promo-list-item .fhs-btn-view-promo-coupon{
width: 84px;
padding: 4px 0;
}
.fhs-event-promo-list-item .fhs-btn-view-promo-coupon:has(img){
width: 110px;
}
#voucher_fahasa .fhs-event-promo-list-item .fhs-btn-view-promo,
#voucher_fahasa .fhs-event-promo-list-item .fhs-btn-view-promo-coupon{
width: 70px;
}
.label_expired{
top: 0;
left: 5px;
height: 19px;
width: 50px;
}
#popup-loading-event-cart .popup-loading-event-cart-content{
padding: 8px 8px 20px;
}
#popup-loading-event-cart .popup-loading-event-cart-content-promotion,
#popup-loading-event-cart .popup-loading-event-cart-content-wallet{
margin-right: 0 !important;
}
}
@media screen and (max-width: 550px){
#popup-review-order {
top: 16px;
max-height: calc(100vh - 32px);
-webkit-transform: translate(-50%, -8px);
-ms-transform: translate(-50%, -8px);
-moz-transform: translate(-50%, -8px);
transform: translate(-50%, -8px);
}
.popup-review-order-body{
max-height: calc(100vh - 63px)
}
#ykienkhachhang .phan1 p,#ykienkhachhang .phan2 p, #ykienkhachhang .phan3 p{
line-height: 20px;
margin-top: 10px;
text-align: left;
font-size: 12px;
}
.review-order-body-icon-text{
font-size: 12px;
width: 120px;
line-height: 18px;
}
#ykienkhachhang img{
padding-right: 4px;
}
#ykienkhachhang .row{
padding-left: 10px !important;
}
.fhs-event-promo-title-left .fhs_label_note{
display: none;
}
.popup-loading-event-cart-coupon .fhs_label_note{
display: flex;
}
}
.text-image-countdowntime{
position: absolute;
left: 0;
right: 0;
top: 40%;
text-align: center;
color: #000;
font-size: 40px;
display: flex;
justify-content: center;
}
.image-countdowntime-container{
max-width: 733px;
margin: auto;
}
.item-countdowntime{
/*color: #686ee0;*/
padding : 0.4em;
font-weight: bold;
border-radius: 0.3em;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 1.8em;
width: 1.8em;
}
.item-text-countdowntime{
padding-top: 0.25em;
/*color: white;*/
font-weight: bold;
font-size: 0.5em;
font-family: 'Nunito';
}
.item-text-countdowntime-box{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 1.8em;
width: 1.8em;
outline: none;
border-color: #ffffff;
/*box-shadow: 0px 10px 13px 4px #00000000, 1px 0px 12px 4px rgba(255,255,255,0.6);*/
box-shadow: 0em 0.4em 0.4em 0.1em #00000000, 0em 0em 0.3em 0.1em rgba(255,255,255,0.6);
font-family: 'Nunito';
border: 0.05em solid #ffffff;
}
.flashsale-item .flashsale-price,
.wrap-item .price-label,
.item-inner .price-label{
position: relative;
margin-top: 4px;
}
.wrap-item .episode-label,
.item-inner .episode-label{
position: absolute;
top: 0;
right: 0;
}
.flashsale-item .episode-label{
position: absolute;
top: 0;
right: 10px;
}
.episode-label{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 50px;
font-size: 11.25px;
background-color: #92959B;
color: #ffffff;
text-align: center;
padding: 0.25em 6px;
font-weight: 600;
width: 65px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-inner .btn_add_cart{
margin-top: 8px;
}
.btn_add_cart > span{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.btn_add_cart{
width: 100%;
height: 34px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
transition: all 0.3s;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-weight: 600;
font-size: 1.1em;
padding: 4px 8px;
background-color: white;
color: #C92127;
border: 1.5px solid #C92127;
margin-left: 0 !important;
cursor: pointer;
}
.btn_add_cart .btn_add_cart_icon{
background: url("/skin/frontend/ma_vanese/fahasa/images/ico-shopping-bag-orange.svg") no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 16px;
width: 16px;
display: inline-block;
margin-right: 8px;
}
.item-inner .btn_add_cart:hover{
border: none;
background-color: #C92127;
color: white;
}
.flashsale-item .btn_add_cart:hover{
border: none;
background-color: #C92127;
color: white;
}
.item-inner .btn_add_cart:hover .btn_add_cart_icon{
background: url("/skin/frontend/ma_vanese/fahasa/images/ico-shopping-bag-white.svg") no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
@media (max-width: 767px) {
.text-image-countdowntime{
font-size: 1.5em;
}
}
@media (max-width: 450px) {
.fhs-product-grid .fhs-product-grid-list > li{
padding: 0;
}
}
.product-name-full-text { margin:0; font-weight:normal; line-height: 18px;display: inline-block;}
/* --- handle history payment --*/
ul.order-box-info-ul {
min-width: 14em;
}
.order-box-info-li-status{
width: fit-content;
border-radius: 20px;
border: 1px solid;
padding: 2px 10px 1px 10px;
font-weight: bold;
height: fit-content;
}
.order-box-info-li-content-status{
display: flex;
}
.order-box-info-li-text{
flex: 1;
font-size: 1.2em;
line-height: 1;
}
.order-box-info-li-created-at{
color: #bfbfbf;
}
.order-box-info-li-content{
flex : 1;
}
div.order-box-info-li:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
border-radius: 1em;
background: #F7941E;
z-index: -1;
}
div.order-box-info-li:after{
content: '';
position: absolute;
top: .9em;
left: 0.4em;
height: 100%;
width: .2em;
background: #FCDAB0;
z-index: -2;
}
div.order-box-info-li {
position: relative;
height : 100%;
min-height : 5em;
}
.order-box-info-cricle{
background: transparent;
width: 20px;
}
.active-order-box-info-li:before {
background: lightblue;
}
.active-order-box-info-li:after {
background: lightblue;
}
/*.active-order-box-info-li ~ li.order-box-info-li:before {
background: lightblue;
}
.active-order-box-info-li ~ li.order-box-info-li:after {
background: lightblue;
}
li.order-box-info-li:last-child:after {
display: none;
}*/
li.order-box-info-li-parent:last-child div.order-box-info-li:after{
display: none;
}
.order-box-info-button-showpopup{
cursor: pointer;
}
.order-box-info-li-status{
display: block;
}
.order-box-info-li-status-mobile{
width: fit-content;
border-radius: 20px;
border: 1px solid;
padding: 2px 10px 1px 10px;
font-weight: bold;
height: fit-content;
margin-top : -5px;
margin-bottom: 10px;
}
.order-box-info-li-status-mobile{
display: none;
}
.item-inner .fhs-series-episode-label{
font-size: 1.2em;
}
.fhs-series-subscribes{
color: #2F80ED;
}
.item-inner .fhs-series-subscribes{
font-size: 1.2em;
}
.fhs-series-label{
height: 1.8em;
width: 1.8em;
margin-right: 4px;
display: inline-block;
vertical-align:middle;
position: relative;
}
.fhs-series-label > i{
position: absolute;
background: url(/skin/frontend/ma_vanese/fahasa/images/label_Bo.svg) no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 100%;
width: 100%;
display: inline-block;
vertical-align:middle;
margin-top: -0.1em;
}
.product-name-no-ellipsis.fhs-series a{
line-height: 1.3em;
min-height: 3em;
max-height: 3em;
font-weight: 550;
margin-bottom: 4px;
}
.products-grid > li{
position: relative;
font-size: 0.8em;
}
.white_space_4{
flex: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 2px !important;
}
/*FHS ICON*/
.fhs_icon_cart{
background: url("/skin/frontend/ma_vanese/fahasa/images/icon-cart.svg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 24px;
width: 22px;
}
.fhs_icon_cart_no_stock{
background: url("/skin/frontend/ma_vanese/fahasa/images/icon-cart-silver.svg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 24px;
width: 22px;
margin-right: 8px;
}
.item-inner .images-container{
position: relative;
}
.flashsale-item .product-image .episode-label,
.item-inner .images-container .episode-label{
right: 0;
bottom: 0;
left: inherit;
top: initial;
background-color: #0D0E0F;
}
.flashsale-item .discount-percent,
.item-inner .discount-percent {
margin-left: 8px;
padding: 3px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #C92127;
color: #fff;
font-size: 1em;
font-weight: 600;
letter-spacing: 0px;
}
#products_grid .item-inner .discount-percent{
padding: 0px 4px;
}
.ico_delete_circle_gray{
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_delete_circle_gray.svg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 24px;
width: 24px;
}
.flashsale-item .rating-links,
.item-inner .rating-links{
margin-left: 4px;
color:#212121;
font-size: 1.4rem;
line-height: 0;
vertical-align: middle;
}
.cms-icon-menu{
position: relative;
}
.swiper-button-disabled{
display: none !important;
}
.cms-icon-menu .fhs-tab-slider-prev,
.cms-icon-menu .fhs-tab-slider-next{
background-size: 18px 18px !important;
width: 30px !important;
height: 30px !important;
border-radius: 15px;
}
@media (max-width: 768px)
{
.order-box-info-li-text{
font-size: 1em;
}
.order-box-info-li-content{
padding-bottom: 15px;
}
.order-box-info-li-status{
display: none;
}
.order-box-info-li-status-mobile{
display: block;
}
.order-box-info-li-content-status{
margin-bottom: 3px;
}
}
/* --- end handle history payment --*/
@media screen and (min-width: 1000px){
.fhs-asidebar-content-productviewed.active{
display: none !important;
}
}
@media screen and (max-width: 1000px){
.fhs-asidebar-content-productviewed.active{
display: block;
}
}
@media screen and (max-width: 992px){
.block-link-follow .container{
-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
}
.animate_parent{
position: relative;
}
.border_neon{
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border-radius: 4px;
-webkit-animation: border_neoning 1000ms infinite;
-moz-animation: border_neoning 1000ms infinite;
-o-animation: border_neoning 1000ms infinite;
animation: border_neoning 1000ms infinite
}
@-webkit-keyframes border_neoning {
0% { -webkit-box-shadow: 0 0 0px #C92127; }
50% { -webkit-box-shadow: 0 0 2px #C92127; }
100% { -webkit-box-shadow: 0 0 4px #C92127; }
}
@-moz-keyframes border_neoning {
0% { -moz-box-shadow: 0 0 0px #C92127; }
50% { -moz-box-shadow: 0 0 2px #C92127; }
100% { -moz-box-shadow: 0 0 4px #C92127; }
}
@-o-keyframes border_neoning {
0% { box-shadow: 0 0 0px #C92127; }
50% { box-shadow: 0 0 2px #C92127; }
100% { box-shadow: 0 0 4px #C92127; }
}
@keyframes border_neoning {
0% { box-shadow: 0 0 0px #C92127; }
50% { box-shadow: 0 0 2px #C92127; }
100% { box-shadow: 0 0 4px #C92127; }
}
/* skeleton */
.skeleton {
animation: skeleton-loading 1s linear infinite alternate;
}
.flash_sale_skeleton_list {
padding: 0 8px 16px;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
background-color: #fff;
}
.flash_sale_skeleton_item {
margin-left: 8px;
height: 405px;
}
.flash_sale_skeleton_image {
width: 190px;
height: 190px;
border-radius: 4px;
margin: 8px 0;
}
.flash_sale_skeleton_text_large {
width: 196px;
height: 32px;
border-radius: 4px;
margin: 8px 0;
}
.flash_sale_skeleton_text_medium {
width: 118px;
height: 16px;
border-radius: 4px;
margin: 8px 0;
}
#icon_menu_container {
display: none;
}
.cms_icon_menu_item_row {
display: none;
}
.flash_sale_skeleton_text_small {
width: 80px;
height: 16px;
border-radius: 4px;
margin: 8px 0;
}
.icon_menu_skeleton_container {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
.icon_menu_skeleton_cube {
width: 44px;
height: 44px;
border-radius: 4px;
}
.icon_menu_skeleton_cube_medium {
width: 29px;
height: 29px;
border-radius: 4px;
}
.event_coupon_skeleton_item {
display: flex;
justify-content: space-around;
width: 390px;
height: 140px;
background-color: #fff;
margin: 8px;
border-radius: 8px;
z-index: 10;
}
.event_coupon_skeleton_item_left, .event_coupon_skeleton_item_right {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.event_coupon_title_skeleton {
width: 191px;
height: 16px;
border-radius: 8px;
margin: 8px 0;
}
.event_coupon_description_skeleton {
width: 127px;
height: 16px;
border-radius: 8px;
margin: 8px 0;
}
.event_coupon_process_medium_skeleton {
width: 127px;
height: 8px;
border-radius: 8px;
margin: 8px 0;
}
.event_coupon_process_small_skeleton {
width: 73px;
height: 8px;
border-radius: 8px;
margin: 8px 0;
}
.event_coupon_info_skeleton {
width: 97px;
height: 12px;
border-radius: 8px;
margin: 8px 0;
}
.event_coupon_button_skeleton {
width: 97px;
height: 24px;
border-radius: 16px;
margin: 8px 0;
}
@keyframes skeleton-loading {
0% {
background-color: #EDF2F2;
}
100% {
background-color: #ddd;
}
}
.btn-member-benefits {
color:#7a7e7f !important; border: 1px solid #fff; border-radius:4px; background:white; position:absolute; top:24px; right:24px; padding: 8px 16px; text-align:center; display:flex; align-items:center; flex-direction:row; font-weight: 600
}
.block-benefits-container {
display:flex; flex-direction: row; justify-content:space-between; align-items: stretch;
}
.block-benefits-parent {
background-color: white; flex: 1; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 16px;
}
.block-benefits-child {
box-sizing: border-box;background-color: #F2F4F5; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; flex:1; padding: 16px; border-radius: 8px; min-height:90px;
}
.ranks-info-tabs {
display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-left: 10px; margin-top:10px
}
.rank-info-tab {
display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:12px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color:#CDCFD0; margin-right:6px; cursor: pointer; min-width:150px;
}
.rank-info-tab.active {
border-bottom: 3px solid #C92127;
background-color: white;
}
.rank-info-name {
font-weight: 600;
}
.icon-rank-tab {
height: 40px; width: 40px; margin-right: 12px;
}
.order-subOrder-title {
background: #E0ECFD;
color: #2489F4;
font-size: 1.1em;
display: flex;
justify-content: flex-start;
align-items: center;
border-color: #2489F4;
}
.order-subOrder-title-mobile {
display: none;
}
.icon-info-subOrder-container {
border-bottom-left-radius:4px;
border-top-left-radius:4px;
padding:10px;
background-color: #c1d9f7;
margin-right:20px;
}
.icon-info-subOrder-title {
border-radius: 50%;
width:20px;
height:20px;
border:2px solid;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
font-size:13px;
}
.ranks-info-title {
font-size:20px;
font-weight: 600;
padding-left: 10px;
}
.block-benefits-title {
font-size:18px;
font-weight:600;
}
.block-benefits-child-title {
font-size:16px; font-weight:600;
}
.block-benefits-child-value {
font-size:18px; font-weight:600; color: #C92127;
}
.br-4 {
border-radius: 4px;
}
.br-8 {
border-radius: 8px;
}
.progress-container {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px 16px 10px;
}
.progress-circle {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #F2F4F5;
display: grid;
place-items: center;
}
.progress-circle:before{
content: "";
position: absolute;
height: 90%;
width: 90%;
background-color: #ffffff;
border-radius: 50%;
}
.value-container {
position: relative;
}
.user-rank-info-container {
display:flex; flex-direction:column; justify-content:center; align-items:center;flex:1; width: 100%;
}
.user-rank-info-fullname {
padding: 10px 0; font-size: 20px; font-weight:600; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;
}
.icon-rank-silver-gold {
width:80px; height:80px;
}
.icon-rank-diamond {
width:100px; height:100px;
}
.user-rank-accumulated {
color:#7A7E7F; padding: 10px 0;
}
.background-color-member {
text-align:center; border-radius: 20px; padding: 4px 12px;
}
.user-rank-promotions-mobile {
display: none;
}
.count-circle{
display: inline-block;
background-color: #D32226;
color: white;
border-radius: 12px;
padding: 0 5px;
min-width: 16px;
height: 16px;
text-align: center;
font-size: 11px;
line-height: 17px;
margin-left: 8px;
font-weight: normal;
}
.pager-fpoint-history{
margin:0 5px;
cursor: pointer;
border-radius:4px; height:36px; width:36px; text-align:center; line-height:36px;
}
.pager-fpoint-history li, .pager-fpoint-history li span {
font-size:16px;
}
.pager-fpoint-history.pager-active li{
color : white;
font-weight: bold;
}
.pager-fpoint-history:hover{
background-color: rgba(246, 59, 47, 0.2);
}
.block-benefits-parent.block-benefits-promotions{
margin: 0 6px 0 12px;
}
.block-benefits-parent.block-benefits-achievements{
margin: 0 12px 0 6px;
}
.account-fpoint-current-value{
color: #F6A500; font-size:20px; font-weight:bold;
}
.icon_see_more_gray {
background: url(/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg) no-repeat center center;
-webkit-background-size: 18px;
-moz-background-size: 18px;
background-size: 18px;
transform: rotate(-180deg);
height: 18px;
width: 18px;
transition: transform 0.5s ease;
}
.tab-user-info-container .icon_see_more_gray{
margin-left: 4px;
}
.icon_see_more_gray.down{
transform: rotate(270deg);
transition: all 0.5s ease 0s;
}
.icon_see_more_gray.up{
transform: rotate(90deg);
transition: all 0.5s ease 0s;
}
.input-edit-address-book{
display:flex !important; flex-direction:row; align-items:center;
}
@media screen and (max-width: 768px) {
.block-benefits-container.user-detail, .btn-member-benefits.user-detail, .order-subOrder-title{
display:none;
}
.order-subOrder-title-mobile {
background: #E0ECFD;
color: #2489F4;
font-size: 1.1em;
display: flex;
justify-content: flex-start;
align-items: center;
border-color: #2489F4;
margin: 20px 16px 0;
padding: 8px 10px;
border-radius: 8px;
}
.background-img-benefits {
min-height: 80px !important;
}
.my-account.user-detail {
margin-top:0 !important;
}
.btn-member-benefits {
padding: 4px 8px;
top:16px;
right:16px;
}
.ranks-info-tabs {
margin-left: 10px; margin-right:5px; margin-top: 10px;
}
.rank-info-tab {
/* flex-direction: column; */
min-width: auto;
flex:1;
height: 40px;
padding:8px;
}
.icon-rank-tab {
margin-right: 5px;
width: 24px;
height: 24px;
}
.ranks-info-title {
font-size: 16px;
}
.block-benefits-parent{
border-radius:unset;
padding: 16px;
}
.block-benefits-achievements{
margin-top:5px !important;
}
.block-benefits-parent.block-benefits-promotions, .block-benefits-parent.block-benefits-achievements{
/* flex-direction: column; */
margin-left:0 !important;
margin-right:0 !important;
width: 100% !important;
border: none !important;
box-shadow: none !important;
}
.block-benefits-container.block-benefits-container-mobile{
flex-direction: column;
margin-top:0 !important;
}
.block-benefits-title {
font-size:16px;
}
.block-benefits-child {
padding: 10px;
min-height: 60px;
}
.block-benefits-child-title {
font-size:14px; font-weight:600;
}
.block-benefits-child-value {
font-size:16px; font-weight:600; color: #C92127;
}
.progress-container {
padding: 10px 16px 10px;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: space-between;
}
.user-rank-info-container {
align-items: flex-start;
padding-right: 5px;
width: 70%;
}
.user-rank-info-fullname {
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
font-size: 16px;
padding: 5px 0;
text-align: left;
}
.icon-rank-silver-gold {
width:67px; height:67px;
}
.icon-rank-diamond {
width:85px; height:85px;
}
.progress-circle {
width: 87px;
height: 87px;
}
.user-rank-accumulated {
padding: 5px 0;
}
.background-color-member {
padding: 2px 10px;
}
.user-rank-info-container .mobile {
font-size: 12px;
}
.user-rank-promotions-mobile {
display: block;
padding-bottom: 10px;
}
.account-fpoint-current-value{
font-size:16px;
}
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magento.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magento.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2006-2014 X.commerce, Inc. (http://www.magento.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
/* hidden badge recaptcha */
.grecaptcha-badge {
/* visibility: hidden !important; */
position: static !important;
visibility: visible !important;
}
/*** basic styles ***/
/*body { margin: 30px; }*/
#ykienkhachhang h1 { font-size: 1.5em; color: #FFFFFF; font-weight: bold; width: 100%;}
#ykienkhachhang h2 { font-size: 1.3em; color: #FFFFFF; line-height: 20px; padding-bottom: 10px;}
#ykienkhachhang label { font-size: 13px; color: #C92127; line-height: 20px; text-align: justify;}
.ykienkhachhang-title { font-size: 2.5em; color: #d9534f; line-height: 30px; font-weight: bold; text-align: center; margin-bottom: 20px;}
#ykienkhachhang .container {
width: 100%;
margin: 5px;
}
#ykienkhachhang input[type=radio].with-font,
#ykienkhachhang input[type=checkbox].with-font {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#ykienkhachhang input[type=radio].with-font ~ label:before,
#ykienkhachhang input[type=checkbox].with-font ~ label:before {
font-family: FontAwesome;
display: inline-block;
content: "\f1db";
letter-spacing: 10px;
font-size: 1.8em;
color: #ffffff;
width: 1.4em;
}
#ykienkhachhang input[type=radio].with-font:checked ~ label:before,
#ykienkhachhang input[type=checkbox].with-font:checked ~ label:before {
content: "\f00c";
font-size: 1.8em;
color: darkgreen;
letter-spacing: 5px;
}
#ykienkhachhang input[type=checkbox].with-font ~ label:before {
content: "\f096";
}
#ykienkhachhang input[type=checkbox].with-font:checked ~ label:before {
content: "\f046";
color: darkgreen;
}
#ykienkhachhang input[type=radio].with-font:focus ~ label:before,
#ykienkhachhang input[type=checkbox].with-font:focus ~ label:before,
#ykienkhachhang input[type=radio].with-font:focus ~ label,
#ykienkhachhang input[type=checkbox].with-font:focus ~ label
{
color: green;
}
/*
* Row with equal height columns
* --------------------------------------------------
*/
#ykienkhachhang .row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/*
* Styles copied from the Grid example to make grid rows & columns visible.
*/
#ykienkhachhang .container {
padding-right: 15px;
padding-left: 15px;
background: none;
}
#ykienkhachhang h4 {
margin-top: 25px;
}
/*#ykienkhachhang .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 {
padding: 0px;
}*/
/*
* Callout styles copied from Bootstrap's main docs.
*/
/* Common styles for all types */
#ykienkhachhang .bs-callout {
padding: 20px;
margin: 20px 0;
border-left: 3px solid #eee;
}
#ykienkhachhang .bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
#ykienkhachhang .bs-callout p:last-child {
margin-bottom: 0;
}
#ykienkhachhang .bs-callout code {
background-color: #fff;
border-radius: 3px;
}
/* Variations */
#ykienkhachhang .bs-callout-danger {
background-color: #fdf7f7;
border-color: #d9534f;
}
#ykienkhachhang .bs-callout-danger h4 {
color: #d9534f;
}
#ykienkhachhang .bs-callout-warning {
background-color: #fcf8f2;
border-color: #f0ad4e;
}
#ykienkhachhang .bs-callout-warning h4 {
color: #f0ad4e;
}
#ykienkhachhang .bs-callout-info {
background-color: #f4f8fa;
border-color: #5bc0de;
}
#ykienkhachhang .bs-callout-info h4 {
color: #5bc0de;
}
#ykienkhachhang .phan1, #ykienkhachhang .phan2, #ykienkhachhang .phan3{
border-top: 1px solid #F0F0F0;
text-align: left;
margin-bottom: 10px;
}
#ykienkhachhang .phan1 span,#ykienkhachhang .phan2 span, #ykienkhachhang .phan3 span{
text-align: left;
color: #F39801;
font-size: 14px;
font-weight: bold;
}
#ykienkhachhang .phan1 p,#ykienkhachhang .phan2 p, #ykienkhachhang .phan3 p{
line-height: 20px;
margin-top:15px;
}
#ykienkhachhang .phan1 .content-left,#ykienkhachhang .phan1 .content-right{
background-color: #14aeea;
}
#ykienkhachhang .phan1 .content-middle{
background-color: #0c566d;
}
#ykienkhachhang .phan2 .content-left,#ykienkhachhang .phan2 .content-right{
background-color: #EBCB4A;
}
#ykienkhachhang .phan2 .content-middle{
background-color: #6b5e27;
}
#ykienkhachhang .phan3 .content-left,#ykienkhachhang .phan3 .content-right{
background-color: #F14C4C;
}
#ykienkhachhang .phan3 .content-middle{
background-color: #6d1d23;
}
#ykienkhachhang .content-right{
padding: 10px;
}
#ykienkhachhang .input-note{
text-align: left;
display: none;
}
#ykienkhachhang .content-middle, #ykienkhachhang .content-left{
display: flex;
align-items: center;
}
#ykienkhachhang .content-left, #ykienkhachhang .content-middle{
text-align: center;
}
#ykienkhachhang .input-text{
/*display: none;*/
background-color: #ff9100;
margin-bottom: 10px;
}
#ykienkhachhang img{
width:100%;
height:auto;
}
#ykienkhachhang .content-middle img{
width: 80%;
margin: auto;
}
#ykienkhachhang div{
padding: 0px;
}
#ykienkhachhang .btn-submit{
margin: auto;
margin-bottom: 20px;
text-align: right;
}
#ykienkhachhang .btn-success{
background-color: #000;
background-image: none;
border-color: #000;
}
#ykienkhachhang .survey_success{
/*background-color: #ff9100;*/
text-align: center;
padding: 20px;
}
#ykienkhachhang .survey_success span,#ykienkhachhang .survey_success i{
color: #3c763d;
font-size: 2em;
}
#ykienkhachhang .err_message{
display: none;
text-align: center;
font-size: 2em;
margin-bottom: 10px;
padding: 10px;
background-color: #F14C4C;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/magentothem/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/magentothem/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/magentothem/fancybox/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/ma_vanesa2/magentothem/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
.account-login .fb-login h2 {
background-image:url("https://cdn1.fahasa.com/skin/frontend/base/default/images/magestore/fblogin/fb_icon.gif");
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 23px;
}
.fb-seprate{
margin-top:30px;
}
#connected{
text-align:center;
margin-top:60px;
}
#connected #image{
margin-bottom:10px;
}
@media screen and (min-width: 653px) and (max-width: 864px) {
.account-login .fb-login h2 {
background-image:url("https://cdn1.fahasa.com/skin/frontend/base/default/images/magestore/fblogin/fb_icon.gif");
background-position-x: 0%;
background-position-y: 13%;
background-repeat: no-repeat;
padding: 0 0 0 23px;
}
}
@media screen and (min-width: 480px) and (max-width: 652px) {
.account-login .fb-login h2 {
background-image:url("https://cdn1.fahasa.com/skin/frontend/base/default/images/magestore/fblogin/fb_icon.gif");
background-position-x: 0%;
background-position-y: 7%;
background-repeat: no-repeat;
padding: 0 0 0 23px;
}
}
@media screen and (min-width: 150px) and (max-width: 440px) {
.account-login .fb-login h2 {
background-image:url("https://cdn1.fahasa.com/skin/frontend/base/default/images/magestore/fblogin/fb_icon.gif");
background-position-x: 0%;
background-position-y: 13%;
background-repeat: no-repeat;
padding: 0 0 0 23px;
}
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.searchindex-results {
*zoom: 1;
margin-bottom: 10px;
border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
display: table;
content: "";
line-height: 0;
}
.searchindex-results:after {
clear: both;
}
.searchindex-results li {
margin-bottom: -1px;
float: left;
*zoom: 1;
margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
display: table;
content: "";
line-height: 0;
}
.searchindex-results li:after {
clear: both;
}
.searchindex-results li a {
font-size: 12px;
font-weight: bold;
color: #333;
display: block;
cursor: pointer;
padding: 2px 5px 1px 5px;
line-height: 20px;
border: 1px solid transparent;
border-bottom: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
text-decoration: none;
}
.searchindex-results li a:hover {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
border: 1px solid #a0b3c3;
border-bottom: none;
}
.searchindex-results li a span {
font-weight: normal;
font-size: 0.9em;
}
.searchindex-results li.active a {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
cursor: default;
border: 1px solid #a0b3c3;
border-bottom: none;
}
.searchindex-result li {
padding: 5px;
}
.searchindex-result li .title a {
font-weight: bold;
color: #203548;
font-size: 13px;
}
.searchindex-result.searchindex-result-category {
margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
font-weight: bold;
color: #203548;
}
.ves-megamenu{
position: relative;
}
.ves-megamenu .dropdown-menu > .dropdown-menu-inner {
padding: 10px;
}
.ves-megamenu .mega-group .caret {
display: none;
}
.ves-megamenu .mega-group > .dropdown-toggle {
display: block;
font-weight: bold;
padding: 6px 5px;
text-transform: uppercase;
border-bottom: solid 1px #E5E5E5;
}
.ves-megamenu .mega-group .dropdown-mega .mega-col-inner > ul > li a {
margin-left: 6px;
}
.ves-megamenu .mega-col .mega-col-inner > ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.ves-megamenu .mega-col .mega-col-inner > ul > li {
list-style: none;
margin-left: 0;
}
.ves-megamenu .mega-col .mega-col-inner > ul > li > a {
clear: both;
color: #555555;
display: block;
line-height: 20px;
}
.ves-megamenu .dropdown-submenu:hover .dropdown-menu {
/*display: block;*/
}
.ves-megamenu .dropdown-submenu > .dropdown-menu {
border-radius: 0 6px 6px 6px;
left: 100%;
margin-left: -6px;
margin-top: -6px;
top: 0;
}
.widget-product-list img{
width: 60px;
height: 60px;
float: left;
margin-right: 12px;
}
.widget-banner .w-banner{
margin: 6px 10px;
float: left;
}
/*Updated new version for megamenu: Offset canvas sidebar menu*/
.menu-offcanvas-inner {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 200px;
}
#menu-offcanvas .close-mobile-nav.close-block {
font-size: 20px;
line-height: 48px;
text-transform: uppercase;
padding-left: 13px;
position: relative;
/*color: #FFF;*/
}
#menu-offcanvas .menu-navigation{
position: relative;
width: 100%;
}
#menu-offcanvas .close-mobile-nav.close-block .sidebar-logo-search{
padding-right: 25px;
}
#menu-offcanvas .close-mobile-nav.close-block .button-close-menu {
font-size: 20px;
/*color: #fff;*/
position: absolute;
right: 2px;
display: block;
line-height: 50px;
margin-top: -25px;
cursor: pointer;
top: 50%;
width: 50px;
height: 50px;
text-align: center;
}
#menu-offcanvas .menu-footer{
padding-bottom: 20px;
text-align: center;
clear:both;
}
#menu-offcanvas .menu-footer::after {
clear:both;
}
#menu-offcanvas .menu-footer .social-icons {
display: table;
width: 100%;
margin: 0;
}
#menu-offcanvas .menu-footer .copyright {
color: #fff;
font-weight: 400;
margin-top: 23px;
}
#menu-offcanvas .menu-footer .social-icon {
display: table-cell;
border: 1px solid rgba(235,235,235,0.07);
border-left: none;
text-align: center;
font-size: 17px;
line-height: 49px;
min-width: 40px;
margin: 0;
color: #FFF;
}
#menu-offcanvas .menu-footer .social-icon:hover{
color: #188fcc;
}
span.open-child {
font-size: 0;
display: block;
position: absolute;
right: 2px;
top: 0;
margin-top: 3px;
z-index: 1;
cursor: pointer;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
/*color: #FFF;*/
}
.dropdown-submenu span.open-child {
right: 17px;
}
span.open-child:after {
content: "+";
font-size: 20px;
text-align: center;
background: transparent;
opacity: 1;
}
.over > span.open-child:after {
content: "\2212";
}
#menu-offcanvas .menu-offcanvas-content .dropdown{
position:relative!important;
}
#menu-offcanvas .dropdown-menu.in {
display: none;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
height: auto;
-webkit-transition: none;
transition: none;
transform: translateX(0);
}
#menu-offcanvas .menu-offcanvas-content .dropdown .dropdown-menu{
background: transparent;
}
#menu-offcanvas .menu-offcanvas-content .dropdown .dropdown-toggle{
height: 47px;
}
@media only screen and (min-width : 768px) {
/* Make Navigation Toggle on Desktop Hover */
#menu-offcanvas .dropdown:hover > .dropdown-menu, #menu-offcanvas .dropdown-submenu:hover > .dropdown-menu, .mobile-nav .dropdown:hover > .dropdown-menu, .mobile-nav .dropdown-submenu:hover > .dropdown-menu {
display: none;
}
#mainmenutop .dropdown:hover > .dropdown-menu, #mainmenutop .dropdown-submenu:hover > .dropdown-menu {
display: block!important;
opacity: 1;
filter: alpha(opacity=100);
transform: translateX(0);
visibility: visible;
height: auto;
}
}
@media (max-width: 992px) {
#ves-mainnav .navbar-collapse.collapse {
display: none !important;
}
#ves-mainnav .navbar-toggle {
display: block;
float: right;
}
}
#menu-offcanvas .button-close-menu{ background: transparent!important;}
#menu-offcanvas .dropdown .dropdown-menu{ display: none; }
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul li a{ color: #fff;}
#menu-offcanvas .ves-widget{ color: #fff;}
/* Individual effects */
/* Effect 1: Slide in on top */
.offcanvas-effect-1.offcanvas-menu-open .offcanvas-effect-1.offcanvas-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Effect 2: Reveal */
.offcanvas-effect-2.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.offcanvas-effect-2.offcanvas-menu-open .offcanvas-effect-2.offcanvas-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Effect 3: Push*/
.offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
/*position: fixed;*/
}
.rtl .offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.offcanvas-effect-3.offcanvas-menu-open .offcanvas-effect-3.offcanvas-menu {
visibility: visible;
overflow: visible;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Effect 5: Reverse slide out */
.offcanvas-effect-5.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.offcanvas-effect-5.offcanvas-menu-open .offcanvas-effect-5.offcanvas-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/*End Update At Here*/
.ves-megamenu .aligned-center .dropdown-menu{
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.ves-megamenu .aligned-right .dropdown-menu{
left: auto;
right: 0;
}
.ves-megamenu .aligned-left .dropdown-menu{
}
.ves-megamenu .megamenu .aligned-fullwidth {
position: inherit!important;
}
.ves-megamenu .aligned-fullwidth .dropdown-menu{
width: 100%!important;
left: 0;
}
.ves-verticalmenu{
position: relative;
}
.ves-verticalmenu .dropdown-menu > .dropdown-menu-inner {
padding: 10px;
}
.ves-verticalmenu .mega-group .caret {
display: none;
}
.ves-verticalmenu .mega-group > .dropdown-toggle {
display: block;
font-weight: bold;
padding: 6px 5px;
text-transform: uppercase;
border-bottom: solid 1px #E5E5E5;
}
.ves-verticalmenu .mega-group .dropdown-mega .mega-col-inner > ul > li a {
margin-left: 6px;
}
.ves-verticalmenu .mega-col .mega-col-inner > ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.ves-verticalmenu .mega-col .mega-col-inner > ul > li {
list-style: none;
margin-left: 0;
}
.ves-verticalmenu .mega-col .mega-col-inner > ul > li > a {
clear: both;
color: #555555;
display: block;
line-height: 20px;
}
.ves-verticalmenu .dropdown-submenu:hover .dropdown-menu {
display: block;
}
.ves-verticalmenu .dropdown-submenu > .dropdown-menu {
border-radius: 0 6px 6px 6px;
left: 100%;
margin-left: -6px;
margin-top: -6px;
top: 0;
}
.widget-product-list img{
width: 60px;
height: 60px;
float: left;
margin-right: 12px;
}
.widget-banner .w-banner{
margin: 6px 10px;
float: left;
}
.ves-verticalmenu .dropdown:hover > .dropdown-menu, .ves-verticalmenu .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.ves-verticalmenu .aligned-center .dropdown-menu{
top: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.ves-verticalmenu .aligned-right .dropdown-menu{
left: auto;
top: 0;
}
.ves-verticalmenu .aligned-left .dropdown-menu{
}
.ves-verticalmenu .megamenu .aligned-fullwidth {
position: inherit!important;
}
.ves-verticalmenu .aligned-fullwidth .dropdown-menu{
height: 100%!important;
top: 0;
}
/***********************Updated new version for megamenu: Offset canvas sidebar menu***********************/
span.open-child {
font-size: 0;
display: block;
position: absolute;
right: 2px;
top: 0;
margin-top: 3px;
z-index: 1;
cursor: pointer;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
/*color: #FFF;*/
}
.dropdown-submenu span.open-child {
right: 17px;
}
span.open-child:after {
content: "+";
font-size: 20px;
text-align: center;
background: transparent;
opacity: 1;
}
.over > span.open-child:after {
content: "\2212";
}
#menu-offcanvas .menu-offcanvas-content .dropdown{
position:relative;
}
#menu-offcanvas .dropdown-menu.in {
display: none;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
height: auto;
-webkit-transition: none;
transition: none;
transform: translateX(0);
}
#menu-offcanvas .menu-offcanvas-content .dropdown .dropdown-menu{
background: transparent;
}
#menu-offcanvas .menu-offcanvas-content .dropdown .dropdown-toggle{
height: 47px;
}
.menu .navbar-nav > li:hover > .dropdown-menu, .verticalmenu .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
left: 100%;
opacity: 1;
top: 0;
visibility: visible;
}
.offcanvas-menu-open .offcanvas-pusher::after {
height: 100%;
width: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media (max-width: 767px) {
.ves-verticalmenu.offcanvas-actived .navbar {
background: transparent!important;
border: 0 none!important;
border-radius: 0;
margin: 0;
padding: 0;
}
.ves-verticalmenu.offcanvas-actived > .block-content{
left: 0;
opacity: 1;
position: relative;
top: 0px;
visibility: visible;
}
.ves-verticalmenu.block {
float: left;
}
.menu-offcanvas-content .caret{ display: none;}
}
@media (max-width: 992px) {
#ves-verticalmenu .navbar-collapse.collapse {
display: none !important;
}
#ves-verticalmenu .navbar-toggle {
display: block;
float: left;
}
.ves-verticalmenu.block-success{
border: 0px solid!important;
}
#ves-verticalmenu .block-content{
border: 0px solid!important;
position: relative!important;
}
#ves-verticalmenu .navbar{
margin-bottom: 0px !important;
}
#ves-verticalmenu, #ves-verticalmenu .navbar-inverse{
background:transparent!important;
}
}
/***********************End Update At Here***********************/
#menu-offcanvas .button-close-menu{ background: transparent!important;}
#menu-offcanvas .dropdown .dropdown-menu{ display: none; }
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul li a{ color: #fff;}
#menu-offcanvas .ves-widget{ color: #fff;}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@email:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
/* Import ================================================================================ */
/**
* Web Application Prefix Apply For Making Owner Styles
*/
/**
* Blocks Layout Selectors
*/
/**
* Product Item Selectors
*/
/***********************************************************************/
/*
* LAYOUT VARIABLES
*/
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <$emai:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
/*------------------ User ------------------*/
/* Icons */
/* buttons */
/*
* Block Modules
*/
/*
* LAYOUT VARIABLES
*/
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@emai:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
/**
* Transition-timing-function property@mixin
*/
/*background RGBA
============================================*/
/*inline-block
============================================*/
/****/
/****/
/* RIGHT TO LEFT */
/**
/**
* BASE CSS STYLES
*/
* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
margin: 0;
padding: 0;
}
body {
background: #f8f6f0;
color: #333333;
font-size: 13px;
font-weight: 400;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
.cms-homepage-glasses .top-static {
display: block;
}
ul, ol {
margin: 0;
padding: 0;
}
ul li, ol li {
list-style: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: none!important;
}
a:hover, a:focus {
outline: 0!important;
text-decoration: none;
color: #bf9a61;
}
img {
max-width: 100%;
}
ul.bullet li {
padding: -3px 0;
position: relative;
}
ul.bullet li a {
padding-left: 12px;
}
.rtl ul.bullet li a {
padding-right: 12px;
padding-left: inherit;
}
ul.bullet li a:before {
display: block;
content: "\f064";
font-family: "FontAwesome";
font-size: 12px;
position: absolute;
left: 0;
top: 6px;
}
.rtl ul.bullet li a:before {
right: 0;
left: auto;
}
ul.bullet li a:hover:before {
color: #039be5;
}
/* links style */
ul.links {
margin: 0;
padding: 0;
}
ul.links li {
display: inline;
line-height: normal;
list-style: none;
}
ul.links li a {
margin: 0 9px;
}
ul.links li a:hover {
color: #bf9a61;
}
ul.links li .fa, ul.links li .icon {
margin-right: 10px;
}
ul.list li {
list-style: none;
padding: 6px 0;
}
ul.my-account li {
padding: 6px 0;
list-style: disc;
margin-left: 14px;
}
ul.inline li {
float: left;
}
.rtl ul.inline li {
float: right !important;
}
.tree-menu ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
}
.tree-menu > ul > li {
width: 100%;
height: auto;
position: relative;
}
.tree-menu > ul > li .caret, .tree-menu > ul > li .head a {
position: absolute;
right: 18px;
top: 13px;
background-color: #9c9c9c;
color: #FFF;
padding: 0 6px;
margin-right: -20px;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
-ms-border-radius: 10%;
-o-border-radius: 10%;
border-radius: 10%;
}
.tree-menu > ul > li:last-child a {
border: none;
}
.tree-menu > ul > li > a {
display: block;
color: #444444;
font-size: 12px;
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
}
.tree-menu > ul > li ul {
display: none;
}
.tree-menu > ul > li a.active {
font-weight: 600;
color: #E02673;
}
.tree-menu > ul > li a.active + ul {
display: block;
padding: 0 0 10px 10px;
}
.tree-menu > ul > li ul > li {
padding-left: 30px;
}
.tree-menu > ul > li ul > li > a {
text-decoration: none;
display: block;
padding: 8px 0;
color: black;
}
.tree-menu > ul > li ul > li > a.active {
font-weight: 600;
color: #bf9a61;
}
/* Tools */
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.a-left {
text-align: left;
}
.rtl .a-left {
text-align: right !important;
}
.a-center {
text-align: center !important;
}
.a-right {
text-align: right;
}
.rtl .a-right {
text-align: left !important;
}
.v-top {
vertical-align: top;
}
.v-middle {
vertical-align: middle;
}
.f-left {
float: left;
}
.rtl .f-left {
float: right !important;
}
.f-right {
float: right;
}
.rtl .f-right {
float: left !important;
}
.f-none {
float: none !important;
}
.f-fix {
float: left;
width: 100%;
}
.no-display {
display: none;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.col-no-padding {
padding: 0!important;
}
.row-no-margin {
margin: 0!important;
}
.no-bg {
background: none !important;
}
.rtl .pull-left {
float: right!important;
}
.over-hidden {
overflow: hidden;
}
/* ======================================================================================= */
/* tab style */
.htabs ul li {
margin: 0;
float: left;
display: inline-block;
}
.rtl .htabs ul li {
float: right !important;
}
.htabs ul li a {
padding: 10px 30px;
border: 1px solid transparent;
margin-right: 0;
font-weight: 700;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #999;
margin-bottom: -1px;
position: relative;
}
.htabs ul li a:hover {
background: transparent;
color: black;
border-color: transparent;
}
.htabs ul li a.selected {
background: transparent;
color: black;
display: block;
border-color: #f6f6f6;
}
table.form {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table.form > * > * > td {
color: #000000;
}
table.form td {
padding: 4px;
}
table.form tr td:first-child {
width: 170px;
}
table.radio {
width: 100%;
border-collapse: collapse;
padding: 0;
display: table;
}
table.radio td {
padding: 5px;
}
table.radio td label {
display: block;
}
table.radio td input[type="radio"] {
margin: 0;
}
table.radio tr td:first-child {
width: 1px;
}
table.radio tr td:first-child input {
margin-top: 1px;
}
table.radio tr.highlight:hover td {
background: white;
cursor: pointer;
}
#colorbox, #cboxOverlay, #cboxWrapper {
box-sizing: content-box;
-moz-box-sizing: content-box;
/* Firefox */
}
#colorbox .tabs-group .tab-contents {
padding: 0;
border: 0;
background: #fff;
}
.validation-advice {
color: #c83a3a;
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/i_asc_arrow.gif") no-repeat;
background-position: left 13px;
padding-left: 15px;
padding-top: 6px;
text-align: left;
}
.rtl .validation-advice {
background-position: right 13px;
}
.rtl .validation-advice {
padding-right: 15px;
padding-left: inherit;
}
.rtl .validation-advice {
text-align: right !important;
}
.tempcp-quickview-view .zoomContainer,
.tempcp-quickview-view .ves-colorbox,
.tempcp-quickview-view .product-zoom {
display: none !important;
}
.cms-page-error {
margin: 100px auto;
text-align: center;
color: #999;
position: relative;
}
.cms-page-error h1 {
font-size: 192px;
font-weight: 500;
font-family: "Poppins", sans-serif;
color: #dfdfdf;
line-height: normal;
}
.cms-page-error h2 {
font-size: 22px;
color: #999;
line-height: normal;
margin-bottom: 30px;
margin-top: 20px;
}
.cms-page-error a {
margin-right: 20px;
padding: 10px 20px;
}
.rtl .cms-page-error a {
margin-left: 20px;
margin-right: inherit;
}
.cms-page-error a.back-page {
color: #999;
background: #fff;
border-color: #999;
}
.cms-page-error a.back-home {
color: #fff;
background: #bf9a61;
margin: 0!important;
}
.cms-page-error a.back-home:hover {
background: #444;
}
.cms-page-error a i {
font-style: normal;
padding-right: 5px;
}
.rtl .cms-page-error a i {
padding-left: 5px;
padding-right: inherit;
}
.cms-page-error .back-page {
display: inline-block;
*display: inline;
zoom: 1;
}
.cms-page-error .back-home {
display: inline-block;
*display: inline;
zoom: 1;
}
.cms-page-error .content-page {
position: relative;
z-index: 2;
margin: 0 auto;
width: 450px;
}
.cms-page-error .content-page h2 {
font-size: 22px;
color: #bf9a61;
line-height: normal;
margin-bottom: 20px;
}
.cms-page-error .content-page h3 {
line-height: normal;
}
.cms-page-error .content-page .form-search {
margin-bottom: 30px;
}
.cms-page-error .content-page .form-search input {
width: 70%;
}
.cms-page-error .content-page .form-search button {
border-radius: 0;
}
.cms-page-error .content-page a {
text-transform: uppercase;
font-weight: 600;
padding: 10px 20px;
}
.cms-page-error .content-page a.back-page {
border-right: 1px solid #dddddd;
}
.rtl .cms-page-error .content-page a.back-page {
border-left: 1px solid #dddddd;
border-right: inherit;
}
.cms-page-error.style1 h1 {
font-size: 492px;
color: #f8f8f8;
position: absolute;
width: 100%;
text-align: center;
z-index: 1;
top: -150px;
}
.cms-page-error.style1 a {
background: none;
color: #333333;
}
.cms-page-error.style2 .number {
position: relative;
}
.cms-page-error.style2 .number h1 {
font-size: 250px;
color: #bf9a61;
position: absolute;
width: 100%;
text-align: center;
z-index: 1;
top: -50px;
}
.cms-page-error.style2 .number h2 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/404_03.png") no-repeat center center;
position: relative;
z-index: 2;
padding-top: 215px;
}
.cms-page-error.style2 .content-page {
text-align: left;
border-left: 1px solid #dddddd;
}
.rtl .cms-page-error.style2 .content-page {
text-align: right !important;
}
.rtl .cms-page-error.style2 .content-page {
border-right: 1px solid #dddddd;
border-left: inherit;
}
.cms-page-error.style2 a {
background: none;
color: #333333;
}
.cms-page-error.style3 h1 {
font-size: 122px;
}
.cms-page-error.style3 h2 {
font-size: 38px;
font-weight: 700;
font-family: #333333;
color: #333333;
}
.cms-page-error.style3 ul {
margin-top: 30px;
}
.cms-page-error.style3 ul li {
display: inline-block;
*display: inline;
zoom: 1;
border-right: 1px solid #dddddd;
font-weight: 600;
text-align: center;
}
.rtl .cms-page-error.style3 ul li {
border-left: 1px solid #dddddd;
border-right: inherit;
}
.cms-page-error.style3 ul li a {
padding: 0 10px;
text-align: center;
}
.cms-page-error.style4 .content-page {
text-align: left;
border-left: 1px solid #dddddd;
}
.rtl .cms-page-error.style4 .content-page {
text-align: right !important;
}
.rtl .cms-page-error.style4 .content-page {
border-right: 1px solid #dddddd;
border-left: inherit;
}
.cms-page-error.style4 > .row {
margin-bottom: 40px;
}
.zmdi, .fa {
font-style: normal!important;
}
#my_recent_tags h3 {
line-height: 30px;
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 3.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@email:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
/* Page Heading */
.page-title h1,
.category-title h1 {
font-size: 24px;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
font-weight: 400;
line-height: 36px;
color: #333333;
}
.category-image img {
display: block;
max-width: 100%;
height: auto;
}
.page-title h1,
.title-buttons h1 {
font-size: 20px;
font-family: 'Nunito Sans' !important;
text-transform: uppercase;
font-weight: 400;
line-height: 36px;
color: #333333;
}
.page-title .title-error {
font-size: 40px;
font-family: 'Nunito Sans' !important;
font-weight: bold;
text-transform: none !important;
line-height: 36px;
color: #212121 !important;
}
.desc-error {
font-size: 18px;
font-family: 'Nunito Sans' !important;
font-weight: bold;
text-transform: none !important;
margin-bottom: 0px !important;
/* line-height: 30px; */
color: #212121 !important;
}
.error-code {
font-size: 16px;
font-family: 'Nunito Sans' !important;
text-transform: none !important;
line-height: 24px;
color: #616161 !important;
}
.btn-back-home span{
display: inline-block;
font-family: 'Nunito Sans' !important;
background-color: #C92127;
color: white;
text-align: center;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
line-height: normal;
width: 100%;
font-size: 14px;
}
.btn-back-home span:hover {
}
.error-page {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
justify-content: flex-end;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
.image-error {
width: 320px;
height: 370px;
margin-right: 30px;
}
.desc-error-container {
padding-top: 120px;
width: 50%;
}
.page-title h4,
.title-buttons h4 {
float: right;
font-size: 13px;
font-family: "Poppins", sans-serif;
/* text-transform: uppercase;*/
font-weight: 400;
line-height: 36px;
color: #333333;
}
/* Pager */
.pager {
margin: 0;
text-align: center;
}
.pager .amount {
float: left;
margin: 0;
display: none;
}
.rtl .pager .amount {
float: right !important;
}
.pager .limiter {
float: right;
}
.rtl .pager .limiter {
float: left !important;
}
.pager .limiter label {
vertical-align: middle;
margin: 0;
padding: 0;
}
.toolbar-bottom .pager .limiter select {
line-height: 20px;
}
.pager .limiter select {
vertical-align: middle;
width: 95px;
height: 30px;
padding: 4px 9px;
line-height: 30px;
}
.pager .pages {
/*float: left;*/
}
.rtl .pager .pages {
float: right !important;
}
.pager .pages ol {
display: inline;
}
.pager .pages li {
zoom: 1;
height: 30px;
/*width: 30px;*/
font-size: 15px;
line-height: 30px;
color: #fff !important;
}
.pager .pages .current {
background: transparent;
color: #444;
}
.pager .pages .current a {
color: #444;
}
.pager .pages .button-pre,
.pager .pages .button-next {
color: #444;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
font-size: 14px;
}
.pager .pages .button-pre:hover,
.pager .pages .button-next:hover {
background: #bf9a61;
}
.pager .pages .button-pre:hover a,
.pager .pages .button-next:hover a {
color: white;
}
.pager .pages .button-pre a,
.pager .pages .button-next a {
color: #444;
padding: 5px 10px !important;
}
.box-reviews .pager,
.my-account .pager {
border: 0;
}
/* Sorter */
.sorter .view-mode {
float: right;
margin: 0;
}
.rtl .sorter .view-mode {
float: left !important;
}
.sorter .view-mode label {
float: left;
padding: 0 10px;
margin: 0;
font-size: 12px;
line-height: 30px;
}
.rtl .sorter .view-mode label {
float: right !important;
}
.sorter .view-mode .grid, .sorter .view-mode .list {
display: block;
float: left;
margin-left: 8px;
font-size: 16px;
color: #dbdbdb;
margin-top: 12px;
border: 2px solid #e6e6e6;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.rtl .sorter .view-mode .grid, .rtl .sorter .view-mode .list {
float: right !important;
}
.rtl .sorter .view-mode .grid, .rtl .sorter .view-mode .list {
margin-right: 8px;
margin-left: inherit;
}
.sorter .view-mode strong.grid, .sorter .view-mode strong.list,
.sorter .view-mode a.grid:hover, .sorter .view-mode a.list:hover {
color: #333333;
}
.sorter .sort-by {
float: right;
padding: 0;
margin: 0;
}
.rtl .sorter .sort-by {
float: left !important;
}
.sorter .sort-by label {
vertical-align: middle;
margin: 0;
}
.sorter .sort-by select {
vertical-align: middle;
padding: 4px;
width: auto;
background: #fff;
border-color: #f6f6f6;
}
.media-left, .media > .pull-left {
padding-right: 10px;
}
.rtl .media-left, .rtl .media > .pull-left {
padding-left: 10px;
padding-right: inherit;
}
/* Toolbar */
.toolbar {
background: transparent!important;
min-height: 50px;
}
.toolbar label {
margin-bottom: 0;
padding: 0;
color: #333333;
}
.toolbar select {
background: transparent;
border: 2px solid #e6e6e6;
}
.toolbar .amount {
display: none;
}
.toolbar .pager {
/*line-height: 50px;*/
}
.toolbar .pager .limiter {
float: left;
}
.rtl .toolbar .pager .limiter {
float: right !important;
}
.toolbar .pages {
/* display: none;*/
}
.toolbar .pager li > a, .toolbar .pager li > span {
-webkit-border-radius: 0;
border-radius: 0;
border: none;
background: transparent;
}
.toolbar .pager li > a, .toolbar .pager li > span, .toolbar .pager .pages li.current {
padding: 0;
display: inline-block;
border: none;
border-radius: 5px;
line-height: 40px;
color: black;
cursor: pointer;
user-select: none;
height: 40px;
}
.toolbar .pager li > a{
width: 40px;
}
.toolbar .pager li {
width: auto;
}
.toolbar .pager .pages li.current a{
color : white;
pointer-events: none;
}
.toolbar .pager .pages li.current{
background: #C92127;
}
.toolbar .sort-by {
float: left;
}
.rtl .toolbar .sort-by {
float: right !important;
}
.rtl .toolbar .sort-by {
margin-right: inherit;
}
.toolbar .sort-by select {
width: 120px;
height: 40px;
padding: 4px 9px;
vertical-align: middle;
}
.toolbar-bottom {
padding: 0;
}
.toolbar-bottom .pager {
color: black;
}
.toolbar-bottom .pager strong {
font-weight: 600;
}
.toolbar-bottom .pages, .toolbar-bottom .amount {
/* display: block;*/
}
.toolbar-bottom .limiter, .toolbar-bottom .sort-by, .toolbar-bottom .sorter {
/*display: none;*/
}
.toolbar-bottom .amount {
float: right;
}
.rtl .toolbar-bottom .amount {
float: left !important;
}
/* Content Styles ================================================================= */
/* Product Tags */
.tags-list li {
display: inline !important;
}
/* Advanced Search */
.advanced-search .form-list label {
width: 160px;
padding-right: 10px;
}
.advanced-search .form-list .input-box, .advanced-search .form-list .input-range {
float: left;
clear: none;
}
.rtl .advanced-search .form-list .input-box, .rtl .advanced-search .form-list .input-range {
float: right !important;
}
.advanced-search-amount {
margin: 0 0 10px;
}
.advanced-search-summary {
margin: 10px 0;
border: 1px solid #e9d7c9;
background: #fff6f1;
padding: 10px;
}
.advanced-search-summary ul {
float: left;
width: 49%;
}
.advanced-search-summary strong {
color: #E17C24;
padding-left: 15px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_search_criteria.gif) 0 3px no-repeat;
}
.advanced-search-summary p {
clear: both;
font-weight: bold;
margin: 0;
}
/* CMS Home Page */
/* Sitemap */
.page-sitemap .links {
text-align: right;
margin: 0 8px -22px 0;
}
.page-sitemap a {
text-decoration: none;
position: relative;
}
.page-sitemap a:hover {
text-decoration: underline;
}
.page-sitemap .sitemap {
margin: 12px;
}
.page-sitemap .sitemap a {
color: #1b2d3b;
}
.page-sitemap .sitemap li {
margin: 3px 0;
}
.page-sitemap .sitemap li.level-0 {
margin: 10px 0 0;
font-weight: bold;
}
.page-sitemap .sitemap li.level-0 a {
color: #1e7ec8;
}
/* Shopping Cart ========================================================================= */
.cart {
margin-bottom: 20px;
}
.cart .page-title {
border-bottom: 0;
margin: 0 0 12px;
}
.cart .page-title h1 {
margin: 0px 0 0;
font-weight: 600;
font-family: 'Nunito Sans' !important;
color: #333333 !important;
line-height: 20px;
}
.cart button {
margin-left: 5px;
}
.rtl .cart button {
margin-right: 5px;
margin-left: inherit;
}
#shopping-cart-table button {
margin-top: 5px;
margin-bottom: 5px;
}
#shopping-cart-table img {
max-width: 80px;
}
.cart-collaterals {
margin-top: 30px;
}
.cart-price .price {
color: #bf9a61;
}
/* Shopping cart tax info */
.cart-tax-info {
display: block;
}
.cart-tax-info,
.cart-tax-info .cart-price {
padding-right: 20px;
}
.cart-tax-total {
display: block;
padding-right: 20px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_collapse.gif) 100% 5px no-repeat;
cursor: pointer;
}
.cart-tax-info .price,
.cart-tax-total .price {
display: inline !important;
font-weight: normal !important;
}
.cart-tax-total-expanded {
background-position: 100% -52px;
}
/* Checkout Types */
.cart {
/* Shopping Cart Collateral boxes */
/* Discount Codes & Estimate Shipping and Tax Boxes */
/* Shopping Cart Totals */
}
.cart .product-name a {
font-size: 14px;
}
.cart .product-name-full-text a {
font-size: 14px;
color: #333333;
font-family: 'Nunito Sans' !important;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 6em;
padding-top: 0px;
}
.cart .page-title .checkout-types li {
margin: 0 0 5px;
}
.cart .title-buttons .checkout-types {
display: none;
float: right;
}
.rtl .cart .title-buttons .checkout-types {
float: left !important;
}
.cart .title-buttons .checkout-types li {
float: left;
margin: 0 0 5px 5px;
}
.rtl .cart .title-buttons .checkout-types li {
float: right !important;
}
.cart .checkout-types .paypal-or {
margin: 0 8px;
line-height: 2.3;
}
.cart .totals .checkout-types .paypal-or {
clear: both;
display: block;
padding: 8px 55px 0 0;
line-height: 1.0;
font-size: 11px;
}
.cart .cart-collaterals h2 {
font-size: 18px;
color: #333;
}
.cart .crosssell .product-image {
margin-right: 10px;
}
.cart .crosssell li.item {
margin: 10px 0;
}
.cart .discount, .cart .shipping {
padding: 12px 15px;
margin: 0 0 18px;
}
.cart .discount .buttons-set, .cart .shipping .buttons-set {
margin: 10px 0 0;
border: 0;
padding: 0;
text-align: left;
}
.rtl .cart .discount .buttons-set, .rtl .cart .shipping .buttons-set {
text-align: right !important;
}
.cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {
float: none;
margin-left: 0;
}
.cart .discount .input-box {
margin: 8px 0 0;
width: 80%;
}
.cart .discount .discount-form {
position: relative;
}
.cart .discount .discount-form .buttons-set {
/*position: absolute;*/
padding-top: 10px;
right: 0;
top: 0;
margin: 0;
}
.rtl .cart .discount .discount-form .buttons-set {
left: 0;
right: auto;
}
.cart .shipping .sp-methods {
margin: 10px 0 0;
padding: 5px 0 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_divider1.gif) 0 0 repeat-x;
}
.cart .totals {
color: #333;
/*padding: 20px;*/
}
.cart .totals table {
margin: 7px 0;
border: none;
}
.cart .totals td {
padding: 5px 0px 10px 35px;
border: none;
font-size: 18px;
}
.cart .totals tfoot th {
padding: 5px 15px 5px 7px;
}
.cart .totals tfoot td {
padding-top: 5px;
padding-bottom: 5px;
}
.cart .totals tfoot th strong, .cart .totals tfoot td strong {
font-size: 24px;
}
.cart .totals .checkout-types {
border-top: 1px solid #f6f6f6;
font-size: 13px;
padding: 5px 0 0;
float: none!important;
text-align: right;
}
.rtl .cart .totals .checkout-types {
text-align: left !important;
}
.cart .totals .checkout-types li {
clear: both;
margin: 10px 0;
}
/* Options Tool Tip */
.item-options dt {
font-weight: bold;
font-style: italic;
}
.item-options dd {
padding-left: 10px;
margin: 0 0 6px;
}
.truncated {
cursor: help;
*display: inline;
zoom: 1;
}
.truncated a.dots {
cursor: help;
}
.truncated a.details {
cursor: help;
}
.truncated .truncated_full_value {
position: relative;
z-index: 999;
}
.truncated .truncated_full_value .item-options {
position: absolute;
top: -99999em;
left: -99999em;
z-index: 999;
width: 250px;
padding: 8px;
border: 1px solid #ddd;
background-color: #f6f6f6;
}
.truncated .truncated_full_value .item-options > p {
font-weight: bold;
text-transform: uppercase;
}
.truncated .show .item-options {
top: -20px;
left: 50%;
}
.col-left .truncated .show .item-options {
left: 15px;
top: 7px;
}
.col-right .truncated .show .item-options {
left: -240px;
top: 7px;
}
/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods {
margin: 0 0 8px;
}
.sp-methods dt {
margin: 13px 0 5px;
font-weight: 600;
}
.sp-methods dd li {
margin: 5px 0;
}
.sp-methods label {
font-weight: 600;
color: #666666;
}
.sp-methods .price {
font-weight: bold;
}
.sp-methods .form-list {
padding-left: 20px;
}
.sp-methods .form-list li {
margin: 0 0 8px;
}
.sp-methods select.month {
width: 154px;
margin-right: 10px;
}
.sp-methods select.year {
width: 96px;
}
.sp-methods .checkmo-list li {
margin: 0 0 5px;
}
.sp-methods .checkmo-list label {
width: 135px;
padding-right: 10px;
text-align: right;
}
.rtl .sp-methods .checkmo-list label {
text-align: left !important;
}
.sp-methods .checkmo-list address {
float: left;
}
.rtl .sp-methods .checkmo-list address {
float: right !important;
}
.sp-methods .centinel-logos a {
margin-right: 3px;
}
.sp-methods .centinel-logos img {
vertical-align: middle;
}
.sp-methods .release-amounts {
margin: 0.5em 0;
}
.sp-methods .release-amounts button {
float: left;
margin: 5px 10px 0 0;
}
.rtl .sp-methods .release-amounts button {
float: right !important;
}
.sp-methods input[type="checkbox"],
.sp-methods input[type="radio"] {
height: 24px;
}
.please-wait {
float: right;
}
.please-wait img {
vertical-align: middle;
}
.cvv-what-is-this {
font-size: 11px;
cursor: help;
margin-left: 10px;
line-height: 34px;
}
/* Tooltip */
.tool-tip {
border: 1px solid #7BA7C9;
background: #EAF6FF;
padding: 15px 20px;
position: absolute;
z-index: 9999;
}
.tool-tip .btn-close {
margin: -9px -14px 0;
text-align: right;
}
.rtl .tool-tip .btn-close {
text-align: left !important;
}
.tool-tip .btn-close a {
display: block;
margin: 0 0 0 auto;
width: 15px;
height: 15px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_window_close.gif) 100% 0 no-repeat;
text-align: left;
text-indent: -999em;
overflow: hidden;
}
.rtl .tool-tip .btn-close a {
text-align: right !important;
}
.tool-tip .tool-tip-content {
padding: 5px;
}
/* Gift Messages */
.gift-messages h3 {
font-size: 12px;
font-weight: bold;
color: #e87403;
}
.gift-messages p.control {
color: #8e8d8b;
}
.gift-messages-form {
position: relative;
}
.gift-messages-form label {
float: none !important;
position: static !important;
}
.gift-messages-form h4 {
font-size: 12px;
font-weight: bold;
color: #e87403;
}
.gift-messages-form .whole-order {
margin: 0 0 25px;
}
.gift-messages-form .item {
margin: 0 0 10px;
}
.gift-messages-form .item .product-img-box {
float: left;
width: 75px;
}
.rtl .gift-messages-form .item .product-img-box {
float: right !important;
}
.gift-messages-form .item .product-image {
margin: 0 0 7px;
}
.gift-messages-form .item .number {
margin: 0;
font-weight: bold;
text-align: center;
color: #8a8987;
}
.gift-messages-form .item .details {
margin-left: 90px;
}
.gift-messages-form .item .details .product-name {
font-size: 13px;
margin: 0 0 10px;
}
.gift-messages-form .item .details .form-list .field {
width: 255px;
}
.gift-messages-form .item .details .form-list .input-box {
width: 240px;
}
.gift-messages-form .item .details .form-list input.input-text {
width: 234px;
}
.gift-messages-form .item .details .form-list li.wide .input-box {
width: 500px;
}
.gift-messages-form .item .details .form-list li.wide textarea {
width: 494px;
}
.gift-message-link {
font-size: 11px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat;
padding-right: 7px;
}
.gift-message-link.expanded {
background-position: 100% -40px;
}
.gift-message-row {
background: #f2efe9;
}
.gift-message-row .btn-close {
float: right;
width: 16px;
height: 16px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_gm-close.gif) 0 0 no-repeat;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;
}
.rtl .gift-message-row .btn-close {
float: left !important;
}
/* Checkout Agreements */
.checkout-agreements li {
margin: 30px 0;
}
.checkout-agreements .agreement-content {
overflow: auto;
height: 12em;
padding: 10px;
background-color: #fbfaf6;
border: 1px solid #bbb6a5;
}
.checkout-agreements .agree {
margin: 0;
padding: 10px 0 10px 11px;
}
.checkout-agreements .agree input.checkbox {
margin-right: 6px;
}
.checkout-agreements .agree label {
font-weight: bold;
color: #666666;
}
.opc .checkout-agreements {
border: 1px solid #d9dde3;
border-width: 0 1px;
padding: 5px 30px;
}
.opc .checkout-agreements li {
margin: 20px 0 0;
}
.opc .checkout-agreements .agreement-content {
background-color: #fff;
border-color: #e4e4e4;
padding: 5px;
}
.opc .checkout-agreements .agree {
padding-left: 6px;
}
/* Centinel */
.centinel .authentication {
border: 1px solid #ddd;
background: #fff;
}
.centinel .authentication iframe {
width: 99%;
height: 400px;
background: transparent !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.opc .centinel {
border: 1px solid #bbb6a5;
border-width: 0 1px 1px;
padding: 10px 30px;
}
/* Generic Info Set */
.info-set {
background: #fbfaf6 url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_checkout.gif) 0 0 repeat-x;
border: 1px solid #bbb6a5;
margin: 0 0 25px;
padding: 20px;
/********** Common Checkout Styles > */
}
.info-set .divider {
margin: 0 -20px;
padding: 25px 0;
position: relative;
}
.info-set .box {
margin: 0 0 15px;
}
.info-set .box h2 {
color: #bf9a61;
}
.info-set .data-table .product-name {
font-size: 1em !important;
}
.info-set .data-table .product-name a {
font-weight: bold !important;
}
.info-set .data-table .item-options {
margin: 5px 0 0;
}
/* One Page Checkout */
.checkout-onepage-index #content,
.checkout-onepage-success #content {
background: white;
margin: 0;
}
.block-progress {
border: 0;
margin: 0;
}
.block-progress .block-title {
background: none;
border: 0;
padding: 0;
margin: 0 0 5px;
}
.block-progress .block-title strong {
font-size: 13px;
color: #0a263c;
}
.block-progress .block-content {
background: none;
}
.block-progress dt {
background: none repeat scroll 0 0 #EFEFEF;
border: 1px solid #f6f6f6;
color: #444444;
font-size: 15px;
font-weight: normal;
line-height: 1.35;
margin: 0 0 6px;
padding: 10px;
}
.block-progress dt.complete {
margin: 0;
}
.block-progress dd {
background: #F5F5F5;
border: 1px solid #f6f6f6;
border-top: 0;
padding: 8px 13px;
margin: 0 0 10px;
}
.block-progress p {
margin: 0;
}
.block-progress .cards-list dt {
background: none;
border: 0 none;
color: inherit;
font-size: 12px;
margin: 5px 0;
padding: 0;
}
.block-progress .cards-list dd {
border: 0 none;
margin: 0;
padding: 0;
}
.block-progress .cards-list .info-table th {
font-weight: normal;
}
/* show/hide "change" link for progress step depend on complete status
* should be placed in .css file */
.opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator {
display: inline;
}
.opc-block-progress dt a, .opc-block-progress dt .separator {
display: none;
}
.opc {
position: relative;
}
.opc .buttons-set button.button {
float: right;
}
.rtl .opc .buttons-set button.button {
float: left !important;
}
.opc .buttons-set p.required {
margin: 0;
padding: 0 0 10px;
}
.opc .buttons-set.disabled button.button {
display: none;
}
.opc .buttons-set .please-wait {
height: 28px;
line-height: 28px;
}
.opc .ul {
list-style: disc outside none;
padding-left: 18px;
}
.opc .section {
margin: 0 0 10px;
padding: 0;
clear: both;
}
.opc .section:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.opc .step-title {
background-color: #EFEFEF;
border: 1px solid #e0e0e0;
padding: 8px;
text-align: right;
overflow: hidden;
}
.rtl .opc .step-title {
text-align: left !important;
}
.opc .step-title .number {
background-color: #fff;
float: left;
font-size: 14px;
line-height: 26px;
margin-right: 8px;
padding: 0 10px;
}
.rtl .opc .step-title .number {
float: right !important;
}
.rtl .opc .step-title .number {
margin-left: 8px;
margin-right: inherit;
}
.opc .step-title h2 {
color: #999;
float: left;
font-size: 16px;
line-height: 25px;
margin: 0;
}
.rtl .opc .step-title h2 {
float: right !important;
}
.opc .step-title a {
display: none;
float: right;
margin-top: 6px;
}
.rtl .opc .step-title a {
float: left !important;
}
.opc .section.allow {
cursor: pointer;
}
.opc .section.allow.active {
cursor: auto;
}
.opc .allow .step-title {
background: none repeat scroll 0 0 #F5F5F5;
}
.opc .allow .step-title:hover {
background-color: #E5E5E5;
}
.opc .allow .step-title h2 {
color: #333333;
}
.opc .allow .step-title a {
display: block;
}
.opc .active .step-title {
background-color: #E5E5E5;
cursor: default;
}
.opc .active .step-title .number {
background-color: #333333;
color: #FFFFFF;
}
.opc .active .step-title a {
display: none;
}
.opc .step {
padding: 10px;
position: relative;
}
.opc .step .tool-tip {
right: 30px;
}
.opc .gift-messages-form {
border-color: #E5E5E5;
border-style: solid;
border-width: 1px 0;
}
.opc .gift-messages-form .inner-box {
overflow: visible;
}
#opc-review .step {
padding: 0;
}
#opc-review .item-options {
margin: 5px 0 0;
}
#opc-review .buttons-set {
border: 0 none;
padding: 15px 30px;
}
#opc-review .buttons-set p {
line-height: 28px;
margin: 0;
}
#opc-review .buttons-set .please-wait {
height: 28px;
line-height: 28px;
}
#opc-review .authentication {
margin: 0 auto;
width: 570px;
}
#opc-review .warning-message {
color: #222222;
font-weight: bold;
padding: 10px 10px 0;
text-align: center;
}
#opc-review tfoot {
border-top: 1px solid #ccc;
}
/* Multiple Addresses Checkout */
.checkout-multishipping-address-newshipping #columns #content,
.checkout-multishipping-addresses #columns #content,
.checkout-multishipping-shipping #columns #content,
.checkout-multishipping-billing #columns #content,
.checkout-multishipping-overview #columns #content,
.checkout-multishipping-succes #columns #content {
background: white;
margin: 0px 0 40px;
}
.checkout-progress {
padding: 0;
margin: 0 0 40px;
float: left;
width: 100%;
}
.rtl .checkout-progress {
float: right !important;
}
.checkout-progress li {
float: left;
width: 19%;
margin: 0 2px 0 0;
border-top: 10px solid #999999;
padding: 5px 0 0;
font-weight: bold;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
text-align: center;
color: #abb5ba;
}
.checkout-progress li.active {
border-top-color: #bf9a61;
color: #bf9a61;
}
.multiple-checkout .data-table .product-name {
font-size: 1em !important;
color: #1e7ec8 !important;
}
.multiple-checkout .data-table .product-name a {
font-weight: bold !important;
}
.multiple-checkout .data-table .item-options {
margin: 5px 0 0;
}
.multiple-checkout .gift-messages {
margin: 15px 0 0;
}
.multiple-checkout .tool-tip {
top: 50%;
margin-top: -120px;
right: 20px;
}
.rtl .multiple-checkout .tool-tip {
left: 20px;
right: auto;
}
.multiple-checkout .box {
margin: 0 0 15px;
}
.multiple-checkout .box h2 {
color: #bf9a61;
}
.multiple-checkout .place-order {
text-align: right;
}
.rtl .multiple-checkout .place-order {
text-align: left !important;
}
.multiple-checkout .place-order .please-wait {
float: right;
padding: 27px 7px 0 0;
}
.rtl .multiple-checkout .place-order .please-wait {
float: left !important;
}
.multiple-checkout .place-order .grand-total {
font-size: 1.5em;
}
.multiple-checkout .place-order .grand-total .inner {
padding: 14px 0 0;
}
.multiple-checkout .place-order .grand-total .inner div {
display: inline;
}
.multiple-checkout .place-order .grand-total big {
display: inline;
margin-right: 12px;
}
.multiple-checkout .place-order .grand-total .price {
color: #bf9a61;
}
.multiple-checkout .place-order .grand-total button.button span {
font-size: 16px;
}
.multiple-checkout .place-order .grand-total button.button span span {
padding: 0 45px 0 36px;
}
.multiple-checkout .gift-messages-form .item .details .form-list {
width: 100%;
overflow: hidden;
}
.multiple-checkout .gift-messages-form .item .details .form-list li {
margin-right: -15px;
}
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
width: 445px;
}
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
width: 439px;
}
.multiple-checkout .gift-messages-form .item .details .form-list .field {
width: 230px;
}
.multiple-checkout .gift-messages-form .item .details .form-list .input-box {
width: 215px;
}
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
width: 209px;
}
/* Step 1 */
#checkoutSteps .control .radio, #checkoutSteps .control .checkbox {
height: 24px;
}
#multiship-addresses-table td {
padding: 10px;
}
#multiship-addresses-table tfoot td {
padding: 5px 10px;
}
/* Step 2 */
.checkout-multishipping-shipping .box-sp-methods {
border: 1px solid #f6f6f6;
padding: 13px;
position: relative;
}
.checkout-multishipping-shipping .box-sp-methods .pointer {
position: absolute;
top: -20px;
right: -40px;
width: 178px;
height: 41px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_sp-methods.gif) 0 0 no-repeat;
overflow: hidden;
}
.rtl .checkout-multishipping-shipping .box-sp-methods .pointer {
left: -40px;
right: auto;
}
/* Step 3 */
.checkout-multishipping-billing .multiple-checkout {
position: relative;
}
/* ======================================================================================= */
/* Account Login/Create Pages ============================================================ */
/* Captcha ================================================================================ */
.captcha-note {
clear: left;
padding-top: 5px;
}
.captcha-image {
float: left;
display: inline;
margin: 0;
position: relative;
width: 258px;
}
.captcha-image .captcha-img {
border: 1px solid #b6b6b6;
vertical-align: bottom;
width: 100%;
}
.registered-users .captcha-image {
margin: 0;
}
.captcha-reload {
cursor: pointer;
position: absolute;
top: 2px;
right: 2px;
}
.captcha-reload.refreshing {
animation: rotate 1.5s infinite linear;
-webkit-animation: rotate 1.5s infinite linear;
-moz-animation: rotate 1.5s infinite linear;
}
/* Remember Me Popup ===================================================================== */
.window-overlay {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/window_overlay.png) repeat;
background: rgba(0, 0, 0, 0.35);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 990;
}
.remember-me label {
float: none;
margin: 0 6px;
}
.remember-me-popup {
background: #fff;
border: 1px solid #ccc;
left: 50%;
top: 50%;
position: absolute;
margin: -85px 0 0 -200px;
width: 400px;
text-align: left;
-moz-box-shadow: 0 0 6px #ccc;
-webkit-box-shadow: 0 0 6px #ccc;
-box-shadow: 0 0 6px #ccc;
z-index: 1000;
}
.remember-me-popup h3 {
background: #d9e5ee;
border-bottom: 1px solid #ccc;
font-size: 14px;
padding: 5px 10px;
}
.remember-me-popup .remember-me-popup-head {
position: relative;
}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_window_close.gif) no-repeat;
display: block;
position: absolute;
top: 7px;
right: 7px;
height: 15px;
width: 15px;
text-indent: -9999em;
}
.remember-me-popup .remember-me-popup-body {
padding: 10px;
}
.remember-me-popup .remember-me-popup-body a {
display: inline-block;
height: 19px;
border: 1px solid #de5400;
background: #f18200;
padding: 0 8px;
font: bold 12px/19px Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
white-space: nowrap;
color: #fff;
}
/* Remember Me Popup ===================================================================== */
/* My Account ============================================================================= */
.my-account {
background: white;
}
.my-account .box-reviews,
.my-account .box-tags {
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 20px;
display: none;
}
.my-account .title-buttons .link-rss {
float: none;
margin: 0;
}
.block-account li {
padding: 5px 0;
}
.block-account li.current strong > a,
.block-account li.current strong {
color: #bf9a61;
border-bottom: none;
}
/* Address Book */
.addresses-list address {
margin: 0 0 3px;
}
.addresses-list p {
margin: 0;
}
.addresses-list a {
font-weight: bold;
}
.addresses-list .link-remove {
color: #646464;
}
.addresses-list .separator {
margin: 0 3px;
}
.addresses-list li.item {
padding: 0px 13px;
margin: 0 0 10px;
}
.addresses-list li.empty {
background: none;
border: 0;
padding: 0;
}
.addresses-list li.empty p {
}
.addresses-list .addresses-additional li.item {
border: 0;
padding: 0;
}
/* Order View */
.order-info {
background: #dee5e8;
border: 1px solid #d0cbc1;
padding: 4px 8px;
margin: 0 0 8px;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
display: inline;
}
.order-info .current {
font-weight: bold;
}
.order-info li {
margin: 0 3px;
}
.order-date {
margin: 10px 0;
}
.order-info-box {
background: white url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_block-title.gif) 0 0 repeat-x;
border: 1px solid #d0cbc1;
padding: 12px 15px;
margin: 0 0 15px;
}
.order-info-box .box-payment p {
margin: 0 0 3px;
}
.order-info-box .box-payment th {
font-weight: bold;
padding-right: 7px;
}
.order-items {
width: 100%;
overflow-x: auto;
}
.order-items .product-name {
font-size: 1em !important;
font-weight: bold !important;
}
.order-items .link-print {
color: #1e7ec8;
font-weight: normal;
}
.order-items .order-links {
text-align: right;
}
.rtl .order-items .order-links {
text-align: left !important;
}
.order-additional {
margin: 15px 0;
}
/* Order Gift Message */
.gift-message dt strong {
color: #666666;
}
.gift-message dd {
font-size: 13px;
margin: 5px 0 0;
}
/* Order Comments */
.order-about dt {
font-weight: bold;
}
.order-about dd {
font-size: 13px;
margin: 0 0 7px;
}
.tracking-table {
margin: 0 0 15px;
}
.tracking-table th {
font-weight: bold;
white-space: nowrap;
}
.tracking-table-popup {
width: 100%;
}
.tracking-table-popup th {
font-weight: bold;
white-space: nowrap;
}
.tracking-table-popup th, .tracking-table-popup td {
padding: 1px 8px;
}
/* Order Print Pages */
.page-print {
/* Price Rewrites */
}
.page-print .print-head {
margin: 15px 0;
float: left;
width: 100%;
}
.page-print .print-head .logo {
float: left;
}
.page-print .print-head address {
float: left;
margin-left: 15px;
}
.page-print .order-date {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_divider1.gif) 0 100% repeat-x;
padding: 0 0 10px;
margin: 0 0 10px;
}
.page-print .gift-message-link {
display: none;
}
.page-print .price-excl-tax,
.page-print .price-incl-tax {
display: block;
white-space: nowrap;
}
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
display: inline;
}
/* My Wishlist */
#wishlist-table {
margin-bottom: 20px;
}
#wishlist-table .btn-cart {
margin-top: 10px;
min-width: 90px;
}
#wishlist-table .cart-cell {
/* text-align: center; */
}
#wishlist-table .cart-cell .add-to-cart-alt {
padding: 10px 0;
}
#wishlist-table .description {
padding: 0 0 10px;
}
/* My Tags */
.my-tag-edit {
float: left;
margin: 0 0 10px;
}
.my-tag-edit .btn-remove,
.my-tag-edit .btn-remove:hover {
float: right;
margin: 4px 0 0 10px;
line-height: auto;
height: auto;
background-color: transparent;
border: 0;
}
.rtl .my-tag-edit .btn-remove, .rtl
.my-tag-edit .btn-remove:hover {
float: left !important;
}
#my-tags-table {
clear: both;
}
#my-tags-table td {
padding: 10px;
}
#my-tags-table .add-to-links {
white-space: nowrap;
}
#my-tags-table .last {
text-align: center;
}
#my-tags-table .last .button.btn-cart {
height: auto;
padding: 10px 20px;
width: 150px;
margin-bottom: 10px;
}
/* My Reviews */
#my-reviews-table td {
padding: 10px;
}
.product-review .product-img-box {
float: left;
width: 140px;
}
.product-review .product-img-box .product-image {
display: block;
width: 125px;
height: 125px;
}
.product-review .product-img-box .label {
font-size: 11px;
margin: 0 0 3px;
}
.product-review .product-img-box .ratings .rating-box {
float: none;
display: block;
}
.product-review .product-details {
margin-left: 150px;
}
.product-review .product-name {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
}
.product-review .ratings-table {
margin: 0 0 10px;
}
.product-review dt {
font-weight: 600;
}
.product-review dd {
font-size: 13px;
margin: 5px 0 0;
}
/* Billing Agreements */
.billing-agreements .info-box {
margin: 15px 0;
}
.billing-agreements .form-list li select {
float: left;
}
.rtl .billing-agreements .form-list li select {
float: right !important;
}
.billing-agreements .form-list li button.button {
float: left;
margin-left: 10px;
}
.rtl .billing-agreements .form-list li button.button {
float: right !important;
}
.billing-agreements .table-caption {
font-weight: bold;
font-size: 13px;
}
/* ======================================================================================= */
/* MAP Popup============================================================================== */
.cart-msrp-totals {
color: #c83a3a;
font-size: 12px !important;
font-weight: bold;
margin: 10px 10px 0;
padding: 10px;
text-align: right;
text-transform: uppercase;
}
.rtl .cart-msrp-totals {
text-align: left !important;
}
.map-cart-sidebar-total {
color: #c83a3a;
display: block;
font-size: 10px;
font-weight: bold;
text-align: left;
padding: 2px 5px;
text-shadow: 0 1px 0 #fff;
}
.rtl .map-cart-sidebar-total {
text-align: right !important;
}
.map-popup {
background: #fff;
border: 1px solid #aaa;
margin: 12px 0 0;
position: absolute;
-moz-box-shadow: 0 0 6px #ccc;
-webkit-box-shadow: 0 0 6px #ccc;
box-shadow: 0 0 6px #ccc;
text-align: left;
width: 300px;
z-index: 100;
}
.rtl .map-popup {
text-align: right !important;
}
.map-popup-heading {
background: #d9e5ee;
border-bottom: 1px solid #ccc;
padding: 5px 30px 5px 10px;
width: 260px;
}
.map-popup-heading h2 {
font-size: 16px;
margin: 0;
text-shadow: 0 1px 0 #f6f6f6;
overflow: hidden;
white-space: nowrap;
word-wrap: break-word;
text-align: left;
text-overflow: ellipsis;
}
.rtl .map-popup-heading h2 {
text-align: right !important;
}
.map-popup-arrow {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/map_popup_arrow.gif) no-repeat;
position: absolute;
left: 50%;
top: -10px;
height: 10px;
width: 19px;
}
.map-popup-close {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_window_close.gif) no-repeat;
display: block;
position: absolute;
top: 8px;
right: 10px;
height: 15px;
width: 15px;
text-indent: -9999em;
-moz-box-shadow: 0 0 3px #999;
-webkit-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.map-popup-content {
border-top: 1px solid #eee;
padding: 10px;
overflow: hidden;
text-align: left;
width: 280px;
}
.rtl .map-popup-content {
text-align: right !important;
}
.map-popup-checkout {
display: inline;
float: right;
text-align: right;
}
.rtl .map-popup-checkout {
float: left !important;
}
.rtl .map-popup-checkout {
text-align: left !important;
}
.map-popup-checkout span {
display: block;
padding-right: 30px;
}
.rtl .map-popup-checkout span {
padding-left: 30px;
padding-right: inherit;
}
.map-popup-checkout .paypal-logo {
margin: 0 0 5px;
}
.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
margin: 0;
padding: 0;
}
.map-popup-price {
margin: 5px 0 0;
}
.map-popup-text {
clear: right;
margin: 0 10px;
padding: 10px 0;
text-align: left;
word-wrap: break-word;
}
.rtl .map-popup-text {
text-align: right !important;
}
.map-popup-only-text {
border-top: 1px solid #ddd;
}
/* ======================================================================================= */
/* Sample Data============================================================================ */
.home-callout {
margin-bottom: 12px;
}
.home-callout img {
display: block;
}
.home-spot {
float: left;
width: 470px;
margin-left: 20px;
}
.best-selling h3 {
margin: 12px 0 6px 0;
color: #e25203;
font-size: 1.2em;
}
.best-selling table {
border-top: 1px solid #ccc;
}
.best-selling tr.odd {
background: #eeeeee url(https://cdn1.fahasa.com/skin/frontend/base/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x;
}
.best-selling tr.even {
background: white url(https://cdn1.fahasa.com/skin/frontend/base/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x;
}
.best-selling td {
width: 50%;
border-bottom: 1px solid #ccc;
padding: 8px 10px 8px 8px;
font-size: 11px;
}
.best-selling .product-img {
float: left;
border: 2px solid #dcdcdc;
}
.best-selling .product-description {
margin-left: 107px;
line-height: 1.3em;
}
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover {
color: #203548;
}
/* ======================================================================================= */
/* Class: std - styles for admin-controlled content */
.short-description {
color: #666666;
}
.std {
font-size: 13px;
}
.std .subtitle {
padding: 0;
}
.std ol.ol {
list-style: decimal outside;
padding-left: 1.5em;
}
.std ul.disc {
list-style: disc outside;
padding-left: 18px;
margin: 0 0 10px;
}
.std dl dt {
font-weight: bold;
}
.std dl dd {
margin: 0 0 10px;
}
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote {
padding: 0;
}
.std ul {
list-style: disc outside;
padding-left: 1.5em;
}
.std ol {
list-style: decimal outside;
padding-left: 1.5em;
}
.std ul ul {
list-style-type: circle;
}
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
margin: .5em 0;
}
.std dt {
font-weight: bold;
}
.std dd {
padding: 0 0 0 1.5em;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
}
.std address {
font-style: normal;
}
.std b,
.std strong {
font-weight: bold;
}
.std i,
.std em {
font-style: italic;
}
/* Misc */
.links li {
display: inline;
}
.links li.last {
background: none !important;
}
.link-print {
/*background:url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/
font-weight: bold;
color: #dc6809;
}
.link-rss {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_rss.gif) 0 2px no-repeat;
padding-left: 18px;
line-height: 14px;
white-space: nowrap;
}
.btn-remove {
display: block;
width: 12px;
height: 12px;
font-size: 0;
line-height: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_remove_orange.png) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}
.rtl .btn-remove {
float: left !important;
}
.btn-previous {
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_previous.gif) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
}
.btn-remove2 {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_remove.png) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
position: absolute;
top: 50%;
right: 10px;
}
.btn-remove-wishlist {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_remove.png) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
}
.btn-edit {
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_edit.gif) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
}
.cards-list dt {
margin: 5px 0 0;
}
.cards-list .offset {
padding: 2px 0 2px 20px;
}
.separator {
margin: 0 3px;
}
.divider {
clear: both;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
margin: 10px 0;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/bkg_divider1.gif) 0 50% repeat-x;
text-indent: -999em;
overflow: hidden;
}
/* Global site notices */
.global-site-notice {
border: 1px solid #cfcfcf;
border-width: 0 0 1px;
background: #ffff90;
font-size: 12px;
line-height: 1.25;
text-align: center;
color: #2f2f2f;
}
.global-site-notice .notice-inner {
width: 860px;
margin: 0 auto;
padding: 12px 0 12px 80px;
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_notice.gif) 20px 25px no-repeat;
text-align: left;
}
.global-site-notice .notice-inner p {
margin: 0;
border: 1px dotted #cccc73;
padding: 10px;
}
.global-site-notice .notice-inner .actions {
padding-top: 10px;
}
/* Cookie Notice */
.notice-cookie {
position: fixed;
z-index: 9999;
width: 100%;
bottom: 0;
left: 0;
margin: 0 !important;
opacity: 0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
/* IE8 */
}
/* Noscript Notice */
/* Demo Notice */
.demo-notice {
margin: 0;
padding: 6px 10px;
background: #d75f07;
font-size: 12px;
line-height: 1.15;
border: 0;
text-align: center;
color: #fff;
}
.demo-notice .notice-inner {
width: auto;
padding: 0;
background: none;
text-align: center;
}
.demo-notice .notice-inner p {
padding: 0;
border: 0;
}
/* RSS */
.rss-title h1 {
background: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_rss-big.png) 0 4px no-repeat;
padding-left: 27px;
}
.rss-table .link-rss {
display: block;
line-height: 1.55;
background-position: 0 4px;
}
/* ======================================================================================= */
/********** < Dashboard */
.dashboard h2 {
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 15px;
}
.dashboard .box {
margin-bottom: 20px;
}
.dashboard .box .box-title {
border-bottom: 1px solid #E5E5E5;
margin: 0 0 10px;
padding: 0 0 2px;
text-align: right;
overflow: hidden;
}
.rtl .dashboard .box .box-title {
text-align: left !important;
}
.dashboard .box .box-title h3, .dashboard .box .box-title h4 {
float: left;
margin: 0;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 17px;
}
.rtl .dashboard .box .box-title h3, .rtl .dashboard .box .box-title h4 {
float: right !important;
}
.dashboard .box .box-title a {
color: #999999;
line-height: 38px;
}
.dashboard .box-info h4 {
font-weight: normal;
text-transform: uppercase;
}
.dashboard .box-reviews .box-head a, .dashboard .box-tags .box-head a {
float: right;
text-align: right;
margin-top: -10px;
color: #999999;
}
.rtl .dashboard .box-reviews .box-head a, .rtl .dashboard .box-tags .box-head a {
float: left !important;
}
.rtl .dashboard .box-reviews .box-head a, .rtl .dashboard .box-tags .box-head a {
text-align: left !important;
}
.dashboard .box-reviews .number, .dashboard .box-tags .number {
float: left;
font-size: 14px;
line-height: 25px;
padding: 0 10px;
margin-top: 5px;
background: #999999;
color: white;
}
.rtl .dashboard .box-reviews .number, .rtl .dashboard .box-tags .number {
float: right !important;
}
.dashboard .box-reviews .details, .dashboard .box-tags .details {
margin-left: 38px;
}
.rtl .dashboard .box-reviews .details, .rtl .dashboard .box-tags .details {
margin-right: 38px;
margin-left: inherit;
}
.dashboard .box-reviews li.item, .dashboard .box-tags li.item {
margin: 0 0 7px;
}
.dashboard .box-reviews li.item.last, .dashboard .box-tags li.item.last {
margin: 0;
}
.dashboard .box-reviews .rating-box, .dashboard .box-tags .rating-box {
display: inline-block;
}
.dashboard .box-reviews .ratings {
margin: 5px 0 0;
}
.dashboard .box-tags .tags {
margin: 5px 0 0;
}
.dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li {
display: inline;
}
/********** Dashboard > */
.product-options dt label.required em, .form-list label.required em {
color: #EE001C;
margin: 0 3px 0 0;
}
.v-fix {
float: left;
}
.rtl .v-fix {
float: right !important;
}
/* Custommer */
.form-list li {
overflow: hidden;
padding: 5px 3px;
}
.form-list label {
margin-bottom: 2px;
color: #666666;
}
.content h2 {
color: #333;
}
.buttons-set #send2 {
float: left;
}
.rtl .buttons-set #send2 {
float: right !important;
}
.form-list .input-text {
width: 98%;
min-height: 32px;
padding-left: 5px !important;
}
.account-login,
.account-create {
margin: 0 0 40px;
}
.account-login .page-title,
.account-create .page-title {
padding: 0;
}
.account-login .content h2,
.account-create .content h2 {
font-size: 16px;
font-weight: 700;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
margin-bottom: 20px;
border-bottom: 1px solid #c3bfbf;
}
.account-login .content,
.account-login .buttons-set,
.account-create .content,
.account-create .buttons-set {
padding: 20px 0;
}
.account-login .buttons-set,
.account-create .buttons-set {
border-top: 1px solid #f6f6f6;
}
.account-create .buttons-set {
margin-top: 40px;
}
/* crosssell-products-list */
.crosssell #crosssell-products-list:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.crosssell #crosssell-products-list .product-image {
float: left;
}
.rtl .crosssell #crosssell-products-list .product-image {
float: right !important;
}
.block-poll li {
width: 100%;
float: left;
}
.rtl .block-poll li {
float: right !important;
}
.block-poll li span.label {
font-size: 13px;
line-height: 24px;
}
.sendfriend-product-send .send-friend {
background: white;
padding: 20px;
}
.sendfriend-product-send .send-friend .buttons-set button {
margin-top: 15px;
}
.customer-account-login .new-users .content,
.customer-account-login .registered-users .content {
min-height: 340px;
}
.send-friend .btn-remove {
float: right;
margin-top: 40px;
}
.rtl .send-friend .btn-remove {
float: left !important;
}
.contact-info i.fa-home {
margin-top: 20px;
margin-right: 10px;
}
.contact-customhtml li {
padding-bottom: 10px;
}
.contact-customhtml li em {
margin-right: 10px;
}
#customer-reviews table th {
font-weight: 600;
padding: 10px 8px;
}
#customer-reviews table td {
/*text-align: center!important;*/
padding: 0px;
border: none !important;
}
#customer-reviews table{
border: 0px;
width: inherit;
}
#customer-reviews table td input {
float: none!important;
}
#customer-reviews dt {
font-weight: 600;
}
#cart-sidebar-reorder .radio, #cart-sidebar-reorder .checkbox {
height: 18px;
}
#wishlist-table .product-image img {
min-width: 100px;
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@emai:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
.paneltool {
position: fixed;
top: 05px;
-webkit-transition: all 0.6s;
transition: all 0.6s;
left: -322px;
border: solid 1px #CCC;
z-index: 9999;
-webkit-box-shadow: 2px -1px 2px #888888;
box-shadow: 2px -1px 2px #888888;
background: #fff;
}
.rtl .paneltool {
right: -322px;
left: auto;
}
.paneltool.active {
left: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.rtl .paneltool.active {
right: 0;
left: auto;
}
.paneltool.active .panelbutton {
color: red;
}
.paneltool.themetool {
top: 70px;
background: #fff;
}
.paneltool .panelcontent {
background: #FFF;
width: 320px;
position: relative;
}
.paneltool .panelcontent > div {
padding: 15px;
}
.panelbutton {
border: solid 1px #CCC;
background: #FFF;
padding: 9px 11px;
position: absolute;
right: -35px;
top: 10px;
border-left: none;
cursor: pointer;
-webkit-box-shadow: 2px -1px 2px #888888;
box-shadow: 2px -1px 2px #888888;
}
.rtl .panelbutton {
left: -35px;
right: auto;
}
.editortool .panelbutton {
top: 517px!important;
}
#ves-paneltool.panel-open .panel-inner {
right: 0;
}
.rtl #ves-paneltool.panel-open .panel-inner {
left: 0;
right: auto;
}
.ps-container > .ps-scrollbar-y-rail {
background: transparent!important;
}
#ves-paneltool h4 {
margin-bottom: 10px;
}
#ves-paneltool .accordion-group {
margin-bottom: 5px;
}
#ves-paneltool form > * {
float: left;
width: 90%;
}
#ves-paneltool form .group-input {
margin-right: 5px;
}
#ves-paneltool select {
padding: 5px;
}
.box-patterns div {
display: block;
width: 38px;
height: 38px;
float: left;
cursor: hand;
cursor: pointer;
border: solid 1px #f3f3f3;
margin: 6px;
border: 1px solid #ccc;
}
.box-patterns div.active {
border: solid 1px red;
}
#ves-paneltool .nav-tabs > li:before,
#ves-paneltool .nav-tabs > li:after {
display: none;
}
#customize-form {
position: relative;
}
#main-preview {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
margin-left: 300px;
transition-duration: 0.2s;
transition-property: left, right, top, bottom, width, margin;
}
#main-preview iframe {
height: 100%;
width: 100%;
}
.colorpicker {
z-index: 99999;
}
#ves-customize {
width: 300px;
height: 100%;
position: absolute;
top: 0;
left: 0px;
z-index: 3;
box-shadow: 0 1px 3px #999;
transition-duration: 0.2s;
transition-property: left, right, top, bottom, width, margin;
background: none repeat scroll 0 0 #F5F5F5;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
#ves-customize .wrapper {
padding: 12px;
}
#customize-body input[type="text"], #customize-body select {
border: 1px solid #E2E2E2;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
font-size: 11px;
margin: 0 5px 0 0;
padding: 2px 3px;
width: 65px;
}
#customize-body select {
color: #888;
}
#customize-body .accordion-group label {
color: #888;
font-size: 11px;
font-weight: normal;
}
#customize-body .panel-heading {
padding: 5px 6px;
font-weight: bold;
font-size: 11px;
}
.form-group {
margin-right: 6px;
}
.accordion-group label, .form-group label {
display: block;
font-size: 14px;
vertical-align: text-bottom;
}
.accordion-group label {
float: left;
min-width: 100px;
margin-right: 10px;
margin-top: 5px;
}
#ves-customize .btn {
padding: 4px 12px;
font-size: 11px;
font-weight: bold;
}
#ves-customize .btn-show {
position: absolute;
top: 39px;
padding: 6px 18px;
background: #CCC;
right: 11px;
z-index: 99;
transition: all 1.2s;
cursor: hand;
cursor: pointer;
}
#customize-body .nav-tabs {
border-bottom: 1px solid #d7d7d7;
}
#customize-body .nav-tabs a {
border: none;
}
#customize-body .nav-tabs a {
font-weight: bold;
font-size: 11px;
padding: 6px 12px;
}
#customize-body .nav-tabs .active a {
background: #7DB641;
border-top: none;
border-right: none;
border-left: none;
color: white;
}
.accordion-heading .accordion-toggle {
font-size: 11px;
}
#customize-body .form-group {
margin-bottom: 6px;
clear: both;
}
.clear-bg {
padding: 3px 6px;
margin-left: 5px;
}
/* .tab-content > .tab-pane, .pill-content > .pill-pane {
background: none repeat scroll 0 0 #FFFFFF;
padding: 13px;
} */
.bi-wrapper > div {
float: left;
width: 20px;
height: 20px;
margin: 3px 4px;
border: solid 1px #999;
cursor: hand;
cursor: pointer;
}
.bi-wrapper > div.active {
border-color: red;
}
.btn-small {
border-radius: 0;
background-color: #7DB641;
color: #fff;
padding: 3px 6px;
}
.btn-small:hover {
background-color: #C83A3A;
color: #fff;
}
.editortool .label-customize {
position: absolute;
right: -155px;
top: 250px;
width: 115px;
height: 74px;
padding: 0;
background-image: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/label_customize.png);
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border: 0;
}
.editortool .label-customize:hover {
background-position: 0 -111px;
}
.paneltool.active .label-customize {
display: none;
}
.paneltool .panelcontent {
text-align: left;
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@emai:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: inherit;
}
h1 {
font-size: 20px;
line-height: 39px;
}
h4 {
font-size: 13px;
line-height: 31px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 12px;
line-height: 39px;
}
.success {
color: #3d6611;
font-weight: bold;
background: white;
padding: 10px;
margin-top: 20px;
}
.error {
color: #df280a;
font-weight: bold;
}
.notice {
color: #e26703;
}
.messages {
width: 100%;
overflow: hidden;
}
.messages,
.messages ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.messages li {
margin: 0 0 10px !important;
}
.messages li li {
margin: 0 0 3px !important;
}
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
border-style: solid !important;
border-width: 1px !important;
background-position: 10px 9px !important;
background-repeat: no-repeat !important;
min-height: 24px !important;
padding: 14px 8px 8px 32px !important;
font-size: 12px !important;
font-weight: bold !important;
}
.error-msg {
border-color: #f16048;
background-color: #faebe7;
background-image: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_msg-error.gif);
color: #df280a;
}
.success-msg {
border-color: #446423;
background-color: #eff5ea;
background-image: url(https://cdn1.fahasa.com/skin/frontend/base/default/images/i_msg-success.gif);
color: #3d6611;
}
.note-msg,
.notice-msg {
border-color: #fcd344;
background-color: #fafaec;
color: #3d6611;
padding: 15px !important;
margin-top: 10px;
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@emai:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
/* Forms */
form {
display: inline;
}
fieldset {
border: 0;
}
legend {
display: none;
}
/* Table */
table {
border: 0;
border-spacing: 0;
empty-cells: show;
font-size: 100%;
width: 100%;
}
caption, th, td {
vertical-align: top;
text-align: left;
font-weight: normal;
}
.rtl caption, .rtl th, .rtl td {
text-align: right !important;
}
/* Global Styles ========================================================================= */
/* Form sssss */
input, select, textarea, button {
font-size: 12px;
color: #545759;
background-color: white;
border: 1px solid #ebebeb;
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
.button, input {
height: 39px;
line-height: 1.42857;
}
input, select, textarea {
width: 100%;
border: 1px solid #e6e6e6;
}
.button, input.button {
background-color: #bf9a61;
border: 1px solid #bf9a61;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: white;
font-size: 13px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: 600;
margin: 0;
padding-left: 25px;
padding-right: 25px;
}
.button:hover, input.button:hover {
/* background-color: #444;
border: 1px solid #444;*/
color: white;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
select, textarea {
padding: 9px;
}
option {
padding-right: 10px;
}
.rtl option {
padding-left: 10px;
padding-right: inherit;
}
input.qty, input[title="Qty"] {
display: inline;
text-align: center;
width: 60px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
input[type="radio"], input[type="checkbox"] {
float: left;
margin: 0;
width: auto;
border: 0;
}
.rtl input[type="radio"], .rtl input[type="checkbox"] {
float: right !important;
}
select[multiple], select[size] {
width: 300px;
}
label {
padding: 4px;
font-weight: normal;
color: #555555;
}
label em {
padding-right: 5px;
}
.rtl label em {
padding-left: 5px;
padding-right: inherit;
}
.label {
display: table-cell;
font-size: 100%!important;
line-height: 1.6;
}
/* Data Table */
table {
width: 100%;
border: 1px solid #d9dde3;
margin: 10px 0;
/* Bundle products tables */
}
table th.last {
border-right: 0;
}
table th {
padding: 3px 8px;
font-weight: 600;
border-right: 1px solid #d9dde3;
}
.rtl table th {
border-left: 1px solid #d9dde3;
border-right: inherit;
}
table td {
padding: 10px;
}
table tbody th, table tbody td {
border-bottom: 1px solid #d9dde3;
border-left: 1px solid #d9dde3;
}
.rtl table tbody th, .rtl table tbody td {
border-right: 1px solid #d9dde3;
border-left: inherit;
}
table tbody.odd tr td,
table tbody.even tr td {
border-bottom: 0;
}
table tbody.odd tr.border td,
table tbody.even tr.border td {
border-bottom: 1px solid #d9dde3;
}
table tbody td .option-label {
font-weight: bold;
font-style: italic;
}
table tbody td .option-value {
padding-left: 10px;
}
.rtl table tbody td .option-value {
padding-right: 10px;
padding-left: inherit;
}
.data-table {
width: 100%;
}
.data-table h2.product-name {
font-size: 13px;
line-height: normal;
}
.data-table th, .data-table td {
padding: 4px;
}
.data-table thead {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #E5E5E5;
}
.data-table thead th {
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 600;
vertical-align: bottom;
}
.data-table thead th.wrap {
white-space: normal;
}
.data-table tr.even td, .data-table tr.even th,
.data-table tr.odd td, .data-table tr.odd th {
border-right: 1px solid #d9dde3;
color: #777;
padding: 10px;
}
.rtl .data-table tr.even td, .rtl .data-table tr.even th, .rtl
.data-table tr.odd td, .rtl .data-table tr.odd th {
border-left: 1px solid #d9dde3;
border-right: inherit;
}
.data-table tr.odd.last {
border-bottom: 1px solid #EEEEEE;
}
.data-table tbody tr.product-shop-row:hover {
background-color: #FFFFFF;
}
.data-table tbody.odd td {
border-width: 0 1px;
}
.data-table tbody.odd tr.last {
border-bottom: 1px solid #E5E5E5;
}
.data-table tbody.even {
background-color: #fff;
}
.data-table tbody.even td {
border-width: 0 1px;
}
.data-table th .tax-flag {
font-weight: normal;
}
.data-table .cell-label {
display: none;
}
.data-table .value input {
float: none;
text-align: center;
margin: 0 auto;
}
.form-list .field {
width: 300px;
margin-right: 10px;
float: left;
}
.rtl .form-list .field {
margin-left: 10px;
margin-right: inherit;
}
.rtl .form-list .field {
float: right !important;
}
.form-list input.input-text {
width: 300px;
}
.back-link {
margin-top: 10px;
}
.rtl .back-link {
float: left !important;
}
.cart .shipping input.input-text, .cart .shipping select {
width: 100%;
}
.multiple-checkout select {
width: auto;
}
.box-sp-methods .radio,
.box-sp-methods .checkbox {
height: 51px !important;
}
.control .radio,
.control .checkbox {
height: 28px;
border: 0;
}
.form-control {
border: 2px solid #e6e6e6;
}
.form-control:focus {
border-color: #f6f6f6 !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: none!important;
}
/* block */
.block {
margin-bottom: 30px;
position: relative;
background: white;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.block .block-title {
color: #6a6a6a;
position: relative;
font-family: "Poppins", sans-serif;
padding: 18px 20px;
padding-bottom: 0px;
font-size: 20px;
font-weight: 600;
border-bottom: 2px solid #f6f6f6;
}
.block .block-title::before {
content: "";
background: #bf9a61;
position: absolute;
left: 20px;
bottom: 11px;
width: 16px;
height: 0px;
}
.rtl .block .block-title::before {
right: 20px;
left: auto;
}
.block .block-title strong {
font-weight: 600;
}
.block .block-title span > span {
color: #bf9a61;
}
.block .block-title h2 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
.block .block-title h2 span {
color: #bf9a61;
}
.block .block-title h3 {
font-size: 20px;
line-height: 22px;
}
.block .block-content {
padding: 16px;
}
.block .block-content:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.block.nopadding .block-content {
padding: 0;
margin: 0;
}
.block-default .block-title {
border-top: 3px solid #795549;
color: #795549;
}
.block-theme {
border: 1px solid #f6f6f6;
border-top: 3px solid #ffc107;
}
.block-theme .block-title {
border-top: 0;
padding-left: 20%;
}
.rtl .block-theme .block-title {
padding-right: 20%;
padding-left: inherit;
}
.block-theme .block-title::before {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon_home.png") no-repeat;
}
.block-theme .block {
margin-bottom: 0;
}
.block-highlighted {
border: 1px solid #f6f6f6;
border-top: 3px solid #00bfa5;
}
.block-highlighted .block-title {
border-top: 0;
padding-left: 20%;
}
.rtl .block-highlighted .block-title {
padding-right: 20%;
padding-left: inherit;
}
.block-highlighted .block-title::before {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon_food.png") no-repeat;
}
.block-highlighted .block {
margin-bottom: 0;
}
.block-warning .block-title span span {
font-weight: 700;
color: black;
}
.box-product-carousel .block-content {
padding: 0;
}
/* block inline style */
.sidebar .block .block-content {
padding-left: 10px;
padding-right: 10px;
}
/* block style in main content */
#content {
overflow: hidden;
}
#content .ves-custom .block-content {
border: none;
background: none;
color: white;
}
#content .ves-custom .block-content {
border: none;
}
.widget-images {
border: 0!important;
}
.widget-images .image-description p {
margin: 0;
}
.widget-images .image-description br {
display: none;
}
.widget-images .block-content {
padding: 0 !important;
border: 0!important;
}
.readmore {
color: #bf9a61;
font-weight: 600;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
letter-spacing: 1px;
font-size: 11px;
}
.readmore:hover {
color: black;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.block-image .widget-images .widget-inner {
position: relative;
overflow: hidden;
}
.block-image .widget-images .widget-inner img {
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.block-image .widget-images .widget-inner:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.block-image .widget-images .widget-inner:hover .img-animation {
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.block-image .widget-images .image-description {
bottom: 0;
color: white;
font-style: italic;
left: 0;
margin: 20px;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.block-image .widget-images .image-description .wrapper {
position: relative;
z-index: 2;
display: inline-block;
*display: inline;
zoom: 1;
margin-top: 23%;
}
.block-image .widget-images .image-description .btn.btn-primary {
background: none;
border: 1px dashed #ddd;
font-style: normal;
padding: 12px 50px;
color: white;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.block-image .widget-images .image-description .btn.btn-primary:hover {
border-color: #bf9a61;
color: #bf9a61;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.block-image .widget-images .image-description h1 {
font-size: 60px;
padding-bottom: 35px;
}
.block-image .widget-images.block-primary .image-description .wrapper {
margin-top: 8%;
}
.block-image .widget-images.block-primary .image-description:before {
content: "";
width: 100%;
height: 100%;
border: 2px solid rgba(255, 255, 255, 0.5);
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.rtl .block-image .widget-images.block-primary .image-description:before {
right: 0;
left: auto;
}
.vew-all-categories .btn.btn-primary {
background: none;
border: 1px dashed #999;
font-style: normal;
padding: 12px 30px;
font-size: 15px;
color: #999;
text-shadow: none;
font-weight: 400;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.vew-all-categories .btn.btn-primary:hover {
border-color: #bf9a61;
color: #bf9a61;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.checkbox.related-checkbox {
position: absolute;
z-index: 100;
left: 12px;
}
.rtl .checkbox.related-checkbox {
right: 12px;
left: auto;
}
.ads {
background: #bf9a61;
color: white;
padding: 12% 5% 0;
min-height: 362px;
}
.abs-left {
border-right: 1px solid #f6f6f6;
}
.rtl .abs-left {
border-left: 1px solid #f6f6f6;
border-right: inherit;
}
#checkoutSteps .back-link {
float: left;
}
.rtl #checkoutSteps .back-link {
float: right !important;
}
.box.box-info {
border-top: 3px solid #bf9a61;
}
.box.box-info .widget-images .image-description {
padding: 5% 10% 10%;
}
.box.box-info .widget-images .image-description h3 {
text-transform: uppercase;
color: #bf9a61;
}
.box.box-danger {
padding-top: 30px;
}
.box.box-danger .block-title {
padding-left: 0;
padding-right: 0;
border: 0!important;
color: black !important;
}
.box.box-danger .block-content {
padding: 0;
}
.top-rate {
border: 1px solid #f6f6f6;
}
.top-rate .block-title {
border-top: 3px solid #ec7357;
padding-left: 20%;
}
.rtl .top-rate .block-title {
padding-right: 20%;
padding-left: inherit;
}
.top-rate .block-title::before {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon_star.png") no-repeat;
}
.call-us {
line-height: 20px;
margin-top: 16px;
padding-left: 20px;
font-size: 11px;
color: white;
}
.rtl .call-us {
padding-right: 20px;
padding-left: inherit;
}
.call-us span {
font-size: 17px;
color: #bf9a61;
font-weight: 400;
}
.call-us p {
margin: 0;
}
.call-us .pull-left {
margin-right: 5px;
height: 32px;
line-height: 32px;
}
.rtl .call-us .pull-left {
margin-left: 5px;
margin-right: inherit;
}
.block-compare .btn-remove {
margin-top: 4px;
}
.skillset .pull-left {
margin-right: 10px;
}
.rtl .skillset .pull-left {
margin-left: 10px;
margin-right: inherit;
}
#skillset .pull-left {
margin-right: 20px;
}
.rtl #skillset .pull-left {
margin-left: 20px;
margin-right: inherit;
}
.ourservice-block {
line-height: normal;
color: #999;
}
.ourservice-block h4 {
color: #333;
font-size: 12px;
font-weight: 300;
}
.social-footer {
text-align: center;
padding: 0!important;
margin-top: 6px;
}
.social-footer h3 {
font-weight: 800;
color: white;
margin-right: 15px;
line-height: 32px;
}
.rtl .social-footer h3 {
margin-left: 15px;
margin-right: inherit;
}
.social-footer li {
display: inline-block;
*display: inline;
zoom: 1;
}
.social-footer li a {
width: 32px;
height: 32px;
line-height: 32px;
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
display: inline-block;
*display: inline;
zoom: 1;
margin-left: 2px;
font-size: 14px;
}
.rtl .social-footer li a {
margin-right: 2px;
margin-left: inherit;
}
.social-footer li a .fa {
padding-left: 3px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.rtl .social-footer li a .fa {
padding-right: 3px;
padding-left: inherit;
}
.social-footer li a:hover {
color: #bf9a61;
}
.social-footer li a:hover .fa {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.social-footer span {
display: none;
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 3.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@email:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
.buttons {
padding: 20px;
}
.buttons:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.buttons .left {
float: left;
}
.buttons .right {
float: right;
}
.btn-outline-inverse {
color: white;
background-color: #bf9a61;
border-color: #bf9a61;
}
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active, .btn-outline-inverse.active {
color: white;
background-color: #f44336;
border-color: #f44336;
}
.open .btn-outline-inverse.dropdown-toggle {
color: white;
background-color: #f44336;
border-color: #f44336;
}
.btn-outline-inverse:active, .btn-outline-inverse.active {
background-image: none;
}
.open .btn-outline-inverse.dropdown-toggle {
background-image: none;
}
.btn-outline-inverse.disabled, .btn-outline-inverse.disabled:hover, .btn-outline-inverse.disabled:focus, .btn-outline-inverse.disabled:active, .btn-outline-inverse.disabled.active, .btn-outline-inverse[disabled], .btn-outline-inverse[disabled]:hover, .btn-outline-inverse[disabled]:focus, .btn-outline-inverse[disabled]:active, .btn-outline-inverse[disabled].active, fieldset[disabled] .btn-outline-inverse, fieldset[disabled] .btn-outline-inverse:hover, fieldset[disabled] .btn-outline-inverse:focus, fieldset[disabled] .btn-outline-inverse:active, fieldset[disabled] .btn-outline-inverse.active {
background-color: #bf9a61;
border-color: #bf9a61;
}
.btn-outline-inverse .badge {
color: #bf9a61;
background-color: white;
}
.btn-outline {
border: 0;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-border-radius: 0;
border-radius: 0;
color: white;
font-size: 12px;
letter-spacing: 0.4px;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin: 0 !important;
padding-left: 25px;
padding-right: 25px;
line-height: 20px;
background: #333333;
}
.btn-outline:hover {
background: #bf9a61;
border: 0!important;
color: white;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
text-decoration: none;
}
.btn-default {
background: #bf9a61;
border-color: transparent;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
font-weight: bold;
}
.btn-primary {
background: white;
color: black;
border-color: transparent;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
font-weight: bold;
}
/******************************************************
* $package Ves Magento Theme Framework for Magento 1.9.0.1
* $version 3.0
* $author http://www.venustheme.com
* $copyright Copyright (C) Augus 2013 venustheme.com <$email:venustheme$gmail.com>.All rights reserved.
* $license GNU General Public License version 2
*******************************************************/
body.layout-boxed-md {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/pattern/pattern19.png");
}
body.layout-boxed-md #page {
max-width: 990px;
-webkit-box-shadow: 0 0 5px #d5d5d5;
box-shadow: 0 0 5px #d5d5d5;
margin: 0 auto;
background: white;
}
body.layout-boxed-md #page .container {
width: auto;
}
body.layout-boxed-lg {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/pattern/pattern18.png");
}
body.layout-boxed-lg #page {
max-width: 1220px;
-webkit-box-shadow: 0 0 5px #d5d5d5;
box-shadow: 0 0 5px #d5d5d5;
margin: 0 auto;
background: white;
}
#ves-wrapper {
width: auto;
margin: 0 auto;
}
/*
* HEADER
*/
#header {
border: none;
-webkit-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
z-index: 1000;
background-color: #fff;
margin-bottom: 5px;
/* Keep header when scrolling*/
}
#header #header-main {
color: #666666;
min-height: 60px;
background-color: #fff;
padding-bottom: 5px;
}
#header #header-main .header-wrap {
margin: 0;
}
#header.navbar-fixed-top {
position: relative;
margin: 0;
}
#header.hide-bar {
-webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.25);
margin-top: -40px;
z-index: 9999 !important;
background: white;
position: fixed;
}
#header.hide-bar .header1 {
margin-bottom: 0;
}
#header.hide-bar .header1 #ves-verticalmenu .block-content {
display: none!important;
visibility: hidden!important;
}
#header.hide-bar .header1 #ves-verticalmenu:hover .block-content {
display: block!important;
visibility: visible!important;
}
#header.hide-bar .header2 #topbar, #header.hide-bar .header1 #topbar {
margin: 0;
padding: 0!important;
height: 40px;
}
#header.hide-bar .header2 #header-main, #header.hide-bar .header1 #header-main {
display: none;
}
#header.hide-bar .header2 .menu-top::before, #header.hide-bar .header2 .menu-top::after, #header.hide-bar .header1 .menu-top::before, #header.hide-bar .header1 .menu-top::after {
border: 0!important;
}
#header.hide-bar .wrapper::before {
background: none!important;
display: none!important;
}
#header .header-right {
margin-top: 0px;
}
.no-padding-right {
padding-right: 0px;
}
.no-padding-left {
padding-left: 0px;
}
#header .dropdown-menu {
background: white;
margin: 0;
padding: 0;
min-width: 130px;
opacity: 0;
filter: alpha(opacity=0);
right: 0;
left: auto;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0s ease-in-out 0s;
visibility: hidden;
z-index: 1001;
}
#header .dropdown-toggle:hover, #header .cart-top:hover {
cursor: pointer;
}
#header .dropdown {
display: block !important;
}
#header .dropdown:hover .dropdown-menu, #header .dropdown:focus .dropdown-menu, #header .dropdown:active .dropdown-menu {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 1;
filter: alpha(opacity=100);
top: 100%;
visibility: visible;
}
#header .form-language a {
background-position: left 12px;
background-repeat: no-repeat;
padding-left: 22px;
}
.rtl #header .form-language a {
background-position: right 12px;
}
.rtl #header .form-language a {
padding-right: 22px;
padding-left: inherit;
}
#header .form-language > a {
padding: 0!important;
}
#header .vesbuilder-block, #header .footer-link.block {
margin: 0!important;
}
#header .vesbuilder-block .block-title, #header .footer-link.block .block-title {
display: none;
}
#header .vesbuilder-block .block-content, #header .footer-link.block .block-content {
padding: 0;
}
#header .block {
border: 0;
box-shadow: none;
}
#header #topbar .block, #header #header-main .block {
background: transparent;
}
#header .nav-links {
margin-top: 0px;
}
#header .nav-links > li {
display: inline-block;
*display: inline;
zoom: 1;
line-height: 15px;
margin-right: 10px;
padding-right: 5px;
vertical-align: bottom;
}
.rtl #header .nav-links > li {
margin-left: 10px;
margin-right: inherit;
}
.rtl #header .nav-links > li {
padding-left: 12px;
padding-right: inherit;
}
.rtl #header .nav-links > li {
border-left: 2px solid #e6e6e6;
border-right: inherit;
}
#header .nav-links > li:last-child {
border: 0!important;
margin-right: 0px;
}
#header .nav-links > li a {
color: #666;
}
#header .nav-links > li a:hover {
color: #bf9a61;
}
/*header1 style */
#header .header1 .wrapper {
position: relative;
}
#header .header1 .wrapper:before {
content: "";
/* width: 255px;
height: 226px;*/
position: absolute;
right: -130px;
top: 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
.rtl #header .header1 .wrapper:before {
left: -130px;
right: auto;
}
#header .header1 #topbar .dropdown-toggle {
line-height: 28px;
color: #666;
}
#header .header1 #topbar .fa-caret-down {
font-size: 9px;
}
#header .header1 .topLinks {
border: 0;
}
#header .header1 .topLinks .dropdown-toggle:hover, #header .header1 .topLinks .dropdown-toggle:focus {
color: #bf9a61;
}
#header .header1 .form-currency {
margin-right: 5px;
}
.rtl #header .header1 .form-currency {
margin-left: 5px;
margin-right: inherit;
}
#header .header1 .header-top {
/*background: #473941;*/
}
#header .header1 .cart-top {
/*background: #bf9a61;*/
/*padding-top: 18px;*/
/*padding-bottom: 19px;*/
/* padding-left: 20px;*/
/*width: 100%;*/
margin-left: 5px;
}
#header .header1 .noti-tor{
margin-top: -5px;
}
.rtl #header .header1 .cart-top {
padding-right: 20px;
padding-left: inherit;
}
#header .header1 .top-search {
width: 100%;
top: 10px;
margin: 0;
}
#header .header1 .top-search .form-search {
background: transparent!important;
width: 100%;
}
#header .header1 .top-search .form-search input {
border: 1px solid #f6f6f6 !important;
border-radius: 0!important;
height: 40px!important;
box-shadow: 0px 0 4px rgba(0, 0, 0, 0.1) inset !important;
}
#header .header1 .top-search .form-search button.button-search {
height: 40px;
line-height: 40px;
}
#header .header1 .top-search .form-search button.button-search:hover {
color: #bf9a61;
}
#header .header1 #ves-mainnav {
margin-top: 0;
}
#header .header1 .ves-megamenu .navbar-nav > li {
padding: 0!important;
}
#header .header1 .ves-megamenu .navbar-nav > li > a {
line-height: 45px;
padding: 0 18px;
}
#header .header1 .ves-megamenu .navbar-nav > li:first-child > a {
padding-left: 0;
}
.rtl #header .header1 .ves-megamenu .navbar-nav > li:first-child > a {
padding-right: 0;
padding-left: inherit;
}
#header .header1 .ves-megamenu .navbar-nav > li:last-child > a::after {
background: transparent!important;
}
#header .header1 .ves-megamenu .navbar-nav > li.menu-hot > a::before, #header .header1 .ves-megamenu .navbar-nav > li.menu-new > a::before {
right: 0;
}
#header .header1 .ves-megamenu .navbar-nav > li.aligned-fullwidth .dropdown-menu {
left: -30px !important;
}
.rtl #header .header1 .ves-megamenu .navbar-nav > li.aligned-fullwidth .dropdown-menu {
right: -30px !important;
left: auto;
}
#header .header1 .navbar-nav {
float: left;
}
.rtl #header .header1 .navbar-nav {
float: right !important;
}
/*header2 style */
#header .header2 {
border-bottom: 0!important;
}
#header .header2 #topbar {
padding: 5px 0!important;
margin-bottom: 20px;
position: relative;
}
#header .header2 #topbar::before {
content: "";
border-bottom: 1px solid #e6e6e6;
position: absolute;
bottom: 0;
width: 500%;
left: -100%;
}
#header .header2 .topLinks .dropdown-menu {
left: 0 !important;
right: auto !important;
}
#header .header2 .nav-links {
margin-top: 5px;
}
#header .header2 .logo {
margin-top: 15px;
}
#header .header2 .header-right {
margin: 0!important;
}
#header .header2 .header-top {
background: transparent!important;
}
#header .header2 #header-main {
margin-bottom: 10px;
}
#header .header2 .cart-top {
background: transparent!important;
}
#header .header2 .cart-top .shopping-cart-icon {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_shopping_cart_orange.svg") no-repeat center center;
float: left;
width: 30px;
height: 33px;
text-align: center;
line-height: 32px;
position: relative;
margin-right: 10px;
}
.rtl #header .header2 .cart-top .shopping-cart-icon {
float: right !important;
}
.rtl #header .header2 .cart-top .shopping-cart-icon {
margin-left: 10px;
margin-right: inherit;
}
#header .header2 .cart-top h3 {
color: #bf9a61;
}
#header .header2 .cart-top #cart-total {
color: black;
}
#header .header2 .cart-top #cart-total .price {
color: black;
}
#header .header2 #ves-mainnav {
border: 0!important;
}
#header .header2 .menu-top {
background: #bf9a61;
position: relative;
z-index: 100;
}
#header .header2 .menu-top::before, #header .header2 .menu-top::after {
content: "";
border-bottom: 2px solid #e6e6e6;
position: absolute;
bottom: 0;
width: 500%;
}
#header .header2 .menu-top::before {
right: 100%;
}
#header .header2 .menu-top::after {
left: 100%;
}
#header .header2 .ves-megamenu .navbar-nav > li > a {
line-height: 57px;
}
#header .header2 .ves-megamenu .navbar-nav > li > a .menu-title::before {
background: white;
}
#header .header2 .ves-megamenu .navbar-nav > li > a span {
color: white;
}
#header .header2 #ves-verticalmenu .block-title {
line-height: 57px;
min-height: 57px;
}
#header .header2 #ves-verticalmenu .block-content {
display: none!important;
visibility: hidden !important;
}
#header .header2 #ves-verticalmenu:hover .block-content {
display: block!important;
visibility: visible!important;
}
#header .header2 .ves-autosearch .search_box .input-search {
border: 1px solid #e6e6e6;
}
#header .header2 .ves-autosearch .search_box .category_filter select {
border: 1px solid #e6e6e6;
border-right: 0;
}
.cms-index-index .footer1 {
margin-top: 0;
}
.cms-index-index #header .header1 {
/* margin-bottom: -56px;*/
background-color: #fff;
}
.cms-index-index #ves-brandcarousel {
margin-top: 0;
}
.cms-index-index #ves-verticalmenu .block-content {
display: block!important;
visibility: visible!important;
}
#header-main .wrapper {
border-top: 3px solid black;
}
.header-bottom .wrapper {
border-top: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
padding: 5px 0;
}
#logo-theme {
display: block;
background: transparent;
}
#logo-theme strong.logo-title {
display: none;
}
.logo {
display: inline;
background: transparent;
}
.logo strong.logo-title {
display: none;
}
#ves-masshead .inner {
background: #f44336;
color: #999999;
padding: 8px 0;
}
#ves-masshead .inner a {
color: #999999;
}
#ves-masshead .inner a:hover {
color: #a6a6a6;
}
/*
* NAVIGATION
*/
.cms-index-index #ves-breadcrumbs {
display: none;
}
/*
/*
* SLIDESHOW
*/
#ves-slideshow,
.layerslider-wrapper {
color: #999;
font-family: "Poppins", sans-serif;
}
.rtl .vesslider .iviewSlider {
transform-origin: right top 0!important;
}
/*
* SHOWCASE
*/
#ves-showcase .block {
margin-bottom: 0;
position: relative;
z-index: 2;
}
#ves-showcase .block .block-content {
background: transparent;
}
#ves-showcase .custom-block div {
float: left;
}
.rtl #ves-showcase .custom-block div {
float: right !important;
}
/*
* PROMOTION TOP
*/
/*
* Breadcrumbs
*/
#ves-breadcrumbs {
font-family: "Poppins", sans-serif;
background: transparent;
background-size: 100%;
}
#ves-breadcrumbs .breadcrumbs {
background: transparent;
font-size: 12px;
font-family: "Poppins", sans-serif;
/* margin-bottom: 10px;*/
/* margin-left: 30px;*/
}
#ves-breadcrumbs .breadcrumbs a {
/* color: #999;*/
}
#ves-breadcrumbs .breadcrumbs a:hover {
/* color: #262626;
text-decoration: none;
font-weight: 700;*/
}
#ves-breadcrumbs .breadcrumbs strong {
color: #F7941E;
font-weight: 500;
}
#ves-breadcrumbs .breadcrumbs label {
float: right;
padding: 0px;
margin: 0px;
color: #333333;
font-family: "Poppins", sans-serif;
font-size: 29px;
}
#ves-breadcrumbs .breadcrumbs{
padding: 5px 0;
}
.rtl #ves-breadcrumbs .breadcrumbs label {
float: left !important;
}
#ves-breadcrumbs .breadcrumb > li + li:before {
content: "\f105";
font-size: 12px;
font-family: "FontAwesome";
color: #999;
}
#ves-breadcrumbs .breadcrumb {
background: transparent;
display: inline-block;
*display: inline;
zoom: 1;
padding: 0;
margin: 0;
}
.rtl #ves-breadcrumbs .breadcrumb > li + li::before {
content: "/ ";
}
/*
* MAIN CONTENT
*/
.vesslider .tp-caption.big-blue {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-size: 55px;
}
.vesslider .tp-caption.big-blue span {
color: #444;
}
.vesslider .tp-caption.big-blue i {
font-weight: normal;
color: #bf9a61;
}
.vesslider .tp-caption.small-yellow {
background: transparent!important;
font-size: 18px;
color: #444!important;
}
.vesslider .tp-caption.big-sky {
font-size: 60px;
}
.vesslider .tp-caption.medium-sky {
font-size: 40px;
font-weight: 600!important;
}
.vesslider .tp-caption.big-wood {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-size: 82px;
}
.vesslider .tp-caption.big-wood span {
font-weight: bold;
color: white;
font-family: "Poppins", sans-serif;
text-shadow: 6px 6px 0 #b88e4f;
}
.vesslider .tp-caption.big-wood i {
font-weight: normal;
color: white;
}
.vesslider .tp-caption.medium-wood {
background: transparent!important;
font-weight: 600;
font-size: 45px;
}
.vesslider .tp-caption.small-wood {
background: transparent!important;
}
.vesslider .tp-caption.small-wood .fa {
padding-right: 6px;
}
.rtl .vesslider .tp-caption.small-wood .fa {
padding-left: 6px;
padding-right: inherit;
}
.vesslider .tp-caption.medium-sky {
background: transparent!important;
font-weight: 600;
font-size: 45px;
}
.vesslider .tp-caption.small-sky {
background: transparent!important;
}
.vesslider .tp-caption a {
font-size: 11px;
}
.vesslider .tp-caption.small-blue {
background: transparent!important;
font-size: 16px;
}
.vesslider .tp-caption.big-green {
background: transparent!important;
color: #bf9a61 !important;
font-size: 60px!important;
}
.vesslider .tp-caption.medium-green {
background: transparent!important;
color: #bf9a61 !important;
font-size: 50px!important;
font-weight: 600;
}
.vesslider .buy-now {
background: white;
color: #444;
font-size: 14px;
font-weight: 600;
}
.vesslider .buy-now .fa {
color: #bf9a61;
margin-left: 6px;
}
.rtl .vesslider .buy-now .fa {
margin-right: 6px;
margin-left: inherit;
}
.vesslider .buy-now:hover {
color: white;
}
.vesslider .buy-now:hover .fa {
color: white;
}
.vesslider .link-shop a {
color: #444!important;
background: transparent!important;
font-weight: 600;
}
.vesslider .link-shop a .fa {
margin-left: 6px;
}
.rtl .vesslider .link-shop a .fa {
margin-right: 6px;
margin-left: inherit;
}
.vesslider .link-shop a:hover {
text-decoration: underline;
}
.vesslider .link-shop2 a {
color: white !important;
}
.vesslider .link-shop2 a .fa {
margin-left: 6px;
}
.rtl .vesslider .link-shop2 a .fa {
margin-right: 6px;
margin-left: inherit;
}
.layerslider-wrapper .tp-bullets.simplebullets .bullet:hover, .layerslider-wrapper .tp-bullets.simplebullets .bullet.selected {
background: #bf9a61;
}
.ves-brandcarousel .owl-buttons {
display: none;
}
.ves-brandcarousel:hover .owl-buttons {
display: block;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-buttons .owl-next {
right: 0;
}
#ves-brandcarousel {
text-align: center;
margin-top: 30px;
margin-bottom: 0;
}
#ves-brandcarousel .carousel-inner > .item a:hover {
border-color: #bf9a61;
}
#ves-brandcarousel:hover .carousel-controls {
display: block;
}
#ves-brandcarousel .carousel-controls {
left: 0!important;
right: 0!important;
margin: auto;
width: 64px!important;
bottom: 0;
top: auto!important;
display: none;
}
#ves-brandcarousel .carousel .carousel-control {
visibility: visible;
opacity: 1!important;
width: 20px;
height: 20px;
line-height: 18px;
}
/*end*/
/* FOOTER */
#ves-footer {
font-weight: 300;
font-size: 12px;
line-height: normal;
}
#ves-footer .block {
background: transparent;
margin-bottom: 0;
border: 0;
box-shadow: none;
}
#ves-footer .block .block-title {
letter-spacing: 0;
}
#ves-footer .block .block-title strong {
font-weight: 600;
}
#ves-footer .block .block-title::before {
background: none;
height: 0;
width: 0;
}
#ves-footer .block .block-content {
padding: 0;
}
#ves-footer ul, #ves-footer ol {
list-style: none;
}
#ves-footer .nav-links li {
padding: 5px 0;
}
#ves-footer .nav-links li a {
font-size: 13px;
}
#ves-footer .block-contact {
background-position: 30px center;
}
#ves-footer .ourservice-heading {
font-size: 18px;
color: black;
text-transform: uppercase;
}
#ves-footer .ourservice-block .pull-left {
min-height: 60px;
margin-top: 8px;
}
#ves-footer .ourservice-block .logo-inner {
width: 100%;
margin-bottom: 10px;
}
#ves-footer .ourservice-block p {
margin: 0;
}
/* Footer Style 5 */
.footer1 {
color: #666;
margin-top: 30px;
}
.footer1 .block .block-title {
margin-bottom: 10px;
border: 0 none;
color: black;
display: block;
font-size: 16px;
padding: 0;
}
.footer1 .block .block-title h2 {
font-size: 12px;
line-height: normal;
}
.footer1 .block .block-title span > span {
float: left;
width: 100%;
color: black;
}
.rtl .footer1 .block .block-title span > span {
float: right !important;
}
.footer1 .f-top {
position: relative;
}
.footer1 .f-top .row-inner {
background: #5d4e57;
padding: 30px 15px;
position: relative;
}
.footer1 .f-top::before {
content: "";
background: white;
width: 100%;
height: 50%;
bottom: 0;
position: absolute;
border-top: 2px solid #e6e6e6;
}
.footer1 .widget-raw-html .block-content p {
margin: 0;
}
.footer1 .nav-links a {
color: #666;
}
.footer1 .nav-links a:hover {
color: #bf9a61;
}
.footer1 .venus-latest-block .post-block {
margin-bottom: 15px;
}
.footer1 .venus-latest-block .post-block > h4 {
display: none;
}
.footer1 .venus-latest-block .latest-description {
font-size: 13px;
}
.footer1 .venus-latest-block .blog-readmore {
margin-top: 0;
}
.footer1 .venus-latest-block .blog-readmore a {
color: #bf9a61;
}
.footer1 .venus-latest-block .blog-readmore a:hover {
color: black;
}
.footer1 .footer-payment {
padding: 20px 0;
border-top: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
.footer1 .footer-payment .widget-images {
margin-top: 10px;
}
.footer1 .footer-payment .widget-images .img-animation {
display: inline-block;
*display: inline;
zoom: 1;
}
.footer1 .footer-payment .widget-images .image-description {
float: left;
display: inline-block;
*display: inline;
zoom: 1;
margin-right: 15px;
}
.rtl .footer1 .footer-payment .widget-images .image-description {
float: right !important;
}
.rtl .footer1 .footer-payment .widget-images .image-description {
margin-left: 15px;
margin-right: inherit;
}
.footer1 .footer-payment .widget-images .image-description h3 {
line-height: normal;
color: black;
font-size: 15px;
}
.footer1 .footer-payment .widget-raw-html h3 {
float: left;
display: inline-block;
*display: inline;
zoom: 1;
margin-right: 10px;
color: black;
font-size: 15px;
}
.rtl .footer1 .footer-payment .widget-raw-html h3 {
float: right !important;
}
.rtl .footer1 .footer-payment .widget-raw-html h3 {
margin-left: 10px;
margin-right: inherit;
}
.footer1 .footer-payment .widget-raw-html p {
float: left;
display: inline-block;
*display: inline;
zoom: 1;
}
.rtl .footer1 .footer-payment .widget-raw-html p {
float: right !important;
}
.footer1 .footer-payment .widget-raw-html p img {
margin-left: 10px;
}
.rtl .footer1 .footer-payment .widget-raw-html p img {
margin-right: 10px;
margin-left: inherit;
}
.footer1 .powered .widget-images .image-description {
padding-bottom: 22px;
}
.footer1 .powered .widget-images .image-description span {
color: #bf9a61;
font-weight: 400;
}
.footer1 .powered .wrapper {
padding: 20px 0 30px;
border-top: 1px solid #f6f6f6;
}
.footer1 .powered .widget-raw-html span {
color: #bf9a61;
}
.footer1 .block-tags .tags-list li, .footer1 .blog-list-tags .tags-list li {
padding-right: 6px;
display: inline-block!important;
position: relative;
}
.rtl .footer1 .block-tags .tags-list li, .rtl .footer1 .blog-list-tags .tags-list li {
padding-left: 6px;
padding-right: inherit;
}
.footer1 .block-tags .tags-list li::after, .footer1 .blog-list-tags .tags-list li::after {
content: "";
background: #999;
height: 10px;
width: 1px;
right: 0;
top: 5px;
position: absolute;
}
.rtl .footer1 .block-tags .tags-list li::after, .rtl .footer1 .blog-list-tags .tags-list li::after {
left: 0;
right: auto;
}
.footer1 .block-tags .tags-list li a, .footer1 .blog-list-tags .tags-list li a {
background: transparent;
margin: 0;
color: #999;
line-height: 15px;
font-size: 12px !important;
}
.footer-line1 {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 60px;
}
.footer-line2 {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.rtl .footer-line2 {
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-left: inherit;
}
.footer-line3 {
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 30px;
padding: 20px;
text-align: center;
}
/* POWER BY */
#powered {
display: none;
visible: hidden;
}
.cms-index-index .ads-popup {
display: block;
}
.ads-popup {
position: fixed;
bottom: 0;
z-index: 9998;
-webkit-box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
display: none;
}
.ads-popup p {
margin: 0;
}
.ads-popup .popup-ads {
margin-bottom: -260px;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.ads-popup .popup-ads:hover {
margin-bottom: 0;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.ads-popup .alert {
background-color: none;
border: 0;
margin: 0;
padding: 0;
}
.ads-popup .alert .close {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/close.png") no-repeat;
position: absolute;
width: 17px;
height: 17px;
top: 0;
right: -25px;
opacity: 1;
filter: alpha(opacity=100);
}
.rtl .ads-popup .alert .close {
left: -25px;
right: auto;
}
.contact-info i.fa-home {
margin-top: 20px;
margin-right: 10px;
}
.contact-customhtml li {
padding-bottom: 10px;
}
.contact-customhtml li em {
margin-right: 10px;
}
/* rtl fix */
.rtl .topLinks .dropdown-menu {
left: 0!important;
right: auto!important;
}
.rtl .categorytabs .block-title {
border-left: 1px solid #f6f6f6;
}
.rtl .categorytabs .tab-nav {
border-left: 1px solid #f6f6f6;
}
.rtl #header .header1 .ves-megamenu .navbar-nav > li:first-child > a {
padding-left: 24px!important;
}
.rtl .ves-autosearch .search_box .input-search {
padding-right: 10px!important;
}
.rtl .block-warning.latest-deal .productdeals {
padding-left: 0!important;
}
.rtl .ves-megamenu .navbar-nav > li.aligned-left .dropdown-menu {
left: auto!important;
right: 0!important;
}
.rtl #header .header2 .ves-autosearch .search_box .category_filter select {
border-right: 2px solid #e6e6e6;
border-left: 0;
}
.rtl #header .header2 .topLinks .dropdown-menu {
left: auto !important;
right: 0 !important;
}
/* Page 404 */
.page-404 {
text-align: center;
color: white;
}
.page-404 .block {
background: transparent!important;
}
.page-404 .block-content {
padding: 0!important;
}
.page-404 h1 {
color: white;
font-size: 150px;
line-height: 150px;
}
.page-404 h2 {
color: white;
margin-bottom: 0;
}
.page-404 a {
border: 2px solid #fff;
color: #fff;
padding: 15px 20px;
line-height: 120px;
margin: 0 12px;
font-family: "Poppins", sans-serif;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.page-404 a:hover {
border-color: #bf9a61;
background: #bf9a61;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cms-no-route1 #content {
background: transparent;
padding: 0;
}
.catalog-category-view .category-title {
display: none;
}
#content {
background: white;
min-height: 400px;
padding: 2%;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.cms-index-index #content, .catalog-category-view #content, .catalog-product-view #content {
background: transparent!important;
padding: 0!important;
box-shadow: none!important;
border: 0!important;
}
.checkout-cart-index #content {
overflow: visible;
padding: 0!important;
box-shadow: none;
border: 0;
background: transparent!important;
font-family: 'Nunito Sans' !important;
}
.about-us1 {
color: #666;
font-size: 13px;
font-weight: 400;
}
.about-us1 .block {
background: transparent;
border: 0;
box-shadow: none;
}
.about-us1 .block .block-content {
padding: 0;
}
.about-us1 .block h1 {
color: white;
font-size: 33px;
font-weight: 300;
}
.about-us1 .ourservice-block {
color: #666;
}
.about-us1 .ourservice-block .pull-left {
margin-bottom: 50px;
margin-right: 30px;
}
.rtl .about-us1 .ourservice-block .pull-left {
margin-left: 30px;
margin-right: inherit;
}
.about-us1 .ourservice-block .ourservice-content {
padding-top: 30px;
}
.about-us1 h2 {
color: black;
line-height: 32px;
font-size: 24px;
margin-bottom: 10px;
}
.about-us1 h2 span {
color: #bf9a61;
}
#ves-mainnav {
background: transparent;
margin-top: 20px;
}
.ves-megamenu {
background: transparent;
/* menu level 1 */
/* level 2 */
/* level > 3 */
}
.ves-megamenu .ves-colorbox {
display: none !important;
}
.ves-megamenu .navbar-inverse {
background: transparent;
}
.ves-megamenu .navbar-inverse .navbar-collapse {
padding: 0;
}
.ves-megamenu .navbar {
background: transparent;
border: 0;
margin: 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
min-height: 35px;
}
.ves-megamenu .navbar-nav > li {
float: left;
padding: 0 18px;
}
.rtl .ves-megamenu .navbar-nav > li {
float: right !important;
}
.ves-megamenu .navbar-nav > li.aligned-fullwidth {
position: static;
}
.ves-megamenu .navbar-nav > li.aligned-fullwidth .dropdown-menu {
width: 100%;
left: -20.6%;
}
.rtl .ves-megamenu .navbar-nav > li.aligned-fullwidth .dropdown-menu {
right: -20.6%;
left: auto;
}
.ves-megamenu .navbar-nav > li.aligned-right .dropdown-menu {
right: 0;
left: auto;
}
.ves-megamenu .navbar-nav > li.aligned-left .dropdown-menu {
left: 0!important;
right: auto!important;
}
.ves-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.rtl .ves-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
right: 50%;
left: auto;
}
.rtl .ves-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ves-megamenu .navbar-nav > li.custom .dropdown-menu {
-webkit-transform: translate(-18%, 0);
-ms-transform: translate(-18%, 0);
transform: translate(-18%, 0);
}
.rtl .ves-megamenu .navbar-nav > li.custom .dropdown-menu {
-webkit-transform: translate(-82%, 0);
-ms-transform: translate(-82%, 0);
transform: translate(-82%, 0);
}
.ves-megamenu .navbar-nav > li.menu-hot > a > .menu-title::after {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon-menu-hot.png");
position: absolute;
/*top: -20px;*/
content: "";
width: 31px;
height: 20px;
right: 0;
}
.ves-megamenu .navbar-nav > li.menu-new > a > .menu-title::after {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon-menu-new.png");
position: absolute;
top: -20px;
content: "";
width: 31px;
height: 20px;
right: 0;
}
.ves-megamenu .navbar-nav > li.hidden-adv-title .ves-widget .menu-title {
display: none;
}
.ves-megamenu .navbar-nav > li.hidden-adv-title .widget-html,
.ves-megamenu .navbar-nav > li.hidden-adv-title .widget-image {
padding-top: 20px;
}
.ves-megamenu .navbar-nav > li.active > a,
.ves-megamenu .navbar-nav > li.active > a:hover,
.ves-megamenu .navbar-nav > li.active > a:active {
background: transparent;
}
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:hover,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:active,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:hover,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:active,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:hover,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:active {
color: black !important;
}
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:hover span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:active span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:hover span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:active span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:hover span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:active span {
color: black !important;
}
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:hover span, .ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:focus span, .ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:active span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:hover:hover span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:hover:focus span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:hover:active span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:active:hover span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:active:focus span,
.ves-megamenu .navbar-nav > li.active > a .dropdown-menu a:active:active span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:hover span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:focus span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:active span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:hover:hover span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:hover:focus span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:hover:active span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:active:hover span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:active:focus span,
.ves-megamenu .navbar-nav > li.active > a:hover .dropdown-menu a:active:active span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:hover span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:focus span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:active span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:hover:hover span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:hover:focus span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:hover:active span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:active:hover span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:active:focus span,
.ves-megamenu .navbar-nav > li.active > a:active .dropdown-menu a:active:active span {
color: #bf9a61;
}
.ves-megamenu .navbar-nav > li > .dropdown-menu {
top: 100%!important;
display: block !important;
text-align: left;
visibility: hidden;
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
transform-origin: 50% 0 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.rtl .ves-megamenu .navbar-nav > li > .dropdown-menu {
text-align: right !important;
}
.ves-megamenu .navbar-nav > li:hover > .dropdown-menu, .ves-megamenu .navbar-nav > li:focus > .dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.ves-megamenu .navbar-nav > li:hover > a .menu-title, .ves-megamenu .navbar-nav > li:focus > a .menu-title {
color: #bf9a61;
}
.ves-megamenu .navbar-nav > li:hover > a .menu-title::before, .ves-megamenu .navbar-nav > li:focus > a .menu-title::before {
width: 20px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ves-megamenu .navbar-nav > li.active > a .menu-title {
color: #bf9a61;
}
.ves-megamenu .navbar-nav > li.active > a .menu-title::before {
width: 20px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ves-megamenu .navbar-nav > li > a {
line-height: 36px;
padding: 0;
position: relative;
}
.ves-megamenu .navbar-nav > li > a .menu-title::before {
content: "";
background: #F7941E;
width: 0;
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -6px;
margin: auto;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ves-megamenu .navbar-nav > li > a span {
font-size: 15px;
color: #555 !important;
background-color: transparent!important;
position: relative;
padding-left: 25px;
}
/* icon- cho Vmegamenu */
.fpointstore-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_Fpointstore.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.flashsale-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_Flashsale.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.goiy-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_goiy.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.review-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_review.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.dacquyen-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_dacquyen.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.deal-hot-day-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_dealhot.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.do-choi-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_dochoi.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.kinh-te-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_kinhte.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.tam-ly-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_tamly.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.thieu-nhi-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_thieunhi.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.van-hoc-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_vanhoc.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.vpp-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_vpp.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.bookaward-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_bookaward.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.promotion-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_mgg_new.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
.dday163-icon{
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/dday163_icon_2.png") no-repeat center center;
width: 30px;
height: 30px;
bottom: 8px;
left: -8px;
position: absolute;
}
/*---end icon cho Vmegamenu-------*/
.ves-megamenu .navbar-nav > li > a .caret {
border: 0;
}
.ves-megamenu .dropdown-menu {
color: #666666;
height: auto;
font-weight: 400;
font-family: "Poppins", sans-serif;
border: 3px solid #F7941E;
min-width: 200px !important;
padding: 20px !important;
background-color: white;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.ves-megamenu .dropdown-menu li {
line-height: 25px;
text-align: left;
float: left;
width: 100%;
}
.rtl .ves-megamenu .dropdown-menu li {
text-align: right !important;
}
.rtl .ves-megamenu .dropdown-menu li {
float: right !important;
}
.ves-megamenu .dropdown-menu li a {
color: #666666 !important;
text-align: left;
float: left;
width: 100%;
padding: 6px;
font-weight: 300;
font-size: 12px;
font-family: "Poppins", sans-serif;
position: relative;
}
.rtl .ves-megamenu .dropdown-menu li a {
text-align: right !important;
}
.rtl .ves-megamenu .dropdown-menu li a {
float: right !important;
}
.ves-megamenu .dropdown-menu li a:hover {
background-color: transparent;
text-decoration: none;
color: black !important;
}
.ves-megamenu .dropdown-menu .mega-col .mega-col-inner {
padding: 0 5px;
}
.ves-megamenu .dropdown-menu .mega-col .level2 .mega-col {
border: 0;
padding-bottom: 0;
}
.ves-megamenu .dropdown-menu .mega-col .level2 .mega-col .mega-col-inner {
padding: 0;
}
.ves-megamenu .dropdown-menu .mega-col:last-child {
border-right: 0;
}
.rtl .ves-megamenu .dropdown-menu .mega-col:last-child {
border-left: 0;
border-right: inherit;
}
.ves-megamenu .dropdown-menu .mega-col:last-child .mega-col {
border: 0;
}
.ves-megamenu .dropdown-menu .row:last-child .mega-col {
border: 0;
padding-bottom: 0;
}
.ves-megamenu .dropdown-menu .row:last-child .mega-col .widget-image img {
display: block;
max-width: 100%;
height: auto;
}
.ves-megamenu .dropdown-menu .nav-color li {
float: left;
margin-right: 10px;
margin-top: 4px;
}
.rtl .ves-megamenu .dropdown-menu .nav-color li {
float: right !important;
}
.rtl .ves-megamenu .dropdown-menu .nav-color li {
margin-left: 10px;
margin-right: inherit;
}
.ves-megamenu .dropdown-menu .nav-color li a {
display: inline-block;
*display: inline;
zoom: 1;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ves-megamenu .dropdown-menu .nav-color li a:hover {
-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
}
.ves-megamenu .dropdown-menu .nav-color li.red a {
background-color: #e2202c;
}
.ves-megamenu .dropdown-menu .nav-color li.green a {
background-color: #70ba28;
}
.ves-megamenu .dropdown-menu .nav-color li.blue a {
background-color: #1eaaf1;
}
.ves-megamenu .dropdown-menu .nav-color li.orange a {
background-color: #ff9600;
}
.ves-megamenu .dropdown {
display: block;
}
.ves-megamenu .dropdown:hover > .dropdown-menu {
display: block;
right: 0px;
}
.ves-megamenu .dropdown:hover > a {
color: #bf9a61;
}
.ves-megamenu .dropdown:hover > a .fa {
color: #bf9a61;
}
.ves-megamenu .dropdown-submenu {
position: relative;
}
.ves-megamenu .dropdown-submenu .caret {
margin-left: 5px;
}
.rtl .ves-megamenu .dropdown-submenu .caret {
margin-right: 5px;
margin-left: inherit;
}
.ves-megamenu .dropdown-submenu .dropdown-menu {
visibility: hidden!important;
opacity: 0!important;
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transform-origin: 50% 0 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.ves-megamenu .dropdown-submenu:hover > .dropdown-menu {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
visibility: visible!important;
opacity: 1!important;
left: 100%;
display: block;
left: auto;
top: 0;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.ves-megamenu .mega-group {
padding-bottom: 20px;
}
.ves-megamenu .mega-group .caret {
display: none;
}
.ves-megamenu .mega-group > .dropdown-toggle {
display: block;
font-family: "Poppins", sans-serif;
color: black !important;
font-weight: 600;
margin-bottom: 10px;
line-height: 40px;
border-bottom: 1px solid #e6e6e6;
}
.ves-megamenu .mega-group > .dropdown-toggle .menu-title {
font-size: 13px !important;
}
.ves-megamenu .mega-group > .dropdown-toggle .fa {
color: white;
}
.ves-megamenu .widget-title {
color: black;
}
.ves-megamenu .megamenu .cols1 {
min-width: 200px;
}
.ves-megamenu .megamenu .cols2 {
min-width: 500px;
}
.ves-megamenu .megamenu .cols3 {
min-width: 740px;
}
.ves-megamenu .dropdown-mega .menu-title {
font-family: "Poppins", sans-serif;
position: relative;
}
.ves-megamenu .dropdown-mega .mega-col-inner {
border-right: 0;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
background: transparent;
}
/*
*
* Vertical menu
*/
#ves-verticalmenu {
z-index: 999;
margin-bottom: 0!important;
background: #F7941E;
/* margin-right: -20px;*/
/* top: 58px;*/
}
.custom-menu-homepage #ves-verticalmenu .block-title{
min-height: 42px;
line-height: 38px;
}
#ves-verticalmenu .block-title {
width: 100%;
padding: 0 20px;
letter-spacing: 0;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
border-bottom: 0;
min-height: 35px;
line-height: 35px;
text-align: center;
}
#ves-verticalmenu .block-title::before {
background: rgba(255, 255, 255, 0.1);
width: auto;
bottom: 0;
left: 20px!important;
right: 20px!important;
}
#ves-verticalmenu .block-title strong::before {
content: "\f067";
font-family: "FontAwesome";
right: 8%;
color: white;
font-size: 14px;
font-weight: normal;
top: 0;
position: absolute;
}
.rtl #ves-verticalmenu .block-title strong::before {
left: 8%;
right: auto;
}
#ves-verticalmenu .block-title span {
color: white;
display: inline-block;
*display: inline;
zoom: 1;
font-size: 16px;
/* font-weight: bold;*/
position: relative;
}
#ves-verticalmenu .block-content {
padding: 0!important;
display: none;
visibility: hidden;
position: absolute;
}
#ves-verticalmenu:hover .block-title strong::before {
content: "\f068";
}
#ves-verticalmenu:hover .block-content {
display: block;
visibility: visible;
}
#ves-verticalmenu .navbar-inverse {
background: white;
border: 0;
margin: 0;
}
#ves-verticalmenu .navbar-inverse .navbar {
border: 0;
}
#ves-verticalmenu .navbar{
margin: 0px;
}
#ves-verticalmenu .navbar-collapse, #ves-verticalmenu .navbar-vertical {
margin: 0;
padding: 0;
}
#ves-verticalmenu .navbar-nav {
position: static;
float: none;
width: 100%;
padding: 0;
margin-bottom: 0;
}
#ves-verticalmenu .navbar-nav > li {
width: 100%;
height: auto;
position: static;
padding: 0px;
}
#ves-verticalmenu .navbar-nav > li > a {
display: block;
color: #444;
font-size: 14px;
padding: 12px 10px 13px 20px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
line-height: 17px;
text-align: left;
}
#ves-verticalmenu .navbar-nav > li > a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FCDAB0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
/* -webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;*/
}
#ves-verticalmenu .navbar-nav > li > a:hover {
/* color: white !important;*/
color: #444 !important;
}
#ves-verticalmenu .navbar-nav > li > a .menu-icon {
display: block;
height: 25px;
background-position: left center !important;
}
.rtl #ves-verticalmenu .navbar-nav > li > a .menu-icon {
background-position: right center !important;
}
#ves-verticalmenu .navbar-nav > li > a .menu-icon span {
display: block;
margin-left: 40px;
line-height: 20px;
font-size: 12px;
}
.rtl #ves-verticalmenu .navbar-nav > li > a .menu-icon span {
margin-right: 40px;
margin-left: inherit;
}
#ves-verticalmenu .navbar-nav > li > a .menu-icon .menu-desc {
display: none;
}
#ves-verticalmenu .navbar-nav > li > a .caret {
border: 0;
position: absolute;
right: 20px;
top: 30%;
}
.rtl #ves-verticalmenu .navbar-nav > li > a .caret {
left: 20px;
right: auto;
}
#ves-verticalmenu .navbar-nav > li > a .caret:after {
content: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/right_menu.png");
position: absolute;
color: #555;
right: 0;
font-weight: 400;
font-weight: 12px;
}
.rtl #ves-verticalmenu .navbar-nav > li > a .caret:after {
left: 0;
right: auto;
}
#ves-verticalmenu .navbar-nav > li > a:hover .caret:after, #ves-verticalmenu .navbar-nav > li > a:active .caret:after, #ves-verticalmenu .navbar-nav > li > a:focus .caret:after {
color: white;
}
#ves-verticalmenu .navbar-nav > li.last a, #ves-verticalmenu .navbar-nav > li:last-child a {
border: 0;
}
#ves-verticalmenu .navbar-nav > li:hover a::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#ves-verticalmenu .navbar-nav > li:hover > a {
color: #444;
}
#ves-verticalmenu .navbar-nav > li:hover > .dropdown-menu {
top: -47px;
left: 100%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
visibility: visible;
}
.rtl #ves-verticalmenu .navbar-nav > li:hover > .dropdown-menu {
right: 100%;
left: auto;
}
#ves-verticalmenu .navbar-nav > li .parent > .dropdown-toggle {
text-transform: none;
font-weight: normal;
color: #333333;
}
#ves-verticalmenu .navbar-nav > li .parent > .dropdown-toggle:hover {
color: #bf9a61;
}
#ves-verticalmenu .navbar-nav > li .parent > .dropdown-menu {
min-height: 100px;
height: 100px;
height: auto !important;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13);
}
#ves-verticalmenu .navbar-nav > li .parent:hover > .dropdown-menu {
left: 100%;
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
visibility: visible;
}
.rtl #ves-verticalmenu .navbar-nav > li .parent:hover > .dropdown-menu {
right: 100%;
left: auto;
}
#ves-verticalmenu .verticalmenu li a:hover {
color: #F7941E;
}
#ves-verticalmenu .verticalmenu li a {
transition: none!important;
}
#ves-verticalmenu .dropdown-menu {
left: 110%;
text-align: left;
top: 0;
visibility: hidden;
min-height: 100%;
height: 380px !important;
min-width: 300px;
width: 960px !important;
/* padding: 20px;*/
padding-left: 20px;
margin-top: 45px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: white;
background-position: right bottom;
}
.rtl #ves-verticalmenu .dropdown-menu {
right: 110%;
left: auto;
}
.rtl #ves-verticalmenu .dropdown-menu {
text-align: right !important;
}
.rtl #ves-verticalmenu .dropdown-menu {
background-position: left bottom;
}
#ves-verticalmenu .dropdown-menu ul {
margin: 0;
padding: 0;
}
#ves-verticalmenu .dropdown-menu ul li {
border: 0!important;
padding: 4px 0;
line-height: normal;
list-style: none;
width: 100%;
}
#ves-verticalmenu .dropdown-menu ul li a {
color: #444444;
font-size: 12px;
padding: 0;
text-align: left;
}
.rtl #ves-verticalmenu .dropdown-menu ul li a {
text-align: right !important;
}
#ves-verticalmenu .dropdown-menu p {
line-height: 18px;
font-size: 12px;
}
#ves-verticalmenu .dropdown-menu .ves-menu-video {
width: 100%;
}
#ves-verticalmenu .dropdown-menu .ves-menu-video iframe {
margin-bottom: 10px;
}
#ves-verticalmenu .dropdown-menu .dropdown-toggle:hover {
color: black;
}
#ves-verticalmenu .dropdown-menu .dropdown-toggle {
font-weight: 600;
text-transform: uppercase;
line-height: normal;
color: black;
font-family: "Poppins", sans-serif;
text-align: left;
}
.rtl #ves-verticalmenu .dropdown-menu .dropdown-toggle {
text-align: right !important;
}
#ves-verticalmenu .dropdown-menu .action {
display: none;
}
#ves-verticalmenu .dropdown-menu .ves-widget .menu-title {
border-bottom: 0;
padding-bottom: 0;
}
#ves-verticalmenu .dropdown-submenu .dropdown-toggle {
color: #444!important;
font-weight: 300!important;
}
#ves-verticalmenu .dropdown-submenu .dropdown-toggle:hover {
color: #bf9a61 !important;
}
#ves-verticalmenu .dropdown-submenu .dropdown-menu {
top: 0!important;
visibility: hidden!important;
opacity: 0!important;
}
#ves-verticalmenu .dropdown-submenu:hover > .dropdown-menu {
visibility: visible!important;
opacity: 1!important;
}
.menu-sidebar {
z-index: 9999;
}
/*Navigation default*/
.rtl #ves-mainnav {
border-left: 2px solid #f6f6f6;
border-right: inherit;
}
#ves-mainnav .nav-container #nav li {
float: left;
padding: 0;
position: relative;
}
.rtl #ves-mainnav .nav-container #nav li {
float: right !important;
}
#ves-mainnav .nav-container #nav li a {
line-height: 95px;
padding: 0;
-webkit-transition: all 350ms ease-out;
transition: all 350ms ease-out;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
}
#ves-mainnav .nav-container #nav li a span {
padding: 0 18px;
text-transform: uppercase;
font-size: 12px;
color: black;
background-color: transparent!important;
font-weight: 500;
border: 2px solid white;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#ves-mainnav .nav-container #nav li a:hover span, #ves-mainnav .nav-container #nav li a:focus span, #ves-mainnav .nav-container #nav li a:active span {
color: #bf9a61 !important;
border: 2px solid #f0f0f0;
}
#ves-mainnav .nav-container #nav li > a.over {
background-color: white;
text-decoration: none;
}
#ves-mainnav .nav-container #nav li:hover > a {
background-color: white;
}
#ves-mainnav .nav-container #nav li:hover > a .caret {
border-bottom-color: white;
border-top-color: white;
}
#ves-mainnav .nav-container #nav li.parent:hover > a:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #f6f6f6;
bottom: 0;
content: "";
display: inline-block;
*display: inline;
zoom: 1;
left: 40%;
position: absolute;
z-index: 2222;
}
#ves-mainnav .nav-container #nav li div {
position: absolute;
width: 15em;
top: 100%;
left: -10000px;
}
.rtl #ves-mainnav .nav-container #nav li div {
right: -10000px;
left: auto;
}
#ves-mainnav .nav-container #nav li div ul {
position: static;
width: auto;
border: none;
}
#ves-mainnav .nav-container #nav li ul {
position: absolute;
width: 15em;
top: 100%;
left: -10000px;
background-color: white;
-webkit-box-shadow: 0 1px 3px lightgrey;
box-shadow: 0 1px 3px lightgrey;
padding: 0 10px;
}
.rtl #ves-mainnav .nav-container #nav li ul {
right: -10000px;
left: auto;
}
#ves-mainnav .nav-container #nav li ul li {
float: none;
}
#ves-mainnav .nav-container #nav li ul li a {
font-family: "Poppins", sans-serif;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: block;
border-bottom: 1px solid #f3f3f3;
padding: 0;
line-height: 36px;
}
#ves-mainnav .nav-container #nav li ul li a span {
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
}
#ves-mainnav .nav-container #nav li ul li a:hover {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #bf9a61;
}
#ves-mainnav .nav-container #nav li ul li.active a {
padding-left: 20px;
}
.rtl #ves-mainnav .nav-container #nav li ul li.active a {
padding-right: 20px;
padding-left: inherit;
}
#ves-mainnav .nav-container #nav li ul li:last-child > a {
border-bottom: none;
}
#ves-mainnav .nav-container #nav li ul.shown-sub,
#ves-mainnav .nav-container #nav li div.shown-sub {
left: 0;
z-index: 999;
}
.rtl #ves-mainnav .nav-container #nav li ul.shown-sub, .rtl
#ves-mainnav .nav-container #nav li div.shown-sub {
right: 0;
left: auto;
}
#ves-mainnav .nav-container #nav li .shown-sub ul.shown-sub,
#ves-mainnav .nav-container #nav li .shown-sub li div.shown-sub {
left: 0px;
}
.rtl #ves-mainnav .nav-container #nav li .shown-sub ul.shown-sub, .rtl
#ves-mainnav .nav-container #nav li .shown-sub li div.shown-sub {
right: 0px;
left: auto;
}
/*Tree menu RTL */
#ves-accordion ul {
float: left;
}
.rtl #ves-accordion ul {
float: right !important;
}
#ves-accordion li a {
float: left;
padding-left: 20px;
}
.rtl #ves-accordion li a {
float: right !important;
}
.rtl #ves-accordion li a {
padding-right: 20px;
padding-left: inherit;
}
#ves-accordion .head {
float: right;
display: none;
}
.rtl #ves-accordion .head {
float: left !important;
}
#ves-accordion li.parent .head {
display: block;
}
#ves-accordion ul li {
margin-left: 20px;
}
.rtl #ves-accordion ul li {
margin-right: 20px;
margin-left: inherit;
}
#ves-accordion ul li a {
background-position: left center;
padding-left: 15px;
}
.rtl #ves-accordion ul li a {
background-position: right center;
}
.rtl #ves-accordion ul li a {
padding-right: 15px;
padding-left: inherit;
}
#ves-accordion ul ul li {
padding-left: 30px;
}
.rtl #ves-accordion ul ul li {
padding-right: 30px;
padding-left: inherit;
}
#ves-accordion a {
width: 100%;
}
#ves-accordion a span + span {
float: right;
background: #999999;
color: white;
font-size: 10px;
padding: 2px 5px;
line-height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rtl #ves-accordion a span + span {
float: left !important;
}
.ves-categoriesmenu .btnCat-loadmore {
display: none;
}
.ves-megamenu .list-icon-color [class*="theme-"] .menu-title {
background: none;
position: relative;
padding-left: 25px;
}
.rtl .ves-megamenu .list-icon-color [class*="theme-"] .menu-title {
padding-right: 25px;
padding-left: inherit;
}
.ves-megamenu .list-icon-color [class*="theme-"] .menu-title:before {
content: "";
width: 16px;
height: 16px;
background: #ff0000;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
}
.rtl .ves-megamenu .list-icon-color [class*="theme-"] .menu-title:before {
right: 0;
left: auto;
}
.ves-megamenu .list-icon-color [class*="theme-"].theme-blue .menu-title:before {
background: #2b8cdb;
}
.ves-megamenu .list-icon-color [class*="theme-"].theme-orange .menu-title:before {
background: #ff9600;
}
.ves-megamenu .list-icon-color [class*="theme-"].theme-pink .menu-title:before {
background: #ec5777;
}
#narrow-by-list dd .swatch-link {
float: left;
}
.rtl #narrow-by-list dd .swatch-link {
float: right !important;
}
.configurable-swatch-list li {
float: left;
}
.rtl .configurable-swatch-list li {
float: right !important;
}
.owl-item.loading {
min-height: 20px !important;
}
/* Topbar */
#topbar {
/*padding-top: 30px;*/
padding-bottom: 5px;
background-color: #fff;
margin-top: -4px;
}
#topbar .topLinks .dropdown-menu {
min-width: 180px;
}
.topLinks {
border-right: 1px dashed #f6f6f6;
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
}
.rtl .topLinks {
border-left: 1px dashed #f6f6f6;
border-right: inherit;
}
.topLinks a {
line-height: 30px;
color: #666;
}
.topLinks a:hover {
color: #bf9a61;
}
.topLinks .dropdown-toggle:hover, .topLinks .dropdown-toggle:focus {
color: #bf9a61;
cursor: pointer;
}
.topLinks .dropdown-menu {
left: auto!important;
right: 0!important;
}
.topLinks .dropdown-menu a {
font-size: 12px;
}
.links,
#select-language,
#select-currency {
width: 100%;
}
.links li,
#select-language li,
#select-currency li {
float: left;
text-align: left;
padding: 0 20px;
line-height: 30px !important;
border-bottom: 1px solid #f6f6f6;
width: 100%;
}
.rtl .links li, .rtl
#select-language li, .rtl
#select-currency li {
float: right !important;
}
.rtl .links li, .rtl
#select-language li, .rtl
#select-currency li {
text-align: right !important;
}
.links li.first,
#select-language li.first,
#select-currency li.first {
padding: 0 20px !important;
}
.links li:last-child,
#select-language li:last-child,
#select-currency li:last-child {
border-bottom: 0;
}
.links li a,
#select-language li a,
#select-currency li a {
color: #999;
line-height: 30px;
}
.links li a:hover,
#select-language li a:hover,
#select-currency li a:hover {
background-color: white;
}
.top-currency,
.store-language {
display: inline-block;
*display: inline;
zoom: 1;
line-height: 30px;
}
.top-currency label,
.top-currency strong,
.store-language label,
.store-language strong {
display: none!important;
}
.top-currency a,
.store-language a {
color: #666;
}
.top-currency a:hover,
.store-language a:hover {
color: #bf9a61;
}
.top-currency .form-language li,
.top-currency .currency li,
.store-language .form-language li,
.store-language .currency li {
display: block;
padding: 2px 5px;
}
.top-currency .form-language li a,
.top-currency .currency li a,
.store-language .form-language li a,
.store-language .currency li a {
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
text-align: left;
}
.rtl .top-currency .form-language li a, .rtl
.top-currency .currency li a, .rtl
.store-language .form-language li a, .rtl
.store-language .currency li a {
background-position: right center;
}
.rtl .top-currency .form-language li a, .rtl
.top-currency .currency li a, .rtl
.store-language .form-language li a, .rtl
.store-language .currency li a {
padding-right: 22px;
padding-left: inherit;
}
.rtl .top-currency .form-language li a, .rtl
.top-currency .currency li a, .rtl
.store-language .form-language li a, .rtl
.store-language .currency li a {
text-align: right !important;
}
.top-currency .form-language label + a,
.top-currency .currency label + a,
.store-language .form-language label + a,
.store-language .currency label + a {
background: none !important;
}
.top-currency .currency li a,
.store-language .currency li a {
padding-left: 0 !important;
}
.rtl .top-currency .currency li a, .rtl
.store-language .currency li a {
padding-right: 0 !important;
padding-left: inherit;
}
.link-register,
.form-language,
.currency {
padding-left: 0px;
position: relative;
}
.rtl .link-register, .rtl
.form-language, .rtl
.currency {
padding-right: 20px;
padding-left: inherit;
}
.link-register::before,
.form-language::before,
.currency::before {
/*content: "";*/
background: #e6e6e6;
top: 10px;
left: 8px;
width: 2px;
height: 10px;
position: absolute;
}
.rtl .link-register::before, .rtl
.form-language::before, .rtl
.currency::before {
right: 8px;
left: auto;
}
.link-login {
float: left;
}
.rtl .link-login {
float: right !important;
}
.top-callonline {
float: right;
}
.rtl .top-callonline {
float: left !important;
}
.top-callonline li {
display: inline-block;
*display: inline;
zoom: 1;
line-height: 44px;
}
.top-callonline li.first {
padding-right: 20px;
}
.rtl .top-callonline li.first {
padding-left: 20px;
padding-right: inherit;
}
.top-callonline .fa {
color: #333;
}
.quick-access {
float: left;
}
.rtl .quick-access {
float: right !important;
}
.quick-access .welcome-msg {
line-height: 38px;
text-transform: uppercase;
}
.quick-access a {
color: white;
}
.quick-access a:hover {
color: #bf9a61;
}
#search {
margin: 0!important;
}
.top-search {
background: transparent;
width: 40px;
position: relative;
margin: 0 6px;
}
.top-search .form-search {
position: relative;
width: 40px;
float: right;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
z-index: 1;
}
.rtl .top-search .form-search {
float: left !important;
}
.top-search .form-search:hover {
width: 225px;
background: black;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.top-search .form-search:hover input {
border-color: #bf9a61;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.top-search .form-search input {
padding-left: 10px;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
border-color: transparent;
font-size: 12px;
width: 100%;
height: 30px !important;
background: transparent;
color: #999;
}
.rtl .top-search .form-search input {
padding-right: 10px;
padding-left: inherit;
}
.top-search .form-search input:hover, .top-search .form-search input:focus {
border-color: #bf9a61;
}
.top-search .form-search button.button-search {
color: #999999;
cursor: pointer;
line-height: 30px;
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 0;
text-align: center;
border: 0;
padding: 0 12px;
background: transparent;
margin-top: 0;
font-size: 12px;
box-shadow: none;
border-radius: 0;
}
.rtl .top-search .form-search button.button-search {
left: 0;
right: auto;
}
/* */
/*Autosearch*/
.ves-autosearch {
/*margin-top: 15px;*/
/* margin-right: -5px;*/
margin-left: 30px;
min-height: 46px;
position: relative;
}
.rtl .ves-autosearch {
margin-left: 15px;
margin-right: inherit;
}
.ves-autosearch .search_box {
border: none;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
.rtl .ves-autosearch .search_box {
padding-right: 180px;
padding-left: inherit;
}
.ves-autosearch .search_box .button-search {
color: #F7941E;
border: 0;
font-size: 18px;
position: relative;
top: -44px;
width: 50px;
height: 42px;
line-height: 45px;
text-align: center;
float: right;
left: 0;
z-index: 3;
cursor: pointer;
}
.rtl .ves-autosearch .search_box .button-search {
float: left !important;
}
.rtl .ves-autosearch .search_box .button-search {
right: 0;
left: auto;
}
.ves-autosearch .search_box .button-search:hover {
color: #bf9a61;
}
.ves-autosearch .search_box .input-search {
border-radius: 5px;
border: 1px solid #f6f6f6;
height: 42px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.rtl .ves-autosearch .search_box .input-search {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: inherit;
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
}
.rtl .ves-autosearch .search_box .input-search {
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: inherit;
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.ves-autosearch .search_box .search-input-wrapper {
position: relative;
width: 80%;
}
.ves-autosearch .search_box .search {
width: 100%;
height: 40px;
position: relative;
}
.ves-autosearch .search_box .search .form-control {
height: 36px;
}
.ves-autosearch .search_box .category_filter {
position: absolute;
width: 180px;
height: 42px;
left: 0;
}
.rtl .ves-autosearch .search_box .category_filter {
right: 0;
left: auto;
}
.ves-autosearch .search_box .category_filter:active .fa, .ves-autosearch .search_box .category_filter:focus .fa {
color: #363636;
}
.ves-autosearch .search_box .category_filter select {
height: 42px;
padding-left: 10px;
border-radius: 0;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 12px;
color: #444;
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
border: 1px solid #f6f6f6;
}
.rtl .ves-autosearch .search_box .category_filter select {
padding-right: 10px;
padding-left: inherit;
}
.rtl .ves-autosearch .search_box .category_filter select {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: inherit;
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
}
.rtl .ves-autosearch .search_box .category_filter select {
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: inherit;
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.ves-autosearch .search_box .category_filter select:active, .ves-autosearch .search_box .category_filter select:focus {
background: white;
}
.ves-autosearch .search_box .category_filter option {
min-width: 130px;
padding: 3px 6px;
}
.ves-autosearch .search_box .category_filter span {
color: #444;
position: absolute;
right: 12px;
top: 0px;
line-height: 42px;
font-size: 10px;
}
.rtl .ves-autosearch .search_box .category_filter span {
left: 12px;
right: auto;
}
ul.ui-autocomplete {
z-index: 9999!important;
width: 300px;
cursor: default;
position: absolute;
top: 45px!important;
border-radius: 0;
left: 0 !important;
}
.rtl ul.ui-autocomplete {
right: 0 !important;
left: auto;
}
ul.ui-autocomplete .active {
border: solid 1px #CCCCCC;
}
ul.ui-autocomplete li {
display: block;
clear: both;
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
background-color: #fff !important;
padding: 10px;
}
ul.ui-autocomplete li img {
cursor: pointer;
width: 60px;
height: 60px;
}
ul.ui-autocomplete li .name {
cursor: pointer;
font-size: 12px;
font-weight: bold;
}
ul.ui-autocomplete li .name:hover {
color: #bf9a61;
}
ul.ui-autocomplete li a {
float: right;
margin: 5px !important;
border: 1px solid transparent;
}
.rtl ul.ui-autocomplete li a {
float: left !important;
}
.cart-top {
position: relative;
}
.cart-top .text-heading {
display: none;
}
.cart-top h3 {
line-height: 18px;
color: #7A7E7F;
font-size: 12px;
}
.cart-top .shopping-cart-icon {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/ico_shopping_cart_orange.svg") no-repeat center center;
/* width: 30px;*/
height: 30px;
/*right: 0;*/
/*bottom: 0;*/
/*position: absolute;*/
}
.rtl .cart-top .shopping-cart-icon {
left: 0;
right: auto;
}
.cart-top .cart-total {
color: white;
padding-left: 50px;
height: 60px;
}
.cart-top .cart-total .price {
color: white;
font-weight: 300;
font-size: 10px;
}
.cart-top #cart-total {
color: white;
font-size: 11px;
}
.cart-top .content {
width: 360px;
position: absolute;
visibility: hidden;
z-index: 9999;
line-height: normal;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
right: 0;
top: 92%;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
border: 2px solid #bf9a61;
}
.rtl .cart-top .content {
left: 0;
right: auto;
}
.cart-top .content::before {
border-bottom: 4px solid #bf9a61;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: "";
position: absolute;
top: -6px;
right: 80px;
}
.rtl .cart-top .content::before {
left: 80px;
right: auto;
}
.cart-top .content .block-cart {
background-color: white;
margin-bottom: 0;
padding: 20px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.cart-top .content .block-cart li {
float: left;
margin-bottom: 6px;
padding: 10px 0;
border-bottom: 1px dashed #d6d6d6;
}
.rtl .cart-top .content .block-cart li {
float: right !important;
}
.cart-top .content .block-cart .product-block {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.cart-top .content .block-cart .block-content {
border-top: none;
color: #222;
}
.cart-top .content .block-cart .block-content .image {
margin: 0;
padding: 0;
}
.cart-top .content .block-cart .block-content .product-meta {
padding: 0;
width: 220px;
padding-right: 30px;
text-align: left;
margin-left: 10px;
}
.rtl .cart-top .content .block-cart .block-content .product-meta {
padding-left: 30px;
padding-right: inherit;
}
.rtl .cart-top .content .block-cart .block-content .product-meta {
text-align: right !important;
}
.rtl .cart-top .content .block-cart .block-content .product-meta {
margin-right: 10px;
margin-left: inherit;
}
.cart-top .content .block-cart .block-content .product-meta .product-name a {
font-family: "Poppins", sans-serif;
color: #444444;
font-size: 12px;
font-weight: 300;
}
.cart-top .content .block-cart .block-content .product-meta strong {
font-size: 14px;
}
.cart-top .content .block-cart .block-content .summary {
padding: 10px 0;
float: left;
width: 100%;
}
.rtl .cart-top .content .block-cart .block-content .summary {
float: right !important;
}
.cart-top .content .block-cart .block-content .summary .amount {
display: none;
}
.cart-top .content .block-cart .block-content .summary .label {
display: inline-block;
*display: inline;
zoom: 1;
color: #666;
font-size: 13px;
padding: 0;
font-weight: 300;
}
.cart-top .content .block-cart .block-content .summary .price {
color: black;
font-size: 14px;
float: right;
}
.rtl .cart-top .content .block-cart .block-content .summary .price {
float: left !important;
}
.cart-top .content .block-cart .block-content .summary a {
color: #222;
text-decoration: underline;
}
.cart-top .content .block-cart .block-subtitle {
display: none;
}
.cart-top .content .block-cart .btn-remove {
position: absolute;
right: -10px;
top: 5px;
}
.rtl .cart-top .content .block-cart .btn-remove {
left: -10px;
right: auto;
}
.cart-top .content .block-cart .btn-edit {
display: none;
}
.cart-top.active .content, .cart-top:hover .content, .cart-top:focus .content {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.cart-top:hover .heading .cart-inner > span {
color: white;
}
.cart-top .actions button, .cart-top .view-cart {
background: transparent;
color: black;
height: 40px;
line-height: 38px;
border: none;
display: inline-block;
*display: inline;
zoom: 1;
margin-right: 15px;
vertical-align: top;
padding: 0 30px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.rtl .cart-top .actions button, .rtl .cart-top .view-cart {
margin-left: 15px;
margin-right: inherit;
}
.cart-top .actions button:hover, .cart-top .view-cart:hover {
/*background: #bf9a61;*/
color: white !important;
/*border-color: #bf9a61 !important;*/
}
.layerslider-wrapper {
z-index: 10;
}
.layerslider-wrapper .tparrows {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.layerslider-wrapper .tp-leftarrow {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.layerslider-wrapper .tp-rightarrow {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.layerslider-wrapper:hover .tparrows {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.block-warning.productcarousel .products-row {
border: 0;
}
.block-warning.productcarousel .products-row .product-col {
border-left: 0;
border-right: 0;
padding: 0 !important;
border-bottom: 1px solid #f6f6f6;
}
.block-warning.productcarousel .block-content {
padding: 0!important;
}
.block-warning.productcarousel .products-grid > div:last-child .product-col {
border-color: transparent!important;
}
.block-warning.productcarousel .owl-controls .owl-buttons {
top: -68px;
}
.block-warning.productcarousel .product-block {
padding: 0 15px!important;
}
.block-warning.productcarousel .product-block .name {
padding: 0!important;
}
.block-warning.productcarousel .product-block .image {
float: left;
margin: 0;
width: 25%;
padding: 0!important;
}
.rtl .block-warning.productcarousel .product-block .image {
float: right !important;
}
.block-warning.productcarousel .product-block .price .price-old, .block-warning.productcarousel .product-block .price .old-price {
display: inline-block!important;
}
.block-warning.productcarousel .product-block .product-img.img::before, .block-warning.productcarousel .product-block .product-img.img::after {
background: none!important;
}
.block-warning.productcarousel .custom_label {
display: none;
}
.block-warning.productcarousel .product-block {
box-shadow: none!important;
text-align: left;
margin: 12px 0;
}
.block-warning.productcarousel .product-block:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.rtl .block-warning.productcarousel .product-block {
text-align: right !important;
}
.block-warning.productcarousel .product-block .action,
.block-warning.productcarousel .product-block .ves-colorbox,
.block-warning.productcarousel .product-block .image-gallery,
.block-warning.productcarousel .product-block .add-to-links {
display: none !important;
}
.block-warning.productcarousel .product-block .product-meta {
float: right;
width: 70%;
padding: 0;
margin: 0;
text-align: left;
}
.rtl .block-warning.productcarousel .product-block .product-meta {
float: left !important;
}
.rtl .block-warning.productcarousel .product-block .product-meta {
text-align: right !important;
}
.block-warning.productcarousel .product-label {
display: none;
}
/** apply general product block **/
/* Block: Layered Navigation */
.rtl .block-layered-nav dt {
background-position: left center;
}
.block-layered-nav dt.active {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/menu_up.gif") no-repeat right center;
background-position: right center;
}
.rtl .block-layered-nav dt.active {
background-position: left center;
}
/* social internal module */
.social {
text-align: right;
font-weight: bold;
color: #999;
}
.social > p {
line-height: normal;
margin-bottom: 0;
margin-top: 4px;
padding-left: 26px;
}
.rtl .social > p {
padding-right: 26px;
padding-left: inherit;
}
.social > p::before {
content: "";
border-left: 1px solid #f6f6f6;
position: absolute;
width: 1px;
height: 56px;
left: 0;
top: -5px;
}
.rtl .social > p::before {
border-right: 1px solid #f6f6f6;
border-left: inherit;
}
.rtl .social > p::before {
right: 0;
left: auto;
}
.social > p span {
color: black;
}
.social ul {
margin-top: 12px;
}
.social li {
display: inline-block;
*display: inline;
zoom: 1;
margin-left: 8px;
}
.rtl .social li {
margin-right: 8px;
margin-left: inherit;
}
.social li span {
display: none;
}
.social li a {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0.5;
filter: alpha(opacity=50);
}
.social li a:hover {
color: white;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social li a .fa {
color: black;
font-size: 16px;
display: inline-block;
*display: inline;
zoom: 1;
padding-left: 3px;
margin-right: 6px;
}
.rtl .social li a .fa {
padding-right: 3px;
padding-left: inherit;
}
.rtl .social li a .fa {
margin-left: 6px;
margin-right: inherit;
}
/* back to top */
.scrollup {
background: #bf9a61;
bottom: 82px;
display: none;
position: fixed;
right: 10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
width: 40px;
height: 40px;
-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
text-align: center;
font-size: 13px;
color: #fff!important;
text-transform: uppercase;
font-weight: 600;
padding: 2px;
cursor: pointer;
line-height: 18px;
z-index: 9999;
}
.rtl .scrollup {
left: 10px;
right: auto;
}
.scrollup .fa {
display: block;
}
.scrollup:hover {
text-decoration: none;
background: #333333;
}
.producttabs .nav-tabs {
padding: 0;
border-bottom: 2px solid #f6f6f6;
}
.producttabs .nav-tabs li {
width: 25%;
text-align: center;
font-weight: 600;
font-size: 20px;
border-right: 2px solid #f6f6f6;
}
.rtl .producttabs .nav-tabs li {
border-left: 2px solid #f6f6f6;
border-right: inherit;
}
.producttabs .nav-tabs li:last-child {
border: 0!important;
}
.producttabs .nav-tabs li > a {
margin: 0;
padding: 15px 10px;
color: #666;
}
.producttabs .nav-tabs > li > a:hover, .producttabs .nav-tabs > li.active > a, .producttabs .nav-tabs > li.active > a:hover, .producttabs .nav-tabs > li.active > a:focus {
background: #143659;
color: white;
border-color: transparent!important;
}
.producttabs .carousel-inner {
padding-top: 3px;
}
.producttabs .products-row .first.product-col {
border-color: transparent!important;
}
.block-layered-nav > .block.block-layered-nav {
border: 0;
margin: 0;
box-shadow: none;
}
.block-layered-nav .block-subtitle {
font-weight: 700;
display: none;
}
.block-layered-nav .swatch-label {
width: 30px!important;
height: 30px!important;
border: 1px solid #e6e6e6;
}
.block-layered-nav .swatch-label img {
width: 30px;
height: 30px;
}
.block-layered-nav .currently {
padding: 5px 10px 5px 0;
margin-top: -30px;
}
.block-layered-nav .currently li {
position: relative;
padding-bottom: 10px;
}
.block-layered-nav .currently .label {
display: inline-block;
zoom: 1;
color: #323232;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 13px;
position: 0;
white-space: normal;
}
.block-layered-nav .currently .value {
display: inline-block;
*display: inline;
zoom: 1;
font-weight: 600;
}
.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove {
margin: 0;
position: absolute;
right: 4px;
top: 9px;
}
.block-layered-nav .currently .btn-previous {
right: 17px;
}
.block-layered-nav .actions {
padding: 5px 15px 10px;
text-align: right;
}
.rtl .block-layered-nav .actions {
text-align: left !important;
}
.block-layered-nav .actions a {
float: none;
}
.block-layered-nav dt h3 {
font-weight: 600;
font-size: 13px;
}
.block-layered-nav dt {
cursor: pointer;
text-transform: uppercase;
line-height: 100%;
padding: 10px 0;
text-align: left;
font-weight: 600;
margin-bottom: 0px;
font-size: 13px;
}
.rtl .block-layered-nav dt {
text-align: right !important;
}
.block-layered-nav dt:focus, .block-layered-nav dt.active, .block-layered-nav dt:hover {
border-bottom: 0 none;
}
.block-layered-nav dd {
margin: 0;
padding: 0;
border-bottom: 2px solid #f6f6f6;
}
.block-layered-nav dd.last {
border-bottom: 0 none;
}
.block-layered-nav dd li {
color: #333;
line-height: 22px;
margin: 0 0 7px 10px;
text-align: left;
width: 100%;
position: relative;
}
.rtl .block-layered-nav dd li {
text-align: right !important;
}
.block-layered-nav dd li:before {
/*content: "\f105";*/
position: absolute;
font-family: FontAwesome;
left: -10px;
top: 0;
color: #aaa;
}
.rtl .block-layered-nav dd li:before {
right: -10px;
left: auto;
}
.block-layered-nav dd li .count {
color: #aaa;
}
.block-layered-nav dd li a {
color: #666;
padding: 0;
display: inline;
*display: inline;
zoom: 1;
}
.block-layered-nav dd li a:hover {
color: #bf9a61;
text-decoration: none;
}
.block-layered-nav dd li a:hover .count {
color: #bf9a61;
}
.block-layered-nav dd .price {
background: 0;
color: #151515;
display: inline-block;
*display: inline;
zoom: 1;
font-size: 100%;
width: 98%;
padding: 0;
margin-bottom: 20px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
.block-layered-nav dd.inactive {
border-bottom: 0 none;
padding: 0;
}
.block-layered-nav li {
list-style: none;
}
.block-layered-nav .configurable-swatch-list > li {
margin-bottom: 5px!important;
}
.block.venus-latest-blog .post-images img {
width: 100%;
}
.block.venus-latest-blog .blog-readmore {
display: none;
}
.block.venus-latest-blog .post-images {
position: relative;
overflow: hidden;
}
.block.venus-latest-blog .post-images a {
display: block;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.block.venus-latest-blog .post-images img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.block.venus-latest-blog .author {
float: left;
color: #999;
}
.rtl .block.venus-latest-blog .author {
float: right !important;
}
.block.venus-latest-blog .author .fa {
color: #bf9a61;
}
.block.venus-latest-blog .author a {
color: black;
}
.block.venus-latest-blog .author a:hover {
text-decoration: underline;
}
.block.venus-latest-blog .created-date {
color: black;
font-size: 12px;
text-transform: uppercase;
margin-left: 3px;
float: left;
}
.rtl .block.venus-latest-blog .created-date {
margin-right: 3px;
margin-left: inherit;
}
.rtl .block.venus-latest-blog .created-date {
float: right !important;
}
.block.venus-latest-blog .post-block h4 {
padding: 0;
min-height: 46px;
font-size: 14px;
font-weight: 500;
}
.block.venus-latest-blog .post-block h4 a {
color: black;
}
.block.venus-latest-blog .post-block h4 a:hover {
color: #bf9a61;
}
.block.venus-latest-blog .post-block:hover .post-images a {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.block.venus-latest-blog .post-block:hover .post-images img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.owl-latest-blog {
overflow: hidden;
}
.owl-latest-blog .owl-carousel {
width: auto !important;
margin-left: -15px;
margin-right: -15px;
}
.owl-latest-blog .owl-carousel .owl-item {
padding-left: 15px;
padding-right: 15px;
border-right: 1px solid #f6f6f6;
}
.rtl .owl-latest-blog .owl-carousel .owl-item {
border-left: 1px solid #f6f6f6;
border-right: inherit;
}
.owl-latest-blog:hover .owl-controls .owl-buttons {
display: block;
}
.owl-latest-blog .owl-controls .owl-buttons {
display: none;
position: absolute;
right: 4px;
top: -78px;
width: 80px;
}
.rtl .owl-latest-blog .owl-controls .owl-buttons {
left: 4px;
right: auto;
}
.owl-latest-blog .owl-controls .owl-buttons .owl-prev,
.owl-latest-blog .owl-controls .owl-buttons .owl-next {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.owl-latest-blog .owl-controls .owl-buttons .owl-prev i,
.owl-latest-blog .owl-controls .owl-buttons .owl-next i {
font-style: normal;
}
.owl-latest-blog .owl-controls .owl-buttons div {
cursor: pointer;
width: 28px;
height: 28px;
-webkit-border-radius: 20px;
border-radius: 20px;
line-height: 28px;
font-size: 16px;
}
.owl-latest-blog .owl-controls .owl-buttons div:hover {
background: #bf9a61;
border-color: #bf9a61;
color: white;
}
.latest-deal .productdeals {
float: left;
padding-left: 15px;
margin-bottom: 20px;
}
.rtl .latest-deal .productdeals {
float: right !important;
}
.rtl .latest-deal .productdeals {
padding-right: 15px;
padding-left: inherit;
}
.latest-deal .block-content {
padding: 0!important;
}
.latest-deal .item-countdown {
margin-top: 12px;
}
.latest-deal .product-block .product-meta {
padding-bottom: 0;
}
.latest-deal .deal_detail {
display: none;
}
.latest-deal .carousel-controls {
top: -50px;
}
.latest-deal .product-block:hover {
box-shadow: none;
}
.block-warning.latest-deal .product-block .image {
width: 45%;
}
.block-warning.latest-deal .product-block .product-meta {
width: 55%;
padding-left: 10px;
}
.rtl .block-warning.latest-deal .product-block .product-meta {
padding-right: 10px;
padding-left: inherit;
}
.block-warning.latest-deal .products-row .product-col {
border-left: 1px solid #f6f6f6;
}
.rtl .block-warning.latest-deal .products-row .product-col {
border-right: 1px solid #f6f6f6;
border-left: inherit;
}
.block-warning.latest-deal .productdeals {
padding-left: 8px;
margin-bottom: 0;
}
.rtl .block-warning.latest-deal .productdeals {
padding-right: 8px;
padding-left: inherit;
}
.block-danger.latest-deal {
border: 1px solid #f6f6f6;
}
.block-danger.latest-deal .row.products-row .product-col {
border-left: 1px solid #e6e6e6;
}
.rtl .block-danger.latest-deal .row.products-row .product-col {
border-right: 1px solid #e6e6e6;
border-left: inherit;
}
.latest-deal .new-icon, .deal-products .new-icon {
display: none;
}
.latest-deal .onsale, .deal-products .onsale {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
line-height: 40px;
padding: 0;
font-size: 10px;
font-weight: 600;
}
.block.venus-deal .product-block {
min-height: 395px;
border: 0 !important;
z-index: 9;
}
.block.venus-deal .product-block .image {
float: left;
margin: 0;
}
.rtl .block.venus-deal .product-block .image {
float: right !important;
}
.block.venus-deal .product-block .product-meta {
float: right;
width: 200px;
padding: 40px 20px 0;
}
.rtl .block.venus-deal .product-block .product-meta {
float: left !important;
}
.block.venus-deal .product-block .action {
opacity: 1;
filter: alpha(opacity=100);
display: block !important;
visibility: visible;
margin: 5px 0;
position: relative;
}
.block.venus-deal .product-block .price {
margin-top: 11px;
}
.block.venus-deal .product-block .onsale,
.block.venus-deal .product-block .new-icon {
right: 20px;
top: 20px;
background-size: 71px 65px;
width: 71px;
height: 66px;
line-height: 18px;
font-size: 16px;
padding-top: 15px;
}
.rtl .block.venus-deal .product-block .onsale, .rtl
.block.venus-deal .product-block .new-icon {
left: 20px;
right: auto;
}
.block.venus-deal .product-block:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.block.venus-deal .productdeals {
position: absolute;
left: 15%;
top: 81%;
}
.rtl .block.venus-deal .productdeals {
right: 15%;
left: auto;
}
.block.venus-deal .productdeals .timeleft h3 {
font-size: 19px;
}
.block.venus-deal .deal_detail,
.block.venus-deal .productdeals {
opacity: 1;
filter: alpha(opacity=100);
display: block;
}
.block.venus-deal .deal_detail ul li {
width: 100%;
}
.productdeals .item-countdown ul li div + div {
background: white;
border: 2px solid #ebebeb;
}
.productdeals .item-countdown ul {
margin: 0;
}
.productdeals .item-countdown ul li {
background: #f7f7f7;
color: black;
width: 45px;
}
.productdeals .item-countdown ul li div.countdown_num {
color: black;
font-weight: 400;
line-height: 36px;
position: relative;
}
.productdeals .item-countdown ul li div.countdown_num::before {
content: "";
background: #ebebeb;
width: 100%;
height: 2px;
top: 46%;
position: absolute;
left: 0;
}
.rtl .productdeals .item-countdown ul li div.countdown_num::before {
right: 0;
left: auto;
}
.productdeals .item-countdown ul li div.countdown_num span {
font-size: 16px;
position: relative;
}
.deal_detail_num {
padding-left: 5px;
color: #bf9a61;
font-size: 14px;
font-weight: 600;
}
.deal_detail_num .price {
color: #bf9a61 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.block-compare li,
.block-reorder li {
border-bottom: 1px solid #f6f6f6;
padding: 5px 0;
}
.block-compare .actions,
.block-reorder .actions {
margin-top: 10px;
}
.block-compare .actions button,
.block-reorder .actions button {
float: right;
}
.rtl .block-compare .actions button, .rtl
.block-reorder .actions button {
float: left !important;
}
.block-reorder input[type="checkbox"] {
float: right;
padding-right: 10px;
}
.rtl .block-reorder input[type="checkbox"] {
float: left !important;
}
.rtl .block-reorder input[type="checkbox"] {
padding-left: 10px;
padding-right: inherit;
}
.tags-list a {
font-size: 100% !important;
}
/* block tags */
.block-tags .tags-list li, .blog-list-tags .tags-list li {
font-size: 15px;
}
.block-tags .tags-list li a, .blog-list-tags .tags-list li a {
background: #e9e9e9;
color: #333333;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
padding: 3px 8px;
margin: 3px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtl .block-tags .tags-list li a, .rtl .blog-list-tags .tags-list li a {
float: right !important;
}
.block-tags .tags-list li a:hover, .blog-list-tags .tags-list li a:hover {
background: #bf9a61;
color: white;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.block-tags .actions, .blog-list-tags .actions {
margin-top: 10px;
font-style: italic;
font-weight: bold;
float: left;
width: 100%;
}
.rtl .block-tags .actions, .rtl .blog-list-tags .actions {
float: right !important;
}
.block-tags .actions a, .blog-list-tags .actions a {
color: #333333;
}
.blog-wrapper img {
width: 100%!important;
height: auto;
}
.blog-wrapper .blog-image {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
}
.blog-wrapper .blog-image .created-date {
left: 0;
text-align: center;
}
.rtl .blog-wrapper .blog-image .created-date {
right: 0;
left: auto;
}
.blog-wrapper .blog-title a,
.blog-wrapper .blog-readmore a {
color: #333333;
}
.blog-wrapper .blog-title a:hover,
.blog-wrapper .blog-readmore a:hover {
color: #bf9a61;
}
.blog-wrapper .blog-meta > div {
display: inline-block;
*display: inline;
zoom: 1;
margin-right: 5px;
}
.rtl .blog-wrapper .blog-meta > div {
margin-left: 5px;
margin-right: inherit;
}
.blog-wrapper .more-post li {
margin-bottom: 10px;
}
.blog-wrapper .blog-comment img {
width: auto !important;
float: left;
margin-right: 12px;
}
.rtl .blog-wrapper .blog-comment img {
float: right !important;
}
.rtl .blog-wrapper .blog-comment img {
margin-left: 12px;
margin-right: inherit;
}
#ves_blog_search_block button {
margin-top: 10px;
}
.venus-blog-menu .ves-comment {
float: left;
width: 100%;
}
.rtl .venus-blog-menu .ves-comment {
float: right !important;
}
.blog-post .blog-comment {
line-height: normal;
}
.owlproductcarousel {
overflow: hidden;
}
.owlproductcarousel .block-content {
border: 0;
padding: 0!important;
}
.owlproductcarousel .owl-controls .owl-buttons {
position: absolute;
right: 0;
top: -42px;
width: 80px;
}
.rtl .owlproductcarousel .owl-controls .owl-buttons {
left: 0;
right: auto;
}
.owlproductcarousel .owl-controls .owl-buttons .owl-prev,
.owlproductcarousel .owl-controls .owl-buttons .owl-next {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.owlproductcarousel .owl-controls .owl-buttons .owl-prev i,
.owlproductcarousel .owl-controls .owl-buttons .owl-next i {
font-style: normal;
}
.owlproductcarousel .owl-controls .owl-buttons div {
background: transparent;
cursor: pointer;
width: 20px;
height: 28px;
line-height: 18px!important;
font-size: 14px!important;
color: #aaa!important;
}
.owlproductcarousel .owl-controls .owl-buttons div:hover {
color: #bf9a61 !important;
}
.owlproductcarousel .owl-theme .owl-controls {
margin: 0;
}
.main-content {
overflow: hidden;
}
.ves-brandcarousel {
border-top: 1px solid #f6f6f6;
margin-bottom: 0;
}
.ves-brandcarousel .block-content {
padding: 15px 0;
}
.ves-brandcarousel:hover .owl-buttons .owl-prev,
.ves-brandcarousel:hover .owl-buttons .owl-next {
display: block!important;
}
.ves-brandcarousel .owl-pagination {
position: absolute;
bottom: -15px;
left: 0;
right: 0;
}
.ves-brandcarousel .owl-carousel .owl-wrapper-outer {
padding-top: 3px;
}
.ves-brandcarousel .item-inner > a {
padding: 20px;
}
.ves-brandcarousel .item-inner > a:hover {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.ves-brandcarousel .owl-theme .owl-controls .owl-page, .vestestimonialcarousel .owl-theme .owl-controls .owl-page {
display: inline-block;
*display: inline;
zoom: 1;
}
.ves-brandcarousel .owl-item, .vestestimonialcarousel .owl-item {
text-align: center;
}
.ves-brandcarousel .item-inner > a, .vestestimonialcarousel .item-inner > a {
display: inline-block;
*display: inline;
zoom: 1;
}
.ves-brandcarousel .owl-theme .owl-controls, .vestestimonialcarousel .owl-theme .owl-controls {
margin-top: 0;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-buttons div, .vestestimonialcarousel .owl-theme .owl-controls .owl-buttons div {
cursor: pointer;
width: 50px;
height: 50px;
-webkit-border-radius: 0;
border-radius: 0;
line-height: 50px;
font-size: 24px;
margin: 5px 2px;
background: transparent;
color: #999;
border: 1px dashed #f6f6f6;
position: absolute;
top: 5%;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-buttons div:hover, .vestestimonialcarousel .owl-theme .owl-controls .owl-buttons div:hover {
border-color: #bf9a61;
color: #bf9a61;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-buttons .owl-prev, .vestestimonialcarousel .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 30px;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-buttons .owl-next, .vestestimonialcarousel .owl-theme .owl-controls .owl-buttons .owl-next {
right: 30px;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-page span, .vestestimonialcarousel .owl-theme .owl-controls .owl-page span {
background: #999999;
margin: 5px 3px;
width: 9px;
height: 9px;
}
.ves-brandcarousel .owl-theme .owl-controls .owl-page.active span, .ves-brandcarousel .owl-theme .owl-controls .owl-page:hover span, .vestestimonialcarousel .owl-theme .owl-controls .owl-page.active span, .vestestimonialcarousel .owl-theme .owl-controls .owl-page:hover span {
background: #bf9a61;
}
/* Ves Testimonial */
.vestestimonialcarousel {
border-top: 3px solid #82b1ff!important;
text-align: center;
}
.vestestimonialcarousel .vestestimonial {
padding: 10%;
}
.vestestimonialcarousel .testimonial-item .post-image {
display: inline-block;
*display: inline;
zoom: 1;
padding: 0;
position: relative;
}
.vestestimonialcarousel .testimonial-item .post-image img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.vestestimonialcarousel .testimonial-item .post-image::after {
content: "\f10e";
font-family: "FontAwesome";
top: 0;
right: -14px;
position: absolute;
color: #82b1ff;
font-size: 20px;
}
.vestestimonialcarousel .testimonial-item .profile p {
margin: 0;
}
.vestestimonialcarousel .owl-pagination {
margin-top: 20px;
}
/* Gallery Image */
.owl-carousel .owl-wrapper {
float: left;
}
.rtl .owl-controls .owl-buttons {
margin-left: 12px;
width: 52px!important;
}
.rtl .owl-prev {
float: left;
}
.blog-post .blog-social .social-sharing > div {
float: left;
}
.rtl .blog-post .blog-social .social-sharing > div {
float: right !important;
}
/*Blog Gird */
.blogs-grid .blog-title {
font-size: 18px;
line-height: 24px;
}
.blogs-grid .ves-description p {
max-height: 98px;
overflow: hidden;
}
/*Blog Second */
.blogs-second .blog-title {
font-size: 15px;
}
.blogs-second .ves-description {
max-height: 90px;
overflow: hidden;
}
/*Blog Masonry */
.blogs-masonry .ves-description {
max-height: 70px;
overflow: hidden;
}
.blogs-masonry .blog-meta > span {
float: left;
margin-bottom: 3px;
}
.rtl .blogs-masonry .blog-meta > span {
float: right !important;
}
.blogs-masonry .created-date {
display: none;
}
.blogs-masonry .blog-title {
font-size: 13px;
min-height: 60px;
}
.blogs-masonry .blog-bottom {
float: left;
width: 100%;
}
.rtl .blogs-masonry .blog-bottom {
float: right !important;
}
.blogs-masonry .blog-meta a {
color: #bf9a61;
}
.blogs-masonry .blog-meta a:hover {
text-decoration: underline;
}
/*Blog Thumb View */
.blogs-thumb_view .blog-title {
padding-top: 10px;
font-size: 16px;
line-height: 25px;
}
.blogs-thumb_view .ves-description {
max-height: 56px;
line-height: 20px;
overflow: hidden;
}
.account-login .form-list li {
overflow: visible;
}
.carousel-control.right, .carousel-control.left {
background: white !important;
text-shadow: none!important;
color: #bf9a61 !important;
font-size: 18px;
border: 2px solid #bf9a61 !important;
border-radius: 3px!important;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
width: 38px;
height: 38px;
line-height: 36px;
}
.carousel-control.right:hover, .carousel-control.left:hover {
background: #bf9a61 !important;
color: white !important;
border-color: #bf9a61 !important;
}
.carousel-control.right:focus, .carousel-control.left:focus {
border-color: #bf9a61 !important;
}
.carousel-controls {
position: absolute;
right: 0;
top: 45%;
width: 100%;
z-index: 10;
}
.rtl .carousel-controls {
left: 0;
right: auto;
}
.carousel-control.left {
left: -40px;
}
.carousel-control.right {
right: -40px;
}
.box-products:hover .carousel-control.right, .box-products:hover .carousel-control.left {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.box-products:hover .carousel-control.left {
left: -20px;
}
.box-products:hover .carousel-control.right {
right: -20px;
}
/*Scroll tabs*/
#j-floor-fixed-panel-sidebar .floor-fixed-panel {
width: 50px!important;
z-index: 9998!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li {
height: 50px;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li span {
margin-left: 50px!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a {
height: 50px;
line-height: 50px;
background-color: black;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a i {
background-color: black !important;
height: 50px;
width: 50px;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a i::before {
content: "";
position: absolute;
border-left: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -5px;
top: 42%;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover {
left: 0;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i::before {
border: 0!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin1, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin1 {
background: #f44336;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin2, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin2 {
background: #3c52b5;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin3, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin3 {
background: #03a9f5;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin4, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin4 {
background: #8cc34b;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin5, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin5 {
background: #efce1b;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin6, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin6 {
background: #fe9901;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin7, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin7 {
background: #795549;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active.floor-skin-skin8, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover.floor-skin-skin8 {
background: #009788;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon1, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon1 {
background-color: #f44336!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon1::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon1::before {
border-left-color: #f44336;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon2, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon2 {
background-color: #3c52b5!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon2::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon2::before {
border-left-color: #3c52b5;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon3, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon3 {
background-color: #03a9f5!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon3::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon3::before {
border-left-color: #03a9f5;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon4, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon4 {
background-color: #8cc34b!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon4::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon4::before {
border-left-color: #8cc34b;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon5, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon5 {
background-color: #efce1b!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon5::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon5::before {
border-left-color: #efce1b;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon6, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon6 {
background-color: #fe9901!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon6::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon6::before {
border-left-color: #fe9901;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon7, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon7 {
background-color: #795549!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon7::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon7::before {
border-left-color: #795549;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon8, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon8 {
background-color: #009788!important;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li a.active i.icon8::before, #j-floor-fixed-panel-sidebar .floor-fixed-panel li a:hover i.icon8::before {
border-left-color: #009788;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon1 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon1.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon2 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon2.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon3 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon3.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon4 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon4.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon5 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon5.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon6 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon6.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon7 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon7.png") scroll center center no-repeat;
}
#j-floor-fixed-panel-sidebar .floor-fixed-panel li i.icon8 {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon8.png") scroll center center no-repeat;
}
#tab-faqquestion .faqsaddslide .btn-slide {
background: #bf9a61;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
#tab-faqquestion .faqsaddslide .btn-slide:hover {
background: black;
}
div.at4-arrow {
text-indent: -9999px !important;
}
.rtl div.at4-arrow {
text-indent: 9999px!important;
}
.ves-brandlist-page .brand-col {
margin-bottom: 30px;
}
.ves-brandlist-page .brand-title {
display: none;
}
.action_button button {
height: 38px;
}
/* Ves Ajax login*/
.ves-window-box .ves-forgot-password {
float: left;
margin-top: 0!important;
margin-bottom: 10px;
width: 100%;
}
.rtl .ves-window-box .ves-forgot-password {
float: right !important;
}
.gallery-carousel {
position: relative;
}
.price {
font-size: 15px;
font-family: "Poppins", sans-serif;
}
.price .price-old, .price .old-price {
color: #999999;
font-size: 12px;
font-weight: 400;
display: inline-block;
*display: inline;
zoom: 1;
margin-right: 5px;
}
.rtl .price .price-old, .rtl .price .old-price {
margin-left: 5px;
margin-right: inherit;
}
.price .price-old .price, .price .old-price .price {
color: #999999;
font-size: 14px;
text-decoration: line-through;
font-weight: 400 !important;
}
.price-as-configured .price-label {
display: inline-block;
*display: inline;
zoom: 1;
color: #333333;
font-size: 14px;
font-weight: 400;
}
.minimal-price-link {
display: none;
}
.minimal-price-link .label {
display: none;
}
.special-price {
display: inline-block;
display: inline;
zoom: 1;
background-color: #F7931E !important;
color: #fff;
}
.product-pricing,
.block-deal-info {
font-size: 12px;
font-weight: 400;
font-family: "Poppins", sans-serif;
color: #999999;
padding-top: 20px;
}
.block-deal-info {
border: 0!important;
box-shadow: none;
}
.block-deal-info .block-title {
display: none;
}
.block-deal-info .block-content {
background: transparent;
padding: 0;
}
.block-deal-info .deal_detail {
padding: 20px 0;
display: none;
}
.ves-deals .product-block .right {
display: none;
}
.ves-deals .product-block .name {
min-height: 36px;
}
.ves-deals .productdeals {
padding-left: 15px;
padding-bottom: 20px;
}
.rtl .ves-deals .productdeals {
padding-right: 15px;
padding-left: inherit;
}
/* product style */
.product-block {
position: relative;
margin: 0;
}
.product-block .price {
min-height: 25px;
padding: 3px;
}
.product-block .price .price-label {
font-size: 12px -1 !important;
color: #444444;
font-weight: 300;
display: none !important;
}
.product-block .price .price-from,
.product-block .price .price-to {
display: inline-block;
*display: inline;
zoom: 1;
}
.product-block .price p {
margin-bottom: 0;
}
.product-block .description {
display: none;
font-size: 11px;
}
.product-block .product-rating, .product-block .norating {
line-height: 22px;
min-height: 25px;
height: 25px;
height: auto !important;
font-size: 12px;
}
.product-block .name {
margin-bottom: 8px;
margin-top: 4px;
height: auto !important;
line-height: 18px;
width: 100%;
}
.product-block .name a {
color: #333333 !important;
font-size: 14px;
font-weight: 400;
text-decoration: none;
display: inline-block;
*display: inline;
zoom: 1;
}
.product-block .name a:hover {
color: #444!important;
}
.product-block .image-gallery {
border: solid 4px #c3c3c3;
position: absolute;
top: 0;
left: -80px;
display: none;
}
.product-block .image-gallery .product-image {
width: 75px;
overflow: hidden;
cursor: hand;
cursor: pointer;
}
.product-block .image-gallery .arrow {
border-bottom: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid #c3c3c3;
border-top: 5px solid rgba(0, 0, 0, 0);
margin: -5px 0;
position: absolute;
right: -9px;
top: 50%;
}
.product-block .image {
position: relative;
padding: 0 20px 15px;
border: 0px;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
/*swap image*/
}
.product-block .image .product-img a {
display: inline-block;
*display: inline;
zoom: 1;
width: 100%;
}
.product-block .image .product-image {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product-block .image .product-image img {
display: inline-block;
*display: inline;
zoom: 1;
max-width: 100%;
height: auto;
}
.product-block .image .hover-image {
position: absolute;
text-align: center;
top: 0;
width: 100%;
visibility: hidden;
transform: scale(0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
left: 0;
}
.rtl .product-block .image .hover-image {
right: 0;
left: auto;
}
.product-block .image .hover-image img {
display: block;
max-width: 100%;
height: auto;
}
.product-block .image:hover .hover-image {
visibility: visible;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.product-block .product-meta {
width: 100%;
padding: 0 20px 15px;
position: relative;
}
.product-block .availability span.available-now {
background: red;
border: 1px solid #cc0000;
color: white;
}
.product-block .availability span.out-of-stock {
background: blue;
border: 1px solid #0000cc;
color: white;
}
.product-block .product-flags {
opacity: 0;
filter: alpha(opacity=0);
}
.onsale,
.new-icon {
background: #d72c4e;
padding: 0 6px;
line-height: 18px;
color: white;
position: absolute;
top: 15px;
font-weight: 300;
font-size: 9px;
z-index: 99;
text-align: center;
text-transform: uppercase;
right: 20px;
}
.rtl .onsale, .rtl
.new-icon {
left: 20px;
right: auto;
}
.new-icon {
background: #83b1ff;
}
.onsale + .new-icon {
right: 62px;
}
.rtl .onsale + .new-icon {
left: 62px;
right: auto;
}
.availability .out-of-stock {
font-size: 11px;
background: #5bc0de;
color: white;
}
.availability .available-now {
font-size: 11px;
background: #f0ad4e;
color: white;
}
.product-label {
color: white;
font-size: 12px;
font-weight: 700;
text-align: center;
z-index: 3;
position: absolute;
left: 2px;
}
.product-label span {
padding: 6px 12px;
}
.product-label.product-label-new, .product-label.new-box {
background-color: #d9534f;
top: 2px;
}
.product-label.product-label-new[href]:hover, .product-label.product-label-new[href]:focus, .product-label.new-box[href]:hover, .product-label.new-box[href]:focus {
background-color: #c9302c;
}
.product-label.product-label-special, .product-label.sale-box {
top: 20px;
background-color: #d64153;
}
.product-label.product-label-special[href]:hover, .product-label.product-label-special[href]:focus, .product-label.sale-box[href]:hover, .product-label.sale-box[href]:focus {
background-color: #bc283a;
}
.product-label.sale-percent-box {
background-color: #d64153;
right: 0;
left: inherit;
bottom: 0;
}
.product-label.sale-percent-box[href]:hover, .product-label.sale-percent-box[href]:focus {
background-color: #bc283a;
}
.ratings {
/* line-height: 25px;*/
}
.ratings .separator {
color: #999;
}leve
.ratings .rating-links {
margin-bottom: 5px!important;
font-size: 11px;
}
.rating-box {
background: url(/skin/frontend/ma_vanese/fahasa/images/ico_star_gray.svg) repeat-x;
background-size: 12px 12px;
margin: 0px 0px 0px 0px;
position: relative;
float: left;
}
.rtl .rating-box {
float: right !important;
}
.rating-box .rating {
background: url(/skin/frontend/ma_vanese/fahasa/images/ico_star_yellow.svg) repeat-x;
background-size: 12px 12px;
height: 16px;
left: 0;
position: absolute;
top: 0;
}
#products-grid.products-block .desc,
.product-grid .desc,
.products-grid .desc {
display: none;
}
#products-grid.products-block .product-block .rating-box,
.product-grid .product-block .rating-box,
.products-grid .product-block .rating-box {
display: inline-block;
}
#products-grid, #products-list {
background: white;
}
#products-grid .product-col.first {
border-left: 1px solid transparent;
}
.rtl #products-grid .product-col.first {
border-right: 1px solid transparent;
border-left: inherit;
}
.row.products-row {
margin: 0;
}
.row.products-row .product-col {
padding: 0;
}
.rtl .row.products-row .product-col {
border-right: 1px solid #f6f6f6;
border-left: inherit;
}
/* Custome Label */
.custom_label {
float: left;
width: 100%;
}
.rtl .custom_label {
float: right !important;
}
.present, .free-ship, .deliv {
color: white;
text-transform: uppercase;
-webkit-border-radius: 2px;
border-radius: 2px;
font-weight: 600;
font-size: 10px;
float: left;
padding: 0 8px;
line-height: 20px;
margin-top: 5px;
}
.rtl .present, .rtl .free-ship, .rtl .deliv {
float: right !important;
}
.present {
background: #d72c4e;
}
.free-ship {
background: #3dbf5f;
}
.deliv {
background: #ffc419;
}
.carousel .carousel-control {
width: 40px;
height: 40px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-border-radius: 30px;
border-radius: 30px;
line-height: 40px;
background: transparent;
color: #e6e6e6;
top: 17%;
visibility: hidden;
z-index: 99;
cursor: pointer;
border: 1px solid #e6e6e6;
text-shadow: none;
}
.carousel .carousel-control:hover {
background: #bf9a61;
border-color: #bf9a61;
color: white;
}
.carousel .carousel-control.left {
margin-left: 10px;
}
.carousel .carousel-control.right {
margin-right: 10px;
}
.carousel:hover .carousel-control {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
/* product list mode */
.products-list .products-row {
border: none;
}
.products-list .products-row .col-fullwidth {
width: 100% !important;
float: left;
margin: 0;
}
.rtl .products-list .products-row .col-fullwidth {
float: right !important;
}
.products-list .products-row .product-col {
border-right: none;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #f6f6f6;
border-left: 1px solid transparent!important;
border-right: 1px solid transparent!important;
}
.products-list .product-block {
padding: 20px 0;
text-align: left;
float: left;
}
.rtl .products-list .product-block {
text-align: right !important;
}
.rtl .products-list .product-block {
float: right !important;
}
.products-list .product-block .product-meta {
padding: 0;
float: left;
width: 64%;
}
.rtl .products-list .product-block .product-meta {
float: right !important;
}
.products-list .product-block .product-meta .desc {
padding-bottom: 20px;
}
.products-list .product-block .name a {
min-height: 30px !important;
font-weight: 600;
color: #444!important;
font-size: 14px;
}
.products-list .product-block:hover {
box-shadow: none!important;
}
.products-list .product-block:hover .action {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.products-list .product-block .deal_detail,
.products-list .product-block .productdeals {
opacity: 1;
filter: alpha(opacity=100);
display: block;
}
.products-list .custom_label {
margin-bottom: 10px;
}
.products-list .description {
display: block;
}
.products-list .price-tax {
display: block;
}
.products-list .name {
min-height: 20px;
margin-top: 10px;
}
.products-list .image {
float: left;
margin: 0 20px 0 0;
margin-right: 20px;
text-align: center;
width: 33%;
}
.rtl .products-list .image {
float: right !important;
}
.rtl .products-list .image {
margin-left: 20px;
margin-right: inherit;
}
.products-list .image img {
padding: 0;
border: 0;
}
.products-list .image:hover .info-view {
opacity: 1;
filter: alpha(opacity=100);
}
.products-list .cart {
margin: 0!important;
padding: 0;
}
.products-list .wishlist, .products-list .compare {
float: left;
margin: 30px 0 0 10px;
}
.rtl .products-list .wishlist, .rtl .products-list .compare {
float: right !important;
}
.products-list .product-icon {
padding: 9px 17px;
line-height: 1;
border-left: 1px solid white;
text-align: center;
}
.products-list .product-icon span {
display: inline-block;
*display: inline;
zoom: 1;
font-family: "Poppins", sans-serif;
}
.mini-products-list .image {
margin-top: 10px;
}
.mini-products-list .price {
margin: 0 0 10px;
}
/* product grid mode */
.product-grid {
position: relative;
background-color: white;
}
.product-grid.last {
border: 0;
}
.product-grid .description, .product-grid .price-tax {
display: none;
}
.deals-index-index .products-block .product-block .deal_detail {
display: none;
}
.deals-index-index .products-block .product-block .action {
top: 41%;
}
.deals-index-index .products-list .product-block .image {
width: 270px;
}
.deals-index-index .products-list .product-block .product-meta {
float: left;
}
.rtl .deals-index-index .products-list .product-block .product-meta {
float: right !important;
}
.deals-index-index .products-list .product-block .product-meta .deal_detail {
display: block!important;
}
.deals-index-index .products-list .product-block .product-meta .add-to-links {
position: relative;
left: 0;
top: 0;
margin-left: 0;
}
/*
* PRODUCT INFORMATION PAGE
*/
.product-detail {
background-color: white;
}
.product-detail.vesquickview {
background: #fff;
padding: 20px;
}
.product-detail.vesquickview .product-bottom, .product-detail.vesquickview .tabs-group, .product-detail.vesquickview .block-related {
display: none;
}
.product-info {
padding: 12px 15px 40px;
margin-bottom: 30px;
}
.product-info .detail-top {
border-bottom: 2px solid #f6f6f6;
margin-bottom: 20px;
}
.product-info .custom_label {
margin-bottom: 10px;
}
.product-info .std {
font-size: 13px;
}
.product-info .product-button {
margin-top: 10px;
}
.product-info .product-button a {
color: black;
text-transform: uppercase;
font-weight: 600;
margin-left: 20px;
}
.rtl .product-info .product-button a {
margin-right: 20px;
margin-left: inherit;
}
.product-info .product-button a i {
margin: 1px 6px;
}
.product-info .product-button a.left {
float: left;
}
.product-info .product-button a.left i {
float: left;
}
.product-info .product-button a.right {
float: right;
}
.product-info .product-button a.right i {
float: right;
}
.product-info .product-shop {
border-right: 1px solid #f6f6f6;
}
.rtl .product-info .product-shop {
border-left: 1px solid #f6f6f6;
border-right: inherit;
}
.product-info .product-right {
border-left: 1px solid #f6f6f6;
margin-left: -1px;
}
.rtl .product-info .product-right {
border-right: 1px solid #f6f6f6;
border-left: inherit;
}
.rtl .product-info .product-right {
margin-right: -1px;
margin-left: inherit;
}
.product-info .image-additional:hover .carousel-control.left, .product-info .image-additional:hover .carousel-control.right {
display: block;
}
.product-info .availability, .product-info .email-friend {
display: none;
}
.product-info .productdeals .item-countdown ul {
width: auto!important;
}
.product-info .cart .minimum {
padding-top: 5px;
font-size: 11px;
}
.product-info .cart .links {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
}
.product-info .price-box {
margin-bottom: 15px;
}
.product-info h1 {
font-size: 20px;
line-height: 34px;
margin-top: 0;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
color: black;
}
.product-info ul, .product-info ol {
list-style: none;
width: 100%;
float: left;
}
.rtl .product-info ul, .rtl .product-info ol {
float: right !important;
}
.product-info ul li, .product-info ol li {
display: inline;
}
.product-info .price-tax {
font-weight: normal;
}
.product-info .image {
background: white;
margin-bottom: 20px;
position: relative;
text-align: center;
width: auto;
float: none!important;
margin-left: 0!important;
margin-right: 0!important;
border: 1px solid #f6f6f6;
}
.product-info .carousel-inner .item img {
margin-bottom: 0;
}
.product-info .image-additional {
width: auto;
overflow: visible;
padding: 0 20px;
}
.product-info .image-additional a {
padding: 0 5px;
}
.product-info .image-additional img {
border: 1px solid #f6f6f6;
}
.product-info .carousel-control {
background: transparent!important;
color: black !important;
font-size: 17px;
margin: 0!important;
border: 0!important;
padding-top: 4px;
text-align: center;
top: 28%;
width: 26px;
height: 26px;
line-height: 26px;
padding: 0;
bottom: auto;
display: none;
}
.product-info .carousel-control:hover {
background: transparent!important;
color: #bf9a61 !important;
}
.product-info .carousel-control.left {
left: 0!important;
right: auto!important;
}
.product-info .carousel-control.right {
right: 0!important;
left: auto!important;
}
.product-info .share {
padding: 40px 0 20px;
float: left;
}
.product-info .share:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.rtl .product-info .share {
float: right !important;
}
.product-info .product-brand {
margin-bottom: 20px;
}
.product-info .product-brand > strong {
display: none;
}
.product-info .price {
padding: 10px 0;
font-size: 19px;
}
.product-info .price .availability {
font-size: 12px;
color: #999999;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
.product-info .price .text-price {
display: none;
}
.product-info .price .price-gruop, .product-info .price .price-old {
font-size: 15px;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
color: #999999;
}
.product-info .price .other-price {
margin-top: 9px;
}
.product-info .price .reward {
font-weight: normal;
}
.product-info .price .discount {
font-weight: normal;
margin-top: 9px;
}
.product-info .email-friend .custom-bg {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.product-info .custom-bg {
background: #333333;
color: #fff;
font-size: 10px;
margin-right: 5px;
padding: 5px;
font-family: "FontAwesome" !important;
}
.product-info .availability {
font-family: "Poppins", sans-serif;
color: #333333;
}
.product-info .availability span {
font-family: "Poppins", sans-serif;
}
.product-info .price-group:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.product-info .rating-box {
float: left;
margin-top: 5px;
}
.rtl .product-info .rating-box {
float: right !important;
}
.product-info .description {
border: 0;
padding: 0;
font-size: 12px;
color: #999999;
}
.product-info .description .short-description {
margin: 20px 0;
}
.product-info .description h2 {
display: none;
}
.product-info .description a {
text-decoration: none;
}
.product-info .description b {
margin-right: 5px;
margin-left: 0;
}
.product-info .description dd input, .product-info .description dd select, .product-info .description dd textarea, .product-info .description dd button {
width: auto;
}
.product-info .description dl {
margin-bottom: 0 !important;
}
.product-info .description label {
font-size: 17px;
color: #333333;
}
.product-info .product-extra label {
font-size: 17px;
color: #333333;
}
.product-info .carousel-inner {
clear: both;
}
.product-info .carousel-inner .item {
text-align: center;
width: 100%;
}
.product-info .carousel-inner .item img {
margin-bottom: 15px;
}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image img {
margin-right: 5px;
margin-left: 0;
border: 1px solid #CCCCCC;
cursor: pointer;
}
.product-info .options {
margin-bottom: 20px;
}
.product-info .review .share {
line-height: normal;
}
.product-info .review .share a {
text-decoration: none;
}
.product-info .review > div {
padding: 0;
border: 0;
}
.product-info .review > div > span {
color: #38B0E3;
}
.product-info .product-options-bottom .price-box {
display: none;
}
.product-info .add-to-box {
width: 100%;
}
.product-info .add-cart {
margin-left: 15px;
}
.rtl .product-info .add-cart {
margin-right: 15px;
margin-left: inherit;
}
.product-info .product-extra,
.product-info .product-options-bottom {
position: relative;
}
.product-info .product-extra:after,
.product-info .product-options-bottom:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.product-info .product-extra .quantity-adder,
.product-info .product-options-bottom .quantity-adder {
margin-bottom: 10px;
min-height: 38px;
}
.product-info .product-extra .quantity-adder input,
.product-info .product-options-bottom .quantity-adder input {
border: 1px solid #f6f6f6;
}
.product-info .product-extra .quantity-adder label,
.product-info .product-options-bottom .quantity-adder label {
float: left;
color: #888;
text-transform: uppercase;
font-size: 14px;
line-height: 30px;
}
.rtl .product-info .product-extra .quantity-adder label, .rtl
.product-info .product-options-bottom .quantity-adder label {
float: right !important;
}
.product-info .product-extra .cart,
.product-info .product-options-bottom .cart {
margin-left: 10px;
margin-right: 10px;
}
.product-info .product-extra .add-action,
.product-info .product-options-bottom .add-action {
display: block;
width: 26px;
height: 20px;
position: relative;
cursor: pointer;
font-size: 9px;
line-height: 19px;
text-align: center;
color: black;
background: #f8f9fb;
border: 1px solid #f6f6f6;
margin-left: -1px;
}
.rtl .product-info .product-extra .add-action, .rtl
.product-info .product-options-bottom .add-action {
margin-right: -1px;
margin-left: inherit;
}
.product-info .product-extra .add-action:hover,
.product-info .product-options-bottom .add-action:hover {
color: #bf9a61;
}
.product-info .product-extra .add-up,
.product-info .product-options-bottom .add-up {
border-bottom: 0;
}
.product-info .product-extra .add-to-icon,
.product-info .product-options-bottom .add-to-icon {
font-size: 17px;
padding: 6px;
background: #a98144;
}
.product-info .product-extra .btn-cart,
.product-info .product-options-bottom .btn-cart {
background: #bf9a61;
border-color: transparent;
height: 40px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.product-info .product-extra .btn-cart:hover,
.product-info .product-options-bottom .btn-cart:hover {
background: #444;
}
.product-info .product-extra .quantity-number label,
.product-info .product-options-bottom .quantity-number label {
font-size: 13px;
font-weight: 400;
}
.product-info .product-extra .quantity-number input,
.product-info .product-options-bottom .quantity-number input {
min-width: 40px;
width: 50px!important;
height: 40px;
text-align: center;
}
.product-info .product-extra .add-to-links,
.product-info .product-options-bottom .add-to-links {
float: left;
width: 100%!important;
}
.rtl .product-info .product-extra .add-to-links, .rtl
.product-info .product-options-bottom .add-to-links {
float: right !important;
}
.product-info .product-extra .add-to-links a,
.product-info .product-options-bottom .add-to-links a {
float: left;
display: inline-block;
*display: inline;
zoom: 1;
font-weight: 600;
}
.rtl .product-info .product-extra .add-to-links a, .rtl
.product-info .product-options-bottom .add-to-links a {
float: right !important;
}
.product-info .product-extra .add-to-links a:hover,
.product-info .product-options-bottom .add-to-links a:hover {
color: #bf9a61;
}
.product-info .product-extra .add-to-links .zmdi,
.product-info .product-options-bottom .add-to-links .zmdi {
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
}
.rtl .product-info .product-extra .add-to-links .zmdi, .rtl
.product-info .product-options-bottom .add-to-links .zmdi {
padding-left: 5px;
padding-right: inherit;
}
.product-info .product-extra .add-to-links .wishlist,
.product-info .product-options-bottom .add-to-links .wishlist {
margin-right: 20px;
}
.rtl .product-info .product-extra .add-to-links .wishlist, .rtl
.product-info .product-options-bottom .add-to-links .wishlist {
margin-left: 20px;
margin-right: inherit;
}
.product-info .product-extra .add-review,
.product-info .product-options-bottom .add-review {
text-transform: uppercase;
}
.product-info .action:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.product-info .action > div {
margin-right: 10px;
margin-left: 0;
}
.product-info .product-options {
margin-bottom: 20px;
}
.product-info .product-options .input-box {
margin-bottom: 20px;
}
.product-info .product-options label.required {
font-size: 12px;
}
.grouped-items-table th, .grouped-items-table td {
font-size: 12px;
}
.tabs-group {
overflow: hidden;
padding-bottom: 30px;
}
.tabs-group .htabs {
padding: 0;
}
.tabs-group .htabs .nav-tabs {
border: none;
}
.tabs-group .nav-tabs {
padding: 0;
border-bottom: 2px solid #f6f6f6;
}
.tabs-group .nav-tabs li {
text-align: center;
font-weight: 600;
font-size: 20px;
border-right: 2px solid #f6f6f6;
}
.rtl .tabs-group .nav-tabs li {
border-left: 2px solid #f6f6f6;
border-right: inherit;
}
.tabs-group .nav-tabs li > a {
margin: 0;
padding: 15px 18%;
color: #666;
font-size: 20px;
}
.tabs-group .nav-tabs > li > a:hover, .tabs-group .nav-tabs > li > a.selected, .tabs-group .nav-tabs > li.active > a, .tabs-group .nav-tabs > li.active > a:hover, .tabs-group .nav-tabs > li.active > a:focus {
background: #143659;
color: white;
border-color: transparent!important;
}
.tabs-group .tab-content {
line-height: 24px;
}
.tabs-group .tab-contents {
padding: 0 30px;
border-top: 1px solid #f6f6f6;
line-height: normal;
}
.tabs-group .tab-contents .input-box {
margin: 10px 0;
}
.tabs-group .tab-contents h2 {
border-bottom: 1px solid #f6f6f6;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
color: #333333;
}
.tabs-group .tab-contents .box-tags .note {
margin-top: 10px;
}
.tabs-group .tab-contents .box-tags .product-tags li {
display: inline-block;
*display: inline;
zoom: 1;
padding-right: 10px;
margin-bottom: 10px;
}
.tabs-group #tab-reviews {
padding: 15px 0;
}
.product-default2 .product-info .image {
background: white;
margin-bottom: 20px;
position: relative;
text-align: center;
width: auto;
float: none!important;
margin-left: 0!important;
margin-right: 0!important;
}
.product-default2 .product-info .carousel-inner .item img {
margin-bottom: 0;
}
.product-default2 .product-info .image-additional {
width: auto;
overflow: visible;
}
.product-default2 .product-info .carousel-control {
color: #75716c;
font-size: 15px;
margin: -6px 0;
text-align: center;
top: 35%;
bottom: auto;
}
.product-default2 .product-info .carousel-control.left {
left: 0!important;
right: auto!important;
}
.product-default2 .product-info .carousel-control.right {
right: 0!important;
left: auto!important;
}
.product-default2 .htabs ul li {
float: none!important;
display: block!important;
}
.product-default2 .htabs ul li a {
border: 0;
border-bottom: 1px solid #f6f6f6;
}
.product-default2 .htabs ul li:last-child a {
border: 0;
}
.product-default2 .htabs ul li a.selected::before {
background: white none repeat scroll 0 0;
right: -1px;
content: "";
height: 100%;
left: auto;
right: -1px;
top: 0;
position: absolute;
width: 1px;
z-index: 10;
}
.rtl .product-default2 .htabs ul li a.selected::before {
left: -1px;
right: auto;
}
.product-default2 .tabs-group {
border: 1px solid #f6f6f6;
}
.product-default2 .tabs-group .tab-contents {
border: 0;
border-left: 1px solid #f6f6f6;
min-height: 230px;
}
.rtl .product-default2 .tabs-group .tab-contents {
border-right: 1px solid #f6f6f6;
border-left: inherit;
}
.block-tags .actions {
padding-top: 10px;
font-size: 11px;
}
/*
* LISTING PRODUCTS PAGE
*/
.product-filter {
background-color: white;
font-size: 12px;
margin-bottom: 10px;
}
.product-filter .filter-right > div {
padding-left: 5px;
}
.product-filter .display {
float: left;
line-height: 30px;
}
.rtl .product-filter .display {
float: right !important;
}
.product-filter .display span {
margin-right: 5px;
}
.product-filter .display a {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/icon-grid-list.png") no-repeat 0 0 #fafafa scroll;
width: 32px;
height: 30px;
display: block;
border: 1px solid #f6f6f6;
margin-right: 5px;
float: left;
cursor: pointer;
}
.rtl .product-filter .display a {
float: right !important;
}
.product-filter .display a > span {
margin: 0 3px;
}
.product-filter .display a > em {
display: none;
}
.product-filter .display a.grid {
background-position: 10px 9px;
}
.product-filter .display a.grid.active, .product-filter .display a.grid:hover {
background-color: #bf9a61;
background-position: 9px -30px;
}
.product-filter .display a.list {
background-position: -30px 11px;
}
.product-filter .display a.list.active, .product-filter .display a.list:hover {
background-color: #bf9a61;
background-position: -31px -31px;
}
.product-filter .display a.active, .product-filter .display a:hover {
background-color: #bf9a61;
border: 1px solid #bf9a61;
}
.product-filter .display a.active .fa, .product-filter .display a:hover .fa {
color: white;
}
.product-filter .display i {
font-size: 11px;
color: #9c9b9b;
-webkit-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.product-filter .form-control {
display: inline-block;
*display: inline;
zoom: 1;
width: auto;
}
.product-filter .product-compare {
float: right;
}
.rtl .product-filter .product-compare {
float: left !important;
}
.global_messages .container {
width: 100% !important;
}
.block-related .onsale, .block-related .new-icon {
display: none;
}
#upsell {
position: relative;
z-index: 100;
}
.block-related .block-subtitle {
font-size: 11px;
font-weight: 600;
position: absolute;
left: 69px;
bottom: 5px;
}
.rtl .block-related .block-subtitle {
right: 69px;
left: auto;
}
#products-grid .configurable-swatch-list {
position: absolute;
top: -30px;
left: 18px;
}
.rtl #products-grid .configurable-swatch-list {
right: 18px;
left: auto;
}
#products-grid .configurable-swatch-list li {
display: inline-block;
*display: inline;
zoom: 1;
float: none!important;
}
.block-up-sell {
border-left: 1px solid #f6f6f6;
border-right: 1px solid #f6f6f6;
}
.block-up-sell .owl-theme {
margin-left: -1px;
margin-right: -1px;
}
.block-layered-nav .configurable-swatch-list > li {
display: inline-block;
float: left;
width: auto !important;
}
.rtl .block-layered-nav .configurable-swatch-list > li {
float: right !important;
}
.block-layered-nav .configurable-swatch-list > li:before {
content: "";
}
.block-layered-nav .configurable-swatch-list > li .count {
display: none;
}
.category-info .category-image {
margin-bottom: 10px;
}
.sorter .view-mode strong.grid .fa {
font-size: 14px;
}
.block-shipping-estimate {
margin-top: 30px;
float: left;
width: 100%;
}
.rtl .block-shipping-estimate {
float: right !important;
}
.block-shipping-estimate .input-box {
margin-bottom: 10px;
}
.block-shipping-estimate .btn {
background: #f6f6f6 none repeat scroll 0 0;
border-color: transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #666;
font-size: 14px;
font-weight: 600;
padding: 10px;
text-transform: uppercase;
width: 100%;
}
.review-average-info {
background: #5d4e57;
float: left;
margin-right: 30px;
margin-top: 8px;
width: 120px;
text-align: center;
padding: 25px 0;
}
.rtl .review-average-info {
float: right !important;
}
.rtl .review-average-info {
margin-left: 30px;
margin-right: inherit;
}
.review-average-info .ratings .rating-links {
float: none!important;
}
.review-average-info .rating-box {
display: inline-block;
*display: inline;
zoom: 1;
float: none!important;
}
.review-average-info .rating-info-box {
color: #30c452;
font-size: 20px;
font-weight: bold;
}
.separate-rating .rating-box {
margin-right: 15px;
float: left;
background: none;
width: 40px;
}
.rtl .separate-rating .rating-box {
float: right !important;
}
#customer-reviews {
/*margin: 20px 0;*/
margin-bottom: 10px;
border-top: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
#customer-reviews .pager {
margin:0px;
display: block;
}
/*.container-inner .pager{
display: none;
width: 700px;
float: right;
top: -31px;
position: relative;
}*/
.container{
/*background: none!important;*/
}
.rtl #customer-reviews .pager {
left: 15px;
right: auto;
}
#customer-reviews .review-heading h2 {
border: 0!important;
}
.form-add > h2 {
display: none;
}
.form-add #review-form > h3 {
display: none;
}
.ratings-and-size {
float: left;
width: 70%;
}
.rtl .ratings-and-size {
float: right !important;
}
/*Rating stars in form*/
.rating-input {
display: none;
}
.rating-star {
float: right;
display: block;
width: 32px !important;
/* just to be fast here*/
height: 26px;
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/star_empty.png");
}
.rtl .rating-star {
float: left !important;
}
.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/star_full.png");
}
.rating-star:hover {
cursor: pointer;
}
.data-table.table-ratings th {
width: 80px;
line-height: 20px;
text-align: left;
padding: 10px 0;
}
.data-table.table-ratings td {
width: auto;
padding: 9px 0;
}
.separate-rating .mark-rating {
width: 100%;
float: left;
margin: 1px 0;
}
.rtl .separate-rating .mark-rating {
float: right !important;
}
.separate-rating .rating-box .rating {
background: none;
width: 100%;
}
.separate-rating .scroll-box {
background: #f4f4f4;
height: 10px;
width: 65%;
margin-right: 6px;
float: left;
margin-top: 7px;
}
.rtl .separate-rating .scroll-box {
margin-left: 6px;
margin-right: inherit;
}
.rtl .separate-rating .scroll-box {
float: right !important;
}
.separate-rating .scroll-box .scroll-rating {
background: #3399CB;
height: 10px;
width: 60%;
}
.separate-rating .mark-rating .rating-percent {
float: left;
margin-left: 6px;
padding-top: 3px;
}
.rtl .separate-rating .mark-rating .rating-percent {
float: right !important;
}
.product-view .product-img-box .horizontal-top .carousel, .product-view .product-img-box .horizontal-bottom .carousel {
max-width: 100%;
}
.clearboth {
clear: both;
}
/*** widgets using inside megamenu ***/
.ves-widget .menu-title,
.ves-widget .widget-title {
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #444;
line-height: 36px;
margin-bottom: 0px;
padding-bottom: 0px !important;
font-size: 13px !important;
}
.ves-widget img {
display: block;
max-width: 100%;
height: auto;
}
.ves-widget .widget-brand-list h3 {
display: none;
}
.ves-widget .widget-brand-list .post-item.itemcol {
display: inline-block;
*display: inline;
zoom: 1;
margin-right: 20px;
margin-bottom: 15px;
}
.rtl .ves-widget .widget-brand-list .post-item.itemcol {
margin-left: 20px;
margin-right: inherit;
}
.ves-megamenu .widget-product-list .image {
float: left;
margin-right: 10px;
margin-top: 0;
margin-bottom: 0;
width: 12%;
padding: 0!important;
}
.rtl .ves-megamenu .widget-product-list .image {
float: right !important;
}
.rtl .ves-megamenu .widget-product-list .image {
margin-left: 10px;
margin-right: inherit;
}
.ves-megamenu .widget-product-list .product-block {
text-align: left;
margin-bottom: 15px;
}
.rtl .ves-megamenu .widget-product-list .product-block {
text-align: right !important;
}
.ves-megamenu .widget-product-list .product-block .name a {
display: block;
}
.ves-megamenu .widget-product-list .product-block .cart {
display: none;
}
.ves-megamenu .widget-product-list .product-block .price .price-old, .ves-megamenu .widget-product-list .product-block .price .old-price {
display: inline-block!important;
}
.ves-megamenu .widget-product-list .product-block:hover {
position: relative;
box-shadow: none!important;
}
#ves-verticalmenu a {
color: #666;
}
#ves-verticalmenu .w-product {
float: left;
width: 31%;
margin-right: 2%;
margin-bottom: 20px;
}
.rtl #ves-verticalmenu .w-product {
float: right !important;
}
.rtl #ves-verticalmenu .w-product {
margin-left: 2%;
margin-right: inherit;
}
#ves-verticalmenu .w-product .name {
min-height: 36px;
}
#ves-verticalmenu .w-product .cart {
display: none;
}
#ves-verticalmenu .w-product .image {
padding: 0!important;
}
#ves-verticalmenu .w-product:hover {
box-shadow: none!important;
}
#ves-verticalmenu .menu-custom1 a {
margin: 10px 0 15px;
float: left;
width: 100%;
}
.rtl #ves-verticalmenu .menu-custom1 a {
float: right !important;
}
#ves-verticalmenu .menu-custom1 .item {
padding-left: 10px;
padding-right: 10px;
}
#ves-verticalmenu .a-right a {
font-weight: 500;
color: #bf9a61;
}
#ves-verticalmenu .a-right a:hover {
text-decoration: underline;
}
.widget-newsletter .block-content {
position: relative;
}
.widget-newsletter .input-box {
padding-right: 40px;
}
.rtl .widget-newsletter .input-box {
padding-left: 40px;
padding-right: inherit;
}
.widget-newsletter .input-box span {
color: black;
border-right: 1px solid #222222;
line-height: 25px;
margin: 10px 12px;
padding: 0 10px;
position: absolute;
font-size: 13px;
font-weight: 600;
}
.rtl .widget-newsletter .input-box span {
border-left: 1px solid #222222;
border-right: inherit;
}
.widget-newsletter .form-control {
height: 42px;
padding-left: 110px;
box-shadow: none!important;
border: 0!important;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.rtl .widget-newsletter .form-control {
padding-right: 110px;
padding-left: inherit;
}
.widget-newsletter .actions {
position: absolute;
right: 0;
top: 0;
}
.rtl .widget-newsletter .actions {
left: 0;
right: auto;
}
.widget-newsletter .actions button {
background: #bf9a61;
border-radius: 0;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
padding: 0 10px;
font-size: 20px;
height: 42px;
width: 46px;
border-color: transparent;
}
.rtl .widget-newsletter .actions button {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: inherit;
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
}
.rtl .widget-newsletter .actions button {
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: inherit;
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.widget-newsletter .actions button:hover {
background: #333;
}
.block.block-twitter-widget {
padding-left: 3%;
}
.rtl .block.block-twitter-widget {
padding-right: 3%;
padding-left: inherit;
}
.widget-categories-info {
margin-bottom: 0;
border: 0!important;
}
.widget-categories-info .block-content {
padding: 0;
}
.widget-categories-info .c-wrap {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
float: left;
position: relative;
width: 100%;
padding-top: 14px;
padding-bottom: 15px;
padding-left: 10%;
}
.rtl .widget-categories-info .c-wrap {
border-left: 1px solid #e6e6e6;
border-right: inherit;
}
.rtl .widget-categories-info .c-wrap {
float: right !important;
}
.rtl .widget-categories-info .c-wrap {
padding-right: 10%;
padding-left: inherit;
}
.widget-categories-info .c-wrap > .pull-left {
position: relative;
}
.widget-categories-info .image {
position: absolute;
right: 0;
bottom: 0;
}
.rtl .widget-categories-info .image {
left: 0;
right: auto;
}
.widget-categories-info ul {
padding: 0!important;
margin: 0!important;
}
.widget-categories-info ul li {
line-height: 22px;
}
.widget-categories-info h3 {
line-height: 30px;
}
.widget-categories-info h3 > a {
color: black;
font-weight: 800;
font-size: 13px;
}
.widget-categories-info a {
color: #666;
font-weight: 300;
}
.widget-categories-info a:hover {
color: #bf9a61 !important;
}
.widget-categories-info .view a {
color: #bf9a61;
}
.widget-categories-info .view a:hover {
text-decoration: underline;
}
.block-danger.widget-categories-info h3 a {
color: #444;
}
.call-online {
color: white;
min-height: 234px;
padding-top: 18%;
line-height: 24px;
padding-left: 25%;
}
.rtl .call-online {
padding-right: 25%;
padding-left: inherit;
}
.call-online > div {
position: relative;
}
.call-online > div::before {
content: "";
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/phone.png") no-repeat;
width: 40px;
height: 40px;
top: 10px;
left: -50px;
position: absolute;
}
.rtl .call-online > div::before {
right: -50px;
left: auto;
}
.call-online span {
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.call-online h3 {
font-size: 22px;
}
.categorytabs {
margin-bottom: 0;
border-bottom: 1px solid #f6f6f6;
}
.categorytabs .block-content {
padding: 0;
}
.categorytabs .block-title {
margin-bottom: 20px;
}
.categorytabs .products-grid > div:last-child {
border: 0;
}
.categorytabs .pretext .f-left {
margin-right: 20px;
}
.rtl .categorytabs .pretext .f-left {
margin-left: 20px;
margin-right: inherit;
}
.categorytabs .pretext p {
margin-bottom: 0;
}
.categorytabs .carousel-controls {
display: none;
}
.categorytabs .carousel-inner {
padding: 3px 0;
}
.categorytabs .first.product-col {
border: 0;
}
.categorytabs .tab-nav {
position: absolute;
top: 10px;
right: 0;
}
.rtl .categorytabs .tab-nav {
left: 0;
right: auto;
}
.categorytabs .nav-tabs > li {
margin-bottom: 0!important;
}
.categorytabs .nav-tabs > li > a {
font-size: 12px;
padding: 10px 8px;
color: #666;
}
.categorytabs .nav-tabs > li > a::before {
content: "";
background: #e6e6e6;
top: 13px;
right: -4px;
width: 2px;
height: 10px;
position: absolute;
}
.categorytabs .nav-tabs > li:last-child > a::before {
background: transparent;
}
.categorytabs .nav-tabs {
margin: 0;
border: 0;
padding-right: 10px;
}
.rtl .categorytabs .nav-tabs {
padding-left: 10px;
padding-right: inherit;
}
.categorytabs .nav-tabs > li.active > a, .categorytabs .nav-tabs > li.active > a:hover, .categorytabs .nav-tabs > li.active > a:focus {
border-color: transparent;
background: transparent;
text-decoration: underline;
}
.categorytabs .nav > li > a:hover, .categorytabs .nav > li > a:focus {
background: transparent;
border-color: transparent;
}
.categorytabs .owl-theme .owl-controls .owl-buttons div {
line-height: 18px!important;
color: #999!important;
font-size: 14px!important;
}
.categorytabs .owl-theme .owl-controls .owl-buttons div:hover {
color: #bf9a61 !important;
}
.categorytabs .c-left {
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #f6f6f6;
margin-bottom: 20px;
}
.rtl .categorytabs .c-left {
border-left: 1px solid #f6f6f6;
border-right: inherit;
}
.categorytabs .c-right {
padding-left: 0;
padding-right: 0;
}
.categorytabs.block-info .product-block {
float: left;
padding: 15px 0;
border-bottom: 1px solid #f6f6f6;
}
.rtl .categorytabs.block-info .product-block {
float: right !important;
}
.categorytabs.block-info .product-block .image {
width: 47%;
float: left;
padding: 0;
}
.rtl .categorytabs.block-info .product-block .image {
float: right !important;
}
.categorytabs.block-info .product-block .product-meta {
width: 53%;
float: left;
padding: 0;
padding-left: 10px;
}
.rtl .categorytabs.block-info .product-block .product-meta {
float: right !important;
}
.rtl .categorytabs.block-info .product-block .product-meta {
padding-right: 10px;
padding-left: inherit;
}
.categorytabs.block-info .product-block .box-links {
left: 10px;
}
.rtl .categorytabs.block-info .product-block .box-links {
right: 10px;
left: auto;
}
.categorytabs.block-info .product-block:hover {
box-shadow: none!important;
}
.categorytabs.block-info .carousel-inner {
padding: 0;
}
.categorytabs.block-info .products-grid > div.products-row:first-child .product-block {
padding-top: 0;
}
.categorytabs.block-info .products-grid > div.products-row:last-child .product-block {
padding-bottom: 0;
border-bottom: 0;
}
.categorytabs.block-info .products-row {
border: 0;
}
.categorytabs.block-info .row.products-row .product-col {
padding-left: 20px;
padding-right: 20px;
}
.block-danger.categorytabs {
border: 0;
}
.block-danger.categorytabs .block-title {
display: none;
}
.block-danger.categorytabs .block-content {
padding: 0;
}
.block-danger.categorytabs .tab-nav {
position: relative;
top: 0;
border-bottom: 1px solid #f6f6f6;
}
.block-danger.categorytabs .tab-nav ul {
padding: 0;
}
.block-danger.categorytabs .tab-content {
border-right: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
.rtl .block-danger.categorytabs .tab-content {
border-left: 1px solid #f6f6f6;
border-right: inherit;
}
.block-danger.categorytabs .first.product-col {
border-left: 1px solid #f6f6f6;
}
.rtl .block-danger.categorytabs .first.product-col {
border-right: 1px solid #f6f6f6;
border-left: inherit;
}
.block-danger.categorytabs .owl-controls {
position: absolute;
top: -30px;
right: 8px;
}
.rtl .block-danger.categorytabs .owl-controls {
left: 8px;
right: auto;
}
.block-danger.categorytabs .carousel-controls {
display: block;
}
.block-danger.categorytabs .nav-tabs > li > a {
background: #f8f8f8;
color: #444;
font-size: 15px;
font-weight: 600;
padding: 15px 30px;
}
.block-danger.categorytabs .nav-tabs > li.active > a, .block-danger.categorytabs .nav-tabs > li.active > a:hover, .block-danger.categorytabs .nav-tabs > li.active > a:focus {
background: #bf9a61;
color: white;
}
.block-danger.categorytabs .nav > li > a:hover, .block-danger.categorytabs .nav > li > a:focus {
background: #bf9a61;
color: white;
}
.block-inline.categorytabs .c-left {
display: none!important;
}
.block-inline.categorytabs .c-right {
width: 100%!important;
}
.ads1 {
position: absolute;
top: -30px;
}
.promotional {
background: white;
line-height: 20px;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.promotional .media > .pull-left {
margin-top: 3px;
margin-right: 10px;
}
.rtl .promotional .media > .pull-left {
margin-left: 10px;
margin-right: inherit;
}
.promotional .abs > .col-inner {
padding: 30px 10%;
}
.promotional .abs:hover img {
-webkit-animation-name: hvr-icon-pop;
animation-name: hvr-icon-pop;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.promotional .abs a:hover {
text-decoration: underline;
}
.promotional .block {
background: transparent;
margin: 0!important;
text-align: center;
}
.promotional h3 {
color: black;
font-weight: 300;
margin-top: 5px;
}
.promotional h3 a {
color: white;
}
.promotional h3 a:hover {
text-decoration: underline;
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 1.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@emai:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
/* RESPONSIVE */
#menu-offcanvas .button-close-menu {
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/btn_window_close.gif") no-repeat;
width: 15px;
height: 15px;
}
.rtl #menu-offcanvas .button-close-menu {
left: 10px;
right: auto;
}
#menu-offcanvas .button-close-menu i {
display: none;
}
#menu-offcanvas .dropdown .dropdown-menu {
border: medium none;
box-shadow: none;
/*display: block;*/
float: none;
position: relative;
width: 100% !important;
min-width: 100%;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
opacity: 1;
filter: alpha(opacity=100);
text-align: left;
margin: 0;
padding: 0;
}
.rtl #menu-offcanvas .dropdown .dropdown-menu {
text-align: right !important;
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner {
padding: 0 20px;
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul li {
border-bottom: 1px solid #53585f;
position: relative;
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul li a {
color: #333333;
padding: 8px 0;
line-height: 30px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: inline-block;
width: 65%;
font-size: 12px;
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul li a:hover {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #bf9a61;
text-decoration: none;
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul li .level2 li {
border-bottom: 0;
left: 20px;
}
#menu-offcanvas .mega-col {
width: 100% !important;
}
#menu-offcanvas .mega-col div.menu-title {
font-size: 16px;
font-weight: bold;
padding: 10px 0;
}
#menu-offcanvas .mega-col iframe {
max-width: 100%;
}
#menu-offcanvas .mega-col .ves-widget .widget-product-list .product-block {
width: 100%!important;
}
#menu-offcanvas .mega-col .ves-widget .widget-product-list .product-block:hover {
box-shadow: none!important;
}
#menu-offcanvas .home {
background: #333333;
}
#menu-offcanvas .ves-widget .menu-title, #menu-offcanvas .ves-widget .widget-title, #menu-offcanvas .product-block .name a {
/*color: white !important;*/
}
#menu-offcanvas span.open-child {
right: 2px;
}
.rtl #menu-offcanvas span.open-child {
left: 2px;
right: auto;
}
html,
body,
.offcanvas-container,
.offcanvas-pusher,
.offcanvas-content {
overflow-x: hidden;
}
.offcanvas-content {
overflow-y: scroll;
background: #f3efe0;
}
.offcanvas-pusher {
left: 0;
width: 100%;
left: 0;
z-index: 99;
}
.offcanvas-pusher.page {
/*background: #F7941E;*/
}
.rtl .offcanvas-pusher {
right: 0;
left: auto;
}
.offcanvas-pusher::after {
/* note(offcanvas-menu) remove absolute */
position: fixed;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, 0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
z-index: 999;
}
.offcanvas-menu-open .offcanvas-pusher::after {
height: 100%;
width: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.offcanvas-menu {
/* set absolute and turn off fixed in .offcanvas-effect-3.offcanvas-menu-open => allways to top*/
position: fixed;
top: 1px;
left: 0;
z-index: 999999 !important;
visibility: hidden;
width: 300px;
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
/*background: #333333;*/
background: #ffffff;
}
.rtl .offcanvas-menu {
right: 0;
left: auto;
}
.offcanvas-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.offcanvas-menu-open .offcanvas-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* content style */
.offcanvas-menu ul {
margin: 0;
padding: 0;
}
.offcanvas-menu h2 {
margin: 0;
padding: 1em;
color: rgba(0, 0, 0, 0.4);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
font-weight: 300;
font-size: 2em;
}
.offcanvas-menu ul.megamenu > li > a {
color: #333333;
display: inline-block;
padding: 15px;
outline: none;
text-transform: uppercase;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.offcanvas-menu ul li:firoffcanvas-child a {
-webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
.offcanvas-menu ul.megamenu > li > a {
background: #ffffff;
width: 65%;
}
/* Individual effects */
/* Effect 1: Slide in on top */
.offcanvas-effect-1.offcanvas-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.offcanvas-effect-1.offcanvas-menu-open .offcanvas-effect-1.offcanvas-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.offcanvas-effect-1.offcanvas-menu::after {
display: none;
}
/* Effect 2: Reveal */
.offcanvas-effect-2.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.offcanvas-effect-2.offcanvas-menu {
z-index: 1;
}
.offcanvas-effect-2.offcanvas-menu-open .offcanvas-effect-2.offcanvas-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Effect 3: Push*/
.offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
/*position: fixed;*/
}
.rtl .offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.offcanvas-effect-3.offcanvas-menu {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
z-index: 1;
}
.rtl .offcanvas-effect-3.offcanvas-menu {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.offcanvas-effect-3.offcanvas-menu-open .offcanvas-effect-3.offcanvas-menu {
visibility: visible;
overflow: visible;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Effect 5: Reverse slide out */
.offcanvas-effect-5.offcanvas-menu-open .offcanvas-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.offcanvas-effect-5.offcanvas-menu {
z-index: 1;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.offcanvas-effect-5.offcanvas-menu-open .offcanvas-effect-5.offcanvas-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.offcanvas-sidebars-buttons .btn-danger {
margin-bottom: 10px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
#ves-mainnav .navbar-collapse.collapse {
display: none !important;
}
#ves-mainnav .navbar-toggle {
display: block;
float: left;
}
.rtl #ves-mainnav .navbar-toggle {
float: right !important;
}
/*** OFFCANVAS SIDEBAR ***/
#ves-paneltool {
display: none;
}
.offcanvas-siderbars {
position: relative;
}
.offcanvas-siderbars .offcanvas-sidebar {
display: none;
width: 100%;
}
.offcanvas-siderbars.column-left-active #ves-columns-left {
display: block;
}
.offcanvas-siderbars.column-right-active #ves-columns-right {
display: block;
}
.offcanvas-siderbars.column-left-active .main-column, .offcanvas-siderbars.column-right-active .main-column {
display: none;
}
.offcanvas-widget-siderbars .sidebar {
display: none;
}
.offcanvas-widget-siderbars.column-right-active .sidebar, .offcanvas-widget-siderbars.column-left-active .sidebar {
display: block;
}
.offcanvas-widget-siderbars {
position: relative;
}
.offcanvas-widget-siderbars .offcanvas-sidebar {
display: block;
width: 100%;
}
.offcanvas-widget-siderbars.column-left-active .offcanvas-widget-sidebar {
display: block;
}
.offcanvas-widget-siderbars.column-right-active .offcanvas-widget-sidebar {
display: block;
}
.offcanvas-widget-siderbars.column-left-active .main-column, .offcanvas-widget-siderbars.column-right-active .main-column {
display: none;
}
.hidden-max-width-992{
display: none;
}
.fhs_product_basic .item-inner{
border: 1px solid #F2F4F5;
border-radius: 4px;
}
}
.offcanvas-menu .widget-image img {
display: block;
max-width: 100%;
height: auto;
}
.product-block .product-img.img {
position: relative;
padding-bottom: 15px;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
}
.product-block .link-compare a, .product-block .link-wishlist a {
width: 33px;
height: 33px;
color: #444;
display: block;
}
.product-block .link-compare a:hover, .product-block .link-wishlist a:hover {
color: #bf9a61;
}
.product-block .box-links {
position: absolute;
bottom: 15px;
left: 20px;
}
.rtl .product-block .box-links {
right: 20px;
left: auto;
}
.product-block .a-quickview {
color: #bf9a61;
line-height: 33px;
font-size: 12px;
font-weight: 600;
text-decoration: underline;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
display: inline-block;
*display: inline;
zoom: 1;
}
.product-block .link-compare, .product-block .link-wishlist, .product-block .product-zoom, .product-block .btn-shopping-cart {
background: #e2e2e2;
color: #666;
font-size: 14px;
position: relative;
width: 33px;
height: 33px;
line-height: 34px;
text-align: center;
z-index: 10;
display: inline-block;
*display: inline;
zoom: 1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-border-radius: 4px;
border-radius: 4px;
visibility: hidden;
vertical-align: top;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.product-block .link-compare:hover, .product-block .link-wishlist:hover, .product-block .product-zoom:hover, .product-block .btn-shopping-cart:hover {
color: #bf9a61;
}
.product-block .btn-shopping-cart {
background: #bf9a61 !important;
padding: 0;
color: white !important;
border: 0!important;
}
.product-block .btn-shopping-cart, .product-block .link-compare {
-webkit-transform: translate(100%, 0px);
-ms-transform: translate(100%, 0px);
transform: translate(100%, 0px);
}
.product-block .link-wishlist, .product-block .product-zoom {
-webkit-transform: translate(-100%, 0px);
-ms-transform: translate(-100%, 0px);
transform: translate(-100%, 0px);
}
.product-block:hover {
/*box-shadow: 0 1px 2px 2px #eeeeee;*/
z-index: 1;
}
.product-block:hover .product-img.img::before, .product-block:hover .product-img.img::after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.product-block:hover .a-quickview {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
visibility: visible;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
transition-delay: 0.4s;
}
.product-block:hover .link-compare, .product-block:hover .link-wishlist, .product-block:hover .product-zoom, .product-block:hover .btn-shopping-cart {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.effect {
position: relative;
overflow: hidden;
}
.effect .overlay:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.rtl .effect .overlay:before {
right: 0;
left: auto;
}
.effect:hover .overlay:before {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.4) inset;
}
.image-item {
position: relative;
overflow: hidden;
}
.image-item a.img-animation::before {
content: "";
border-top: 0 solid rgba(255, 255, 255, 0.1);
border-right: 0 solid rgba(0, 0, 0, 0);
position: absolute;
}
.rtl .image-item a.img-animation::before {
border-left: 0 solid rgba(0, 0, 0, 0);
border-right: inherit;
}
.image-item:hover a.img-animation::before {
-webkit-transition: all 0.7s ease 0.2s;
transition: all 0.7s ease 0.2s;
border-top: 1300px solid rgba(255, 255, 255, 0.1);
border-right: 1300px solid rgba(0, 0, 0, 0);
}
.rtl .image-item:hover a.img-animation::before {
border-left: 1300px solid rgba(0, 0, 0, 0);
border-right: inherit;
}
/* vertical start*/
.vertical .carousel-inner {
height: 100%;
}
.carousel.vertical .item {
-webkit-transition: 0.6s ease-in-out top;
-moz-transition: 0.6s ease-in-out top;
-ms-transition: 0.6s ease-in-out top;
-o-transition: 0.6s ease-in-out top;
transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
top: 0;
}
.carousel.vertical .next {
top: 100%;
}
.carousel.vertical .prev {
top: -100%;
}
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
top: 0;
}
.carousel.vertical .active.left {
top: -100%;
}
.carousel.vertical .active.right {
top: 100%;
}
/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
/******************************************************
* @package Ves Theme Framework for Magento
* @version 3.0
* @author http://www.venustheme.com
* @copyright Copyright (C) Augus 2013 Venustheme.com <@email:venustheme@gmail.com>.All rights reserved.
* @license GNU General Public License version 2
*******************************************************/
@media (max-width: 992px) {
/*Navigation default*/
#ves-mainnav .nav-container {
position: relative;
background: white;
}
#ves-mainnav .nav-container:before {
font-family: "FontAwesome";
content: "\f0c9";
font-size: 24px;
color: #fff;
background: #222;
position: absolute;
right: 9px;
right: 9px;
top: 15px;
padding: 8px 15px;
cursor: pointer;
}
.rtl #ves-mainnav .nav-container:before {
left: 9px;
right: auto;
}
#ves-mainnav .nav-container ul#nav {
position: absolute;
top: 69px;
right: 0;
right: 0;
visibility: hidden;
background: white;
z-index: 999;
width: 300px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rtl #ves-mainnav .nav-container ul#nav {
left: 0;
right: auto;
}
#ves-mainnav .nav-container ul#nav li {
width: 100%;
}
#ves-mainnav .nav-container ul#nav li.parent:hover > a:after {
display: none;
}
#ves-mainnav .nav-container ul#nav li a {
line-height: 40px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#ves-mainnav .nav-container ul#nav li a span {
border: 0 !important;
}
#ves-mainnav .nav-container ul#nav li ul,
#ves-mainnav .nav-container ul#nav li ul ul {
margin-left: 30px;
margin-left: 30px;
position: relative;
left: 0 !important;
left: 0;
box-shadow: none;
}
.rtl #ves-mainnav .nav-container ul#nav li ul, .rtl
#ves-mainnav .nav-container ul#nav li ul ul {
margin-right: 30px;
margin-left: inherit;
}
.rtl #ves-mainnav .nav-container ul#nav li ul, .rtl
#ves-mainnav .nav-container ul#nav li ul ul {
right: 0;
left: auto;
}
#ves-mainnav .nav-container:hover ul#nav, #ves-mainnav .nav-container:focus ul#nav {
visibility: visible;
}
.navbar-inverse .navbar-toggle {
margin-top: 10px;
margin-right: 0;
}
.customer-account-login .new-users .content,
.customer-account-login .registered-users .content {
min-height: auto;
}
#topbar .topLinks .links li > a {
margin: 0;
}
.product-block .product-img.img::after {
background: none!important;
}
.panel-title .fa {
font-size: 10px;
vertical-align: top;
margin-top: 5px;
}
.categorytabs .block-title {
margin-bottom: 0!important;
}
.categorytabs .tab-nav {
position: relative!important;
margin-bottom: 10px;
}
.custom_label {
display: none;
}
.product-block .name {
min-height: 36px;
}
#header.hide-bar {
position: relative!important;
}
#header .header2 .menu-top::before, #header .header2 .menu-top::after {
border: 0!important;
}
#header .header1 .wrapper::before {
background: none!important;
}
#header .header1 .wrapper #topbar {
margin: 0!important;
padding: 0!important;
}
#header .header1 .header-top {
padding: 0!important;
background: none!important;
}
#header .header1 .header-right {
margin-top: 0!important;
margin-bottom: 5px;
}
#header .header1 #header-main {
min-height: 45px!important;
}
#header .header1 .logo {
text-align: center;
margin: 10px 30px 5px!important;
}
#header .header1 .logo img {
max-width: 130px;
max-height: 30px;
margin-top: -15px !important;
}
#header .header1 .icon-search {
color: #F7941E;
/*font-size: 18px;*/
/*left: 36px;*/
position: absolute;
/*top: -32px;*/
}
.rtl #header .header1 .icon-search {
right: 36px;
left: auto;
}
#header .header1 .ves-autosearch {
margin: 0!important;
min-height: 35px!important;
}
#header .header1 .ves-autosearch .search_box .search, #header .header1 .ves-autosearch .search_box .input-search, #header .header1 .ves-autosearch .search_box .category_filter, #header .header1 .ves-autosearch .search_box .category_filter select {
height: 35px!important;
}
#header .header1 .ves-autosearch .search_box .button-search {
height: 35px;
line-height: 35px;
top: -35px;
}
#header .header1 .ves-autosearch .search_box .category_filter select {
padding-top: 0;
padding-bottom: 0;
}
#header .header1 .ves-autosearch .search_box .category_filter span {
line-height: 35px!important;
}
#header .header1 .ves-autosearch .search {
height: 45px;
}
#header .header1 .ves-autosearch .search_box::before {
border-bottom: 8px solid #e6e6e6;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
/* content: "";*/
left: 36px;
position: absolute;
top: -7px;
}
.rtl #header .header1 .ves-autosearch .search_box::before {
right: 36px;
left: auto;
}
#header .header1 .cart-top {
margin-left: 1px;
margin-top: 1px;
}
#header .header1 .cart-top .heading .cart-number{
margin-top: -35px;
margin-left: 25px;
}
.rtl #header .header1 .cart-top {
left: 0;
right: auto;
}
#header .header1 .cart-top .cart-total {
display: none;
}
#header .header1 .cart-top .shopping-cart-icon {
/*background: url("https://cdn1.fahasa.com/skin/frontend/base/default/images/m1.png") no-repeat center center !important;*/
background-size: 25px!important;
background-position-x: left;
}
#header .header1 #ves-mainnav .navbar-toggle {
border: 0;
margin: 0;
background: none!important;
padding: 10px 10px 5px 18px;
position: unset;
top: -14px;
left: -18px;
min-height: 22px!important;
/*width: 56px;*/
height: auto;
}
#header .header1 #ves-mainnav .navbar-toggle .icon-bar {
background: #F7941E;
height: 3px;
width: 18px;
}
#header .header1 .menu-top, #header .header1 .ves-megamenu .navbar {
background: none!important;
min-height: 0!important;
}
#header .header1 .cart-top .content {
left: auto!important;
right: 0!important;
}
#header .header2 .icon-search {
top: -36px !important;
}
#header .header2 #ves-mainnav .navbar-toggle {
top: -80px !important;
}
#header .header2 .logo {
margin: 10px 0!important;
}
#header .header2 .cart-top {
top: -77px !important;
}
.rtl #header .header1 .cart-top .content {
left: 0!important;
right: auto!important;
}
}
@media (min-width: 992px) {
.promotional .abs {
width: 20%;
border-right: 2px solid #f6f6f6;
}
.rtl .promotional .abs {
border-left: 2px solid #f6f6f6;
border-right: inherit;
}
.promotional .abs-last {
border: 0!important;
}
.d-table {
display: table;
width: 100%;
}
.d-table-cell {
display: table-cell;
vertical-align: top;
float: none;
}
.categorytabs.block-primary .c-left {
width: 50%;
}
.categorytabs.block-primary .c-right {
width: 50%;
}
.categorytabs.block-success .c-left {
width: 66.6667%;
}
.categorytabs.block-success .c-right {
width: 33.3333%;
}
.fhs_product_basic .item-inner:hover{
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}
}
/*$media (min-width: 992px) and (max-width: 1199px)*/
@media (min-width: 992px) and (max-width: 1199px) {
#logo-theme {
/*padding-top: 10px;*/
}
.toolbar .sort-by select {
width: 80px;
}
.pager .limiter select {
width: 55px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 10px;
}
#header .header1 .ves-megamenu .navbar-nav > li.aligned-fullwidth .dropdown-menu {
max-width: 1000px!important;
left: -180px !important;
}
.ves-megamenu .navbar-nav > li.dropdown > .dropdown-menu {
left: -180px !important;
}
.rtl .ves-megamenu .navbar-nav > li.dropdown > .dropdown-menu {
right: -180px !important;
left: auto!important;
}
.product-block .name {
min-height: 40px;
}
#ves-verticalmenu .dropdown-menu {
max-width: 750px;
}
}
/*$media (min-width: 768px) and (max-width: 991px) {*/
@media (min-width: 768px) and (max-width: 991px) {
.cart-top h3{
width: 83px;
}
#header .header1 .cart-top .cart-total {
display: none !important;
}
#header .header1 .cart-top{
/* top: -42px !important;
right: 50px !important;*/
}
.cart-top h3{
display: none;
}
#topbar .top-currency label,
#topbar .store-language label {
display: none;
}
#header .header1 .ves-autosearch .search_box .button-search{
top: -77px !important;
float: left;
left: 20px;
}
.box-search {
width: 20% !important;
position: absolute;
right: 0;
}
.call-us span {
font-size: 12px!important;
}
.bg-1,
.bg-2 {
border: 0;
}
.box-accountlink {
width: 40% !important;
}
.quickaccess-toggle,
.quickaccess-toggle i {
display: none !important;
}
.product-info .product-view {
padding-left: 0;
padding-left: 10px !important;
padding-top: 20px;
}
.rtl .product-info .product-view {
padding-right: 0;
padding-left: inherit;
}
.product-info .product-extra .add-to-links,
.product-info .product-options-bottom .add-to-links {
margin-left: 20px;
}
.zoomContainer, .ves-colorbox, .product-zoom, #colorbox {
display: none!important;
}
.child-menu .dropdown-menu {
width: 493px !important;
}
.aboutus {
border-bottom: 1px solid #333!important;
padding-bottom: 40px !important;
margin-bottom: 40px !important;
}
.link-compare, .shopping-cart-icon {
/*display: none;*/
}
.product-block .add-to-links li {
width: 100%;
}
.block-note-product, .button-search, .view-rate, .more-views{
display: none;
}
.product-view .product-img-box .product-image-zoom, .fhs-p-img{
width: 150px !important;
}
.product-essential .col-md-5{
text-align: center;
}
.product-block .name a{
font-size: 0.9em !important;
}
.product-name a{
font-size: 0.7em !important;
}
}
/*$media (max-width: 767px) {*/
@media (max-width: 767px) {
.product-info .product-essential {
margin: 0!important;
}
.social > p::before {
border: 0!important;
}
#ves-footer .block {
margin-bottom: 20px!important;
}
.zoomContainer, .ves-colorbox, #colorbox, .product-zoom, .quick-cart {
display: none!important;
}
.product-info .image-container {
padding-left: 9px;
}
.rtl .product-info .image-container {
padding-right: 9px;
padding-left: inherit;
}
.product-block .image img {
width: 100%;
height: auto;
}
.products-list .image {
width: 100%;
}
#ves-accordion li {
width: 100%;
}
.customer-account-login .new-users .content,
.customer-account-login .registered-users .content {
min-height: auto;
}
.products-list .product-block .product-meta {
clear: both;
padding: 0;
width: 100%;
}
.link-compare {
display: none;
}
.product-block .add-to-links li {
width: 100%;
}
.htabs ul li {
width: 100%;
}
.product-info .product-extra .add-to-links,
.product-info .product-options-bottom .add-to-links {
left: 40%;
top: 5%;
}
.rtl .product-info .product-extra .add-to-links, .rtl
.product-info .product-options-bottom .add-to-links {
right: 40%;
left: auto;
}
.checkout-onepage-index .buttons-set {
float: left;
position: relative;
width: 100%;
z-index: 1;
}
.rtl .checkout-onepage-index .buttons-set {
float: right !important;
}
}
/*$media (max-width: 480px) {*/
@media (max-width: 480px) {
#header-main .inner {
text-align: center;
}
#header .header1 .logo {
margin: 10px 0 5px!important;
}
#header-main .inner > * {
display: inline-block;
}
.product-block .link-compare, .product-block .link-wishlist, .product-block .product-zoom, .product-block .btn-shopping-cart {
opacity: 1!important;
visibility: visible!important;
transform: none!important;
}
.block.widget-newsletter {
padding-left: 15%;
}
.rtl .block.widget-newsletter {
padding-right: 15%;
padding-left: inherit;
}
.ratings-and-size {
width: 100%!important;
}
.widget-images img {
width: 100%;
}
.faq-searchform {
height: auto!important;
padding: 0!important;
}
.faq-searchform label {
position: relative!important;
}
.ves-autosearch .search_box {
padding: 0!important;
}
.ves-autosearch .search_box .category_filter {
display: none;
}
.producttabs .nav-tabs li {
width: 100%!important;
}
.breadcrumb {
margin-top: 0 !important;
}
.toolbar-bottom .filter-left {
width: 100%!important;
}
.sorter .sort-by, .toolbar label, .toolbar-bottom .amount {
display: none;
}
.productcarousel img {
display: inline;
}
.tabs-group .tab-contents {
padding: 0 10px;
}
.product-info .action > div {
margin-bottom: 10px;
}
.product-info .product-extra .quantity-adder, .product-info .product-options-bottom .quantity-adder {
width: 100%;
}
.product-info .add-cart {
margin: 0!important;
}
.product-info .image {
background: transparent !important;
}
.product-info .image img {
display: inline !important;
display: block;
max-width: 100%;
height: auto;
}
.cart-top .content {
width: 280px!important;
}
.cart-top .content .block-cart .block-content .product-meta {
width: 140px!important;
padding: 0!important;
}
.cart-top .content .actions button, .cart-top .content .view-cart {
margin-top: 8px;
}
.product-info .product-view {
padding-left: 10px !important;
padding-top: 40px;
}
.product-list .product-meta {
overflow: visible;
}
.product-list .product-block .action {
position: absolute;
top: -63px;
}
.product-list .image {
float: none;
display: block;
}
.box-inline .box-left, .box-inline .box-right {
width: 100%;
}
.input-group {
text-align: center;
}
.input-group > * {
clear: both;
display: inline;
}
.quick-cart {
display: block!important;
}
.form-list input.input-text {
width: 260px !important;
}
#checkout-payment-method-load input.input-text {
width: 230px;
}
.product-block:hover .product-zoom {
right: 45%;
}
.customer-account-login .new-users .content, .customer-account-login .registered-users .content {
min-height: 50px;
}
.checkout-progress li {
width: 100%;
}
.my-wishlist {
overflow-x: auto;
}
.my-wishlist .buttons-set button {
margin-bottom: 20px;
}
.products-list .product-block .product-meta {
clear: both;
padding: 0;
width: 100%;
}
#ves-breadcrumbs {
display: none;
}
.htabs ul li a {
padding: 10px;
}
.footer5, .footer6, .footer7 {
text-align: center!important;
}
.footer5 .nav-links, .footer6 .nav-links, .footer7 .nav-links {
text-align: center!important;
}
/*New style Table responsive $screen-xs-max */
table#wishlist-table,
table#shopping-cart-table,
table#checkout-review-table,
table#my-orders-table,
table#multiship-addresses-table,
#review-order-form table {
border: 0;
border-top: 1px solid #ddd;
outline: none;
}
table#wishlist-table th, table#wishlist-table td,
table#shopping-cart-table th,
table#shopping-cart-table td,
table#checkout-review-table th,
table#checkout-review-table td,
table#my-orders-table th,
table#my-orders-table td,
table#multiship-addresses-table th,
table#multiship-addresses-table td,
#review-order-form table th,
#review-order-form table td {
display: block;
text-align: center!important;
}
table#wishlist-table colgroup,
table#shopping-cart-table colgroup,
table#checkout-review-table colgroup,
table#my-orders-table colgroup,
table#multiship-addresses-table colgroup,
#review-order-form table colgroup {
display: none;
}
table#wishlist-table .a-right,
table#shopping-cart-table .a-right,
table#checkout-review-table .a-right,
table#my-orders-table .a-right,
table#multiship-addresses-table .a-right,
#review-order-form table .a-right {
text-align: center !important;
}
table#wishlist-table .button,
table#shopping-cart-table .button,
table#checkout-review-table .button,
table#my-orders-table .button,
table#multiship-addresses-table .button,
#review-order-form table .button {
margin-bottom: 15px;
}
table#wishlist-table .btn-remove,
table#shopping-cart-table .btn-remove,
table#checkout-review-table .btn-remove,
table#my-orders-table .btn-remove,
table#multiship-addresses-table .btn-remove,
#review-order-form table .btn-remove {
float: none!important;
margin: 0 auto;
}
.box-reviews .data-table th, .box-reviews .data-table td {
font-size: 10px;
padding: 3px !important;
}
.multiple-checkout select {
width: 270px;
}
.data-table tr.even td.last, .data-table tr.odd td.last {
border-right: 1px solid #ddd;
}
table th,
table td,
table td.last {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
table tfoot td.last {
border-bottom: 1px solid #ddd;
}
/*new style shopping cart mobile responsive */
.cart table th {
display: none !important;
}
.cart table tbody td {
border: 0 !important;
padding: 5px 0;
}
.cart table tbody tr {
border-bottom: 1px solid #ddd;
}
.cart table .bgcolol-td {
background: #f6f6f6;
}
.cart table tbody td span.lable-price {
text-align: right;
padding-right: 10px;
line-height: 33px;
}
.rtl .cart table tbody td span.lable-price {
text-align: left !important;
}
}
/*$media (max-width: 320px) */
@media (max-width: 320px) {
.nav-tabs > li {
width: 100%;
margin-bottom: 0;
}
.nav-tabs > li:active a {
border: 0 !important;
}
.block-up-sell .block-title strong,
.box-up-sell .block-title strong {
padding: 0 20px;
}
.products-list .product-block .product-meta {
clear: both;
padding: 0;
width: 100%;
}
#header .header1 #ves-mainnav .navbar-toggle {
/*padding-left: 13px;*/
}
}
/* Safari fix*/
.pull-left {
float: left;
}
.rtl .pull-left {
float: right !important;
}
.pull-right {
float: right;
}
.rtl .pull-right {
float: left !important;
}
.product-view .ratings table{
border: 0px;
margin: 0px;
}
.product-view .ratings table tbody td {
border: 0px;
padding: 0px;
}
.product-view .button {
height: inherit;
}
.top-banner-block{
text-align: center;
}
#shopping-cart-totals-table {
margin: 0px;
}
#shopping-cart-totals-table td {
padding: 15px 30px 0px 7px;
font-size: 14px;
}
#shopping-cart-totals-table td strong {
font-size: 14px;
}
#shopping-cart-totals-table td {
padding: 15px 30px 0px 7px;
font-size: 14px;
}
#shopping-cart-totals-table .price{
font-size: 14px;
}
/*.checkout-types .button{
margin-right: 30px;
border: none;
margin-bottom: 10px;
}*/
.checkout-types button.button span{
padding: 12px 20px;
}
.main .container-inner{
padding: 10px 0;
}
#shopping-cart-table td, #shopping-cart-table th, #shopping-cart-table input.input-text{
border: 1px solid #d9dde3;
}
#shopping-cart-totals-table tr{
border: none;
}
.relatedslider-item table, .relatedslider-item table td{
border: none;
}
#checkout-review-load table th, #checkout-review-load table td{
display: table-cell;
}
.cart-product-block .tabslider-tabs, .cart-product-block .actions{
display: none;
}
.cart-product-block .bxslider li.item{
width: 170px !important;
}
.cart-product-block .tab_container .bx-viewport{
min-height: 330px !important;
}
.cart-product-block .categorytab-slider{
margin: 0px !important;
}
#block-coupon, #block-totals{
border: 1px solid #e6e6e6;
box-shadow: 0px 0px 1px 1px #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
}
#block-totals table, #block-totals .checkout-types{
background-color: #ffffff !important;
}
#block-totals .totals td{
color: #000;
}
#block-totals .totals td strong{
color: #000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#ves-wrapper #wrapper{
background: transparent !important;
}
#ves-wrapper #wrapper #loading{
z-index: 999;
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
}
#verticalmenu .dropdown-menu .row .mega-col{
padding-right: 5px;
padding-left: 5px;
}
.customer_liked{
color: #148E2D;
}
.customer_abuse{
color: #c00;
}
#top-like-review table, #top-like-review table tr, #top-like-review table td{
border: none;
padding: 0px;
}
#top-like-review table{
width: inherit;
}
#top-like-review{
margin: 20px 0;
}
#top-like-review .ma-review-col1 {
border: 1px solid #e6e6e6;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
background: white;
padding: 30px;
}
#top-like-review .f-review-container{
margin-bottom: 0px;
border: none;
}
#top-like-review .fhs-review-block-content{
margin-bottom: 0px;
}
#top-like-review .ma-review-col1 h2 img{
margin-left: 20px;
}
.fhs_product_basic .item-inner{
padding:8px;
/* margin-left: 3px; */
/* margin-right: 8px; */
/* border: 1px solid #F2F4F5; */
margin: 0px 2px 8px
}
.flashsale-slider .fhs_product_basic .item-inner:hover{
box-shadow:none;
-webkit-box-shadow: none;
}
.fhs_product_basic .ma-box-content{
padding: 0px !important;
}
.fhs_product_basic .item-inner .position-bar-gridslider{
margin: 4px 0;
}
.fhsgrid .fhs_product_basic .ma-box-content{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-justify-content: stretch;
justify-content: stretch;
}
.fhsgrid .fhs_product_basic .ma-box-content > div:first-of-type{
margin: 0 6px 6px 15px;
}
.fhsgrid .fhs_product_basic .ma-box-content > div{
width: 50%;
}
.fhs-grid .fhs-full-p{
padding-bottom: 20px;
}
.fhs-grid .fhs-full-p .fhs_bar_bottom{
padding: 20px 0 0 0;
}
@media (min-width: 640px) {
#top-like-review .ma-review-col1 h2 img{
margin-top: -10px;
margin-left: 20px;
}
}
@media (min-width: 992px) {
.col-sms12{
padding-left : 8px!important;
}
}
/* Pop-up-review-order */
.popup-review-order {
position: fixed;
z-index:99998;
width: 620px;
max-width: calc(100vw - 16px);
max-height: 90vh;
display: none;
border: none;
background: #FFFFFF;
top: 10%;
left: 50%;
-webkit-transform: translate(-50%, -5%);
-ms-transform: translate(-50%, -5%);
-moz-transform: translate(-50%, -5%);
transform: translate(-50%, -5%);
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
.popup-review-order-header {
text-align: center;
color: #FFFFFF;
font-size: 22px;
font-weight:bold;
padding: 15px 0 15px 0;
border-bottom: 2px solid #F0F0F0;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background-color: #C92127;
border-color: #C92127;
border: none;
}
.popup-review-order-body{
overflow-y: auto;
max-height: calc(80vh - 31px)
}
.noti-success-order{
position: fixed;
z-index:99998;
width: 600px;
max-width: calc(100vw - 16px);
max-height: 90vh;
display: none;
background: #FFFFFF;
background: #FFFFFF;
text-align: center;
top: 10%;
left: 50%;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-box-shadow: 3px 3px 5px 6px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox 3.5 - 3.6 */
box-shadow: 3px 3px 5px 6px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
-webkit-transform: translate(-50%, -5%);
-ms-transform: translate(-50%, -5%);
-moz-transform: translate(-50%, -5%);
transform: translate(-50%, -5%);
padding: 40px 0;
}
.noti-success-order .top{
margin: 20px 30px 0px 30px;
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}
.review-order-body-icon-text{
font-weight: 600;
font-size: 18px;
color: #F39801;
width: 150px;
font-weight: 600;
line-height: 26px;
}
.noti-success-order .bot{
margin: 10px 20px 0px 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
border-top: 1px solid #F0F0F0;
padding-top: 10px
}
.noti-success-order .icon{
padding: 0 30px 0px 30px;
text-align: center;
color: #F39801;
}
.noti-success-order .cancel{
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
background-color: white;
height: 40px;
width: 170px;
color: #F39801;
font-weight: 600;
font-size: 16px;
border: 2px solid #F39801;
margin-top: 30px;
}
/*** basic styles ***/
/*body { margin: 30px; }*/
.ykienkhachhang h1 { font-size: 1.5em; color: #FFFFFF; font-weight: bold; width: 100%;}
.ykienkhachhang h2 { font-size: 1.3em; color: #FFFFFF; line-height: 20px; padding-bottom: 10px;}
.ykienkhachhang label { font-size: 13px; color: #C92127; line-height: 20px; text-align: justify;}
.ykienkhachhang-title { font-size: 2.5em; color: #d9534f; line-height: 30px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.ykienkhachhang .container {
width: 100%;
margin: 5px;
}
.ykienkhachhang input[type=radio].with-font,
.ykienkhachhang input[type=checkbox].with-font {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ykienkhachhang input[type=radio].with-font ~ label:before,
.ykienkhachhang input[type=checkbox].with-font ~ label:before {
font-family: FontAwesome;
display: inline-block;
content: "\f1db";
letter-spacing: 10px;
font-size: 1.8em;
color: #ffffff;
width: 1.4em;
}
.ykienkhachhang input[type=radio].with-font:checked ~ label:before,
.ykienkhachhang input[type=checkbox].with-font:checked ~ label:before {
content: "\f00c";
font-size: 1.8em;
color: darkgreen;
letter-spacing: 5px;
}
.ykienkhachhang input[type=checkbox].with-font ~ label:before {
content: "\f096";
}
.ykienkhachhang input[type=checkbox].with-font:checked ~ label:before {
content: "\f046";
color: darkgreen;
}
.ykienkhachhang input[type=radio].with-font:focus ~ label:before,
.ykienkhachhang input[type=checkbox].with-font:focus ~ label:before,
.ykienkhachhang input[type=radio].with-font:focus ~ label,
.ykienkhachhang input[type=checkbox].with-font:focus ~ label
{
color: green;
}
/*
* Row with equal height columns
* --------------------------------------------------
*/
.ykienkhachhang .row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/*
* Styles copied from the Grid example to make grid rows & columns visible.
*/
.ykienkhachhang .container {
padding-right: 15px;
padding-left: 15px;
background: none;
}
.ykienkhachhang h4 {
margin-top: 25px;
}
/*.ykienkhachhang .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 {
padding: 0px;
}*/
/*
* Callout styles copied from Bootstrap's main docs.
*/
/* Common styles for all types */
.ykienkhachhang .bs-callout {
padding: 20px;
margin: 20px 0;
border-left: 3px solid #eee;
}
.ykienkhachhang .bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.ykienkhachhang .bs-callout p:last-child {
margin-bottom: 0;
}
.ykienkhachhang .bs-callout code {
background-color: #fff;
border-radius: 3px;
}
/* Variations */
.ykienkhachhang .bs-callout-danger {
background-color: #fdf7f7;
border-color: #d9534f;
}
.ykienkhachhang .bs-callout-danger h4 {
color: #d9534f;
}
.ykienkhachhang .bs-callout-warning {
background-color: #fcf8f2;
border-color: #f0ad4e;
}
.ykienkhachhang .bs-callout-warning h4 {
color: #f0ad4e;
}
.ykienkhachhang .bs-callout-info {
background-color: #f4f8fa;
border-color: #5bc0de;
}
.ykienkhachhang .bs-callout-info h4 {
color: #5bc0de;
}
.ykienkhachhang .phan1, .ykienkhachhang .phan2, .ykienkhachhang .phan3{
border-top: 1px solid #F0F0F0;
text-align: left;
margin-bottom: 10px;
}
.ykienkhachhang .phan1 span,.ykienkhachhang .phan2 span, .ykienkhachhang .phan3 span{
text-align: left;
color: #F39801;
font-size: 14px;
font-weight: bold;
}
.ykienkhachhang .phan1 p,.ykienkhachhang .phan2 p, .ykienkhachhang .phan3 p{
line-height: 20px;
margin-top:15px;
}
.ykienkhachhang .phan1 .content-left,.ykienkhachhang .phan1 .content-right{
background-color: #14aeea;
}
.ykienkhachhang .phan1 .content-middle{
background-color: #0c566d;
}
.ykienkhachhang .phan2 .content-left,.ykienkhachhang .phan2 .content-right{
background-color: #EBCB4A;
}
.ykienkhachhang .phan2 .content-middle{
background-color: #6b5e27;
}
.ykienkhachhang .phan3 .content-left,.ykienkhachhang .phan3 .content-right{
background-color: #F14C4C;
}
.ykienkhachhang .phan3 .content-middle{
background-color: #6d1d23;
}
.ykienkhachhang .content-right{
padding: 10px;
}
.ykienkhachhang .input-note{
text-align: left;
display: none;
}
.ykienkhachhang .content-middle, .ykienkhachhang .content-left{
display: flex;
align-items: center;
}
.ykienkhachhang .content-left, .ykienkhachhang .content-middle{
text-align: center;
}
.ykienkhachhang .input-text{
/*display: none;*/
background-color: #ff9100;
margin-bottom: 10px;
}
.ykienkhachhang img{
width:100%;
height:auto;
}
.ykienkhachhang .content-middle img{
width: 80%;
margin: auto;
}
.ykienkhachhang div{
padding: 0px;
}
.ykienkhachhang .btn-submit{
margin: auto;
margin-bottom: 20px;
text-align: right;
}
.ykienkhachhang .btn-success{
background-color: #000;
background-image: none;
border-color: #000;
}
.ykienkhachhang .survey_success{
/*background-color: #ff9100;*/
text-align: center;
padding: 20px;
}
.ykienkhachhang .survey_success span,.ykienkhachhang .survey_success i{
color: #23C16B;
font-size: 2em;
}
.ykienkhachhang .err_message{
display: none;
text-align: center;
font-size: 2em;
margin-bottom: 10px;
padding: 10px;
background-color: #F14C4C;
}
@media screen and (max-width: 550px){
.popup-review-order {
top: 16px;
max-height: calc(100vh - 32px);
-webkit-transform: translate(-50%, -8px);
-ms-transform: translate(-50%, -8px);
-moz-transform: translate(-50%, -8px);
transform: translate(-50%, -8px);
}
.popup-review-order-body{
max-height: calc(100vh - 63px)
}
.ykienkhachhang .phan1 p,.ykienkhachhang .phan2 p, .ykienkhachhang .phan3 p{
line-height: 20px;
margin-top: 10px;
text-align: left;
font-size: 12px;
}
.review-order-body-icon-text{
font-size: 12px;
width: 120px;
line-height: 18px;
}
.ykienkhachhang img{
padding-right: 4px;
}
.ykienkhachhang .row{
padding-left: 10px !important;
}
.fhs-event-promo-title-left .fhs_label_note{
display: none;
}
.popup-loading-event-cart-coupon .fhs_label_note{
display: flex;
}
}
/**
* YouAMA.com
*
* NOTICE OF LICENSE
*
* This source file is subject to the EULA that is bundled with this package
* on http://youama.com/freemodule-license.txt.
*
*******************************************************************************
* MAGENTO EDITION USAGE NOTICE
*******************************************************************************
* This package designed for Magento Community edition. Developer(s) of
* YouAMA.com does not guarantee correct work of this extension on any other
* Magento edition except Magento Community edition. YouAMA.com does not
* provide extension support in case of incorrect edition usage.
*******************************************************************************
* DISCLAIMER
*******************************************************************************
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future.
*******************************************************************************
* @category Youama
* @package Youama_Ajaxlogin
* @copyright Copyright (c) 2012-2014 YouAMA.com (http://www.youama.com)
* @license http://youama.com/freemodule-license.txt
*/
#header-account { position:relative; }
.youama-ajaxlogin-cover {
display: none;
background: #261E1E none repeat scroll 0% 0%;
opacity: 0.5;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
float: left;
position: fixed;
z-index: 2000;
}
.input-fly.youama-showhideme label{
display: block !important;
}
.youama-window-outside { position:relative; }
.youama-window-outside .close { cursor:pointer; text-align:center; width: 40px;
float:right; display: block; color: #636363; text-decoration:none;
font-weight:normal; font-size:30px; position:absolute; top:-13px;
right:-10px;
}
.youama-window-box .input-fly input[type="text"],
.youama-window-box .input-fly input[type="password"] {
width:100%;
}
/* Desktop or TV **************************************************************/
@media only screen and (min-width: 771px) {
#header-account {
width:350px !important;
}
/* .youama-register-window,
.youama-login-window { display:none; width:350px; z-index:9998; padding:0; }*/
.youama-window-outside { margin:20px; }
.youama-forgot-password a { text-align:right !important; }
.yoauam-switch-window { text-align:center; padding:5px; display:inline; }
}
/******************************************************************************/
/* Tablet *********************************************************************/
@media only screen and (max-width: 771px) {
.youama-forgot-password a { text-align:right !important; }
.yoauam-switch-window { text-align:center; padding:5px; display:inline; }
}
@media only screen and (max-width: 670px) {
.yoauam-switch-window { text-align:center; display:block; padding:0; }
.youama-forgot-password a { text-align:center !important; }
}
/******************************************************************************/
/* Mobile *********************************************************************/
@media only screen and (max-width: 480px) {
.yoauam-switch-window { text-align:center; display:block; padding:0; }
.youama-window-box .input-fly input[type="text"],
.youama-window-box .input-fly input[type="password"] {
width:100%;
}
}
/******************************************************************************/
.youama-ajaxlogin-loader {
display:none; position:absolute; top:50%; left:50%; margin-left:-20px;
margin-top:-15px; height:31px; width:40px; z-index:1000000;
background: url('https://cdn1.fahasa.com/skin/frontend/base/default/images/youama/ajaxlogin/loader.gif') no-repeat center center;
}
.youama-window-title h3 { display:inline; margin:0; color:#3399cc; }
.yoauam-switch-window {
cursor:pointer; color:#3399cc; line-height:33px;
}
.youama-window-subtitle p {
margin:20px 0 5px 0; width:100%; font-size:14px; font-weight:bold; color:#888;
border-bottom:1px solid #3399cc;
}
.youama-window-box .input-fly { padding:5px 0; width:100% }
.youama-window-box .input-fly label { font-size:14px; line-height:26px; }
.youama-window-box .input-fly input[type="text"],
.youama-window-box .input-fly input[type="password"] {
font-size:15px; padding:3px; height:40px !important;
}
.youama-ajaxlogin-error { color:#eb340a; }
.err-licence { }
.err-newsletter { }
.youama-window-box label a { display:inline !important; padding:0 !important; }
.youama-window-box .input-fly-checkbox input { margin:0; }
.youama-window-box .input-fly-checkbox label { font-size:12px; width:auto; }
.youama-window-box .input-fly .youama-ajaxlogin-error { }
.youama-window-box .input-fly-checkbox .youama-ajaxlogin-error { text-align:left; }
.youama-window-box .box-contents { }
.youama-window-box .box-contents-button { width:100%; }
.youama-window-box .box-contents-button button { }
.youama-window-box .youama-forgot-password { margin-top:10px; }
.youama-fhs-fp{
display: block;
margin-bottom: 10px;
}
.fhs_label_note{
color: #7A7E7F;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.youama-login-window{
background-color: #fff;
position: relative;
width: 450px;
max-width: calc(100vw - 20px);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.fhs_popup_show{
display: none;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: fixed;
top: 15%;
left: 50%;
z-index: 99999;
}
.fhs_popup_effect{
-webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
}
.youama-change-window{
display: none;
background-color: #fff;
top: 10%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: relative;
position: fixed;
top: 15%;
left: 50%;
width: 450px;
max-width: calc(100vw - 20px);
z-index: 99999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popup-login-tab{
padding: 24px 8px 8px 8px !important;
font-size: 1.1em;
font-family: sans-serif;
font-weight: normal;
}
.popup-login-tab .popup-login-tab-item > a{
text-decoration: none;
}
.popup-login-tab > .popup-login-tab-item{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 0 8px;
user-select: none;
width: calc(50% - 16px);
}
.popup-login-tab > .popup-login-tab-item:last-child{
margin-right: 0 !important;
}
.popup-login-tab > .popup-login-tab-item hr{
font-size: 2em;
margin: 5px 0;
border: 1px solid #eee0;
-webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
width : 20%;
margin-block-start: 0.2em;
margin-block-end: 0.2em;
margin-inline-start: auto;
margin-inline-end: auto;
}
.popup-login-tab > .popup-login-tab-item:hover hr, .popup-login-tab > .popup-login-tab-item.active hr{
border: 1px solid #C92127;
width: 100%;
}
.popup-login-tab > .popup-login-tab-item.active a, .popup-login-tab .popup-login-tab-item:hover a{
color: #C92127;
}
.popup-btn-close-bottom{
position: absolute;
bottom: -60px;
left: calc(50% - 22px);
transition: all 0.3s;
}
.popup-btn-close-bottom > img:hover{
transform: scale(1.03);
}
.popup-btn-close-bottom > img:active{
transform: scale(0.98);
}
.popup-login-content{
padding: 0 32px 16px 32px;
}
.youama-login-window label{
font-size: 1.1em;
}
.fhs-input-group{
position: relative;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
}
.fhs-selectbox,
.fhs-textbox{
min-height: 36px;
width: 100%;
padding: .375rem 1.1em;
font-size: 1.2em;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 4px;
-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fhs-selectbox[autocomplete='off']:read-only,
.fhs-textbox[autocomplete='off']:read-only {
background-color: transparent;
}
.fhs-selectbox[autocomplete='off']:read-only:disabled,
.fhs-textbox[autocomplete='off']:read-only:disabled {
background-color: #f2f2f2;
}
.fhs-selectbox:focus,
.fhs-textbox:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.fhs-input-box .fhs-input-group.checked-error > .fhs-textbox,
.fhs-input-box.checked-error .fhs-input-group > .fhs-selectbox,
.fhs-input-box.checked-error .fhs-input-group > .fhs-textbox{
border: 1px solid #ec939c;
}
.fhs-input-box .fhs-input-group.checked-error > .fhs-textbox:focus,
.fhs-input-box.checked-error .fhs-input-group > .fhs-selectbox:focus,
.fhs-input-box.checked-error .fhs-input-group > .fhs-textbox:focus {
border-color: #dc3545;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(217,38,56,.25);
}
.fhs-input-box.checked-pass .fhs-input-group > .fhs-selectbox,
.fhs-input-box.checked-pass .fhs-input-group > .fhs-textbox{
border: 1px solid #98e6ab;
}
.fhs-input-box.checked-pass .fhs-input-group > .fhs-selectbox:focus,
.fhs-input-box.checked-pass .fhs-input-group > .fhs-textbox:focus {
border-color: #98e6ab;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(50,205,89,.25);
}
fhs-input-group > span{
display: none;
}
.fhs-input-box .fhs-input-group.checked-error > .fhs-input-icon,
.fhs-input-box.checked-error .fhs-input-group > .fhs-input-icon,
.fhs-input-box.checked-pass .fhs-input-group > .fhs-input-icon{
display: block;
position: absolute;
right: 12px;
}
.fhs-input-box.fhs-input-display .fhs-input-group > .fhs-input-icon{
display: block;
position: absolute;
right: 12px;
color: #2489F4;
cursor: pointer;
user-select: none;
}
.fhs-input-box.fhs-input-btn .fhs-input-group > .fhs-input-icon{
display: block;
position: absolute;
right: 4px;
cursor: pointer;
user-select: none;
width: 100px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
font-size: 1em;
font-weight: 700;
transition: all 0.3s;
box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 5px 0;
background: #2F80ED;
border: none;
color: white;
}
.fhs-input-box.fhs-input-btn .fhs-input-group > .fhs-input-icon:disabled{
background: rgb(224,224,224);
background: -moz-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
background: linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="#e0e0e0",GradientType=1);
border: none;
color: #636363;
}
/*.fhs-input-box.fhs-input-btn .fhs-input-group > .fhs-input-icon:hover{
box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
transform: scale(1.03);
}*/
.fhs-input-box.fhs-input-btn .fhs-input-group > .fhs-input-icon:active{
box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
webkit-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
transform: scale(0.98);
}
.fhs-input-box .fhs-input-group.checked-error > .fhs-textbox-alert,
.fhs-input-box.checked-error .fhs-input-group > .fhs-textbox-alert{
cursor: pointer;
user-select: none;
}
.fhs-input-box.fhs-input-send .fhs-input-group > .fhs-input-icon{
display: block;
position: absolute;
right: 12px;
color: #2489F4;
cursor: pointer;
user-select: none;
}
.fhs-input-box .fhs-input-group.checked-error > .fhs-textbox,
.fhs-input-box.checked-error .fhs-input-group > .fhs-selectbox,
.fhs-input-box.checked-pass .fhs-input-group > .fhs-selectbox,
.fhs-input-box.checked-error .fhs-input-group > .fhs-textbox,
.fhs-input-box.checked-pass .fhs-input-group > .fhs-textbox{
padding: .375rem 42px .375rem 1.2em;
}
.fhs-input-box.fhs-input-display .fhs-input-group > .fhs-selectbox,
.fhs-input-box.fhs-input-display .fhs-input-group > .fhs-textbox{
padding: .375rem 48px .375rem 1.2em;
}
.fhs-input-box.fhs-input-btn .fhs-input-group > .fhs-textbox{
padding: .375rem 108px .375rem 1.2em;
}
.fhs-input-box.fhs-input-send .fhs-input-group > .fhs-selectbox,
.fhs-input-box.fhs-input-send .fhs-input-group > .fhs-textbox{
/* padding: .375rem 95px .375rem 1.2em; */
padding: .375rem 1.2em .375rem 1.2em;
}
.fhs-input-box{
padding: 8px 0;
clear: both;
}
.fhs-input-alert:empty{
display: none;
}
.fhs-input-box.checked-group-error .fhs-input-alert,
.fhs-input-box.checked-error-text .fhs-input-alert,
.fhs-input-box.checked-error .fhs-input-alert{
display: block;
margin-top: 8px;
color: #dc3545;
}
.fhs-input-box.checked-pass .fhs-input-alert{
display: block;
margin-top: 8px;
color: #28a745;
}
.fhs-input-box.checked-warning .fhs-input-alert{
display: block;
margin-top: 8px;
color: #C92127;
}
.fhs-input-box.checked-msg .fhs-input-alert{
display: block;
margin-top: 8px;
color: #333333;
}
.fhs-login-msg:empty{
display: none;
}
.fhs-popup-msg{
display: block;
text-align: center;
padding: 8px 0;
color: #dc3545;
}
.fhs-forget-pass{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
color: #C92127;
cursor: pointer;
user-select: none;
}
.fhs-btn-box{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.fhs-btn-box > button{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
width: 245px;
max-width: 100%;
font-size: 1.1em;
font-weight: 700;
transition: all 0.3s;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 8px 0;
margin: 8px 0;
}
.fhs-btn-box > button:disabled{
background: rgb(224,224,224);
background: -moz-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
background: linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="#e0e0e0",GradientType=1);
border: none;
color: #636363;
}
.fhs-btn-box > button.waiting:disabled{
background: rgb(254,234,210);
background: -moz-linear-gradient(90deg, rgba(254,234,210,1) 0%, rgba(254,234,210,1) 100%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(254,234,210,1) 0%, rgba(254,234,210,1) 100%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(254,234,210,1) 0%, rgba(254,234,210,1) 100%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feead2",endColorstr="#ffffff",GradientType=1);
border: none;
color: #F39801;
}
/*.fhs-btn-box > button:enabled:hover{
box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
transform: scale(1.03);
}*/
.fhs-btn-box > button:enabled:active{
box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
webkit-box-shadow: 0px 2px 4px hsl(0, 0%, 90%);
transform: scale(0.98);
}
.fhs-btn-box > .fhs-btn-coupon-copy,
.fhs-btn-box > .fhs-btn-goto,
.fhs-btn-box > .fhs-btn-confirm,
.fhs-btn-box > .fhs-btn-recovery,
.fhs-btn-box > .fhs-btn-register,
.fhs-btn-box > .fhs-btn-login-link,
.fhs-btn-box > .fhs-btn-login{
background: #C92127;
color: white;
border: none;
}
.fhs-btn-box > .fhs-btn-register-link,
.fhs-btn-box > .fhs-btn-coupon-rule,
.fhs-btn-box > .fhs-btn-back,
.fhs-btn-box > .fhs-btn-backlogin,
.fhs-btn-box > .fhs-btn-cancel{
color: #C92127;
border: 1px solid #C92127;
}
.fhs-btn-box > .fhs-btn-coupon-copy,
.fhs-btn-box > .fhs-btn-coupon-rule{
font-size: 0.85em;
font-weight: 600;
padding: 4px 0;
margin: 4px 0;
}
.fhs-btn-box > .fhs-btn-fb{
background-color: #2489F4;
color: white;
border: 1px solid #2489F4;
}
.fhs-btn-box > button.fhs-btn-order-detail{
border: 2px #C92127 solid;
color: #C92127;
margin: -10px 0px 10px 0px;
}
.fhs-btn-fb > .fa-facebook{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
color: #2489F4;
background-color: white;
width: 20px;
height: 20px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 8px;
}
.fhs-btn-box-confirm{
height: 50px;
border-top: 1px solid #CDCFD0;
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
}
.fhs-btn-box-confirm > button{
width: 50%;
height: 100%;
text-align: center;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
color: #1478FC;
font-weight: 700;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
font-size: 1.23em;
border: none;
border-radius: 0px;
}
.fhs-btn-box-confirm > button:first-of-type{
border-right: 1px solid #CDCFD0;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
}
.fhs-btn-box-confirm > button:last-of-type{
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
}
.popup-register-content{
display: none;
padding: 0 32px 16px 32px;
}
.fhs-register-term{
text-align: center;
padding: 8px 0;
font-size: 0.9em;
line-height: 1.5em;
}
.fhs-register-term a{
color: #2489F4;
}
.popup-recovery-content{
display: none;
padding: 0 32px 16px 32px;
}
.btn-account-login,
.btn-account-register{
cursor: pointer;
user-select: none;
}
.popup-change-content{
padding: 0 32px 16px 32px;
}
.popup-change-content-in{
padding: 0 32px 0 32px;
}
.fhs-input-group-horizontal-account > .fhs-input-item{
width: calc(100% - 300px);
display: inline-block;
}
.fhs-input-group-horizontal-account > .fhs-input-item > .fhs-input-group > .fhs-textbox{
height: 30px;
/* font-weight: 600; */
font-size: 14px;
}
.fhs-input-group-horizontal-account > label:first-of-type{
width: 150px;
}
.fhs-input-group-horizontal-account > label:nth-of-type(2){
display: none;
width: calc(100% - 156px);
text-align: right;
}
.fhs-input-group-horizontal-account > label:nth-of-type(3){
display: inline-block;
}
.fhs-input-group-horizontal-account > .fhs-input-alert{
margin-left: 150px;
}
.fhs-input-group-horizontal-shippingaddress > .fhs-input-item{
width: calc(100% - 154px);
display: inline-block;
}
.fhs-input-group-horizontal-shippingaddress > .fhs-input-item > .fhs-input-group > .fhs-textbox{
height: 30px;
font-weight: 600;
font-size: 1em;
}
.fhs-input-group-horizontal-shippingaddress > label:first-of-type{
width: 150px;
}
.fhs-input-group-horizontal-shippingaddress > label:nth-of-type(2){
display: none;
width: calc(100% - 116px);
text-align: right;
}
.fhs-input-group-horizontal-shippingaddress > .fhs-input-alert{
margin-left: 154px;
}
.fhs-input-group-horizontal-eventdelivery{
padding: 3.5px 0;
}
.fhs-input-group-horizontal-eventdelivery > .fhs-input-item{
width: calc(100% - 116px);
min-width: 210px;
max-width: 210px;
display: inline-block;
}
.fhs-input-group-horizontal-eventdelivery > .fhs-input-item > .fhs-input-group > .fhs-textbox{
height: 30px;
font-weight: 600;
font-size: 1em;
}
.fhs-input-group-horizontal-eventdelivery > label:first-of-type{
width: 116px;
}
.fhs-input-group-horizontal-eventdelivery > label:nth-of-type(2){
display: none;
width: calc(100% - 116px);
text-align: right;
}
.fhs-input-group-horizontal-eventdelivery > .fhs-input-alert{
margin-left: 154px;
}
.fhs-input-group-horizontal-coupon > .fhs-input-item{
width: calc(100% - 154px);
display: inline-block;
}
.fhs-input-group-horizontal-coupon > .fhs-input-item > .fhs-input-group > .fhs-textbox{
height: 40px;
font-weight: 600;
font-size: 1em;
}
.fhs-input-group-horizontal-coupon > label:first-of-type{
width: 150px;
}
.fhs-input-group-horizontal-coupon > label:nth-of-type(2){
display: none;
width: calc(100% - 116px);
text-align: right;
}
.fhs-input-group-horizontal-coupon > .fhs-input-alert{
margin-left: 154px;
}
.fhs-input-group-horizontal-checkbox{
padding: 0;
}
.fhs-input-group-horizontal-checkbox > .fhs-input-item > .fhs-input-group:nth-of-type(2),
.fhs-input-group-horizontal-checkbox > .fhs-input-item > .fhs-input-group:nth-of-type(3){
margin-top: 4px;
}
.fhs-input-group-horizontal-checkbox:not(.checked) > .fhs-input-alert,
.fhs-input-group-horizontal-checkbox:not(.checked) > .fhs-input-item{
display: none;
}
.fhs-input-group-horizontal-checkbox > .fhs-input-item > .fhs-input-group{
margin: 0.75em 0;
}
.fhs-input-group-horizontal-checkbox > .fhs-input-item > .fhs-input-group > .fhs-textbox{
height: 40px;
font-weight: 600;
font-size: 1em;
}
.fhs-input-group-horizontal-checkbox > .fhs-input-item > .fhs-input-group > label:first-of-type{
width: 275px;
}
.fhs-input-group-horizontal-checkbox .fhs-input-alert-info,
.fhs-fpoint-error-message
{
color: #dc3545;
margin-left: 1.8em;
}
.fhs-input-group-horizontal-checkbox.checked{
padding-bottom: 4px;
}
.fhs-input-group-horizontal-checkbox .fhs_input_checkbox{
padding: 0 !important;
}
.fhs-input-group-title-box{
position: absolute;
left: 16px;
top: -0.6em;
font-size: 0.75em;
background-color: white;
padding: 0;
color: #ced4da;
transition: width 1s;
transition-timing-function: ease;
max-width: 0%;
overflow: hidden;
white-space: nowrap;
}
.fhs-input-box.texting .fhs-input-group-title-box,
.fhs-input-group.texting .fhs-input-group-title-box{
max-width: 100%;
padding: 0 4px;
color: #ced4da;
}
.fhs-input-box.fousing .fhs-input-group-title-box,
.fhs-input-group.fousing .fhs-input-group-title-box{
max-width: 100%;
padding: 0 4px;
color: #80bdff;
}
.fhs-input-box.checked-error .fhs-input-group-title-box,
.fhs-input-group.checked-error .fhs-input-group-title-box{
max-width: 100%;
padding: 0 4px;
color: #ec939c;
}
.fhs-input-box.checked-pass .fhs-input-group-title-box,
.fhs-input-group.checked-pass .fhs-input-group-title-box{
max-width: 100%;
padding: 0 4px;
color: #98e6ab;
}
.popup-change-title{
text-align: center;
text-transform: uppercase;
font-size: 1.5em;
font-weight: 550;
padding: 24px 8px 8px 8px;
}
.fhs_login_form{
background-color: white;
}
.fhs_login_form > p{
padding: 16px 0;
}
.fhs_login_form_content{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: flex-start;;
-webkit-align-items: flex-start;;
-webkit-justify-content: center;
justify-content: center;
background-color: white;
padding: 30px;
}
.youama-registerquick-window{
width: 600px;
max-width: calc(100vw - 20px);
}
.popup-registerquick-title{
text-align: center;
text-transform: uppercase;
font-size: 1.2em;
font-weight: 550;
padding: 24px 8px 8px 8px;
color: #F39801;
}
.fhs-registerquick-info{
padding: 8px 0;
}
.fhs-registerquick-info > div{
padding-top: 4px;
padding-bottom: 4px;
}
.fhs-registerquick-info > div:first-of-type{
padding-top: 0 !important;
}
.fhs-registerquick-info > div:last-of-type{
padding-bottom: 0 !important;
}
.fhs-info-icon{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs-info-icon > div:first-of-type{
width: 28px;
padding-right: 8px;
}
.fhs-info-icon > div:nth-of-type(2){
padding-top: 4px;
width: calc(100% - 28px);
}
.fhs-registerquick-order{
padding: 8px 0;
}
.fhs-registerquick-order > span{
color: #F39801;
}
.fhs-style-bold-600{
font-weight: 600;
}
.fhs_label{
padding: 4px 0 0 0;
}
.fhs_login_button{
cursor: pointer;
user-select: none;
text-decoration: underline;
color: #C92127;
}
.fhs_checkout_block ::-webkit-input-placeholder { /* Edge */
color: #999;
font-weight: normal;
}
.fhs_checkout_block :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #999;
font-weight: normal;
}
.fhs_checkout_block ::placeholder {
color: #999;
font-weight: normal;
}
.fhs_alert_box{
position: fixed;
z-index: 99999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fhs_alert_box_text{
display: none;
padding: 8px 16px;
font-size: 1.2em;
text-align: center;
background: rgb(0, 0, 0); /* The Fallback */
background: rgba(0, 0, 0, 0.6);
color: white;
cursor: pointer;
user-select: none;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fhs_popup-default,.fhs_popup-cancel{
opacity: 1;
position: fixed;
z-index: 99999;
width: 550px;
height: 80%;
max-height: 650px;
max-width: 100%;
background-color: white;
display: none;
border: none;
top: 10%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
overflow: hidden;
font-family: 'Nunito Sans';
}
#fhs_popup-default-info{
opacity: 1;
position: fixed;
z-index: 99999;
width: 550px;
height: 80%;
max-height: 650px;
max-width: 100%;
background-color: white;
display: block;
border: none;
top: 10%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
overflow: hidden;
}
.fhs_popup-default-info-detail,.fhs_popup-cancel-info-detail{
height: 100%;
padding-bottom: 15px;
}
.fhs_popup-default-info-detail-title,.fhs_popup-cancel-info-detail-title {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-shadow: 0 4px 7px 0 hsl(0, 0%, 95%);
-moz-box-shadow: 0 4px 7px 0 hsl(0, 0%, 95%);
box-shadow: 0 4px 7px 0 hsl(0, 0%, 95%);
padding: 10px;
height: 50px;
}
.fhs_popup-default-info-detail-title-text,.fhs_popup-cancel-info-detail-title-text{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.fhs_popup-default-info-detail-title-left,.fhs_popup-cancel-info-detail-title-left{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
align-self: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.fhs_popup-default-info-detail-title-center,.fhs_popup-cancel-info-detail-title-center{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
align-self: center;
-webkit-justify-content: center;
justify-content: center;
text-transform: uppercase;
color: #212121;
font-weight: 600;
font-size: 16px;
text-align: center;
}
.fhs_popup-default-info-detail-title-right,.fhs_popup-cancel-info-detail-title-right{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
align-self: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
text-align: right;
}
.fhs_popup-default-info-detail-content,.fhs_popup-cancel-info-detail-content{
height: calc(100% - 50px);
width: 100%;
overflow-y: auto;
padding: 0 15px;
}
.reason-radio-box{
background-image: url('/skin/frontend/ma_vanese/fahasa/images/radio_box/Check-Radio-uncheck.png');
width: 15px;
height: 15px;
display: flex;
align-items: center;
background-repeat: no-repeat;
padding-left: 30px;
background-size: contain;
}
.reason-cancellation:hover .reason-radio-box:not(.checked){
background-image: url('/skin/frontend/ma_vanese/fahasa/images/radio_box/Check-Radio-hover.png');
}
.reason-cancellation:hover{
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border: 0px solid #ccc;
}
.reason-radio-box.checked {
background-image: url('/skin/frontend/ma_vanese/fahasa/images/radio_box/Check-Radio-Checked.png');
}
.fhs_blue_link:hover,
.fhs_blue_link{
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
text-decoration: underline;
color: #2489F4;
}
.fhs_popup-default-info-detail-content_product{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: flex-start;
-webkit-align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding: 8px 0;
}
.fhs_popup-default-info-detail-content_product > div:first-of-type{
width:80px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction:row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.fhs_checkout_block_radio_list_item.disabled .fhs-radio-big >div,
.fhs_checkout_block_radio_list_item.disabled .fhs-radio-big >div>label{
color: #9FA7AB;
}
.fhs_popup-default-info-detail-content_product > div:nth-of-type(2){
width:calc(100% - 80px);
padding-left: 8px;
}
.fhs_popup-default-info-detail-content_product > div:nth-of-type(2) > div:first-of-type{
font-size: 1.4rem !important;
}
.fhs_popup-default-info-detail-content_product > div:nth-of-type(2) > div:nth-of-type(2) >span:first-of-type{
font-size: 1.4rem !important;
color: #F7941E;
font-weight: 600;
}
.fhs_popup-default-info-detail-content_product > div:nth-of-type(2) > div:nth-of-type(2) >span:nth-of-type(2){
color: #888888;
font-size: 1.1rem !important;
text-decoration: line-through;
padding-left: 8px;
}
.fhs_popup-default-info-detail-content_product > div:nth-of-type(2) > div:nth-of-type(3){
font-size: 1.4rem !important;
}
.select2-container--default .select2-selection--single{
border: 1px solid #9FA7AB !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
color: #9FA7AB !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color: #212121 transparent transparent transparent !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
background-color: #fff !important;
border: 1px solid #E0E0E0 !important;
}
.select2-container--default.select2-container--disabled .select2-selection__placeholder{
color: #E0E0E0 !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{
border-color: #E0E0E0 transparent transparent transparent !important;
}
.fhs-input-box.checked-error .fhs-input-group .select2-selection--single{
border: 1px solid #ec939c !important;
}
/* UI voucher V2 */
#voucher_info {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
flex: 1;
width: 365px;
height: 130px;
margin: auto;
font-family: 'Nunito Sans', 'sans-serif';
background-size: 100%;
border-radius: 8px;
background-repeat: no-repeat;
overflow: hidden;
}
.voucher_info_image_wrap {
position: relative;
height: 124px;
width: 96px;
}
.voucher_info_frame_image_wrap {
position: absolute;
width: 100%;
height: 100%;
border-radius: 8px;
background-size: 100%;
background-repeat: no-repeat;
}
.voucher_info_frame_image {
height: 148px;
width: 100%;
}
.voucher_info_container {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
padding: 12px 12px 10px 0px;
/* max-width: 246px; */
width: 67%;
}
.voucher_info_detail {
display: flex;
justify-content: space-between;
flex: 1;
text-align: left;
}
.voucher_info_wrap {
width: 210px;
max-width: 210px;
}
.voucher_info_title {
color: #292C2E;
font-size: 16px;
font-weight: 700;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.voucher_info_description {
color: #7A7E7F;
font-size: 13px;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.voucher_info_detail_icon_wrap {
width: 24px;
height: 24px;
}
.voucher_info_detail_icon {
width: 100%;
height: 100%;
cursor: pointer;
}
.voucher_info_detail_icon:hover + .voucher_info_sub_detail {
display: block;
}
.voucher_info_bottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 2px;
min-height: 30px;
}
.voucher_info_expired_process {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
padding-right: 8px;
}
.voucher_info_expired {
font-size: 13px;
margin-bottom: 4px;
color: #2489F4;
}
.voucher_info_expired_process .progress {
border-radius: 20px;
margin-bottom: 0px;
text-align:center;
width: 100%;
background-color: #CDCFD0;
background-image: none;
position: relative;
height: 6px;
-webkit-box-shadow: none;
box-shadow: none;
}
.voucher_info_expired_process .progress-bar{
float: left;
height: 100%;
width: 0;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background-image: linear-gradient(to bottom, #2489F4 0%, #2489F4 100%);
}
.voucher_info_button_wrap {
/* margin-bottom: 4px; */
}
.voucher_info_button {
width: 85px;
height: 35px;
background-color: #2489F4;
border-radius: 8px;
color: #fff;
font-weight: bold;
font-size: 13px;
padding: 4px 6px;
}
.voucher_info_container .voucher_info_button_wrap > div{
width: 85px;
position: relative;
}
.voucher_info_container .voucher-out-stock{
position: absolute;
right: -5px;
bottom: -5px;
width: 80px;
}
.voucher_info_saved {
width: 85px;
height: 35px;
background-color: #B4B6B8;
border-radius: 8px;
color: #fff;
cursor: default;
pointer-events: none;
font-weight: bold;
font-size: 13px;
padding: 4px 6px;
}
.voucher_info_label{
width: 85px;
height: 35px;
background-color: #E8F3FE;
border-radius: 8px;
color: #196AD1;
font-weight: bold;
font-size: 13px;
padding: 4px 6px;
display: flex;
justify-content: center;
align-items: center;
}
.voucher_info_button:hover {
opacity: 0.8;
}
.voucher_info_sub_detail {
width: 386px;
height: 220px;
border-radius: 8px;
background-color: #fff;
position: absolute;
top: 42px;
left: 58px;
padding: 16px 0;
-webkit-box-shadow: 0 0 8px 0 hsl(0, 0%, 30%);
-moz-box-shadow: 0 0 8px 0 hsl(0, 0%, 30%);
box-shadow: 0 0 8px 0 hsl(0, 0%, 30%);
display: none;
z-index: 2;
}
.voucher_info_sub_detail::before {
content: "";
position: absolute;
top: -8px;
left: 250px;
width: 0;
height: 0;
border-left: 32px solid transparent;
border-right: 32px solid transparent;
border-bottom: 35px solid #fff;
z-index: -1;
}
.voucher_info_sub_detail:hover {
display: block;
}
.voucher_info_code_wrap {
display: flex;
flex: 1;
align-items: center;
padding: 0 16px;
background-color: #F7F9FA;
}
.voucher_info_code_name, .voucher_info_expired_text,.voucher_info_condition_text {
font-size: 14px;
min-width: 100px;
color: #464A4C;
}
.voucher_info_code_name_mobile, .voucher_info_expired_text_mobile {
font-size: 14px;
min-width: 200px;
}
.voucher_info_code {
display: flex;
flex: 1;
align-items: center;
padding: 8px;
font-size: 16px;
}
.voucher_info_code_text {
font-size: 14px;
font-weight: 700;
color: #0D0E0F;
}
.voucher_info_code_text.out-stock{
color: #C92127;
padding: 8px;
}
.voucher_info_code_button_wrap {
display: flex;
justify-content: center;
align-items: center;
margin-left: 8px;
cursor: pointer;
min-width: 92px;
}
.button_copy_code {
}
.button_copy_text {
font-size: 14px;
color: #2489F4;
}
.voucher_info_expired_sub_wrap {
display: flex;
align-items: center;
padding: 0 16px;
background-color: #fff;
}
.voucher_info_expired_text {
}
.voucher_info_expired_date {
font-size: 14px;
padding: 8px;
color: #0D0E0F;
}
.voucher_info_condition {
padding: 14px 16px;
background-color: #F7F9FA;
font-size: 14px;
height: 114px;
}
.voucher_info_condition_text {
}
.voucher_info_condition_list {
height: 80px;
overflow-y: auto;
}
.voucher_info_condition_item {
padding: 4px 0;
list-style-type: disc;
color: #0D0E0F;
font-size: 14px;
}
.voucher_info_condition_item_text {
padding: 0;
margin: 0;
}
#popup_voucher_detail, .popup_voucher_detail{
background: #261E1E;
opacity: 0.5;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
float: left;
position: fixed;
z-index: 2000;
}
.popup_voucher_detail{
display: none;
}
#popup_voucher_detail_container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
width: 100%;
background: #fff;
flex-direction: column;
align-items: center;
z-index: 9999;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.voucher_info_sub_detail_mobile {
width: 100%;
}
#popup_voucher_detail_title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 16px;
}
.popup_icon_close {
width: 24px;
min-width: 24px;
max-width: 24px;
height: 24px;
opacity: 0.8;
cursor: pointer;
}
.close_icon {
width: 100%;
height: 100%;
display: block;
}
.voucher_info_button_wrap_mobile {
padding: 16px;
}
.button_insert_wallet_mobile {
width: 100%;
height: 40px;
text-align: center;
color: #fff;
background-color: #C92127;
border-radius: 8px;
font-size: 14px;
font-weight: 700;
}
.button_insert_wallet_mobile_saved {
width: 100%;
height: 40px;
text-align: center;
color: #fff;
border-radius: 8px;
font-size: 20px;
background-color: #B4B6B8;
cursor: default;
pointer-events: none;
font-size: 14px;
font-weight: 600;
}
#receive_opt_container {
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
#receive_opt_container .receive_sms_container,
#receive_opt_container .receive_zns_container,
#receive_opt_container .receive_gmail_container{
display: flex;
justify-content: flex-start;
align-items: center;
flex-basis: 49%;
border-radius: 4px;
border: 1px solid #E3E5E5;
padding: 8px;
}
.register_form_sms_image_container,
.register_form_zns_image_container,
.register_form_gmail_image_container
{
margin-right: 4px;
}
.register_form_sms_image,
.register_form_zns_image,
.register_form_gmail_image
{
width: 26px;
height: 26px;
display: block;
}
#receive_opt_container .receive_sms_container,
#receive_opt_container .receive_zns_container,
#receive_opt_container .receive_gmail_container {
background-color: #fff;
cursor: pointer;
}
#receive_opt_container .receive_gmail_container{
display: flex;
justify-content: center;
align-items: center;
flex: 1;
margin-top: 8px;
}
#receive_opt_container .receive_gmail_container {
display: none;
}
.receive_sms_container .receive_sms_text,
.receive_zns_container .receive_zns_text,
.receive_gmail_container .receive_gmail_text {
text-align: center;
margin: 0;
font-weight: 500;
font-size: 16px;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.receive_sms_container .receive_sms_text,
.receive_gmail_container .receive_gmail_text {
color: #000;
}
.receive_zns_container .receive_zns_text {
color: #015DE2;
}
.receive_sms_container .receive_sms_text {
}
.receive_zns_container .receive_zns_text {
}
.validate_phone_icon {
display: block;
position: absolute;
right: 12px;
color: #2489F4;
}
.validate_phone_icon_clear_input:hover {
cursor: pointer;
opacity: 0.8;
}
#retry_otp_container_wrap {
}
#retry_otp_container {
display: flex;
flex: 1;
justify-content: flex-end;
align-self: center;
}
#retry_otp_container .change_otp_method:hover,
#retry_otp_container .retry_otp_submit:hover {
cursor: pointer;
opacity: 0.8;
}
#retry_otp_container .retry_otp {
margin-right: 8px;
}
#retry_otp_container .retry_otp .retry_otp_text {
color: #2489F4;
font-size: 14px;
padding: 4px 8px;
margin: 0;
height: 30px;
}
#retry_otp_container .retry_otp_submit {
background-color: #2489F4 !important;
color: #fff !important;
border-radius: 4px;
}
#retry_otp_container .change_otp_method {
border: 1px solid #2489F4;
border-radius: 4px;
}
#retry_otp_container .change_otp_method .change_otp_method_text {
color: #2489F4;
font-size: 14px;
padding: 4px 8px;
margin: 0;
}
.prevent_user_pointer_otp {
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
.voucher_info_detail_icon:hover
+ .voucher_info_sub_detail {
display: none;
}
}
@media screen and (max-width: 760px){
.voucher_info_image {
height: 112px;
}
}
@media screen and (max-width: 450px){
#popup_voucher_detail_title {
/* width: 430px; */
}
#popup_voucher_detail_title {
justify-content: space-between;
}
.voucher_info_code_name_mobile, .voucher_info_expired_text_mobile {
min-width: 130px;
}
}
@media screen and (max-width: 376px){
.voucher_info_code_name_mobile, .voucher_info_expired_text_mobile {
min-width: 100px;
}
}
@media screen and (max-width: 750px){
.youama-login-window{
top: 10%;
}
.fhs-input-group-horizontal-account > .fhs-input-item{
width: 100%;
display: block;
}
.fhs-input-group-horizontal-account > label:nth-of-type(2){
display: inline-block;
}
.fhs-input-group-horizontal-account > label:nth-of-type(3){
display: none;
}
.fhs-input-group-horizontal-account > .fhs-input-alert{
margin-left: 0;
}
.youama-registerquick-window{
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 500px){
.fhs-input-group-horizontal-coupon > .fhs-input-item,
.fhs-input-group-horizontal-shippingaddress > .fhs-input-item{
width: 100%;
display: block;
}
.fhs-input-group-horizontal-coupon > .fhs-input-alert,
.fhs-input-group-horizontal-shippingaddress > .fhs-input-alert{
margin-left: 0;
}
.fhs_checkout_block > .fhs_checkout_block_content > .fhs_checkout_block_address_block{
padding: 0 !important;
}
.fhs-input-box {
padding: 4px 0;
}
.fhs-input-group-horizontal-checkbox{
padding: 0;
}
.fhs-input-group-horizontal-checkbox .fhs-input-alert-info{
margin-left: 0;
}
.fhs-input-group-horizontal-eventdelivery > .fhs-input-item{
min-width: auto;
display: inline-block;
}
/*
.voucher_info_sub_detail {
left: -92px;
}
.voucher_info_sub_detail::before {
left: 312px;
} */
.popup-register-content {
padding: 0;
}
}
@media screen and (max-height: 750px){
.youama-registerquick-window{
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (max-height: 670px){
.youama-registerquick-window{
top: 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.recaptcha-text-message{
margin-left : 4px;
color: #dc3545;
display: none;
}
.fhs-container-recaptcha {
padding : 0px;
}
.fhs-recaptcha-box{
padding: 8px 0;
}
@media screen and (max-height: 800px) and (min-width: 996px) {
.fhs_popup_show{
top: 10%;
}
}
.pt_custommenu div.pt_menu .parentMenu a:hover, .pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
.pt_custommenu #pt_menu_link ul li a.act, .pt_custommenu #pt_menu_link ul li a:hover, .pt_custommenu div.pt_menu.act,
.tc-content{
background-color: #F78EAB;
}
.top-cart-title .fa, .header .form-search button.button span,
.header-container .top-link .infor .fa,
.pt_custommenu_content{
background-color: #EA7696;
}
.t-info .container-inner{
background-color: #f2f2f2;
}
.header-cd{
padding-top: 5px;
padding-left: 10px;
background: none;
width: 100%;
}
.tab-title ul{
background-color: #f2a1b7;
}
.ma-menu .container{
background-color: rgba(255, 192, 203, 0.35);
border-top: none;
}
.header-container .container{
background-color: rgba(255, 192, 203, 0.35);
}
.cd-label{
color: #EA7696;
}
.header-container .top-link .infor, .header-container .top-link .infor span,
.header-link a{
color: white;
}
.opc-wrapper-opc .opc-col-left, .opc-wrapper-opc .opc-col-center, .opc-wrapper-opc .opc-col-right{
border: 1px solid #EA7696;
}
.header-container .top-link{
background: rgb(35,47,62);
}
.header-container .container{
background-color: transparent;
}
.item-inner .price-box .regular-price,
.item-inner .price-box .special-price{
background: #EA7696;
}
.pt_vmegamenu .parentMenu{
border-bottom: 1px solid #C76480 !important;
border-left: 1px solid #C76480 !important;
border-right: 1px solid #C76480 !important;
}
.cd-label{
color: #c00;
clear: both;
}
.block .block-title{
}
.youama-forgot-password a, .youama-ac a, .review-nologged a, .e-msg,
a#review-form, .no-rating a, .p-info, .xem-chi-tiet{
color: #2489F4;
}
.product-tags a, .back-link a, .own-review, .rating-links a{
color: #2489F4 !important;
}
.pt_vmegamenu div.pt_menu .parentMenu a, .pt_vmegamenu div.pt_menu .parentMenu span.block-title,
.tab-title ul li{
background-color: white;
color: #484848;
}
.sorter .sort-by label, .pager .limiter label{
color: #484848;
}
.header .form-search input.input-text {
border: 1px solid #c00 !important;
}
.header-container .top-link, .sorter .sort-by select, .pager .limiter select{
background: transparent;
}
.header-container .container, .toolbar {
background-color: transparent;
}
.toolbar, .fieldset{
background: white !important;
}
.opc-wrapper-opc .opc-col-left, .opc-wrapper-opc .opc-col-center, .opc-wrapper-opc .opc-col-right{
border: 1px solid #c00;
}
.block-layered-nav .block-content{
padding-top: 20px;
}
.category-vmega-menu, .pt_custommenu_content,
.top-cart-title .fa, .header .form-search button.button span,
.header-container .top-link .infor .fa,
/*.item-inner .price-box .regular-price,*/
/*.item-inner .price-box .special-price,*/
#sequence-theme .controls a:hover,.nivo-directionNav a:hover,
.product-view button.btn-cart:hover span,
.email-friend a:hover, .actions-inner .add-to-links li a:hover,
.product-view .product-img-box .price-box .special-price,
.product-tabs li.active a:hover,
.product-tabs a:hover,
.cart .totals .checkout-types, .product-view .product-img-box .price-box .regular-price,
.pt_custommenu div.pt_menu.act, ul.link-follow li a span, .fhs-bundle-price{
background-color: #F7931E !important;
}
.product-tabs li.active a{
background-color: #FAA52D !important;
}
.actions-inner button.button:hover span{
background: #c00;
}
.pt_custommenu div.pt_menu .parentMenu a:hover, .pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
.pt_custommenu #pt_menu_link ul li a.act, .pt_custommenu #pt_menu_link ul li a:hover,
.pt_custommenu div.pt_menu.act, .tc-content{
background-color: #ED3237 !important;
color: white !important;
}
.header-container .top-link .infor, .header-container .top-link .infor span{
color: #2D2D2D !important;
}
.tab-title ul li{
color: #444;
}
.tab-title ul {
background-color: white !important;
}
.header-link a{
color: #2D2D2D;
}
.price-box-bundle .price-from, .price-box-bundle .price-to{
color: white;
}
.ma-timer-title h2, .brand-title h2, .catlist-title h2 {
background-color: #c00;
border: none;
color: white !important;
}
.account-login .content, .account-login .buttons-set{
border-color: #c3bfbf !important;
padding: 20px;
}
.tab-title ul li:hover, .tab-title ul li.active,
.pt_vmegamenu #pt_menu_link ul li a.act,
.pt_vmegamenu #pt_menu_link ul li a:hover,
.pt_vmegamenu div.pt_menu.act .parentMenu a,
.pt_vmegamenu div.pt_menu.active .parentMenu a{
background-color: white;
color: #F7931E;
}
.tab-title ul li.active{
font-weight: bold;
}
.related-product-title, .upsellslider-title{
background: none;
padding-top: 10px;
}
.related-product-title h2, .upsellslider-title h2{
color: #c00;
padding: 10px 0px;
margin: 0px 0px 3px;
padding-bottom: 0px;
}
.product-view .product-shop .availability span, .header-link a:hover,
.product-name a:hover, .page-title h1, .page-title h2, .f-left, .left,
#shopping-cart-table .cart-price .price, .block-account .block-content li.current{
color: #565555 !important;
}
.mobilemenu li.active a, .mobilemenu li.active a, .mobilemenu a:hover,
.block-account .block-content li a:hover, a:hover, .block-layered-nav li a:hover,
.block .block-title strong span, .my-account a{
color: #C92127;
}
.cart .totals table, .cart .totals button.button:hover span{
background: #E92328;
}
.wrapper_box #continue_shopping:hover, .wrapper_box #shopping_cart:hover {
background: #c00 !important;
}
ul.link-follow li a span:after{
border-top: 5px solid #c00;
}
button.button:hover span{background:#c00;}
.block-subscribe .actions button.button:hover span{
color: white;
background: #c00;
}
.home-block-bottom .box-col:hover, .navbar,
.pager .pages .current, .pager li > a:hover{
background: #FCDAB0;
border-radius: 5px;
/*width: calc(100% + 20px);*/
}
.pager .pages .current, .pager li:hover{
/* background: #FCDAB0;
border-radius: 5px;*/
}
.ma-relatedslider-container .flex-direction-nav a:hover,.ma-relatedslider-container .bx-wrapper .bx-controls a:hover,
.ma-upsellslider-container .flex-direction-nav a:hover,.ma-upsellslider-container .bx-wrapper .bx-controls a:hover,
.menu-recent .flex-direction-nav a:hover,.menu-recent .bx-wrapper .bx-controls a:hover,
.block-testimonial-sidebar .flex-direction-nav a:hover,.block-testimonial-sidebar .bx-wrapper .bx-controls a:hover,
.categorytab-slider .flex-direction-nav a:hover,.categorytab-slider .bx-wrapper .bx-controls a:hover{background-color:#c00; border-color: #c00; }
.success-msg{
border-color: #E8F3FE;
background-color: #E8F3FE;
color: #2489F4;
font-size: 14px !important;
padding: 12px 16px !important;
border-radius: 4px;
}
button.button > span{
color: white;
background: #C92127;
border: none;
padding: 10px 20px;
border-radius: 8px;
transition: all 0.3s;
}
/*button.button > span:hover{
background: rgb(255,152,0);
background: -moz-linear-gradient(90deg, rgba(255,152,0,1) 0%, rgba(247,105,93,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,152,0,1) 0%, rgba(247,105,93,1) 100%);
background: linear-gradient(90deg, rgba(255,152,0,1) 0%, rgba(247,105,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9800",endColorstr="#f7695d",GradientType=1);
box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 6px 8px hsl(0, 0%, 90%);
transform: scale(1.03);
}*/
button.button > span:active{
transform: scale(0.98);
}
.wrapper_box #shopping_cart, .wrapper_box #continue_shopping{
background-color: #F7941E;
}
/*background color*/
body, .container, bg-header-con, .ma-menu .container{
background: #F0F0F0;
}
/* logo NXB in home page*/
.wrapperImage{
padding: 3px;
}
.imageNXB img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-o-transition: all 1s ease; /* IE 9 */
-ms-transition: all 1s ease; /* Opera */
transition: all 1s ease;
width:100%;
}
.imageNXB:hover img {
-webkit-transform:scale(1.25); /* Safari and Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* IE 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}
/* just apply some height and width to the wrapper.*/
.imageNXB {
overflow: hidden;
border:1px solid rgb(180, 180, 180);
height:auto;
margin:0;
padding:0;
text-align:center;
}
.logoNXB {
text-align:center;
width:100%;
margin:auto
}
/* Level NXB in CMS page*/
.levelNXB img {
width:100%;
}
.levelNXB {
text-align: center;
margin: auto;
padding-top: 20px;
}
.levelNXB div {
padding:15px !important;
}
.levelNXB .level1 {
padding:0px !important;
}
.levelNXB .level0 img {
border: 1px solid rgb(23, 23, 119);
}
/*
waitMe - 1.11 [25.03.15]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container {position:relative;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
body.waitMe_container {position:fixed;width:100%;height:100%}
.waitMe_container .waitMe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center}
.waitMe_container .waitMe * {font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.waitMe_container .waitMe .waitMe_content {position:absolute;width:100%;top:50%}
.waitMe_container .waitMe .waitMe_progress {position:relative}
.waitMe_container .waitMe .waitMe_progress > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}
.waitMe_container .waitMe .waitMe_text {position:relative;margin:20px 0 0}
/* before load animation */
body.waitMe_body {overflow:hidden;height:100%}
body.waitMe_body.hideMe {transition:opacity .2s ease-in-out;opacity:0}
body.waitMe_body .waitMe_container:not([data-waitme_id]) {position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}
body.waitMe_body .waitMe_container:not([data-waitme_id]) > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}
body.waitMe_body .waitMe_container.progress > div {
width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,0.2);
-webkit-animation: progress_body 7s infinite ease-out;
animation: progress_body 7s infinite ease-out;
}
body.waitMe_body .waitMe_container.working > div {
width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,0.2);
-webkit-animation: working_body 2s infinite ease-in-out;
animation: working_body 2s infinite ease-in-out;
}
body.waitMe_body .waitMe_container.progress > div:after {content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}
body.waitMe_body .waitMe_container.img > div {width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}
body.waitMe_body .waitMe_container.text > div {width:100%;top:45%;text-align:center}
@-webkit-keyframes progress_body {
0% {width:0}
100% {width:100%}
}
@keyframes progress_body {
0% {width:0}
100% {width:100%}
}
@-webkit-keyframes working_body {
0% {left:-10%}
100% {left:100%}
}
@keyframes working_body {
0% {left:-10%}
100% {left:100%}
}
/* bounce */
.waitMe_container .waitMe_progress.bounce > div {
width:20px;height:20px;border-radius:50%;
-webkit-animation: bounce 1.4s infinite ease-in-out;
animation: bounce 1.4s infinite ease-in-out;
}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {
-webkit-animation-delay:-0.32s;
animation-delay:-0.32s;
}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {
-webkit-animation-delay:-0.16s;
animation-delay:-0.16s;
}
@-webkit-keyframes bounce {
0%, 80%, 100% {
-webkit-transform:scale(0.0);
}
40% {
-webkit-transform:scale(1.0);
}
}
@keyframes bounce {
0%, 80%, 100% {
transform:scale(0.0);
}
40% {
transform:scale(1.0);
}
}
/* rotateplane */
.waitMe_container .waitMe_progress.rotateplane > div {
width:30px;height:30px;
-webkit-animation:rotateplane 1.2s infinite ease-in-out;
animation:rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/* stretch */
.waitMe_container .waitMe_progress.stretch > div {
width:8px;height:60px;margin:1px;
-webkit-animation: stretch 1.2s infinite ease-in-out;
animation: stretch 1.2s infinite ease-in-out;
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretch {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1.0);
}
}
@keyframes stretch {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
}
}
/* orbit */
.waitMe_container .waitMe_progress.orbit {
width:40px;height:40px;margin:auto;
-webkit-animation: orbit_rotate 2.0s infinite linear;
animation: orbit_rotate 2.0s infinite linear;
}
.waitMe_container .waitMe_progress.orbit > div {
width:50%;height:50%;border-radius:50%;top:0;position:absolute;
-webkit-animation: orbit 2.0s infinite ease-in-out;
animation: orbit 2.0s infinite ease-in-out;
}
.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2 {
top:auto;bottom:0;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes orbit_rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes orbit_rotate {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes orbit {
0%, 100% {
-webkit-transform: scale(0.0);
}
50% {
-webkit-transform: scale(1.0);
}
}
@keyframes orbit {
0%, 100% {
transform: scale(0.0);
}
50% {
transform: scale(1.0);
}
}
/* roundBounce */
.waitMe_container .waitMe_progress.roundBounce {width:60px;height:60px;margin:auto}
.waitMe_container .waitMe_progress.roundBounce > div {
width:20%;height:20%;border-radius:50%;position:absolute;
-webkit-animation: roundBounce 1.2s infinite ease-in-out;
animation: roundBounce 1.2s infinite ease-in-out;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {top:-9%;left:50%;margin-top:-10%;margin-left:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {top:50%;right:-9%;margin-top:-10%;margin-right:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {bottom:-9%;left:50%;margin-bottom:-10%;margin-left:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {top:50%;left:-9%;margin-top:-10%;margin-left:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes roundBounce {
0%, 80%, 100% {
-webkit-transform: scale(0.0);
}
40% {
-webkit-transform: scale(1.0);
}
}
@keyframes roundBounce {
0%, 80%, 100% {
transform: scale(0.0);
} 40% {
transform: scale(1.0);
}
}
/* win8 */
.waitMe_container .waitMe_progress.win8 {height:40px;margin:auto}
.waitMe_container .waitMe_progress.win8 > div {
width:40px;height:40px;opacity:0;position:absolute;margin:auto;left:0;right:0;
-webkit-transform: rotate(225deg);
-webkit-animation: win8 5.5s infinite;
transform: rotate(225deg);
animation: win8 5.5s infinite;
}
.waitMe_container .waitMe_progress.win8 > div > div {width:15%;height:15%;border-radius:50%;position:absolute;margin:-12.5%}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {
-webkit-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {
-webkit-animation-delay: 0.48s;
animation-delay: 0.48s;
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {
-webkit-animation-delay: 0.72s;
animation-delay: 0.72s;
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {
-webkit-animation-delay: 0.96s;
animation-delay: 0.96s;
}
@-webkit-keyframes win8 {
0% {
-webkit-transform:rotate(225deg);
-webkit-animation-timing-function: ease-out;
}
7% {
opacity:1;
-webkit-transform:rotate(345deg);
-webkit-animation-timing-function: linear;
}
30% {
-webkit-transform:rotate(455deg);
-webkit-animation-timing-function: ease-in-out;
}
39% {
-webkit-transform:rotate(690deg);
-webkit-animation-timing-function: linear;
}
70% {
opacity:1;
-webkit-transform:rotate(815deg);
-webkit-animation-timing-function: ease-out;
}
75% {
-webkit-transform:rotate(945deg);
-webkit-animation-timing-function: ease-out;
}
76% {
opacity:0;
-webkit-transform:rotate(945deg);
}
100% {
opacity:0;
-webkit-transform:rotate(945deg);
}
}
@keyframes win8 {
0% {
transform:rotate(225deg);
animation-timing-function: ease-out;
}
7% {
opacity:1;
transform:rotate(345deg);
animation-timing-function: linear;
}
30% {
transform:rotate(455deg);
animation-timing-function: ease-in-out;
}
39% {
transform:rotate(690deg);
animation-timing-function: linear;
}
70% {
opacity:1;
transform:rotate(815deg);
animation-timing-function: ease-out;
}
75% {
transform:rotate(945deg);
animation-timing-function: ease-out;
}
76% {
opacity:0;
transform:rotate(945deg);
}
100% {
opacity:0;
transform:rotate(945deg);
}
}
/* win8_linear */
.waitMe_container .waitMe_progress.win8_linear {margin:auto;width:150px;height:6px}
.waitMe_container .waitMe_progress.win8_linear > div {
width:100%;height:100%;left:0;opacity:0;position:absolute;
-webkit-animation: win8_linear 3s infinite;
animation: win8_linear 3s infinite;
}
.waitMe_container .waitMe_progress.win8_linear > div > div {width:4%;height:100%;border-radius:50%}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
@-webkit-keyframes win8_linear {
0% {
-webkit-transform: translateX(0);
-webkit-animation-timing-function: ease-out;
}
10% {
opacity:1;
-webkit-transform: translateX(33.333%);
-webkit-animation-timing-function: linear;
}
50% {
opacity:1;
-webkit-transform: translateX(53.333%);
-webkit-animation-timing-function: ease-in-out;
}
60% {
opacity:0;
-webkit-transform: translateX(86.666%);
}
}
@keyframes win8_linear {
0% {
transform: translateX(0);
animation-timing-function: ease-out;
}
10% {
opacity:1;
transform: translateX(33.333%);
animation-timing-function: linear;
}
50% {
opacity:1;
transform: translateX(53.333%);
animation-timing-function: ease-in-out;
}
60% {
opacity:0;
transform: translateX(86.666%);
}
}
/* ios */
.waitMe_container .waitMe_progress.ios {margin:auto;width:40px;height:40px}
.waitMe_container .waitMe_progress.ios > div {
width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,0.2);
-webkit-animation: ios 1s linear infinite;
animation: ios 1s linear infinite;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {
-webkit-transform:rotate(0deg) translate(0, -142%);
-webkit-animation-delay: 0s;
transform:rotate(0deg) translate(0, -142%);
animation-delay: 0s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {
-webkit-transform:rotate(30deg) translate(0, -142%);
-webkit-animation-delay: -0.9167s;
transform:rotate(30deg) translate(0, -142%);
animation-delay: -0.9167s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {
-webkit-transform:rotate(60deg) translate(0, -142%);
-webkit-animation-delay: -0.833s;
transform:rotate(60deg) translate(0, -142%);
animation-delay: -0.833s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {
-webkit-transform:rotate(90deg) translate(0, -142%);
-webkit-animation-delay: -0.75s;
transform:rotate(90deg) translate(0, -142%);
animation-delay: -0.75s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {
-webkit-transform:rotate(120deg) translate(0, -142%);
-webkit-animation-delay: -0.667s;
transform:rotate(120deg) translate(0, -142%);
animation-delay: -0.667s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {
-webkit-transform:rotate(150deg) translate(0, -142%);
-webkit-animation-delay: -0.5833s;
transform:rotate(150deg) translate(0, -142%);
animation-delay: -0.5833s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {
-webkit-transform:rotate(180deg) translate(0, -142%);
-webkit-animation-delay: -0.5s;
transform:rotate(180deg) translate(0, -142%);
animation-delay: -0.5s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {
-webkit-transform:rotate(210deg) translate(0, -142%);
-webkit-animation-delay: -0.41667s;
transform:rotate(210deg) translate(0, -142%);
animation-delay: -0.41667s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {
-webkit-transform:rotate(240deg) translate(0, -142%);
-webkit-animation-delay: -0.333s;
transform:rotate(240deg) translate(0, -142%);
animation-delay: -0.333s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {
-webkit-transform:rotate(270deg) translate(0, -142%);
-webkit-animation-delay: -0.25s;
transform:rotate(270deg) translate(0, -142%);
animation-delay: -0.25s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {
-webkit-transform:rotate(300deg) translate(0, -142%);
-webkit-animation-delay: -0.1667s;
transform:rotate(300deg) translate(0, -142%);
animation-delay: -0.1667s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {
-webkit-transform:rotate(330deg) translate(0, -142%);
-webkit-animation-delay: -0.0833s;
transform:rotate(330deg) translate(0, -142%);
animation-delay: -0.0833s;
}
@-webkit-keyframes ios {
0% {
opacity: 1;
}
100% {
opacity: 0.25;
}
}
@keyframes ios {
0% {
opacity: 1;
}
100% {
opacity: 0.25;
}
}
/* facebook */
.waitMe_container .waitMe_progress.facebook {margin:auto}
.waitMe_container .waitMe_progress.facebook > div {
width:6px;height:25px;margin-left:3px;
-webkit-animation: facebook 1.3s linear infinite;
animation: facebook 1.3s linear infinite;
}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem1 {
-webkit-animation-delay:0.39s;
animation-delay:0.39s;
}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem2 {
-webkit-animation-delay:0.52s;
animation-delay:0.52s;
}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem3 {
-webkit-animation-delay:0.65s;
animation-delay:0.65s;
}
@-webkit-keyframes facebook {
0% {
-webkit-transform:scale(0.7);
opacity:0.1;
}
1% {
-webkit-transform:scale(1.2);
opacity:1;
}
100% {
-webkit-transform:scale(0.7);
opacity:0.1;
}
}
@keyframes facebook {
0% {
transform:scale(0.7);
opacity:0.1;
}
1% {
transform:scale(1.2);
opacity:1;
}
100% {
transform:scale(0.7);
opacity:0.1;
}
}
/* rotation */
.waitMe_container .waitMe_progress.rotation > div {
width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;
border-left-color:transparent!important;
border-right-color:transparent!important;
border-bottom-color:transparent!important;
-webkit-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* timer */
.waitMe_container .waitMe_progress.timer {width:40px;height:40px;margin:auto;border-width:4px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1 {
border-radius:3px;position:absolute;width:4px;height:48%;left:50%;top:50%;margin-left:-2px;margin-top:-2px;
-webkit-animation: timer 1250ms infinite linear;
animation: timer 1250ms infinite linear;
-webkit-transform-origin: 2px 2px;
transform-origin: 2px 2px;
}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {
border-radius:3px;position:absolute;width:4px;height:40%;left:50%;top:50%;margin-left:-2px;margin-top:-2px;
-webkit-animation: timer 15000ms infinite linear;
animation: timer 15000ms infinite linear;
-webkit-transform-origin: 2px 2px;
transform-origin: 2px 2px;
}
@-webkit-keyframes timer {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes timer {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* pulse */
.waitMe_container .waitMe_progress.pulse {
width:30px;height:30px;margin:auto;border-width:3px;border-style:solid;border-radius:50%;position:relative;opacity:0;
-webkit-animation: pulsate 1s ease-out;
animation: pulsate 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform:scale(.1);
opacity: 0.0;
}
50% {
opacity:1;
}
100% {
-webkit-transform:scale(1.2);
opacity:0;
}
}
@keyframes pulsate {
0% {
transform:scale(.1);
opacity: 0.0;
}
50% {
opacity:1;
}
100% {
transform:scale(1.2);
opacity:0;
}
}
/* progressBar */
.waitMe_container .waitMe_progress.progressBar {width:200px;height:20px;margin:auto;background:rgba(0,0,0,0.1);padding:5px;border-radius:20px}
.waitMe_container .waitMe_progress.progressBar > div {
width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;
-webkit-animation: progressBar 2s linear infinite;
animation: progressBar 2s linear infinite;
box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
background-image: linear-gradient(-45deg, rgba(240,240,240,0.4) 25%, transparent 25%, transparent 50%, rgba(240,240,240,0.4) 50%, rgba(240,240,240,0.4) 75%, transparent 75%, transparent);
}
@-webkit-keyframes progressBar {
0% {
background-position:0 0;
}
100% {
background-position:50px 50px;
}
}
@keyframes progressBar {
0% {
background-position:0 0;
}
100% {
background-position:50px 50px;
}
}
/* bouncePulse */
.waitMe_container .waitMe_progress.bouncePulse > div {
width:20px;height:20px;margin-right:1%;display:inline-block;border-radius:50%;
-webkit-animation: bouncePulse 1.4s infinite ease-in-out;
animation: bouncePulse 1.4s infinite ease-in-out;
}
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem3 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem2 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
@-webkit-keyframes bouncePulse {
0%, 90%, 100% {
-webkit-transform: rotate(45deg) scaleX(0.5) scaleY(0.5);
}
45% {
-webkit-transform: rotate(45deg) scaleX(1) scaleY(1);
}
}
@keyframes bouncePulse {
0%, 90%, 100% {
transform: rotate(45deg) scaleX(0.5) scaleY(0.5);
}
45% {
transform: rotate(45deg) scaleX(1) scaleY(1);
}
}
/*
* Social Buttons for Bootstrap
*
* Copyright 2013-2015 Panayiotis Lipiridis
* Licensed under the MIT License
*
* https://github.com/lipis/bootstrap-social
*/
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket .badge{color:#205081;background-color:#fff}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-dropbox .badge{color:#1087dd;background-color:#fff}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-flickr .badge{color:#ff0084;background-color:#fff}
.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)}
.btn-foursquare .badge{color:#f94877;background-color:#fff}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-github .badge{color:#444;background-color:#fff}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-linkedin .badge{color:#007bb6;background-color:#fff}
.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
.btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-microsoft .badge{color:#2672ec;background-color:#fff}
.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}
.btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
.btn-openid .badge{color:#f7931e;background-color:#fff}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}
.btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
.btn-reddit .badge{color:#eff7ff;background-color:#000}
.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}
.btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud .badge{color:#f50;background-color:#fff}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-tumblr .badge{color:#2c4762;background-color:#fff}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}
.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}
.btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
.btn-vk .badge{color:#587ea3;background-color:#fff}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
.btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo .badge{color:#720e9e;background-color:#fff}
.pt_vmegamenu div.pt_menu .parentMenu a, .pt_vmegamenu div.pt_menu .parentMenu span.block-title,
.pt_vmegamenu .itemMenu h4.level1, .pt_vmegamenu .itemMenu a.level1, .product-name a,
.tab-title ul li, h1, h2, h3, h4, h5, h6, .breadcrumbs .container-inner, .product-tabs a,
.product-view .product-shop .view-rate, .header .form-search .bootstrap-select.btn-group .btn .filter-option,
.header .form-search input.input-text, .pt_custommenu #pt_menu_link .parentMenu ul li a,
.pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title,
.add-to-cart label, .pt_vmegamenu, .cart .discount h2, .cart .shipping h2, .block .block-title strong,
.cart .totals table, #shopping-cart-table .cart-price .price,
.top-cart-contain, #shopping-cart-table a, .block-subscribe label,
.data-table thead th, .footer ul.links li a, .sorter .sort-by select,
.pager .limiter select, .sorter .sort-by, .pager .limiter,
.block-compare .block-content, .block-tags .block-content a, .price-box,
.block-layered-nav #narrow-by-list li a, .block-layered-nav h2,
.block-layered-nav #narrow-by-list li, .mobilemenu a, .navbar .brand,
.header .form-search, .fhs-no-checkout{
font-family: sans-serif;
}
.header .form-search{
font-family: nunito-sans,sans-serif;
}
.category-products .product-name a{
font-size: 0.75em;
}
.category-products .product-name{
display: block;
}
.header-right{
}
.valignmiddle{
vertical-align: middle;
}
.review-rule{
border: 1px solid #F7941E;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.review-rule-header{
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
ul.review-item li{
list-style: initial !important;
}
.product-view button.btn-cart-view span {
border: 0;
height: 50px;
color: #fff;
line-height: 50px;
text-align: center;
padding-top: 0px;
font-size: 18px;
}
.panel-success > .panel-heading{
background-image: none !important;
}
.product-view .product-shop .short-description{
line-height: 1.9;
}
.pre-order-message{
/*border: 2px #ed1f24 solid;*/
padding: 10px;
margin-top: 10px;
color:#cc0000;
}
.fhs-no-checkout{
color: red;
font-size: 14px;
padding-bottom:10px;
text-align: left;
}
.notice-msg {
border-color:#F7941E; background-color:#F7941E; color:white; font-size: 13px !important; font-weight: bold !important;
background-image: none !important;
}
.messages-checkout-cart .notice-msg {
background-color: #fafaec !important;
color: red;
}
.messages-checkout-cart .youama-window-outside .close{
top: 0px;
right: 0px;
}
.p-info{
margin-top: 7px;
display: block;
font-size: 11px;
}
.products-daily-hot{
}
.notice-msg ul{
padding-top: 3px !important;
}
.products-daily-hot .categorytab-slider{
margin-bottom: 0px;
margin-top: 0px;
}
.ma-relatedslider-container{
border-top: 1px solid #D5D5D5;
padding-left: 15px;
padding-right: 25px;
background: white;
margin-bottom: 20px;
}
.categorytab-slider .bx-wrapper .bx-prev,
.ma-relatedslider-container .bx-wrapper .bx-prev{
margin-left: -15px;
}
.tabslider-top-content .bx-prev,.tabslider-top-content .bx-wrapper .bx-prev{
margin: 0px;
}
.tabslider-top-content .bx-wrapper .bx-controls a{
right: 0px !important
}
.fhs-review-by{
color: #0066c0;
}
.fhs-review-title a{
font-weight: 700;
color: black;
font-family: sans-serif;
}
.fhs-review-block-content{
margin-bottom: 20px;
color: #2F2F2F;
}
.ratings-table{
/*margin-top: -3px;*/
/*margin-left: 10px;*/
}
.fhs_review-count-like{
margin-left: -5px;
}
.fhs-review-by-block{
margin-bottom: 5px;
}
.color-black{
color: black;
}
.font-bold{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.own-review{
font-weight: bold;
font-family: sans-serif;
font-size: 25px;
margin-top: -5px;
margin-bottom: 15px;
}
.full-width{
width: 100% !important;
}
.ma-review-col1{
border: 1px solid #e6e6e6;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
background: white;
padding: 30px;
padding-bottom: 50px;
}
.ma-review-col2{
border: 1px solid #e6e6e6;
padding: 30px;
padding-top: 37px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
background: white;
}
.ma-review-col1.span5{
margin-bottom: 20px;
}
.categorytab-slider .bx-wrapper .bx-next,
.ma-relatedslider-container .bx-wrapper .bx-next{
}
.fhs_related_1 .ma-relatedslider-container .bx-wrapper .bx-next{
right: -41px !important;
}
.warning-ship-split{
padding-top: 10px;
font-weight: bold;
color: #c00;
font-family: Arial, Helvetica, sans-serif;
}
.header-cd{
text-align: center;
}
.header-cd a{
color: #c00;
}
.header-cd h2{
font-size: 30px;
font-weight: 300;
line-height: 40px;
color: #C00 !important;
}
.tt-label-deco{
position: absolute;
width: 32px;
height: 30px;
}
.tt-label-deco.tt-label-left{
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/trai-xam.png") no-repeat ;
margin-left: -39px;
}
.tt-label-deco.tt-label-right{
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/phai-xam.png") no-repeat ;
margin-left: 6px;
}
.marginImage{ margin-bottom: 30px}
.tabs-xem-them{clear:both; }
.example-item .slider a {
line-height: 1.5em;
}
.bx-has-pager .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0px none;
width: 33px;
height: 48px;
text-indent: -9999px;
z-index: 99;
border: none;
}
.ma-relatedslider-container .bx-has-pager .bx-controls-direction a{
top: 35%;
}
.header-container .top-banner{
background: transparent;
}
.bx-has-pager .bx-prev {
left: 0px;
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg") no-repeat center center !important;
background-size: 24px 24px !important;
opacity: 1;
width: 40px !important;
height: 40px !important;
border-radius: 19px;
border: 1px solid #CCCCCC !important;
background-color: #fff !important;
background-position: 6px center !important;
box-shadow: 0px 2px 8px #00000029;
}
/*.bx-has-pager .bx-prev:hover{
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/fa-angle-left_32_8_8e8c8c_none.png") no-repeat 100% 100% !important;
opacity: 1;
background-size: 30px 30px !important;
width: 34px !important;
height: 34px !important;
background-position: -1px 1px !important;
}*/
.bx-has-pager .bx-next {
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg") no-repeat center center !important;
background-size: 24px 24px !important;
opacity: 1;
width: 40px !important;
height: 40px !important;
border-radius: 19px;
border: 1px solid #CCCCCC !important;
background-color: #fff !important;
box-shadow: 0px 2px 8px #00000029;
background-position: 5px center !important;
transform: rotate(-180deg);
}
/*.bx-has-pager .bx-next:hover {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/fa-angle-right_32_8_8e8c8c_none.png") no-repeat 100% 100% !important;
opacity: 1;
background-size: 30px 30px !important;
width: 34px !important;
height: 34px !important;
background-position: 3px 1px !important;
}*/
.bx-wrapper .bx-loading {
min-height: 50px;
background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/bx_loader.gif') center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.fhs-separator{
border-bottom: 1px solid #D9D7D7;
}
.product-options .fhs-separator{
padding-top: 10px;
}
dd.last div.input-box{
}
.bundle-item-label-pro-sale{
display: block;
background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/sale30.png) no-repeat;
width: 30px;
height: 30px;
z-index: 10;
top:0px;
position: absolute;
top: -10px;
left: 30px;
color: transparent;
text-align: center;
}
.bundle-label{
margin-left: 0px !important;
margin-top: 0px;
text-align: left;
padding-left: 0;
padding-right: 0;
min-height: 55px;
}
.product-options label{
margin-bottom: 0px;
}
.bundle-item-dynamic-sale{
background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/giam-soc.png) no-repeat !important;
}
.dis-per-bundle-item{
font-size: 14px;
margin-top: 15%;
margin-left: 6%;
display: inline-block;
color: white;
}
#one-step-checkout-form input.radio{
display: inline-block;
}
.fhs-bundle-price{
padding-left: 3px;
width: 105px;
color: white;
font-size: 0.70em !important;
}
.fhs-bundle-price .price{
font-size: 13px;
}
.price-box-bundle .fhs-bundle-price{
font-size: 1em !important;
}
.nowrap-label.label{
white-space: inherit;
line-height: 1.5;
}
.ma-timer-title h2,
.brand-title h2,
.catlist-title h2{
background: transparent;
color: #646464;
}
.fhs-co-banner{
padding-bottom: 15px;
}
.youama-noti-window, .youama-noti-window-sucess{
border-radius: 5px;
box-shadow: 7px 7px 12px #696868;
display:none;
width:350px !important;
z-index:9998;
padding:0;
display: none;
background-color: #fff;
top: 10%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: fixed;
top: 10%;
left: 50%;
width: 50%;
min-width: 305px;
}
.list-style-d{
list-style-type: disc;
}
.ma-footer-static .footer-static .container .container-inner{
padding-bottom: 25px;
}
.flazy{
padding-top: 24px;
padding-bottom: 22px;
}
.f-dis-label{
top: -15px !important;
}
.opc-wrapper-opc .opc-col-left .wide input[type="text"],
.opc-wrapper-opc .opc-col-left input[type="text"], .opc-wrapper-opc .opc-col-left input[type="password"],
.input-box input, .form-list .input-range input.input-text{
height: 27px !important;
}
.price-box-bundle .price-from .price, .price-box-bundle .price-to .price{
color: white;
}
.price-box-bundle .price-from, .price-box-bundle .price-to{
padding: 5px;
}
input.input-text, select, textarea, .block-tags .block-content a,
.opc-wrapper-opc .opc-col-left .wide input[type="text"],
.opc-wrapper-opc .opc-col-left input[type="text"], .opc-wrapper-opc .opc-col-left input[type="password"],
.input-box input, .form-list .input-range input.input-text{
border: 1px solid #929191;
color: #646464;
}
a{
color : #646464;;
}
ol.m-parent-category-list li{
margin-left: 0px;
}
.ratings-table th, .ratings-table td {
line-height: 1.4;
}
.header-container .container{
min-height:32px;
}
.header-container .top-link{
padding-top: 0px;
}
.header-container .top-link .container-inner{
border-bottom: none;
padding: 5px 0;
}
.fhs-fb{
width: 130px; float: right;
}
.fl{
float: left;
}
.fr{
float: right;
}
.youama-ac{
height: 40px;
padding-top: 6px;
padding-right: 10px;
}
.fp{
padding-top: 10px;
padding-bottom: 15px;
}
.actions-inner button.button:hover .hhcart{
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
.p-sale-label{
color: #ffffff;
font-size: 0.9em;
font-weight: 600;
}
.product-view .p-sale-label{
font-size: 19px;
margin-top: 22%;
margin-left: 0px;
}
.discount-l-fs{
font-weight: bold;
}
.price-box{
font-size: 15px;
}
.product-view .product-img-box .product-image-zoom{
border: none;
}
.product-view .product-img-box .product-image-zoom, .fhs-p-img {
width: 285px;
}
.product-view .product-img-box .product-image-zoom{
height: 480px;
}
.product-view .product-img-box .product-image-zoom img{
cursor: default;
}
.top-cart-content .product-name{
display: block;
width: 90% !important;
margin-bottom: 10px;
}
/*.tab_container .bx-viewport {
min-height: 400px !important;
}*/
.tabslider-header{
min-height: 45px;
/*border-bottom: 1px solid #e8e8e8 !important;*/
width: 100% !important;
position: relative;
}
.header-icon-gridslider{
margin-right: 8px;
}
.header-icon-gridslider img{
height: 32px;
width: 32px;
}
.tabslider-title{
padding-bottom: 2px;
padding-top: 16px;
padding-left: 16px;
font-size: 1.8rem;
color: #1F1D1D;
font-weight: bold;
/* text-transform: none; */
border-top-right-radius: 8px;
border-top-left-radius: 8px;
align-items: flex-end;
}
.header-icon-gridslider .icon-header{
width: 24px;
height: 24px;
}
.categorytab-slider{
min-height: 400px;
display: inline-block;
width: 100% !important;
background: white;
border-radius: 8px;
}
.categorytab-slider.banner-slider{
background-repeat: no-repeat;
background-position-x: center;
background-size: cover;
}
.categorytab-slider.banner-slider .fhs_bar_bottom{
background-color: unset;
}
.categorytab-slider.banner-slider .tabslider-header .tabslider-no-header-title{
display: none;
}
.categorytab-slider.banner-slider .tabslider-header{
height: 100px;
}
.categorytab-slider.banner-slider .fhs_product_basic .item-inner, .gird-silder-container-mobile.banner-slider .tab_container .item-inner{
background-color: #fff;
border-radius: 8px;
}
.gird-silder-container-mobile.banner-slider{
background-size: 100%;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: top;
}
@media screen and (max-width: 650px) {
.gird-silder-container-mobile.banner-slider{
background-size: calc(125% + 00vh + 0vw) calc(70% + 0vh);
}
}
.gird-silder-container-mobile.banner-slider .fhs-tabs .fhs-tabs-item-li{
display: none;
}
.gird-silder-container-mobile.banner-slider .fhs-tabs{
height: 65px;
border-bottom: unset;
}
.gird-silder-container-mobile.banner-slider .categorytab-slider{
background-color: unset;
}
.tabslider-tabs{
float: right;
}
.tabslider-pro{
margin: 0px 15px 0px 20px;
}
.tabslider-p-with{width:63%;}
.tabslider-f-with{width:96% !important}
.tab_container{
clear: both;
}
.bx-wrapper .bx-controls a{
right: -15px !important;
}
.tabslider-img{
float: left;
padding: 30px;
width: 32%;
}
.product-view .product-img-box .product-image, .validation-advice{
background: transparent;
}
.p_name{
height: 18px;
overflow: hidden;
}
label[for="fm_vat_yn"] { font-weight: bold !important; }
.input-box input{
background-color: white !important;
}
.form-list li.control label{
width: 90%;
}
.langs-wrapper{
padding-top: 2px;
}
.bx-next.disabled, .bx-prev.disabled{
display: none !important;
}
.wrapper_box{
height: 306px;
margin-top: -40px;
}
.cart-table td{
text-align: center;
}
.product-view .product-img-box .price-box .old-price{
padding: 5px;
display: table;
}
.tab-title ul li{
border-left: none;
}
.block-subscribe input.input-text{
padding: 0px;
padding-left: 15px;
height: 40px !important;
}
.block-subscribe .input-box{
background: none;
height: inherit;
line-height: inherit;
}
.validation-advice{
min-height: 20px;
}
.products-grid .item-inner .price-box{
right: 11px;
}
.products-grid li.col-md-2 .item-inner .price-box{
right: -6px;
}
.block-tags .block-content a {
border: 1px solid #BEBEBE;
}
.block-layered-nav li a{
color: #656565;
}
.block-link-follow .container{
background: #9fa7ab;
}
.ma-footer-static .footer-static .container{
background: white;
}
.block-link-follow .container{
border-bottom: 1px solid gray;
}
.ma-footer-static .footer-static .footer-static-title, .footer-static-content ul li {
border-color: gray;
color: black;
}
.pt_custommenu #pt_menu_link .parentMenu ul li a, .pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title {
border-left: none;
}
.payment-block label{
display: inline;
}
.footer ul.links li a{
font-size: 11px;
}
.tc-content{
padding: 11px 10px 10px !important;
}
.form-list input.input-text{
padding: 0;
}
.pt_custommenu #pt_menu_link .parentMenu ul li a, .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title{
padding: 4px 25px;
}
.category-vmega-menu{
padding: 10px 20px;
}
.header .form-search .search-left{
height: 40px !important;
padding: 4px 0 !important;
}
.header .form-search button.button span, .top-cart-title .fa{
height: 40px;
}
.header .form-search span .fa-search, .top-cart-title .fa{
line-height: 40px;
}
.inner-box input[type="checkbox"]{
margin-top: -2px;
}
.block-reorder .product-name{
width: auto;
margin-left: 2px;
margin-top: 2px;
/*display: inline;*/
}
.block-reorder .checkbox-reorder{
margin-top: 6px;
}
.block-reorder .block-subtitle{
font-size: 12px;
}
.p-name-list{
min-height: 8px;
}
.product-name a{
color: #333333;
font-weight: normal;
font-size: 0.75em;
display: block;
padding-top: 5px;
height: inherit;
}
.main-page-text ul li, .main-page-text ol li{
list-style-type: disc;
list-style: disc;
line-height: 25px;
font-size: 16px !important;
}
.main-page-text p{
padding-top: 10px;
}
.main-page-text table{
width: 100% !important;
}
.form-list label, button.button span{
font-family: sans-serif;
}
.tab-title ul li{
padding: 8px 15px;
font-size: 14px;
}
a.bx-next{ margin-top: -66px;}
.pt_vmegamenu div.column{
width: 250px;
}
.home-block-bottom .box-col{
padding: 45px 27px;
}
.ma-box-content{
padding: 0.8em;
}
.header .form-search{
padding: 8px 0 12px 0;
height: inherit;
}
.add-to-box button.btn-cart span,
.add-to-box button.btn-bundle-cart span{
background: #ABABAB;
}
.actions-inner button.btn-bundle-cart span,
.add-to-box button.btn-bundle-cart span{background:#e5e5e5; }
.product-view .product-img-box .more-views h2{
display: block !important;
}
.cart-cell .fhs-bundle-price{
width: auto;
font-size: inherit !important;
background-color: transparent !important;
color: inherit;
}
.ma-timer-container .products .product{
padding: 30px;
}
.margint6{
margin-top: 8px;
margin-right: 15px;
}
.account-create .buttons-set button.button,
.registered-users .buttons-set button.button,
.my-account .buttons-set button.button
{
float:right;
}
.account-create .buttons-set button.button{
margin-right: 0;
margin-left: 15px;
}
.product-name{
width: 100%;
/*height: 2.6em;*/
}
.product-name-full-text{
width: 100%;
/*height: 2.6em;*/
}
.f-review-container{
border-bottom: 1px dotted #A0A0A0;
margin-bottom: 15px;
}
#compare-items .product-name{
width: 90%;
}
.fhs-rating-container, .rating-container{
min-height: 19px;
margin-top: 4px;
display: flex;
}
.view-rate .ratings-table{
margin-left: 0;
}
.font12{
font-size: 12px;
}
.abc-loader{
position:fixed;
top: 50%;
left: 50%;
margin-top: -50px;
}
#admin_messages .success-msg{
/*margin-top: -40px;*/
margin-bottom: 50px;
}
.messages .success-msg, .messages .error-msg{
margin-bottom: 15px;
}
.page-sitemap .pager{
float: none;
}
.page-sitemap .pager .pages{
margin-top: -4px;
padding-left: 25%;
float: left;
}
.my-account .pager .amount, .pager .limiter{
padding-right: 20px;
padding-bottom: 5px;
}
@media (max-width: 768px) {
#select-review{
margin-top: 5px;
}
}
@media screen and (max-width: 320px) {
.gird-silder-container-mobile.banner-slider{
background-size: calc(125% + 00vh + 0vw) calc(60% + 0vh);
}
.gird-silder-container-mobile.banner-slider .fhs-tabs{
height: 40px;
}
}
.pager .pages{
margin: -2px 20px 0px 0px;
}
.right-timer{
margin-top: 30px;
}
.opc-wrapper-opc .opc-col-left, .opc-wrapper-opc .opc-col-center, .opc-wrapper-opc .opc-col-right{
padding: 1.5em;
}
.opc-wrapper-opc input.radio, .shipping-form input.radio{
display: inline-block;
margin-top: -2px;
}
.opc-wrapper-opc .opc-data-table tfoot td strong .price{
color: #EC5D5D;
}
.opc-wrapper-opc .btn-checkout span {
line-height: 42px !important;
}
.opc-wrapper-opc .discount-block .button span{
line-height: 13px !important;
}
.product-view .product-shop .product-name{
display: inline !important;
}
.ma-box-content .btn-cart span,
.ma-box-content .btn-bundle-cart span{
padding: 3px 4px 3px !important;
}
.timer-item .item-inner .product-link
{
position: relative;
}
.data-table tbody th, .data-table tbody td{
border: none;
}
.tryout-history td{
border: 1px solid #d9dde3 !important;
text-align: center;
}
.item-inner .price-box .old-price{
/*background: transparent !important;*/
padding: 0;
padding-right: 8px;
}
.item-inner .price-box .special-price,
.item-inner .price-box .regular-price,
.item-inner .price-box .old-price,
.product-view .product-img-box .price-box .regular-price,
.special-price{
padding: 0 1px;
}
.tabslider-pro .bg-white{
background: transparent !important;
padding: 1px !important;
}
.categorytab-slider .bg-white{
background: none !important;
padding: 1px !important;
}
.bg-white{
/*background: #F2F2F2 !important;*/
padding: 1px !important;
}
.product-view .product-img-box .price-box{
top: -15px;
}
.product-view .product-img-box .price-box .old-price{
background-color: white;
}
.products-grid .item{
width: 220px;
}
.products-grid .product-name-top-best h2{
font-size: 16px;
font-weight: bold;
}
.count{
font-size: 50px;
padding-top: 90px;
color:#FAA52D;
}
.item-inner .price-box .old-price {
display: table;
}
.select-sort-by:before{
background: none;
}
.toolbar .pager{
}
.toolbar .sorter, .toolbar .pager .limiter{
padding-top: 2px;
}
.btn-remove{
vertical-align: top;
}
.block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small{
width: 55%;
}
.block-reorder input.checkbox{
margin: 3px 0 0;
}
.block .block-title{
background: none;
padding-left: 20px;
/*margin-bottom: 10px;*/
}
.ma-review-col1 .pager .amount{
margin: 3px 25px 0px 0px;
}
.sorter .sort-by{
padding: 0;
display: block;
}
.bx-wrapper .bx-controls a{
display: block;
}
.mobilemenu.nav-collapse.collapse .head{
display: none;
}
.body-mh-300{
min-height: 300px;
}
.header .form-search input.input-text{
background: white;
color: black;
width: 80%;
height: 40px;
}
.btn-group.bootstrap-select{
display: none !important;
}
.cart-table .product-name{
padding-left: 0px;
}
#shopping-cart-table .product-name a{
text-transform: none;
}
li.d_2.fields div{
margin-bottom: 20px;
}
.block_end_bottom div.box-col{
height: 152px;
min-width: 250px;
background: #FFF;
}
.price-box-bundle .special-price .price { color:white; }
.product-pricing {display: none;}
.bx-pager.bx-default-pager a.bx-pager-link{
display: none;
}
.product-essential{
padding: 27px;
padding-top: 45px;
margin-top: -32px;
}
.product-view{
/* background: white; */
margin-bottom: 15px;
}
.label-pro-sale {
background-color: #F7941E;
width: 44px;
height: 44px;
border-radius: 22px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
}
.product-view .label-pro-sale{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/sale.png) no-repeat;
}
.products-grid li.col-md-2 {
margin-left: 10px;
margin-right: 20px;
}
.autocomplete-input .search-autocomplete span{
display: none;
}
.autocomplete-input li{
border: 1px #D9D7D7 solid;
padding-left: 5px;
}
#bookName{
width: 100%;
}
.ves-autosearch .search_box .input-search{
border: 2px solid #F7941E;
-webkit-appearance: none;
}
.header-top{
margin-bottom: 5px;
}
.header .active > a{
box-shadow: none !important;
}
.banner-bx-container .bx-prev,.banner-bx-container .bx-next,.tabslider-top-content .bx-wrapper .bx-controls a{
display: none !important;
}
.banner-bx-container .bx-prev,.banner-bx-container .bx-next{
margin-top: 0px !important;
}
.banner-bx-container:hover .bx-prev,.banner-bx-container:hover .bx-next,.tabslider-top-content:hover .bx-wrapper .bx-controls a{
display: block !important;
}
.banner-bx-container .bx-has-pager .bx-prev {
left: -1px;
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/trai.png") no-repeat 100% 100% !important;
}
.banner-bx-container .bx-has-pager .bx-prev:hover{
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/trai.png") no-repeat 100% 100% !important;
opacity: 0.5;
}
.banner-bx-container .bx-has-pager .bx-next {
right: 0px;
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/phai.png") no-repeat 100% 100% !important;
}
.banner-bx-container .bx-has-pager .bx-next:hover {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/phai.png") no-repeat 100% 100% !important;
opacity: 0.5;
}
.tabslider-top-content .bx-has-pager .bx-prev {
left: -1px;
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/trai.png") no-repeat 100% 100% !important;
}
.tabslider-top-content .bx-has-pager .bx-prev:hover{
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/trai.png") no-repeat 100% 100% !important;
opacity: 0.5;
}
.tabslider-top-content .bx-has-pager .bx-next {
right: 0px;
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/phai.png") no-repeat 100% 100% !important;
}
.tabslider-top-content .bx-has-pager .bx-next:hover {
background: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/phai.png") no-repeat 100% 100% !important;
opacity: 0.5;
}
ul.bxslider{
padding-left: 2px;
margin-top : 2px;
}
.cart-table .product-name{
width: 100% !important;
}
.navbar{
background: transparent;
}
.block-content .summary .label{
padding-left: 0;
}
#cart-sidebar .btn-remove{
right: 5px;
position: absolute;
}
.sidebar #cart-sidebar .product-name{
width: 85%;
display: block;
margin-bottom: 15px;
}
.sidebar .block-cart .actions{
padding: 0;
}
.sidebar .block-cart .actions button.button{
float: left;
}
.bundle-label .price{
font-size: 13px !important;
}
.product-tabs-content .data-table .label, .product-tabs-content .data-table .data{
font-size: 1.1em !important;
color: #2A2A2A;
}
.fhs-review-title h4{
line-height: 15px;
margin-top: 2px;
}
.categorytab-slider .fhs-partial-p{
padding-left: 23px;
}
.categorytab-slider .fhs-partial-p .bxslider{
display: grid;
grid-auto-columns: calc(25%);
grid-auto-flow: column;
}
.categorytab-slider .fhs-partial-p .bxslider > li{
width: auto !important;
}
.categorytab-slider .fhs-full-p .bx-prev{
margin-left: -15px;
}
.ma-relatedslider-container{
padding-left: 15px;
padding-right: 25px;
}
div.footer-static .container{
background: white !important;
}
.col-right.sidebar{
padding: 0;
}
.data-table#product-review-table{
box-shadow: none;
}
table#product-review-table{
border: 1px solid #d9dde3 !important;
}
table#product-review-table tr.odd.last{
border-bottom: 1px solid #d9dde3;
}
input.radio, input.checkbox{
height: inherit !important;
}
.account-create input.checkbox{
margin-top: 7px !important;
}
.account-login .new-users{
padding: 0px;
}
.account-login .login-col {
padding-bottom: 20px;
}
.youama-window-box .input-fly input[type="email"], .youama-window-box .input-fly input[type="password"]{
font-size: 12px;
padding: 10px;
}
.fail_apologize{
padding-top: 30px;
}
.redirect_payment{
width: 100%;
padding: 30px;
text-align: center;
border: 2px solid red;
}
.products-grid li div h2{
line-height: 17px;
overflow: hidden;
}
.category-products ul.products-grid{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 8px;
padding: 0;
}
.category-products ul.products-grid:before, .category-products ul.products-grid:after{
content: none;
}
.category-products ul.products-grid.list{
display: block;
}
/*.product-view button.btn-nostock span{
border: 0;
height: 40px;
color: #fff;
line-height: 40px;
text-align: center;
padding-top: 0px;
font-size: 14px;
}*/
@media (min-width : 992){
.product-view button.btn-nostock{
padding-top: 15px;
}
}
div#fhs_error_message_cart{
color: red;
font-weight: bold;
font-size: 13px;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{
text-shadow: none !important;
}
ul.products-grid li.col-md-3 .ma-box-content{
border: 1px solid black;
}
ul.products-grid li.col-md-2 .ma-box-content{
padding-left: 0px;
padding-right: 0px;
}
@media(min-width:768px){
ul.products-grid .product-name{
height: 46px;
max-height: 40px;
}
}
.toolbar-top .toolbar .pages{
display: block;
}
.toolbar-top .toolbar{
padding-top: 15px;
border-bottom: 1px solid #ecebeb;
}
.toolbar{
padding-left: 0px;
}
.toolbar-bottom{
padding-left: 10px;
}
.toolbar .limiter{
padding-right: 5px;
}
.toolbar .sorter{
padding-left: 20px;
}
.toolbar-top{
margin-left: 10px;
margin-right: 10px;
}
.category-products{
background-color: white;
flex-direction: column;
display: flex;
}
ul.products-grid div.ratings.fhs-no-mobile-block{
margin: 0 !important;
}
span.lang-flag-container{
padding-left: 10px;
padding-right: 10px;
}
img.lang-flag-img{
cursor: pointer;
}
input[type=radio].with-font,
input[type=checkbox].with-font {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
font-family: FontAwesome;
display: inline-block;
content: "\f1db";
letter-spacing: 10px;
font-size: 1.8em;
color: #F39801;
width: 1.4em;
}
input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before {
content: "\f00c";
font-size: 1.8em;
color: #F39801;
letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {
content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
content: "\f046";
color: #F39801;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{
color: #F39801;
}
.dropdownfhs select {
/* -webkit-appearance: none;
-moz-appearance: none;
padding: 1px !important;
margin: 0 !important;
height: 30px;
width: 100% !important;
min-width: 100px;
text-align: left !important;
text-indent: 2px;*/
}
select::-ms-expand{
display: none;
}
.dropdownfhs:after{
/* background: white;
position: absolute;
content: "\f0d7";
font-family: FontAwesome;
z-index: 1;
right: 1px;
width: 15px;
top: 1px;
height: 92%;
text-align: center;
padding-top: 4px;
pointer-events: none;*/
}
.dropdownfhs{
display: inline-block;
height: 40px;
position: relative;
width: 100%;
}
::-moz-focus-inner{
border: 0;
}
.my-account .product-name a{
font-size: 12px;
}
#wishlist-table td.last a{
margin-left: 18px;
margin-top: 10px;
}
#wishlist-table {
font-family: 'Nunito Sans' !important;
}
#wishlist-table.table-striped > tbody > tr:nth-child(odd) > td, #wishlist-table.table-striped > tbody > tr:nth-child(odd) > th{
background-color: #efefefad;
}
#wishlist-table .special-price .price, #wishlist-table .regular-price .price{
color: #C92127;
font-weight: 600;
font-size: 16px;
}
#wishlist-table .special-price, #wishlist-table .old-price, #wishlist-table .regular-price {
text-align: left;
}
#wishlist-table .old-price .price{
padding-left: 0px;
}
#wishlist-table .old-price .discount-percent{
background-color: #FEEBE9;
border-radius: 4px;
padding: 2px 5px;
color: #C92127;
font-weight: 700;
}
#wishlist-table .price-box{
display: flex;
flex-direction: column;
}
#wishlist-table .add-to-cart-alt button.button span{
text-transform: initial;
font-family: 'Nunito Sans' !important;
}
#wishlist-table.data-table tr td:first-of-type{
width: 20%;
}
#wishlist-table td{
word-wrap: break-word;
}
#wishlist-table .availability.out-of-stock{
text-align: left;
}
.my-wishlist .buttons-set{
display: none;
}
#my-reviews-table.data-table h2.product-name{
width: unset;
}
#my-reviews-table .product-name a{
font-size: 14px;
font-weight: 700;
padding-top: 0px;
line-height: 1.4em;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 2.8em;
max-height: 2.8em;
font-family: 'Nunito Sans' !important;
}
#my-reviews-table td{
font-size: 14px;
color: #333333;
}
@media (max-width: 480px) {
table#wishlist-table td{
display: table-cell;
}
table#wishlist-table, #wishlist-table tbody, #wishlist-table th, #wishlist-table td, #wishlist-table tr{
display: block;
width: 100%;
}
#wishlist-table .add-to-cart-alt button.button{
display: none;
}
#wishlist-table tr > td:nth-of-type(3){
display: none;
}
#wishlist-table .price-box{
display: none;
}
table#my-reviews-table{
table-layout: fixed;
width: 100%;
}
#my-reviews-table td{
word-wrap: break-word;
overflow-wrap: break-word;
}
#my-reviews-table, #my-reviews-table td{
display: grid;
width: 100%;
background-color: transparent;
}
#my-reviews-table td{
box-sizing: border-box;
width: 100%;
display: block;
white-space: normal;
}
#my-reviews-table.data-table .odd{
background-color: #e7e7e7;
}
#my-reviews-table td:nth-of-type(2){
padding: 0px 10px;
}
#my-reviews-table .product-name a{
min-height: auto;
}
}
.product-view .deepdiscount{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/GiaSoc-50px.png) no-repeat !important;
margin-top: -13px;
}
.deepdiscount{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/GiaSoc-40px.png) no-repeat !important;
}
.product-view .options-list .deepdiscount{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/GiaSoc-30px.png) no-repeat !important;
margin-left: 10px;
}
.label-pro-sale.deepdiscount{
height: 60px;
}
.f-grid-split-left{
padding-left: 25px !important;
}
.f-grid-split-right{
padding-left: 10px !important;
}
.footer-static-title{
padding-left: 10px;
}
.ma-block-link-follow{
margin-top: 20px;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) {
.dropdownfhs:after{
display: none;
}
}
@media (min-width: 441px) and (max-width: 560px) {
.header .form-search .search-left{ width: 82% !important;}
}
@media (max-width: 560px) {
.breadcrumbs .container-inner, .product-view .product-shop .view-rate{
border: none;
}
}
@media (max-width: 425px) {
.bxslider .item{
width: 13em !important;
}
}
@media (min-width: 425px) and (max-width : 767px) {
.bxslider .item{
width: 13em !important;
}
}
@media (max-width: 420px) {
.product-view .product-shop .availability{
float: inherit;
}
.bxslider .item{
width: 13em !important;
/*margin-right: 25px !important;*/
/*margin-left: 5px !important;*/
}
.fhs-bundle-price .price-to .price, .fhs-bundle-price .price-from .price{
font-size: 11px !important;
}
}
@media (min-width: 601px) and (max-width: 1230px){
.products-grid li {
padding: 0px;
}
.bxslider .p-sale-label{
margin-left: 0px;
}
}
@media (min-width: 701px) and (max-width: 1024px) {
.tabslider-title {
font-size: 15px !important;
}
}
@media (max-width: 992px) {
.item-inner .images-container .product-image img {
max-height: 158px;
object-fit: contain;
}
}
@media (max-width: 1199px){
.products-grid .item{
width: 175px;
}
.item-inner .price-box .special-price,
.item-inner .price-box .regular-price,
.product-view .product-img-box .price-box .old-price{
padding: 2px;
}
}
@media (min-width: 1025px) and (max-width: 1279px) {
.container{
width: 1120px;
}
#ves-verticalmenu .navbar-nav > li{
max-height: 45px;
}
.category-products .products-grid, .tabs-prod .category-products .products-grid{
margin-left: 25px;
}
.bxslider.fhs-related-slider .label-pro-sale{
top: 9px
}
}
@media (max-width: 1230px){
#ves-verticalmenu .navbar-nav > li > a .caret{
display: none;
}
}
@media (min-width: 569px) and (max-width: 667px){
.products-grid .item{
width: 140px;
}
}
@media (max-width: 568px){
.products-grid .item{
width: 180px;
}
}
@media (max-width: 440px){
.header .form-search .search-left{ width: 75% !important;}
.fhs-block-bottom-icon{
width: 23%
}
.fhs-block-bottom-label{
width: 77%;
}
.fhs-block-bottom-label h3{
font-size: 10px !important;
font-weight: bold;
}
.header .form-search input.input-text{
width: 70%;
}
}
@media (max-width: 1199px){
.home-block-bottom .box-col{
padding: 30px 8px;
}
.category-vmega-menu{
font-size: 13px;
padding: 16px 14px;
}
.pt_custommenu #pt_menu_link .parentMenu ul li a, .pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title{
padding: 0px 16px !important;
}
.category-vmega-menu{
padding: 6px 14px;
}
.pt_custommenu{
margin-top: 18px;
}
.pt_vmegamenu{
margin-top: 8px;
}
}
@media (min-width: 768px) and (max-width: 800px){
.categorytab-slider .bx-next{
margin-right: -25px;
}
}
.cart-product-block .bxslider li.item{
width: 160px !important;
margin-right: 25px !important;
}
@media (width: 768px){
.cart-product-block .bxslider li.item{
width: 140px !important;
margin-right: 5px !important;
}
.cart-product-block .tab_container .bx-viewport{
min-height: 300px !important;
}
.fhs-partial-p .bx-wrapper .bx-prev, .ma-relatedslider-container .bx-wrapper .bx-prev{
margin-left: -14px !important;
}
}
@media (min-width: 768px) and (max-width: 900px){
#header .header1 #header-main{
padding-top: 10px;
}
div.col-left.sidebar{
display: none;
}
}
@media (width: 1024px){
#ves-breadcrumbs .breadcrumbs{
/*display: none;*/
}
.product-view{
padding-top: 10px;
}
.tab_container{
padding-top: 0px;
}
.cart-product-block .bxslider li.item{
width: 130px !important;
margin-right: 5px !important;
}
.cart-product-block .tab_container .bx-viewport{
min-height: 290px !important;
}
.my-account{
margin-top: 36px;
}
.fhs-full-p .bx-wrapper .bx-controls a{
right: -28px !important;
}
.fhs-partial-p .bx-wrapper .bx-controls a
{
right: -33px !important;
}
.fhs-partial-p .bx-wrapper .bx-prev, .ma-relatedslider-container .bx-wrapper .bx-prev{
margin-left: -11px !important;
}
.ma-relatedslider-container .bx-wrapper .bx-controls a{
right: -39px !important;
}
}
@media (min-width: 1024px) and (max-width: 1279px){
.product-view .product-img-box{
padding-left: 30px;
padding-right: 30px;
}
#topbar{
padding-bottom: 5px;
}
.ves-autosearch{
margin-top: 6px;
}
.ves-autosearch .search_box .input-search{
height: 35px;
}
#ves-verticalmenu .block-title{
min-height: 35px;
line-height: 35px;
}
#ves-breadcrumbs .breadcrumbs{
margin-top: -10px;
}
#header .header1 .ves-megamenu .navbar-nav > li > a{
line-height: 35px;
}
.ves-megamenu .navbar{
min-height: 35px;
}
#ves-breadcrumbs .breadcrumbs{
/*padding: 15px 0;*/
margin-top: 1px;
}
.product-view button.btn-cart-view span{
height: 40px;
line-height: 40px;
font-size: 15px;
}
.product-view .product-shop .view-rate{
border: none;
padding: 0;
}
/* .short-description span{
font-size: 12px !important;
}
.related-product-title h2, .upsellslider-title h2{
font-size: 20px;
}*/
.related-product-title, .upsellslider-title{
padding-top: 0px;
}
/* .ves-autosearch .search_box .button-search{
font-size: 14px;
}
.price{
font-size: 13px;
}*/
#header .header1 .cart-top{
/*padding-left: 60px;*/
}
.ves-autosearch .search_box{
/*width: 119%*/
}
/* body, .product-view .product-shop .ratings a{
font-size: 13px;
}*/
.p-info{
/* font-size: 10px;*/
margin-top: 0px;
}
/* .ves-megamenu .navbar-nav > li > a span{
font-size: 13px;
}*/
.availability{
display: none !important;
}
#header .header1 .logo img{
margin-top: 5px;
}
.menu-top{
margin-top: -10px;
}
.price-box-bundle .fhs-bundle-price{
font-size: 0.8em !important;
}
.price-box-bundle .price-from, .price-box-bundle .price-to{
padding: 2px;
}
/* #ves-verticalmenu .block-title span{
font-size: 14px;
}
.tab-title ul li{
font-size: 14px;
}
#ves-breadcrumbs .breadcrumbs{
font-size: 10px;
}
.special-price .price, .std{
font-size: 14px;
}*/
.a-star-medium-4-5{
background-position: -176px -366px
}
/* .product-tabs a{
font-size: 12px;
}
.top-notification-button-label{
font-size: 10px!important;
}
.cart-top .heading-custom h3{
font-size: 10px!important;
}*/
}
@media (min-width: 1150px) and (max-width: 1279px){
.price-box-bundle .fhs-bundle-price{
margin-left: 165px !important;
}
.product-view .product-img-box .price-box{
margin-left: 190px;
}
}
@media (min-width: 1200px) and (max-width: 1279px){
.container{
width: 1230px;
}
#header .header1 .cart-top{
padding-left: 30px;
}
.ves-autosearch .search_box{
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1279px){
.header .form-search {
width: inherit;
/* padding-top: 0px;*/
}
.header a.logo{
width: 205px;
}
.my-account{
margin-top: 36px;
}
.container{
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 991px) and (max-width: 1199px){
.product-view .product-img-box .product-image-zoom{
width: 285px !important;
}
}
@media (max-width: 991px){
.account-create .form-list input.input-text{
max-width: 330px !important;
}
button.button span{
padding: 12px 30px;
font-size: 12px;
}
.block-note-product{
padding-top: 15px;
}
.header-icon-gridslider-mobile img{
width: 24px;
height: 24px;
}
}
@media (max-width: 511px){
.product-view .product-img-box .price-box{
right: 20%;
}
}
@media (max-width: 526px){
.toolbar .pager .pages{
height: auto;
}
}
@media (max-width: 561px){
.ts-header{
width: 80%;
}
}
@media (max-width: 492px){
.ts-header{
width: 60%;
}
}
@media (max-width: 1180px){
.bxslider-grid .item{
width: 645px !important;
}
.product-block .product-img.img{
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1024px){
.tabslider-title {
font-size: 15px !important;
}
.wrapper_box{
left: 57% !important;
}
.grid-top-p img{
width: 200px;
}
.bundle-label{
font-size: 0.9em;
}
.tabslider-pro{
width: 62%;
}
.tab_container .item-inner{
width: 100%;
}
.tab_container ul.bxslider li, li.relatedslider-item{
margin-top: 5px !important;
}
.sl-width{
width:150px !important;
}
.product-view .product-img-box .price-box{
margin-left: 125px;
}
.tabslider-f-with{
padding-left: 10px;
}
.bx-wrapper .bx-controls a {
right: 10px !important;
}
/* .bxslider .label-pro-sale{
display: block;
background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/sale30.png) no-repeat;
width: 30px;
height: 30px;
position: absolute;
z-index: 10;
left:-1px;
top:0px;
color: transparent;
}*/
.bxslider.fhs-related-slider .label-pro-sale{
top: 9px
}
#ves-verticalmenu .navbar-nav > li{
max-height: 33px;
}
.bxslider .label-pro-sale.deepdiscount{
background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/GiaSoc-30px.png) no-repeat !important;
height: 40px;
}
.products-grid .label-pro-sale.deepdiscount{
background:url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/GiaSoc-30px.png) no-repeat !important;
}
.bxslider .p-sale-label{
}
.ma-timer-title, .catlist-title, .brand-title {
margin-top: 20px;
margin-bottom: 20px !important;
}
.discount-l-fs{
font-size: 13px !important;
font-weight: bold;
}
.fhs-bundle-price{
width: 90px;
}
.fhs-bundle-price .price-to .price,
.fhs-bundle-price .price-from .price{
font-size: 1em;
}
.m-price-font, .m-price-font .price-box .price, .item-inner .price-box .old-price,
.item-inner .price-box .regular-price,
.old-price .price, .item-inner .price-box .special-price {
font-size: 12px;
}
.item-inner .actions{
display: none;
}
.tab_container .bx-viewport {
min-height: 319px !important;
}
.col2-left-layout .col-main {
/*margin-top: -55px;*/
}
.padd-l-r{
padding-left: 5px;
padding-right: 5px;
}
.categorytab-slider .fhs-partial-p{
padding-left: 15px !important;
}
.bxslider-grid .item{
width: 475px !important;
}
}
@media (max-width: 992px){
.tab_container .item-inner{
width: auto;
}
.tab_container .item-inner:nth-child(1){
margin-left: 4px;
}
}
@media (max-width: 660px){
.product-view .product-img-box .price-box{
}
.tab_container .bx-viewport{
min-height: 255px !important;
}
}
@media (max-width: 1200px){
.tabsliderNXB{
height: 70px !important;
}
.block_end_bottom div.box-col{
min-width: 150px !important;
}
}
@media (min-width: 1025px) and (max-width: 1279px){
.sl-width{
width: 18em !important;
margin-right: 8px !important;
}
.bxslider .p-sale-label{
margin-left: -7px;
}
.fhs-p-img{
display: block;
}
.product-view .product-img-box .label-pro-sale,
.product-view .product-img-box .label-pro-new{
left: 0px;
}
.product-view .product-img-box .label-pro-sale{
left: 0px;
}
.availability{
display: none !important;
}
.block-layered-nav li a{
font-size: 12px;
}
}
@media (min-width: 1280px){
.std .category-products .products-grid,.tabs-prod .category-products .products-grid{
margin-left: 25px;
}
.bxslider.fhs-related-slider .label-pro-sale{
top: 9px
}
.sl-width{
width: 18em !important;
margin-right: 8px !important;
}
.sl-blog-width{
width: 155px !important;
margin-right: 29px !important;
padding: 0 5px;
}
.fhs-p-img{
display: block;
}
.product-view .product-img-box .price-box{
margin-left: 190px;
}
.price-box-bundle .fhs-bundle-price{
margin-left: 165px !important;
min-width: 118px;
}
.block-note-product{
border-left: #e5e5e5 1px solid;
}
.product-view .product-img-box .label-pro-sale{
left: 0px;
}
.categorytab-slider{
min-height: 400px;
}
.static-block-cart-top-100 .categorytab-slider{
min-height: 455px;
}
.container{
padding-right: 0;
padding-left: 0;
}
.bxslider-grid .item{
width: 790px !important;
}
.block_end_bottom div.box-col{
min-width: 280px;
}
}
@media (min-width: 601px) and (max-width: 900px){
.product-view .product-img-box .product-image-zoom, .fhs-p-img{
width: 210px;
}
.product-img-box{
padding-bottom: 20px;
}
.product-view .product-img-box{
text-align: center;
}
.product-view .product-shop .product-name h1{
font-size: 17px;
}
.p-info, .availability{
display: none !important;
}
.more-views h2{
font-size: 18px !important;
}
.more-views .row{
display: none !important;
}
.products-grid li.col-md-2{
margin-left: 0px;
margin-right: 0px;
}
.product-view .product-img-box .price-box{
margin-left: 50px;
}
.product-view .product-img-box .price-box-bundle .price-box{
margin-left: 55px;
}
.product-view .product-img-box .label-pro-sale
{
margin-left: -25px;
}
.product-essential{
padding-top: 35px;
}
.noshow{
display: none;
}
.tab_container .tabslider-f-with ul.bxslider li{
margin-right: -4px !important;
}
.tab_container ul.bxslider li{
margin-right: 9px !important;
}
.tab-title ul li{
font-size: 12px !important;
}
.tab-title ul li{
padding-right: 10px;
padding-left: 10px;
}
.tabslider-img{
padding: 10px !important;
margin-top: 10px;
}
.sl-width{
width: 125px !important;
}
.bxslider-grid .item{
width: 560px !important;
}
#header .hearder1 .cart-top{
top: -10px !important;
right: 7px !important;
}
.bx-wrapper .bx-controls a{
right: -10px !important;
}
.ma-relatedslider-container .bx-wrapper .bx-controls a{
right: -39px !important;
}
.tab_container ul.bxslider li.sl-width, li.relatedslider-item{
margin-right: 30px !important;
}
}
@media (min-width: 901px) and (max-width: 1024px){
.bx-wrapper .bx-controls a {
right: -33px !important;
}
.sl-width{
width: 150px !important;
}
div.col-left.sidebar{
display: inherit;
}
#verticalmenu .navbar-collapse ul li span.menu-title{
font-size: 11px;
}
.product-name a{
font-size: 0.8em !important;
}
.product-view .product-img-box .label-pro-sale,
.product-view .product-img-box .label-pro-new{
left: 0px;
}
}
.more-views .row .total{
margin-left: 10px;
}
.product-img-box .availability{
display: none !important;
}
.bod-customer{
border: 1px solid #929191 !important;
color: #646464 !important;
border-radius: 5px;
}
.icon-column{
padding: 15px;
}
.almostcart_main{
}
.gift-active{
}
img.gift-icon{
height: 170px;
}
.gift-disabled .icon-column{
opacity: 0.4;
background-image: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/lock-03.png");
background-repeat: no-repeat;
}
.cart-gift-almost{
text-align: center;
padding-top: 15px;
}
.almostcart-text{
padding-left: 15px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 5px;
font-size: 14px;
}
.gift-description{
border-top: 1px solid #9f9f9f;
padding: 10px;
font-weight: bold;
}
.almost-cart-gift{
border: 1px solid #9f9f9f;
}
.gift-product-name{
padding: 10px;
border-bottom: 1px solid #9f9f9f;
font-weight: bold;
text-transform: uppercase;
}
.padding-left-none{
padding-left: 0px !important;
}
.padding-right-none{
padding-right: 0px !important;
}
.padding-top-10{
padding-top: 10px;
}
.padding-bottom-10{
padding-bottom: 10px;
}
.color-default{
color: #F7941E !important;
}
.collected-fpoint img{
max-width: 65%;
}
.collected-fpoint{
text-align: center;
}
.title-collected-fpoint{
color: #F7941E;
font-weight: bold;
text-align: center;
font-size: 14px;
}
.label-stock-availabel{
color:#F7941E;
font-size: 13px;
}
.contact-type{
text-align: center;
vertical-align: middle;
}
.contact-not-seeen{
background-color: #edf2fa;
}
.contact-btn{
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
float: left;
clear: both;
width: 100%;
}
.contact-btn button{
background-color: #F7941E;
background-image: none;
border: none;
text-transform: uppercase;
}
.contact-btn button:hover{
background-color: #c00;
}
.contact-btn button:focus{
background-color: #F7941E;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/chevron-left.svg");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/chevron-right.svg");
}
.swiper-button.swiper-btn-banner{
background-color: rgba(255, 255, 255, 0.9);
opacity: 0.4;
padding: 5px;
border-radius: 18px;
width: 34px;
height: 34px;
margin-left: 5px;
margin-right: 5px;
}
.inivoslider.swiper-container:hover .swiper-button.swiper-btn-banner{
opacity: 1;
}
.swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-next {
background-position-x: 10%;
background-color: #ffff;
opacity: 1;
border-radius: 50%;
width: 28px;
height: 28px;
box-shadow: 0px 2px 8px #00000029;
z-index: 10;
margin-left: 0;
margin-right: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pad-vip-icon{
padding-right: 96px;
}
.dashboard .box .box-title a{
color: #c00;
}
.fhs_tabslider_recommended .categorytab-slider{
margin-top: 15px;
margin-bottom: 0px;
}
.m-show-more-action, .m-show-less-action{
color: #F7941E;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
user-select: none;
padding-right: 20px;
}
.m-more-less a:hover{
color : #F39801;
}
.m-show-more-action{
background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/ico_morong.png') no-repeat right;
}
.m-show-less-action{
background: url('https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/ico_rutgon_cam.png') no-repeat right;
}
.actions{
display: none;
}
.products-grid .col-md-3 {
padding: 0px;
}
.no-stock-msg{
padding: 15px;
border: 1px solid red;
font-size: 13px;
font-weight: bold;
background-color: white;
margin-bottom: 20px;
margin-top: 20px;
}
.m-current-category{
padding-bottom: 8px;
font-weight: bold;
font-size: 14px;
color: #f7921f;
font-family: sans-serif;
/* margin-left: 20px;*/
}
#current-category a{
font-weight: bold;
color: #666;
}
.parent-current-category{
margin-left: 0px;
}
.loader-ani {
border: 5px solid white;
border-radius: 50%;
border-top: 5px solid #3498db;
width: 80px;
height: 80px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
.loader-container{
display: table;
margin: 0 auto;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.info-msg{
padding: 15px;
border: 1px solid #3498db;
font-weight: bold;
font-size: 11px;
background: #bfe5ff;
margin-top: 20px;
margin-bottom: 20px;
}
.product-hh{
color: #2489F4;
display: inline-block;
font-size: 10px;
font-weight: 600;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: absolute;
right: inherit;
bottom: inherit;
left: 0px;
top: 0px;
padding: 4px 8px;
background-color: #C9F0FF;
z-index: 1;
}
.content-icon-flash-sale .icon-top-flash-sales{
background: url("/skin/frontend/ma_vanese/fahasa/images/flash-sale3.svg") no-repeat center center;
height: 15px;
width: 15px;
}
.space-sold-qty{
margin-left: 2px;
margin-right: 2px;
color: #7A7E7F;
}
.fhs-sold-qty-num span{
color: #7A7E7F;
margin-top : 1px;
}
.fhsgrid .fhs_product_basic .ma-box-content .fhs-rating-container,
.fhs-partial-p .ul-items-sl-width .fhs-rating-container {
flex-direction: column;
}
.fhsgrid .fhs_product_basic .ma-box-content .fhs-rating-container .fhs-sold-qty-num{
flex-direction: column;
margin-top: 2px;
}
.fhs-container-sold-qty{
flex-direction: row;
display: flex;
font-size: 12px;
font-family: sans-serif;
align-items: center;
}
.fhsgrid .fhs_product_basic .ma-box-content .fhs-rating-container .space-sold-qty,
.fhs-partial-p .ul-items-sl-width .fhs-rating-container .space-sold-qty{
display: none;
}
.content-icon-flash-sale{
color: #C92127;
display: flex;
font-size: 10px;
position: absolute;
left: inherit;
bottom: inherit;
right: 0px;
top: 0px;
padding: 4px 8px;
background-color: #FEE5E5;
justify-content: center;
align-items: center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: 600;
height: 2rem;
width: 5rem;
}
.product-hh-empty{
padding: 4px 5px;
vertical-align: top;
display: inline-block;
font-size: 12px;
font-weight: 600;
margin-top: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
min-height: 25px;
}
.f-bold{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
strong{
font-family: Arial, Helvetica, sans-serif;
}
/*option product*/
.product-options-bottom .add-to-cart{
padding-top: 10px;
}
.checkbox-combo-item{
padding: 0px;
}
.flazy {
padding-top: 0px;
padding-bottom: 0px !important;
}
#fhs-tab-extra-info{
display: none;
}
#product_tabs_additional_contents{
display: block !important;
}
#product_tabs_additional_contents h2{
/*border-bottom: 1px solid #c1c1c1;*/
margin-bottom: 20px;
display: block;
font-weight: bold;
}
/*option product*/
.kasitoo{
display: table;
font-family: 'Roboto',sans-serif !important;
}
.kasitoo .product-essential{
padding: 0px 0px 0px 0px;
margin-top: 0px;
/* background-color: white; */
}
.kasitoo .product-essential-left{
margin-bottom: 20px;
}
.kasitoo .regular-price .price, .kasitoo .special-price .price{
font-size: 32px;
line-height: 32px;
color: #C92127;
font-weight: 700;
}
.kasitoo .special-price{
background-color: transparent !important;
}
.kasitoo .old-price .price{
font-size: 1em;
font-weight: 300;
}
.kasitoo .add-to-box{
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}
.kasitoo .add-to-box .add-to-cart{
padding: 0px;
}
.kasitoo .additional-list{
border-bottom: 1px solid #c1c1c1;
margin-bottom: 15px;
padding: 0px;
}
.kasitoo .additional-list div{
padding: 0px;
}
.kasitoo .link-compare{
display: none;
}
.kasitoo .link-wishlist .fa{
margin-right: 5px;
}
.kasitoo .rating-content .review-lable a{
display: none;
}
.kasitoo .price-block{
padding: 0px;
color: #575757;
margin-bottom: 15px;
}
.kasitoo .price-block .price-block-left .special-price{
padding-left: 0px;
}
.kasitoo .rating-content .review-position .rating-links{
display: block;
}
.kasitoo .price-block-right .discount-percent{
font-size: 20px;
line-height: 45px;
color: #F7941E;
font-family: 'Roboto',sans-serif !important;
font-weight: 700;
}
.kasitoo h1{
font-size: 1.7em;
font-weight: 600;
color: #212121;
font-family: 'Nunito Sans','sans-serif';
line-height: 1.5em;
overflow-wrap: break-word;
padding-bottom: 8px;
}
.kasitoo .product-essential-right{
padding: 0px;
}
.kasitoo .combo-img-info .product-info{
font-size: 16px;
padding: 10px 20px 5px 20px;
font-family: 'Roboto',sans-serif !important;
margin-bottom: 0px;
}
.kasitoo .combo-img-info .product-info .product-name{
font-size: 14px;
font-weight: 600;
color: #646464;
height: 1em;
}
.kasitoo .combo-img-info .product-overlay .product-qty{
font-size: 12px;
color: #646464;
text-align: right;
}
.kasitoo .combo-img-info .product-overlay{
padding-left: 15px;
padding-right: 15px;
width: inherit;
}
.kasitoo .combo-img-info .product-overlay .img{
display: table-cell;
vertical-align: middle;
text-align: center;
height: 265px;
box-shadow: 2px 4px 12px -2px #ccc;
width: inherit;
}
.kasitoo .combo-img-info .product-overlay .product-price{
padding: 0px;
text-align: left;
margin-top: 10px;
}
.kasitoo .combo-img-info .product-overlay .product-price .specialprice{
font-weight: bold;
color: #f7941e;
margin: 0px;
}
.kasitoo .combo-img-info .product-overlay .product-price .originalprice{
text-decoration: line-through;
color: #646464;
}
.kasitoo .combo-img-info .product-overlay .product-price .product-discount{
font-size: 16px;
font-weight: bold;
color: #f7941e;
text-align: right;
margin: 0px;
}
.kasitoo .price-block span.discount{
margin-left: 10px;
font-size: 3rem;
font-weight: 300;
color: red;
}
.kasitoo .short-description{
font-family: 'Roboto',sans-serif !important;
padding: 0px;
}
.kasitoo .combo-img, .bundle-dinamic-options .combo-img{
display: table-cell !important;
vertical-align: middle;
background-color: #f1f1f1;
text-align: center;
height: 160px;;
position: relative;
}
.kasitoo .combo-img .combo-img-info {
visibility: hidden;
width: 225px;
background-color: white;
border-radius: 10px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
top: -340px;
z-index: 9999999;
box-shadow: 2px 4px 12px -2px #202020;
}
.kasitoo .combo-img:hover .combo-img-info {
visibility: visible;
}
.kasitoo .combo-items{
margin-top: 0px;
padding: 0px;
}
.kasitoo .combo-item{
margin-bottom: 10px;
}
.kasitoo .combo-items .combo-img img, .bundle-dinamic-options .combo-img img{
max-height: 100%;
max-width: 100%;
}
.clearer{
clear: both;
margin: 10px;
}
.kasitoo .fa span, .kasitoo .fa p{
font-family: 'Roboto',sans-serif !important;
}
.kasitoo .combo-items div.title{
font-size: 18px;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 10px;
color: #838282;
font-family: 'Roboto',sans-serif !important;
font-weight: bold;
}
.kasitoo .combo-items div.title span {
color: #333;
}
.kasitoo .add-to-cart i.fa{
margin-right: 10px;
}
.kasitoo .pre-order-message, .kasitoo .xem-chi-tiet{
font-weight: normal;
}
.kasitoo .combo-img-info .specialprice span{
font-size: 16px;
}
.kasitoo .combo-img-info .originalprice span{
font-size: 12px;
}
.kasitoo .availability{
text-align: right;
font-size: 11px;
display: none;
}
.kasitoo .block-note-product{
/* margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #ccc;*/
background-color: #fafafa;
/*margin: 20px;*/
/*border: 1px solid #ccc;*/
margin-top: 45px;
margin-right: 10px;
border: none;
}
.kasitoo .block-note-product .product-attribute{
padding: 10px;
padding-left: 20px;
border-bottom: 1px solid #eff0f5;
color: #2c2c2c;
font-size: 14px;
font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
}
.kasitoo #more-views-lightgallery{
display: none;
}
.kasitoo .more-views{
padding-top: 10px;
}
.kasitoo button.btn-nostock{
padding-top: 0px;
}
.kasitoo .add-review-link .fa{
margin-right: 5px;
}
.block-note-product .fa{
border: 1px solid #ccc;
color: #ccc;
border-radius: 50%;
font-size: 20px;
line-height: 33px;
float: left;
margin-right: 5px;
text-align: center;
width: 35px;
height: 35px;
}
.block-note-product h3{
font-size: 16px;
font-weight: 600;
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.1;
font-family: 'Roboto',sans-serif !important;
}
.block-note-product .product-attribute .item span{
height: 35px;
display: table-cell;
vertical-align: middle;
color: #2c2c2c;
/*font-weight: bold;*/
}
.block-note-product .product-attribute .item span a{
color: #2c2c2c;
}
.block-note-product label{
color: #838282;
}
.block-note-product .product-attribute .item{
margin-bottom: 10px;
}
.block-note-product ul li{
list-style: inside;
}
.block-note-product .last{
border: none;
}
/* Style the tab customize and add to cart*/
/* Create an active/current "tab button" class */
.tab-combo .active {
color: white !important;
background-color: #f7941e !important;
border: none !important;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 20px;
border: none;
border-top: 1px solid #ccc;
height:85vh;
min-height:85vh;
overflow: scroll;
display: none;
}
.combo-item-choose{
background-color: #f0f0f0 !important;
}
.active-block{
visibility: visible !important;
display: block !important;
position: fixed;
z-index: 3000;
top: 5%;
left: 32%;
width: 36% !important;
background: transparent !important;
}
.bundle-dinamic-options{
visibility: hidden;
display: none;
background-color: white !important;
border-radius: 15px;
}
.edit-bundle{
position: relative;
}
.edit-bundle span{
background-color: #F39801;
border: 2px solid #F39801;
color: #fff;
padding: 10px 20px;
border-radius: 3px;
text-transform: uppercase;
font-size: 1.1em;
font-weight: 700;
font-family: 'Open Sans', Arial, Helvetica;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
transition: all 0.3s;
cursor: pointer;
user-select: none;
box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
-moz-box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
-webkit-box-shadow: 0px 4px 6px hsl(0, 0%, 90%);
}
.kasitoo .price-from .price-label,.kasitoo .price-to .price-label{
display: none;
}
.kasitoo .price{
font-weight: bold;
font-family : 'Nunito Sans' !important;
}
.kasitoo .fhs-bundle-price{
background-color: none !important;
}
.kasitoo .lightgallery{
padding: 0px 14px;
}
.kasitoo .price-block-left div{
/* background-color: white !important; */
}
.bundle-dinamic-options .combo-item-option{
padding: 15px;
margin-bottom: 5px;
}
.bundle-dinamic-options .combo-img{
background-color: transparent;
}
.bundle-dinamic-options input.change-container-classname{
display: none;
}
.bundle-dinamic-options .product-price{
padding: 0px;
}
.bundle-dinamic-options .add-to-cart{
text-align: center;
}
.bundle-dinamic-options .add-to-cart .pre-order-message{
text-align: left;
}
.bundle-dinamic-options .add-to-cart .button i{
margin-right: 10px;
}
.bundle-dinamic-options .specialprice span,.bundle-dinamic-options .product-discount{
font-size: 16px;
}
.bundle-dinamic-options .specialprice .price, .bundle-dinamic-options .product-discount{
font-weight: bold;
text-transform: uppercase;
font-family: 'Open Sans', Arial, Helvetica;
color:#f7941e;
}
.bundle-dinamic-options .specialprice, .bundle-dinamic-options .product-discount{
margin-bottom: 0px;
}
.bundle-dinamic-options .product-discount, .bundle-dinamic-options .product-qty{
text-align: right;
}
.bundle-dinamic-options .originalprice .price{
text-decoration: line-through;
color: #575757;
font-size: 12px;
}
.bundle-dinamic-options .name{
font-size: 20px;
color: #646464;
font-family: 'Roboto',sans-serif !important;
font-weight: bold;
margin-bottom: 15px;
}
#confirm table,#confirm table tbody th,#confirm table tbody td, #confirm table th{
border: none;
}
#confirm table tbody td{
padding-top: 5px;
padding-bottom: 5px;
}
#confirm .list-item{
background-color: #f0f0f0;
margin-bottom: 20px;
}
#confirm table thead{
border-bottom: 1px solid #d5d5d5;
}
.bundle-dinamic-options .product-qty{
color: #575757;
font-family: "Poppins", sans-serif;
}
.bundle-dinamic-options .tabcontent h3{
font-size: 20px;
color: #f7941e;
font-family: 'Roboto',sans-serif !important;
margin: 15px;
}
.bg-success{
background-color: none;
}
.bundle-dinamic-options .add-to-cart input#qty{
height: 36px !important;
width: 36px !important;
min-width: 35px !important;
}
.bundle-dinamic-options #confirmtab i{
display: none;
}
.bundle-dinamic-options #confirmtab{
border:1px solid #ddd;
border-radius: 25px;
}
.tab-combo{
text-align: center;
padding: 10px;
padding: 30px 10px 20px 10px;
}
.tab-combo-item{
margin: 10px 32px;
padding: 7px 10px;
background-color: #ddd;
border-radius: 50%;
}
.tab-combo-item-label{
margin: 10px;
padding: 5px 10px;
background-color: white;
}
.tab-combo-item-title{
padding-left: 2px;
}
.tab-combo-item-label, .tab-combo-item {
margin-left: 0px;
}
.tab-combo-item{
position: relative;
}
.horizontalLine {
position: absolute;
width: 1px;
top: 0px;
bottom: 0;
background-color: #ddd;
transform: rotate(90deg);
left: 47px;
}
.overflow-none{
overflow: hidden;
height: 100vh;
}
@media (max-width: 1280px) {
.active-block{
left: 25%;
width: 50% !important;
}
.horizontalLine{
left: 46px;
height: 31px;
}
}
@media (max-width: 1600px) {
.active-block{
left: 28%;
width: 45% !important;
}
.horizontalLine{
left: 48px;
height: 31px;
}
}
.box-tags {
clear: both;
}
.box-tags h2{
display: none;
}
.bundle-dinamic-options .tab-combo-header-left{
text-align: left !important;
}
.bundle-dinamic-options .tab-combo-header-right{
text-align: right !important;
}
.almost-cart-block .deactivate img, #gift_event .deactivate img{
opacity: 0.5;
}
.almost-cart .active img {
cursor: pointer;
}
.almost-cart-block, .almost-cart-random-gift{
display: none;
background-color: white;
}
.active-all-gift-block{
visibility: visible !important;
display: block !important;
position: fixed;
z-index: 3000;
top: 5%;
left: 25%;
width: 50%;
overflow: auto;
max-height: 90vh;
}
.active-all-gift-random{
visibility: visible !important;
display: block !important;
position: fixed;
z-index: 3000;
top: 5%;
left: 40%;
overflow: auto;
max-height: 90vh;
}
.active-random-gift-block{
visibility: visible !important;
display: block !important;
position: fixed;
z-index: 3000;
top: 25%;
left: 40%;
overflow: auto;
max-height: 90vh;
}
.deactivate-rank{
display: none;
}
.one-step-checkout #gift_step_header {
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/title-gift.png) center left no-repeat;
}
.almost-cart-block .swiper-wrapper{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.almost-cart-block .swiper-slide{
padding-left: 15px;
padding-right: 15px;
}
.almost-cart-block h3{
text-indent: 0px !important;
padding: 10px 0 !important;
line-height: 15px;
text-align: center;
}
#view-all-gift{
color: #c00;
text-align: center;
padding: 20px;
font-size: 16px;
cursor: pointer;
border-top: 1px solid #b1aea9;
margin-top: 10px;
}
.almost-cart-block .close, .almost-cart-random-gift .close{
position: absolute;
z-index: 9999999;
top: 7px;
right: 10px;
}
.mb-category-products {
padding-top: 15px;
}
.col-fhs-main-body{
background-color: white;
}
.retail-note{
text-align: left;
padding-bottom:10px;
}
.retail-note a{
color: red !important;
/*font-weight: 600;*/
}
.retail-note a:hover{
color: #F39801 !important;
}
.mb-search-result{
padding-top: 25px;
}
.box-info .box-head{
display: none;
}
.box-recent .box-head a{
padding-top: 10px;
display: block;
}
table.account-order-history, table.account-order-history th, table.account-order-history td,
table.account-order-history thead, table.account-order-history .odd{
border: none !important;
border-right: none !important;
border-top: none !important;
box-shadow: none;
}
.product-name-wish{
font-size: 14px;
}
.product-name-wish a{
color: black;
}
#wishlist-table button.button span, .wishlist-btn button.button span{
padding: 8px 10px;
font-size: 13px;
}
.addresses-primary .item h3{
font-weight: bold;
}
.addresses-primary h2, .addresses-additional h2{
font-weight: bold;
font-size: 13px;
}
.edit-address-block{
padding: 20px;
padding-top: 0px;
}
.address-book-container{
display: flex; flex-direction:row; align-items:flex-start; justify-content:space-between; padding:8px 0; margin-top:10px;
}
.address-book-detail{
display: flex; flex-direction:column; flex:1; justify-content:center;
}
.address-book-header{
display: flex; flex-direction:row; align-items:center; margin-bottom:4px;
}
.address-book-title{
font-weight:bold; display:flex; flex-direction:row; align-items:center; max-width: 480px;
}
.address-book-fullname{
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.default-address{
display: flex;padding: 3px 8px; margin-left: 16px; background-color: rgba(36, 137, 244, 0.2); align-items:center; justify-content:center; border-radius:4px
}
.input-box .edit-title{
width: 150px;
}
.input-box .edit-input-container{
display:flex !important; flex-direction:column; width: calc(100% - 300px) !important;
padding: auto 12px;
}
.input-box .edit-input-container .edit-input.input-text{
border: 1px solid #ddd !important; min-height:36px !important; font-size:14px !important
}
@media(max-width: 768px){
.edit-address-block{
padding: 0;
}
.address-book-header{
display: flex; flex-direction:column; align-items:flex-start; margin-bottom:4px;
}
.default-address{
margin-left: 0;
margin-top: 5px;
}
.form-list .input-box { display:flex; flex-direction:column !important; align-items: flex-start !important; }
.input-box .edit-input-container, .input-box .edit-input-container .edit-input.input-text{
width: 100% !important;
}
.input-box .edit-title{
margin-bottom: 5px;
}
.address-book-title{
max-width: 220px;
}
}
.login-item-desc li{
list-style: disc;
margin-left: 25px;
padding-bottom: 5px;
}
.formblockwbg{
background: white;
padding: 30px;
text-align: center;
}
.form-edit-center{
margin: 0 auto;
float: none;
}
.form-edit-center input{
border: none !important;
border-bottom: 1px solid #929191 !important;
color: #333 !important;
height: 20px !important;
font-size: 15px;
}
.form-edit-center .form-group{
text-align: left;
margin-bottom: 10px;
}
.gender-edit{
display: inline-block;
padding: 20px 0px;
padding-top: 15px;
}
.customer-dob{
padding: 5px 0px;
}
.form-edit-center label{
font-style: italic;
}
.edit-account-password-form{
border-top: 1px solid #f2f2f2;
display: inline-block;
width: 100%;
padding: 10px 0px;
margin-top: 15px;
}
.edit-account-form .dob-day{
margin-left: 10px;
}
.form-edit-address-account .form-list .input-box, .form-edit-address-account .form-list .input-box input,
.form-edit-address-account .form-list .field,
.edit-account-form .form-list .input-box, .edit-account-form .form-list .input-box input,
.edit-account-form .form-list .field{
width: 100%;
}
.form-edit-address-account .form-list .input-box input{
padding-left: 12px !important;
padding-right: 12px !important;
}
.account-login a{
color: #c00;
}
.edit-account-form .name-edit{
padding: 10px 0;
}
.address-edit-dd{
display: inline !important;
padding-left: 10px;
position: absolute;
right: -150px;
}
.edit-address-block .form-list .field{
padding: 10px 0;
}
.login-form input{
min-height: 35px !important;
border-radius: 0px;
width: 70% !important ;
float: right;
}
.login-form label{
padding-top: 18px;
float: left;
color: #888888;
}
.login-form .block-button{
display: inline-grid;
border: none;
width: 100%;;
padding-top: 100px;
}
h2.product-name-wish{
font-family: 'Nunito Sans' !important;
text-align: left;
line-height: 25px;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 50px;
max-height: 50px;
font-size: 14px;
color: #333333;
}
.my-wishlist .truncated{
display: none;
}
.my-wishlist .special-price{
background: none !important;
color: black !important;
}
.review-detail-img{
padding: 0px;
margin-right: 15px;
margin-bottom: 10px;
}
.pre-order-message p{
margin: 5px 10px !important;
}
.r-btn-like, .r-btn-abuse{
cursor: pointer;
}
.product-view-head{
border-bottom: 1px solid #e0dede;
}
.product-view-head .rating-content .rating-box{
margin-bottom: 10px;
margin-top: 5px;
}
div.latest-comment.block{
display: none;
}
.menu-categories li:before{
content: "\f105";
position: absolute;
font-family: FontAwesome;
left: -10px;
top: 0px;
color: #aaa;
}
.menu-categories ul li{
position: relative;
}
.fhs_product_link li{
list-style-type: disc;
margin-left: 15px;
}
#fhs-blog{
min-height: 400px;
padding-top: 15px;
}
.menu-recent .bx-viewport{
max-height: 340px !important;
}
.menu-recent .blog-title{
display: inline-block;
margin-top: 10px;
}
span.m-selected-filter-item {
color : #F7941E;
font-weight: bold;
font-size: 14px;
}
.last_fhs_block{
margin-right:0;
}
.no-margin-top{
margin-top: 0px;
}
/*---- start sort order and limit-----*/
.abc-xyz{
display : flex;
flex-direction : row;
}
.dropdownfhs-select{
flex : 3;
}
.dropdownfhs-text{
margin-right: 10px;
}
.dropdownfhs-select{
flex:2;
}
.dropdownfhs-text p{
margin-top: 10px;
font-size: 14px;
color : black;
}
div.selectBox
{
position:relative;
display:inline-block;
cursor:default;
text-align:left;
line-height:30px;
clear:both;
color:#888;
width : 100%;
}
span.selected
{
text-indent:15px;
border:1px solid #CDCFD0;
border-right:none;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
overflow:hidden;
line-height: 40px;
}
span.selectArrow
{
width:30px;
border:1px solid #CDCFD0;
border-left : 0px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
text-align:center;
font-size:20px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
span.selectArrow,span.selected
{
position:relative;
float:left;
height:40px;
z-index:1;
color: #444;
}
span.selectArrow{
background: url(https://cdn1.fahasa.com/skin/frontend/ma_vanese/fahasa/images/ico_dropdown.png) no-repeat center left;
}
div.selectOptions
{
position: absolute;
top: 35px;
left: 0;
border: 1px solid #CDCFD0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top: none;
overflow: hidden;
background: white;
padding-top: 2px;
/*display: none;*/
z-index: 11;
}
span.selectOption
{
display:block;
line-height:20px;
padding:5px 10%;
color:#444;
}
span.selectOption:hover
{
color:#444!important;
background:#FCDAB0;
}
.hightlight{
color:white!important;
background:#F7941E;
}
/*---- sort_order ---*/
span.selected-order
{
width:calc(100% - 30px);
padding-right : 10px;
}
div.selectOptions-order
{
display: none;
width: 100%;
}
/* -----sort_limit----- */
div.selectOptions-limit
{
display: none;
width: 130px;
}
span.selected-limit
{
width:100px;
}
/*---- sort_in_stock ---*/
span.selected-in-stock
{
width:calc(100% - 30px);
padding-right : 10px;
}
div.selectOptions-in-stock
{
display: none;
width: 100%;
}
/*---- END sort order and limit-----*/
.banner-home-inner {
margin-bottom: 0px;
margin-top: 16px;
border-radius: 8px;
}
.page-empty-banner .page-banner{
padding-top: 0px;
}
.page-banner{
padding-top: 15px;
}
.fhs-grid .bxslider h2.product-name{
max-height: 42px;
min-height: 42px;
overflow: hidden;
}
.fhs-grid .position-bar-gridslider{
margin-top: -10px;
/* margin-bottom: 25px !important; */
margin-left: 10px;
margin-right: 10px;
}
.old-price .price{
padding-left: 5px;
}
p.old-price{
display: inline;
}
.item-inner .price-label{
height: 5rem;
}
.fhs-grid .ma-box-content{
padding-bottom: 1em;
padding-top: 0.7em;
}
.products-grid .price-label{
}
.fhs-grid .tab_container .bx-viewport{
min-height: 300px !important
}
.bxslider .product-name-no-ellipsis{
height: 2.1em !important;
}
.product-name-no-ellipsis .label-tagname{
margin-right: 2px;
}
.categorytab-slider .product-image{
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.product-image .fhs_img_frame_block{
position: absolute;
z-index: 1;
}
.product-name-no-ellipsis a{
padding-top: 0px !important;
line-height: 1.4em;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 2.8em;
max-height: 2.8em;
font-size: 0.78em;
color: #333333;
}
.product-name-no-ellipsis a:hover{
color: inherit;
}
.bxslider .product-name-no-ellipsis{
height: 2.8em;
margin-top: 1.6rem;
}
#personalization-page-container > div, #girdslider-page-container .row, #event-buffetcombo-container .row,
.related-product-page-container > div, #girdslider-page-container .row, #event-buffetcombo-container .row{
display: grid;
grid-template-columns: repeat(5, minmax(0,1fr));
grid-gap: 8px;
content: none !important;
margin-bottom: 8px;
margin: inherit;
}
#girdslider-page-container .row:before, #girdslider-page-container .row:after, #event-buffetcombo-container .row:before{
content: none;
}
.categorytab-slider .item-inner, .category-products .item-inner, .personalization-item .item-inner{
position: relative !important;
}
.category-products .products-grid li:hover, .personalization-item .item-inner:hover, .event-buffetcombo-page-item:hover{
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}
.personalization-item{
background-color: #fff;
border-radius: 2px;
}
.personalization-item .fhs_img_frame_block{
left : 0;
top : 0;
width: 100%;
}
.personalization-item .fhs_product_basic .item-inner{
margin: 0px 0px 0px;
padding-bottom: 8px;
height: 100%;
}
#personalization-grid{
margin-top: 15px;
display: none;
background-color: #fff;
padding: 0px;
}
#personalization-header-title{
/* background: url(/skin/frontend/ma_vanese/fahasa/images/banner_personalization.png); */
/* background-color: #C92127; */
justify-content: center;
display: flex;
display: flex;
/* height: 3.5rem; */
position: relative;
padding-left: 0px;
height: 60px;
}
.grid-block-personalization{
}
#personalization-header-title .block-header-title{
/* background-color: #f70d16;
color: #fff;
padding: 12px 22px;
border-radius: 8px;
font-size: 18px;
font-weight: 700;
z-index: 1;
margin-left: 0; */
/* background-color: #F63B2F; */
color: #fff;
padding: 4px 8px;
/* border-radius: 8px; */
font-size: 22px;
font-weight: 800;
z-index: 1;
margin-left: 0;
}
#personalization-header-title .header-line{
border-top: 1px solid rgba(124,100,100,.26);
left: 0;
margin: 0;
position: absolute;
top: 50%;
width: 100%;
}
#personalization-header-menu, #personalization-page-menu{
padding: 5px 15px;
background-color: #fff;
display: none;
}
.personalization-menu-item > a{
font-size: 15px;
text-decoration: none !important;
color: #000;
}
.header-separator{
background-color: #fff;
padding: 0 20px;
display: none;
}
.header-separator .line-separator{
height: 1px;
width: 100%;
background-color: #e8e8e8;
text-align: center;
}
/* Header Menu */
.personalization-menu-item{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 6px 12px;
user-select: none;
font-size: 14px;
margin-left: 20px;
color: #000;
}
#personalization-header-menu > li:first-child, #personalization-page-menu > li:first-child{
margin-left: 0px;
}
#personalization-menu-item-more{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 15px;
user-select: none;
font-size: 14px;
margin-left: 20px;
}
#personalization-menu-item-more > a{
font-size: 16px;
color: #000;
}
.personalization-menu-item:hover, .personalization-menu-item.active
,.personalization-menu-subitem:hover hr, .personalization-menu-subitem.active hr{
border: 1px solid #F7931E;
border-radius: 5px;
color: #F7931E;
}
.personalization-menu-item.active a,
#personalization-header-menu .personalization-menu-item:hover a
{
text-decoration: none;
transition: all 0s ease-in-out;
}
.personalization-menu-item.active a{
font-weight: bold;
}
#personalization-menu-item-more-option{
position: absolute;
float: left;
border: 1px solid #ccc;
padding: 0px;
z-index: 99999;
border-radius: 4px;
background-color: #fff;
display: none;
-webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.3);
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.3);
margin-left: -15px;
overflow:auto;
max-height: 500px;
}
#personalization-menu-item-more-option::-webkit-scrollbar {
width: 5px;
}
#personalization-menu-item-more-option::-webkit-scrollbar-thumb {
height: 40px;
background-color: #ccc;
}
.personalization-menu-subitem a{
font-size: 14px;
color: black;
}
.personalization-menu-subitem:hover{
background-color: #e2e2e2;
}
/* Loading */
#personalization-grid-loading{
text-align: center;
}
#personalization-grid-container{
background-color: #fff;
margin: 0px;
}
#personalization-grid-container > div{
margin-right: 0px;
margin-left: 0px;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 16px;
}
#personalization-grid-more{
background-color: #fff;
}
.swiper-personal-mobile-grid .personalization-item{
width: 13em;
}
.personalization-menu-mobile-item{
margin: 0px 5px;
padding: 5px 10px;
text-align: center;
width: auto !important;
}
#personalization-menu-mobile{
overflow: hidden;
margin: 0px;
background-color: #fff;
padding: 10px 0;
display: none;
}
#personalization-menu-mobile a{
font-size: 13px;
}
#personalization-recommendation-title {
padding: 15px;
line-height: 2.8em;
text-align: center!important;
}
#personalization-recommendation-content{
font-size: 15px;
font-weight: bold;
color: #fff;
line-height: 2.8em;
text-align: center!important;
padding-bottom: 7px;
text-align: center!important;
}
.product-name a{
max-height: 40px;
min-height: 40px;
overflow-y: hidden;
}
.swiper-personal-mobile-grid.swiper-container-horizontal{
margin-left: -8px;
}
#personalization-recommendation-title a{
color: #ff9800;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 5px 20px 5px 20px;
background-color: #fff;
border-radius: 20px;
width: 240px;
vertical-align: middle;
display: inline-block;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -9px black;
}
#personalization-grid-more{
padding-bottom: 10px;
}
#personalization-page-body{
/*font-family: Montserrat,sans-serif;*/
font-size: 14px;
font-family: 'Nunito Sans' !important;
margin-top: 10px;
background: url(/skin/frontend/ma_vanese/fahasa/images/banner_personalization.png);
background-size: 100%;
background-repeat: no-repeat;
padding: 8px;
display: none;
position: relative;
}
.personalization-blur{
background-image: linear-gradient(
181deg
, white, transparent);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(1px);
position: absolute;
top: 400px;
left: 0;
right: 0;
height: 200px;
}
.personalization-page-bottom-view-more{
margin-top: 20px;
justify-content: center;
align-items: center;
display: flex;
}
.personalization-page-bottom-view-more .view-more{
background: white;
display: inline;
padding: 8px 60px 8px 60px;
border-radius: 8px;
font-size: 16px;
border: 2px solid #C92127;
color: #C92127; position: relative;
}
.personalization-page-bottom-view-more .view-more .arrow-next{
-webkit-transform: rotate(
-180deg
) translate(0, 50%);
-ms-transform: rotate(-180deg) translate(0, 50%);
-moz-transform: rotate(-180deg) translate(0, 50%);
transform: rotate(-180deg) translate(0, 50%);
right: 30px !important;
width: 20px;
height: 20px;
position: absolute;
bottom: -1px;
background-color: #C92127;
-webkit-mask-image: url(/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg);
mask-image: url(/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg);
}
@media (max-width: 991px) {
.personalization-menu-item > a{
font-size: 13px;
}
#personalization-page-title{
font-size: 20px;
font-weight: bold;
color: #FF9800;
text-align: center;
margin: 10px 0px;
}
}
@media (min-width: 991px) {
#personalization-page-title{
font-size: 24px;
font-weight: bold;
color: #FF9800;
text-align: center;
margin: 10px 0px;
}
}
#personalization-menu-item-more{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 15px;
user-select: none;
font-size: 14px;
}
#personalization-menu-item-more > a{
font-size: 16px;
}
.personalization-menu-item hr, .personalization-menu-subitem hr{
margin: 5px 0px;
border: 1.5px solid #eee0;
-webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
width : 20%;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
}
.personalization-menu-item:not(.active) hr, .personalization-menu-subitem:not(.active) hr{
-webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
}
.personalization-menu-item:hover hr, .personalization-menu-item.active hr
,.personalization-menu-subitem:hover hr, .personalization-menu-subitem.active hr{
border: 1.5px solid #F7931E;
width: 100%;
}
.personalization-menu-item.active a, #personalization-header-menu .personalization-menu-item:hover a{
color: #F7931E;
}
#personalization-menu-item-more:hover > a, #personalization-menu-item-more.active > a{
color: #F7931E !important;
}
#personalization-menu-item-more-option a{
font-size: 14px;
}
.personalization-menu-subitem{
padding: 10px 10px;
color: #F7931E;
text-align: left;
}
.personalization-menu-subitem.active{
background-color: #FCDAB0;
}
.personalization-menu-subitem:hover{
background-color: #FCDAB0;
}
/* Order by Selector */
#personalization-page-order-by, #event-buffetcombo-order-by{
width:200px;
float: right;
border: 1px solid #ccc !important;
}
.page-order-by-container{
padding: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
background-color: #fff;
display: none;
}
#personalization-page-container, #girdslider-page-container, #event-buffetcombo-container,
.related-product-page-container {
margin-top: 8px;
}
.personalization-item, .event-buffetcombo-page-item{
flex: 1;
width: 100%;
margin-bottom:0px;
display: flex;
}
#related-product-header-title{
padding: 12px 0px;
}
#personalization-vertically-container .personalization-item{
border-bottom: 1px solid rgba(0,0,0,.09);
}
.personalization-item .item-inner, .event-buffetcombo-page-item .item-inner{
flex: 1;
font-family: 'Nunito Sans' !important;
}
.personalization-item .item-inner .images-container .product-image img{
min-height: 190px;
}
.personalization-item .item-inner .price-label{
height: 4.5rem;
}
.personalization-item .item-inner .rating-links{
line-height: unset;
}
.personalization-item .fhs-rating-container{
margin-top: 2px;
}
.personalization-item .fhs-rating-container .ratings .rating-box{
margin-top: 4px;
}
#personalization-page-container > div, .related-product-page-container > div{
grid-gap: 12px;
margin-top: 12px;
}
.personalization-item .item-inner .product-name-no-ellipsis, .personalization-item .item-inner .special-price{
font-family: 'Nunito Sans' !important;
}
.personalization-item .item-inner:hover{
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
}
.personalization-item .discount-percent, .personalization-item .item-inner .discount-percent{
padding: 2px 4px;
/* background-color: #FEEBE9; */
background-color: #C92127;
/* color: #C92127; */
color: #ffffff;
}
.personalization-item .item-inner .price-label, .personalization-item .margin_top_small{
margin-top: 2px;
}
.personalization-item .item-inner .old-price{
color: #888888;
text-decoration: line-through;
font-weight: 500;
line-height: 26px;
font-weight: 300 !important;
line-height: 14px;
}
.personalization-item .item-inner .rating-links{
font-size: 12px;
}
.personalization-item .fhs-container-sold-qty, .personalization-item .fhs-sold-qty-num{
font-size: 13px;
}
.personalization-item .space-sold-qty{
margin-left: 3px;
margin-right: 3px;
font-family: 'Nunito Sans' !important;
}
.personalization-item .item-inner .images-container .episode-label{
background-color: #000;
opacity: 0.78;
width: unset;
font-size: 12px;
padding: 2px 6px;
}
.personalization-item .label-name{
/* background-color: #C92127; */
background-image: linear-gradient(to right, #f58c37 , #d82b27);;
color: #fff;
border-radius: 4px;
padding: 1px 3px;
margin-right: 4px;
font-size: 12px;
font-weight: 700;
}
.personalization-item .special-price{
display: -webkit-box;
}
.personalization-item .fhs-sold-qty-num span, .personalization-item .special-price .price{
font-family: 'Nunito Sans' !important;
}
.personalization-item .fhs-sold-qty-num span{
font-size: 13px;
}
.personalization-item .special-price .price{
font-weight: 700;
font-size: 15px;
}
.personalization-item .product-name-no-ellipsis{
display: inline;
font-size: 1.05em;
padding-top: 0px !important;
line-height: 1.4em;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 2.8em;
max-height: 2.8em;
}
.personalization-item .product-name-no-ellipsis .label-tagname{
height: 16px;max-width: 80px;margin-right: 2px;margin-top: 2px;
}
.personalization-item .flash_sale_skeleton_item{
padding: 10px;
}
#personalization-page-loading .flash_sale_skeleton_image, #personalization-page-loading .flash_sale_skeleton_text_large,
#related-product-page-loading .flash_sale_skeleton_image, #personalization-page-loading .flash_sale_skeleton_text_large{
width: 100%;
margin-top: 0px;
}
#personalization-page-loading .flash_sale_skeleton_item, #related-product-page-loading .flash_sale_skeleton_item{
margin-left: 0px;
}
#personalization-page-loading .flash_sale_skeleton_item, #related-product-page-loading .flash_sale_skeleton_item{
height: unset;
}
#personalization-not-loggedin{
background-color: #f0f0f0;
width: 349px;
text-align: center;
padding: 15px;
margin: 0 auto;
display: none;
}
#personalization-page-loading, #related-product-page-loading{
padding-top: 8px;
text-align: center;
padding-left: 8px;
padding-right: 8px;
/* min-height: 300px; */
}
#personalization-page-loading .skeleton-container, #related-product-page-loading .skeleton-container{
display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 10px; flex: 1; justify-content: space-between; align-items: center;
}
#personalization-page-container .row::before, #personalization-page-container .row::after,
.related-product-page-container .row::before, .related-product-page-container .row::after{
content: none;
}
.block-header{
display: flex;
align-items: center;
padding: 0.8em 15px;
}
.block-header > a:hover{
color: inherit;
}
.block-header-title{
font-size: 17px;
text-transform: uppercase;
color: #000;
font-weight: 550;
margin-left: 5px;
}
.block-header-icon{
width: 25px;
height: 25px;
/*margin: 0 20px;*/
}
.items-sl-width{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 8px;
}
@media( max-width : 1024px){
.ul-items-sl-width{
width: 14.5em!important;
}
}
.fhs-tab-slider-prev{
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg") no-repeat center center !important;
left: -16px !important;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.position-tab-prev{
top: 26%;
}
.position-tab-next{
top: 26%;
right: 10px;
}
/*.fhs-tab-slider-prev:hover,.fhs-tab-slider-next:hover{
opacity: 1;
}*/
.fhs-tab-slider-next{
background: url("/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg") no-repeat center center !important;
-webkit-transform: rotate(-180deg) translate(0, 50%);
-ms-transform: rotate(-180deg) translate(0, 50%);
-moz-transform: rotate(-180deg) translate(0, 50%);
transform: rotate(-180deg) translate(0, 50%);
right: -16px !important;
}
.fhs-tab-slider-prev,
.fhs-tab-slider-next{
position: absolute;
background-size: 24px 24px !important;
width: 40px !important;
height: 40px !important;
background-color: #fff !important;
box-shadow: 0px 2px 8px #00000029 !important;
top: 50%;
border-radius: 20px;
margin: 0px !important;
z-index: 10;
}
.arrow-deActive{
display: none;
}
.position-left-next{
top: 38%;
right: 10px;
}
.position-left-prev{
top: 38%;
}
.product-name-full-text a{
/*max-height: 40px;*/
min-height: 40px;
overflow-y: hidden;
}
.product-name-full-text a{
color: #333333;
font-weight: normal;
font-size: 0.75em;
display: block;
padding-top: 5px;
height: inherit;
}
/* -- blockImageCategory css -- */
.fhs_blockimagecategory_parent{
display: flex;
flex-direction: row;
gap: 8px;
padding-bottom: 5px;
}
.fhs_blockimagecategory_parent .swiper-wrapper{
gap : 8px;
}
.fhs_blockimagecategory_conatiner {
background-color: white;
align-items: center;
flex : 1;
}
.fhs_blockimagecategory_title {
padding: 10px;
cursor: pointer;
display: flex;
justify-content:space-between;
font-size: 1.8rem;
}
.fhs_blockimagecategory_image {
/*height: 160px;*/
padding: 0px 10px;
}
.fhs_blockimagecategory_item_container {
display: flex;
flex-direction: row;
gap: 4px;
justify-content: space-around;
padding: 8px 8px;
}
.fhs_blockimagecategory_item {
/*height: 83px;*/
/*width: 83px;*/
max-height: 85px;
max-width: 85px;
}
.fhs_blockimagecategory_icon_arrow {
background: url(/skin/frontend/ma_vanese/fahasa/images/ico_arrow_gray.svg) no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 25px;
width: 25px;
transform: rotate(-180deg);
}
.fhs_blockimagecategory_item_image{
height: 100%;
width: 100%;
}
.fhs_blockimagecategory_title_text{
font-size: 1.8rem;
color: #0D0E0F;
font-weight: bold;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-width: 90%;
}
/* mobile-image*/
.fhs_blockimagecategory_content{
background-color: white;
}
.fhs_blockimagecategory_swiper_container.swiper-container{
position: relative;
width: 100%;
height: 100%;
background-color: white;
margin-top: 15px;
padding-top : 15px;
}
.fhs_blockimagecategory_swiper_container .swiper-slide {
/*height: 120px;*/
width: 60%;
margin : 0 10px;
opacity: 0.5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.fhs_blockimagecategory_swiper_container .swiper-slide.swiper-slide-active {
opacity: 1;
}
.fhs_blockimagecategory_swiper_pagination{
background-color: white;
text-align: center;
}
.fhs_blockimagecategory_swiper_pagination .swiper-pagination-bullet{
background: #C92127;
opacity: 0.5;
margin : 0px 2px;
}
.fhs_blockimagecategory_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 24px;
background: #C92127;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity: 1;
}
.fhs_blockimagecategory_swiper_container,.fhs_blockimagecategory_swiper_pagination{
display: none;
}
@media (min-width: 992px) {
.fhs_blockimagecategory_conatiner {
border: 0px!important;
border-radius: 8px 8px;
min-height: 312px;
}
.fhs_blockimagecategory_title{
background-color: white!important;
border-radius: 8px 8px;
}
}
@media (max-width: 992px) {
.fhs_blockimagecategory_parent{
padding-bottom: 10px;
background-color: white;
}
.fhs_blockimagecategory_parent .swiper-wrapper{
gap : 0px;
}
.fhs_blockimagecategory_conatiner {
width : 214px;
height: 114px;
flex: none;
display: flex;
flex-direction: column-reverse;
border: 1px solid #DFF2FF;
margin: 0px 5px;
padding: inherit;
}
.fhs_blockimagecategory_title{
width: 100%;
}
.fhs_blockimagecategory_image,.fhs_blockimagecategory_icon_arrow {
display: none;
}
.fhs_blockimagecategory_swiper_container,.fhs_blockimagecategory_swiper_pagination {
display: block;
}
.fhs_blockimagecategory_swiper_container .swiper-slide {
width: 40%;
}
.fhs_blockimagecategory_title_text {
font-size: 15px;
}
.fhs_blockimagecategory_title {
padding : 5px 5px;
}
}
.product_collection_icon_menu{
background-color: #fff;
text-align: center;
padding-bottom: 16px;
border-radius: 8px;
}
.product_collection_icon_menu_name{
font-size: 1.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 8px 8px 0px;
max-width: 120px;
}
.product_collection_icon_header{
display: flex;
padding-bottom: 16px;
padding-top: 12px;
padding-left : 16px;
font-size: 1.6rem;
color: #1F1D1D;
font-weight: bold;
line-height: 1.5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.product_collection_icon_img{
width: 32px;
height: 32px;
}
.product_collection_icon_title{
margin-left: 8px;
margin-top : 0px;
font-size: 1.8rem;
max-height: 31px;
align-content: flex-end;
}
@media only screen and (max-width: 996px){
.product_collection_icon_menu .product_coll_item {
width: 120px;
}
.product_collection_icon_img{
width: 24px;
height: 24px;
}
.product_collection_icon_title{
font-size: 15px;
margin-top : 0px;
max-height: 24px;
}
}
@media only screen and (min-width: 768px){
.product_collection_icon_menu .product_coll_item img{
width: 120px;
padding: 0px;
}
.product_coll_item {
/* margin-left: 20px; */
}
}
@media (max-width: 768px) {
.fhs_blockimagecategory_swiper_container .swiper-slide {
width: 40%;
}
}
@media (max-width: 425px) {
.fhs_blockimagecategory_swiper_container .swiper-slide {
width: 204px;
height: 120px;
}
}
/* --- blockImageCategory css end --- */
.product_collection_icon_container{
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 8px 0 0 0;
z-index: 1;
}
/* --- footer mobile css end --- */
/* css footer */
@media screen and (min-width: 993px){
.ma-footer-static .footer-static .container .container-inner{
padding-top: 16px;
background: white;
border-radius: 8px;
}
.ma-footer-static .footer-static .container {
margin-top: 16px;
background: white;
border-radius: 8px;
}
}
@media screen and (max-width: 992px){
.ma-footer-static .footer-static .container-inner .row {
margin : 0!important;
}
.footer-static-col-md-4{
background: white;
padding-right: 0px;
padding-left: 0px;
}
.footer-static-col-md-4 .address-footer{
padding-right: 16px;
padding-left: 16px;
}
.ma-footer-static .footer-static .container .container-inner .footer-static-col-md-4 > div:nth-child(1) > div:nth-child(1){
display: flex;
flex-direction: column;
}
.ma-footer-static .footer-static .container .container-inner .footer-static-col-md-4 > div:nth-child(1) {
border-right : 0px!important;
}
.ma-footer-static .footer-static .container .container-inner .footer-static-col-md-4 .address-footer{
text-align: left;
}
.ma-footer-static .footer-static .container .container-inner .footer-static-col-md-8{
background: white;
padding-right: 0px;
padding-left: 0px;
}
.footer-static-col-md-8 .row > div {
padding-left: 0px;
padding-right: 0px;
}
.footer-static-col-md-8 .footer-static-content {
margin-bottom: 16px;
}
.footer-static-col-md-8 .footer-static-content ul li a{
padding-right: 16px;
padding-left: 16px;
}
.footer-static-col-md-8 .footer-static-title {
padding-left : 16px;
margin-top : 0px!important;
}
.footer-static-col-md-8 .footer-info-contract .col-md-4{
padding-right: 16px;
padding-left: 16px;
padding-bottom: 8px;
}
.copy-right-footer{
background: white;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
color: #adadad;
}
.ma-block-link-follow{
display: none;
}
}
.fhs_container_meta_block {
position: relative;
}
.fhs_content_meta_block{
max-height: 300px;
overflow-y: hidden;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.fhs_gradient_content_meta_block {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 300px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.fhs_button_more_meta_block {
cursor: pointer;
display: block;
width: 100%;
height: 40px;
margin: 0px auto 0px;
color: rgb(24, 158, 255);
font-size: 14px;
font-weight: 400;
line-height: 39px;
text-align: center;
z-index: 1;
position: relative;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: white;
}
#fhs_container_meta_block h1 {
font-size: 2em;
}
#fhs_container_meta_block h2 {
font-size: 1.5em;
}
#fhs_container_meta_block h3 {
font-size: 1.17em;
}
#fhs_container_meta_block h4 {
font-size: 1em;
}
#fhs_container_meta_block h5 {
font-size: 0.83em;
}
#fhs_container_meta_block h6 {
font-size: 0.67em;
}
#fhs_container_meta_block ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
unicode-bidi: isolate;
}
#fhs_container_meta_block ol {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
unicode-bidi: isolate;
list-style: revert;
}
#fhs_container_meta_block li {
display: list-item;
text-align: -webkit-match-parent;
unicode-bidi: isolate;
list-style: revert;
}
#fhs_container_meta_block strong {
font-weight: bold;
}
#fhs_container_meta_block a {
color: rgb(11, 116, 229);
}
@media screen and (max-width: 992px){
#fhs_container_meta_block{
display: none;
}
}
#hoisach-2016{
background-image: url('http://www.fahasa.com/media/wysiwyg/CMS-PAGE/hoisach2016/bg-banner2016.jpg');
margin-top: -32px;
background-repeat: none;
background-size: cover;
}
#hoisach2016 img{
max-width: 100%;
}
.tab {
display:none;
}
.tab-banner .active img{
border: #c00 4px solid;
margin-top: -4px;
}
.tab .active {
display:block;
}
#tab1, #tab2, #tab3{
clear: both;
margin: auto;
}
#tab1 .sodo{
padding: 5px 5px;
clear: both;
}
.sodo .title{
padding-top: 30px;
display: block !important;
}
.tab-img {
text-align: center;
margin-bottom: 10px;
}
.gift-img{
padding: 20px;
background-color: rgba(250,250,250,0.5);
margin-bottom: 20px;
padding-bottom: 5px;
}
.clearer { clear: both;}
.column{
float: left;
text-align: center;
}
.column img:hover {
opacity: 0.7;
}
.column h3 {
font-size: 15px;
font-weight: bold;
}
.column-content .active {
display: block;
}
.tab .title h3, .labeltab.title h3{
font-size: 25px;
font-weight: bold;
text-align: center;
padding: 5px;
color: white;
background-color: #419F47;
margin-bottom: 25px;
}
.label-qt{
padding-top: 10px;
text-align: center;
}
.tab .title{
margin-bottom: 10px;
}
@media (max-width: 769px){
.column{
min-width: 100%;
}
}
@media (max-width: 680px) {
.gift-img{
padding: 5px;
}
#tab1, #tab2, #tab3{
}
.title h3{
font-size: 20px !important;
}
}
.chuong-trinh{
text-align: left !important;
}
.chuong-trinh .icon{
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
}
.chuong-trinh .content-row{
clear: both;
margin-bottom: 10px;
min-height: 30px;
}
.chuong-trinh .clearer{
border-top: 1px solid #A45E4D;
}
.icon-location {
background-image: url('http://www.fahasa.com/media/wysiwyg/CMS-PAGE/hoisach2016/user.png');
background-size: cover;
}
.icon-date {
background-image: url('http://www.fahasa.com/media/wysiwyg/CMS-PAGE/hoisach2016/calendar.png');
background-size: cover;
}
.icon-gift {
background-image: url('http://www.fahasa.com/media/wysiwyg/CMS-PAGE/hoisach2016/box.png');
background-size: cover;
}