/*===========================================================================*\ | Products List Block \*===========================================================================*/ .product-categories { list-style-type: none; display: inline-block; position: relative; margin: 0; padding: 0; margin-bottom: 35px; text-transform: uppercase; font-size: 18px; font-weight: 400; } .product-categories:before, .product-categories:after { content: " "; display: table; } .product-categories:after { clear: both; } .product-categories li { float: left; margin: 0 30px; } @media (max-width: 767px) { .product-categories li { float: none; } .product-categories li.hover-line { display: none; } } .product-categories li a { display: block; padding: 5px 0; } .product-categories li.active a, .product-categories li a:hover { color: #ff9600; } /* =========== Pdoruct List =========== */ .products-list { margin-bottom: 50px; } /* Product list item */ .pl-item { text-align: center; } .pl-item figure { position: relative; height: 340px; line-height: 340px; margin-bottom: 15px; overflow: hidden; border: 1px solid transparent; } .pl-item figure img { max-width: 100%; max-height: 100%; opacity: 1; vertical-align: middle; transition: opacity 0.5s ease; -moz-backface-visibility: hidden; } .pl-item figure .pl-backside { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pl-item figure .pl-backside img { opacity: 0; } .pl-item figure figcaption { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; margin-bottom: -55px; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s ease; } @media (max-width: 767px) { .pl-item figure figcaption { margin-bottom: 0; } } .pl-item figure:hover .pl-w-backside img { opacity: 0; } .pl-item figure:hover .pl-backside img { opacity: 1; } .pl-item figure:hover figcaption { margin-bottom: 0; } .pl-item figure .pl-badge { position: absolute; left: 0; top: 0; line-height: 37px; border: 2px solid #d7d9db; padding: 0 15px; background-color: white; color: #57595e; font-size: 16px; font-weight: 400; } .pl-item figure .pl-badge:after, .pl-item figure .pl-badge:before { content: ''; display: block; position: absolute; bottom: -22px; right: 12px; border: 10px solid transparent; border-top-color: #d7d9db; border-right-width: 0; } .pl-item figure .pl-badge:after { bottom: -17px; right: 14px; border-top-color: white; } .pl-button { display: block; width: 25%; float: left; font-size: 32px; line-height: 55px; color: white; text-align: center; } .pl-button:hover { background-color: #ff9600; color: white; } .pl-price-block { position: relative; font-size: 19px; font-weight: 400; line-height: 50px; } .pl-price-block:before, .pl-price-block:after { content: ''; display: block; position: absolute; left: 0; width: 100%; height: 4px; border: 1px solid #e1e3e6; border-left: 0; border-right: 0; } .pl-price-block:before { top: 0; } .pl-price-block:after { bottom: 0; } .pl-price-block .pl-price { color: black; } .pl-price-block .pl-price-old { color: #a3a3a3; text-decoration: line-through; } .pl-name { margin: 0; color: #212224; font-size: 14px; font-weight: 400; } /* =========== Product Carousel =========== */ .pl-carousel { position: relative; } .pl-controls { text-align: center; margin-bottom: 15px; } .pl-controls.plc-bottom { margin-top: 15px; margin-bottom: 0; } .pl-ctl-left, .pl-ctl-right { display: inline-block; width: 30px; height: 30px; line-height: 28px; border: 1px solid #d7d9db; font-size: 18px; text-align: center; } .pl-ctl-left:hover, .pl-ctl-right:hover { color: #ff9600; } .pl-ctl-right { margin-left: 3px; } ul.pl-pages { list-style-type: none; position: relative; margin: 0; padding: 0; overflow: hidden; } ul.pl-pages > li { visibility: hidden; position: absolute; } ul.pl-pages > li .pl-item { transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ease; } ul.pl-pages > li.active { visibility: visible; position: static; } ul.pl-pages > li.active .pl-item { transform: scale(1); -webkit-transform: scale(1); } ul.pl-pages > li.animation { visibility: visible; position: static; } /* Stars rating */ .stars-rating { display: inline-block; width: 73px; height: 13px; background: url(../images/stars-rating.png) 0 -13px no-repeat; } .stars-rating .stars { display: block; width: 100%; height: 100%; background: url(../images/stars-rating.png) 0 0 no-repeat; } .stars-rating.stars-5 .stars { width: 100%; } .stars-rating.stars-4 .stars { width: 80%; } .stars-rating.stars-3 .stars { width: 60%; } .stars-rating.stars-2 .stars { width: 40%; } .stars-rating.stars-1 .stars { width: 20%; } .stars-rating.stars-0 .stars { width: 0; } /* =========== Product list (list view) =========== */ /* Product list listview item */ .plv-item { margin-bottom: 30px; border: 1px solid #ebebeb; text-align: center; } .plv-item .plv-image figure { position: relative; height: 280px; line-height: 280px; overflow: hidden; border-right: 1px solid #ebebeb; } .plv-item .plv-image figure img { max-width: 100%; max-height: 100%; opacity: 1; vertical-align: middle; transition: opacity 0.5s ease; -moz-backface-visibility: hidden; } .plv-item .plv-image figure .plv-backside { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .plv-item .plv-image figure .plv-backside img { opacity: 0; } .plv-item .plv-image figure figcaption { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; margin-bottom: -55px; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s ease; } @media (max-width: 767px) { .plv-item .plv-image figure figcaption { margin-bottom: 0; } } .plv-item .plv-image figure:hover .plv-w-backside img { opacity: 0; } .plv-item .plv-image figure:hover .plv-backside img { opacity: 1; } .plv-item .plv-image figure:hover figcaption { margin-bottom: 0; } .plv-item .plv-body { margin-left: -1px; padding: 25px 25px 10px; border-left: 1px solid #ebebeb; text-align: left; } .plv-item .plv-body .plv-header { line-height: 42px; border-bottom: 1px solid #ebebeb; } .plv-item .plv-body .plv-title { font-size: 16px; font-weight: 400; color: #212224; } .plv-item .plv-body .plv-title a { color: #212224; } .plv-item .plv-body .plv-title a:hover { color: #ff9600; } .plv-item .plv-body .plv-availability { font-size: 13px; text-align: right; color: #212224; } .plv-item .plv-body .plv-availability span { color: #a2a8af; } .plv-item .plv-body .plva-label { display: inline-block; margin-right: 10px; } .plv-item .plv-body .plv-price-block { line-height: 46px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .plv-item .plv-body .plv-price { display: inline-block; margin-right: 70px; font-size: 19px; font-weight: 500; color: black; } .plv-item .plv-body .plv-reviews-count { display: inline-block; margin-left: 6px; } .plv-item .plv-body .plv-add-review { display: inline-block; margin-left: 16px; } .plv-item .plv-body .plv-add-review:before { content: ''; display: inline-block; height: 16px; margin-right: 10px; margin-bottom: -3px; border-left: 1px solid #ebebeb; } .plv-item .plv-body .plv-exerpt { margin-bottom: 25px; font-size: 14px; } .plv-item .plv-body .plv-buttons .btn { margin-right: 15px; margin-bottom: 10px; font-size: 14px; } .plv-item .plv-body .plv-buttons .btn:last-child { margin-right: 0; } .plv-item .plv-body .plv-buttons .btn-prim-col { text-transform: none; } .dot-green, .dot-red { display: inline-block; width: 12px; height: 12px; margin-bottom: -1px; border-radius: 50%; background-color: #93ca6c; vertical-align: baseline; } .dot-red { background-color: red; } /*===========================================================================*\ | Clients block \*===========================================================================*/ .client-item { margin-bottom: 20px; } .client-item:before, .client-item:after { content: " "; display: table; } .client-item:after { clear: both; } .client-item figure { display: block; float: left; width: 80px; margin-top: 7px; } .client-item .ci-body { float: left; width: 100%; margin-left: -80px; padding-left: 100px; } .client-item p { margin-bottom: 5px; } .client-item .ci-name { color: black; } /*===========================================================================*\ | Brands block \*===========================================================================*/ .brands-list { margin-left: -5px; margin-right: -5px; margin-bottom: 30px; } .brands-list:before, .brands-list:after { content: " "; display: table; } .brands-list:after { clear: both; } .brands-list .bl-item { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } @media (min-width: 768px) { .brands-list .bl-item { float: left; width: 33.33333%; } } .brands-list .bl-item-inner { display: block; height: 100px; line-height: 100px; border: 1px solid #e6e8eb; text-align: center; } /*===========================================================================*\ | News List \*===========================================================================*/ .news-title { font-size: 18px; margin-bottom: 45px; text-align: center; text-transform: uppercase; } .news-container { margin-bottom: 10px; } .news-item { margin-bottom: 30px; text-align: center; } .news-item.animate { transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ease; } .news-item.scale { transform: scale(1); -webkit-transform: scale(1); } .news-item .ni-body { padding: 30px; border: 2px solid #e6e8eb; border-top: 0; text-align: left; } @media (max-width: 767px) { .news-item .ni-body { border: 0; } } .news-item .ni-title { margin-top: 0; margin-bottom: 10px; font-size: 16px; text-align: center; text-transform: uppercase; } .news-item .ni-title-line { width: 60px; margin: 10px auto; border-top: 2px solid #ff9600; } .news-item .ni-info { display: block; margin-top: 17px; color: #b3b9c2; } .news-item .ni-info:before, .news-item .ni-info:after { content: " "; display: table; } .news-item .ni-info:after { clear: both; } .news-item .ni-date { float: left; } .news-item .ni-date i { margin-right: 5px; color: #8a9099; } .news-item .ni-commments { float: right; } .news-item .ni-commments i { margin-right: 5px; color: #8a9099; } .news-loadmore { margin-top: 5px; border: 1px solid #e1e3e6; color: black; background-color: white; } .news-loadmore i { margin-right: 10px; color: #ff9600; } .news-loadmore:hover { color: white; background-color: #e1e3e6; } /*===========================================================================*\ | Services Block \*===========================================================================*/ .services-item { margin: 7px 7px 37px; padding: 30px; background-color: #b09965; border: 1px solid #eae3d5; -webkit-box-shadow: 0px 0px 0px 7px #b09965; -moz-box-shadow: 0px 0px 0px 7px #b09965; box-shadow: 0px 0px 0px 7px #b09965; } .services-item p, .services-item h3, .services-item a { margin: 0; color: white; } .services-item a:hover { color: #ff9600; } .services-item .si-icon { margin-top: 5px; margin-bottom: 12px; font-size: 30px; text-align: center; } .services-item .si-title { font-size: 30px; text-align: center; } .services-item .si-line { position: relative; height: 2px; margin: 19px 0 30px; border: 1px solid white; border-left: 0; border-right: 0; } .services-item .si-line:before, .services-item .si-line:after { content: ''; display: block; position: absolute; bottom: -13px; left: 50%; margin-left: -6px; border: 6px solid transparent; } .services-item .si-line:before { border-top-color: white; } .services-item .si-line:after { bottom: -9px; margin-left: -4px; border-width: 4px; border-top-color: #b09965; } .services-item .si-content { margin-bottom: 8px; } /*===========================================================================*\ | Review \*===========================================================================*/ .comment { padding-top: 40px; padding-bottom: 34px; border-bottom: 1px solid #d7d9db; } .comment .img-cover { width: 100px; height: 98px; float: left; margin-top: 6px; } @media all and (max-width: 768px) { .comment .img-cover { width: 100%; float: none; margin-bottom: 20px; } } .comment .data { margin-left: 120px; } @media all and (max-width: 768px) { .comment .data { margin-left: 0; } } .comment .data > p { margin-bottom: 0; } .comment .data time { font: 14px "Open Sans", sans-serif; color: #a1a8b2; display: inline-block; } .comment .data:before, .comment .data:after { content: ""; display: block; clear: right; } .comment .comment-info { float: left; } .comment .name { font: 14px "Open Sans", sans-serif; color: #212224; display: inline-block; margin-right: 18px; } .comment .like-wrapper { float: right; text-align: right; margin-top: -5px; } @media all and (max-width: 768px) { .comment .like-wrapper { float: left; text-align: left; padding: 0; } } .comment .count { color: #ff9600; font-size: 16px; margin-left: 5px; } .comment .count:before { content: "("; } .comment .count:after { content: ")"; } .comment .dislike { margin-left: 15px; } .comment .stars-rating { display: block; margin-bottom: 7px; margin-top: 3px; } .comment .reply { font-size: 14px; position: relative; left: 15px; top: 5px; } @media all and (max-width: 991px) { .comment .reply { left: 0; } } .comment .reply span { vertical-align: -2px; } .comment .comment-text { margin-top: 3px; font: 13px/1.6em "Open Sans", sans-serif; letter-spacing: 0.01em; color: #9198a1; float: left; display: inline-block; } .comment.second-lvl { padding-left: 40px; } .wp-pagenavi { margin-top: 25px; margin-bottom: 80px; float: left; } .wp-pagenavi .current { cursor: default; } .wp-pagenavi .btn { padding: 0; margin-right: 6px; font-size: 15px; line-height: 22px; vertical-align: middle; height: 25px; width: 25px; text-align: center; text-transform: uppercase; position: relative; } .wp-pagenavi .btn:before { position: absolute; top: 50%; left: 45%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wp-pagenavi .btn:last-child { margin-right: 0; } .by { margin-top: 28px; font: 14px "Open Sans", sans-serif; } .by a { color: #ff9600; } .by a:hover { color: #737880; } /*===========================================================================*\ | Widgets \*===========================================================================*/ .widget { margin-bottom: 40px; } .widget .wg-title { margin: 0 0 15px; color: black; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; } .widget .carousel { display: inline-block; } /* =============================== Categories =============================== */ .wg-categories { border-bottom: 1px solid #e1e3e6; padding-bottom: 35px; } .wg-categories-list { list-style-type: disc; margin: 0; padding: 0 0 0 16px; } .wg-categories-list li { line-height: 25px; } .wg-categories-list li ul { list-style-type: none; margin: 0; padding: 0 0 0 12px; } .wg-categories-list .wgc-count { color: #a1a8b3; } /* =============================== Active Filters =============================== */ .wg-active-fiters { border: 2px solid #ebebeb; padding: 20px 10px; } .wg-active-fiters .wg-title { text-align: center; } .wg-active-fiters .wg-af-list { list-style-type: none; margin-bottom: 23px; padding: 0; } .wg-active-fiters .wg-af-list li { line-height: 25px; } .wg-active-fiters .wg-af-list li:before, .wg-active-fiters .wg-af-list li:after { content: " "; display: table; } .wg-active-fiters .wg-af-list li:after { clear: both; } .wg-active-fiters .wg-af-list li label { margin: 0; color: black; } .wg-active-fiters .wg-afl-del { display: block; float: right; font-size: 18px; } .wg-active-fiters .close-btn { display: inline-block; } /* =============================== Price filter =============================== */ .wgpf-label { margin: 10px 0 0; } .wgpf-label label { margin: 0; text-transform: uppercase; } .wgpf-label .price-range-label { color: black; } /* =============================== Filters List =============================== */ .wg-filterslist .wgfl-count { color: #a1a8b3; font-style: normal; } .wg-filterslist .wgfl-list { display: inline-block; list-style-type: none; padding: 0; margin-right: 25px; color: #737880; } .wg-filterslist .wgfl-list li { padding: 5px 0; } .wg-filterslist label { margin: 0; } .wg-filterslist a, .wg-filterslist label { color: #737880; transition: all 0.3s ease; } .wg-filterslist a:hover, .wg-filterslist label:hover { color: #ff9600; } .wg-filterslist input.stl[type=checkbox]:not(old) + label > span, .wg-filterslist input.stl[type=radio]:not(old) + label > span { margin: .25em .5em .25em 0; } .color-option { width: 16px; height: 16px; padding: 0; margin-left: 0; margin-top: 1px; margin-bottom: 6px; margin-right: 5px; border: 1px solid #666; vertical-align: middle; } .color-option.on { border: 2px solid black; } .wg-size-tabs { list-style-type: none; padding: 0; margin-left: 30px; margin-bottom: -2px; display: inline-block; font-size: 12px; color: #81878f; vertical-align: middle; } .wg-size-tabs:before, .wg-size-tabs:after { content: " "; display: table; } .wg-size-tabs:after { clear: both; } .wg-size-tabs li { float: left; padding: 0 0 0 8px; } .wg-size-tabs li:after { content: '|'; display: block; float: right; margin-left: 8px; color: #d3d6db; } .wg-size-tabs li:last-child:after { content: ''; } .wg-size-tabs li.active a { color: #ff9600; } .wg-size-tabs li a { color: #959aa1; } .wg-size-tabs li a:hover { color: #ff9600; } /* =============================== Specials =============================== */ .wg-specials .wg-title { margin-bottom: 25px; } .wg-specials .wgsp-item figure { display: block; overflow: hidden; width: 100%; height: 270px; line-height: 270px; border: 1px solid #ebebeb; text-align: center; } .wg-specials .wgsp-item figure img { max-width: 100%; max-height: 100%; vertical-align: middle; } .wg-specials .wgsp-title { margin-bottom: 0px; color: #212224; font-size: 14px; font-weight: 400; text-align: center; } .wg-specials .wgsp-title a { color: #212224; } .wg-specials .wgsp-title a:hover { color: #ff9600; } .wg-specials .wgsp-price { color: #ff9600; font-size: 16px; font-weight: 500; text-align: center; } .wg-specials.box-with-pager .bx-controls { top: 0; } @media (max-width: 767px) { .wg-specials.box-with-pager .bx-controls { top: 40px; } } .wg-specials .btn { min-width: 0; } .wg-specials .btn-grey { background-color: #e1e3e6; color: #212224; } .wg-specials .btn-grey:hover { background-color: #ff9600; color: white; } /* =============================== Viwed Products =============================== */ .wg-viwed-products .wg-title { margin-bottom: 25px; } .wg-viwed-products .wgvp-list { list-style-type: none; padding: 0; } .wg-viwed-products .wgvp-item { margin-bottom: 20px; } .wg-viwed-products .wgvp-item:before, .wg-viwed-products .wgvp-item:after { content: " "; display: table; } .wg-viwed-products .wgvp-item:after { clear: both; } .wg-viwed-products .wgvp-item figure { float: left; overflow: hidden; width: 90px; height: 102px; line-height: 102px; margin-right: 20px; border: 1px solid #ebebeb; text-align: center; } .wg-viwed-products .wgvp-item figure img { max-width: 100%; max-height: 100%; vertical-align: top; } .wg-viwed-products .wgvp-item-title { margin-bottom: 0px; color: #212224; font-size: 14px; font-weight: 400; } .wg-viwed-products .wgvp-item-title a { color: #212224; } .wg-viwed-products .wgvp-item-title a:hover { color: #ff9600; } .wg-viwed-products .wgvp-item-price { color: #ff9600; font-size: 14px; font-weight: 500; } /* =============================== Our Stores =============================== */ @media (min-width: 768px) { .wg-our-stores { border-bottom: 1px solid #e1e3e6; padding-bottom: 35px; } } .wg-our-stores .wgos-discover { margin-top: 14px; } .wg-our-stores .wgos-discover .btn { padding-left: 30px; } .arrow-button:after { content: "тЖТ"; display: inline-block; width: 43px; margin-left: 15px; padding-left: 0; padding-right: 10px; font-size: 18px; line-height: 22px; font-family: Arial; vertical-align: top; transition: all .2s ease 0; } .arrow-button:hover:after { padding-left: 10px; padding-right: 0; } /* =============================== Links =============================== */ .wg-links { border-bottom: 1px solid #e1e3e6; padding-bottom: 35px; } .wg-links-list { list-style-type: disc; margin: 0; padding: 0 0 0 16px; } .wg-links-list li { line-height: 25px; } .wg-links-list li ul { list-style-type: none; margin: 0; padding: 0 0 0 12px; } /*===========================================================================*\ | _mediaelementplayer.scss \*===========================================================================*/ .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url('/images/mediaelementplayer/bigplay.svg') no-repeat; } .no-svg .mejs-overlay-button { background-image: url('/images/mediaelementplayer/bigplay.png'); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url('/images/mediaelementplayer/background.png'); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url('/images/mediaelementplayer/loading.gif') 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url('/images/mediaelementplayer/background.png'); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url('/images/mediaelementplayer/controls.svg') no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url('/images/mediaelementplayer/controls.png'); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url('/images/mediaelementplayer/background.png'); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url('/images/mediaelementplayer/background.png'); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url('/images/mediaelementplayer/background.png'); background: rgba(20, 20, 20, 0.8); } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url('/images/mediaelementplayer/background.png'); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url('/images/mediaelementplayer/background.png'); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url('/images/mediaelementplayer/background.png'); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /*===========================================================================*\ | Shortcodes \*===========================================================================*/ .quote-author { color: #ff9600; font-size: 13px; margin-top: 10px; display: block; } .q-w-bg { background: #ff9600; color: #fff; } .quote-ic { font-size: 20px; float: left; width: 30px; margin-right: 5px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */ } .white { color: #fff; } .checked input, .checked input:focus { border: 1px solid #79c257 !important; } .checked input:before { font-size: 18px; } .checked i { color: #79c257; font-size: 17px; } input.required-alert, input.required-alert:focus, .required-alert textarea { border: 1px solid #f54325 !important; color: #f54325; } /*===========================================================================*\ | Login & Register \*===========================================================================*/ .login-register { padding-top: 65px; padding-bottom: 40px; } .login-register .whith-f-t { border: 1px solid #d7d9db; max-width: 570px; min-height: 160px; margin: 0 auto; text-align: center; } .login-register .whith-f-t p { background-color: #fff; padding: 15px; display: inline-block; color: #737880; font-size: 14px; transform: translateY(-50%); } .login-register .whith-f-t a { display: inline-block; width: 195px; height: 50px; line-height: 50px; vertical-align: middle; color: #fff; font-size: 18px; text-transform: uppercase !important; margin: -10px 10px 20px 10px; } .login-register .whith-f-t a.facebook { background-color: #3c599f; } .login-register .whith-f-t a.facebook span { margin-right: 5px; } .login-register .whith-f-t a.twitter { background-color: #1ec7fd; } .login-register .whith-f-t a.twitter span { margin-right: 10px; } .login-register .login a { margin: 0; margin-left: 25px; vertical-align: bottom; color: #ff9600; } .login-register .login a:hover { color: #737880; } .login-register .login .stl { margin: 0; color: #6e747a; font-size: 13px; vertical-align: bottom; } .login-register .login .stl span { margin: 0; margin-right: 5px; vertical-align: bottom; } .login-register h6 { border-bottom: 1px solid #d7d9db; padding-bottom: 10px; margin-bottom: 25px; } .login-register form { margin-top: 45px; margin-bottom: 45px; } .login-register form > div { margin-left: 0; color: #6e747a; font-size: 13px; margin-bottom: 17px; } .login-register form > div > p { margin-bottom: 6px; } .login-register input { margin-bottom: 12px; margin-top: 5px; vertical-align: middle; height: 39px; line-height: 39px; } .login-register input[type=password] { margin-bottom: 8px; } .login-register input[type=submit], .login-register button { width: 107px; height: 38px; line-height: 38px; vertical-align: middle; padding: 0; text-align: center; text-transform: uppercase; margin-right: 13px; } /*===========================================================================*\ | 404 \*===========================================================================*/ .page-404 { text-align: center; max-width: 570px; margin: 0 auto; padding-top: 95px; } .page-404 h1 { font: 600 180px/150px HelveticaNeue, Arial, Helvetica, sans-serif; margin: 0; } @media all and (max-width: 768px) { .page-404 h1 { font-size: 160px; line-height: 170px; overflow: hidden; } } .page-404 h5 { font-family: "Open Sans", sans-serif; margin: 0 0 30px 0; } .page-404 p { font-size: 14px; margin-bottom: 25px; } .page-404 p a { color: #ff9600; } .page-404 p a:hover { color: #737880; } .search input, input[type=submit] { height: 46px; line-height: 46px; vertical-align: middle; padding-top: 0; padding-bottom: 0; } .search .field-icon { display: inline-block; width: auto; height: auto; position: absolute; top: 50%; right: 35px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-404 .btn, .subscribe .btn { width: 100%; } .best-product { border-top: 2px solid #212224; text-align: center; margin-top: 100px; } .best-product h6 { text-align: center; padding: 0px 20px; display: inline-block; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; background-color: #fff; margin-bottom: 20px; } .pl-pages { max-width: 100%; overflow: hidden; } .subscribe { margin-top: 20px; margin-bottom: 20px; line-height: 50px; } .subscribe h3 { margin: 0; line-height: 55px; text-align: center; } .subscribe h3 span { color: #8a9099; margin-right: 15px; font-size: 1.2em; vertical-align: -4px; } .subscribe form { vertical-align: middle; line-height: 50px; } /*===========================================================================*\ | contact \*===========================================================================*/ .contact { padding-top: 60px; } .contact form { margin-bottom: 70px; } .contact h6 { font-size: 16px; color: black; border-bottom: 1px solid #d7d9db; padding-bottom: 10px; margin-bottom: 30px; margin-top: 0; } .contact .google-maps { margin-bottom: 60px; padding-bottom: 420px; } .contact .person { margin-bottom: 38px; height: 80px; } .contact .person .img-cover { float: left; width: 80px; height: 80px; } .contact .person .name { font-size: 14px; color: #212224; line-height: 14px; margin-bottom: 20px; } .contact .person .name span { color: #a5adb8; } .contact .person .smart-phone, .contact .person .email { margin-bottom: 9px; } .contact .smart-phone, .contact .phone { margin-bottom: 17px; line-height: 18px; } .contact .smart-phone i, .contact .phone i { font-size: 18px; margin-right: 15px; vertical-align: middle; } .contact .smart-phone span, .contact .phone span { color: black; vertical-align: top; } .contact .email { margin-bottom: 15px; } .contact .email i { font-size: 16px; margin-right: 15px; } .contact .email a { color: #AF9541; } .contact .email a:hover { color: #737880; } .contact .skype i { font-size: 16px; margin-right: 15px; } .contact .skype a { color: #ff9600; } .contact .skype a:hover { color: #737880; } .contact .detail { margin-bottom: 70px; } .contact .detail h6 { margin-top: 103px; margin-bottom: 20px; } /*===========================================================================*\ | wishlist \*===========================================================================*/ .clrfix:after, .clrfix:before { content: ""; display: block; clear: both; height: 0; } .user-info { border: 1px solid #d7d9db; margin-top: 60px; margin-bottom: 60px; width: 100%; } @media all and (max-width: 768px) { .user-info { display: block; width: 100%; border: none; } .user-info:after { content: ""; display: block; width: 100%; clear: both; height: 0; } .user-info > thead, .user-info > tbody { display: block; width: 100%; max-width: 100%; } .user-info > thead > tr, .user-info > tbody > tr { display: block; width: 100%; max-width: 100%; } .user-info > thead > tr > td, .user-info > thead > tr th, .user-info > tbody > tr > td, .user-info > tbody > tr th { display: block; width: 100% !important; max-width: 100% !important; border: 1px solid #d7d9db; clear: both; float: left; } .user-info > thead > tr > td .wellcome, .user-info > thead > tr > td .last, .user-info > thead > tr th .wellcome, .user-info > thead > tr th .last, .user-info > tbody > tr > td .wellcome, .user-info > tbody > tr > td .last, .user-info > tbody > tr th .wellcome, .user-info > tbody > tr th .last { border-left: none; } .user-info > thead > tr > td.picture, .user-info > thead > tr th.picture, .user-info > tbody > tr > td.picture, .user-info > tbody > tr th.picture { border-bottom: none; } } .user-info .picture { text-align: center; width: 145px; min-width: 145px; max-width: 145px; } .user-info .picture .img-cover { display: inline-block; margin: 0; margin-top: 34px; width: 75px; } .user-info .picture .name { font-size: 12px; margin-top: 10px; margin-bottom: 28px; } .user-info .picture .change-picture { margin-bottom: 19px; } .user-info .picture .change-picture i { display: block; text-align: center; } .user-info .picture .change-picture a { color: #ff9600; } .user-info .picture .change-picture a:hover { color: #737880; } .user-info .wellcome { border-left: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; padding-top: 37px; padding-bottom: 40px; } .user-info .wellcome h4 { margin-top: 0; margin-bottom: 5px; } .user-info .wellcome h4 span { color: #ff9600; } .user-info .wellcome .my-orders { font-size: 15px; font-weight: 600; margin-bottom: 3px; } .user-info .wellcome .view-cart { text-align: center; } @media all and (max-width: 768px) { .user-info .wellcome .view-cart { text-align: left; } } .user-info .wellcome .view-cart .btn { margin-top: 3px; } .user-info .last { border-left: 1px solid #d7d9db; width: 100%; padding-top: 20px; padding-bottom: 8px; } .user-info .last p span { color: #ff9600; margin-left: 10px; } .user-info .last p span.price { font-size: 14px; font-weight: 600; color: #212224; } .left-menu { min-width: 145px; text-align: center; margin-bottom: 40px; } .left-menu div { width: 145px; height: 125px; background-color: #f5f5f5; text-align: center; font-size: 14px; padding-top: 40px; position: relative; color: #212224; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; } .left-menu div:hover { color: #ff9600; } @media all and (max-width: 992px) { .left-menu div { display: block; width: 100%; height: 70px; padding: 10px; } } .left-menu div:not(:last-child) { border-bottom: 1px solid #d7d9db; } @media all and (max-width: 992px) { .left-menu div:not(:last-child) { border: none; border-bottom: 1px solid #d7d9db; } } .left-menu div i { font-size: 1.7em; } .left-menu div.active { background-color: #ff9600; color: #fff; } .left-menu div.active:hover { color: #212224; } .left-menu div.active:after { content: ""; display: block; position: absolute; height: 0; width: 0; border: 10px solid transparent; border-left-color: #ff9600; right: -20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media all and (max-width: 992px) { .left-menu div.active:after { display: none; } } h6.account-table-head { margin-top: 0; border-bottom: 1px solid #d7d9db; padding-bottom: 10px; margin-bottom: 25px; text-transform: uppercase; } #order-detail-content { margin-bottom: 100px; } #order-detail-content .table.table-bordered { border-color: #ebebeb; } #order-detail-content .table tbody > tr > td { vertical-align: top; padding-top: 20px; text-align: center; position: relative; } #order-detail-content .table tbody > tr > td:before { font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; } #order-detail-content .table tbody > tr { position: relative; } #order-detail-content .table tbody > tr a.close-btn.ddr { display: inline-block; position: absolute; top: 15px; right: 12px; margin: 0; } @media all and (max-width: 767px) { #order-detail-content .table tbody > tr a.close-btn.ddr { top: auto; bottom: 20px; } } #order-detail-content .subtotal { padding-left: 20px; padding-right: 60px; text-align: left; } @media all and (max-width: 767px) { #order-detail-content .subtotal { padding: 0; } #order-detail-content .subtotal p { text-align: center; } } #order-detail-content .subtotal p { font-size: 14px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; } #order-detail-content .subtotal.no-cls-btn { padding-left: 0; padding-right: 0; text-align: center; width: 120px; } #order-detail-content .table tbody > tr > td.default { width: 100px; } #order-detail-content .table tbody > tr > td.default span { font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size: 14px; } #order-detail-content .table tbody > tr > td.date { width: 130px; } #order-detail-content .table tbody > tr > td.date span { font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size: 14px; } #order-detail-content .table tbody > tr > td.cart_quantity { text-align: center; width: 140px; vertical-align: top; padding-top: 20px; } #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button { white-space: nowrap; vertical-align: middle; display: inline-block; clear: both; } #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a { float: left; display: block; margin: 0; height: 30px; line-height: 25px; vertical-align: middle; padding: 0; width: 30px; font-size: 20px; border: 1px solid #d7d9db; color: #8c929b; text-align: center; } #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:hover { color: #212224; } #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:focus:not(:hover) { background: none; } #order-detail-content .cart_quantity .cart_quantity_input { padding: 0; text-align: center; float: left; display: block; margin: 0; width: auto; min-width: 30px; text-indent: 0; height: 30px; line-height: 30px; font-size: 15px; color: #212224; font-family: "Open Sans", sans-serif; border-left: none; border-right: none; } #order-detail-content .cart_quantity .cart_quantity_input:disabled { background-color: transparent; cursor: default; } #order-detail-content .table tbody > tr > td.cart_delete { padding: 0; width: 170px; vertical-align: top; padding-top: 20px; } #order-detail-content .table tbody > tr > td.cart_delete .btn { width: 120px; padding-left: 0; padding-right: 0; } #order-detail-content .table tbody > tr > td.cart_delete .remove { text-transform: none; font-size: 13px; color: #81878f; vertical-align: middle; text-align: left; } #order-detail-content .table tbody > tr > td.cart_delete .remove:hover { color: #212224; } #order-detail-content .table tbody > tr > td.cart_delete .remove i { font-size: 18px; vertical-align: -3px; } #order-detail-content .table tfoot > tr > td { vertical-align: middle; } #order-detail-content #cart_summary tbody td.cart_product { padding: 10px; width: 131px; text-align: center; vertical-align: middle; } #order-detail-content #cart_summary tbody td.cart_product img { border: none; vertical-align: middle; } #order-detail-content #cart_summary tbody td.cart_unit { text-align: center; vertical-align: top; padding-top: 20px; width: 120px; font-size: 14px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; } #order-detail-content #cart_summary tbody td.cart_unit .old-price { text-decoration: line-through; color: #a3a3a3; } #order-detail-content #cart_summary tbody td.cart_description small { display: block; padding: 0; color: #36383b; font-family: "Open Sans", sans-serif; font-size: 13px; } #order-detail-content #cart_summary tbody td.cart_description small span { color: #9198a1; } #order-detail-content #cart_summary tbody td.cart_description { vertical-align: top; text-align: left; } #order-detail-content #cart_summary tfoot td.text-right { color: #333333; font-weight: bold; } #order-detail-content #cart_summary tfoot td.price { text-align: right; } #order-detail-content #cart_summary tfoot td.total_price_container span { color: #555454; font: 600 18px/22px "Open Sans",sans-serif; text-transform: uppercase; } #order-detail-content #cart_summary tfoot td#total_price_container { background: none repeat scroll 0 0 white; color: #333333; font: 600 21px/25px "Open Sans",sans-serif; } #order-detail-content .table > tbody > tr > td.cart_description { padding: 20px; } #order-detail-content tfoot.dd-list-empty tr td { border: none; } #order-detail-content #cart_summary { margin-bottom: 0; } #order-detail-content .info { border: 1px solid #d7d9db; margin-bottom: 0; border-top: none; font: 14px/50px HelveticaNeue, Arial, Helvetica, sans-serif; color: black; height: 50px; vertical-align: middle; font-weight: 600; white-space: nowrap; } #order-detail-content .info.total span { color: #212224; } #order-detail-content .info.total span + span { color: #ff9600; } @media (max-width: 767px) { #order-detail-content { border-bottom: none; } #order-detail-content .info { border-left: none; border-right: none; } #order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr { display: block; } #order-detail-content #cart_summary tbody td.cart_product { width: 100%; } #order-detail-content #cart_summary thead tr { left: -9999px; position: absolute; top: -9999px; } #order-detail-content #cart_summary tr { border-bottom: 1px solid #cccccc; overflow: hidden; } #order-detail-content #cart_summary td { border: medium none; float: left; position: relative; white-space: normal; width: 100%; display: block; text-align: center; } #order-detail-content #cart_summary td.cart_avail { clear: both; } #order-detail-content #cart_summary td.cart_quantity { clear: both; text-align: center; } #order-detail-content #cart_summary td.cart_delete { clear: both; float: right; width: 100%; } #order-detail-content #cart_summary tbody td.cart_unit { width: 100%; max-width: 100%; } #order-detail-content #cart_summary tbody td.cart_unit .old-price { display: block; } #order-detail-content #cart_summary td.cart_delete:before { display: inline-block; padding-right: 0.5em; position: relative; top: -3px; } #order-detail-content #cart_summary td:before { content: attr(data-title); display: block; } #order-detail-content #cart_summary tfoot td { float: none; width: 100%; } #order-detail-content #cart_summary tfoot td:before { display: inline; } #order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price { display: block; float: left; width: 100%; } #order-detail-content .table { border-bottom: none; } } #order-detail-content .table > thead > tr > th { background: none repeat scroll 0 0 #ebebeb; border-bottom-width: 1px; border-color: #ebebeb; vertical-align: middle; color: #212224; font-size: 13px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; height: 46px; line-height: 46px; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #order-detail-content .product-name { color: #212224; font-size: 14px; font-weight: 600; line-height: 23px; margin-bottom: 0; height: 35px; margin-bottom: 15px; } #order-detail-content .product-name a { color: #212224; line-height: 23px; } #order-detail-content .product-name a:hover { color: #ff9600; } #order-detail-content .table .price, #order-detail-content .subtotal p { color: #000; font-weight: 600; white-space: nowrap; } /*===========================================================================*\ | account \*===========================================================================*/ .personal-detail { margin-top: -18px; margin-bottom: 60px; overflow: hidden; } .personal-detail h6 { margin-top: 50px; margin-bottom: 20px; } .personal-detail .form-group { margin-bottom: 11px; } .personal-detail .form-group .hasCustomSelect { margin-top: 6px; } .personal-detail .btn { margin-top: 10px; } label.type-text { width: 100%; margin: 0; font: 13px "Open Sans", sans-serif; color: #212224; } label.type-text input { margin-top: 10px; } /*===========================================================================*\ | Checkout \*===========================================================================*/ .checkout-menu { padding-right: 30px; overflow: hidden; margin-top: 60px; margin-bottom: 60px; } .checkout-menu .btn { position: relative; height: 60px; line-height: 60px; vertical-align: middle; padding: 0; float: right; } .checkout-menu .btn:not(.btn-third-col) { color: #828A98; } .checkout-menu .btn:after, .checkout-menu .btn:before { content: ""; display: block; position: absolute; height: 0; width: 0; right: -15px; top: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: none; border-left-width: 15px; border-left-style: solid; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; } .checkout-menu .btn.btn-third-col:after, .checkout-menu .btn.btn-third-col:before { border-left-color: #060606; } .checkout-menu .btn.btn-third-col:hover:after, .checkout-menu .btn.btn-third-col:hover:before { border-left-color: #ff9600; } .checkout-menu .btn:after { border-left-color: white; border-left-width: 15px; right: -14px; } .checkout-menu .btn:before { border-left-color: #ebedf0; right: -15px; } .checkout-menu .btn:hover:before, .checkout-menu .btn:hover:after { border-left-color: #ebedf0; } .you-order { margin-bottom: 10px; } .you-order #order-detail-content .table tbody { width: 100%; } .you-order #order-detail-content .table tbody > tr { position: relative; } .you-order #order-detail-content .table tbody > tr a.close-btn.ddr { display: inline-block; position: absolute; top: 20px; right: 12px; margin: 0; } @media all and (max-width: 767px) { .you-order #order-detail-content .table tbody > tr a.close-btn.ddr { top: auto; bottom: 20px; } } .you-order #order-detail-content .table tbody > tr > td { border-top: none; position: static; } .you-order #order-detail-content .table tbody > tr > td.cart_description { border-right: none; padding-right: 40px; } .you-order #order-detail-content .table tbody > tr > td.cart_description .qty { margin-bottom: 15px; padding-top: 5px; font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; } .you-order #order-detail-content .table tbody > tr > td.cart_description .qty span { color: #ff9600; font-size: 16px; } .you-order #order-detail-content .table tbody > tr > td.cart_product { border-right: 1px solid #d7d9db; } .you-order #order-detail-content .table > thead > tr > th { text-align: left; text-indent: 20px; font: 16px HelveticaNeue, Arial, Helvetica, sans-serif; vertical-align: middle; height: 43px; line-height: 0; padding-top: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .you-order #order-detail-content { border: none; } .you-order #order-detail-content #cart_summary { border-collapse: collapse; border-left: 1px solid #d7d9db; border-right: 1px solid #d7d9db; border-top-width: 0 !important; } .you-order #order-detail-content #cart_summary td { position: relative; } .you-order #order-detail-content .info { height: 55px; font: 13px/55px "Open Sans", sans-serif; color: black; border-left: 1px solid #d7d9db; border-right: 1px solid #d7d9db; } .you-order #order-detail-content .info span + span { font-size: 15px; } .you-order #order-detail-content .info.total { font: 600 15px/55px "Open Sans", sans-serif; text-transform: uppercase; } .you-order #order-detail-content .info .gray { color: #9198a1; } .you-order .mobile-collapse-header { font: 16px HelveticaNeue, Arial, Helvetica, sans-serif; background-color: #ebebeb; padding-left: 20px; padding-right: 20px; height: 45px; line-height: 43px; padding-top: 1px; vertical-align: middle; border: 1px solid #d7d9db; } .you-order .mobile-collapse-header:after { right: 15px; } .you-order .mobile-collapse-body { margin-top: 0; } .you-order .mobile-collapse-body .dd-list-empty { border: 1px solid #d7d9db; border-top: none; } h6.accordion-h6 { font: 600 16px HelveticaNeue, Arial, Helvetica, sans-serif; margin-top: 30px; } #accordion-order .accordion-header:hover, #accordion-order .accordion-header:not(.collapsed) { background-color: #ff9600; color: white !important; border: 1px solid #ff9600; } #accordion-order .accordion-header:hover:after, #accordion-order .accordion-header:not(.collapsed):after { border-color: #ff9600; color: white; } #accordion-order h6 { font: 600 16px HelveticaNeue, Arial, Helvetica, sans-serif; margin-top: 30px; } #accordion-order .accordion-body { padding-top: 0; } #accordion-order .checkbox { margin-bottom: 15px; margin-top: 0; height: auto; } #accordion-order .form-group input { height: 43px; } #accordion-order .btn.btn-md { width: 110px; padding: 0; vertical-align: middle; min-width: 0; font: 14px/38px "Open Sans", sans-serif; } #accordion-order label[for=checkbox3] { margin-bottom: 32px; } #accordion-order .customSelect { height: 43px; } #accordion-order .customSelect:after { margin: -19px -5px 0 0; } #accordion-order select.hasCustomSelect { width: calc(100% - 30px) !important; } #accordion-order .caption { display: none; } #accordion-order input[type=radio]:checked + label + .caption { display: block; } #accordion-order input[type=radio] + label { color: black; margin-left: 0; padding-left: 10px; margin-bottom: 5px; display: inline-block; } #accordion-order .form-group.radio { border-bottom: 1px solid #d7d9db; margin: 0; padding-top: 15px; padding-bottom: 10px; } #accordion-order .form-group.radio img { margin-left: 10px; } #accordion-order .form-group.radio:first-child { border-top: 1px solid #d7d9db; padding-bottom: 10px; margin-top: 30px; } #accordion-order .big-button { text-align: center; } #accordion-order .big-button .btn-lg { font: 14px/54px "Open Sans", sans-serif; padding: 0; width: 250px; vertical-align: middle; } /*===========================================================================*\ | Shopping Cart \*===========================================================================*/ h6.gold-header { background-color: #ff9600; padding: 2px 0 0 15px; margin: 0; color: white; vertical-align: middle; font: 16px/46px HelveticaNeue, Arial, Helvetica, sans-serif; height: 46px; } .cart-detail { margin-bottom: 40px; } .info { height: 55px; font: 13px/55px "Open Sans", sans-serif; color: black; border-left: 1px solid #d7d9db; border-right: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; margin-top: 0; margin-bottom: 0; } .info span + span { font-size: 15px; } .info.total { font: 600 15px/60px "Open Sans", sans-serif; text-transform: uppercase; height: 60px; } .info.total span { vertical-align: middle; } .info.total span + span { color: #ff9600; font-size: 18px; } .info .gray { color: #9198a1; font-size: 13px; } .calc-shipping { padding-top: 15px; border: 1px solid #d7d9db; margin-bottom: 40px; overflow: hidden; } .bottom-buttons input[type=text] { height: 46px; width: 100%; margin-bottom: 20px; } .bottom-buttons .btn { display: inline-block; height: 46px; text-align: center; width: 100%; font-size: 14px; min-width: 0; margin-bottom: 20px; } .mb-40 { margin-bottom: 40px !important; } #order-detail-content span.count { color: #212224; font: 16px "Open Sans", sans-serif; } #order-detail-content .subtotal p { text-align: center; } #order-detail-content .subtotal .close-btn + p { text-align: left; } @media all and (max-width: 767px) { #order-detail-content .subtotal .close-btn + p { text-align: center; } } /*===========================================================================*\ | Order Complete \*===========================================================================*/ .thank-you { margin-top: 0; margin-bottom: 30px; } .left-arrow-btn { position: relative; } .left-arrow-btn:before { line-height: 32px; font-family: Arial; content: "тЖТ"; font-size: 25px; color: #ff9600; display: inline-block; float: left; transition: all .2s ease 0; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .left-arrow-btn:hover:before { color: #fff; } .contact-info { width: 235px; float: right; } @media all and (max-width: 991px) { .contact-info { float: none; margin: 0 auto 40px auto; } } .contact-info p { margin-bottom: 5px; } .contact-info p span { color: #212224; } .contact-info h6 { font-size: 16px; margin-top: 0; } .contact-info h6 span { color: #9198a1; margin-right: 10px; font-size: 20px; } .contact-info .hr { display: block; height: 0; border-bottom: 1px solid #e1e3e6; margin-bottom: 20px; margin-top: 15px; } /*===========================================================================*\ | wishlist \*===========================================================================*/ .compare-div { position: relative; overflow: hidden; } .compare-div .compare-table { display: block; overflow-x: auto !important; width: auto; position: static !important; margin-left: 120px; } .compare-div .compare-table tbody { position: static; display: inline-block !important; } .compare-div .compare-table .dd-list-empty { width: 100%; } .compare-div .compare-table .dd-list-empty.visible { display: block; } .compare-div .compare-table .dd-list-empty > * { display: block; width: 100%; } .compare-div .compare-table tr { position: static !important; display: block; width: 100%; white-space: nowrap; display: inline-block !important; border: none; } .compare-div .compare-table tr td { white-space: normal; display: inline-block !important; padding: 20px; vertical-align: top; min-width: 150px; max-width: 265px; float: none !important; border-top: none; border-left: none; border-right: 1px solid #d7d9db; } .compare-div .compare-table tr td p { margin: 0; } .compare-div .compare-table tr td.row-title { width: 120px !important; min-width: 120px; max-width: 120px; margin-top: -1px; background-color: #ebebeb; font: 13px HelveticaNeue, Arial, Helvetica, sans-serif; color: #212224; text-align: left !important; position: absolute !important; left: 0; height: 100%; } .compare-div .compare-table tr.compare-image td.cart_product { padding: 0 !important; position: relative; height: 285px; } .compare-div .compare-table tr.compare-image td.cart_product a { height: 285px; width: 100%; } .compare-div .compare-table tr.compare-image td.cart_product .img-cover { height: 285px; width: 100%; position: relative; } .compare-div .compare-table tr.compare-image td.cart_product .img-cover img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; } .compare-div .compare-table tr.compare-name td p.product-name { text-align: center !important; } .compare-div .compare-table tr.compare-description td p { text-align: justify; } .compare-div .compare-table tr.compare-brand td p { text-align: left; font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; color: #212224; } .compare-div .compare-table tr.compare-size td p, .compare-div .compare-table tr.compare-color td p { text-align: left; font-size: 14px; } .compare-div .compare-table tr.compare-availability td p span { display: inline-block; width: 11px; height: 11px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #26cdb3; margin-right: 8px; vertical-align: -1px; } .compare-div .compare-table tr.compare-price td.cart_unit { width: auto; } .compare-div .compare-table tr.compare-add-cart td.cart_delete { padding: 20px !important; } .compare-div .compare-table tr.compare-control td.cart_delete { padding: 20px 0 20px 0 !important; } .compare-div .compare-table tr.compare-control td.cart_delete a { white-space: nowrap; margin-left: 7px; margin-right: 7px; } .compare-div .compare-table tr.compare-control td.cart_delete a span { margin-right: 8px; vertical-align: -1px; } #order-detail-content #cart_summary.compare-table tbody td.cart_unit { width: auto; } #order-detail-content #cart_summary.compare-table td:not(:last-child) { border-right: 1px solid #d7d9db; } /*===========================================================================*\ | Blog \*===========================================================================*/ .w100 { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 991px) { .container-sm-fullwidth { width: 100%; } } @media all and (max-width: 991px) { .container-collapse { width: 750px; margin: 0 auto !important; float: none; } } @media all and (max-width: 767px) { .container-collapse { width: 100%; } } @media all and (max-width: 991px) { .clearfix-sm:before, .clearfix-sm:after { content: ""; display: block; clear: both; } } @media all and (max-width: 991px) { .sidebar { background-color: #f7f7f7; padding-left: 0; padding-right: 0; } .sidebar > div { padding-left: 0; padding-right: 10px; } } .sidebar > div { background-color: #f7f7f7; } .sidebar > div > div { padding-right: 5px; } .sidebar .mobile-collapse-header { margin-top: 30px; } @media all and (max-width: 991px) { .sidebar .mobile-collapse-header { margin-top: 0; } } .sidebar-subscribe .mobile-collapse-header { border-bottom: none; margin-bottom: 0; } .sidebar-subscribe .mobile-collapse-body .form-group { margin-bottom: 0; } .sidebar-subscribe .mobile-collapse-body form > div { margin: 0; padding: 0; } .sidebar-subscribe .mobile-collapse-body form > div button { height: 42px; } .sidebar-subscribe .mobile-collapse-body form > div .form-control { height: 42px; background-color: #fff; font-style: italic; } .sidebar-categories .mobile-collapse-header { margin-bottom: 10px; } .sidebar-categories ul { padding: 0; } .sidebar-categories ul li { position: relative; list-style: none; display: block; color: #63676e; border-bottom: 1px solid #d7d9db; } .sidebar-categories ul li a { display: block; position: relative; line-height: 40px; vertical-align: middle; } .sidebar-categories ul li a span { color: #a1a8b2; margin-left: 5px; } .sidebar-categories ul li a span:before { content: "("; } .sidebar-categories ul li a span:after { content: ")"; } .sidebar-categories ul li:after { content: "5"; display: inline-block; font-family: 'ElegantIcons'; font-size: 20px; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; } .sidebar-categories ul li:hover:after { color: #ff9600; } .sidebar .sidebar-popular-posts figure { white-space: nowrap; } .sidebar .sidebar-popular-posts .vertical-bx-1 figcaption { max-width: 200px; float: left; } .sidebar .sidebar-popular-posts .vertical-bx-1 figcaption p { font: 13px "Open Sans", sans-serif; color: #212224; } .sidebar .sidebar-popular-posts .vertical-bx-1 figcaption .post-info { color: #7c828a; } .sidebar .sidebar-comments .vertical-bx-1 figure { margin-bottom: 35px; } .sidebar .sidebar-comments .vertical-bx-1 figure figcaption { max-width: 200px; } .sidebar .sidebar-comments .vertical-bx-1 figure figcaption p { font: 13px "Open Sans", sans-serif; color: #9198a1; } .sidebar .sidebar-comments .vertical-bx-1 figure figcaption .post-info { color: #212224; } .sidebar .sidebar-comments .vertical-bx-1 figure figcaption .post-info span { color: #a5adb8; } .sidebar .sidebar-accordion .panel { background-color: transparent; } .sidebar .sidebar-accordion .panel .accordion-header { background-color: #fff; } .sidebar .sidebar-accordion .panel .accordion-header:hover { background-color: #ff9600; } .sidebar .sidebar-accordion .panel .accordion-body { border: none; background-color: transparent; padding-left: 2px; padding-right: 2px; } .sidebar .sidebar-tags .mobile-collapse-body { padding-right: 10px; } .sidebar .sidebar-tags .btn { padding: 12px; float: left; margin-right: 5px; padding-top: 0; padding-bottom: 0; vertical-align: middle; font: 13px/28px "Open Sans", sans-serif; color: #9198a1; margin-bottom: 5px; border: 1px solid #e6e8eb; } .sidebar .sidebar-tags .btn:hover { color: white; border-color: #ff9600; } @media all and (max-width: 991px) { .sidebar .sidebar-flickr .mobile-collapse-header { border: none; } } .blog .cover, .blog .article-info { padding-right: 0; } .blog .short-post { margin-bottom: 60px; } .blog .btn { margin-top: 15px; } .blog .left-info { padding-left: 0; } .blog .left-info > div { padding-right: 15px; } @media all and (max-width: 767px) { .blog .left-info > div { margin: 0; padding-right: 0; margin-right: -30px; } } @media all and (max-width: 767px) { .blog .left-info > div > div { display: inline-block; padding: 0; } } .blog .left-info span { padding: 0; } .blog .left-info .icon { background-color: #ff9600; width: 60px; height: 55px; text-align: center; padding: 0; } .blog .left-info .icon span { font-size: 25px; color: white; line-height: 55px; vertical-align: middle; } .blog .left-info .date { font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; color: #010101; text-align: center; padding: 15px 0 12px 0; border-bottom: 1px solid #d7d9db; vertical-align: middle; margin-bottom: 10px; } @media all and (max-width: 767px) { .blog .left-info .date { border: none; padding: 0; line-height: 1; } } .blog .left-info .after-date { margin-bottom: 2px; } @media all and (max-width: 767px) { .blog .left-info .after-date { margin-bottom: 10px; margin-left: 20px; line-height: 1; vertical-align: middle; float: right; } } .blog .left-info .after-date span { margin-right: 8px; vertical-align: -2px; } .blog .carousel .carousel-control.left span { left: 30%; } .blog .carousel .carousel-control.right span { left: auto; right: 30%; -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .blog .carousel .carousel-control span { border: 2px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 35px; height: 35px; vertical-align: middle; position: absolute; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 26px; padding-top: 2px; } .article-info { font: 11px "Open Sans", sans-serif; color: #7a7a7a; } .article-info .for-border-bottom { border-bottom: 1px solid #d7d9db; } .article-info .for-border-top { border-top: 1px solid #d7d9db; padding-top: 15px; margin-top: 25px; } .article-info span { display: inline-block; margin-right: 15px; line-height: 1em; padding-top: 6px; padding-bottom: 6px; } .article-info span > span { margin-right: 5px; font-size: 1.2em; vertical-align: -1px; } .article-info .views { float: right; margin-right: 5px; } .article-info .views span { vertical-align: -2px; } .article-info .social-buttons { float: right; margin: 0; } @media all and (max-width: 767px) { .article-info .social-buttons { float: none; display: block; margin: 55px auto 20px auto; } } .article-info .social-buttons li a:not(:hover) { background-color: transparent; border: 1px solid #d7d9db; color: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .article-info .social-buttons li a:hover { border: 1px solid transparent; } .custom-audio-player { width: 100% !important; } .custom-audio-player .mejs-controls { background: #393939; height: 100%; } .custom-audio-player .mejs-controls .mejs-time-rail span { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .custom-audio-player .mejs-controls .mejs-time-rail .mejs-time-current { background: #b8b8b8; } .custom-audio-player .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #292828; } .custom-audio-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #292828; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .custom-audio-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #b8b8b8; } .custom-audio-player .mejs-button.mejs-playpause-button.mejs-play, .custom-audio-player .mejs-button.mejs-playpause-button.mejs-pause { padding: 0; width: 30px; text-align: center; position: relative; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; } .custom-audio-player .mejs-button.mejs-playpause-button.mejs-play:hover, .custom-audio-player .mejs-button.mejs-playpause-button.mejs-pause:hover { background-color: #ff9600; } .custom-audio-player .mejs-controls div { height: 100%; } .custom-audio-player .mejs-controls .mejs-button button { margin: 7px 0; padding: 0; float: none; display: inline-block; position: static; } blockquote.blog-quote { border: 1px solid #d7d9db; padding-top: 40px; padding-bottom: 40px; margin: 0; } blockquote.blog-quote p { font: italic 20px "Open Sans", sans-serif; color: black; } blockquote.blog-quote span { font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; color: #ff9600; } .blog-nav { margin-bottom: 90px; border-top: 1px solid #d7d9db; margin-top: -25px; padding-top: 25px; } .blog-nav .wp-pagenavi { margin: 0; } .blog-nav .wp-pagenavi a, .blog-nav .wp-pagenavi span { margin-top: 0; } @media all and (max-width: 767px) { .blog-nav > * { display: block; width: 100%; text-align: center; margin-bottom: 15px; } } .blog .comment.bordered { border: 1px solid #d7d9db; margin-top: 45px; margin-left: 0; padding-top: 27px; padding-left: 10px; padding-bottom: 30px; margin-bottom: 30px; } .blog .comment.bordered .name { text-transform: uppercase; margin-right: 8px; } .related-posts { margin-left: 0; margin-bottom: 45px; } .related-posts .title-type-1 { margin-bottom: 30px; font-size: 16px; } .related-posts li a { float: left; margin-right: 24px; width: 215px; height: 200px; } @media all and (max-width: 1199px) { .related-posts li a { float: none; display: block; margin: 15px auto; } .related-posts li a:before, .related-posts li a:after { content: ""; display: block; clear: both; } } .related-posts li a:last-child { margin-right: 0; } @media all and (max-width: 1199px) { .related-posts li a:last-child { margin-right: auto; } } .related-posts .img-cover { width: 100%; height: 100%; margin: 0; } .blog .comment { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } .blog .comment:last-child { border: none; } .blog .review h6 { margin-bottom: 0; } .comment-count:before { content: "("; } .comment-count:after { content: ")"; } #respond { margin-right: -30px; } #respond h6 { margin-bottom: 20px; } #respond .btn { margin-top: 0; } .single-post-nav { margin-top: 55px; margin-left: 0; font-size: 14px; } .single-post-nav .nav { padding-right: 0; margin-bottom: 0; } .single-post-nav .wp-pagenavi { margin-bottom: 20px; } .single-post-nav .wp-pagenavi a { vertical-align: middle; margin-bottom: 15px; } .single-post-nav .wp-pagenavi a span { vertical-align: top; } .blog h6 { font-size: 16px; } /*===========================================================================*\ | Product page \*===========================================================================*/ .product-top-line { padding: 23px 0 23px 10px; overflow: hidden; margin-top: 27px; margin-bottom: 40px; border-top: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; } .product-top-line .back-catalog { position: relative; height: 46px; line-height: 46px; vertical-align: middle; padding: 0; max-width: 155px; min-width: 130px; } .product-top-line .back-catalog:not(.btn-third-col) { color: #212224; } .product-top-line .back-catalog:after, .product-top-line .back-catalog:before { content: ""; display: block; position: absolute; height: 0; width: 0; left: -15px; top: 0; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-right: none; border-right-width: 10px; border-right-style: solid; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; } .product-top-line .back-catalog.btn-third-col:after, .product-top-line .back-catalog.btn-third-col:before { border-right-color: #060606; } .product-top-line .back-catalog.btn-third-col:hover:after, .product-top-line .back-catalog.btn-third-col:hover:before { border-right-color: #ff9600; } .product-top-line .back-catalog:after { border-right-color: white; border-right-width: 10px; left: -9px; } .product-top-line .back-catalog:before { border-right-color: #ebedf0; left: -10px; } .product-top-line .back-catalog:hover:before, .product-top-line .back-catalog:hover:after { border-right-color: #ebedf0; } .previous-product, .next-product { width: 45px; height: 46px; overflow: hidden; position: relative; cursor: pointer; border: 1px solid #d7d9db; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 32px; line-height: 44px; text-align: center; float: left; margin-left: 10px; } .previous-product img, .next-product img { position: absolute; width: 100%; height: auto; z-index: 1; opacity: 0; visibility: hidden; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; top: 0; left: 0; } .previous-product span, .next-product span { position: relative; z-index: 2; } .previous-product:hover, .next-product:hover { color: white; } .previous-product:hover img, .next-product:hover img { visibility: visible; opacity: 1; } .brand { float: right; } @media all and (max-width: 767px) { .brand { float: none; display: block; margin: 0 auto; } } .product-reviews { float: left; vertical-align: top; } .product-reviews > a { margin-right: 15px; margin-bottom: 10px; white-space: nowrap; vertical-align: top; line-height: 15px; } .product-reviews .stars-rating { margin-right: 10px; margin-bottom: 10px; vertical-align: top; line-height: 15px; } @media all and (min-width: 1200px) { .product-info { padding: 0; margin-left: -15px; } } .product-info h3 { margin-top: 0; margin-bottom: 5px; } .product-info .hr { display: block; clear: both; padding-top: 10px; border-bottom: 1px solid #d7d9db; height: 0; margin-bottom: 23px; width: 100%; } .product-info .hr:before, .product-info .hr:after { content: ""; display: block; height: 0; clear: both; } .product-info .price { font: 600 30px/30px HelveticaNeue, Arial, Helvetica, sans-serif; color: black; vertical-align: middle; float: left; margin-bottom: 10px; margin-right: 20px; } .product-info .price .old-price { font: italic 18px/30px HelveticaNeue, Arial, Helvetica, sans-serif; color: #a3a3a3; text-decoration: line-through; vertical-align: middle; } .availability { color: #212224; margin-top: 2px; margin-bottom: 15px; display: inline-block; } .availability span { color: #9198a1; margin-left: 5px; } .availability span span { display: inline-block; width: 11px; height: 11px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; vertical-align: -1px; } .availability span span.in-stock { background-color: #26cdb3; } .availability span span.out-stock { background-color: #c6c6c6; } @media all and (min-width: 0) { .col-xs-pull-left { float: left; } } @media all and (min-width: 768px) { .col-sm-pull-right { float: right; } } .availability + .hr { margin-bottom: 15px; } .data-info { font: 13px "Open Sans", sans-serif; color: #212224; margin-bottom: 5px; } .data-info span { color: #9198a1; margin-left: 10px; } .data-info + .hr { padding-top: 13px; margin-bottom: 15px; } .tech-info { font-size: 12px; color: #212224; list-style: none; padding-left: 0; margin-top: -2px; margin-bottom: 6px; } .tech-info div { padding-left: 0; } .tech-info span { display: block; } .tech-info span:before { content: "тАв\a0\a0"; } .tech-info + .hr { margin-bottom: 15px; } .color-blocks .color { height: auto; padding: 0; margin: 0 7px 7px 0; } .color-blocks .color input { display: none; } .color-blocks .color label, .color-blocks .color a { width: 33px; height: 34px; border: 1px solid #828385; padding: 1px; background-clip: content-box; cursor: pointer; float: left; margin: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .color-blocks .color label.white, .color-blocks .color a.white { background-color: white; } .color-blocks .color label.peach, .color-blocks .color a.peach { background-color: #ff8f68; } .color-blocks .color label.blue, .color-blocks .color a.blue { background-color: #2aabe1; } .color-blocks .color label.orange, .color-blocks .color a.orange { background-color: #ff6c00; } .color-blocks .color label.yellow, .color-blocks .color a.yellow { background-color: #ffe159; } .color-blocks .color label.lime, .color-blocks .color a.lime { background-color: #93ca6c; } .color-blocks .color label.pink, .color-blocks .color a.pink { background-color: #f7acbc; } .color-blocks .color label.cherry, .color-blocks .color a.cherry { background-color: #e04145; } .color-blocks .color input:checked + label { border-width: 2px; } .color-blocks + .hr { padding-top: 13px; margin-bottom: 16px; } .secondary-font-family { font-family: HelveticaNeue, Arial, Helvetica, sans-serif !important; } .size-blocks { margin-top: 8px; margin-bottom: 6px; } .size-blocks .size { height: auto; padding: 0; margin: 0 7px 7px 0; } .size-blocks .size input { display: none; } .size-blocks .size label, .size-blocks .size a { width: 33px; height: 34px; border: 1px solid #828385; padding: 1px; background-clip: content-box; cursor: pointer; float: left; margin: 0; color: #71747a; font: 13px/32px HelveticaNeue, Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .size-blocks .size input:checked + label { border-width: 2px; line-height: 30px; } .product-count { margin-right: 38px; margin-bottom: 13px; white-space: nowrap; } .product-count > *, .product-count input.form-control:disabled { display: inline-block; width: 46px; height: 44px; font: 23px/42px "Open Sans", sans-serif; padding: 0; background-color: #fff; border: 1px solid #e1e3e6; vertical-align: middle; text-indent: 0; text-align: center; font-size:14px;margin-bottom:0px;} .product-count input.form-control:disabled { margin-left: 5px; margin-right: 5px; cursor: default; color: #212224; } .product-count .btn:hover { color: #212224; } .product-count .btn:focus:not(:hover) { background: none; border-color: #e1e3e6; } .product-count .btn { color: #8a9099; } .product-info .add-cart { margin-bottom: 13px;height: 44px;padding-top: 8px; } .btn-gray { background-color: #e3e3e3; color: #8a9099; margin-bottom: 13px; float: left; margin-right: 8px; font-size: 18px; line-height: 46px; height: 44px; width: 44px; padding: 0; text-align: center; } .product-info .btn-sec-col + .btn-gray { margin-left: 16px; } .product-tabs .nav.nav-tabs li { margin-right: 8px; margin-bottom: 8px; } .product-tabs .nav.nav-tabs li a { background-color: white; height: 40px; font: 13px/40px HelveticaNeue, Arial, Helvetica, sans-serif; color: #6e737a; border: 1px solid #e1e3e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; padding-right: 12px; } .product-tabs .nav.nav-tabs li.active a, .product-tabs .nav.nav-tabs li:hover a { background-color: #060606; color: #ff9600; border-color: transparent; } .product-tabs .nav.nav-tabs li.active a { cursor: default; position: relative; } .product-tabs .nav.nav-tabs li.active a:after { content: ''; display: block; height: 0; width: 0; border: 5px solid transparent; border-top-color: #060606; position: absolute; bottom: -10px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product-tabs .tab-content .tab-pane { border: none; padding-left: 0; padding-right: 0; padding-top: 12px; } .product-tabs .tab-content .tab-pane .type-text { font-family: HelveticaNeue, Arial, Helvetica, sans-serif; } .product-tabs .tab-content .tab-pane#tab-review .you-rating { margin-bottom: 17px; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-right: 7px; border-right: 1px solid #d7d9db; margin-right: 5px; -moz-background-clip: content; -o-background-clip: content-box; -webkit-background-clip: content; background-clip: content-box; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating .stars { width: 0; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating:hover .stars { width: 100%; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-1 { width: 14.6px; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-2 { width: 29.2px; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-3 { width: 43.8px; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-4 { width: 58.4px; } .product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-5 { width: 73px; } .product-tabs .tab-content .tab-pane#tab-review textarea { margin-top: 10px; } .product-tabs .tab-content .tab-pane#tab-review button[type=submit] { padding-top: 11px; padding-bottom: 11px; font: 14px "Open Sans", sans-serif; } /*===========================================================================*\ | Product page - Zoom \*===========================================================================*/ .big-image { max-width: 600px; width: 100%; border: 1px solid #d7d9db; position: relative; text-align: center; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 1199px) { .big-image { float: none; margin-top: 37px; } .big-image .zoomWrapper { width: 100% !important; height: auto !important; } .big-image .zoomWrapper img { position: static !important; width: auto !important; height: auto !important; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .big-image .zoomWrapper img + img { position: absolute !important; top: 0 !important; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media all and (min-width: 1200px) { .big-image.product-page .zoomWrapper { min-height: 670px; line-height: 668px; } .big-image.product-page .zoomWrapper img { vertical-align: middle; } } .qview { overflow: hidden; } @media all and (max-width: 1199px) { .qview .product-images { text-align: center; } } .qview .zoom-content { padding-bottom: 30px; margin-bottom: 30px; } @media all and (min-width: 768px) { .qview .zoom-content { display: inline-block; min-width: 605px; } } .qview .big-image { max-width: 500px; float: right; margin-top: 0; } @media all and (max-width: 767px) { .qview .big-image { float: none; margin: 0 auto; } } .qview .big-image .zoomWrapper { width: 100% !important; height: auto !important; } .qview .big-image .zoomWrapper img { position: static !important; width: auto !important; height: auto !important; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .qview .big-image .zoomWrapper img + img { position: absolute !important; top: 0 !important; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .qview .thumbnails { float: right; height: 600px; width: 90px; margin-right: 15px; } .qview .thumbnails .bx-viewport { height: 600px !important; } .qview .thumbnails .bx-controls-direction a { transform-origin: center center 0; line-height: 27px; position: absolute; bottom: -40px; top: auto; left: 50%; margin: 0; } .qview .thumbnails .bx-controls-direction a.bx-prev { -moz-transform: translateX(-100%) rotate(90deg); -ms-transform: translateX(-100%) rotate(90deg); -webkit-transform: translateX(-100%) rotate(90deg); transform: translateX(-100%) rotate(90deg); } .qview .thumbnails .bx-controls-direction a.bx-next { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); left: 50%; } .qview .thumbnails .bx-controls-direction a:hover { background: #ff9600; border-color: #ff9600; color: white; } .qview .thumbnails ul { padding: 0; } .qview .thumbnails ul li { position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80px !important; height: 110px; line-height: 100px; } .qview .thumbnails ul li a { vertical-align: middle; display: block; width: 100%; height: 100%; border: 1px solid #d7d9db; } .qview .thumbnails ul li a.zoomThumbActive { border: 2px solid #ff9600; } .qview .thumbnails ul li a img { vertical-align: middle; } @media all and (max-width: 767px) { .qview .thumbnails { float: none; height: auto; width: auto; margin: 20px 0 0 0; } .qview .thumbnails .bx-viewport { height: auto !important; } .qview .thumbnails .bx-controls-direction a { bottom: 0; } .qview .thumbnails .bx-controls-direction a.bx-prev { -moz-transform: translateX(-100%) rotate(0); -ms-transform: translateX(-100%) rotate(0); -webkit-transform: translateX(-100%) rotate(0); transform: translateX(-100%) rotate(0); } .qview .thumbnails .bx-controls-direction a.bx-next { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } .qview .thumbnails ul li a { display: block; width: 100%; height: 100%; } .qview .thumbnails ul li a img { vertical-align: middle; } } .zoomLens { z-index: 99999; -webkit-transform: translateZ(1px); } .zoomContainer { overflow: visible; } .zoomContainer .zoomWindowContainer { display: none; } .zoomWrapper { position: relative; display: inline-block; width: 100% !important; height: auto !important; } .zoomWrapper img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .zoomWrapper img { position: static !important; width: auto !important; height: auto !important; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .zoomWrapper img + img { position: absolute !important; top: 0 !important; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } /********************************************************* / When clicking on thumbs will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ ul#thumblist { display: block; } ul#thumblist li { list-style: none; text-align: center; } ul#thumblist li a { display: block; border: 1px solid #CCC; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 120px; overflow: hidden; position: relative; } ul#thumblist li a img { height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ul#thumblist li a.zoomThumbActive { border: 2px solid #ff9600; } /*===========================================================================*\ | Product page - bxslider \*===========================================================================*/ .thumbnails { max-width: 600px; position: relative; } .thumbnails .bx-controls-direction { height: 0; } .thumbnails .bx-controls-direction a { border: 1px solid #d7d9db; display: inline-block; font-size: 18px; height: 30px; line-height: 28px; text-align: center; width: 30px; position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .thumbnails .bx-controls-direction a:hover { color: #ff9600; } .thumbnails .bx-controls-direction a.bx-next { left: auto; right: 0; } @media all and (max-width: 1199px) { .thumbnails .bx-controls-direction { height: 30px; text-align: center; margin-top: 15px; } .thumbnails .bx-controls-direction a { position: static; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); margin: 0 15px; float: left; } .thumbnails .bx-controls-direction a.bx-next { float: right; } } .thumbnails .bx-controls-direction .disabled { visibility: hidden; } .product-images { overflow: hidden; } .product-images .article-info { max-width: 600px; padding: 0; } .article-info .share-wrapp { padding-top: 18px; } .article-info .share-wrapp .h7 { margin-top: 5px; float: left; } .article-info .print-wrapp { margin-top: 18px; margin-bottom: 30px; padding-top: 0; } .h7 { font: 600 13px HelveticaNeue, Arial, Helvetica, sans-serif; color: #212224; } .print { font-size: 13px; vertical-align: middle; } .print span { font-size: 16px; margin-right: 8px; vertical-align: middle; } .zoom-content { margin-bottom: 10px; position: relative; } .zoom-content #product-video-button, .zoom-content #product-pupGallery-button { position: absolute; right: 30px; width: 40px; height: 37px; padding: 0; text-align: center; vertical-align: middle; line-height: 37px; background-color: #d9d9d9; color: white; border: none; } .zoom-content #product-video-button:hover, .zoom-content #product-pupGallery-button:hover { background-color: #060606; } .zoom-content #product-pupGallery-button { top: -1px; font-size: 16px;border-radius: 0px; } @media all and (max-width: 1199px) { .zoom-content #product-pupGallery-button { top: 0px; left: 0px; } } .zoom-content #product-video-button { top: 41px; font-size: 18px; } @media all and (max-width: 1199px) { .zoom-content #product-video-button { top: 0px; left: 46px; } } .zoom-content-2 .big-image { float: left; border: none; max-width: 680px; width: 100%; text-align: center; background-color: #fff; overflow: hidden; } @media all and (max-width: 1199px) { .zoom-content-2 .big-image { float: none; margin: 0 auto; } .zoom-content-2 .big-image .zoomWrapper { width: 100% !important; height: auto !important; } .zoom-content-2 .big-image .zoomWrapper img { position: static !important; width: auto !important; height: auto !important; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .zoom-content-2 .big-image .zoomWrapper img + img { position: absolute !important; top: 0 !important; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media all and (min-width: 1200px) { .zoom-content-2 .big-image .zoomWrapper { min-height: 670px; line-height: 668px; } .zoom-content-2 .big-image .zoomWrapper img { vertical-align: middle; } } .zoom-content-2 .big-image .zoomWindowContainer { display: none; } .zoom-content-2 .thumbnails { width: 205px; height: 611px; margin-top: 30px; margin-bottom: 30px; overflow: auto; float: right; } @media all and (max-width: 1199px) { .zoom-content-2 .thumbnails { width: 100%; float: none; margin: 20px auto; height: 220px; padding-left: 20px; } } .zoom-content-2 .thumbnails ul { width: 100%; padding: 0; display: block; } .zoom-content-2 .thumbnails ul li { list-style: none; display: inline-block; margin-right: 10px; margin-bottom: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .zoom-content-2 .thumbnails ul li a { display: block; border: 1px solid #d7d9db; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; width: 82px; height: 102px; } .zoom-content-2 .thumbnails ul li a.zoomThumbActive { border: 2px solid #ff9600; } .zoom-content-2 .thumbnails ul li a img { position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #product-pupGallery-box .modal-body { background-color: whitesmoke; padding: 0; } @media all and (min-width: 1200px) { .qview .modal-dialog.modal-lg { width: 1150px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .qview .modal-dialog.modal-lg { width: 920px; } } @media all and (min-width: 768px) and (max-width: 991px) { .qview .modal-dialog.modal-lg { width: 700px; } } .qview .modal-dialog.modal-lg .modal-body.modal-body-info { padding-left: 15px; padding-right: 15px; } /*===========================================================================*\ | Category page \*===========================================================================*/ /* =============================== View options =============================== */ .cat-view-options { margin: 35px 0 10px; padding-bottom: 7px; border-bottom: 1px solid #e1e3e6; } .cat-view-options .cvo-label { line-height: 30px; color: #212224; text-transform: uppercase; } @media (min-width: 992px) { .cat-view-options .cvo-availability-col { padding-left: 0; } } .cat-view-options .form-group { margin-bottom: 10px; } .cat-view-options .form-control { height: 30px; padding: 5px 15px; } .cat-view-options .cvo-view-type { display: inline-block; margin-left: 10px; vertical-align: top; } .cat-view-options .cvo-view-type li:last-child { padding-right: 0; } .cat-view-options .cvo-view-type a { display: inline-block; line-height: 10px; padding: 8px; border: 1px solid #e1e3e6; } .cat-view-options .cvo-view-type a svg { transition: all 0.3s ease; fill: #a1a8b2; } .cat-view-options .cvo-view-type a:hover svg, .cat-view-options .cvo-view-type li.active a svg { fill: #ff9600; } /* =============================== Pagination =============================== */ .cat-pagination { margin-top: 20px; margin-bottom: 30px; } .cat-pagination .wp-pagenavi { float: none; margin: 0; } .cat-pagination .wp-pagenavi .btn { line-height: 25px; padding-left: 2px; } .cat-pagination .wp-pagenavi:before { position: static; } .cat-pagination .wp-pagenavi .nextpostlink { font-size: 18px; } /*===========================================================================*\ | Home - Store \*===========================================================================*/ .wg-categories.store-alt { border-bottom: none; padding-bottom: 10px; } .wg-title.store-alt { position: relative; padding-bottom: 17px; } .wg-title.store-alt:before { content: ""; display: block; width: 90px; height: 2px; background-color: #0c0c0c; position: absolute; bottom: 0; } .wg-categories.store-alt h5 { font-size: 15px; text-align: left; margin-bottom: 2px; } .wg-categories.store-alt .wg-categories-list { padding-left: 0; list-style: none; } .wg-categories.store-alt .wg-categories-list li { line-height: 26px; } .wg-viwed-products.box-with-pager.store-alt { padding-top: 13px; margin-bottom: 35px; } .wg-viwed-products.box-with-pager.store-alt.bx-controls { top: 0; } .wg-viwed-products.box-with-pager.store-alt .wgvp-item { margin-bottom: 4px; } .wg-viwed-products.box-with-pager.store-alt .wgvp-item figure { background-color: #ebebeb; } .wg-viwed-products.box-with-pager.store-alt .wgvp-item figure img { vertical-align: middle; } .wg-tweets .top-box-btn-1 { top: 0; } .wg-tweets .tweets-group li { margin-bottom: 25px; } .wg-tweets .tweets-group li .reply { float: right; color: #a5adb8; } .wg-tweets .tweets-group li .reply:hover { color: #ff9600; } .wg-tweets .tweets-group li .reply span { vertical-align: -2px; } .wg-brands .brands-list .bl-item { width: 50%; } .wg-brands .box-with-pager .bx-controls { top: 0; } @media all and (max-width: 991px) { .wg-brands .box-with-pager .bx-controls { top: 40px; } } .back-line { text-align: center; margin-bottom: 25px; vertical-align: middle; position: relative; } .back-line h2 { margin: 0; padding: 0 20px; background-color: #fff; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 18px; } .back-line:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 2px; background-color: #0c0c0c; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mobile-collapse.opened .mobile-collapse-header.back-line:after, .mobile-collapse .mobile-collapse-header.back-line:after { content: ""; } @media all and (max-width: 991px) { .widget.mobile-collapse.store-alt { padding-top: 0; padding-bottom: 0; margin-bottom: 40px; } } .store-alt-products .news-item { margin-bottom: 0; } #carousel-clients-say .client-item { text-align: center; padding-top: 25px; } #carousel-clients-say .client-item > * { display: block; width: 100%; padding: 0; margin: 0; float: none; text-align: center; } #carousel-clients-say .client-item img { max-width: 80px; } #carousel-clients-say .client-item .ci-body { margin-top: 12px; } #carousel-clients-say .carousel-indicators { bottom: 20px; } .news-container.store-alt .news-item .ni-body { padding: 15px; } .loadmore-wrapp { position: absolute; width: 100%; bottom: 50px; left: 0; } .news-loadmore.store-alt { margin-top: 15px; } .relative { position: relative; } @media all and (min-width: 992px) { .wg-specials.box-with-pager.store-alt .wg-title.mobile-collapse-header.store-alt { padding-right: 65px; } } @media all and (max-width: 991px) { .wg-specials.box-with-pager.store-alt .bx-controls { top: 40px; } } .wg-banner #carousel-banner { width: 100%; text-align: center; } .wg-banner #carousel-banner img { display: inline-block; } /*===========================================================================*\ | Home v.2 boxed \*===========================================================================*/ body.home-v2 { background: url("../images/home-2/bg.jpg"); } .product-cats-tabs .container .text-center ul.product-categories li { margin: 0 10px; } .product-cats-tabs .container .text-center ul.product-categories li a { border: 1px solid lightgray; color: #57595e; padding: 4px 15px; } .product-cats-tabs .container .text-center ul.product-categories li.active { background: #FFC777; } .product-cats-tabs .container .text-center ul.product-categories li.active a { color: #ffffff; border-color: #ffc777; } .product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure { line-height: normal !important; height: auto; } .product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure a img { transition: all 0.5s ease 0s; } .product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure:hover a img { transform: scale(1.1); transition: all 0.5s ease 0s; } .product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row div.pl-item { margin-bottom: 35px; } .product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row p.pl-name { color: #FFC777; } .home-v2 header .top-menu ul.nav-menu li.nav-item > a { color: #FFC777; } .home-v2 header .top-menu ul.nav-menu li.nav-item:hover > a { color: #ffffff; } .home-v2 header #header-bar #shopping-cart-wrapper a.shp-ca .s-bag-1 { background: #ffc777; } .home-v2 .product-categories.moving-hover-line li.active > a { color: #FFC777; } .home-v2 .product-categories.moving-hover-line li.hover-line { background: #FFC777; } .home-v2 .products-list figure figcaption a.pl-button:hover { background-color: #FFC777; } .home-v2 .products-list figure figcaption { width: 99.9%; } .home-v2 .products-list .pl-item .pl-caption .stars-rating span.stars { background: url("../images/stars-rating-home-v2.png"); } .home-v2 .products-list .pl-item.animate { transform: scale(0); transition: all 0.5s ease 0s; } .home-v2 .products-list .pl-item.scale { transform: scale(1); } .home-v2 .products-list .products-loadmore { color: #FFC777; background-color: white; border: 1px solid #e1e3e6; } .home-v2 .products-list .products-loadmore i { margin-right: 10px; } .home-v2 .products-list .products-loadmore:hover { background-color: #e1e3e6; } .home-v2 .news-loadmore { color: #FFC777; } .home-v2 .news-loadmore i { color: #FFC777; } .home-v2 .subscribe input[type="submit"] { background: #FFC777; } .home-v2 .news-list .ni-title-line { border-color: #FFC777; } .home-v2 .twitter-box .tweets-group a { color: #FFC777; } .home-v2 .most-popular-box i.arrow_carrot-right:hover { color: #FFC777; } .home-v2 .product-tags-box .tags a { color: #FFC777; background: #ffffff; } .home-v2 .pg-body section .container { padding-left: 30px; padding-right: 30px; } .home-v2 header .container { padding-left: 30px; } .home-v2 .rslide-caption-1 { background: rgba(0, 0, 0, 0.5); width: 37%; margin-left: auto; margin-right: auto; padding: 40px 25px; border: 1px solid #846c5a; margin-top: 9%; } @media screen and (min-width: 320px) and (max-width: 480px) { .home-v2 .rslide-caption-1 { width: 80%; padding: 15px 15px; text-align: center; } } @media screen and (min-width: 481px) and (max-width: 767px) { .home-v2 .rslide-caption-1 { width: 60%; padding: 25px 20px; text-align: center; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .home-v2 .rslide-caption-1 { width: 60%; padding: 30px 25px; text-align: center; } } .home-v2 .rslide-caption-1 span { font-size: 38px; text-align: center; } @media screen and (min-width: 320px) and (max-width: 480px) { .home-v2 .rslide-caption-1 span { font-size: 15px; } } @media screen and (min-width: 481px) and (max-width: 767px) { .home-v2 .rslide-caption-1 span { font-size: 19px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .home-v2 .rslide-caption-1 span { font-size: 25px; } } .home-v2 .rslide-caption-1 p { color: white; text-align: center; margin-bottom: 0; } @media screen and (min-width: 320px) and (max-width: 480px) { .home-v2 .rslide-caption-1 p { font-size: 10px; } } @media screen and (min-width: 481px) and (max-width: 767px) { .home-v2 .rslide-caption-1 p { font-size: 14px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .home-v2 .rslide-caption-1 p { font-size: 15px; } } .home-v2 .rslide-caption-1 .rslide-sub-caption-1 { padding-top: 15px; line-height: 15px; } @media screen and (min-width: 320px) and (max-width: 480px) { .home-v2 .rslide-caption-1 .rslide-sub-caption-1 { padding-top: 0; } } .home-v2 .rslides-container .rslides li .slider-container button.rslide-button-2 { background: #5c5c5c; border: none; color: white; padding: 0px 10px; font-size: 20px; } .home-v2 .rslides-container .rslides li .slider-container button.rslide-button-2:hover { background: #FFC777; } .home-v2 .rslides-container .rslides li .slider-container .slide-product-1 { left: 5%; position: absolute; top: 30%; } .home-v2 .rslides-container .rslides li .slider-container .slide-product-2 { right: 10%; position: absolute; top: 35%; } .home-v2 .rslides-container .rslides li .slider-container .slide-product-3 { right: 5%; position: absolute; top: 17%; } .home-v2 .rslides-container .rslides li .slider-container .slide-product { width: 13%; } .home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img { background: #111111 none repeat scroll 0 0; float: left; padding: 20px; width: 100%; margin-left: 25px; display: none; } .home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img .prod-img img { width: 100%; } .home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img .prod-title { float: left; width: 100%; color: white; padding-top: 10px; } .home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img .prod-price { float: left; width: 100%; color: #dead68; } .home-v2 .rslides_nav_block .rslides_nav:hover { background: #ffc777; } .home-v2 .we-offers i { color: #FFC777; margin-right: 10px; } .home-v2 .we-offers .btn-yet-col { transition: all 0.7s ease 0s; } .home-v2 #top-bar .list-inline li a.active { color: #FFC777; } .home-v2 #shopping-cart-wrapper .dd-products-price { color: #FFC777; } .home-v2 #shopping-cart-wrapper .s-bag-2::after { font-size: 20px; } .home-v2 footer .product-tags-box .tags a { background: #ffffff; } .home-v2 footer #social-buttons .facebook a { background: #064ca1; } .home-v2 footer #social-buttons .tweeter a { background: #27b9f2; } .home-v2 footer #social-buttons .gplus a { background: #da4735; } .home-v2 footer #social-buttons .youtube a { background: #e52d27; } .home-v2 footer #social-buttons .instantgram a { background: #306a92; } .home-v2 footer #social-buttons .skype a { background: #12a5f4; } .home-v2 #home1-slider { margin-bottom: 0; padding-bottom: 49%; } .rslide-button-1:after { content: "\2192"; } /*===========================================================================*\ | Home v.3 bookstore \*===========================================================================*/ body.home-v3 header #top-bar .left-top-bar li a.active { color: #ff9600; } body.home-v3 header #header-bar #shopping-cart-wrapper .s-bag-1 { background: #ff9600; } body.home-v3 header #header-bar #shopping-cart-wrapper .active.dd-products-price { color: #ff9600; } body.home-v3 header #header-bar #header-logo .top-tag-line { border-left: 1px solid lightgray; display: inline; font-style: italic; margin-left: 15px; margin-top: -81px; padding: 5px 10px; vertical-align: bottom; } body.home-v3 header .top-menu .main-menu ul.nav-menu > li > a { color: #fff; } body.home-v3 .pg-body .store-alt-products .news-container .news-item { margin-bottom: 30px; } body.home-v3 .pg-body .store-alt-products .news-container .news-item figure figcaption .pl-button:hover { background: #ff9600; } body.home-v3 .pg-body .store-alt .news-container .news-item .ni-title-line { border-color: #ff9600; } body.home-v3 .pg-body .carousel.slide li { border-color: #ff9600; } body.home-v3 .pg-body .carousel.slide li.active { background: #ff9600; border-color: #ff9600; } body.home-v3 .pg-body .btn.news-loadmore .icon-reload { color: #ff9600; } body.home-v3 .pg-body .cat-sidebar .twitter-box .tweets-group li > p > a { color: #ff9600; } body.home-v3 .pg-body .cat-sidebar .bx-has-controls-direction .bx-controls-direction a:hover { color: #ff9600; } body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li { border: 1px solid #ebebeb; } body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li figure { height: 250px; border: none; } body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li p.wgsp-price { color: #ff9600; } body.home-v3 .pg-body .cat-sidebar .wg-viwed-products p.wgvp-item-price { color: #ff9600; } body.home-v3 .pg-body .subscribe form input[type="submit"] { background: #ff9600; } body.home-v3 footer .product-tags-box .tags a { background: #ff9600; } body.home-v3 footer #social-buttons .facebook a { background: #064ca1; } body.home-v3 footer #social-buttons .tweeter a { background: #27b9f2; } body.home-v3 footer #social-buttons .gplus a { background: #da4735; } body.home-v3 footer #social-buttons .youtube a { background: #e52d27; } body.home-v3 footer #social-buttons .instantgram a { background: #306a92; } body.home-v3 footer #social-buttons .skype a { background: #12a5f4; } /*===========================================================================*\ | Home v.4 Boxed \*===========================================================================*/ body.home-v4 { background: url("../images/home-4/bg.jpg"); background-size: cover; } body.home-v4 header #top-bar .list-inline li a.active { color: #ff7455; } body.home-v4 header #header-bar .top-search-box { padding-left: 15px; padding-right: 15px; } body.home-v4 header #header-bar #shopping-cart-wrapper .s-bag-1 { background: #ff7455; } body.home-v4 header #header-bar .active.dd-products-price { color: #ff7455; } body.home-v4 header .top-menu { background: transparent; } body.home-v4 header .top-menu .main-menu ul.nav-menu > li > a { color: #FB8D74; } body.home-v4 header .top-menu ul.nav-menu > li a:hover { background: #ff7455; color: white; } body.home-v4 header .top-menu ul.nav-menu > li a:focus { background: #ff7455; color: white; } body.home-v4 header .top-menu ul.nav-menu > li a:focus:after { border-top-color: #ff7455; } body.home-v4 header .top-menu ul.nav-menu > li a.open:after { border-top-color: #ff7455; } body.home-v4 header .top-menu ul.nav-menu > li a.open { background: #ff7455; color: white; } body.home-v4 header .top-menu .container { background: white; } body.home-v4 header .top-menu .container .main-menu { background: #060606; margin: 0 15px; } body.home-v4 .carousel-control:hover { background: #ff7455; } body.home-v4 .carousel-control:hover { background: #ff7455; } body.home-v4 .pg-body .home1-slider { height: auto !important; position: relative !important; float: left !important; } body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow { background: transparent; border: 1px solid white; bottom: 40%; margin-left: -14%; margin-top: 5px; padding: 7px 35px; position: absolute; transition: all 0.5s ease 0s; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow { bottom: -36%; padding: 0px 5px; font-size: 12px; margin-left: -12%; } } body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow span { padding-left: 15px; font-size: 15px; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow span { padding-left: 8px; font-size: 13px; } } body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow:hover { color: #ff7455; border-color: #ff7455; } body.home-v4 .pg-body .home1-slider .services-item { margin-bottom: 28px; margin-top: 7px; padding-bottom: 10px; padding-top: 10px; background: #ff7455; box-shadow: 0 0 0 7px #ff7455; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 .pg-body .home1-slider .services-item .si-title { line-height: 35px; } } body.home-v4 .pg-body .home1-slider .services-item .si-content { text-align: center; padding: 10px; } body.home-v4 .pg-body .home1-slider > div { margin-top: 10px; } body.home-v4 .pg-body .most-popular-box .bx-controls-direction a:hover { color: #ff7455; } body.home-v4 .pg-body .latest-news .best-product { margin-top: 0; } body.home-v4 .pg-body .latest-news .news-list .ni-title-line { border-color: #ff7455; } body.home-v4 .pg-body .latest-news .news-list .news-loadmore { color: #ff7455; } body.home-v4 .pg-body .latest-news .news-list .news-loadmore i { color: #ff7455; } body.home-v4 .best-product { margin-top: 50px; } body.home-v4 .best-product .products-list { margin-bottom: 0; } body.home-v4 .best-product .products-list .pl-item figure { line-height: 250px; height: 270px; } body.home-v4 .best-product .products-list .pl-item .pl-button { font-size: 30px; } body.home-v4 .best-product .products-list .pl-item .pl-button:hover { background: #ff7455; } body.home-v4 .best-product .products-list .pl-item .pl-caption .stars-rating span.stars { background: url("../images/stars-rating-home-v4.png"); } body.home-v4 .best-product .products-list .pl-item.animate { transform: scale(0); transition: all 0.5s ease 0s; } body.home-v4 .best-product .products-list .pl-item.scale { transform: scale(1); } body.home-v4 .best-product .products-list .news-loadmore { color: #ff7455; } body.home-v4 .best-product .products-list .news-loadmore i { color: #ff7455; } body.home-v4 .best-product .products-list.new-products .pl-item figure figcaption { padding: 15px 20px; } body.home-v4 .best-product .products-list.new-products .pl-item figure figcaption .pl-button { width: 100%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 .best-product .products-list.new-products .pl-item figure figcaption { margin-bottom: -55px; } } body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption { height: 100%; background: #ff7455; padding: 15px 20px; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption { margin-bottom: 0px !important; } } body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .hover-title { color: white; text-align: left; margin: 0; font-size: 15px; } body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .hover-para { line-height: 19px; color: white; text-align: left; margin-top: 2px; } body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .pl-button { background: #1c1c1c; font-size: 14px; line-height: 28px; margin-bottom: 5px; text-align: left; width: 100%; color: #ff7455; padding: 1px; } body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .pl-button i { margin: 0 10px; color: white; } body.home-v4 .best-product .products-list.new-products li.animate .pl-item { transform: scale(0); transition: all 0.5s ease 0s; } body.home-v4 .best-product .products-list.new-products li.scale .pl-item { transform: scale(1); } body.home-v4 footer #footer-1 { border: none; padding-top: 0; } body.home-v4 footer #footer-1 .subscribe { margin-top: 0; margin-bottom: 0; background: #f2f2f2; } body.home-v4 footer #footer-1 .subscribe .subscribe-left { background: #ff7455; } body.home-v4 footer #footer-1 .subscribe .subscribe-left:before { border-bottom: 30px solid transparent; border-right: medium none; border-style: solid none solid solid; border-top: 30px solid transparent; border-width: 21px medium 22px 15px; content: ""; display: block; height: 0; position: absolute; right: -15px; top: 0; transition: all 0.2s ease 0s; width: 0; border-left-color: #ff7455; } body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 { line-height: 43px; color: white; font-size: 22px; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 { font-size: 13px; } } @media screen and (min-width: 480px) and (max-width: 767px) { body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 { font-size: 15px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 { font-size: 16px; } } body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 span { color: white; } @media screen and (min-width: 320px) and (max-width: 630px) { body.home-v4 footer #footer-1 .subscribe .subscribe-left { width: 97%; } } body.home-v4 footer #footer-1 .subscribe .subscribe-right { padding-right: 0; } body.home-v4 footer #footer-1 .subscribe .subscribe-right .placeholder-fix { background: transparent; border: none; } body.home-v4 footer #footer-1 .subscribe .subscribe-right .search { margin-bottom: 0px; } body.home-v4 footer #footer-1 .subscribe .subscribe-right form .col-sm-4 { padding-right: 0; } body.home-v4 footer #footer-1 .subscribe .subscribe-right form .col-xs-2 { padding-left: 0; } body.home-v4 footer #footer-1 .subscribe .subscribe-right form input[type="submit"] { float: right; height: 45px; width: 50%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v4 footer #footer-1 .subscribe .subscribe-right form input[type="submit"] { width: 100%; } } body.home-v4 footer #footer-1 .subscribe .subscribe-right form input[type="submit"]:hover { background: #ff7455; } @media screen and (min-width: 320px) and (max-width: 630px) { body.home-v4 footer #footer-1 .subscribe .subscribe-right { width: 100%; margin-top: 1%; } } body.home-v4 footer .twitter-box li p a { color: #ff7455; } body.home-v4 footer .product-tags-box .tags a { background-color: #ff7455; } body.home-v4 footer #social-buttons .facebook a { background: #064ca1; } body.home-v4 footer #social-buttons .tweeter a { background: #27b9f2; } body.home-v4 footer #social-buttons .gplus a { background: #da4735; } body.home-v4 footer #social-buttons .youtube a { background: #e52d27; } body.home-v4 footer #social-buttons .instantgram a { background: #306a92; } body.home-v4 footer #social-buttons .skype a { background: #12a5f4; } #shopping-cart-wrapper .s-bag-2::after, .arrow-btn::after { content: "\2192"; } /*===========================================================================*\ | Home v.5 \*===========================================================================*/ body.home-v5 { background: #f5f5f5; background-size: cover; } body.home-v5 .top-bar.container { padding-left: 0; padding-right: 0; } body.home-v5 #top-bar .list-inline li a.active { color: #fc7d9b; } body.home-v5 #header-bar .top-search-box { padding-left: 15px; padding-right: 15px; } body.home-v5 #header-bar #shopping-cart-wrapper .s-bag-1 { background: #fc7d9b; } body.home-v5 #header-bar .active.dd-products-price { color: #fc7d9b; } body.home-v5 .top-menu { background: transparent; } body.home-v5 .top-menu .main-menu ul.nav-menu > li > a { color: #FF99B1; } body.home-v5 .top-menu .main-menu ul.nav-menu > li a:hover { background: #fc7d9b; color: white; } body.home-v5 .top-menu .main-menu ul.nav-menu > li a:focus { background: #fc7d9b; color: white; } body.home-v5 .top-menu .main-menu ul.nav-menu > li a:focus:after { border-top-color: #fc7d9b; } body.home-v5 .top-menu .main-menu ul.nav-menu > li a.open:after { border-top-color: #fc7d9b; } body.home-v5 .top-menu .main-menu ul.nav-menu > li a.open { background: #fc7d9b; color: white; } body.home-v5 .top-menu .container { background: white; } body.home-v5 .top-menu .container .main-menu { background: #060606; margin: 0 15px; } body.home-v5 #home1-slider { padding-bottom: 0; height: auto; } body.home-v5 #home1-slider .home1-slider { height: auto; position: relative; float: left; } body.home-v5 .carousel-control:hover { background: #fc7d9b; } body.home-v5 .carousel-control:hover { background: #fc7d9b; } body.home-v5 .pg-body .home1-slider .rslides_nav_block { bottom: 57px; } body.home-v5 .pg-body .home1-slider .rslides_nav_block a.carousel-control { width: 45px; height: 45px; line-height: 45px; margin-top: -27px; background-image: none; background: white; opacity: 1; text-shadow: none; color: gray; } body.home-v5 .pg-body .home1-slider .rslides_nav_block a.carousel-control:hover { background: #fc7d9b !important; color: white; } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption { top: 27%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption { top: 0px; } } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul { width: 100%; padding-left: 14%; } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul li { float: left; margin-right: 25px; padding-left: 8px; } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul li:first-child { list-style: none; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul li { font-size: 10px; list-style: outside !important; } } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 { color: white; border-top: 2px solid white; border-bottom: 2px solid white; font-size: 326%; font-weight: bold; padding: 23px 0 20px; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 { font-size: 140%; top: 0; margin-top: 8px; padding: 3% 0; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 { font-size: 217%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 { font-size: 196%; } } @media screen and (min-width: 1025px) and (max-width: 1199px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 { font-size: 260%; } } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .shopnow { background: transparent none repeat scroll 0 0; border: 1px solid #e1e3e6; padding: 6px 30px; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .shopnow:hover { color: #fc7d9b; border-color: #fc7d9b; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .gap-50 { margin-top: 0px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .gap-50 { margin-top: 20px; } } body.home-v5 .pg-body .home1-slider .slide-left { width: 70.667%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .slide-left { width: 100%; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .home1-slider .slide-left { width: 100%; } } body.home-v5 .pg-body .home1-slider .mini-slide { width: 29.333%; } body.home-v5 .pg-body .home1-slider .mini-slide .slide-right { margin-bottom: 30px; } body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption { position: absolute; top: 8%; width: 90%; text-align: center; } @media screen and (min-width: 768px) and (max-width: 990px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption { top: 4%; } } @media screen and (min-width: 768px) and (max-width: 990px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .gap-50 { margin-top: 35px; } } body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: white; font-size: 20px; margin: 0 auto; padding: 5%; text-align: center; width: 75%; border: 1px solid #7f6851; } body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll span { color: #fc7d9b; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll { font-size: 15px; } } @media screen and (min-width: 768px) and (max-width: 990px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll { font-size: 12px; } } body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .watchnow { background: #fc7d9b; border: none; margin: 0 auto; color: white; padding: 10px 25px; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .watchnow:hover { background: #fc609b; } @media screen and (min-width: 768px) and (max-width: 990px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .watchnow { padding: 7px 20px; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption { width: 60%; left: 20%; } } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right { width: 100%; text-align: center; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .home1-slider .mini-slide .slide-right { width: 100%; text-align: center; } } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .home1-slider .mini-slide { width: 100%; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .home1-slider .mini-slide { width: 100%; } } body.home-v5 .pg-body .home1-slider > div { margin-top: 10px; } body.home-v5 .pg-body .we-offers .btn-yet-col { background: #f5f5f5; transition: all 0.5s ease 0s; width: 100%; text-align: left; font-weight: 500; padding-top: 15px; padding-bottom: 15px; } body.home-v5 .pg-body .we-offers .btn-yet-col i.fa { background: white; border-radius: 50%; padding: 15px; color: #fc7d9b; margin-right: 15px; float: left; font-size: 23px; } body.home-v5 .pg-body .we-offers .btn-yet-col span { font-size: 12px; display: block; text-align: left; line-height: 5px; } body.home-v5 .pg-body .we-offers .btn-yet-col:hover { border: 1px solid #fc7d9b; } @media screen and (min-width: 480px) and (max-width: 767px) { body.home-v5 .pg-body .we-offers > .container > div.row > div { margin-bottom: 10px; } } @media screen and (min-width: 320px) and (max-width: 479px) { body.home-v5 .pg-body .we-offers > .container > div.row > div { width: 100%; } } body.home-v5 .pg-body .product-cats-tabs .product-categories li.active { background: #fc7d9b; border-color: #fc7d9b; } body.home-v5 .pg-body .product-cats-tabs .product-categories li.active a { border: #fc7d9b; } @media screen and (min-width: 768px) and (max-width: 1023px) { body.home-v5 .pg-body .product-cats-tabs .product-categories li { float: left; } } body.home-v5 .pg-body .product-cats-tabs .product-categories li:hover { background: #fc7d9b; border-color: #fc7d9b; } body.home-v5 .pg-body .product-cats-tabs .product-categories li:hover a { color: white; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list { margin-bottom: 0; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item { margin-bottom: 15px !important; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption { padding-bottom: 10px; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption .pl-name { padding-top: 10px; font-size: 17px; padding-bottom: 0px; color: black; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption span { font-size: 18px; font-weight: bold; color: #fc7d9b; } @media screen and (min-width: 320px) and (max-width: 1023px) { body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption { width: 100%; margin: 0 auto; margin-top: -1px; max-width: 268px; } } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption { background: rgba(0, 0, 0, 0.4); padding-left: 6%; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption .pl-button { background: rgba(252, 125, 155, 0.8); border-radius: 50%; font-size: 25px; width: 22%; margin-right: 2%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption { margin-bottom: -55px; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption { margin-bottom: -55px; } } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item { width: 100%; } } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover .pl-caption { background: #fc7d9b; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover .pl-caption .pl-name { color: white; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover .pl-caption span { color: white; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover figcaption { height: 100%; margin-bottom: 0; background: rgba(0, 0, 0, 0.4); padding-top: 40%; padding-left: 6%; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover figcaption .pl-button { background: rgba(252, 125, 155, 0.8); border-radius: 50%; font-size: 25px; width: 22%; margin-right: 2%; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li figure { margin-bottom: -1px; } body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li figure:hover a img { transform: none !important; } @media screen and (min-width: 320px) and (max-width: 1023px) { body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li figure { width: 100%; margin: -1px auto 0; max-width: 268px; } } body.home-v5 .pg-body .best-product { margin-top: 50px; } body.home-v5 .pg-body .shop-range { /*****************************/ /* Plugin styles */ } body.home-v5 .pg-body .shop-range #carousel-example-generic { display: inline-block; } @media screen and (min-width: 480px) and (max-width: 767px) { body.home-v5 .pg-body .shop-range #shop-by-flower { max-width: 470px; margin: 0 auto; } } body.home-v5 .pg-body .shop-range ul.thumbnails-carousel { padding: 5px 0 0 0; margin: 0; list-style-type: none; text-align: center; } body.home-v5 .pg-body .shop-range ul.thumbnails-carousel .center { display: inline-block; } body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li { margin-right: 7px; float: left; cursor: pointer; opacity: 0.5; margin-bottom: 10px; min-height: 92px; } body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li:hover { opacity: 1 !important; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li { border: none; margin-bottom: 5px; } } body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li:last-child { margin-right: 0; } body.home-v5 .pg-body .shop-range .controls-background-reset { top: 39%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .shop-range .controls-background-reset { top: 27%; } } body.home-v5 .pg-body .shop-range .active-thumbnail { border: 2px solid #fc7d9b; opacity: 1 !important; } body.home-v5 .pg-body .shop-range .indicators-fix { bottom: 70px; } body.home-v5 .pg-body .shop-range .product-title, body.home-v5 .pg-body .shop-range .shop-style, body.home-v5 .pg-body .shop-range .product-description { text-align: left; } body.home-v5 .pg-body .shop-range .product-title, body.home-v5 .pg-body .shop-range .shop-style { padding-bottom: 10px; } body.home-v5 .pg-body .shop-range .product-title { margin-top: 0; } body.home-v5 .pg-body .shop-range .prod-actions { text-align: left; } body.home-v5 .pg-body .shop-range .prod-actions button { background: transparent; border: 1px solid #e1e3e6; padding: 8px 15px; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .shop-range .prod-actions button:hover { background: #fc7d9b; border-color: #fc7d9b; color: white; } body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col { float: left; color: #fc7d9b; margin-top: 10px; } @media screen and (max-width: 767px) { body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col { clear: both; } } body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col:after { right: -35px; color: #fc7d9b; } body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col:hover:after { right: -40px; } body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item { border: 1px solid #e1e3e6; height: 73px; padding: 8px; width: 19%; margin: 2px; cursor: pointer; } body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item:hover { border: 2px solid #fc7d9b; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item { width: 23%; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item { width: 15%; } } body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item:nth-child(3n+2) { margin-right: 0 !important; } body.home-v5 .pg-body .pl-button:hover { background: #fc7d9b; } body.home-v5 .pg-body .products-list .pl-item.animate { transform: scale(0); transition: all 0.5s ease 0s; } body.home-v5 .pg-body .products-list .pl-item.scale { transform: scale(1); } body.home-v5 .pg-body .news-loadmore { color: #fc7d9b; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .news-loadmore i { color: #fc7d9b; } body.home-v5 .pg-body .client-says .client-comments { background: url(../images/home-5/testimonials.jpg); height: 530px; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .client-says .client-comments { height: 370px; } } body.home-v5 .pg-body .client-says .client-comments .client-top-heading { text-align: center; margin-top: 15%; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .client-says .client-comments .client-top-heading { margin-top: 10%; } } body.home-v5 .pg-body .client-says .client-comments .client-top-heading h3 { color: white; } body.home-v5 .pg-body .client-says .client-comments .client-top-heading span { background: url(../images/home-5/te-heading-bottom.png); float: left; height: 18px; margin-left: 40%; width: 20%; background-repeat: no-repeat; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider { /* carousel */ /* Control buttons */ /* Previous button */ /* Next button */ /* Changes the position of the indicators */ /* Changes the color of the indicators */ /* End carousel */ /** MEDIA QUERIES */ /* Small devices (tablets, 768px and up) */ /* Small devices (tablets, up to 768px) */ } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; width: 70%; margin: 0 auto; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control { background: none; color: white; font-size: 2.3em; text-shadow: none; margin-top: -20px; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control:hover { color: #fc7d9b; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control.left { left: -12px; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control.right { right: -12px !important; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators li { background: rgba(0, 0, 0, 0.7); border: none; margin: 0; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators .active { background: #fc7d9b; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel img { width: 250px; height: 100px; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote { border-left: none; margin: 0; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div { text-align: center; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div small { color: #adadad; font-size: 13px; margin-top: 10px; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div small:before { content: ""; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div p { color: white; width: 100%; margin: 0 auto; font-size: 22px; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div p { font-size: 15px; } } @media (min-width: 768px) { body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; } } @media (max-width: 768px) { body.home-v5 .pg-body .client-says .client-comments .testimonial-slider { /* Make the indicators larger for easier clicking with fingers/thumb on mobile */ } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators { bottom: -20px !important; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators li { display: inline-block; margin: 0px 5px; width: 15px; height: 15px; } body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators li.active { margin: 0px 5px; width: 20px; height: 20px; } } body.home-v5 .pg-body .client-says .client-logos { padding: 35px 0; background: #f2f2f2; } body.home-v5 .pg-body .client-says .client-logos .cl-logo { background: #ededed; height: 90px; margin: 0.8%; padding: 15px; text-align: center; width: 15%; cursor: pointer; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .client-says .client-logos .cl-logo img { width: 60%; } @media screen and (min-width: 768px) and (max-width: 1023px) { body.home-v5 .pg-body .client-says .client-logos .cl-logo img { width: 100%; } } body.home-v5 .pg-body .client-says .client-logos .cl-logo:first-child { padding-top: 25px; } body.home-v5 .pg-body .client-says .client-logos .cl-logo:nth-child(3) { padding-top: 25px; } body.home-v5 .pg-body .client-says .client-logos .cl-logo:nth-child(5) { padding-top: 30px; } body.home-v5 .pg-body .client-says .client-logos .cl-logo:last-child { padding-top: 25px; } body.home-v5 .pg-body .client-says .client-logos .cl-logo:hover { background: #e6e6e6; } @media screen and (min-width: 320px) and (max-width: 480px) { body.home-v5 .pg-body .client-says .client-logos .cl-logo { width: 45%; } } @media screen and (min-width: 481px) and (max-width: 767px) { body.home-v5 .pg-body .client-says .client-logos .cl-logo { width: 31%; } } body.home-v5 .pg-body .most-popular-box .bx-controls-direction a:hover { color: #fc7d9b; } body.home-v5 .pg-body .latest-news .best-product { margin-top: 0; } body.home-v5 .pg-body .latest-news .news-list .ni-title-line { border-color: #fc7d9b; } body.home-v5 .pg-body .latest-news .news-list .news-loadmore { color: #fc7d9b; transition: all 0.5s ease 0s; } body.home-v5 .pg-body .latest-news .news-list .news-loadmore i { color: #fc7d9b; } body.home-v5 footer #footer-1 { border: none; padding-top: 0; } body.home-v5 footer #footer-1 .footer-subscibe { padding-bottom: 10px; background: white; border-bottom: 2px solid black; } body.home-v5 footer #footer-1 .subscribe { margin-top: 0; margin-bottom: 0; background: #ffffff; } body.home-v5 footer #footer-1 .subscribe .btn { background: #fc7d9b; color: white; } body.home-v5 footer #footer-1 .get-in-touch-box .btn-yet-col:hover { color: #fc7d9b; } body.home-v5 footer #footer-1 .get-in-touch-box .btn-yet-col:hover:after { color: #fc7d9b; } body.home-v5 footer .twitter-box li p a { color: #fc7d9b; } body.home-v5 footer .product-tags-box .tags a { background-color: #fc7d9b; } body.home-v5 footer #social-buttons .facebook a { background: #064ca1; } body.home-v5 footer #social-buttons .tweeter a { background: #27b9f2; } body.home-v5 footer #social-buttons .gplus a { background: #da4735; } body.home-v5 footer #social-buttons .youtube a { background: #e52d27; } body.home-v5 footer #social-buttons .instantgram a { background: #306a92; } body.home-v5 footer #social-buttons .skype a { background: #12a5f4; } #shopping-cart-wrapper .s-bag-2::after, .arrow-btn::after { content: "\2192"; } .social-buttons li{ float: right; width: 30px; height: 30px; border: 1px solid #ccc; margin-left: 5px; } .social-buttons li.facebook:hover{ background: #064ca1; border: 1px solid transparent; } .social-buttons li.facebook:hover i{ color:#ffffff; } .social-buttons li.tweeter:hover{ background: #27b9f2; border: 1px solid transparent; } .social-buttons li.tweeter:hover i{ color:#ffffff; } .social-buttons li.google:hover{ background: #da4735; border: 1px solid transparent; } .social-buttons li.google:hover i{ color:#ffffff; } .social-buttons li.dribbble:hover{ background: #f46899; border: 1px solid transparent; } .social-buttons li.dribbble:hover i{ color:#ffffff; } .social-buttons li.instagram:hover{ background: #1e1e1f; border: 1px solid transparent; } .social-buttons li.instagram:hover i{ color:#ffffff; } .social-buttons li.odnoklassniki:hover{ background: #ee8208; border: 1px solid transparent; } .social-buttons li.odnoklassniki:hover i{ color:#ffffff; } .social-buttons li.vk:hover{ background: #4a76a8; border: 1px solid transparent; } .social-buttons li.vk:hover i{ color:#ffffff; } .social-buttons li a{ border: 0px !important; height: 100%; width: 100%; display: block; text-align: center; } .social-buttons li a i{ font-size: 20px; text-align: center; margin-top: 6px; } .product_text p{ font-size:12px; } .product_text{ font-size:12px; line-height:20px; } .thumbnails .bx-controls-direction a:after{ font: normal normal normal 14px/1 FontAwesome; content: "\f053"; } .thumbnails .bx-controls-direction a.bx-next:after{ font: normal normal normal 14px/1 FontAwesome; content: "\f054"; }