/* Minification failed. Returning unminified contents. (24963,1): run-time error CSS1019: Unexpected token, found '}' */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .hidden { opacity: 0; } .visible { opacity: 1; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .animated.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .animated.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animated.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animated.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .animated.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animated.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .animated.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* page loader start */ .page-loader-effect { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100021; width: 100%; height: 100%; background: #fff; } .spinner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 52px; height: 30px; text-align: center; font-size: 10px; } .spinner > div { display: inline-block; margin: 0 1px; width: 6px; height: 100%; background-color: #707e92; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1.0); } } @keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1.0); transform: scaleY(1.0); } } /* page loader end */ /*===================================================== MAIN CSS / SMALLER MOBILE DEVICES =====================================================*/ @font-face { font-weight: normal; font-style: normal; font-family: 'nop_templates_font'; src: url(/Themes/NopTemplates/Content/fonts/nop_templates_font.eot?-7abqv5); src: url(/Themes/NopTemplates/Content/fonts/nop_templates_font.eot?#iefix-7abqv5) format('embedded-opentype'), url(/Themes/NopTemplates/Content/fonts/nop_templates_font.woff?-7abqv5) format('woff'), url(/Themes/NopTemplates/Content/fonts/nop_templates_font.ttf?-7abqv5) format('truetype'), url(/Themes/NopTemplates/Content/fonts/nop_templates_font.svg?-7abqv5#nop_templates_font) format('svg'); } /*********** CSS RESET **********/ * { -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-tap-highlight-color: transparent !important; margin: 0; padding: 0; outline: none; text-decoration: none; } *, *:before, *:after { box-sizing: border-box; } html { -webkit-text-size-adjust: none; margin: 0 !important; overflow-x: hidden; } ol, ul { list-style: none; } a img { border: none; } a:active { outline: none; } input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { margin: 0; padding: 0; border: 0; } input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], textarea, button { border-radius: 0; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; } script { display: none !important; } /*********** GLOBAL STYLES **********/ body { max-width: 100%; background: #fff; color: #373c41; font: normal 14px 'Raleway', sans-serif; } a { color: inherit; cursor: pointer; } a img { opacity: 0.99; /*firefox scale bug fix*/ } table { width: 100%; border-collapse: collapse; } input[type="text"], input[type="password"], textarea, select { padding: 8px; height: 36px; /*safari padding fix*/ border: 1px solid #d9e0ea; background: #fff; color: #373c41; vertical-align: middle; } input, textarea { font-size: 13px; } textarea { min-height: 150px; } select { min-width: 50px; -webkit-border-radius: 0; border-radius: 0; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #d9e0ea; } input[type="checkbox"], input[type="radio"] { vertical-align: middle; } input[type="button"], input[type="submit"], button, .button-1, .button-2 { cursor: pointer; } label { vertical-align: middle; } input[type=checkbox]:first-child, input[type=radio]:first-child, .forum-edit-page input[name=Subscribed] { display: none; } input[type=checkbox] + label, input[type=radio] + label, .login-page .inputs.reversed label[for=RememberMe], label[for=adv], label[for=Subscribed] { position: relative; display: inline-block; padding: 8px 8px 8px 22px; cursor: pointer; } input[type=checkbox] + label:before, input[type=radio] + label:before, label[for=RememberMe]:before, label[for=adv]:before, label[for=Subscribed]:before { position: absolute; top: 50%; left: 0; margin-top: -8px; width: 15px; height: 15px; border: 1px solid #9aa6b7; background: #fff; content: ""; } input[type=radio] + label:before { border-radius: 50%; } label[for=adv]:before { border: 1px solid #d9e0ea; } input[type=radio] + label:after { position: absolute; top: 50%; left: 4px; display: none; margin-top: -4px; width: 7px; height: 7px; border-radius: 50%; background: #56b5d5; content: ""; } input[type=checkbox]:checked + label:before, input[type=checkbox]:checked ~ label[for=RememberMe]:before, input[type=checkbox]:checked ~ label[for=adv]:before, input[type=checkbox]:checked ~ label[for=Subscribed]:before { transition: all 0s; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAARVBMVEUAAABWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVWtdVRmg/oAAAAFnRSTlMA+rI0CurRhlpMIhjw79nEvqh4Zl5E82JZ4gAAAEZJREFUCNc1i0cSwDAMApHlFju98P+nZlzEhZ2BhaU4b+gjnfFFvhNvMgH1UGCR/ji5aVkZm/kJw85QAfSdotPLwgzLk0b/iFkCVKCc/a4AAAAASUVORK5CYII=) no-repeat center; } input[type=radio]:checked + label:after { display: block; } .master-wrapper-main:after { display: block; clear: both; content: ""; } .center-2, .side-2 { margin: 0 0 25px; } .page { clear: both; /* because of forum breadcrumbs */ text-align: center; } .page-title { margin: 0 0 20px; } .page:after, .page-title:after, .page-body:after { display: block; clear: both; content: ""; } .buttons { margin: 0 0 20px; text-align: center; } .link-rss { position: absolute; top: -40px; right: 5px; width: 24px; height: 24px; background: url(/Themes/NopTemplates/Content/img/rss-icon.png) no-repeat; font-size: 0; } .category-description ul, .manufacturer-description ul, .full-description ul, .post-body ul { margin: 12px 0; padding: 0 0 0 36px; list-style: disc; } .category-description ol, .manufacturer-description ol, .full-description ol, .post-body ol { margin: 12px 0; padding: 0 0 0 36px; list-style: decimal; } .category-description p, .manufacturer-description p, .full-description p, .post-body p { margin: 10px 0; } .flyout-cart { display: none; } #goToTop { position: fixed; left: -80px; bottom: 20px; z-index: 10002; overflow: hidden; width: 60px; height: 60px; border-radius: 50%; background-color: #9aa6b7; color: #fff; text-align: center; text-transform: uppercase; line-height: 60px; cursor: pointer; transition: all .15s ease-in-out; } #goToTop:before { display: block; color: #fff; content: "\e672"; font-size: 17px; font-family: 'nop_templates_font'; line-height: 60px; opacity: .9; } #goToTop.visible { left: 20px; bottom: 20px; } /* rte */ .rte { text-align: left; } .rte h2 { margin: 0 0 20px; font-size: 20px; } .rte h3 { margin: 0 0 15px; font-weight: normal; font-size: 18px; } .rte p { margin: 15px 0; } .rte a { color: #59b6db; } .rte ul, .rte ol { margin: 20px 0; } .rte ul li { position: relative; margin: 0 0 5px; padding-left: 15px; } .rte ul li:before { position: absolute; top: 6px; left: 0; width: 7px; height: 7px; background: #d9e0ea; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rte ol li { position: relative; margin: 0 0 8px; padding-left: 28px; } .rte ol li:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #d9e0ea; color: #707e92; text-align: center; font-size: 11px; line-height: 20px; } .rte ol li:nth-child(1):before { content: "1"; } .rte ol li:nth-child(2):before { content: "2"; } .rte ol li:nth-child(3):before { content: "3"; } .rte ol li:nth-child(4):before { content: "4"; } .rte ol li:nth-child(5):before { content: "5"; } .rte ol li:nth-child(6):before { content: "6"; } .rte ol li:nth-child(7):before { content: "7"; } .rte ol li:nth-child(8):before { content: "8"; } .rte ol li:nth-child(9):before { content: "9"; } .rte ol li:nth-child(10):before { content: "10"; } .rte ol li:nth-child(11):before { content: "11"; } .rte ol li:nth-child(12):before { content: "12"; } .rte ol li:nth-child(13):before { content: "13"; } .rte ol li:nth-child(14):before { content: "14"; } .rte ol li:nth-child(15):before { content: "15"; } .rte ol li:nth-child(16):before { content: "16"; } .rte ol li:nth-child(17):before { content: "17"; } .rte ol li:nth-child(18):before { content: "18"; } .rte ol li:nth-child(19):before { content: "19"; } .rte ol li:nth-child(20):before { content: "20"; } .rte ol li:nth-child(21):before { content: "21"; } .rte ol li:nth-child(22):before { content: "22"; } .rte ol li:nth-child(23):before { content: "23"; } .rte ol li:nth-child(24):before { content: "24"; } .rte ol li:nth-child(25):before { content: "25"; } .rte blockquote { position: relative; margin: 25px 0; padding-left: 50px; font-style: italic; font-size: 16px; line-height: 25px; } .rte blockquote:before { position: absolute; top: 0; left: 0; color: #d4d9e1; content: "\e615"; font-style: normal; font-size: 28px; font-family: 'nop_templates_font'; } .breadcrumb { overflow: hidden; margin: 0 0 45px; background: #f3f5f9; } .breadcrumb .bc-item { position: relative; float: left; margin-left: 4px; padding: 6px 10px 6px 20px; background: #f3f5f9; color: #707e92; text-align: left; line-height: 18px; } .breadcrumb .bc-item:before { position: absolute; top: -2px; right: -13px; z-index: 1; width: 0; height: 0; border-width: 17px 0 17px 13px; border-style: solid; border-color: transparent transparent transparent #fff; content: ""; } .breadcrumb .bc-item:after { position: absolute; top: 0; right: -11px; z-index: 2; width: 0; height: 0; border-width: 15px 0 15px 11px; border-style: solid; border-color: transparent transparent transparent #f3f5f9; content: ""; } .breadcrumb .bc-item:first-child { margin-left: 0; } /*********** GLOBAL FORMS ***********/ .fieldset { position: relative; margin: 0 0 20px; } .fieldset .title { margin: 0 0 30px; border-bottom: 1px solid #d9e0ea; text-align: left; } .fieldset .title .title-text { position: relative; display: inline-block; padding: 8px 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 1.2; } .fieldset .title .title-text:after { position: absolute; right: 0; bottom: -4px; left: 0; height: 4px; background-color: #81ceee; content: " "; } .section { position: relative; margin: 5px 0 0; padding: 20px 10px; border-bottom: 1px solid #d9e0ea; text-align: left; } .section:first-child { margin: 0; } .section .title { margin: 0 0 15px; font-size: 18px; font-family: 'Open Sans', sans-serif; } .section .buttons { margin: 0; text-align: right; } .form-fields { position: relative; } .inputs { position: relative; margin: 0 0 10px; text-align: center; white-space: nowrap; font-size: 0; } .inputs:after { display: block; clear: both; content: ""; } .inputs label { display: block; margin: 0 0 5px; width: 100%; color: #707e92; text-align: center; font-size: 14px; font-family: 'Open Sans',sans-serif; } .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea { max-width: 85%; width: 440px; vertical-align: middle; } .inputs .option-list { display: inline-block; overflow: hidden; vertical-align: middle; } .inputs .option-list li { float: left; } .inputs .option-list label { width: auto; } .inputs.reversed { margin: 0 0 20px; text-align: center; } .required { display: inline-block; margin: 0 -22px 0 5px; color: #f76b6c; vertical-align: middle; font-size: 22px; font-family: 'Open Sans', sans-serif; } .message-error, .field-validation-error, .not-available-status, .poll-vote-error, .password-error { display: block; color: #f76b6c; font-size: 13px; } .field-validation-valid { display: block; color: #690; font-size: 11px; } .captcha-box { margin: 45px 0 30px; text-align: center; line-height: 0; /*firefox line-height bug fix*/ } .captcha-box > div { display: inline-block; } /*********** BAR NOTIFICATION & JQUERY POPUPS ***********/ .ui-dialog { z-index: 1008; overflow: hidden; max-width: 95%; width: 350px !important; border: 1px solid #ccc; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.15); } .ui-dialog-titlebar { overflow: hidden; padding: 10px; border-width: 1px; border-style: solid; border-color: #fff #fff #bbb; background: #ddd url(/Themes/NopTemplates/Content/img/headpad.png) top repeat-x; box-shadow: 0 0 0 1px #eee; text-shadow: 1px 1px 0 #eee; font-weight: bold; } .ui-dialog-titlebar span { float: left; text-transform: uppercase; } .ui-dialog-titlebar button { position: absolute; top: 0; right: 0; overflow: hidden; margin: 6px; width: 24px; /*even numbers only*/ height: 24px; /*even numbers only*/ border: 1px solid #666; background: #fff url(/Themes/NopTemplates/Content/img/close.png) center no-repeat; box-shadow: inset 0 0 1px #999; text-indent: 999px; opacity: 0.7; } .ui-dialog-titlebar button:hover { opacity: 0.9; } .ui-dialog-titlebar button * { display: none; } .ui-dialog-content { padding: 10px; height: auto !important; line-height: 20px; } .ui-dialog-content .topic-html-content { margin: 10px 0 0; } .ui-dialog-content .topic-html-content-body { overflow-y: scroll; max-height: 200px; } .ui-dialog-content .topic-html-content p { margin: 0; } .ui-dialog-buttonset { padding: 10px; text-align: right; } .ui-dialog-buttonset button { margin-left: 5px; padding: 5px; min-width: 60px; border: 1px solid #bbb; background: #eee; box-shadow: 0 0 1px #ddd, inset 0 0 1px #fff; } .ui-dialog-buttonset button:hover { background: #f6f6f6; } .eu-cookie-bar-notification { position: fixed; top: 50%; left: 50%; z-index: 1002; margin: -90px 0 0 -160px; padding: 20px; width: 320px; height: 180px; border: 1px solid #bbb; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 0 1px #fff; text-align: center; } .eu-cookie-bar-notification .text { margin-bottom: 20px; line-height: 20px; } .eu-cookie-bar-notification button { margin: 10px 0; padding: 5px; min-width: 60px; border: 1px solid #bbb; background: #eee; color: #333; font-size: 14px; } .eu-cookie-bar-notification button:hover { border-color: #aaa; background: #ddd; } .eu-cookie-bar-notification a { display: block; text-decoration: underline; } /* tabs */ .ui-tabs-nav { position: relative; overflow: hidden; margin: 0 0 60px; } .ui-tabs-nav:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #d9e0ea; content: ""; } .ui-tabs-nav li { position: relative; z-index: 1; text-transform: uppercase; font-size: 16px; } .ui-tabs-nav li.ui-state-active:after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background-color: #81ceee; content: ""; } .ui-tabs-nav a { display: block; padding: 10px 20px 14px; } /*********** HEADER & NAVIGATION ***********/ .admin-header-links { background: #fff; text-align: center; } .admin-header-links a { display: inline-block; margin: 0 10px; font-weight: bold; line-height: 35px; } .header { position: relative; z-index: 1002; margin: 0 auto 10px; width: 95%; text-align: center; } .header:after { display: block; clear: both; content: ""; } .header-logo { margin: 0 0 20px; text-align: center; } .header-logo a { display: inline-block; max-width: 100%; line-height: 0; /*firefox line-height bug fix*/ } .header-logo a img { max-width: 100%; } .header-links-wrapper { position: relative; margin: 0 0 20px; } .header-links .hl-list { font-size: 0; } .header-links .hl-item, .header-links .hl-link { display: inline-block; } .header-selectors-wrapper { font-size: 0; } .header-selectors-wrapper > div { display: inline-block; margin: 0 5px 10px; } .header-selectors-wrapper select { min-width: 100px; } .language-list { max-width: 100%; font-size: 0; } .language-list li { display: inline-block; margin: 0 1px; } .language-list a { position: relative; display: block; width: 32px; height: 32px; line-height: 0; } .language-list img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } /*** HEADER MENU ***/ .header-menu .sl-item { float: left; width: 50%; } .header-menu .sl-link { display: block; padding: 95px 5px 0; background-position: center 20px; background-repeat: no-repeat; color: #373c41; text-align: center; text-transform: uppercase; font-size: 12px; } .header-menu .sl-link.theme-collection { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAMAAADi4EJ+AAAAt1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////R0tvAyNKqtMH////8/P3+/v/t7/L5+vvg4+jV1t7p6u7k5uv29/mzvMjx8vXz9PfX2+LCytTd4Oba3+Xa3OPT2N/L0drGzdbO1dy4wMutt8S9xM6GRKfmAAAAIXRSTlMA+AHX0AXmXxLy7N+AdmozKguuoiIamLhSSYtWP5DDPMWLTbsyAAAC8klEQVRIx52X6XaqQBCEQYhbEs1mVpNcsJF9ExVM8v7PdXsmE+dgA6PWOf7Q7k/UqS4brUO9iaEbE+08TZ+A6Wl6BntzB+D4ge8A3N2cyD7cL8EJA8uygtAB/f7hBHb2qMOSsVyBuwT9fXYkO3xF1hWs4AH01+Ex7NUIwM2tuvIUYHR1q2Bvr8cA6cai2iA/vu7iLyZ9gEywlM8A+pOLNnZwCRAXVruKGOBy0Gsy1ptBWCofeeOZ8C8mgOdbavkegPlSY+cfyEbWcYqQ//isGdohbBfvMPtLQ6OxTlEQCvvPl5I9kdc/NQPcE1lpX1MbgW+dJx/62pVwl1rUeddajzs7t9Siru+RqVKJTtzwXU60WpgWctppmqjZx9lhgprCNGqbmDdNqeAxwwYq1hMpUU+FdGfvXMZ32tvFrlSkhEyFdGujsNI6bJHHr8C0zfYp8WwAZJzdV2K/YaxrXTlPCU0bYHNuM8kKCZkibux60/pQ2IfasAsVlK3Lh0uk/ZVNtGb8Zm9ob01bVox+a6s5AGlgBSnWi5b3f/7Nwzhv5p0UH34Dm8csG0UW89+TqHIBwK1oYZvJXJYnTlRuywZWnrZ0G/eRUtJpNU0NQL5UsCX7Mua0aVdwHYCw7GJD4F3L+4eD6XbWySJZYyWsWtgqxCtssKtwxITvk8VPFiisYEdUNbERVgrR5f+lSw9TbRl9Lf70hRU8YsI67AqyK2LJ1mOJHApWViQvjRfVu35ClsgjWLEnpOKtV39s4QGEP6SrgrFmQJQsiGyX8XtDu5RdJBGY2vz35yZaIR+X9i5Gln46fjz6XBx1/k0bqoxHYFo1sLk4dPEP7m0p/71x8H0p+731xPIqtwdv18AnDa/tPLI4z/+xr7lQq4zF1kK3pqxSsRlPhbaNLV11sFXKU6FrW3TtFtZ2yaZIN1XhK+o/kQrqLTn6IizZkFs0lFNXmyg1SydeTrNKNG2EoR9n59wVlUnJDX3mHRlwQ5+ngTk2B10N/wFmnl+9s2U3IAAAAABJRU5ErkJggg==); background-position: center 20px; } .header-menu .sl-link.plugin-collection { background-image: url(/Themes/NopTemplates/Content/img/imgBig-plugins2.png); background-position: center 20px; } .header-menu .sl-link.promo-collection { background-image: url(/Themes/NopTemplates/Content/img/imgBig-promo-collection.png); background-position: center 20px; } .header-menu .sl-link.forum { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAxCAMAAAC74JTMAAAAdVBMVEUAAAD8/P3///+5wMynsL////+nsL+nsL////////////////////+nsL////+nsL/6+/ynsL+nsL+nsL/////////////x8vT////i5er///+nsL/////R0tv///+nsL/9/f3j4+nb3OPW19/19fjv8PPp6u7Hq6eLAAAAHXRSTlMA/P4G6OcxF+yVgG5C1dLGwrShimML3NexpVZMH35xxpgAAADxSURBVEjH7dXLbsIwEIXhY4cQknApFHrnEJzL+z9iq6poqGUaW9Oumn85i2810gGwXxvGZPOnJW5VMqES4fa052Nc7WBZh5Wcgox2Zh5WyGNC5KT8peKXlweFIj28pSv+xXVcH7TKRx2rX1AcFxpFjpMyKZPynxVHE1YWKQvbcQgrL5ZDG7n2PZs2rKC2jK5xN0dqeWcYlenbn6ZuPjt9ljp3ogijVlCsdMqF2fiKGX8B2aNL2dZTatooxhlWEGb3XUFFshmN5GOGq+5xVewLNP2zIOmdvnoF1MpsDlWCaJVVAb2yKaBXthn0yk6L+N/1DplsG6+beK47AAAAAElFTkSuQmCC); background-position: center 25px; } .header-menu .sl-link.documentation { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA5CAMAAABH01h9AAAAP1BMVEUAAAD+/v7////////////////////////////////////R0tv////U1d2nsL/29vjX2eHg4ee9w86utsTq7PC57JL1AAAAC3RSTlMA/XXWhrhqYgUGA5iGcrQAAAC5SURBVEjH7dbBDsIgEIRhFqpWmUJpff9ntYkkyEY6adKDNf3vXwhzWmN66wTN5GZU9wtURFhI8u0mQAmH5FcKi7hWQOBXQZikFiBACQ7ewm4CYY5FUKAEB1pwkMUzCw6K6LaApSwImEMpoeNgCkoUEFGXsvh8Y0RHgCoBBfixavDfqoDqiCCiXdwF+KHdUVY6Z90Z8D+cs/7VrD+40nGBbAOiLjJSgqtuPlYSWHVVsi6PcrfyxNnevAAW2nSNKDyOHgAAAABJRU5ErkJggg==); background-position: center 20px; } .header-menu .sl-link.change-log { background-image: url(/Themes/NopTemplates/Content/img/icon_changelog_header.png); background-position: center 20px; } .header-menu .sl-link.custom-solutions { background-image: url(/Themes/NopTemplates/Content/img/custom_icon.png); background-position: center 20px; } .header-menu .sl-link.ppc-ecommerce { background-image: url(/Themes/NopTemplates/Content/img/icon_ppc.png); background-position: center 20px; } .header-menu .sl-link.private-demo { background-image: url(/Themes/NopTemplates/Content/img/private_demo.png); background-position: center 4px; } .header-menu .sl-link.theme-tweaks { background-image: url(/Themes/NopTemplates/Content/img/tweak_icon.png); background-position: center 20px; } .header-menu .sl-link.videos { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA4CAMAAACWs2tWAAAAaVBMVEX///////8AAAD////////////////////////////////////////////////////////R0tvU1d3X2ODi4uj6+vvf4Ob8/P2Rm6v9/f7S09zm5uzv7/P19ffb3OPx8fS3vsjM0dittMAQAkIoAAAAEHRSTlPv3QCleNjM6dW4sVpRIRkDEv12OgAAAWRJREFUSMfdlm1zgyAMgK192fuWIAEBwW7//0cO1JbVjZvg9W7r8ynm7rkQFEwFAVUl2PzM/vC4e63rCkqpnoOMiJolaBI40QO9BLmMDnblsoPDWeYUNq7DQKd8TDydDzC4O8sSBoQPxRjKZH4E1FkGqOt6CzwUg62PAZL5k7GmcpS5HHrTPtRDb5Kn8jM5jxuRIY9bla1xjW6csfkyCTwhKFPuGTJjSZE1Puqz5F4jp7gG3WfIxNBAxCCj5bJAPnsWi2U7VTpaGCGNdqlspkW3LYuZpbJDO8ntRzetxS2VGdIoB96HGxObpTKiinJ79JFCvaYyK+m5jz3n7nYTM+XvmaFd+YWVf9ulp4rnnKpAN5xnCTKe59KbpOgO80Wdsf/r6r2a/Fd+sfmsH2jSoxT9Okpda4ijzCEOpt7gS89qllc8ygp0+W7fgyiXdyB5cwlLoL/Jb1sopqrrp4f95oIqgZzLnyS42RAb6zoZAAAAAElFTkSuQmCC); background-position: center 20px; } .header-menu .sl-link.blog { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA9CAMAAADLYIqiAAAAwFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////R0tv///+Qmqr9/f729vjh4uja2+Lu7vL4+Prw8PPo6e36+vvc3eTX2ODV1t7z8/bq6u/j4+nf3+bT1N3k5erm5+y2vMfO0dmjq7ieprWVn66ts8CSnKzKzdbDxtG7wMtqExl2AAAAIHRSTlMA7Kefe20NZVMt8reEO1s0vhMGwrvc1MaVRcyyycggy3KW/usAAAOSSURBVEjHjZd7V+IwFMTLy/JWUddd99UxfdJCW1oUcNHv/622NylJi7Rm/uIc+Z2bM5mbEeMr3c7m0+7TmN0MDG3dXhfM3zGkulpMv/urA6HQ9paOm1lOiKnBNZqMJ8Mz5up62O89nhhWMidFuBMkSJNZyYw+M2vrXCH+0Jd7yA7vNkDs4EYyAWcaFOMHjQHbPz8fjpgYRlcwaURMmxIMaBCc50IHjA0TzLG0lON7gd7ghdCPYuoEmqS1oTPOYP8jdAnTGCPTRFd4IJOORO7wzTA6WFuaYlgsgD2hFh3+Ea4u6mM0QMpNKj7SCRxdNMBQmnRfONZHoosm6JcmbWEW6BCB1aTMdZaBzU5fSNHDqzSJImlfcnOTJ3EIIV+mGNgR+kom8WB5Ngu39UGoZvN0BWtgS+Q/G9eEDsKkyODK39CJ5CAgjL3tZnV2O8Kkl8IkUscVFizpT3yQHyRy2eqy/QOhOcwK6oYRTeWDmuVZwiQsDHFgL/aZn1saWpYm9QgkFrZunl5Lk2Yl+ofM19ObMOnGKLUAs5rlOlvPttdiKE+SA/WsfsMla9ZRmsQ+hCKLxG9mz7CQ6E9srGxdHyRCIe/K4uLrdiSTFOqHjMUZ5S8JfKgk1e/qnZsUYyZJ08/pRQsoE95pECWs3STS70ishUcBj5tDoUySus/5pvjtG69MulLoqFOkKYzbSWVSt1Y1D4iaCWUSyeMNoNRF28jVZuvFkTBpF5+hU2wvPy9pcVcMJE+Y9CHKQ2kO78IgtfV+nKy4SQdRHkpUBpkbZaIdEvm8yIqVJr3x8qjKpBTYoUsXK5+XhIJyZtJRlIfS0OcpyGMKvc07NruYpJ0oj6rBqTiq3bLjB26SKI+qwR6tWO6nzeiHMEmURzUSd4wVhmyaOGWSKI8zn4LWYl0Jk8rykFhzeagqyLlJ6l8gJSqPts4RHfVelkfHqOlBPU/rz53jUpReZHlc1dB7pJvUFdWtOic/bf0bHbcUryolc8z82AtT7j6rh0Kg+1dZHphXyB9+2TtWg3aHoyoPTKuZSKx2dP+uPjvo1kK8ogc7zBvDVK0DPBkV9TtAsIwsHWUYc6a5PPRRKg89pWrZ1fOkJYfBrKMmvC8YMpJiJg1Wz1PcyLhpJZqff7PcIrzAVOPcuev1hyOVX6U7RDXGU8xjwVwT06A+QsfK6szvXn/exqj2kOr86hbMraEt856Nn7rT+UyX+Q+/imxp3F2aOwAAAABJRU5ErkJggg==); background-position: center 20px; } .header-menu .sl-link.ticket { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA3CAMAAABjEAm+AAAAgVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////R0tv////DxM6Qmqr+/v77+/vT1Nz8/P3W1975+frx8vTY2eHi4ujP0Nj19vfs7PDc3eTn5+vFxtDMzdXHyNEuGJmkAAAAFnRSTlMA6KEGAo6ql4g0K9/CswryzH5wDhFd5vnHWgAAAbBJREFUSMed1d1ymzAQhmFwnbgY18Ruq4+KHxkZB5P7v8ASoWQTr2fJ5j3hhGd2tCOGRCzb5AXuVuyO+0Tux8ZCKM9k/QuNP1/L2qL3rflc63sUmayrc1mWdYOLudcF+V7U46TNm+b1OIqzZW08dgv6XJFmtSgW9YkpCrivH2VNXNLjpOsb4Xvbe+KSduAar3mBr7mmXOCOuKB7po0N3N5wrl960uJ0WavOvl5JOngHxzZPujFM8xhnujVKTvoER1rmXF9JazjTKr5511VndJx0eVHoGo1eUx3yd12rtRmwutGNQncW2Uc9oHlW6Goe/vBdvdtP+hC1h/2GzmCDPqt062adrODLeW2DTv8OW08xBu7QLTPEHJ5mnViUIQvzdR61fvq/qUn/CVZ3duJR6zZPPKEO0XvmJU49RD+QV3Dywq1FLPKY7Jc5+Vb0k2MFTp6+eA3nXsO5rzodl728Ouon8wpO/sp9fUK6nd5g14Z5+tNwTVzhSRNf9K7lmnPZk2Zc9i/Bk56jlQsew3gdPVD5tn7ukWYJ40JHi1AeH9tE13aVN+ljtv67S4unwz4R+g9hseWNDcpvgQAAAABJRU5ErkJggg==); background-position: center 25px; } .header-menu .sl-link.meet-team { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAApCAMAAABHslTOAAAArlBMVEUAAAD+/v////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+qtMHR0tv////8/P3W19/T1N34+frp6+7j5erg4efx8vX19vjs7fHn5+y0vcna2uK5wszd3+WvucXv8PPHztba3OO/x9HO09sqa2XxAAAAInRSTlMA/u73SgMIsKCPZsGn6cu8FA7yfW9aUj4m4dnQczQclYPcC+wQOwAAAsBJREFUSMelldlW4kAURasSwjwICqKItqlTmSdCmP7/x9pIlFTdtNiL/QbsdTi5Sd2wq0znnSfTfBou2uxmrBcDFaM5u5G7AeDvM9vOTgnQua3edIX4aFfsPUxuipsgyuxvshjD/7muh4EBY9K/qz734WV2jVxiobqDl8qlvMxwxuizkvYIe1vhhHeLuk1YXSAKHeGGEdA7V0tsjRiLi+sKp3Ipb5BbcSbk+PM5tb2e5p4n19NcQgt8I77Ycv7I2iYv9LQcRqOrYb0jEBdSjNkakU3wsGTWs+auaDVP1HAlHhdIaVqCxyaXqXSRijo+en2ENC1Fq8llKs/YKMYW4zkCmuaj1eRqY+MQCg5GLfg0bYc1M+FqrqEdSEihAiwR0zSJ6RScuEyhTdNMZiDTw454ZhY4dVVmpP0T68LV0w7lwI0GV2WAUDFCdFiLXGrhYd3sqtwjUYwdHhhb4aRXm/zDVVmCO/XynL9+HsdcmVp5JptdjY7yhxGGrD0EEGe1Q+oBGLabXI25CQS1owfzYQDpA159k3uOxPiVun19bIiB9PuoyF3ZKy8T4O+Lj/nvfcDP7CzCrMF9s9iFHnggQok42DibwEPsuN75lVAEALjnAZDu520tU1W33HGddq0ZD8txJhwlMhVujF1RTesQ4QNv+zXBANKpux8cJDrWZVGG1XIJ/SQJ3PKmR7VNWeTHTNkjnltzSzYS99XbZ4RAqIS1R4NSREiExpab62q1RULFlcpjS8g5NkLDP6+lJecO+SWxf2SLSNAGrbIaqe1IHH9OyyQtF5SnbjqDXi2la5KW80m58oAtaGmPVCPkkEJnhz57QypUNvDsq0Q40EvtsjH5OkBwPW1LSogDVmwElzQ+XU/bYyc0HIwYh9CIkV9PyxELHXCGBrLraRka4MwAxb5OgQYMRuH4FSb7FQYIvy3yF+ssOhUmizOTAAAAAElFTkSuQmCC); background-position: center 30px; } .header-menu .sl-link.client-reviews { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAxCAMAAACxvDqeAAAAmVBMVEUAAAD+/v7////////////////////////////////////////////////////////////////////////////////////////////////////////////////R0tv///+qtMHf4ef39/ns7fHX2ODk5ev+/v/y8/Xo6e3T1N36+vvb3OOzvMi5wczHztfCydKrtcLP1dzQ1dwTYMxrAAAAHnRSTlMA/fUbuxGplSYJ8NFWA+jHtH/i2klCLms4oXdQiGEPvYiQAAACVElEQVRIx6WV2XraMBBGkTEmwaxhydJWvyVLXrFJ+v4PV1WuGrAcGL6cK98cj0Yzmhl5LHbTOEAQT/eju5lv4Yh396mPEVAVteJlXVTAdHGHO1mBae7QGcJHsrsIUSn+SV0hIssb5zoUwzPRfWAQ/BKBYEyTI6S8T44pyR0zKE9WmJHu7Bk598kxp8hriAFZ45UiL6EG5BpbSoOA8QFKsAWhUJB8CIbJbfnwhVxh/K3I38g5GxGYoRyQFbYUOfyizhHtTaVDHUZ7Vwew0k85Y7RntYL25ALrEYkdqn5oxfBCnH5PSL2Mt4+0QRIDKC7cFEB8ILj7GTIA6aXLKgTzz/+HQTy0C34EyMvC6LJ280sCUpUp8OZmzRJA4J/kF7MxawljFEKIQrpjaGDq2ig9aqy8JcNctgWDoxLcIrLOnqM6Jseqf/8v1u0oRV4ByHLd1a2z32wxPpIkqXv9Oln2alQq1Rvf2d60b/5u5GOv5yLk/BqqkGCrAKfkLybraB1Gm4cuYTB1za0ZLCKxNAyWYN81lubXkNDt6XRqkn80bdueWo3YyG+Q/CoMxvM4IjB7dQlxXc4hfPddIzSt5Qf2c669uClm5sbWNzLu6izeL9xG4ulgrotBcYKtLlyG1dhOAMlvU4Odh07xanfQTxQEuUR2Ke/cYiVFzpMzBDZW3kIRZA19LrcI/++J26T46Cp0dA1icwY4gdw+iqZAJqwuMbYyESP/ZpgxyNbIOV66Y9NI2xR4nTyEQNE0zEQmM1kCWNox+hzAEI7uYDxdbybu8ymI7PcfV0XIAnq4XaAAAAAASUVORK5CYII=); background-position: center 27px; } .header-menu .sl-link.live-stores { background-image: url(/Themes/NopTemplates/Content/img/icon_livestores_header.png); background-position: center 20px; } .header-menu .sl-link.contact-us { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAvCAMAAAB0dXK/AAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////R0tv///+qtMH6+vv8/P3S09zU1d3+/v/v7/L39/nb3OPe3+X09ffp6u7i4+nx8fTn5+zY2uHr7PDW19/k5erg4ee7w86yu8fL0dnt2+TFAAAAIHRSTlMA0PgfCgWzX1Q6EebauqabkH1zbEMChUwo8/EzGe3hxNvXAFYAAAJjSURBVEjHlZXZdqJAFEWdNXHWmKkz1BZkEBRENPn/L2tA6CvQkLgfdCnrULDvqVWN2/kzf7o10hk04eGmSHfQawHc35C5m76D6Vnmx68j7fkIsEPD3zP95cv0xyZou4PaBFuf5S8iq4fpC+iWo5QyPEe5/Kzw+fEDcPeGikO2owyz1amP3C8/Ac0/qoSDtlfqxLhW89OkBXqwVSlbLYw+LRY1BZgNY82njcpwdF9FaDxXRN4WzUTzUQl7M0gWZFTRmV6sOXkywcdKv2f/LcArmJazUTkCvOQf8V4sgBsaKs/GSkPiXQrwyaUARQwXN137RC9XgEhzUoAyRxs7W91ieVWAIeDFBShz0ND+XdBoZwVINKcFKLGNQtkl8T5PC1CBo6PJm+4y793FC/q+KrQ30a/uaMvmb/fAzZuT2eZCBi9dMTgYYu425VAApnO9snhPjMxMNKc8W8yT/Bbv0vEmWEZhthDmbqNfvAtiRWYLfn4INPMZsSKzhZ0kxLsgVggSK1sdCJQg3svcT0isODpgFaweee1WbHwALzQBT0IF7+XFyHBL87PoNyposTvoIHvj2vtbVWqEtz4HyBBqvAtj9PV6/W2DfSx6f6xMzeArin2dSuOyuatMLeG8jjl7oG1z3leVqSf4Xl/YAbITQiY1ZwgcLiEDmiZ2tpwn3st0IExCDiwad8lOEO+VvGPFIZ/WINkJLbR4CE7kvYYmWqTQ4jU11h6De6j1HjGBr7PLUM6b/hDdr/Me8QgbjebbdTmnwPuqLtUHGHcKJ80o8l7HAzAt3bc7H9Sm2jBv3MxqLNOs5C+ezJ+SIk0zXAAAAABJRU5ErkJggg==); background-position: center 30px; } /*********** FOOTER ***********/ .social-sharing { padding: 35px 0 25px; background: #fff; text-align: center; } .social-sharing .center { margin: 0 auto; width: 95%; } .social-title { margin: 0 0 30px; text-transform: uppercase; font-weight: 400; font-size: 22px; } .social-sharing .social-list { font-size: 0; } .social-sharing .social-item { display: inline-block; margin: 0 5px 10px; vertical-align: middle; } .social-sharing .social-link { display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #9aa6b7; font-size: 0; } .social-sharing .social-link:before { display: block; color: #c9d0d9; text-align: center; font-family: 'nop_templates_font'; line-height: 60px; } .social-sharing .social-link.facebook:before { content: "\e607"; font-size: 32px; } .social-sharing .social-link.twitter:before { content: "\e620"; font-size: 28px; } .social-sharing .social-link.google:before { margin-left: 8px; content: "\e60b"; font-size: 36px; } .social-sharing .social-link.pinterest:before { content: "\e613"; font-size: 40px; } .social-sharing .social-link.youtube:before { content: "\e624"; font-size: 34px; } .social-sharing .social-link.rss:before { margin-left: 4px; content: "\e618"; font-size: 32px; } .newsletter { padding: 35px 0 55px; background-color: #61bce2; text-align: center; } .newsletter .block-newsletter, .newsletter-page .page-body { margin: 0 auto; width: 95%; } .newsletter .title { position: relative; margin: 20px 0 40px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 22px; } .newsletter-title-holder { position: relative; } .newsletter .newsletter-title-holder:before { content: '\e908'; font-family: nop_templates_font; font-size: 63px; position: absolute; top: 50%; left: 50%; margin-top: -5px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #57a9cc; text-shadow: none; } .newsletter-subscribe-block p { margin-bottom: 25px; font-family: 'Open sans'; color: #fff; font-size: 16px; line-height: 26px; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; } .newsletter-email { display: inline-block; overflow: hidden; font-size: 0; text-align: center; } .newsletter-email input[type="text"] { width: 250px; max-width: calc(100% - 45px); height: 45px; border: 0; vertical-align: top; } .newsletter-email input[type="checkbox"] { position: absolute; left: -9999px; opacity: 0; } .newsletter-email input[type="checkbox"] + label { display: block; margin: 15px 0 0; font-size: 15px; color: #fff; } .newsletter-email .newsletter-subscribe-button { overflow: hidden; width: 45px; height: 45px; border: none; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,.15); vertical-align: top; font-size: 0; } .newsletter-email .newsletter-subscribe-button:before { display: block; color: #fff; content: "\e62a"; font-size: 24px; font-family: 'nop_templates_font'; line-height: 45px; opacity: .2; } .newsletter-validation, .newsletter-result-block { overflow: hidden; width: 100%; line-height: 28px; } .newsletter-validation .please-wait { display: none !important; } .subscription-result-wrapper { padding: 55px 30px; margin: 50px auto; background-color: #f4f5f9; } .subscription-result-wrapper:before { content: '\e908'; display: block; margin-bottom: 35px; text-align: center; color: #46baeb; font-size: 63px; font-family: 'nop_templates_font'; } .subscription-result-wrapper p { font-size: 16px; margin-bottom: 10px; font-family: 'Open sans'; } .subscription-result-wrapper p strong { text-transform: uppercase; } .subscription-result-wrapper .promo-code-holder { margin-top: 44px; text-align: center; } .subscription-result-wrapper .promo-code-holder p { display: inline-block; padding: 24px 10%; background-color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 700; color: #46baeb; } .footer .center { margin: 0 auto; width: 95%; } .footer .center:after { display: block; clear: both; content: ""; } .footer-upper { padding: 50px 0; background-color: #60707c; } .footer-upper .footer-block { margin: 0 auto 20px; width: 260px; } .footer-upper .fb-title { position: relative; color: #9baab9; text-transform: uppercase; font-weight: normal; font-size: 18px; } .footer-upper .fb-title:after { position: absolute; top: 0; right: 0; color: #94a3b2; content: "\e66f"; font-size: 9px; font-family: 'nop_templates_font'; line-height: 21px; } .footer-upper .fb-title.opened:after { content: "\e670"; font-size: 14px; } .footer-upper .fb-list { display: none; padding: 10px; } .footer-upper .fb-link { display: block; padding: 6px 0; color: #fff; } .footer-upper .partner-list { margin-bottom: 30px; } .footer-upper .payment-title { margin: 0 0 15px; color: #9baab9; text-transform: uppercase; font-weight: normal; font-size: 18px; } .footer-upper .payment-item { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; } .braintree-notes { position: relative; margin-bottom: 15px; padding: 15px 10px 15px 45px; background: rgba(0,0,0,.03); font-size: 13px; color: #939dac; } .braintree-notes span:before { content: '.'; position: absolute; left: 15px; top: 50%; width: 20px; height: 20px; font-size: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzRTE4NkUyNDdDOTExRTg4MUUxRTQyODE0REYzMEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzRTE4NkUzNDdDOTExRTg4MUUxRTQyODE0REYzMEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjNFMTg2RTA0N0M5MTFFODgxRTFFNDI4MTRERjMwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjNFMTg2RTE0N0M5MTFFODgxRTFFNDI4MTRERjMwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mPDp3AAABzUlEQVR42pyVTygEYRjGZ6eV2hy0WErKkS1H5UhIUstJIQ4UF+TP2cnNwcq6iL0QSgpbThYrF+KgHJADtW2KTU5b/u163nq+GuPbHXnqV/PN+73PvPPOzDuuUHjL0CgP1JMaUAI+wBO4BUfgmOd+yK0xawCjoEJzkUrSAuIgBA6zGZpgGPRx/QL2wCkrE/lAHWjjBWfAClgAabuhMsuAdbAIUrYq78EZWAKDoMdSwLyqStRkMZsGQZuZBxRZ1hKb494McxuVofRmghulsoimr8tgGxTYzkd4y6JJ8TJZnY89WzT0ugRX4E0TCzNXPJrdfDVEO5qeiQrBGo+/NPEUc/vFSyr0M3CepTppyQbYZS91UrnVpqXZiSybn8GjkVsqt1gMPw1nZYw/SgyTPC43/i+VmxTDOy5qHS6cSyr3WjbGuOjI0vRSUMZjvybuYa4oJoZRfqteMKRJkHevC7SDB018gLniETU5goIMdoOALeGVTzFhGRJKAcu3PAveVW/2wSpwgSkwnuOdU7c5xr0ufn5R+7SR2ZYPOjlFWh3Gl5fnNjm+fs3DNOfbBRjhvOslOsVpdOA0sWUCn3BoyPSuYmUGK73hLyCq+wV8CzAAjkhpLvG7hSEAAAAASUVORK5CYII=) no-repeat; transform: translateY(-50%); font-size: 0; text-indent: -9999px; } .footer-lower .center { padding: 20px; background: #fff; color: #9aa6b7; text-align: center; font-size: 12px; } .footer-lower .legal-info { margin: 0 0 25px; } .footer-lower .legal-item { display: inline-block; padding: 0 5px; border-right: 1px solid #707e92; vertical-align: middle; } .footer-lower .legal-item:last-child { border: 0; } .footer-lower .legal-link { display: block; color: #707e92; } .footer-store-theme select { width: 170px; } /********** HOME PAGE **********/ .home-banner-title { color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 32px; font-family: Raleway, sans-serif; } .home-banner-subtitle { margin: 0 0 30px; color: #82daff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 22px; } .home-banner-subtitle .actual-price { color: #8ceecf; font-weight: bold; } .home-banner-item { margin: 0 0 5px; text-align: center; } .home-banner-item-text { position: relative; display: inline-block; padding-left: 15px; color: #fff; text-align: left; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 18px; } .home-banner-item-text:before { position: absolute; top: 50%; left: 0; margin: -3px 0 0; width: 7px; height: 7px; background: rgba(255,255,255,.2); content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .home-banner-picture { margin: 0 auto; max-width: 1200px; width: 100%; font-size: 0; line-height: 0; } .home-banner-img { margin: -15px 0 0; max-width: 100%; } .home-banner-buttons { position: absolute; right: 0; bottom: 15px; left: 0; text-align: center; } .home-banner .browse-themes, .home-banner .view-demos { display: inline-block; padding: 18px 28px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .home-banner .view-demos { background-color: #f76b6c; } .home-banner .browse-themes { background-color: #707e92; } .home-banner.happyholidays { position: relative; height: 350px; background: url(/Themes/NopTemplates/Content/img/HappyHolidays.jpg) no-repeat center top; background-size: cover; } .home-banner a { position: absolute; top: 38%; right: 0; left: 0; margin: auto; width: 210px; border: 2px solid transparent; background: #fff; text-align: center; line-height: 50px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #4a537b; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .home-banner a:hover { border-color: #4a537b; } .spring-promo { position: relative; height: 650px; background: url(/Themes/NopTemplates/Content/img/spring-promo/background_desktop.jpg) no-repeat center bottom; background-size: cover; } .spring-promo .banner-wrapper-upper { position: absolute; left: 0; right: 0; top: 85px; padding: 0 30px; } .spring-promo .banner-wrapper-upper > span { display: block; } .spring-promo .banner-wrapper-upper span { font-family: 'Open Sans', sans-serif; color: #214d4f; line-height: 1.1; } .spring-promo .banner-wrapper-upper span.discount { font-weight: bold; font-size: 54px; } .spring-promo .banner-wrapper-upper span.text { font-size: 24px; } .spring-promo .banner-wrapper-upper span.plus { font-weight: bold; font-size: 34px; line-height: 1.5; } .spring-promo .banner-wrapper-upper span.month { font-weight: bold; font-size: 36px; } .spring-promo .banner-wrapper-upper span.month span { color: #b2346c; } .spring-promo .banner-wrapper-upper span.image { margin: 40px auto; } .spring-promo .banner-wrapper-upper span.image img { max-width: 100%; } .spring-promo .banner-wrapper-upper span.note { font-size: 20px; max-width: 650px; margin: 0 auto; line-height: 1.5; } @media all and (max-width: 767px) { .spring-promo { background: url(/Themes/NopTemplates/Content/img/spring-promo/background_tablet.jpg) no-repeat center bottom; } } @media all and (max-width: 479px) { .spring-promo { height: 470px; } .spring-promo .banner-wrapper-upper { top: 40px; } .spring-promo .banner-wrapper-upper span.discount { font-size: 40px; } .spring-promo .banner-wrapper-upper span.text { font-size: 20px; } .spring-promo .banner-wrapper-upper span.plus { font-size: 30px; } .spring-promo .banner-wrapper-upper span.month { font-size: 32px; } .spring-promo .banner-wrapper-upper span.note { font-size: 16px; } } @media all and (min-width: 480px) and (max-width: 980px) { .spring-promo { height: 550px; } .spring-promo .banner-wrapper-upper { top: 60px; } } @media all and (max-width: 580px) { .home-banner { padding-bottom: 25px; } .home-banner-picture { display: none; } .home-banner-buttons { margin: 20px 0 0 !important; } } @media all and (max-width: 768px) { .home-banner-buttons { position: static; margin: 20px 0; } } /* info images */ .home .info-img-item { position: relative; margin: 0 auto 15px; width: 280px; } .home .info-img-item .title { position: relative; } .home .info-img-item .title-text { color: #373c41; } .home .info-img-item .title:before { border-radius: 50%; background-color: #eff2f6; background-position: center; background-repeat: no-repeat; content: ""; } .home .info-img-item.themes .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAY1BMVEUAAAByzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLfCeOw1AAAAIHRSTlMAD/gaAyUH/fLfXEktxZft2NCzvZBl5z+qf6KId282VGDt2s4AAALESURBVFjDzVjtlqIwDC1SkG9FRFC+5v2fcinFk929kDAwnjP5hUVu2+Qmua2SzWnCc9g46gcsvn4Zu8aHkar0621pdQipLwzIKfKjk3koqv1Itwnp7o7P7n1Cu/W7kJLafHzOXGXNzSxa8m0krz4bpJf399hrGqtpTDb8CmeQTd5NYn1odi4beVmMiExyOfqVZYqQCs4zmFgZb2Jw8HQYpIv5S45IaHFu/npZQfNbizSobTZYtNZHpO4xZXCk1VbT0ZT1j87/F6kMzXAISBKa/az0/x960BBn3CL0QEuVjXWOn1oX7qybFLTUURmFVjKBTJkayXknpN1o95G66mrioA9CaROCUEUCGbZTI1KqtHEYdqPNPCinvbZiGsqJ2TpSeZCRFgqG0wRMCxRKT+Msl9Oi3+zxIV0osDualuPNSJnLuHE0tmlRC2ECVtmJ7Gye2PJGO6+4uC/mzXv19PDyJKQ6WXZxT10PWuC6V+lHj8pBbIEUbYKeF/leMvb1qgDmAAtRL3gB4TKM5rLDujhIVEGUYjINsxYpUqhx/63QAjutdPfgm2c7+pfWxbTAortRf2DWBf7COmeMq77J7C+II5jfTO+bhQUhDwwui+Y9sye8A36tqz29Q0FCPs5QLm6JSQJW7fFImhQkJQGQk6jOmz8nQR4zmxfFBSUBuXhl83lIokeQNmFOLl6sAKj2UHK9RRL0IagARhws8hxfYjWhCoBTMxIVqwnpCXAJjg45IUE1KRXqHFgtrmB5tRHqL/QieGZFf6EuxOgWrnKp/jO68A6zIeuC4oJMQr3K6WjKBmQ4ejY1CJK+r8z7ayXo+0FTHLhzRxInTBIQD4DNe85D+gPnNELbdX4EJKD6dvn8yfM2Uv34PYAsqFGcff7eBCXp3vscRDt+z4QqFpSDaKxv8Mbo+H1h/0vuMY/fr+K972nTve8fEfqICLg/EmoAAAAASUVORK5CYII=); } .home .info-img-item.plugins .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABPCAMAAACQ9BjzAAAAZlBMVEUAAABoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweWEbBFhAAAAIXRSTlMA0A379toaAyuYIxTwpIVRMuLGXOq9ZkMHeLNvj6s5SVj/xSmsAAAEJElEQVRYw6VYh5LrIAw0rhj33p3w/z/5pEt8xGAw76KZm8kRvFZZrSDOXy3pszog8zpEzlcWxj5/W/D8BqhI+YfNieXr1aXeg+fraaC0iBGTWEHlfi8vlQBUDUe+VoRyLYBgXybt6+DRD0+fAJzdAq2vpJafazvnPvtcaGDLYMaJYoSBv1OEq+ICbKvNQBmGNj7Tc4SV4kEClCgNQOMGCDEQjxFM6hEQ5TyV2QivnAxAMwK9PmKU6ZuBC+ebQgvcqTO3g6fz36QipdcRP8ILFF48gJ5aoFoAodEAyRgCUaHmocJ5PVJCuBS6i1lrewoudcr2SRtdiECLtLh4HOySO52IWKkFGKHS6g71P8csyikillNIkI+FnLylDrrnZU5nPSsXrFbj3JvbQzE8athBccPjBiZ6bD4XOTXUrzUqz9i/Mpf2d1IN+2KT14SjkeVenQaIT+8Ua5FhOXVsrDYlvYOwllHzFlvuooXg8K5TWiKvNAZdHa7a5lcuiv9QixLkVPwnq3Ew2ivYCFL6vOwPT+0pVFVqGjvpxbe7D+tyDmMgi6FNoAmqUCEZoARhd/6q4FLmlIfUmckq4BhzwvZzMg/g5mZmrgf1G0/5CDDkd7ICKqQ7uOmDhp9p4hLQov31FUB5cTkmDxwIFXNubMEqnYTKK47c+PzXgtDm3CCIEs0nSaPdARS7joVl4ulMFqohqzyfrNSxsrGDiIbjNJI7X5hL3uVaNaSxt7CClCaQJvDOL7+CKqFK9ShI/4UVb1qxFCDdL4Ci7aDC4CGkrSXlzlQi5IKpk13Ne8LBqpWdz6KrkA+7ApYBf5uXj4LlQlhtC1h4iEHqFrHq8BgaPIvO9KpCCyB/QuYM3dGWmJg5kscgcW9pQ5iYX7i/56hQivwiuFlsSXJycG68KwI1mDmzfrRM2s9lIOFwr3cJfG7UmwhJNFLjM4PQEolbRCuGLjHEt6nHrdLTlnuHVOiQyMXVJNfrPORCxwSoHHOsjUGiIv1RarBXLGI4DcfYpjY2ln2HTaVtvgeodXIv6hPxOJrf6OWMiB7QWtEeF39qPr7y2AzUI4gXbAu7H7ezqcl3PFU0ruW4DQZ9/IH1PIh+Om2j+gmTXnCe9VOh4jcpYmVal3MVp/upZK5ghZ3+hhVc9FN5FJOEF3I327ca3ny8bSU4jnaF6a2u/6FyMt9W2F6+fxzypkjilJa8rdLjbnoMvwGjrJn4pjKdYTvlLb1Qx7DGxC+a2FT1rvXqGE3YkB37je1pOEfB1kKOl56kBt2KRGxaW6XrRyn9ljPm3itb8d21GF+VPk6Flki8/7hlcQqh2AKr+1FoQSLhFtp2q7oV3tRzig4uONQ11/D2XjOTmaO1NfGR11cPRJNvd0R+BvwwomEMmyxPncWW/uD0o/O1ReFeJn9//B/1fnczhzRHfQAAAABJRU5ErkJggg==); } .home .info-img-item.experts .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAtCAMAAADyZjdKAAAAUVBMVEUAAACKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ/g8FW8AAAAGnRSTlMAEfvnbAOlxZMv7c5fObEInlNHihkn3vV81QMmrskAAAHcSURBVEjHtZTbdoIwEEUnXCJyU0BRz/9/aEXSzmojZwrqfhMWY9jZRNZTARjkA+xx5ywfoACwk1dxEpGnADK9u21ucZSIDkAyz/TFxtl1Ci8RLfB92aOst2zUTkeI4hIAfZg8Gd+vFpHg6eQMQJrrZCSFWyliouxozF2JibReJ+LO0T2P+UeAOyZApMQSgaqRmGG6IUpTIVJiichyITHrlYwr4SKUXmMWVQKixBahMbeiECVUBI2ZKLFF0JiJElsEjZkr4SJozFQJF2HGHHNSJVwEj9lWwkXwmLmSWUQyi6B4jZkp8UGJYGLkIjTmTmyaEROCB+1ZFBLzQUxOYdukQpB+EsasrRCLw/WCuQfJ6xEPLle6oLPGTOZmKWa9df74Wc4/0yy3YuZ0I0Jn34t0Q3iFW/dCzH0Qexncr88nCbE0JGa2FfsWod/TX48tSCYs5rAy8nSzW87EXVjMd5v8jaW7aSZxzOVhKbTS2iW5J5hGmfCYtVp9xFjA2P0r5v4WQiNfg0qLMxmmd6Vbo6Hx40o3WmO+iizklPgoCDNOT2P24f9jTfYH5UnMYXLVS4x9CHgas5/2mQTBDq55cr0Qs9eTZ/XsnsbcO9mMxtzIm9GYP0A+aszvgsVs8wWzbkNRiVPdewAAAABJRU5ErkJggg==); } .home .info-img-item.solution .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAABrCAMAAABdXWywAAAAXVBMVEUAAAD2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4PvYd9bAAAAHnRSTlMA+u0lRg0DilLldPQcpjEVCNzWXNDGf56xOpW7ZGxe/9oOAAAFLklEQVRo3tSY2ZKqQBBEqxsEWvZNNj3//5k3RmcYnDBQSnm450lCiequTjML5E38sa2a9HyQXclabthjIPtRG2b6QvbCNxCPvpddKiCVnTg4aBL5IgiBWvbhCC6Xb0YoZR8aOP9uzkIme3AAs5BzB0fZAw/K+y6G8sX/Wqe471u6V9+khct8kcd76UAuYJOFDBrZh6KE0rt9HIFIdmIwYLoo808l0Mlu+DEzaaDoSBSm3cl/fqc3ccOeZTPB0XLFvXBzBeXU1YpQyNsNoZKDOehsqwHKsK5DB/RPeldDKypGMLcQLkKe/sc7OOlcyyzcPgS73hWndYEQpl9FVLCqhQxsoDWtaGHCK7E/f6/CQSIzw5NjntRTgYV8UWfdHQsDiaioYLiTbb/mO3qT7u5isV8X9qjPUB9ib3GBt755X52Sc6jIYB/KKRmi+hz5XpBAXIgSL4Y4zIpiGA1/1xv4YRvzjXEwvTU1L7CZzGSj5Q8m9UVL1vBNaxeFhp6HNPq8jtLSmLIbJJsLJSk/uLZPu751/NBm8iZzochyxXZ1PieIH5ZcMafgI4WGkStt9FdeQ8qVKf9EIQNA4z/UZw9AmXyiEHP4PeDWU+fJexQNQLly1sn0iR11AE2+upQUoCnkDc4A7eGVxXSix4uB6qmagp73JuyJq4E/5VAB7qB2BngxmjODPo2Cipc9OQTiXL8d472ofwec9KeTbnhvgVMZXWLYMG8WFmWOX9g00Iwox8aeTQ/rA+A0arNAtuH3MeApvICNY/qEag722fgUFeqUfdnqjWedmf7rzWqXHAWBYFAx8uG6SvyO/f6PeXeQDa4kh0zVbv9JKlVxhBl6ppshlUkqABNJc0GmbvT6C3FmkGTxkJrWgrZvMjU/hkAIlLQOtBb0gUSzuAawESYqBkCniWjMNM0Fk8ZTjDJcDWkJku740BLEmhStjo2m8lNOUOHfinKCMp6QTaILw9X5E1HBd0VSJbBTf+aCRjrel0Z3plbrhFGP6+Z7vXWwqM/0xJM73GxrBoDdlvnp+zIA4tQDDDsngJqRHR0B3QNQd96dCGTYOVlhHhpUuE9M/GIUgP7vX3P72/gZKX+w4lRVob/n1hQYrbKqnS3ghfAtf7sXE/ySY/25LXZ76NLSzl5x26ivl3TPYMGq2Ka5jdqhUoBY/GNz53sIGVBDaZwZpEQ0EM9C271g3ycQXsNCjQXfBZmvAhZ9rttYoCvQ8iBjR14zAg6sH+W9qsy2rAoO6l8eY4G4eqWTy/ZI8fyq8BKsti03FsgA3avshsqnGQQCZMuzDnX3v0D16w7DGdAEqyyWDjuI2l/8xAJ1b0aH/o0G1MW2jHU9LrJyK4kG2hvwIWqKvdH4QLkZroPxr8KA8o3Y3C7EQPZYOXTbY2fFm/WMgLkQA8mvKDtH7RbJDyGQhZqucpgUAFUF999BvVECtQDUg6I+ZeaY3B2UEIZ8FdJkQOvzn3fuGrxhQPHSQBrI/mOmD+urXWGFg4Yke0+aHQ/E7AYUrcJBo2Dk5chQOq7A8KXGy+P9eE90VSdgC7ly/eqnt3nHzAwQVJe4Da0XDYin0YTVNK53ZXAFQ75I5MeiApj7tjHHv51ghOuCGF9ygPlbAo82iXDi/P+xl7n50DPXU6o07zHez+RhwC/1hyZUWUAkrX9I7JacDp4dCXOLaDUi5GEEnlXkzBNR3gBldjNnREiQoQWAtSjt4DLFr6DogWw7Vbe1z2zr/oEwnrmeGPnl56Afk7dY8ssPQ8/F7Mn4D1YXoUktye5rAAAAAElFTkSuQmCC); } .info-img-item .info-points-list { display: none; } @media all and (max-width: 859px) { .home .info-img-wrapper { padding: 35px 0; } .home .info-img-item:last-child { margin-bottom: 0; } .home .info-img-item .title-text { display: inline-block; margin-left: 7px; width: 188px; vertical-align: middle; text-align: left; font-weight: 400; font-size: 18px; } .home .info-img-item .title:before { display: inline-block; width: 80px; height: 80px; border: 4px solid #d9dee7; background-size: 50%; content: ""; vertical-align: middle; } } /* home page blog */ .home-page-blog { padding: 80px 0; background: #eff2f6; } .home-page-blog .blog-content { margin: 0 auto; width: 95%; } .home-page-blog .blog-title { position: relative; display: inline-block; margin: 0 0 25px; padding: 9px 24px; border: 1px solid #c6d1de; border-radius: 20px; text-transform: uppercase; font-weight: normal; font-size: 22px; line-height: 1; } .home-page-blog .blog-title:after { position: absolute; bottom: -25px; left: 50%; margin-left: -1px; width: 1px; height: 25px; background: #c6d1de; content: ""; } .home-page-blog .bi-content { padding: 20px; background: #fff; box-shadow: 0 1px rgba(0,0,0,.15); text-align: left; } .home-page-blog .post-date { display: block; margin: 0 0 5px; color: #9aa6b7; } .home-page-blog .post-title { font-weight: normal; } .home-page-blog .blog-buttons { position: relative; margin: 30px 0 0; } .home-page-blog .blog-buttons:before { position: absolute; top: -30px; left: 50%; margin-left: -1px; width: 1px; height: 30px; background: #c6d1de; content: ""; } .home-page-blog .view-blog { display: inline-block; padding: 13px 35px; background-color: #957ea8; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; line-height: 1; } /*********** LEFT/RIGHT COLUMN ***********/ .block { margin: 0 0 20px; text-align: center; } .block .title strong { display: block; padding: 17px; background: #e9ecf3; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1; cursor: pointer; } .block .listbox { display: none; } .block .listbox:after { display: block; clear: both; content: ""; } .block .list-link { position: relative; display: block; overflow: hidden; margin: 2px 0 0; padding: 17px 17px 17px 40px; background: #f3f5f9; text-align: left; text-transform: capitalize; font-weight: normal; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1; cursor: pointer; } .block .list-link:before { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background-repeat: no-repeat; color: #d1d6de; content: " "; text-align: center; font-family: 'nop_templates_font'; line-height: 50px; } .block .list-link.my-downloads:before, .block .list-link.theme-roller:before { content: "\e60a"; font-size: 14px; } .block .list-link.customer-info:before { content: "\e600"; font-size: 15px; } .block .list-link.customer-addresses:before { content: "\e634"; font-size: 14px; } .block .list-link.customer-orders:before { content: "\e633"; font-size: 15px; } .block .list-link.change-password:before { content: "\e664"; font-size: 17px; } .block .list-link.customer-avatar:before { content: "\e632"; font-size: 19px; } .block .list-link.faq:before { content: "\e631"; font-size: 14px; } .block .list-link.forum-subscriptions:before { content: "\e609"; font-size: 16px; } .block .list-link.new-ticket:before { content: "\e62e"; font-size: 21px; } .block .list-link.my-tickets:before { content: "\e62f"; font-size: 18px; } .block .list-link.manage-tickets:before { content: "\e630"; font-size: 21px; } .block .list-link.customer-consent:before { content: "\e906"; font-size: 16px; } .block .list-link.customer-consenthistory:before { content: "\e907"; font-size: 19px; } .block .list-link.customer-communicationthisstore:before { content: "\e908"; font-size: 19px; } .block .list-link.customer-communicationotherresource:before { content: "\e909"; font-size: 19px; } .block .list-link.customer-delete-my-info:before { content: "\e90a"; font-size: 17px; } .block .list-link.customer-downloadmyinfo:before { content: "\e90b"; font-size: 22px; } .block .list-link.active { background: #e9ecf3; } .block .list-link.active:after { position: absolute; top: 50%; right: 0; margin-top: -13px; border-width: 13px 12px 13px 0; border-style: solid; border-color: transparent #ffffff transparent transparent; content: ""; } .block .view-all { margin: 10px 0 0; } .block .view-all a { padding: 3px; } .block .tags { margin: 0 0 10px; } .block .tags ul { font-size: 0; } .block .tags li, .product-tags-all-page li { position: relative; display: inline-block; overflow: hidden; margin: 0 10px; font-size: 16px !important; /*setting base size*/ } .block .tags li a, .product-tags-all-page li a { float: left; line-height: 30px; } /********** CATEGORY PAGE **********/ .product-grid.featured-product-grid { overflow: hidden !important; padding: 0 !important; background: url(/Themes/NopTemplates/Content/img/category_theme_collection_bg.jpg) no-repeat center !important; } .product-grid.featured-product-grid:before { display: none; } .product-grid.featured-product-grid .main-item-box { margin: 0 auto; max-width: 1200px; width: 95%; } .product-grid.featured-product-grid .main-item-box .product-item { position: relative; overflow: hidden; } .product-grid.featured-product-grid .main-item-box .picture { position: relative; } .product-grid.featured-product-grid .main-item-box .picture:before { display: block; padding-top: 48.95%; content: ""; } .product-grid.featured-product-grid .main-item-box .picture-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */ } .product-grid.featured-product-grid .main-item-box .details { margin: 0 0 20px; color: #fff; text-align: center; font-family: 'Open Sans', sans-serif; } .product-grid.featured-product-grid .main-item-box .details-centering { display: inline-block; text-align: left; } .product-grid.featured-product-grid .main-item-box .product-title { margin: 0 0 25px; text-transform: uppercase; font-weight: normal; font-size: 22px; } .product-grid.featured-product-grid .main-item-box .details-list { margin: 0 0 25px; } .product-grid.featured-product-grid .main-item-box .dl-item { position: relative; margin: 0 0 10px; padding-left: 15px; font-size: 16px; } .product-grid.featured-product-grid .main-item-box .dl-item:before { position: absolute; top: 50%; left: 0; margin: -3px 0 0; width: 7px; height: 7px; background: rgba(255,255,255,.2); content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .product-grid.featured-product-grid .main-item-box .details-num { font-weight: bold; } .product-grid.featured-product-grid .main-item-box .buttons { overflow: hidden; margin: 0; } .product-grid.featured-product-grid .main-item-box .btn { position: relative; float: left; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; line-height: 1; } .product-grid.featured-product-grid .main-item-box .btn:before { position: absolute; top: 0; left: 30px; color: #fff; font-family: 'nop_templates_font'; opacity: .4; } .product-grid.featured-product-grid .main-item-box .btn.view-demo { margin-right: 1px; padding: 14px 20px 14px 50px; background-color: #81ceee; } .product-grid.featured-product-grid .main-item-box .btn.view-demo:before { top: 12px; left: 18px; content: '\e622'; font-size: 18px; } .product-grid.featured-product-grid .main-item-box .btn.go-to-details { padding: 14px 30px 14px 50px; background-color: #707e92; } .product-grid.featured-product-grid .main-item-box .btn.go-to-details:before { top: 14px; left: 20px; content: '\e605'; font-size: 17px; } /* themes */ .themes-category-page .info-img-list, .plugins-category-page .info-img-list { overflow: hidden; margin: 0 auto; max-width: 800px; width: 95%; } .themes-category-page .info-themes-title, .plugins-category-page .info-themes-title { margin: 0 0 25px; text-transform: uppercase; font-weight: 400; font-size: 20px; } .themes-category-page .info-img-item, .plugins-category-page .info-img-item { position: relative; } .themes-category-page .info-img-item .title, .plugins-category-page .info-img-item .title { position: relative; } .themes-category-page .info-img-item .title-text, .plugins-category-page .info-img-item .title-text { text-transform: uppercase; font-weight: 400; font-size: 15px; } .themes-category-page .info-img-item .title:before, .plugins-category-page .info-img-item .title:before { border-radius: 50%; background-color: #eff2f6; background-position: center; background-repeat: no-repeat; content: ""; } .themes-category-page .info-img-item.responsive .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA7BAMAAADxzns5AAAAMFBMVEUAAAD2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4PXP9mqAAAAD3RSTlMAvDJG5u8YtQo8ajuRkG4ZEShfAAAA60lEQVRIx+3UKw7CQBCA4QUBDYZyA4LBNqEH2BOwGBxJcUgcFg6AxqBJuAXchCus4G2GZHfaXdJ2xkEC/U2b9EtFpztCrBMgm6wEdgKmYyoTTo5SCZe9KC/Ygc7kU1C1PHknZeBJLcgqWcnPSoyXMWSdI1IqcElSgpem5UJgjSUjpyJtzkh32/66xHgZ4wh4qXAEvLyZbzbTvLzaGehevu67xJdpyKf/RXbyhYUSLwMbPqYk2H5H1lFGnAz6KIcbWjYVZElS1sYmI8Pyf57bNu4c8RsMbMXSy8gtKR8HlMpKWbqTUUq3Q7g9/wJKq2EyM+sCwAAAAABJRU5ErkJggg==); } .themes-category-page .info-img-item.with-plugins .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABICAMAAADRe2tvAAAAYFBMVEUAAAByzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLe5oM2aAAAAH3RSTlMA/AcO4Laa8VylHFJ4A8b3rzErI4NtR9UU6r+PZM47w561agAABD9JREFUWMOs1tmuqzAMBVBngAQIUIZSprL//y+vSKNwQOgi2qwn3owd2zKt+qzLycnjWFBgeVsCoyCLPwDZUVgJVu0nQIRV3FNABpZcv8WID5lRMA3DR0rUv+ElwdKY4MzUvOANc06BjHDKSMF7iMDPcJRQSPOb4UBycjgFITKJndi3QbBkMuxE5LQwoSqFHbaQ1SuwjkLgL+ypzg+4agLtjaOkElWE1UsEb9ijB/1qYfi/ln4jJC6wlDa1eaZ0T4wrmif+uVsGlDPd0eHKk2IMiwsAy9ANBS60thNKbUvE8HFnSlIfQkVveF5MevvvaZv6G3iyLey6wMHIZ4aPRIgBzptuMQxAkW/hNlI84Sn5J7N7OgVWk5WP+EtXOKNSuqmW0XlvGW5OWkFWdFu/kFNhZ9S8ibFTzCLIZeCplu9CRPSb59nqE8P+DX6wjPBeiYSz7JIoBH1LRNiYvPYXYGYOM/J9iIn5AGSQuXtQ9RN2Ik5fq0dYCWmgoAgrLYbjy+T0PT3YOnQlgKUqAaX5A971TFdTdF2qt6gV7CZpWpOm4+lKP9WYF4DqslR9L2EVWd1NCifOrpxcFz7DKwmuMH1SHzhKXNXpXytWtuwqCASBuKCIRlHRuPD/f3krhk0czUld+yVWEhlgZuhuuIjgYd2TT6QDTbpPDivrFC7B4+ejGdUBcYPyCQdDDGySTqz3+II+8tyJVbXk9SHEizuF2+mEJUYsmj3TVQfkeo6UKnOnkqMmDFEJN0ZnSkIZCCtcXK5JO6bWqyXu1GxSrVxFBOpx6is0+5c8WENK9PNC9Fsb8AOhIbK5zEeoxx7VBGit2Yp1u22dL3wWu3vEY7SVKQ+lzS1yoI7PtVg3GLNd0k0VTq59o3YNCLWGysNNoEYDleqICr0xHr6mnCUlVj4kxDyR944CEcHE1kJdjZdsvhC9196Alvtl1LVNcHZpJejFuSKxNmwa3F9Iw8zSCWKpS99ho4Q6RYFEW8b9icigjd1FRkTpDOQB1bknuBQZpbmMeCEsV9JiiBPyvkHkPEJxbbVm3doFrxRueT8eriKG2CpZGPG11apYU26Uz7YliSHW/W/xVAAqKbF9JteUgwtSs9qkuZp5J/ZTAuylZOQtgRXkYmaoVYqexqd+NFcBrPGuMfCKSNUXyCH0NfhUHMTHRBDPXY1AMKgRkBFWqwp3pbCVbiFshLerbY45rIBGmI36e9kGCE8Sb928Sz9ROVgmmEFsnmzC32ukTP8Qfc6MrHjsEvf0WEb8TX3lNdk+gmpYVZR1K6Bs2eiGWn66OZH760HiTz1s0jqoBsNLf7y2WOhX8x7MykLS71d46VT/4CIAHrH7ClOp7B4/jA92xITOMZbsFz+xXNEtDPEfbjduraZE9yHZkYg1i+jeEE7BU9MTd4InngfhpTGfd4JnG8vpg7fLEobuBnmqKvBp94e4L8A/qFs0rwQvfFEAAAAASUVORK5CYII=); } .themes-category-page .info-img-item.seo .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA6CAMAAAAQoC6jAAAASFBMVEUAAACKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+fa0MSAAAAF3RSTlMA6/VELPzZZHhXFYcDzDjiCrO/lqofn8+4dBYAAAHRSURBVFjD7dTZboMwEAVQ23jBG3vg//+09aQpIgOGwVKlSpmHSIB7Or5e2H49zBy5UFz3dRNYaQU7qGWt1rsyr9LLWwnf3ee6edkp3dz1HvEpqOiNrWw98Z9nc9Nr4c957X4DrYYnWd/xnIZufLcXqqF7AZrhDcp1gv9Dz7GGXfJguEZYmY4aoEj9yd1v0KMngrBh7MFuSjkKR2swHY/+cLtDi+QElTz8PKR8AwWMqEHcImWhnYIEDytw4u6GDnKpT2gG+TIpo7OMNQH03+OH3ACbdmluwJJqexj6s0wUAfQnYEigIIApopgNmThlgxvAIUcC2KRHyVj2qMwEMIj8xnXpuyGArM/vM5OGP44RDNold/aChggpYMfhVs7d5oYEsjpz5UkBtxcN7NrDSTu9fsLg5he1qOyOFxc4R0SwEguUf59ZA623jgiCBxWrTXujSi+FZBQQvLUG415Xwvh8z5stkgGxB6X7eZyieD1JRgCRh2rs2EUQe7zx7/gA070GYk8y5kxU64sxcQQQeVDO1uM0zd7I05XFIPYOkCsg8kpB5JWCyCsGW+QVghx5haBVV9aXADKjkFcGMnNhfQm/32W5Rl4JCPU/QRjwAT/gH4Bf4IGOccjlOxIAAAAASUVORK5CYII=); } @media all and (max-width: 659px) { .themes-category-page .info-img-wrapper, .plugins-category-page .info-img-wrapper { padding: 45px 0 15px; } .themes-category-page .info-img-item, .plugins-category-page .info-img-item { display: inline-block; margin: 0 auto 15px; width: 280px; } .themes-category-page .info-img-item .title, .plugins-category-page .info-img-item .title { text-align: left; } .themes-category-page .info-img-item .title-text, .plugins-category-page .info-img-item .title-text { display: inline-block; margin-left: 7px; width: 188px; vertical-align: middle; } .themes-category-page .info-img-item .title:before, .plugins-category-page .info-img-item .title:before { display: inline-block; width: 80px; height: 80px; border: 4px solid #d9dee7; background-size: 60%; content: ""; vertical-align: middle; } } .themes-category-page .item-box { position: relative; padding: 45px 0 55px; width: 100%; text-align: center; } @media all and (max-width: 659px) { .themes-category-page .item-box:nth-child(2n) { background: #fff; } } .themes-category-page .item-box .product-item { margin: 0 auto; min-width: 320px; max-width: 600px; width: 80%; } .themes-category-page .item-box .picture-link:before { display: block; padding-top: 43.3%; content: " "; } /* plugins */ .plugins-category-page .info-img-item.trial .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAvBAMAAACiUt9KAAAAKlBMVEUAAADwfHzwfX32g4P2g4P1gYHwfX32g4PzgID2g4P2g4P2g4P2g4Pqd3e/qYgcAAAADHRSTlMAs7x5dBHRTSakgfsyX8K/AAAArElEQVQ4y+3MwQnCQBCF4Yng4kE7ULAABUuwCcEyUoAHS0gJlhLRk04L6cWILm9fZrIQcs27frxfsNC0U9X3Tdyt/q715JMP8/OVfX4iDk2cxlWpF9aPFNh0/QmjAN9tAHc/gLsfwN0P4G4C8Ic4K+AHAgrgbjaLjjtv37q57+4UoHvQrahSgO5LrX+OAO7wNIA7PA3gDk8DL8n6ovQdG+5lr1++nt14X2e9+gBjd7e8WssbGQAAAABJRU5ErkJggg==); } .plugins-category-page .info-img-item.documentation .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA6CAMAAADIrIqpAAAAe1BMVEUAAABuyLNkvahyzLdyzLdYr5pyzLdyzLdyzLdyzLdyzLdyzLdasp1yzLdyzLdVrJhyzLdyzLdyzLdyzLdJnopJn4pyzLdctaBft6NyzLdyzLf///97z7xbs56F08Hi9fHe8+50zbjm9vJmv6v7/v2p4NOg3c5/0b51zbkZ2LO7AAAAGnRSTlMAGgb6d9K7sOzUpEXEjTAR+dteTzYj+7esYiCDz74AAAEjSURBVEjH7dTdUoMwEIbhLxATfoQW0KppI8X/+79CRzvF7Ehgu+1h30NmHmCXITimTOqiPWI642byEZXOIv+QTCE3i4jiI38bqlWnbbOEftVqNGX2c3URUZU7FqJqcwLyN/cH1PAQVQUPUaUZaPCBugPQMZB7pQqKov2W9PYxrTKCXra0d/c/CxiCvp5Jn24qoPpD3IAnCaolKNkIEHK68nj7ABV05fH6AOkQDbt4Q4BKyUxKgpBJkJGgKkA9c+VomagPUR0gt4tHXi9JBTMhl6BCgrRgJpSC7UEJvhOQCV4PRrAIVBLUSlDN+3MpSk48Iw7xTyOKGF3RRVHKN+mILB/ZESm75pG1VTirRII0nTUvdKkWkTqOlJmqrbnP7Rrm7YFvrI7y91qNLmcAAAAASUVORK5CYII=); } .plugins-category-page .info-img-item.demos .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAA3CAMAAABtuXfRAAAAYFBMVEUAAACSc6mPcqaMcaKKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+PcqaKcJ+PcqeNcaSSc6qKcJ+McaGNcaOKcJ+McaGSc6qKcJ+McaGSc6qSc6qSc6qSc6qSc6qSc6qKcJ+0ZRaZAAAAHnRSTlMAHhIC+syr8eDUTI1ouYco5nIIWiAa9cCdPPuoL3gcuYQIAAABaUlEQVRIx92X25KDIAyGERTxfG5tbfu//1suUndmZcYLE7YX/WcUucg3JCEBharbF09trUT94qsWbQBKK+zr/pSCKlleLEG4BXFUbpQHiyI3SiRY+iylSZE2bMoAYOBQ+msWiQ5AJ6Ls2tMo6gqYCqsqYx9FosgYfxVLmkelM9aFdriSGt0ESCY7jusHNboNkL7dmFJgJFEqa4nfMqthiRWBglX5NsndLAyF61Fx3iMN7cbRWk6k6KoiVxkylRf9O9MjJdMFYgPAxCgYuy63FsmcWOucUQHKoLNDB6NUBRjtCPpcNepsC0CCTNvOMG2dYTrVGQDM7mMG4Hcp2lr8jkmKi29ByxGR4u8XT9S964tQR58/G5sgp/0zyM3jXvJvQWx9J+USAHIXSwDKIuTCXc1lkeK/1b92UtQC2Ym47CgI5bGDUPvHbU9pglAe1MaxU01JczP4f3HzcJPnnGkPCuZ2KskHlPYgxD/hfJeK4znVzQAAAABJRU5ErkJggg==); } .plugins-category-page .product-grid { position: relative; padding: 45px 0 0; background: #f3f5f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAASSCAIAAAD/yhMgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NzM4NzUzMzNBQzExRUE4QjI0QkZERDk0QjREMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NzM4NzU0MzNBQzExRUE4QjI0QkZERDk0QjREMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY3Mzg3NTEzM0FDMTFFQThCMjRCRkREOTRCNEQxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY3Mzg3NTIzM0FDMTFFQThCMjRCRkREOTRCNEQxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66wziKAAAALElEQVR42uzQoQ0AIBAEsAv7b0sQqEN+2KGiCzT73JUEAICRth4AAH5PgAEAam8O/zP0OCQAAAAASUVORK5CYII=) left 69px; } .plugins-category-page .product-grid:before { position: absolute; top: 0; right: 0; left: 0; height: 69px; background: #f3f5f9; content: " "; } .plugins-category-page .item-box { margin: 0 auto; padding: 65px 0 0; height: 585px; } .plugins-category-page .item-box .product-item { margin: 0 auto; width: 320px; } .plugins-category-page .item-box:last-child { margin-bottom: 0; } .plugins-category-page .item-box .picture-link:before { display: block; padding-top: 76%; content: " "; } /* product grid */ .product-grid { padding: 35px 0 0; background: #eff2f7; } .product-grid .grid-title { position: relative; z-index: 2; text-transform: uppercase; font-weight: 400; font-size: 22px; } .item-grid:after { display: block; clear: both; content: ""; } .item-box .picture { z-index: 1; overflow: hidden; margin: 0 0 10px; } .item-box .picture-link { position: relative; display: block; } .item-box .picture-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */ } .plugins-category-page .item-box .picture-img { max-width: 76%; } .item-box .product-title { margin: 0 0 15px; font-size: 18px; font-family: 'Open Sans', sans-serif; } .item-box .prices { overflow: hidden; margin: 0 0 25px; } .item-box .old-price { color: #999; text-decoration: line-through; } .item-box .actual-price { font-size: 20px; font-family: 'Open Sans'; } .item-box .buttons { display: inline-block; margin: 0; } .item-box .btn { position: relative; float: left; margin: 0 0 5px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .item-box .btn:before { position: absolute; top: 0; left: 30px; color: #fff; font-family: 'nop_templates_font'; opacity: .4; } .item-box .btn.view-demo { margin-right: 1px; padding: 17px 20px 17px 50px; background-color: #81ceee; } .item-box .btn.view-demo:before { top: 15px; left: 18px; content: '\e622'; font-size: 19px; } .item-box .btn.go-to-details { padding: 17px 30px 17px 50px; background-color: #707e92; } .item-box .btn.go-to-details:before { top: 17px; left: 20px; content: '\e605'; font-size: 17px; } .pager { margin: 0 0 20px; } .pager ul { text-align: center; font-size: 0; } .pager li { display: inline-block; margin: 0 5px; } .pager li * { display: block; overflow: hidden; padding: 8px; min-width: 32px; border-radius: 50%; color: #707e92; text-align: center; font-size: 14px; cursor: pointer; } .pager li span { color: #59b6db; } .pager li span { font-weight: bold; } .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page * { position: relative; background-color: #eff2f7; text-indent: -999px; } .pager li.previous-page *:before, .pager li.next-page *:before, .pager li.first-page *:before, .pager li.last-page *:before { position: absolute; top: 0; right: 0; left: 0; color: #707e92; text-align: center; text-indent: 0; font-size: 12px; font-family: 'nop_templates_font'; line-height: 32px; } .pager li.previous-page *:before { content: "\e670"; } .pager li.next-page *:before { content: "\e671"; } .pager li.first-page *:before { left: 3px; content: "\e670"; } .pager li.first-page *:after { position: absolute; top: 50%; left: 11px; margin-top: -7px; width: 1px; height: 13px; background: #707e92; content: ""; } .pager li.last-page *:before { right: 3px; content: "\e671"; } .pager li.last-page *:after { position: absolute; top: 50%; right: 11px; margin-top: -7px; width: 1px; height: 13px; background: #707e92; content: ""; } /* plugins collections page */ .plugins-collections-category-page .main-page-banner { padding: 35px 0 0; background: url(/Themes/NopTemplates/Content/img/bg-home-banner.jpg) no-repeat center; text-align: center; line-height: 0; } .plugins-collections-category-page .main-page-img { max-width: 95%; } .plugins-collections-anchor-list { position: relative; padding: 20px 0 45px; background: #fff; } .plugins-collections-anchor-list:after { position: absolute; top: 100%; left: 50%; margin-left: -23px; width: 0; height: 0; border-width: 16px 23px 0 23px; border-style: solid; border-color: #fff transparent transparent transparent; content: ""; } .plugins-collections-purchase-wrap { -ms-overflow-style: scrollbar; overflow-x: auto; overflow-y: hidden; margin: 0 0 50px; } .plugins-collections-purchase-wrap-expander { position: relative; padding: 0 0 50px; height: 1220px; background: #fff; } .plugins-collections-purchase-wrap-expander .show-all { position: absolute; right: 0; bottom: 0; left: 240px; z-index: 3; margin: auto; padding: 67px 0 0; height: 119px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAABDBAMAAACyxmaeAAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACnRSTlMAAwEKBhAWIx4a8hQ5vQAABP9JREFUeNrsmUtuwzAMRIm5AYUcgJybGND9z1T5h9qtVDPoKpIeFCfaPgwJhpY/4Pk1eQY0MZlEAEkxyCQAuGGzDOOyaNtl1mNMlkFAKcySbAADT0CjUIw00Ka0b+yIEFjHQMxx4gD7k0K2dU1ZBRydHCTYZspaoRgEDGCC0SdWXEU5W5eToW3dXKlTeZLc67LGHcJuuVJX3UXRtZDKqfeuMRN2C9YK6Ux6gcobBhOBwTBcz8c1WFX4C1tVsSDGoabVB1ln1pqAYiI2xq4iIit5+bDBaoosZwBdlzFBm3jyvXlVEAwzVeCaqjZUP0LGNobOsxWSdUwRz7p6X1BcZAVJbLPK6nSiQNRVXBZpnQ73EMZlxW1Jh8MXSLmqipP8QVZ/4ar19riupPRWs4dJZ7sccCO5/oNU3+ZYOV291w4EK27La32+p2rkjrZZgrJcnb8xdDTTc6OmaHm9JctVXVPfa9V6EeacXznvP5esz3jyveU3dPXxH6gl686i5YRIH/ZeiBQBKAh3+J8lmCuy1keET5LFck62G96V9cpNIv2La7w+QddXd+Zi2yoMheGKDUAMUFjB9gCR2QCZDUDKBMkGlyyAYNt7DviFDb4WvVKcfgklfSr9+v/HpoFV+vBV5DqgCrFFhcljqT0S+8dgVh8DHw9+h1O/IGX01itPemGsA4RkVTpWMZQwvK5P+jT+z1UDl2RVOliNC4fb9TIm/FL2RVmBXHFOlCyf8mq2kri2/t+yCCd4pw3Bc+MTtbEvElwTsxq5OLM8WYQSAgdHV3Cn9NDWrYycXYnZOnVVRcsyrjihq6ANeeYE2cuKLWOVlq1jUfg88yL8/MxaqFVhonw4AqV0+bRsHeSqUBKQ0CpkWtggmCQXkyyMG6cNjR9dhjRkfWcn9cujZZkWgo4glG5D39FVlhFlTGEHcVbB3JH1HV4M11xFwHGcebJi6lgkkK2wK8Rcl2VHsnSuOCVxUKzrhdn1blu1R7ABvqzKlDDSFFYVjkuT/q22gqoMxdmoqJUsJ1itDTml8Ykr5LuoHEGXZDWArYoJIRjcVkjLGDvcTchSBsg/kVriy3JdgReQBHqEhKkzcLKrQIy4z5HX5Po5lTcrWypc7nxXJTSqwFUrEHmKdIZQZx34OPxBYckywaLSFUg5hwHbg7WZWlo8lDdJo5tY6cnly+KbK+LmSXRwC+sj6SJ/sSgaur8gqY0te2SV+kdapvqu63oBdzEM/YDviSBk7a1N0ho9qBobuojOqphpWcQEC+mAwafvu9WjuAQDdHeTNKmy5U0ua77r8a5C1Q8BIGKoDRHpwY4hrY8QckvEHF83f8z7LVwriJkK48dtj/g8GCDLuNvf2LL2wRLITtViM03T8DN6iUjSp8qXiRZiyzLB2vYEUDHFtBwzJEg/dPGcDF15Wcd1tuwqqpGlSiiEnavF4rUA83LKtEzDAgcIViq12PsCgUwaa/YyJ1smXGpkbSVkzHJ1XzZGF9D2c1JMrBoMBOB0b6uQsnIjSwByFVxW5vEfzODu9ZpB4Yzhg0dwP2eWulNgusPhBsx0sfGypUcW35Xwbpt6wu3xGMc/D2BMm4t/BuPMZIs0iG3rK5Mt5MrVgK4sVY8g26fXL3viI3wTz3N8N6/RMmbC1erdqd1EHFlq996qDt6tUfX4FUQE0vgS2paTrS+1FsqJpabVbzIVxhGmsnV05fMXHmgjNF17v+sAAAAASUVORK5CYII=) no-repeat left top; background-size: 100% 67px; text-align: center !important; font-size: 0; transition: none; } @media all and (max-width: 997px) { .plugins-collections-purchase-wrap-expander .show-all { width: 740px; } } .plugins-collections-purchase-wrap-expander .show-all:before { display: block; padding: 18px 0 10px; height: 52px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAASFBMVEUAAABwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpLYoww1AAAAGHRSTlMA5QY9KQ/G3djLta+lm5N+dWFZRzUiGId/7mFxAAAAWElEQVQI12WKWw7AEAAEl6Leb3r/m1YakdD5mswubMFJsagkHTGRCjQZthhkw4ALR1ejTvBpRk8D14aug1f9k678iIt4MwDsjtjI5MJFMnZGesbwgwm2/AUd7gI8zDsaCwAAAABJRU5ErkJggg==) no-repeat center bottom; content: "view all"; text-align: center !important; text-transform: uppercase; font-size: 18px; line-height: 1; cursor: pointer; } .plugins-collections-purchase-wrap-expander.expanded .show-all:before { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAASFBMVEUAAABwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpLYoww1AAAAGHRSTlMA5QY9KQ/G3djLta+lm5N+dWFZRzUiGId/7mFxAAAAWElEQVQI12WLSQ6AIBAEZwBR2Xf//1OVEASsU6XSDR3GGfygeCFdY3gSxTBHt793truhEXOWKuU0pEcptqabkKQZ1+S7aV4X+bAwYo8MkNDDjMcEKsJKVDfOjQI8KzVHIAAAAABJRU5ErkJggg==) no-repeat center bottom; content: "hide"; } .plugins-collections-purchase-wrap-expander .show-all:after { position: absolute; right: 100%; bottom: 0; width: 240px; height: 52px; background: #fff; content: ""; } .plugins-collections-purchase-section { min-width: 980px; } .plugins-collections-grid { overflow: hidden; padding: 60px 0 0; background: #f3f5f9; } .plugins-collections-grid .pc-grid-title { margin: 0 auto 70px; width: 95%; text-align: center; } .plugins-collections-grid .title-main-text { margin: 0 0 10px; text-transform: uppercase; font-weight: normal; font-size: 26px; } .plugins-collections-grid .title-secondary-text { display: block; font-size: 16px; } .plugins-collections-grid .item-grid { margin: 0 auto; } .plugins-collections-grid .item-grid .item-box { position: relative; float: right; margin: 0 .5%; width: 24.2%; } .plugins-collections-grid .item-grid .item-box:after { position: absolute; right: 0; bottom: 0; left: 0; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAbBAMAAACgkcRQAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAAwcLFA8YHSKnsawrAAABdElEQVRYw+2TjY2DIBiGcQNhA3UDiRvUW0DcwBwbVDeoYx94Asqf+NOel/BEk7ap5nve9wNEIpFIJHIdKYAT4H+TALgk3X4AeknBnwABvCUpC2xPKDfVsKpdLILyQDL4BhL7UU6hBK1mQGqK/JNAwa56koXFDYEMj5vFA6E81KRgN95PfpjlZC4Ro46C30Wppsb8M/4sZfjB0wqRU++nddPg8/AQdQ926QdlXQfGISZVe5TzvrZWjL3akGgdPDa43M1wUSJCYxV30zohLXlcC6mJV8zmgoSJPCBIelS+tSGu8L++3ZyQ8wpNjcwmopBMevzOy15BVD7O8M2he2r+RqnLsGMJhFvV+taVaruAtlfaygeET/tnHwrt2f8NR3a56LrO1RKekCZgvVeVX0ML32S0MIz9TujTKqV308hShAjKGbNGLUKXnfNvPoPXeIgXfzTQbG5vLkm5CJOMi6jF4h7Ee3KpFv8bGQabpTiBYsUa0Un2Awmn7mtrOUWaAAAAAElFTkSuQmCC) no-repeat bottom center; background-size: auto 100%; content: ""; } .plugins-collection-item { float: none !important; overflow: hidden; margin: 0 !important; padding: 0 0 30px; width: auto !important; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,.1); font-family: 'Open Sans', sans-serif; } .plugins-collection-item .product-title { position: relative; margin: 0 0 40px !important; padding: 35px 0 20px; } .plugins-collection-item .product-title:after { position: absolute; top: 12%; left: -10%; z-index: 1; width: 120%; height: 100%; content: ""; transform: rotate(-4deg); } .plugins-collection-item.ui .product-title, .plugins-collection-item.ui .product-title:after { background: #79c6e6; } .plugins-collection-item.complete .product-title, .plugins-collection-item.complete .product-title:after { background: #62c0a2; } .plugins-collection-item.ultimate .product-title, .plugins-collection-item.ultimate .product-title:after { background: #f28383; } .plugins-collection-item .title-link { display: inline-block; } .plugins-collection-item .title-type { position: relative; z-index: 2; display: block; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 16px; opacity: .7; } .plugins-collection-item .title-name { position: relative; z-index: 2; display: block; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 26px; } .plugins-collection-item .prices { margin: 0; } .plugins-collection-item .prices .actual-price { text-transform: uppercase; font-size: 24px; } .plugins-collection-item.ui-collection .prices .actual-price { color: #79c6e6; } .plugins-collection-item.complete-collection .prices .actual-price { color: #62c0a2; } .plugins-collection-item.ultimate-collection .prices .actual-price { color: #f28383; } .plugins-collection-item .domain-license-info { margin: 0 0 35px; } .plugins-collection-item .domain-type { display: block; font-size: 18px; } .plugins-collection-item .domain-add-cost { font-size: 14px; } .plugins-collection-item .domain-add-label, .plugins-collection-item .domain-add-price { vertical-align: bottom; } .plugins-collection-item .domain-add-price { color: #f28383; font-size: 16px; } .plugins-collection-item .collections-value { position: relative; margin: 0 0 35px; color: #707e92; font-size: 18px; } .plugins-collection-item .collections-value:before { position: absolute; top: -16px; left: 50%; margin-left: -60px; width: 120px; height: 1px; background: #d9e0ea; content: ""; } .plugins-collection-item .collections-value .products-count, .plugins-collection-item .collections-value .actual-price { display: block; } .plugins-collection-item .collections-value .full-price { font-size: 18px; } .plugins-collection-item .btn { margin: 0 !important; padding: 15px 20px !important; font-size: 14px !important; } .product-page .plugins-collection-item .btns-wrap.free-trial .add-to-cart-button { background-color: #9aa6b7; } .product-page .plugins-collection-item .btns-wrap.buy .add-to-cart-button { margin-left: 1px !important; background-color: #707e92; } .plugins-collections-category-page .plugins-included-table-section { margin: 0 auto; padding: 30px 0 0; } /********** PRODUCT PAGE **********/ .mfp-bg, .mfp-wrap { z-index: 10002 !important; } .product-page .product-essential { padding: 35px 0 0; } /* main banner */ .product-main-banner { padding-top: 30px; background-position: center; background-repeat: no-repeat; text-align: center; font-size: 0; } .product-main-banner .main-banner-title { margin: 0 0 26px; padding: 0 20px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 26px; } .product-main-banner .main-banner-picture { margin: 0 auto; width: 95%; } .product-main-banner .main-banner-img { max-width: 100%; } .product-main-banner.theme .main-banner-picture { max-width: 1050px; } .product-main-banner.theme-collection .main-banner-picture { max-width: 1250px; } .product-main-banner.plugin-collection .main-banner-picture { max-width: 825px; } .product-main-banner.plugin { position: relative; overflow: hidden; font-family: Raleway, sans-serif; } .product-main-banner .main-banner-picture a { display: block; } .main-banner-info { margin: 0 0 20px; } .product-main-banner.plugin .main-banner-title { position: relative; margin: 0 0 10px; padding: 70px 0 0; } .product-main-banner.plugin .main-banner-title:before { position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 60px; background-position: center; background-size: 100%; background-repeat: no-repeat; box-shadow: 1px 1px 2px rgba(0,0,0,.1); content: ""; } .simple-details-page .product-main-banner.plugin .main-banner-title:before { display: none; } .product-main-banner.plugin.nop-store-locator .main-banner-title:before { background-color: #1b6570; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAw1BMVEUAAAD///////8AAAAAAAD9/f0VFRUqKiqpqan+/v4FBQX39/f19fXh4eEAAADs7OzV1dW+vr78/PysrKz8/Pz4+Pj5+fnY2NgAAAD////+/v7z8/MHBwcJCQng4OC+vr7Ly8vQ0NDX19f19fXw8PDw8PDr6+vh4eEAAADt7e3j4+PHx8cJCQnR0dG4uLjGxsbx8fGZmZnFxcXw8PD////s7Oz4+PiwsLB/f3/j4+PU1NRQUFAjIyO+vr6Tk5Ozs7OEhIT27uCNAAAAQXRSTlMAnJkNJjgBA02WBVtwPgk8fUaTZo+NgEARm5lsIRtxEkJxZIpWTkAmFYh+aR4bCHBmU1BFmIF1Wjk0VC8nYUVADqSNg7IAAARNSURBVGje7ZrpctowFEYtGW8CZHC9GzBLIGwFwp60afv+T1UnaZHsYIuA1Gk7Pr8ykWdO7tV3hRlFKikpKSkpKflHUT+b1ZprW9Cw3Wh4r0p/hnjowhTOMJbEE1cN+A5ruJDEoo4seBb3s9CGL1YwD+tRoHmxh/ls68LMWg0WYYiKtzaExdhi9lm9NyCDvSYJAO0hExHbrD5mJJPebNZwYArnB38xSidreqy0Wq1K5WECaTz+zf5h0AE+VMYyxlj225UlLXYRb6/m0SP7MJeR+roByG/NaDP3YKM+JPTaWD39RXKL7vYT717jHXU6fpGpujT/GyREmLNYpvLb8VNloTa15nIXW/DEWk4Pmt+huiHzFofwxHecWaP3XxZY8XeU2X9KbHAXD6hWZ8VUqx3u4l1+cmWbrO24i+l2xmoqXF1I6PAW4zUkrFDqMB1Awpr3OKEjpBjRB8gKUhwRZ7E2puvaDk/mRUR7B2ONs1iVZ5DGfdRetSMH0vRlVeIMPsI0dq262hswzRFLvEHjCWSyGyPuYlU+sMU66TQ/8NxmeQdtJPFH858FFcwu2Sn2TkjBnEtm7PI3UjBfcLsw2B1SMGc0+ds2R0rexISAxr188YHMMHdU/HWQ553OsYiCyatseN5rf5E1SSCoPcsZYUGNJs1uTYkt891CKJr8xXnv3bVIokWB/KOR9Tpkg8WhorGeneCjjyTxqDgTsPBBbLCIWW71aPFBeLCor8QN4n0W7qXNX09DNZszgiXI3GN7OQ/Vm7nXYnhFmBtJn0V42QnrPQvpM9vcbgvxss0YaVLJf8F9ZIfGbyy3qiijX7+wbds6rYQ1RVE20Z7bTVAcgTR7pd4PQIZwuu6aShQCACM+kVM3MCup1ZvLtNloHPRmvWqBF7YjLuZ7B7xj5ek9QLAaD3rTuzs9yOVSZLEC7wmHnt44aXoPere+cclyUEO3N7oegjM4I0+fvv20fNXug1Tnb2/25wE4S2R6+i6p9kVrjiIDpBnc2uxFFZzHMRVPX75qlSRTWbYr7cZkPT1/OsdBryum12wmWpIpmhuvOGPF6zbP0fVMRVFMUxm64CyBG9+SrGotlzslYeMGIAfjTrvea4J8jFEijkA+9vV3q7EDCkhKNjsgC49h1qqgiI6pmH1QgIuvvbUNQQHBi7jZa+Sy1OMrC3ZBIf0k1/WmnkvTe7zyQwkU8/Q2UPUczGT5/qpk2WxxwqZaxBUHp7YCDNYv3ojkgM8wq4+Q4Q26ifcOMLA3HzQvXMDASsRmBBhAN1Y/VPAQsHA8coAUYH2s2Z8twGJymThwPnJyajXAZEfEhRg19IFkBYDJ9EXcB2zsy1+D4gFg06lfKA4uzpd2By4VP4EEbvlCJFmMo9pcB4DN9tKPKbyeWCGjiMmsmYiV7nIQsjpt175fKEb+vMJi7mP17b9PKkxaProw1AjLLDBSqUfZz5aUlJSUlJT8jfwELsFoy3REZVkAAAAASUVORK5CYII=); } .product-main-banner.plugin.nop-previous-next-product .main-banner-title:before { background-color: #a12942; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAhFBMVEUAAAD///8AAAAODg4EBAQAAAD6+voMDAz+/v7w8PD19fX////////k5OQQEBCpqanz8/O7u7usrKzv7+/r6+vW1tb////W1tb////////////////////////a2tqrq6uDg4PW1tb////////19fX///9OTk5ERERzc3P////09PT///8jHFWVAAAAK3RSTlMAZgoDEgZgHGRVWsBoUBgESUE7Mysjt07YzZT3xo9ALy0T+m9AoygUDIRYyXqbsAAAAi1JREFUaN7t2F2PmkAUxvGeOTMwoqggLFa3rm7dt/L9v18vtslUHuBMnWQvmvO7//MECITwTSmllFJKKaWUUkqp/9uluS6yjLJscW0u/xR58hDF2jQL+tui2aRHss0uo6Fst0mMZG1BY4o2KZLtaMouIRJttjRtu0mP5F35IPGRiK80a3VlOcJljri/kt19keDiSeIvcoRCNIoXJFtwaoQaitEkRogLQof9B90qeD56WVIA0ZiW0I/n/oUG2vlo2YdliMbwdmT3+HwYeTrmo8ewDNGYdx+3S/4dInE5RKgVdoP2JkKrsAwR4pOwG5wYImE5RMiVsNuP71LpBhEuf+8fMBrnCuF8g8JBJCyHCJlM2A0yA5GwHCJkPFFwOB4nd8mHYQqEZR83/NDvV181nN1ky37/84sudUE3ZpYLEyJhFyJkSopdLk2IhF2IkDtR7PLJhUjYhQi5J4pdfnIhEnYhQvzmI5f9G2OEL0yMhJssLpcGImE3RPK1Dk/VB1602WiwCxFgWxB6hC+QwjJE8qdPiJCpKUZt0iLENupL1XJihMzZk8SfTWqE2FYkqSwnR8jZjuZ11t0XCcy6pDnl2twXSXj+IN3a8GjUyZG8XNGUKhwCIi9F8rI9T/xHOVvD09EvIZI5m1cZDWVVbl1qJJ90Xg/+ldW5NZwYydgZm7/W3Z9fil39mlvjWKhGI6FBbIxd55/W1hhOjeIxO/PJMd8XKaWUUkoppZRSSt34DSaeMOdROQhoAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-ajax-filters-pro .main-banner-title:before { background-color: #f9f9f9; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAAMFBMVEUAAACHu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu09pcaHsAAAAD3RSTlMAJPPY7KxcBaGAPb8fS2N/xomZAAABCUlEQVRYw2IYBaNgFIyCUTDcwGv//59cF5Cnl/M/CPwlTzMzWPNv8jQzgTV/IU8z/38wIKCKp+U/FmAF1cxlD3ZADw7NIv8JaAbrPoBdczwxmv8HYNesT5RmB0o0K5DkbG4w9RnubFICzK0MTP3khQaYAHbNjEHYNP8WB+vSOQHmfQokMZXcB+maQGau4gDZX0CmZnaguxXJztBC//9fIFsz7/9/DOSDywkMo2AUQHOkGSgpT/6PB6hiz88i0JxX/R8vcMRdCv1hYMjHr/kr7vLvGwNDP37NnyjSTJGzqR9gjCHERJWHAMMoALRPBwQAABAMwMpLrAA5+NZhuXy+87mmfcZnnwHgowXd94IvMR58KgAAAABJRU5ErkJggg==); } .product-main-banner.plugin.nop-ajax-filters .main-banner-title:before { background-color: #98d15c; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAe1BMVEUAAAD///8AAAAAAAAJCQkqKioAAAAFBQUAAAD9/f3+/v77+/tkZGTz8/P19fUAAADS0tIFBQXj4+P4+Pj8/PzW1tbT09MAAAAICAjDw8Pv7+/t7e3l5eW4uLivr6/39/empqaampq1tbXw8PDn5+dra2sjIyPOzs6MjIxri4NQAAAAKXRSTlMAsxI1BQEKDxWssak+oX4vHR2KqJyKTicidGOcfD02imVZWEgxLiwhHzkmQyIAAAGvSURBVGje7dbrTsJAEAXgTp29dHvBQhEEAVG8vP8TypLqrv7qFLISPd+/SbM5abKbORkAAAAAAFwF9bwrHRG5WXNQWTpqRV9cymTdUbDjLBlTUFCaLJmcIu6sYHXbFDRQd8gplh+6MBTNrRLlljRYvbEUs9uaIqUkmRu6WDA1LLimxQWDCy24psJgR4ELwfJrbqaS4K1dx6Pd+jGYCoJ1NaPBZpv8iYL7fFN/+1xpweWy1XxwtJu+L0NU8WJWLoqdV5YFz4ntYnIz0KTV+T78sNXtJPq4sCx6yKxNPpDRrNt5n7teHicTfxTkyinzWpNXVrnKUmJb+Rfo9paztLjdO6LHVqssLaXbff24TJkbkhf+f9NT7C8wAFyJvty67rl/mLzqSEzeb9VbSb2VOuXuSC7ut/Jy6/whdUdnaXhEub07HuIHkhrXb82PYH1usJGXW/fig59Ialy/1VUZqhv7JT8lIWm/DeXWR7u13+ynRnVfOxqn9P1WWm4n/WZns/SzVOi30nJrPo/4eSSDegD/G/Yx9jH2MfYx9jHA78M+xj7GPsY+xj4GAAAAAIA/5wP2oyo0/A9skQAAAABJRU5ErkJggg==); } .product-main-banner.plugin.nop-sales-campaigns .main-banner-title:before { background-color: #e63434; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-campaigns.png); } .product-main-banner.plugin.nop-attachments .main-banner-title:before { background-color: #694a87; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAh1BMVEUAAAD///8BAQEBAQEJCQkKCgoJCQkAAAD9/f36+vr19fX////29vZUVFSlpaX09PQLCwsDAwMLCwsSEhL39/fJyck6OjoAAADu7u7T09OLi4vd3d2RkZHr6+v6+vry8vLAwMBoaGi8vLwAAADm5ubi4uLs7Oyurq7n5+fm5uZycnLo6OiysrLcz3LdAAAALXRSTlMAgA0mAQIKBn16dn9eLghwHxoXE2NXJxBvWz4hBlp3UE80Ew5sZ0FJNysiSTTc3Iv4AAADO0lEQVRo3u3Y23LiMAwGYOy1ZZyUnCAhhHKmQA/v/3wr54CYZWe2tFH2ov6nF5nS6ZeosSx35OPj4+Pj4+Pj81+jxSN5inqDQTyU2b4vWIrHEu9Vf/Cvz0aEQqyXqjc4k59LJpxsUe4Jlg/87Bi/XtXgcCOHFzU03MripIeGO3mjh4VJfoqGhUmeRcPCJGMrGQ4mORQiIJkfJpma2LCwCKmVDAOTbFG+qEFhksOTHnQ52SYBXpu+YPW6icc23vzlxYHkbp8UAvqB1TK+jjnPd2MS3O+TQvYC65NrDST/I7IvWG9q8ZjnR5IHgNXFcXGVpGlSBSRzw2rv6lwWmQSQWVGSzAzrd1fmYm4U3oSZFzHJvLBByRaHdmGSzA4DVnoxx07UyROSWWGJ8BZoSZPMDZdCvJjr0rrMTlOSOWHYChEuVfeK4werVo54YfNmaXNXMnAkyYywPpzF9YSiYHIrP7N2LpMt3J6HcvNSl26YnDY3EHHCClKU24HGtRDXscs3kvk2CUjzG/lQvLjeTTIDTPJWXEcpfUicHJDMAZMcXs+DWiau9utGnkUsMMnnWtat7GpvP0jmgnHk+jh3J1GqfSdzwNSw8srJ7/qmApaqzQTL8Z2cbevuSTIPjIqTbXf6RjnFdzvck8wBY/eq5cVuTbKs8Ppi5juS2d5qlJ2yem5uxhXemGnzPc0Co5w18iTonll/4NXWqFY+aRbYyfW7tZrETo7wdIFc+GZGTl4LYfccMEZd5VIgM0O/HcZQrupH5oHx92eVdTJuT21eUlDNJ3gzpWGCu5qinIeODfNE6na5YfO2wACTHDg52eXHY75L0W0COd6HZIBJbkefNEnSOdC0vRJizQjTVA0ARtMhHdb4BwcWmOSivN3/6Xx1ZoTb0ef4R49UryFWOjMsMMU0ow/Jajl2D3zQPDBFt/K+c61b0vjAvDANXUE9dkan5uAOihsmWcSb08oKzLHAQnPDNGp3CRcJHtyZYZK349YtK2phfDDJ2SQvrS0XVTIFdLlhks08xX8mJukUjBrxwxSlDUgJxA4FUzzsYQ97+MfDX4+HHwgkv76VBL4Ia5DfCuiRj4+Pj4+Pj4/Pj8xvWwo5cjAMv8IAAAAASUVORK5CYII=); } .product-main-banner.plugin.nop-html-widgets .main-banner-title:before { background-color: #3f7555; background-image: url(data:image/png;base64,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); } .product-main-banner.plugin.nop-product-ribbons .main-banner-title:before { background-color: #ff6678; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAilBMVEUAAAD///8AAAAYGBgqKioAAAABAQEAAAADAwMAAAAEBAQGBgYAAAD9/f38/PwxMTHy8vLp6en5+fnu7u7X19e5ubn39/ff399YWFjb29v19fXg4OCkpKRnZ2f6+vqRkZGJiYlycnLNzc3Kysrz8/Px8fGlpaXn5+f39/f09PTq6urOzs64uLg1NTWCnJK7AAAALnRSTlMAmRABBA0VBysKIxwRlpMwi4SSh3Jdj3Q7GY18VCx+NUpCamBbS0U4dm1AJRYeFydFBgAAAmJJREFUaN7t2NeSmzAUBmAtRyWimWaMKcZl1y3e93+92CHeDZGdsQGJTPb8VwxcfKNfbQbyr4a+dAvtC8uOsOwLWx1hC2GEEUYYYYQRRhhhhBF+BPaikeAiGQkul+PAvuPko8CJ665HgbdS1GPAqUMpD0aA1xYA24wA14IQUZmHA04JoTw0Dm8YEAJsahyuBDlHVJ5hOOSUnAO8MARHURoEcRiWDMglchuGcRCkUaQNDrPJt4/YXDSfKbc/306yQseI89q1LNZECmg+A5WsiWW5daynau8I5C+Bna9tjg+U3A191bm4FnO4M9z5Qu+q9ndwp2bt+/iV3q5ZO6zWDae9mZPL/w7t6U1NHZl/wCdTZ3XO27AbG4IT1obZxhC8laQVUZuB/XdKWqE8NQLPXGgqfvu1pcFKjMBT+XFGLpr1LbdG4Er8HK53efbeLjJ99wzAMYfzcPe/n2PgFgbgDQM4+s3zddByagCuxenQfrOfi0o/nPNdpGywI4+1w7PZy40cki/x8wXhgeGok+v3htmsEzxjfWFZ5R3ctJJ9YepmwdNunHHaFwbKJ8WTbjLhAkh/2bWnz7BeabsUyAChzFlGD7vBymGUDBOQThY+upyVmnvJgtvrh2qeKjX3lKlll76hmtW6YzM1q3VPElM1q3V7d910qdQ8ZN2r4I4bTriEAS217tlNd20PPr3qMabW7Zc2ozrd5hhb5cqd4GipWa27ePBO0Fv31Lb01azeGte6/WYXGQrIa93pSvf0qrdGGfpRkumfXrVu+/zf2jXqfv6plhQIBoPBYDAYDAaDwWD+v/wA9RYrgO32gIIAAAAASUVORK5CYII=); background-position: center -1px; } .product-main-banner.plugin.nop-customer-reminders .main-banner-title:before { background-color: #fb594e; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAt1BMVEUAAAD///8AAAAHBwcAAAAAAABFRUX29vYAAAAAAAAAAAADAwP+/v4AAAAAAAD8/Pz6+voGBgb+/v74+PgICAgHBwfv7+++vr7r6+vU1NSrq6v5+fnX19fx8fFJSUn5+fn29vZzc3NkZGTh4eHe3t7o6OglJSXz8/Po6OiwsLDy8vKPj48AAADh4eGMjIzU1NTw8PDy8vLLy8ugoKCLi4vm5ubl5eVNTU3k5OTGxsbDw8OXl5fS0tJNIXjRAAAAPXRSTlMAmRABLgwDjAcKDgSXHRWTjxmVdCUih2M6Ggd+c042hG1FO315SC2Lgl1XTiofFBBqY21VIC8mJGJQOTRidr/VWAAAA2lJREFUaN7tl+lWozAYhr8QCUnYKZTutZut1tZtHMdx7v+6JiAY1I4stfyYk+dXenJ6nrwheQ+AQqFQKBQKhUKhUCgAcH/c8YLA64z7GFpDaM/RG+ftqcnYQgWsMYFWGORxZegBtAC5RZ+4bSEzWaEDnH63cT84JA5OfsLMu/xIjbaz2aWRm+9MOC377EAbs9B3fHuyztexh1Min3D3SX+86jHnEmWsCJSBHzseaoDXw0Bv365QMurTl7eDTUu9PdSM9QsBNkVFftDf+XDKoAQ6bCju/iCgu6jAQqO/8rGrQwnMPULMUQFjwgqXi0MJ+qKxGAMvrNqdO/up/FUqZtFls8zrJHFXdsbW2Q8Ls6ViotuTZROx8ZuA/vZPa+sLr2SpQ6mZOtFDgwvlPpvAnnPvQ+qVPDMoBZu6fzGqb/5FgT5lzXVvM+pfn52ddbOFPNHSwHc3GFMt2q7rijd7TLRswX90YjKuaX4mHmkESqCG28NAmH9xb9WsLvGQ2TxIx0Ynw0UJwZxBGboh+u4GktCzbs29NsF0YnSA2DEriZGXhY6D6lrr3qeAqX3gdIxsiquJX0Ob3J5vKvfHzNZJchujT5dxGYmZiuI8tBNWq5MgvvAZAQHhUfz+LTOOOIHKYsFtGrpSnWzmNjcxDK56JGmgWaF2F+lO1BIj7xEndRKW1Yl7GTqUAP45Ffs0SPdpHi+MIDAW8Tx0GIGKYsndQIQWHfplnSwntp7GTRe7SvaJOXZ4LQhth4mp+mJkiNBf14n3kMfNF7vDgAllOuc6o0Roa4pl6K/qZDTxX+PK6el4NwBJUzGa/sT/rJP1NtKomN4NUZHhVQ83F0uustCx9bEy0jskv9IkLj1WLEObWlYnsjJk3E/ox4gllgj9oU6sOI97sFb5kWIZeodf62TxrjJwf4gOoh0tLn5f53WSVkYadxWgU4klwx3O6mQxyeJ2EGpBjIIkNKaOHTk0Ga1cdHqxDA2E0iTujYjbmhgFK5J/YrmoDbGk08cg4p4j1LIYuSuMex5qUSxDi7itiiVKrMRKrMRKrMRKXB2L1xd3v0PsNRCPvkO8qS+mL98hjhnUxXTi473dJwp1wczeLj2rudTyNnHICdSGMD+6PjuC69DmJjQAm0znWmM4Z5SAQqFQKBQKhUKhUPwv/AXR2UvqNqz2rwAAAABJRU5ErkJggg==); } .product-main-banner.plugin.nop-quick-view .main-banner-title:before { background-color: #40c9b7; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAt1BMVEUAAAD///8AAAAAAAAAAAADAwMAAADY2Njj4+MFBQW6urrx8fESEhIAAAABAQH+/v4BAQH4+PgFBQUHBwf29vYDAwP////q6uq6urrz8/OcnJz8/PwoKCjm5ubt7e3l5eXU1NTz8/P29vbKyspgYGDe3t7z8/P09PTf39/09PSXl5fV1dX4+Pjc3NysrKzHx8fq6urp6em4uLh3d3cyMjKmpqbd3d3X19dMTExsbGyysrKUlJTFxcXRTUcqAAAAPXRSTlMAmRAKLgQkeW8BPjYCDQeXE48fGogpmINiWgmTKXhEgHKEdGo/e3BpaGBSQHoOWFFQLRw1Mi0oYScZRkI93mXVrQAAA8FJREFUaN7t2dmO0zAUBuBTGxdMbWdtmjRtmtCNrtCZYVjf/7k4JhERQkixYhch8t/UmptvXDfHJzYMGTJkyJAhQ4YM+VvhD1mVj3rHC3YTbuKKLBnZykEYuPuRxZw6z5mfRjazY11hdrYKB7QrTD2rcCK7wnJkN6QrTAb4/4O92UuTbGe5FThIn6Zjo0xfXPP+8PYp9CU1ivTDY294tvCVAMMIGs16wskjYcAn57xzgdzdOACX657wLGK4SZqVyPcCQL3rCb+SnN9Mi/MzB/WlL0yB7UaG2TNgr/vDNDDfCK3A0niX9KQVmIyM4w4OVmVZbuM/Vmc3cJxupnVp3KTV/eDgONU1tCmN02N8J7h8iohiHHS4UDKaru8BJ+nYV1q9PN+eL9pWJLx67uE0lAzV93G92NmFg6DhNXENlyEVIIp2x8ixLnMarR3DwUIKmO9/Md7MUQ4rt/DVZz/fq9JNmtQy/o18dQrHkcLvudkux9F4Ww/x22bRzCWcEg7zZsdYEkbeNpX5gXN5dQk/4oTfjxqYAtWwTsZAffLcwYGPQPU7rHdB4Vfu4BXh8FkPdJf9jmJ3g58rPdMPHOQrdzAO+Qe91LhDhL4C5oe4T+jF/SaAfnQHv236ikdCKVUCOMNP8kkfNjBQDmEcMj3jdwzaMH1s8dotvERYr3GyOxwOBc54gp/7H2uMsMM1DihwPx7V2Slgh2ac+7jGlcPn+IGDXLfTV2+bcal/7p5DGGuj+pT/9hx7jxTEyWmtViD8tKnVCC/r4VoXljcuYX1Gp8JmayguJ6/+F0LK+bPbbTGeg5CLWm5fY4kA9tYljMnQIOO0/SF56wVhACpauYQxBcoy3Kzj+gFbb0LtgiCLlVvYKzgIhe305ng8brDBpgJ0GMouYUw2B86U9KMo8mXTYDeySxgT3xDjgjEm9OCWzVvZJYw5FxeocynO2O21slsYk1T7LMv2cd1ntnLgGm7zi+xv7wq3spzdE25lfrK9xt1kPvHuDmOC/dn+c2wQq7D5cZMl2PyAzQ4sl6bwUlqB6RdT+CvtD+tmOiqN2CT1GbC+x8YV1ScNx1XgdVPzuNxElGPv2xPGt2590I/3Gx1TNwf8Ie8FN5ewnFFJukXWzcH83P8WZodzNoy4xTbunZJzVhST7imy+J+/4htgZ7Bn1fU6w7KyCgedYfrOKlzKrrCKlhZdfWDQMUIuysSWmx991hWu30RngdcbjbfpU6S4ycWzH+KG1DvTcUTQNQhnikrSN1Lqo8chQ4YMGTJkyJD/Pt8BKXldVylOnPIAAAAASUVORK5CYII=); } .product-main-banner.plugin.nop-anywhere-sliders .main-banner-title:before { background-color: #ffc655; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAARVBMVEUAAAD///////8AAAAAAAAAAAAAAAD///8AAABdXV0AAABoaGgEBASpqamEhISZmZnw8PD6+vrk5OTu7u7Y2Njm5uaqqqrmPFGFAAAAF3RSTlMAppkQATAFsxcZDEQeXExVn5dBPol+LtS3pj0AAAD3SURBVGje7dTNToUwEIZhsGWKw4Bwfrz/SxVLIoknNa1p9SzeZ/VlNu9uOgAAAAAAcslLbZIX1uphzQu76mH35GGdT2+PlkfTDwrCMtqX8bfcYbSCsJdSPu01Kyx9ZZIZ1tphzQy72mFHmDBhwoQJEyZMmDBhwoQJEyZMmDBhwiVhtWEw/ftwJ+qcyj+ED4S/UxuqMs0Mi7qqVDoU89et364+Mdvxl/Dp4hOzGdnCbbqFTeLcxXlem9E+TLaEXvcZDhqvi01xtuLWcH+/h9XFuYvzvDajc6zNmpjNiM1rWGeTxGzGq8UX6BOzHS/qVHxiAgAA4Ol8AOeKK53IqP3QAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-carousel .main-banner-title:before { background-color: #20af6d; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAP1BMVEUAAAD///8AAAAAAACdnZ0AAAAAAABwcHDs7Ozz8/P7+/vMzMwAAABXV1f39/ekpKRvb2/a2toAAADk5OSHh4dgr4LcAAAAFXRSTlMAmQMPLC4WRiGNihcTNndTK0QifTXm3yyGAAABMElEQVRo3u3Y0Y6CMBCFYTp1gbZKhfX9n3U3Jo4XTZxkeogYz/8A8yVAGcLAGGOMMcYYY4wxxr6rOYfO8uxxRd0OWRxwDIDix8G5Ts5q7oLrNjrbahd8i+Is3rrgkwzO5ESY8FHgshQkrDNNN4dcgLDOtN0QcgHCOtN0/1sECMsSwkM23HSFwteksuFezlD4fFHZdnFwIxsuDG5kw4XBjWy4MNiQZQn3JnVR8EOegp7UZ89nPpWd3tUl6UnVmmsBhds7acgg2HAbGQYbbiPD4MY1ZBhsuyrjt5PhqozfTuq+lHfZTq3byr/o7aQzDXnEbiedaSWyw3YSOfB3NeFvg1c/vHbBeZ2drfkz/3O9BU79bnLBNXW71QPLuP10to0yeOTYnQyMMcYYY4wxxhg7Yn9Fehhr5odg1QAAAABJRU5ErkJggg==); } .product-main-banner.plugin.nop-mega-menu .main-banner-title:before { background-color: #c3ca3e; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAAMFBMVEUAAAD///8AAAAAAAD19fVOTk4gICDb29u7u7sSEhIAAAC8vLz19fX4+PjT09Pg4OCmHkenAAAAEHRSTlMAmQ8uXwYlVmUyEz16kSoWazy2RQAAANdJREFUWMNjGAWjYBSMglEwCkbBKBjEgN9REA7Ok6o5RhABZAJI1PxQEAk8IFHzRmTNW0nTyzqqmWCqKHFBBgeRNR9xQQEfcEcsYSCH4c6DBHTgS3FMgiQAhVHNA6xZYrIxFMwQFOw0hgHLRpAMXAqHZrFFSlCwTFAwSwkGtBJBMnApHJrF4SknXFCwFJH4CkEycKlBF2BDVPNoPI8MzaPxPAI0XyReryyG5kLiNYuja2bNINpq2TaMtqiaMdEgCbPxpEQ0CGAYBaNgFIyCUTAKRsEoGEQAAIY7whrKAjaTAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-smart-seo .main-banner-title:before { background-color: #4197ca; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-smartseo.png); } .product-main-banner.plugin.nop-cloud-zoom .main-banner-title:before { background-color: #41b4c9; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAn1BMVEUAAAD///8AAAAAAAAAAAAwMDAMDAwAAAAAAADn5+cAAAAFBQX7+/sGBgYAAAD4+Pjx8fEAAAAFBQX+/v7n5+fp6em/v7+ZmZns7OwFBQX4+PjT09Orq6vZ2dnGxsb29vb5+fnx8fHd3d22trbCwsJOTk7T09P9/f2Xl5fMzMza2trw8PDV1dV4eHgqKipZWVloaGh8fHz09PTIyMicnJwFO7foAAAANXRSTlMAmRAuBAECCQsWDSWSHweMhRoVl3iCY1FJDHN0XSELiH1oOVZHOC6TI29uXFxFMCsWEFFQNsJfOvsAAALhSURBVGje7dbZctowFIDhE+Vowbu8gdkhZQmEpCR5/2frwbUxSZkOA5HT6ei/CDY3X44lBGCz2Ww2m81ms/3/4d0t4fWwuglW18PsJphZ2MIWtvC/BEeDfDgc5qnXKhzmC9f1tfZ99343SNqCveGzHztSBkEgFdPuYtAOnC58JpHD7zjK2O16LcADN5YCqPFo1OElrfRiYhomlyEHPtqWVNLvjYkO4kVoGM5cR9Cws5MV7wngGO9WRmHvhREz+jjebHyQH4zCDzGS61VPfZjdlfXpTelnBuHQlxzG1byPrv9cXW4FCKdrEM6ZAJzV0zMZp9X1kgPqyBz8IulB1zc/AihqeIrAndwYHMUIuD3CCCqtb0Yc5LsxeONwkJOz8BMCxokp+EkC/Cz3VZdaIw1Jr+XeTgPgbGIKfpPA1+XppbWOlQBksdb+s0erIAGczBRM20m8l5s7QETBgSMl44jgAqAwBr8FgIeJoz2cxJe0tplDcGRsjWnicgeFfWrJQbzS6/TwzkYBOKEpOJXA2fF5zhGC9HiWlvvOFOwVAOrh5OMkazh5oYcxNwA3J2Pge2c+x5vyLDUHzxAEq0d+Izirvy0lwH5lDk7WNLKuxoz2h/1c1mUIondnBG5GLtxK9qbVvzPUAYe9Zw6m5hyQuY8ftlxXSw68eDIKex2SHX+XHZ/+4+LgAkidm4OpCclCxu4uH2RZNqDf9izgQAnl53/C45M7vAGmwhEHjkXsu4d09dv+vMz46aGiboGppCeA6EAWhZJI1zBu5L/B7DaYms4FNI1fVz1xViaYfSVMha9LDhTvzGcruj8vE/XVMJWE0+nEq+8aOTIKN32W2aZVuJFl2ibcyHz+aY1X5mGSyU0+wo5nHKam2z79bRNusrATWtjCpuDJd8GRhS9MuffX56rrYVTs+hR+gk3EO2dbG4fxkhU3UfFdMLOwhS38VSn3gpPbRKguOLltNpvNZrPZbLZW+gVlyzvG+Y+TaQAAAABJRU5ErkJggg==); } .product-main-banner.plugin.nop-quick-tabs .main-banner-title:before { background-color: #ffa255; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAWlBMVEUAAAD///////8AAAAAAAAAAAAUFBQAAAD5+fn8/PxVVVX6+vr29vYAAAAwMDDz8/MjIyOmpqb////5+fkfHx/m5uaWlpb+/v7y8vLW1tbu7u77+/vS0tLb29ukXGB4AAAAHnRSTlMAmU0QAi4TDZOHPn1qLDZWBzZINR8LTpZ1HolGdG913/YoAAABR0lEQVRo3u3Vy3KDMAyFYQm7sU1I43Anl/d/zabLTMyMLdRp6Zxvq8W/MQcCAAAAAACAHVrmiV/4ZqGnoWurF2030NpB0p34jX+Wh7Z6cxu+u7f3Q1tejkdOmC11VUJHtHYotXDK5KitElqitUMhe+GkA1VJRCsHhBFG+BfDgVPOpW5LWffMas62oNuxok7wh1BxjJTLTaxocvlhVpUfNqzKIIzwXwt7AYXwtT4J1NfN4bE3rpjpx83hSySBeNkcngcSGObNYZ6CwLTrzwlhhFNUJvNTQGUyD6bYQWUyLRWzGpMp22qFyfRHAb/jV40wwj8WDmMtMAaNyRTQmExnBdz2yWxkk9lsDnNoBMKOXzXC/zTsWZHPD7sHK3o4yhX7wGpCHymXNfXdswp/r42lbNH0pw8Vp95EKmCjMypctAQAAAAAAABSX1WfNHphl9TGAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-ajax-cart .main-banner-title:before { background-color: #a58abf; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAnFBMVEUAAAD///8AAAAWFhYBAQHz8/MAAAACAgLq6uqpqan19fUDAwMQEBAICAj+/v4AAAD6+vr9/f3V1dXy8vIGBgYAAAD39/empqYICAihoaH39/e5ubmLi4t1dXXLy8vo6Ojj4+Pf39/Ozs7AwMDq6urh4eFUVFT4+PjY2Njp6enp6em7u7tAQEBbW1u/v7/q6urx8fHs7Oypqanl5eW9uKApAAAANHRSTlMAmQwBBksoHIZcXwQKGJcQkZNwhR4TilMiRnVkPzIOgHx1ZVY9NyKNKh1TOTI7KGdbSh5eRmUaigAAAn1JREFUaN7t2dl22jAQBuCxRo1JJHnFSxzCEiAJCWma9v3fraQdupjQ446EuNF3O+f4PzNg5MEQBEEQBEEQBEEQnAuuuizay+urKfiBX6K/dQp8wMeoJ9Hgg3rtBz8I8EHn/YYbL8G4orzZzQ+XzdZI8EB2FHzdjt/FJpUIp4dfKTcbC/kTInignii4SBF8kvV+0hoY7G/izEjwSb0yJu30Jp54nvSacmujgGG6+sTzVlLwnUDOb08e2Zpo5rj4+JOWXcRnM2mR2AffamAEZ9a5pVGc4IXvSRN9az9pCQzK2LY8qhQwoJhYBi8FAq/luVVuQpP23vKsQuCRZuZ90tTytc2k7yVwSTPiB89p0t5bXgrgk6b0PmlqufE9aSJjbsu0KHlvOadJW7Rcs4IXto+1mC5ZwfYLhIwXnEnbLxAo2qYYDZU7XCBQmPZioG3iclVDqcVAyzOtarI8z6qGn1nfaXvqG+U+GOVs+3u6GiCj4DtXk1Yde1Wz/+z4qxofPrMWCHvqPuGsavYwvfuf3KJS4IgeF4N7TopWIziCYvzSXA7SvIwFgjOoKxMPYiqN4BCiHAgRTmC62SAcgZv1enqSVHzs3p8trj68Oq7qaKfboPvct4SOgA0ef+OSP6LzfpOIPEwP+432Miq6PeTJE/aLda/o+q9+Usojp0iv6PygSHrriVpHv2UCXFJ/BueiN+lnxmstzgk1E/8oLtwGYzo/vnNjuugtLw7p2+xXw7E8XixcP1KrapJR7lbgQfGlptyWis6gNNubMs/mTZuqw2J1cTkvR8WEct0mp+OLnVioj4oi3m1YrXGeS1ffkXh8w9IKIQiCIAiCIAgCv74D+LAwT934ajQAAAAASUVORK5CYII=); } .product-main-banner.plugin.nop-instant-search .main-banner-title:before { background-color: #427dcb; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAz1BMVEUAAAD///8QEBAAAAABAQEAAAAHBwf5+fn8/Pz39/cAAAAAAAANDQ3i4uK3t7fx8fEAAAADAwMAAAABAQH+/v4JCQn19fWxsbH39/dbW1v8/Pzd3d3k5OT5+fkAAAD9/f3y8vLS0tKBgYFFRUUICAiWlpbr6+vz8/POzs4CAgLCwsLy8vLu7u69vb0mJiZVVVXu7u7Nzc3Dw8Pw8PC0tLSjo6P09PTExMTX19d3d3elpaXo6OjX19eVlZWenp7h4eGqqqpPT0/w8PDX19dubm4TfVcWAAAARXRSTlMAmQEHDQsFk4ZqHSYDf2RBLBQRCZgZjgx6OY92JoEjlYxzSDMgBoNwWSkiZU8/MiuIa2deWFZUSTs3MjEUUydcQw5HRyJXEAkvAAADXUlEQVRo3u2X61biMBCA07QNAnHdpBeghSJXRZSboiLiquv7P9NiEu0uQhPPoeyf+X5CTj5mJkwmCAAAAAAAAAAAAAAAAPiP4PplsRE1m1GjeFvvoQOBH28j6y+i6zpGuaK0Q9/a5OwidzV+bVpbaN7mnPDKmbWD6mOOQePHxqfIn8StVtxP4z/KMd2VD68fr0aDcpKUB6N268Md5WbuVZUiriUBd9w1Dg+SztRXMVdQLtBrS1BYJcwlVGWfuCxph+pwU5QDuG4JTmuBQzBKoW7Q6VuC31imZnlihlEDILLAYY3ZG8uxzToTWeaKKokpl1Qf8L08Vm1G8JfvCK8V1EYiNcaEtlZsy4BngYh3E8JuZMgvCNEHc3HkaAO+kL+w6+KtX3slWeZ7jOibbyzua8Xkl1h4zncUBTtzsWBIEOU3pwUz+gtXJ/aqosJjb2cpAlHlyFtHH5R/mpFwohM7vsgMoztrwWMR8hNG2HYMcQnWlfhJ7Dp1di905fG6omif0Cux652XceyfZQ8hexUTKb6yM5Y8yONn71d8J8UZ4dCnXMQq1VniNOL1VFY041JdaPo8apNyt17SO7L0mF1o9E0uyzpcssU8ENHlTPE1HQTzUFzFLxktZiI2CqiotrHY0TWQWLViTTPvc4woC43FxzqxK/+lVbKzxEN5Cpz3vr1oHZsxHbu60xVEmSHjC182c/t9Me+WjUhK2maN+TRzoCNy6ohFM8fEc82wKdLhjZvq/GcNggsXoz1D2cwSDLeY6aUlaDGC9g1+ObYkxS/Z7ql4w/H+A0aVavpYWeJ/596GpQZBTvPyKqpCrbRFS3ETvPfp28aRGcOeuTclKr4u6/XlyTBtyz9KHlZTsPlQrffq8Ocll4qh0Jgzew/e07bwIvvcXBy73/GGs8KWcGejwBNltxcFU6//7H3HWyt3Zht3QGFa63I1L1Jeu/lhxoIR/Ws89TKHdwft1sT/+KQ1H3WZRz8fcDwomcFsbPIqVk9URjD1eNAdjNqr+XzVHg2SgHs03QJTYptBcXaPjja88hJwOAvWMO6IN3oOOM0NbxrZGopRXjjxhvdQuONQeTsH9SLCa8I8ObAXYcI6cSFsHdSrzLw7GHT5gb3qz+N4FAEAAAAAAAAAAAAAAOTCH6CYU7wdBcLzAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-categories-header-menu .main-banner-title:before { background-color: #445e97; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAh1BMVEUAAAD///////8AAAAAAAAAAAD////IyMgAAAD7+/vj4+O4uLjn5+cAAAD39/f9/f3x8fH29vbv7+/x8fEDAwP39/f5+fl+fn4BAQEAAAD39/fZ2dnExMQAAADv7+/c3NwCAgLj4+PV1dWwsLDY2NiWlpbLy8v////19fXPz89GRkaFhYX29vbjOdhdAAAALXRSTlMAmTMQLg2tPQeSC2SfHZuajo2XNgt2qFUhAoM4ZxhjQieKcV5VShusmoU4MpMYUKIMAAABmElEQVRo3u3S2U7DMBRFUaeuG4cOabALGZqp8/T/34eEwo2lOiqWMAXprEfrJvvlMAAAAAAAAAAAAE9UHtxL1MhORYGTOFfMrg5slsVAuLjFgSN7Web2cDgQDl+dw7lkFiL2Ho61NRx4CxPBLHg3pvW0s26NsNqtSKUobN5PN+bc2v79TI98OJxc0nknbc4UVtVxQo65ovDSuE8vfXnTGP/ZfiO8LrXsaL6ncHGaGI41hY17qcsNha9cEpFGj8M7zYi89uHFxFSrz3B3T4QRzhjJ+O1xeCWND3YUDluzuwgpXEnW0zmF64z1DsHjcFwdXr7UEYWLfftGZtuwH5dxf6gCEtUvpMgfhC1oXOH+nexDGpcj9/BIFSEp1Oh3wvd+Npx4DyfWsFh7D08Fs5Dz7TL2GI6X27lkFpkum/G9ZjbkPHbTlDpj1rIUgt8pTwu7U1tyF0LIjDngw1MRzCcePyscDYUjv2GBMMIdhBF2JhKEESa+w+RpYc4MCP/jcP6ksE7HA1LNfMq04HY6YwAAAAAAAAAA8Cd9AKLILYWY0gEwAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-salesforce .main-banner-title:before { background-color: #fff; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-salesforce.png); } .product-main-banner.plugin.nop-knowledgebase .main-banner-title:before { background-color: #fb5c24; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAAAD///8AAAAAAADk5OTh4eGtra0ZGRkAAAAICAgAAAAwMDD4+PhWVlbS0tLv7+/9/f0JCQmsrKyVlZXn5+fz8/Pm5ubR0dG+vr7o6OjT09P8/Pz39/fz8/Pl5eWxsbEAAAD19fX29va+vr6GhoYAAADv7+////9/HzlSAAAAJ3RSTlMAmRAuC6GwAgEbDAeOQWqH+zAdFJ+cd7JeSzXw595qVhbHsqs/KIEFszNhAAABTUlEQVRo3u3Z626DIBjGcQ/rEMSzVdu1dmvXcf93uA8zsc4PVMMh0ud/A78Q8gIJHkIIIYQQQsjtyIH7kq5EoTe6vqy9uMbq4ZhL4VqIL/Uy86XthA45eA4W58oGPMoWYHEqLcCDHNmBxccxMg2Psml4lO3AIj9EpuFRNgfnEzklxuCTmNQTQ3Dd5lO5ISrhpAj/l2R/12Lbnqf0D1EI02AWbfxBvr0/dktjhfBxtoqo5P4g1/XuoXrPVMBrsgYHgLcIZ9NBnlckmRb4QgNJ9KIF7qs3SWXj1h4Ddh9Oi1A2x1wL/P0pneNUCyy93KMqc2uPAbsPp8mrzXFfRZI5LjHHgAE/BzdJKEnXg97WAdLIDxDu1h4DBgx4uzBf4XIFMOtWwB1T8KlJu6VrzjoaK/jGZfQeLutOGfEUyDELFsVYTDyEEEIIIYQQQtvtFznrLzaCnRXRAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-help-desk .main-banner-title:before { background-color: #4e162f; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAsVBMVEUAAAD///8AAAAAAAAAAAAODg4PDw////8DAwMAAABSUlIzMzP19fX7+/sBAQHm5ubk5OQFBQUEBATt7e29vb0EBATx8fG0tLSPj4/c3NxWVlYDAwP09PQAAADh4eECAgJra2vc3NxISEj4+PgBAQGnp6ePj48GBgYAAADg4OCcnJzr6+sAAADDw8O5ubmysrLU1NRubm7MzMyTk5PFxcXS0tJVVVUCAgJTU1NmZmZfX18J4I/aAAAAO3RSTlMAgAECJgUIfxMbTEV0fhB4dzgzemsucEYsWy8qexlTA1RMS3wXZF1AH25hWCgoHmhGVjcUZWs3Kx5aQvCJk38AAALISURBVGje7dbdcqIwGIDhJpAfLCBCrXWrUgsi1OraXfuze/8XtsZh+22XAg7ma6czeU/CQYbHxAFyZjKZTCaTyWQymUwm9Kz1yhWkmrvaWGeIsZkgNYl5rJ2jm5nrkcuNxVakoTnT7MZbtcz+k88bXSI07zabk31Bz/aV29SY611v6co2l7g+1ej+EMq9teWYtCVSqtvtgduUow22mt2oKBIU2Fp7DW70sNyXJRphcBv+3/75MHdyO7xNALY0uUnTPt/YkjPG0+dMM2xtlNvfu7P33ODZZxalFpNhohWmm4m6fZ1Ldg6jh9/H8wJgPBdgWSrWVCdMf7rNLikkLaemE4D1uH1wq4mrUolHBOCT3Utw6+BLXs6d6IMbXEh9oNUz5xJtMK91PfF20auVmqoL5kWt+ytTciWAkdyHASLMVqU7r7rDkSDNMJ6LBbNZu1uIehjTvVgutMNsfoQ7eIpq3MihHd1trXsD7jeX1LSbdoPjE13xW9KOB8ouLrSwOf0M9yKUjHY5yHonugOHd3HXB/debk9wLfqF3ISQqGd/oAuHCC+7lmvR7kZJ1f1eup1elMFQ+sUR7nlP6HKpr+75mHOZHOGGu1NdgFNPwWk8Fe3u9bjihp1cBU8jtdUv8bSP61ZXvFPOiKULQqAMywXYDyeH06o/DAgUbZFcgHneS5R8lZ+/2WwkF+DYvy9lG+Rj3AW43WTmX4OM7FblyXvy41O7iyN7rS6SjOxW5XZ3Ci6WfPeM44J8/yoH/yqi+N+9AxdVxnNBvgW5g4spg/uxMrhIsgsyugtyBDKiW5VtJb+72wLHBblmzSKruvhy1UWXwU0rLrqM74LcV/Lor+xlQ1wX5OUiSKLxiz24C7zoooftgpyHy+XA9v18uFQXEtcFOebSyR3JmRrz1GfILsgW2xdbalQX+CzQh15Hk8lkMplMJpPJ9Mn9AZDTXpoTQGOpAAAAAElFTkSuQmCC); } .product-main-banner.plugin.nop-one-page-checkout .main-banner-title:before { background-color: #dd2339; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-onepagecheckout.png); } .product-main-banner.plugin.nop-facebook-shop .main-banner-title:before { background-color: #365399; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-facebookshop.png); } .product-main-banner.plugin.nop-rich-blog .main-banner-title:before { background-color: #c02159; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-richblog.png); } .product-main-banner.plugin.nop-sale-of-the-day .main-banner-title:before { background-color: #343642; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-saleoftheday.png); } .product-main-banner.plugin.nop-smart-product-collections .main-banner-title:before { background-color: #3b386e; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-productcollections.png); } .product-main-banner.plugin.nop-newsletter-popup .main-banner-title:before { background-color: #7f2c76; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-newsletterpopup.png); } .product-main-banner.plugin.nop-social-feed .main-banner-title:before { background-color: #e99b05; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-socialfeed.png); } .product-main-banner.plugin.theme-demo .main-banner-title:before { background-color: #68c1e5; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-demo.png); } .product-main-banner.plugin.nop-price-match .main-banner-title:before { background-color: #02806d; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-pricematch.png); } .product-main-banner.plugin.api-plugin .main-banner-title:before { background-color: #0ba9b3; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-api.png); } .product-main-banner.plugin.nopcommerce-copyright-removal-key .main-banner-title:before { background-color: #ee805e; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-copyrightRemoval.png); } .main-banner-info .title-additional { display: block; margin: 0 0 15px; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 18px; } .private-demo-page .main-banner-info .title-additional { display: none; } .plugin-collection-buttons { margin: 3px auto 0; width: 95%; } .plugin-collection-buttons .btn, .main-banner-buttons .btn { position: relative; display: inline-block; padding-top: 18px; padding-bottom: 18px; background-color: #e8ebf2; text-transform: uppercase; font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } .plugin-collection-buttons .btn:before, .main-banner-buttons .btn:before { position: absolute; top: 0; bottom: 0; left: 17px; color: #d0d3d9; text-align: left; font-family: 'nop_templates_font'; line-height: 50px; } .plugin-collection-buttons .view-demo, .main-banner-buttons .view-demo { margin-bottom: 3px; padding-right: 24px; padding-left: 45px; } .main-banner-buttons .view-demo { margin-right: 1px; } .plugin-collection-buttons .view-demo:before, .main-banner-buttons .view-demo:before { width: 28px; content: "\e622"; font-size: 18px; } .plugin-collection-buttons .view-admin-demo, .main-banner-buttons .view-admin-demo { padding-right: 28px; padding-left: 50px; } .plugin-collection-buttons .view-admin-demo:before, .main-banner-buttons .view-admin-demo:before { width: 34px; content: "\e635"; font-size: 22px; } /* picture thumbs */ .picture-thumbs { margin: 20px 0; } .picture-thumbs .thumb-link { position: relative; display: inline-block; overflow: hidden; margin: 0 3px; width: 100px; height: 60px; border-bottom: 0 solid transparent; text-align: left; } .picture-thumbs .thumb-img { max-width: 100%; } /* short description */ .product-page .short-description { margin: 0 auto 35px; text-align: justify; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 32px; } /* purchase area */ .product-page .purchase-area { margin: 0 0 50px; } .product-page .discount-prices-title { margin: 0 0 15px; font-size: 18px; } .product-page .price-wrap { display: inline-block; margin: 0 0 15px; } .product-page .price-label { float: left; padding: 17px; background: #f3f5f9; font-size: 16px; line-height: 1; } .product-page .price-value { float: left; padding: 10px; padding: 14px 10px; background: #e1e4ec; color: #59b6db; font-size: 22px; font-family: 'Open Sans', sans-serif; line-height: 1; } .product-page .price-value.discounted { padding: 17px 10px 16px; background: #e9ecf1; color: #707e92; text-decoration: line-through; font-size: 17px; } .product-page .product-btns { display: inline-block; text-align: center; } .product-page .btns-wrap { float: left; } .product-page.private-demo-page .btns-wrap { float: none; display: inline-block; vertical-align: top; } .product-page.private-demo-page .btns-wrap.buy .add-to-cart-button { padding: 17px 35px; } .product-page .page-body .btn { float: left; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; font-family: 'Raleway', sans-serif; } .product-page .page-body .btn.view-demo { margin: 0 1px 5px 0; padding: 20px 25px; background-color: #707e92; width: 100%; } .product-page.free-premium-theme-details-page .page-body .btn.view-demo { padding: 20px 70px; } .product-page.theme-details-page .private-demo { background-color: #5ab6dc; padding: 18px 25px; float: none; display: block; clear: both; } .product-page.theme-details-page .private-demo:before { content: '\e611'; display: inline-block; margin-right: 10px; margin-bottom: 4px; font-family: 'nop_templates_font'; font-size: 16px; color: #fff; opacity: .7; } .plugin-details-page .btns-wrap.free-trial .add-to-cart-button { background-color: #5ab6dc; width: 100%; padding: 20px 25px; } .plugin-details-page .btns-wrap.free-trial .add-to-cart-button:before { content: "\e656"; display: inline-block; margin-right: 7px; font-family: 'nop_templates_font'; font-size: 16px; color: #fff; opacity: .2; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-page .page-body .btn.admin-demo { background-color: #8d98a7; } .product-page .btns-wrap.buy .add-to-cart-button { padding: 20px 35px; background: #f66b6b; } /* anchor list */ .product-page .anchor-list { margin: 0 auto; width: calc(100% - 4px); background-color: #f3f5f9; } .product-page .anchor-item { border-bottom: 2px solid #fff; background-color: #f3f5f9; } .product-page .anchor-link { position: relative; display: block; padding: 12px 12px 10px 12px; text-transform: uppercase; font-size: 16px; } .product-page .anchor-link.activeAnchor { background-color: #fff; } .product-page .anchor-link:before { display: inline-block; vertical-align: middle; margin-right: 10px; width: 25px; color: #d4d8de; text-align: center; font-size: 17px; font-family: 'nop_templates_font'; } .product-page .anchor-link.features:before { content: "\e608"; } .product-page .anchor-link.specs:before { content: "\e61b"; } .product-page .anchor-link.learning:before { content: "\e606"; } .product-page .anchor-link.docs:before { content: "\e606"; } .product-page .anchor-link.forum:before { content: "\e609"; } .product-page .anchor-link.support:before { content: "\e609"; } .product-page .anchor-link.live-stores:before { content: "\e622"; } .product-page .anchor-link.reviews:before { content: "\e617"; } .product-page .anchor-link.license:before { content: "\e60d"; } .product-page .anchor-link.themes-included:before { content: "\e61f"; } .product-page .anchor-link.plugins-included:before { content: "\e668"; } .product-page .main-info { margin-bottom: 70px; font-family: 'Open Sans', sans-serif; } .product-page .main-info-left, .product-page .main-info-right { padding: 35px; background-color: #f3f5f9; } .product-page .main-info-left { padding: 35px 40px; } .product-page .main-info-left { border-bottom: 2px solid #fff; } .product-page .main-info-right { text-align: left; } .product-page .main-info-right dd { position: relative; margin-bottom: 20px; } .product-page .main-info-right dd:first-of-type .option-list li { padding: 22px 25px; margin-top: 10px; background-color: #fff; text-align: left; } .product-page .main-info-right dd:first-of-type .option-list li:first-child { margin-top: 0; } .product-page .main-info-right dd:first-of-type .option-list label { display: block; padding: 0 0 0 30px; font-size: 16px; font-weight: bold; color: #707e92; } .product-page .main-info-right dd:first-of-type .option-list label span { display: inline-block; margin-left: 7px; font-size: 18px; } .product-page .main-info-right dd:first-of-type .option-list label .your-price { display: block; margin: 5px 0 0; font-size: 16px; font-weight: normal; } .product-page .main-info-right dd:first-of-type .option-list label .your-price span { font-size: 18px; color: #5ab6dc; font-weight: bold; } .product-page .main-info-right .discounted { text-decoration: line-through; } .product-page .main-info-right dd .required { position: absolute; margin: 0; top: 0; right: -15px; } .product-page .main-info-right dd input[type="text"] { width: 100%; padding-right: 25px; background: #fff url(/Themes/NopTemplates/Content/img/url-icon.png) right 10px center no-repeat; } .product-page .main-info-right dd input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c1c8d5; font-size: 15px; } .product-page .main-info-right dd input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #c1c8d5; font-size: 15px; } .product-page .main-info-right dd input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #c1c8d5; font-size: 15px; } .product-page .main-info-right dd input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #c1c8d5; font-size: 15px; } .product-page .main-info-right input[type="checkbox"] + label { padding: 0 0 0 22px; font-size: 15px; color: #707e92; font-weight: bold; } .product-page .main-info-right input[type="checkbox"] + label + p { margin-top: 15px; padding-left: 25px; font-size: 13px; line-height: 1.5; color: #707e92; } .product-page .main-info-right input[type="checkbox"] + label span { display: inline-block; margin-left: 10px; font-size: 17px; font-weight: bold; } .product-page .main-info-right .add-to-cart-panel { text-align: center; } .product-page .main-info-right .add-to-cart-button { float: none; font-size: 16px; padding: 20px 40px; background: #f66b6b; border: none; color: #fff; white-space: nowrap; } .product-page .main-info-right .prices { border-top: 1px solid #e1e5eb; margin: 20px 0; padding-top: 20px; text-align: center; } .product-page .main-info-right .prices label, .product-page .main-info-right .prices .non-discounted-price { display: none; } .product-page .main-info-right .prices span { font-size: 21px; color: #373c41; font-weight: bold; } .product-page .main-info-right .old-product-price { display: inline-block; } .product-page .main-info-right .old-product-price span { margin-right: 10px; text-decoration: line-through; font-weight: normal; color: #999; } .product-page .main-info-right .old-product-price + .product-price { display: inline-block; } /* features */ .product-page .features-wrap { padding: 0; background: #f3f5f9; } .product-page .features-title { padding: 70px 15px 0; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; background-color: #f3f5f9; } .product-page .features-wrap a { color: #59b6db; } .product-page .feature-line { position: relative; padding: 110px 0 0; } .product-page .feature-line:before { position: absolute; top: 24px; left: 50%; margin-left: -36px; width: 72px; height: 72px; border-radius: 50%; background-color: #9aa6b7; color: #fff; text-align: center; font-family: 'nop_templates_font'; line-height: 72px; } .product-page .main-features .feature-line:nth-child(2n) { background: #ffffff; } .product-page .feature-line.responsive:before { content: "\e616"; font-size: 32px; } .product-page .feature-line.plugins:before { content: "\e614"; font-size: 36px; } .product-page .feature-line.colors:before { content: "\e654"; font-size: 33px; } .product-page .feature-line.seo:before { content: "\e61a"; font-size: 30px; } .product-page .feature-line.ultimate:before { content: "\e61e"; font-size: 22px; } .product-page .feature-line.filters:before { content: "\e64f"; font-size: 30px; } .product-page .feature-line.mega-menu:before { content: "\e64e"; font-size: 27px; } .product-page .feature-line.quick-tabs:before { content: "\e652"; font-size: 29px; } .product-page .feature-line.sliders:before { content: "\e651"; font-size: 28px; } .product-page .feature-line.agencies:before { content: "\e638"; font-size: 25px; } .product-page .feature-line.new-themes:before { content: "\e637"; font-size: 32px; } .product-page .feature-line.license:before { content: "\e636"; font-size: 32px; } .product-page .feature-line.product-ribbons:before { content: "\e65b"; font-size: 37px; } .product-page .feature-line.jcarousel:before { content: "\e657"; font-size: 25px; } .product-page .feature-line.cart:before { content: "\e653"; font-size: 32px; } .product-page .feature-line.prev-next:before { content: "\e650"; font-size: 25px; } .product-page .feature-line.quick-view:before { content: "\e65a"; font-size: 36px; } .product-page .feature-line.cloud-zoom:before { content: "\e659"; font-size: 35px; } .product-page .feature-line.instant-search:before { content: "\e658"; font-size: 24px; } .product-page .feature-line.filters-pro:before { content: "\e64f"; font-size: 30px; } .product-page .feature-line.home-tabs:before { content: "\e652"; font-size: 29px; } .product-page .feature-line.categories-layout:before { content: "\e66a"; font-size: 25px; } .product-page .feature-line.catalog-layout:before { content: "\e66b"; font-size: 34px; } .product-page .feature-line.hover-layout:before { content: "\e66c"; font-size: 19px; } .product-page .feature-line.header-layout:before { content: "\e66d"; font-size: 17px; } .product-page .feature-line.facebook-shop:before { content: "\e675"; font-size: 36px; } .product-page .feature-line.collection:before { content: '\e61e'; font-size: 20px; line-height: 75px; } .product-page .feature-line.items-row:before { content: '\e676'; font-size: 26px; line-height: 74px; } .product-page .feature-line.sale-day:before { content: '\e677'; font-size: 35px; line-height: 73px; } .product-page .feature-line.pages:before { content: '\e621'; font-size: 35px; } .product-page .feature-line.support:before { content: '\e61d'; font-size: 34px; line-height: 78px; } .product-page .feature-line.product-page-layout:before { background-image: url(/Themes/NopTemplates/Content/img/product-page-layout.png); content: ''; } .product-page .feature-line.rich-blog:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/rich-blog.png) no-repeat center; content: ''; } .product-page .feature-line.home-page-products:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/home-page-products.png) no-repeat center; content: ''; } .product-page .feature-line.login-popup:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/login-popup.png) no-repeat center; content: ''; } .product-page .feature-line.my-account:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/my-account.png) no-repeat center; content: ''; } .product-page .feature-line.color-squares:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/colorsqaures.png) no-repeat center; content: ''; } .product-page .feature-line.rollover-effect:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/rollover.png) no-repeat center; content: ''; } .product-page .feature-line.newsletter-popup:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/newsletter.png) no-repeat center; content: ''; } .product-page .feature-line.social-feed:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/socialfeed.png) no-repeat center; content: ''; } .product-page .feature-line.secondary-font:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/fonts.png) no-repeat center; content: ''; } .product-page .feature-line.video:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/video.png) no-repeat center; content: ''; } .product-page .feature-line.product-boxes:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/product-boxes.png) no-repeat center; content: ''; } .product-page .feature-line.full-width:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/full-width.png) no-repeat center; content: ''; } .product-page .feature-line.header-navigation:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/header-navigation.png) no-repeat center; content: ''; } .product-page .feature-line.login-form:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/login-form.png) no-repeat center; content: ''; } .product-page .feature-line.categories:before { background: #9aa6b7 url(/Themes/NopTemplates/Content/img/categories.png) no-repeat center; content: ''; } .product-page .feature-line .center { position: relative; overflow: hidden; margin: 0 auto; width: 95%; } .product-page .feature-title { margin: 0 0 15px; text-align: center; text-transform: uppercase; font-size: 20px; font-family: 'Open Sans', sans-serif; } .product-page .feature-description { margin: 0 auto 35px; max-width: 540px; width: 95%; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 28px; } .product-page .feature-img-wrap { font-size: 0; line-height: 0; } .product-page .feature-img { max-width: 100%; } /* specifications */ .product-page .specs-wrap { position: relative; z-index: 4; padding: 25px 0; } .product-page .specs-wrap:after { position: absolute; top: 100%; left: 50%; margin-left: -23px; width: 0; height: 0; border-width: 16px 23px 0 23px; border-style: solid; border-color: #fff transparent transparent transparent; content: ""; } .product-page .specs-title { margin: 0 0 45px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; } .product-page .specs-list { margin: 0 auto; width: 95%; } .product-page .specs-item { position: relative; padding: 20px 20px 20px 70px; text-align: left; font-size: 16px; font-family: 'Open Sans', sans-serif; } .product-page .specs-item:before { position: absolute; top: 3px; left: 0; width: 56px; height: 56px; border-radius: 50%; background-color: #81ceee; color: #fff; text-align: center; font-family: 'nop_templates_font'; line-height: 56px; } .product-page .specs-item.versions:before { content: "\e621"; font-size: 29px; } .product-page .specs-item.cross-browser:before { content: "\e662"; font-size: 32px; line-height: 53px; } .product-page .specs-item.modification:before { content: "\e611"; font-size: 27px; } .product-page .specs-item.rtl-support:before { content: "\e619"; font-size: 23px; } .product-page .specs-item.multi-store:before { content: "\e612"; font-size: 27px; } .product-page .specs-item.clean-code:before { content: "\e603"; font-size: 21px; } .product-page .specs-item.localizable:before { content: "\e60e"; font-size: 30px; } .product-page .specs-item.free-support:before { content: "\e61d"; font-size: 26px; line-height: 60px; } .product-page .specs-item.demo-data:before { content: "\e604"; font-size: 25px; line-height: 58px; } .product-page .specs-item.pre-styled:before { content: "\e61c"; font-size: 25px; } .product-page .specs-item.widget:before { content: "\e623"; font-size: 23px; } .product-page .specs-item.themeable:before { content: "\e61f"; font-size: 27px; } .product-page .specs-item.responsive-support:before { content: "\e616"; font-size: 25px; } .product-page .specs-item.easy-install:before { content: "\e661"; font-size: 28px; } .product-page .specs-item.blog-forum-news:before { content: "\e660"; font-size: 26px; line-height: 60px; } .product-page .specs-item.trial:before { content: "\e60a"; font-size: 23px; } .product-page .specs-item.ajax-support:before { content: "\e65f"; font-size: 28px; } .product-page .specs-item.color-squares:before { content: "\e65d"; font-size: 24px; } .product-page .specs-item.back-support:before { content: "\e65e"; font-size: 22px; } .product-page .specs-item.source-code:before { content: "\e673"; font-size: 25px; text-indent: 7px; } .product-page .specs-item.free-setup:before { content: "\e674"; font-size: 26px; } .product-page .specs-item.open-source:before { content: ""; background: url(/Themes/NopTemplates/Content/img/icon-spec-open-source.png); } .product-page .specs-item.sql-support:before { content: ""; background-image: url(/Themes/NopTemplates/Content/img/icon-spec-sql-support.png); } .free-premium-theme-details-page.product-page .specs-item.versions:before { background-color: #feeded; color: #f66b6b; } .free-premium-theme-details-page.product-page .specs-item.rtl-support:before { background-color: #e7f5f2; color: #3cac97; } .free-premium-theme-details-page.product-page .specs-item.multi-store:before { background-color: #f0ecf4; color: #8560a8; } .free-premium-theme-details-page.product-page .specs-item.localizable:before { background-color: #e8f5fa; color: #40abd3; } /* Learning and Support */ .product-page .support-section { position: relative; z-index: 2; padding: 60px 0; background: #f9fafc; } .product-page .support-title { margin: 0 0 35px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 26px; } .product-page .support-section:after { position: absolute; top: 100%; left: 50%; margin-left: -23px; width: 0; height: 0; border-width: 16px 23px 0 23px; border-style: solid; border-color: #f9fafc transparent transparent transparent; content: ""; } .product-page .learning-title { margin: 0 0 35px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 26px; } .product-page .help-section { position: relative; z-index: 3; padding: 60px 0; background: #f9fafc; font-size: 0; } .product-page .help-section:after { position: absolute; top: 100%; left: 50%; margin-left: -23px; width: 0; height: 0; border-width: 16px 23px 0 23px; border-style: solid; border-color: #f3f5f9 transparent transparent transparent; content: ""; } .product-page .hs-line { position: relative; margin: 0 0 25px; padding: 120px 15px 0; vertical-align: top; } .product-page .hs-line h3 a:before { position: absolute; top: 24px; left: 50%; margin-left: -36px; width: 72px; height: 72px; border-radius: 50%; background-color: #9aa6b7; color: #fff; text-align: center; font-size: 18px; font-family: 'nop_templates_font'; line-height: 72px; } .product-page .hs-line h3 a:hover:before { background-color: #737f91; } .product-page .hs-line h3 a:hover { color: #1a1a1a; } .product-page .hs-line.docs h3 a:before { content: "\e606"; font-size: 35px; } .product-page .hs-line.forum h3 a:before { content: "\e609"; font-size: 30px; line-height: 76px; } .product-page .hs-line.license h3 a:before { content: "\e60d"; font-size: 35px; } .product-page .hs-line.change-log h3 a:before { content: ""; background-image: url(/Themes/NopTemplates/Content/img/icon_changelog.png); background-repeat: no-repeat; background-position: center; } .product-page .hs-line.tickets h3 a:before { content: ""; background-image: url(/Themes/NopTemplates/Content/img/icon_tickets.png); background-repeat: no-repeat; background-position: center; } .product-page .hs-title { margin: 0 0 10px; text-transform: capitalize; font-size: 20px; } .product-page .hs-description { margin: 0 auto 25px; max-width: 540px; width: 95%; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 28px; } .product-page .hs-btn { display: inline-block; padding: 12px 20px; background-color: #9aa6b7; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; line-height: 1; } @media all and (min-width: 581px) and (max-width: 859px) { .product-page .hs-line { display: inline-block; padding-right: 0; padding-left: 0; width: 50%; } .product-page .hs-title { font-size: 18px; } .product-page .hs-description { margin: 0 auto 15px; font-size: 14px; line-height: 18px; } .product-page .hs-btn { font-size: 12px; } } /* related products */ .product-page .related-products { padding: 80px 0; background: #eff2f7; } .free-premium-theme-details-page.product-page .related-products { background: #ffffff; } .product-page .rp-title { margin: 0 0 35px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; } .product-page .product-list { margin: 0 auto 15px; width: 95%; } .product-page .product-item { margin: 0 auto 20px; max-width: 100%; width: 320px; } .product-page .product-link { position: relative; display: block; overflow: hidden; margin: 0 0 15px; } .product-page .product-link:before { display: block; padding-top: 47%; content: ""; } .product-page.plugin-details-page .product-link:before { padding-top: 100%; } .product-page .product-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */ } .product-page .product-item .product-title { margin: 0 0 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; } .product-page .product-item .product-title span { display: block; font-weight: normal; } .product-page .product-item .product-description { font-family: 'Open Sans', sans-serif; } .product-page .related-products .view-all { display: inline-block; padding: 13px 25px; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } .free-premium-theme-details-page.product-page .related-products .view-all-stores { background-color: #8d98a7; } .product-page .supported-version { margin: 0 0 25px; text-align: center; font-size: 16px; font-family: 'Open Sans', sans-serif; } .product-page .supported-version .sp-label, .product-page .supported-version .sp-value { display: inline-block; vertical-align: middle; } /* themes product page */ .theme-details-page .features-wrap, .theme-details-page .features-panel.main-features { margin: 0 0 40px; } .theme-details-page .features-wrap { background: #f3f5f9; } .theme-details-page .features-wrap .features-panel.plugin-features { background: #ffffff; } .theme-details-page .feature-line:nth-child(2n) { background: #ffffff; } .theme-details-page .features-wrap .features-panel.main-features { margin: 0; } .theme-details-page .feature-line.ultimate { padding-bottom: 40px; } /* plugin product page */ .plugin-details-page .features-wrap { background: #f3f5f9; } .plugin-details-page .content-centering { min-height: 0; } .plugin-details-page .feature-line { padding: 40px 0; } .plugin-details-page .feature-line:before { display: none; } .plugin-details-page .feature-line:nth-child(2n) { background: #ffffff; } .plugin-details-page .feature-line .info-list { margin: 0 auto 30px; max-width: 540px; width: 95%; } .plugin-details-page .feature-line .info-item { position: relative; margin: 0 0 15px; text-align: left; font-size: 16px; font-family: 'Open Sans', sans-serif; } .plugin-details-page .feature-line .info-item.info-title { font-weight: normal; } .plugin-details-page .feature-line:nth-child(2n) .info-item { padding: 0; } .plugin-details-page .feature-line .info-item:before { display: inline-block; margin: 0 5px 0 0; width: 38px; height: 38px; border: 3px solid #fff; border-radius: 50%; background: #6cc9c4; box-shadow: 0 0 2px rgba(0,0,0,.15); color: #fff; vertical-align: bottom; text-align: center; font-size: 15px; line-height: 32px; } .plugin-details-page .feature-line .info-item:nth-child(1):before { content: "1"; } .plugin-details-page .feature-line .info-item:nth-child(2):before { content: "2"; } .plugin-details-page .feature-line .info-item:nth-child(3):before { content: "3"; } .plugin-details-page .feature-line .info-item:nth-child(4):before { content: "4"; } .plugin-details-page .feature-line .info-item:nth-child(5):before { content: "5"; } .plugin-details-page .feature-line .info-item:nth-child(6):before { content: "6"; } .plugin-details-page .feature-line .info-item:nth-child(7):before { content: "7"; } .plugin-details-page .feature-line .info-item:nth-child(8):before { content: "8"; } .plugin-details-page .feature-line .info-title:before { display: none !important; } .plugin-details-page .part-of-collection { position: relative; padding: 110px 0 30px; background: #f3f5f9; } .plugin-details-page .part-of-collection:before { position: absolute; top: 24px; left: 50%; display: block !important; margin-left: -36px; width: 72px; height: 72px; border-radius: 50%; background-color: #9aa6b7; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAoCAMAAACCR/kEAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA+QTzGQu4hOz94t03Muici1N4UD0BWCsQ1M7CTEe+q6KZkB8VYEIkxXBmsaL9TwsAAAJqSURBVEjHlVXnuoIwDKUF2RtEURQuojjy/s93k1KGfPKJ+VE6cppx0qCgeBqN/LlXfpCNDsxDVAn26QdYBQA1gVGC1QY1C9Vt7wgkersW1vgwSLhd7+Q+O0oU2+Bym60F3kCKi4uIpetQXO9hZrH1fPC1VbAYRmE0HDYrUKkFc7kKHH/E+2W2HZhLENke5uYF4GiLvB1I05+AdVcFNVEimlfL5krU5EqhSlR+oplVi+v05eC2htrgJ5OwTB8Nq0jJsuzE0LNgnCT/lnH5XmTHkQXpsOV9RT2FpnpNHErlucPbX63xB+LYLcgj+tjSrtN8f0GVdcWCiQK9KCVqVjDb9O/8AXjJLPQzNGwY5W8SB+27HxJ6Y6O+cxfvtxXUnoxEUVxzeg1tp1R8HguKAVdyJWXgt0TrHXczyay6wXA6z28m+HulQR/0qK8VKsbSFISKciEuCpo8lRpMcpVTWyi44C3PJNMcD9yOt5A2DNR7CQ0DhyNut7Q634nnMHpIa48xhJO4p44PMIhJedWh161JgXWpN4bIGcyl46FNulXhUNFr3TXXwdzhDeLsjEBWTyhJCnAIgyRmY6a1VDu+wfLhuqiv4egMqudAkDp3LgObeOibIsp9Xx24lDgjTXVyxO27QTCm4abwiiZJd4Kpn0uON47u2+LakDwWXEhjOd2VtNee6mmn9BjYu7jXbkQBySMeM5GB+FMr2CWb7uGbSH5yDqPL5OxO6XYl7LWfdxuf4v5beKnGkJmQz/+BdrzQMt1pn43fz5KMLzb1LiPnuqvz1XIiXMnpQeSb9TCqiIqjt1XYKL9IVK/9C/8DBWF+vikOZwYAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; content: " "; } .plugin-details-page .part-of-collection .center { overflow: hidden; margin: 0 auto; width: 95%; } .plugin-details-page .collection-title { margin: 0 0 15px; text-align: center; text-transform: uppercase; font-size: 20px; font-family: 'Open Sans', sans-serif; } .plugin-details-page .collection-info { margin: 0 auto 35px; max-width: 540px; width: 95%; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 28px; } .plugin-details-page .part-of-collection .feature-img-wrap { margin: 0 0 35px; } .plugin-details-page .collection-img { max-width: 100%; } .plugin-details-page .view-collection { display: inline-block; padding: 13px 25px; background-color: #81ceee; color: #fff !important; text-decoration: none !important; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } /* theme collection */ .themes-collection-page .themes-included-panel { padding: 55px 0; } .themes-collection-page .themes-included-panel .ti-title { margin: 0 0 15px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; } .themes-collection-page div.themes-included { overflow: hidden; margin: 0 auto; width: 95%; } .themes-collection-page .theme-picture { margin: 0 auto 15px; width: 260px; height: 200px; box-shadow: 0 1px 1px rgba(0,0,0,.1); } .themes-collection-page .theme-title { text-align: center; text-transform: uppercase; font-weight: normal; font-size: 18px; } .ultimate-plugin-panel { position: relative; z-index: 2; padding: 60px 0; background: #eff2f7; } .ultimate-plugin-panel:after { position: absolute; top: 100%; left: 50%; margin-left: -23px; width: 0; height: 0; border-width: 16px 23px 0 23px; border-style: solid; border-color: #eff2f7 transparent transparent transparent; content: ""; } .ultimate-plugin-panel .center { overflow: hidden; margin: 0 auto; width: 95%; } .ultimate-plugin-panel .title { margin: 0 0 25px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; } .ultimate-plugin-panel .up-picture { margin: 0 0 15px; } .ultimate-plugin-panel .up-img { max-width: 100%; } .ultimate-plugin-panel .up-title { margin: 0 0 35px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 20px; } .ultimate-plugin-panel .main-points-list { margin: 0 auto 35px; max-width: 100%; width: 400px; text-align: left; } .ultimate-plugin-panel .main-point { position: relative; margin: 0 0 10px; padding: 0 0 0 15px; font-size: 16px; font-family: 'Open Sans', sans-serif; } .ultimate-plugin-panel .main-point:before { position: absolute; top: 7px; left: 0; width: 8px; height: 8px; background: #c2c4c7; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ultimate-plugin-panel .purchase-area { display: inline-block; margin: 0; min-width: 170px; } .ultimate-plugin-panel .prices { overflow: hidden; margin: 0; } .ultimate-plugin-panel .full-price, .ultimate-plugin-panel .final-price { float: left; width: 50%; text-align: center; font-family: 'Open Sans', sans-serif; line-height: 1; } .ultimate-plugin-panel .full-price { padding: 12px 10px; background: #e9ecf1; text-decoration: line-through; font-size: 16px; } .ultimate-plugin-panel .final-price { padding: 10px; background: #e1e4ec; color: #45a8d0; font-size: 20px; } .ultimate-plugin-panel .view-details { display: block; padding: 12px 0; background-color: #707e92; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; line-height: 1; } /* plugins collection */ .plugins-included-panel { padding: 75px 0 85px; } .plugins-included-panel .pi-title { margin: 0 0 60px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; } .plugins-included-panel .plugin-title { font-size: 18px; font-family: 'Open Sans', sans-serif; } .plugins-included-panel .plugin-item { margin: 0 auto; width: 320px; } .plugins-included-panel .plugin-picture { position: relative; z-index: 1; overflow: hidden; margin: 0 0 10px; height: 240px; } /* all themes/plugins panel */ .all-products-section { padding: 75px 0; } .all-products-section .all-products-title { margin: 0 0 40px; text-transform: uppercase; font-weight: normal; font-size: 26px; } .all-products-section .all-products-content { position: relative; overflow: hidden; margin: 0 auto; padding: 0 0 52px; width: 95%; height: 492px; font-family: 'Open Sans', sans-serif; } .all-products-section .all-products-list { overflow: hidden; } .all-products-section .products-item { margin-bottom: 40px; padding: 0 10px; } .all-products-section .product-picture { position: relative; display: block; margin: 0 auto 10px; max-width: 100%; width: 280px; } .plugins-collection-page .all-products-section .products-item { padding: 0; } .plugins-collection-page .all-products-section .product-picture { width: 300px; } .all-products-section .product-picture:before { display: block; padding-top: 75.71%; content: ""; } .plugins-collection-page .all-products-section .product-picture:before { padding-top: 66.66666666666667%; } .all-products-section .product-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .all-products-section .product-name { text-transform: uppercase; font-weight: normal; font-size: 18px; } .all-products-section .show-all { position: absolute; right: 0; bottom: 0; left: 0; padding: 67px 0 0; height: 119px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAABDBAMAAACyxmaeAAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACnRSTlMAAwEKBhAWIx4a8hQ5vQAABP9JREFUeNrsmUtuwzAMRIm5AYUcgJybGND9z1T5h9qtVDPoKpIeFCfaPgwJhpY/4Pk1eQY0MZlEAEkxyCQAuGGzDOOyaNtl1mNMlkFAKcySbAADT0CjUIw00Ka0b+yIEFjHQMxx4gD7k0K2dU1ZBRydHCTYZspaoRgEDGCC0SdWXEU5W5eToW3dXKlTeZLc67LGHcJuuVJX3UXRtZDKqfeuMRN2C9YK6Ux6gcobBhOBwTBcz8c1WFX4C1tVsSDGoabVB1ln1pqAYiI2xq4iIit5+bDBaoosZwBdlzFBm3jyvXlVEAwzVeCaqjZUP0LGNobOsxWSdUwRz7p6X1BcZAVJbLPK6nSiQNRVXBZpnQ73EMZlxW1Jh8MXSLmqipP8QVZ/4ar19riupPRWs4dJZ7sccCO5/oNU3+ZYOV291w4EK27La32+p2rkjrZZgrJcnb8xdDTTc6OmaHm9JctVXVPfa9V6EeacXznvP5esz3jyveU3dPXxH6gl686i5YRIH/ZeiBQBKAh3+J8lmCuy1keET5LFck62G96V9cpNIv2La7w+QddXd+Zi2yoMheGKDUAMUFjB9gCR2QCZDUDKBMkGlyyAYNt7DviFDb4WvVKcfgklfSr9+v/HpoFV+vBV5DqgCrFFhcljqT0S+8dgVh8DHw9+h1O/IGX01itPemGsA4RkVTpWMZQwvK5P+jT+z1UDl2RVOliNC4fb9TIm/FL2RVmBXHFOlCyf8mq2kri2/t+yCCd4pw3Bc+MTtbEvElwTsxq5OLM8WYQSAgdHV3Cn9NDWrYycXYnZOnVVRcsyrjihq6ANeeYE2cuKLWOVlq1jUfg88yL8/MxaqFVhonw4AqV0+bRsHeSqUBKQ0CpkWtggmCQXkyyMG6cNjR9dhjRkfWcn9cujZZkWgo4glG5D39FVlhFlTGEHcVbB3JH1HV4M11xFwHGcebJi6lgkkK2wK8Rcl2VHsnSuOCVxUKzrhdn1blu1R7ABvqzKlDDSFFYVjkuT/q22gqoMxdmoqJUsJ1itDTml8Ykr5LuoHEGXZDWArYoJIRjcVkjLGDvcTchSBsg/kVriy3JdgReQBHqEhKkzcLKrQIy4z5HX5Po5lTcrWypc7nxXJTSqwFUrEHmKdIZQZx34OPxBYckywaLSFUg5hwHbg7WZWlo8lDdJo5tY6cnly+KbK+LmSXRwC+sj6SJ/sSgaur8gqY0te2SV+kdapvqu63oBdzEM/YDviSBk7a1N0ho9qBobuojOqphpWcQEC+mAwafvu9WjuAQDdHeTNKmy5U0ua77r8a5C1Q8BIGKoDRHpwY4hrY8QckvEHF83f8z7LVwriJkK48dtj/g8GCDLuNvf2LL2wRLITtViM03T8DN6iUjSp8qXiRZiyzLB2vYEUDHFtBwzJEg/dPGcDF15Wcd1tuwqqpGlSiiEnavF4rUA83LKtEzDAgcIViq12PsCgUwaa/YyJ1smXGpkbSVkzHJ1XzZGF9D2c1JMrBoMBOB0b6uQsnIjSwByFVxW5vEfzODu9ZpB4Yzhg0dwP2eWulNgusPhBsx0sfGypUcW35Xwbpt6wu3xGMc/D2BMm4t/BuPMZIs0iG3rK5Mt5MrVgK4sVY8g26fXL3viI3wTz3N8N6/RMmbC1erdqd1EHFlq996qDt6tUfX4FUQE0vgS2paTrS+1FsqJpabVbzIVxhGmsnV05fMXHmgjNF17v+sAAAAASUVORK5CYII=) no-repeat left top; background-size: 100% 67px; text-align: center !important; font-size: 0; } .all-products-section .show-all:before { display: block; padding: 18px 0 10px; height: 52px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAASFBMVEUAAABwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpLYoww1AAAAGHRSTlMA5QY9KQ/G3djLta+lm5N+dWFZRzUiGId/7mFxAAAAWElEQVQI12WKWw7AEAAEl6Leb3r/m1YakdD5mswubMFJsagkHTGRCjQZthhkw4ALR1ejTvBpRk8D14aug1f9k678iIt4MwDsjtjI5MJFMnZGesbwgwm2/AUd7gI8zDsaCwAAAABJRU5ErkJggg==) no-repeat center bottom; content: "view all"; text-align: center !important; text-transform: uppercase; font-size: 18px; line-height: 1; cursor: pointer; } .all-products-section .all-products-content.expanded .show-all:before { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAASFBMVEUAAABwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpLYoww1AAAAGHRSTlMA5QY9KQ/G3djLta+lm5N+dWFZRzUiGId/7mFxAAAAWElEQVQI12WLSQ6AIBAEZwBR2Xf//1OVEASsU6XSDR3GGfygeCFdY3gSxTBHt793truhEXOWKuU0pEcptqabkKQZ1+S7aV4X+bAwYo8MkNDDjMcEKsJKVDfOjQI8KzVHIAAAAABJRU5ErkJggg==) no-repeat center bottom; content: "hide"; } /* promo collection */ .theme-details-page .collection-btns { margin-bottom: 20px; } .theme-details-page .collection-btns a { display: inline-block; padding: 13px 25px; background-color: #5ab6dc; color: #fff !important; text-decoration: none !important; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } /*********** CONTACT & EMAIL A FRIEND ***********/ .contact-page .form-fields { margin: 0 0 15px; } .contact-page .message-error { margin: 0 0 10px; } .contact-page .button-1 { padding: 10px 15px; border: 1px solid #ccc; } /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .block-account-navigation, .block-support-navigation, .block-theme-roller-navigation, .block-blog-archive, .block-popular-blogtags, .block-facebook-like-box, .block-gdpr-navigation { margin: 0 auto 10px; max-width: 100%; width: 360px; } .address-edit-page .page-title, .change-password-page .page-title, .forum-subscriptions-page .page-title { display: none; } .account-page-title .title-text { padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .content-centering { overflow: hidden; margin: 0 auto; min-height: 500px; width: 95%; } .account-page { font-family: 'Open Sans', sans-serif; } #check-availability-button { margin: 15px 0 0; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 12px; line-height: 1; } .fieldset + .buttons { padding: 20px; background: #f3f5f9; } .registration-page .button-1, .registration-result-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 { padding: 13px 25px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .account-page .field-validation-error { margin: 5px 0 0; } /* my downloads */ .downloadable-products-page .tab-navigation { position: relative; overflow: hidden; margin: 0 0 30px; } .downloadable-products-page .tab-navigation:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #d9e0ea; content: ""; } .downloadable-products-page .tab-item { position: relative; z-index: 1; padding: 10px 20px 14px; text-transform: uppercase; font-size: 16px; } .downloadable-products-page .tab-item.selected:after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background-color: #81ceee; content: ""; } .body-my-download-page .k-widget.k-window { min-height: 100vh !important; } .k-widget.k-window .collection-download-content.loading-state { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .pc-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff url(data:image/gif;base64,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) no-repeat center; } .k-widget.k-window.collection-download-modal { padding: 0 !important; background: none; box-shadow: none; border: 0; opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } @media all and (max-width: 768px) { .k-widget.k-window.collection-download-modal { max-width: 100%; left: 0 !important; right: 0 !important; } } @media all and (min-width: 769px) { .k-widget.k-window.collection-download-modal { max-width: calc(100% - 120px); left: 60px !important; right: 60px !important; } } .k-widget.k-window.collection-download-modal.loaded { opacity: 1; } .k-widget.k-window.collection-download-modal .k-content { background: none; padding: 0; border-radius: 0; } .k-widget.k-window.collection-download-modal .my-product-collection-wrap { background: #fff; font-family: 'Open Sans', sans-serif; } .k-widget.k-window.collection-download-modal .pc-header { background: #f3f5f9; border-bottom: 1px solid #d9e0ea; padding: 19px 70px; text-align: center; position: relative; margin: 0 0 25px; } .k-widget.k-window.collection-download-modal .pc-title { text-transform: uppercase; font-size: 22px; font-weight: 400; } .k-widget.k-window.collection-download-modal .btn-close { position: absolute; top: 0; right: 0; bottom: 0; width: 69px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAAC7u7u7u7u7u7u7u7u7u7u4R+2wAAAABnRSTlMA1YAV6mw4khYNAAAAQklEQVQI12MIYoAAQwZDBTCDWQiIIEIKEAzkQwgwF0yCeWBBEAeiWhkoBBEUUUBhIWQROhCmIExG2IZwAcJVCJcCAHq6BwlAkEXnAAAAAElFTkSuQmCC) no-repeat center; border: 0; font-size: 0; } .k-widget.k-window.collection-download-modal .pc-description { text-align: center; margin: 0 0 25px; padding: 0 25px; color: #373c41; font-size: 16px; } @media all and (max-width: 768px) { .k-widget.k-window.collection-download-modal form { padding: 0 15px 25px; } } @media all and (min-width: 769px) { .k-widget.k-window.collection-download-modal form { padding: 0 50px 50px; } } .k-widget.k-window.collection-download-modal .pc-list-wrap { position: relative; } .k-widget.k-window.collection-download-modal .pc-list-title { border-bottom: 1px solid #d9e0ea; margin: 0 0 25px; } .k-widget.k-window.collection-download-modal .pc-list-title-text { position: relative; color: #373c41; font-size: 20px; text-transform: uppercase; font-weight: 400; padding: 6px 0 11px; display: inline-block; margin-bottom: -1px; } .k-widget.k-window.collection-download-modal .pc-list-title-text:after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; content: ""; } .k-widget.k-window.collection-download-modal .pc-list-valid .pc-list-title-text:after { background-color: #81ceee; } .k-widget.k-window.collection-download-modal .pc-list-expired .pc-list-title-text:after { background-color: #f76b6c; } .k-widget.k-window.collection-download-modal .pc-list-not-supported .pc-list-title-text:after { background-color: #707e92; } .k-widget.k-window.collection-download-modal .btn-select-all { background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; padding: 12px 35px; border: 0; -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; } .k-widget.k-window.collection-download-modal .btn-select-all.clicked, .k-widget.k-window.collection-download-modal .btn-select-all.clicked:hover { background-color: #e95757; } .k-widget.k-window.collection-download-modal .btn-select-all:hover { background-color: #5c6a7f; } @media all and (min-width: 769px) { .k-widget.k-window.collection-download-modal .btn-select-all { position: absolute; top: 0; right: 0; } } .k-widget.k-window.collection-download-modal .pc-list { overflow: hidden; } @media all and (max-width: 768px) { .k-widget.k-window.collection-download-modal .pc-list-valid .pc-list { margin-top: 25px; } } .k-widget.k-window.collection-download-modal .pc-list-expired, .k-widget.k-window.collection-download-modal .pc-list-not-supported { margin: 55px 0 0; } @media all and (max-width: 1000px) { .k-widget.k-window.collection-download-modal .pc-item { margin: 0 0 2px; } } @media all and (min-width: 1001px) and (max-width: 1400px) { .k-widget.k-window.collection-download-modal .pc-item { float: left; width: calc(25% - 2px); margin: 0 0 2px 2px; } .k-widget.k-window.collection-download-modal .pc-item:nth-child(4n+1) { clear: both; margin-left: 0; } } @media all and (min-width: 1401px) { .k-widget.k-window.collection-download-modal .pc-item { float: left; width: calc(20% - 2px); margin: 0 0 2px 2px; } .k-widget.k-window.collection-download-modal .pc-item:nth-child(5n+1) { clear: both; margin-left: 0; } } .k-widget.k-window.collection-download-modal .pc-list-expired .pc-item, .k-widget.k-window.collection-download-modal .pc-list-not-supported .pc-item { position: relative; opacity: .5; } .k-widget.k-window.collection-download-modal .pc-list-expired .pc-item:before, .k-widget.k-window.collection-download-modal .pc-list-not-supported .pc-item:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .k-widget.k-window.collection-download-modal .pc-item-checkbox + .pc-item-selector:before { display: none; } .k-widget.k-window.collection-download-modal .pc-item-selector { padding: 35px 15px 15px; text-align: center; display: block; } .k-widget.k-window.collection-download-modal .pc-item-checkbox:checked + .pc-item-selector { background: #e9ecf3; box-shadow: inset 0 0 15px rgba(0,0,0,.05); } .k-widget.k-window.collection-download-modal .pc-item-pic { display: block; margin: 0 0 12px; font-size: 0; line-height: 0; } .k-widget.k-window.collection-download-modal .pc-item-img { max-width: 100%; } .k-widget.k-window.collection-download-modal .pc-item-title { display: block; font-size: 16px; color: #373c41; } .k-widget.k-window.collection-download-modal .pc-buttons { margin: 45px 0 0; padding: 15px; background: #f3f5f9; border-top: 1px solid #d9e0ea; text-align: center; } .k-widget.k-window.collection-download-modal .btn-download { border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; padding: 15px 50px; background: #f66b6b; font: normal 16px 'Raleway', sans-serif; } .k-widget.k-window.collection-download-modal .btn-download:hover { background-color: #e95757; } .k-widget.k-window.collection-download-modal .message-error { margin-top: 10px; } .my-product-collection-wrap.error span { line-height: 100vh; display: block; text-align: center; font-size: 20px; } /* customer info */ .registration-page .fieldset:nth-child(2) select, .account-page .fieldset:nth-child(3) select { width: 88px; /*birth-date selectors, always single line*/ } .registration-page select + select, .account-page select + select { margin: 0 0 0 10px; } .gender { display: inline-block; margin: 0 3px; } .gender > * { display: inline !important; vertical-align: middle; line-height: 32px; } #username-availabilty { display: block; margin: 5px 0 0; font-size: 14px; } #username-availabilty:empty { display: none; } .accept-privacy-policy { margin: 0 0 20px; text-align: center; } .accept-privacy-policy > * { display: inline-block; vertical-align: middle; line-height: 32px; } .accept-privacy-policy a { font-weight: bold; } /* addresses */ .account-page .no-addresses, .account-page .no-orders { padding: 20px 0; color: #707e92; font-size: 18px; } .account-page .no-addresses { border-top: 1px solid #d9e0ea; border-bottom: 1px solid #d9e0ea; } .account-page .no-orders { border-bottom: 1px solid #d9e0ea; } .account-page .edit-address { margin: 0 0 20px; } .account-page .description { margin: 0 0 20px; } .address-list-page .info, .order-list-page .info { margin: 0 0 20px; } .address-list-page .info li, .order-list-page .info li { margin: 0 0 10px; } .address-list-page .info li:last-child, .order-list-page .info li:last-child { margin: 0; } .account-page .edit-address-button, .account-page .delete-address-button, .account-page .return-items-button, .account-page .order-details-button, .account-page .upload-avatar-button, .account-page .remove-avatar-button { margin: 0 0 5px; padding: 13px 25px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 14px; } .account-page .edit-address-button, .account-page .order-details-button { background-color: #707e92; } .account-page .delete-address-button, .account-page .return-items-button { background-color: #f76b6c; } .address-list-page .add-button { margin: 0 0 15px; padding: 20px; background: #f3f5f9; text-align: center; } .address-list-page .add-address-button { position: relative; padding: 12px 35px 12px 45px; } .address-list-page .add-address-button:before { position: absolute; top: 0; left: 22px; width: 17px; height: 40px; color: #9ba5b3; content: "\e62d"; text-align: center; font-size: 15px; font-family: 'nop_templates_font'; line-height: 40px; } .section.order-item .buttons { text-align: left; } .address-edit-page .buttons { padding: 20px; background: #f3f5f9; } /* change password */ .account-page .change-password-button { padding: 13px 25px; background-color: #f76b6c; } /* avatar */ .avatar-page .message-error { margin: 0 0 10px; } .avatar-page .fieldset { margin: 0 0 25px; } .avatar-page .image { margin: 0 0 10px; } .avatar-page .image img { border: 1px solid #ccc; } .avatar-page .bottom-section { clear: both; overflow: hidden; padding: 15px; border-top: 1px solid #d9e0ea; background: #f3f5f9; } .avatar-page .info { color: #707e92; } .avatar-page .buttons { background: none; } .avatar-page .upload-avatar-button, .avatar-page .remove-avatar-button { margin: 0 0 5px; padding: 13px 25px 13px 40px; font-family: Raleway, sans-serif; } .avatar-page .upload-avatar-button { position: relative; background-color: #707e92; } .avatar-page .upload-avatar-button:before { position: absolute; top: 0; left: 16px; width: 17px; height: 42px; color: #a9b2be; content: "\e62c"; text-align: center; font-size: 16px; font-family: 'nop_templates_font'; line-height: 42px; } .avatar-page .remove-avatar-button { position: relative; background-color: #f76b6c; } .avatar-page .remove-avatar-button:before { position: absolute; top: 0; left: 17px; width: 17px; height: 42px; color: #faa6a7; content: "\e62b"; text-align: center; font-size: 12px; font-family: 'nop_templates_font'; line-height: 42px; } /* register */ .center-1 .page-title { margin: 0 0 40px; } .center-1 .page-title .title-text { padding: 88px 10px 25px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .registration-page .page-body, .registration-result-page .page-body { overflow: hidden; margin: 0 auto; width: 95%; } .registration-page .buttons { padding: 20px; background: #f3f5f9; } .register-next-step-button { position: relative; padding: 13px 25px 13px 35px; border: 0; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .register-next-step-button:before { position: absolute; top: 0; left: 14px; width: 17px; height: 42px; color: #faa6a7; content: "\e62d"; text-align: center; font-size: 15px; font-family: 'nop_templates_font'; line-height: 42px; } .registration-page .field-validation-error { margin-top: 5px; } .registration-result-page .result { margin: 0 0 20px; color: #707e92; font-size: 18px; } /* login */ .login-page .page-body { overflow: hidden; margin: 0 auto; width: 95%; } .login-page .customer-blocks { overflow: hidden; margin: 0 0 100px; } .login-page .title { padding: 0 0 25px; text-transform: uppercase; font-size: 18px; } .login-page .title strong { font-weight: normal; } .login-page .new-wrapper { margin: 0 0 30px; } .login-page .text { margin: 0 0 20px; color: #707e92; } .login-page .inputs.reversed { margin: 0 0 20px; } .login-page .inputs.reversed * { margin: 5px 0; color: #707e92; font-size: 13px; /*reset zeroing*/ } .login-page .inputs.reversed label { display: inline-block; margin: 0 0 0 5px; padding: 0; width: auto; cursor: pointer; } .login-page .forgot-password { display: block; } .login-page .forgot-password a { display: inline-block; text-decoration: underline; } .login-page .message-error { margin: 0 0 20px; } .login-page .buttons { padding: 20px; background: #f3f5f9; } .login-page .register-button { position: relative; padding: 13px 35px 13px 45px; border: 0; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .login-page .register-button:before { position: absolute; top: 0; left: 21px; width: 17px; height: 42px; color: #faa6a7; content: "\e62d"; text-align: center; font-size: 15px; font-family: 'nop_templates_font'; line-height: 42px; } .login-page .login-button { position: relative; padding: 13px 35px 13px 45px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .login-page .login-button:before { position: absolute; top: 0; left: 21px; width: 17px; height: 42px; color: #a9b2be; content: "\e61b"; text-align: center; font-size: 13px; font-family: 'nop_templates_font'; line-height: 42px; } .external-authentication { overflow: hidden; margin: 0 0 20px; text-align: center; } .external-authentication fieldset { float: none !important; } /* inbox/sent items */ .private-messages-page .page-body { overflow: hidden; margin: 0 auto; width: 95%; } .account-page .ui-tabs-nav { margin: 0 0 30px; } .private-messages-page .buttons { padding: 20px 10px 10px; background: #f3f5f9; } .delete-selected-pm-button { margin: 0 0 10px; background-color: #f76b6c; } .mark-unread-pm-button { margin: 0 0 10px; background-color: #707e92; } /* view massage/sent message */ .private-message-view-page, .private-message-send-page { font-family: 'Open Sans', sans-serif; } .private-message-view-page .page-body, .private-message-send-page .page-body { overflow: hidden; margin: 0 auto; width: 95%; } .view-message .row { overflow: hidden; border-bottom: 1px solid #d9e0ea; text-align: left; } .view-message .label { display: table-cell; padding: 20px; width: 120px; border-right: 1px solid #d9e0ea; text-align: right; } .view-message .text { display: table-cell; padding: 20px; } .private-message-view-page .options { padding: 20px 20px 10px; background: #f3f5f9; } .private-message-view-page .options .reply-pm-button, .private-message-view-page .options .delete-pm-button { position: relative; margin: 0 0 10px; padding: 13px 25px 13px 0; } .private-message-view-page .options .reply-pm-button { padding-left: 40px; background-color: #707e92; } .private-message-view-page .options .reply-pm-button:before { position: absolute; top: 0; left: 17px; width: 17px; height: 42px; color: #a9b2be; content: "\e629"; text-align: center; font-size: 14px; font-family: 'nop_templates_font'; line-height: 42px; } .private-message-view-page .options .delete-pm-button { padding-left: 35px; background-color: #f76b6c; } .private-message-view-page .options .delete-pm-button:before { position: absolute; top: 0; left: 15px; width: 17px; height: 42px; color: #faa6a7; content: "\e62b"; text-align: center; font-size: 12px; font-family: 'nop_templates_font'; line-height: 42px; } .private-message-view-page .options .back-pm-button { margin: 0 0 10px; background-color: #9aa6b7; } .private-message-send-page .inputs { margin: 0 0 20px; } .private-message-send-page .customer-name { font-weight: bold; font-size: 14px; } .private-message-send-page .toolbar { margin: 0 0 5px; } .private-message-send-page .options { padding: 20px; background: #f3f5f9; } .private-message-send-page .options .send-pm-button, .private-message-send-page .options .cancel-pm-button { position: relative; padding: 13px 25px 13px 0; } .private-message-send-page .options .send-pm-button { padding-left: 40px; background-color: #707e92; } .private-message-send-page .options .send-pm-button:before { position: absolute; top: 0; left: 15px; width: 17px; height: 42px; color: #a9b2be; content: "\e62a"; text-align: center; font-size: 17px; font-family: 'nop_templates_font'; line-height: 42px; } .private-message-send-page .options .cancel-pm-button { padding-left: 38px; background-color: #f76b6c; } .private-message-send-page .options .cancel-pm-button:before { position: absolute; top: 0; left: 16px; width: 17px; height: 42px; color: #faa6a7; content: "\e62b"; text-align: center; font-size: 12px; font-family: 'nop_templates_font'; line-height: 42px; } @media all and (max-width: 980px) { .private-message-send-page .toolbar { display: none; } .private-message-send-page label ~ .toolbar { display: block; } } /* theme roller */ .theme-roller-selection .title { padding: 15px 25px; border-top: 1px solid #d9e0ea; border-bottom: 1px solid #d9e0ea; background: #f3f5f9; text-align: left; } .theme-roller-selection .title-link { font-weight: bold; font-size: 18px; } .theme-roller-selection .main-info { padding: 25px 15px; } .theme-roller-selection .product-pic { display: block; margin: 0 0 20px; } .theme-roller-selection .product-img { max-width: 100%; } .theme-roller-selection .selection-details { overflow: hidden; margin: 0 0 20px; text-align: left; } .theme-roller-selection .sd-item { margin: 0 0 10px; text-align: left; } .theme-roller-selection .sd-item:last-child { margin-bottom: 0; } .theme-roller-selection .sd-color { position: relative; display: inline-block; margin: 0 10px 0 0; width: 30px; height: 30px; border: 1px solid #d9e0ea; vertical-align: middle; } .theme-roller-selection .sd-color.pattern { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAJpaWn/SeUwMDAAACbFCMVxlCx0AAAAAElFTkSuQmCC) repeat; } .theme-roller-selection .sd-color.transparent:before, .theme-roller-selection .sd-color.opaque:before { position: absolute; top: 50%; left: 50%; margin-top: -6px; font-size: 12px; font-family: "nop_templates_font"; } .theme-roller-selection .sd-color.transparent:before { margin-left: -7px; color: #82c17c; content: "\e61b"; } .theme-roller-selection .sd-color.opaque:before { margin-left: -6px; color: #f76b6c; content: "\e62b"; } .theme-roller-selection .sd-label { display: inline-block; vertical-align: middle; } .theme-roller-selection .info.instructions { clear: both; text-align: justify; font-size: 13px; } .theme-roller-selection .buttons { margin: 0; padding: 25px; border-top: 1px solid #d9e0ea; } .theme-roller-selection .btn-download, .theme-roller-selection .btn-edit { display: inline-block; margin: 0 0 5px; padding: 13px 0; width: 120px; border: 0; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; } .theme-roller-selection .btn-download { background-color: #707e92; } .theme-roller-selection .btn-edit { background-color: #f76b6c; } .theme-roller-selection .no-selection-info { padding: 30px 20px; text-align: left; } .theme-roller-selection .no-selection-info .link { color: #59b6db; } .theme-roller-selection:last-child .no-selection-info { border-bottom: 1px solid #d9e0ea; } /* forum subscription */ .forum-subscriptions-page .description, .forum-subscriptions-page .no-data { padding: 25px 15px; text-align: left; font-size: 16px; } .forum-subscriptions-page .no-data { border-top: 1px solid #d9e0ea; border-bottom: 1px solid #d9e0ea; } .forum-subscriptions-page .subscription-list { position: relative; } .forum-subscriptions-page .delete-selected-fs-button { position: relative; padding: 13px 20px 12px 40px; background-color: #f76b6c; font-family: Raleway, sans-serif; } .forum-subscriptions-page .delete-selected-fs-button:before { position: absolute; top: 0; left: 18px; width: 17px; height: 42px; color: #faa6a7; content: "\e62b"; text-align: center; font-size: 12px; font-family: 'nop_templates_font'; line-height: 42px; } /* user agreement page */ .user-agreement-page { font-family: 'Open Sans', sans-serif; } .user-agreement-page .page-body { overflow: hidden; margin: 0 auto; width: 95%; } .user-agreement-page p { margin: 12px 0; } .user-agreement-page .buttons { overflow: hidden; margin: 40px 0 20px; padding: 20px; background: #f3f5f9; } .agree-panel { margin: 0 0 20px; } .user-agreement-button { display: inline-block; padding: 13px 25px; border: 0; background-color: #f76b6c; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; } .user-agreement-button:disabled { opacity: .3; cursor: default; } /* FAQ */ .faq-page .topic-html-content-title { margin: 0 0 30px; border-bottom: 1px solid #d9e0ea; text-align: left; } .faq-page .topic-html-content-header { position: relative; display: inline-block; padding: 8px 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 1.2; } .faq-page .topic-html-content-header:after { position: absolute; right: 0; bottom: -4px; left: 0; height: 4px; background-color: #81ceee; content: " "; } .faq-page .accordion { margin: 0 0 30px 0; text-align: left; } .faq-page .ui-accordion-header { position: relative; margin: 25px 0 0; padding-left: 25px; font-size: 18px; cursor: pointer; } .faq-page .ui-accordion-header:after { position: absolute; top: 3px; left: 0; color: #94a3b2; content: "\e66f"; font-size: 9px; font-family: 'nop_templates_font'; line-height: 21px; } .faq-page .ui-accordion-header.ui-accordion-header-active:after { top: 2px; content: "\e671"; font-size: 14px; } .faq-page .ui-accordion-header:first-child { margin: 0; } .faq-page .ui-accordion-content { padding: 0 25px; } .faq-page .productTabs { margin: 30px 0; } .faq-page ul.tab-list { text-align: center; } .faq-page ul.tab-list li { margin: 0; padding: 0; } .faq-page ul.tab-list li:before { display: none; } .faq-page ul.tab-list a { display: inline-block; padding: 10px 20px 14px 45px; color: #373c41; font-size: 18px; } .faq-page ul.tab-list li:first-child a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////GzNjz9ffW2+P39/nHzdnQ1d/6+/zt7/Pc4OfZ3ubS1+HN0t3v8fXp6/De4ejK0Nvk5+3g4+pxqmpXAAAAHHRSTlMAAdLLv078xaafSUI7UwoG6OTc1ri0bmlVNQzOj/CqLAAAANJJREFUGNN1kVcOgzAQRE1JIbT0ihsG0+9/vWzWAQekzA/mjbRtyChndTreHbLQzqOMUXc1M8INLTMQo95ugpHPARqVdBMifJx5ITKrkvsRIQFvEVqJgm+JV8tsIalckt4OSs7h/ppA8SRYW6Nq1tsnrvGibMibysB8gOljh1wog/+uBwNg3+H0vsHGQGgwFHFHo8KPxiLYstZjS11jSzNgwY0hFS8+A6awjjabKSlV3orvOgE+wWhzeE3L21MJMZ3qz2FtDMzGsAhN29BsxPFvxG8nTybd8Lh6qAAAAABJRU5ErkJggg==) no-repeat 18px 11px; } .faq-page ul.tab-list li:last-child a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAMAAABYi/ZGAAAAXVBMVEUAAADGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNjGzNh42uNtAAAAHnRSTlMA9z/x69Oj/MeXYVMX49mukGw3Jh0KBwK5hUcu3w/efFn4AAAAoklEQVQY012PWQ7DIAxETYAkkH0pWdr6/sfslLiWmvdhwZPGC/0xdS489Ff0MwqDUpVhEykwqJIqMLjsJNwOrGh2q8XUzZaDE0oQV9CXp7ULrVacf0OtHbMtHf/YkS35RsDI7uY8dpkNC/bASn1LIIqqMHN0C2X2y/V4pkudo4TNSkJk5XWKq3Mrr6eqG2lCA9eKaxjMONFzIwrS24NAiiR8ABFdFiQLDgTNAAAAAElFTkSuQmCC) no-repeat 20px 11px; } .faq-page .productTabs .product-img { max-width: 90px; } .faq-page .productTabs .product-title { display: block; text-align: left; font-weight: bold; } .faq-page .productTabs .product-license { display: block; color: #707e92; text-align: left; font-size: 14px; } /* account activation */ .account-activation-page-title { margin: 0 0 50px; } .account-activation-page-title .title-text { padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 26px; line-height: 1; } .account-activation-page .page-body { margin: 0 auto; width: 95%; } .account-activation-page .account-activatio-info { display: block; color: #8994a0; text-align: center; font-size: 20px; } /* password recovery */ .password-recovery-page-title { margin: 0 0 50px; } .password-recovery-page-title .title-text { padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .password-recovery-page .page-body { margin: 0 auto; width: 95%; } .password-recovery-page .result { margin: 0 0 15px; color: #59b6db; text-decoration: underline; font-weight: bold; } .password-recovery-page .tooltip { margin: 0 0 20px; } .password-recovery-page .field-validation-error { margin-top: 5px; } /********** SHOPPING CART & CHECKOUT **********/ /* order details */ .order-details-page { margin: 0 0 200px; } .order-details-page .order-doc-btns { margin: 0 0 25px; } .order-details-page .print-order-button, .order-details-page .pdf-order-button, .order-details-page .re-order-button { display: inline-block; margin: 0 0 5px; padding: 13px 0; width: 130px; border: 0; background-color: #9aa6b7; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 14px; } .order-details-page .page-body { overflow: hidden; margin: 0 auto; width: 95%; } .order-details-page .order-overview, .order-details-page .order-details-area { margin: 0 0 20px; padding: 20px; border-left: 1px solid #d9e0ea; text-align: left; } .order-details-page .order-number, .order-details-page .billing-info .title { margin: 0 0 10px; font-size: 18px; } .order-details-page .order-details { margin: 0 0 10px; } .order-details-page .order-details-area { overflow: hidden; margin: 0 0 20px; } .order-details-page .billing-info li { margin: 0 0 10px; } .order-details-page .billing-info li:last-child { margin: 0; } .section.products { clear: both; margin: 80px 0 0; border: 0; } .order-details-page .cart-total { margin: 0 auto 30px; width: 240px; } .order-details-page .total-info { margin: 0 0 20px; } .order-details-page .cart-total td { padding: 5px; width: 50%; } .order-details-page .cart-total strong { font-weight: normal; } .order-details-page .cart-total-left { text-align: left; } .order-details-page .cart-total-right { text-align: right; } .order-details-page .cart-total tr:last-child { height: 50px; font-size: 18px; } .order-details-page .cart-total .order-total { color: #59b6db; } /* thank you */ .order-complete-page .page-title { display: block; margin: 0 0 60px; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 26px; line-height: 1; } .order-complete-page .page-body { margin: 0 auto; width: 95%; } .order-complete-page .order-title { margin: 0 0 25px; font-size: 18px; } .order-complete-page .details { margin: 0 0 25px; } .order-complete-page .details-item { margin: 12px 0; } .order-complete-page .details-label { display: block; font-weight: bold; } .order-complete-page .details-value { color: #707e92; font-size: 16px; } .order-complete-page .details-link { color: #59b6db; font-size: 16px; } .order-complete-page .buttons { padding: 20px; background: #f3f5f9; } .order-complete-page .order-completed-continue-button { display: inline-block; padding: 13px 25px; border: 0; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } /********** BLOG **********/ .html-blog-page .side-2, .html-blogpost-page .side-2 { margin-bottom: 40px; } .blog-page, .blogpost-page { font-family: "Open Sans", sans-serif; } .blog-page img { max-width: 100%; width: auto; /*fix for blurry stretched images on blog pages*/ height: auto; /*fix for blurry stretched images on blog pages*/ } .blog-list-title { margin-bottom: 60px; } .blog-categories-navigation .title strong { padding: 10px 0; background: url(/Themes/NopTemplates/Content/img/arrow-footer-down.png) right center no-repeat; } .blog-categories-navigation { max-width: 360px; margin: 0 auto 5px; } .blog-categories-navigation .title { padding: 10px 15px; background: #f3f5f9; } .blog-categories-navigation .list { padding: 5px 15px; } .blog-categories-navigation .list-link { padding: 10px 0; background: transparent; font-size: 14px; color: #707e92; } .html-blog-page .blog-categories-navigation .active .list-link { color: #373c41; font-weight: bold; pointer-events: none; } /* navigation */ .block-blog-archive .list > .list-item > .list-link { padding-right: 40px; padding-left: 28px; } .block-blog-archive .list > .list-item > .list-link:before { right: 0; left: auto; content: "\e66f"; font-size: 10px; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .block-blog-archive .list > .list-item > .list-link.opened:before { content: "\e671"; font-size: 16px; } .block-blog-archive .sublist .list-link { background: #f9fbfe; } .block-blog-archive .sublist { display: none; } .block-popular-blogtags .list-link { padding-left: 28px !important; font-size: 16px !important; } .block-popular-blogtags .title { margin: 0 0 10px; } .block-popular-blogtags .list { overflow: hidden; } .block-popular-blogtags .bt-item { display: inline-block; vertical-align: middle; font-size: 12px; } .block-popular-blogtags .bt-link { display: block; margin: 0 0 4px; padding: 5px 8px; background: #f3f5f9; } /* blog list */ .blog-posts .post-body h1 { font-size: 27px; line-height: 1.2; } .blog-list-title .title-text { display: block; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .blog-page .post { margin: 0 0 29px; padding: 0 0 35px; border-bottom: 1px solid #e7eaed; } .blog-page .post-head { text-align: left; margin-bottom: 20px; } .blog-page .post-title { display: block; margin-bottom: 15px; font-size: 26px; line-height: 1.3; font-weight: bold; } .blog-page .post-head .post-date { display: inline-block; vertical-align: top; color: #707e92; font-size: 13px; line-height: 1; margin-right: 10px; } .blog-page .comments-number a, .blog-page .comments-number span { color: #707e92; font-size: 13px; line-height: 1; } .blog-page .comments-count { margin-right: 3px; } .blog-page .post-head > div { display: inline-block; vertical-align: top; margin-right: 10px; font-size: 0; } .comments-number:before { content: "\e617"; display: inline-block; vertical-align: bottom; margin-right: 6px; font-family: 'nop_templates_font'; font-size: 13px; line-height: 13px; color: #afb8c4; } .blog-page .post-subhead { margin: 15px 0; padding: 0 10px; min-height: 22px; } .blog-page .tl-link { color: #67bbdd; } .blog-page .tags-label { display: block; } .blog-page .tags-label, .blog-page .tags-list { overflow: hidden; } .blog-page .tl-item { position: relative; float: left; margin: 0 0 0 2px; padding: 0 7px 0 0; } .blog-page .tl-item:last-child { padding: 0; } .blog-page .tl-item:before { position: absolute; top: 0; right: 2px; content: ","; } .blog-page .tl-link { display: block; margin: 0 0 0 1px; } .blog-page .tl-item:last-child:before { display: none; } .blog-page .tl-item:last-child .tl-link { margin: 0; } @media all and (max-width: 480px) { .blog-page .post-subhead .tags-list { display: inline-block; } } .blog-page .post-body { margin: 0 0 15px; text-align: left; font-size: 16px; line-height: 2; } .blog-page .post-body a { color: #59b6db; } .blog-page .post-body .short-description { margin: 13px 0 0; padding: 0 10px; } .blog-page .post .read-more { float: left; padding: 0 13px 0 0; font-weight: bold; font-size: 16px; } .blog-page .post .read-more:after { content: "\e671"; display: inline-block; vertical-align: middle; margin-left: 8px; font-family: 'nop_templates_font'; font-size: 8px; color: #93a0b3; font-weight: bold; } .blog-page .share-post-panel { float: left; clear: both; margin: 15px 0 0; } .blog-page .share-item { float: left; margin: 0 3px; } .blog-page .share-link { display: block; width: 35px; height: 35px; text-align: center; } .blog-page .share-link:before { color: #fff; font-family: 'nop_templates_font'; line-height: 35px; } .blog-page .share-link.facebook { background: #305f8e; } .blog-page .share-link.facebook:before { content: "\e607"; font-size: 18px; } .blog-page .share-link.twitter { background: #56b5d5; } .blog-page .share-link.twitter:before { content: "\e620"; font-size: 16px; } .blog-page .share-link.pinterest { background: #d0333e; } .blog-page .share-link.pinterest:before { content: "\e613"; font-size: 20px; } .blog-page .share-link.linkedin { background: #38a6cb; } .blog-page .share-link.linkedin:before { content: "\e65c"; } .blog-page .share-link.google { background: #e6763f; } .blog-page .share-link.google:before { content: "\e60b"; font-size: 20px; } .post-footer-bottom { overflow: hidden; padding: 15px 10px; border-top: 1px solid #d9e0ea; border-bottom: 1px solid #d9e0ea; } @media all and (max-width: 768px) { .post-footer-bottom .comments-number { margin: 0 0 10px; text-align: left; } } .post-footer-bottom .tags { float: left; overflow: hidden; text-align: left; } .post-footer-bottom .tags-label { float: left; } .post-footer-bottom .tags-list { display: block; overflow: hidden; margin-left: 80px; } /* blog post page */ .blog-page .post-head { margin-bottom: 28px; } .blogpost-page .post-content { margin: 0 0 50px; } .blogpost-page .post-subhead { padding-bottom: 15px; border-bottom: 1px solid #d9e0ea; } .blogpost-page .post-body { padding-bottom: 15px; text-align: left; font-size: 16px; line-height: 28px; } .blogpost-page .post-body h2 { margin: 65px 0 35px; font-size: 24px; line-height: 1.4; } .blogpost-page .post-body h3 { margin: 65px 0 35px; font-size: 20px; line-height: 1.4; } .blogpost-page .post-body h4 { margin: 65px 0 35px; font-size: 16px; line-height: 1.4; } .blogpost-page .post-body h2:first-child, .blogpost-page .post-body h3:first-child, .blogpost-page .post-body h4:first-child { margin-top: 0; } .blogpost-page .post-body .highlight { padding: 24px 30px; background: #f3f5f9; border-left: 4px solid #707e92; font-size: 18px; font-weight: bold; } .blogpost-page .post-body .quote { position: relative; padding: 24px 30px 24px 50px; background: #f3f5f9; font-size: 18px; font-weight: bold; font-style: italic; } .blogpost-page .post-body .quote:before { content: "\e615"; display: inline-block; position: absolute; top: 25px; left: 20px; font-size: 15px; color: #707e92; font-family: 'nop_templates_font'; } .blogpost-page .post-body p { margin: 35px 0; } .blogpost-page .post-body ol { margin: 35px 0; padding: 0; list-style: none; counter-reset: item; } .blogpost-page .post-body ol li { counter-increment: item; font-size: 16px; margin-bottom: 15px; } .blogpost-page .post-body ol li:last-of-type { margin-bottom: 0; } .blogpost-page .post-body ol li:before { content: counter(item); display: inline-block; margin-right: 15px; font-size: 16px; font-weight: bold; } .blogpost-page .post-body ul { margin: 35px 0; padding: 0 0 0 20px; list-style-type: disc; } .blogpost-page .post-body ul li { margin-bottom: 15px; } .blogpost-page .post-body img { margin: 50px 0; } .blogpost-page .related-posts { margin: 0 0 50px; } .blogpost-page .new-comment { background-color: #f3f5f9; padding: 36px 20px 40px; } .blogpost-page .new-comment .title { border: 0; margin-bottom: 26px; text-align: center; font-size: 15px; color: #373c41; font-weight: bold; text-transform: uppercase; } .blogpost-page .new-comment textarea { width: 100% !important; max-width: 600px; margin: 0 auto; } .blogpost-page .new-comment .buttons { padding: 0; margin: 30px 0 0; } .blogpost-page .rp-title { margin: 0 0 30px; border-bottom: 1px solid #d9e0ea; text-align: left; } .blogpost-page .rp-title .title-text { position: relative; display: inline-block; padding: 8px 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 1.2; } .blogpost-page .rp-title .title-text:after { position: absolute; right: 0; bottom: -4px; left: 0; height: 4px; background-color: #81ceee; content: " "; } .blogpost-page .rp-item { margin: 0 auto 20px; max-width: 100%; width: 290px; } .blogpost-page .rp-img-link { position: relative; display: block; margin: 0 0 10px; } .blogpost-page .rp-img-link:before { display: block; padding-top: 32%; content: ""; } .blogpost-page .rp-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .blogpost-page .rp-item-title { font-weight: normal; font-size: 16px; } .blog-page.blogpost-page .share-post-panel { float: none; overflow: hidden; margin: 0 0 15px; } .blogpost-page .share-post-list { float: left; } .blogpost-page .share-post-panel + .tags { clear: both; padding: 15px 10px 0; border-top: 1px solid #d9e0ea; } .blogpost-page .comment-list .title { display: none; } .blogpost-page .comment-info { border: 0; width: auto; } .blogpost-page .comment-info .avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .blogpost-page .comment-content .username { padding: 0; color: #373c41; } .blogpost-page .comment-content .comment-time .stat-label { display: none; } .new-comment { clear: both; margin: 0 0 30px; } .new-comment .title { margin: 0 0 40px; } .new-comment .notifications { margin: 0 0 10px; } .new-comment .result { color: #690; } .new-comment .form-fields { margin: 0 0 15px; } .new-comment input[type=text], .new-comment textarea { width: 100%; } .new-comment .field-validation-error { margin: 12px 0 0; text-align: center; font-size: 14px; } .new-comment .buttons { padding: 20px; background: #f3f5f9; } .new-comment .button-1 { padding: 13px 25px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .comment-list .title { margin: 0 0 25px; border-bottom: 1px solid #d9e0ea; text-align: left; } .comment-list .title .title-text { position: relative; display: inline-block; padding: 8px 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 1.2; } .comment-list .title .title-text:after { position: absolute; right: 0; bottom: -4px; left: 0; height: 4px; background-color: #81ceee; content: " "; } .blog-comment, .news-comment { margin: 0 0 25px; padding: 0 20px 25px; border-bottom: 1px solid #e6eaf0; text-align: left; } .blog-comment:after, .news-comment:after { display: block; clear: both; content: ""; } .comment-info { margin: 0 0 10px; width: 120px; border: 1px solid #ccc; } .comment-info .avatar { position: relative; overflow: hidden; width: 120px; height: 120px; } .comment-info .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .comment-content .username { display: inline-block; margin: 0 0 6px; padding: 8px 0; color: #707e92; font-weight: bold; font-size: 16px; } .comment-title { font-size: 16px; } .comment-content .comment-time { margin: 0 0 10px; } .comment-content .comment-time .stat-label, .comment-content .comment-time .stat-value { display: inline-block; vertical-align: middle; } .comment-content .comment-time .stat-value { color: #707e92; } .comment-content .comment-body { line-height: 20px; } /********** FORUM & PROFILE **********/ /* global */ .forum-page { font-family: 'Open Sans', sans-serif; } .forum-page-title { margin: 0 0 50px; } .forum-page-title .title-text { padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .forum-page .forum-name, .forum-page .topic-name { text-align: left; font-size: 16px; } .forums-table-section { margin: 0 0 30px; } .forums-table-section-title { overflow: hidden; margin: 0 0 10px; } .forums-table-section-title > a, .forums-table-section-title strong { font-weight: normal; } .forums-table-section-body { overflow-x: auto; } .forums-table-section-body table { min-width: 850px; } .forums-table-section .image div { margin: auto; width: 38px; height: 31px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAfBAMAAAB5ZqL4AAAAKlBMVEUAAADGzNjGzNi+xdGwtsSmrbumrbumrbumrbumrbumrbumrbvGzNimrbto3WNNAAAADHRSTlMA7o4GwLHzcfmHDgrLVuFsAAAATElEQVQoz2Ngz70LBFcXMCCB2rtg4I0sBlQGVmiAJHYXCgKwiN1EEmuROYMKDioz+JxBB4cY4MoQChnOYIJRsYETwxpHOlji0ggzzgFQYKRQljiwtwAAAABJRU5ErkJggg==) no-repeat center; } .forums-table-section .image div.post-annoucement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAfBAMAAAB5ZqL4AAAAKlBMVEUAAACMx9+Mx9+DvtZnorpnorp3s8tnorpnorpnorpnorpnorqMx99norqJYmTVAAAADHRSTlMA7o4Gu/O+cQz5pIdyCBl5AAAATUlEQVQoz2Ngj70LBFcaGJBA7V0w8EAWAyoDKzRAErsLBQuwiN1GEpsmcwYVHFRmyDmDDg4xwJUhFDKcwQSjYgMnhjWOdLDEpRFmnAMAwLOkj3BMSFsAAAAASUVORK5CYII=) no-repeat center; } .forums-table-section .image div.poststicky { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAfBAMAAAB5ZqL4AAAAJFBMVEUAAABwfZJwfpJbaHpOWmtOWmtdanxOWmtOWmtOWmtwfpJOWmvR51c5AAAACnRSTlMA7o4I9bu+caSHx2t+kQAAAElJREFUKM9jYPfeDQRbDRiQQPVuMAhGFgMqw1C4GwoasIjtRBJzk1qFChYqM2StQgeLGODKEAoZVmGCUbGBE8MaR1pY4tIIM84BShtezDxbOiUAAAAASUVORK5CYII=) no-repeat center; } .forums-table-section .topic-title, .forums-table-section .topic-type, .forums-table-section .topics-pager { display: inline-block; vertical-align: middle; } .forums-table-section .topic-type { margin: 0 3px; padding: 3px 5px; color: #fff; font-size: 14px; line-height: 1; } .forums-table-section .topic-type.text-sticky { background-color: #68c1e5; } .forums-table-section .topic-type.text-announce { background-color: #68c1e5; } .forums-table-section .last-post { color: #707e92; } .forums-table-section .origin label, .forums-table-section .origin a, .forums-table-section .author label, .forums-table-section .author a { display: inline-block; vertical-align: middle; font-weight: normal; } .forums-table-section .origin a, .forums-table-section .author a { color: #59b6db; } .forum-page .new-topic, .forum-page .watch-forum { position: relative; display: inline-block; margin: 0 0 5px; padding: 13px 25px 13px 38px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; } .forum-page .new-topic { background-color: #f76b6c; } .forum-page .watch-forum { margin-left: -3px; background-color: #707e92; } .forum-page .new-topic:before, .forum-page .watch-forum:before { position: absolute; top: 0; color: #fff; font-family: 'nop_templates_font'; line-height: 45px; opacity: .45; } .forum-page .new-topic:before { left: 15px; content: '\e62d'; font-size: 15px; } .forum-page .watch-forum:before { left: 11px; content: '\e627'; font-size: 11px; } /* index */ .forums-main-page .forum-stats { margin: 0 0 55px; } .forums-main-page .stat-item { padding: 25px 15px; font-size: 0; } @media all and (max-width: 480px) { .forums-main-page .stat-item { padding: 25px 15px; border-top: 1px solid #d9e0ea; } .forums-main-page .stat-item:first-child { border-top: 0; } } .forums-main-page .stat-count { display: block; color: #707e92; letter-spacing: 1px; font-weight: bold; font-size: 36px; line-height: .9; } .forums-main-page .stat-label { display: block; text-transform: uppercase; font-size: 20px; line-height: 1.2; } .forums-main-page .forum-views .stat-label { color: #72ccb7; } .forums-main-page .forum-posts .stat-label { color: #67c1e3; } .forums-main-page .forum-members .stat-label { color: #8b6fa2; } .forums-main-page .join-title { margin: 0 0 10px; font-size: 18px; } .forums-main-page .join-info { margin: 0 0 15px; color: #707e92; font-size: 14px; } .forums-main-page .register { position: relative; display: inline-block; padding: 13px 28px 13px 38px; border: 0; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .forums-main-page .register:before { position: absolute; top: 0; left: 15px; color: #fff; content: '\e62d'; font-size: 15px; font-family: 'nop_templates_font'; line-height: 42px; opacity: .45; } .forum-search-box { margin: 0 0 50px; padding: 20px; background: #f3f5f9; text-align: center; } .forum-search-box form { display: inline-block; } .forum-search-box .basic { overflow: hidden; margin: 0 0 10px; } .forum-search-box-text, .forum-search-text { float: left; width: 200px !important; } .forum-search-box-button, .forum-search-button { position: relative; float: left; width: 36px; height: 36px; border: none; background-color: #707e92; font-size: 0; } .forum-search-box-button:before, .forum-search-button:before { position: absolute; top: 0; left: 0; width: 36px; color: #fff; content: '\e626'; font-size: 16px; font-family: 'nop_templates_font'; line-height: 36px; opacity: .35; } .forum-search-box .adv-search-link { color: #707e92; font-size: 16px; } .forums-main-page .active-discussions { margin: 100px 0 0; } .forum-page .active-discussions .forums-table-section-title { margin: 0 0 35px; text-align: center; text-transform: uppercase; font-size: 20px; font-family: Raleway, sans-serif; } .forums-table-section .topic-starter label, .forums-table-section .topic-starter a { display: inline-block; color: #707e92; vertical-align: middle; font-weight: normal; font-size: 14px; } .forums-table-section .topic-starter a { color: #59b6db; } .forums-main-page .active-discussions .buttons { margin: 0; padding: 20px; border-top: 1px solid #d9e0ea; background: #f3f5f9; } .forums-main-page .active-discussions .view-all { display: inline-block; padding: 13px 25px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } /* search page */ .forum-search-page .forum-page-title { margin: 0 0 20px; } .forum-search-page .page-body { margin: 0 auto; width: 95%; } .forum-search-page .forum-search-box { position: relative; z-index: 1; margin: 0; } .forum-search-page .forum-search-box:after { position: absolute; top: 100%; left: 50%; margin-left: -23px; width: 0; height: 0; border-width: 16px 23px 0 23px; border-style: solid; border-color: #f3f5f9 transparent transparent transparent; content: ""; } .forum-search-page .basic { margin: 0; } .forum-search-page label[for=adv] { color: #707e92; font-size: 16px; } .forum-search-page .forum-search-filters { display: none; padding: 30px 20px 20px; border: 1px solid #f3f5f9; border-top: 0; } .forum-search-page .search-results { margin: 40px 0 0; } .forum-search-page .search-error { margin: 40px 0 0; color: #c00; text-align: center; } /* forum section page */ .forum-section-page .forum-page-title { margin: 0 0 20px; } .forum-section-page .forum-search-box { margin: 0 0 20px !important; } .forum-section-page .forum-actions { margin: 0 0 30px; } /* forum group page */ .forum-group-page .forum-page-title { margin: 0 0 20px; } .forum-group-page .forum-search-box { margin: 0 0 50px !important; } /* active discussions page */ .active-discussions-page .forum-page-title { margin: 0 0 20px; } .active-discussions-page .forum-search-box { margin: 0 0 50px !important; } /* forum create/edit topic/post page */ .forum-edit-page .forum-page-title { margin: 0 0 20px; } .forum-edit-page .page-body { margin: 0 auto; width: 95%; } .forum-edit-page .forum-group-name { font-size: 14px; } .forum-edit-page .forum-topic-name { font-weight: normal; font-size: 14px; } .forum-edit-page .inputs { margin: 0 0 30px; } .forum-edit-page .inputs .forum-post-text { white-space: normal; } .forum-edit-page .notify-me-label { display: inline-block; width: auto; color: #373c41; text-align: left; white-space: normal; } .forum-edit-page .buttons { margin-top: 50px; padding: 20px; background: #f3f5f9; } .forum-edit-page .submit-button, .forum-edit-page .cancel-button { position: relative; display: inline-block; padding: 13px 25px 13px 38px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; } .forum-edit-page .submit-button { background-color: #707e92; } .forum-edit-page .cancel-button { background-color: #f76b6c; } .forum-edit-page .submit-button:before, .forum-edit-page .cancel-button:before { position: absolute; top: 0; left: 8px; width: 30px; height: 45px; color: #fff; text-shadow: none; font-size: 12px; font-family: 'nop_templates_font'; line-height: 45px; opacity: .4; } .forum-edit-page .submit-button:before { content: "\e61b"; } .forum-edit-page .cancel-button:before { content: "\e62b"; } /* forum topic page */ .forum-topic-page .forum-page-title { margin: 0 0 20px; } .forum-topic-page .forum-search-box { margin: 0 0 20px !important; } .forum-topic-page .topic-actions { margin: 0 0 30px; } .forum-topic-page .reply-topic-link-button, .forum-topic-page .watch-topic-link-button, .forum-topic-page .edit-topic-link-button, .forum-topic-page .delete-topic-link-button, .forum-topic-page .move-topic-link-button { position: relative; display: inline-block; margin: 0 0 5px; padding: 13px 17px 13px 34px; border: 0; background-color: #9aa6b7; color: #fff; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; } .forum-topic-page .delete-topic-link-button { background-color: #f76b6c; } .forum-topic-page .reply-topic-link-button:before, .forum-topic-page .watch-topic-link-button:before, .forum-topic-page .move-topic-link-button:before, .forum-topic-page .edit-topic-link-button:before, .forum-topic-page .delete-topic-link-button:before { position: absolute; top: 0; left: 4px; width: 30px; height: 45px; content: ""; text-align: center; font-family: 'nop_templates_font'; line-height: 45px; opacity: .4; } .forum-topic-page .reply-topic-link-button:before { content: "\e629"; font-size: 14px; } .forum-topic-page .watch-topic-link-button:before { content: "\e627"; font-size: 10px; } .forum-topic-page .move-topic-link-button:before { content: "\e656"; font-size: 13px; } .forum-topic-page .edit-topic-link-button:before { content: "\e63a"; font-size: 16px; } .forum-topic-page .delete-topic-link-button:before { content: "\e62b"; font-size: 12px; } .forum-post { margin: 0 0 30px; border-bottom: 1px solid #d9e0ea; } .forum-post .forum-post-head { border-bottom: 1px solid #d9e0ea; background: #f3f5f9; } .forum-post .username { display: inline-block; margin: 10px; color: #707e92; font-weight: bold; font-size: 16px; line-height: 20px; } .forum-post .post-head-right { color: #707e92; } .forum-post .post-time { padding: 10px; font-size: 0; } .forum-post .pt-label, .forum-post .pt-value { vertical-align: middle; font-size: 14px; line-height: 20px; } .forum-post .post-actions { overflow: hidden; } .forum-post .delete-post, .forum-post .edit-post { display: inline-block; margin: 0 10px; padding: 10px 0; color: #707e92; text-transform: lowercase; font-size: 14px; font-family: Raleway, sans-serif; line-height: 20px; } .forum-post .delete-post:before, .forum-post .edit-post:before { margin-right: 5px; font-family: 'nop_templates_font'; line-height: 20px; } .forum-post .delete-post:before { color: #f76b6c; content: "\e62b"; font-size: 11px; } .forum-post .edit-post:before { color: #9aa5b7; content: "\e63a"; } .forum-post .post-link { display: inline-block; padding: 10px; height: 40px; line-height: 20px; } .forum-post .quote-link { display: inline-block; padding: 10px 15px; height: 40px; background-color: #81ceee; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; line-height: 20px; } .forum-post .quote-link:before { display: inline; margin-right: 5px; color: rgba(255,255,255,.8); content: "\e615"; font-size: 12px; font-family: 'nop_templates_font'; } .forum-post .post-body-left { padding: 20px; } .forum-post .avatar { position: relative; margin: 0 auto 10px; width: 110px; height: 110px; border: 1px solid #d9e0ea; } .forum-post .avatar-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .forum-post .post-body-left .user-stats { margin: 0 0 5px; } .forum-post .status-label, .forum-post .status-value { display: inline-block; color: #707e92; vertical-align: middle; } .forum-post .pm-link { display: inline-block; padding: 7px 12px; background-color: #9aa6b7; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; line-height: 18px; } .forum-post .pm-link:before { display: inline; margin-right: 5px; color: rgba(255,255,255,.8); content: "\e60c"; font-size: 12px; font-family: 'nop_templates_font'; } .forum-post .post-text { padding: 25px 20px; min-height: 140px; border-top: 1px solid #d9e0ea; text-align: left; } .forum-post .post-text a { color: #59b6db; } .forum-post .post-text .user-posted-image { max-width: 100%; } .forum-post .quote, .user-last-posts .quote { padding: 8px; background: #f3f5f9; } .forum-post .quote-author, .user-last-posts .quote-author { position: relative; display: block; margin: 0 0 8px; padding-left: 32px; text-align: left; } .forum-post .quote-author:before, .user-last-posts .quote-author:before { position: absolute; top: 0; left: 5px; color: #cdd3dd; content: "\e615"; font-size: 14px; font-family: 'nop_templates_font'; line-height: 19px; } .forum-post .quote-text, .user-last-posts .quote-text { padding: 8px; background: #fff; color: #707e92; text-align: left; } .forum-post .csharpcode { margin-top: 10px; padding: 20px; background: #f3f5f9; color: #7c899b; white-space: normal; word-wrap: break-word; } .forum-post .signature { padding: 20px; border-top: 1px dotted #d9e0ea; font-style: italic; } /* forum move topic page */ .move-topic-page .forum-page-title { margin: 0 0 20px; } .move-topic-page .page-body { margin: 0 auto; width: 95%; } .move-topic-page .buttons { margin-top: 45px; padding: 20px; background: #f3f5f9; } .move-topic-page .submit-button, .move-topic-page .cancel-button { position: relative; display: inline-block; padding: 13px 25px 13px 38px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; } .move-topic-page .submit-button { background-color: #707e92; } .move-topic-page .cancel-button { background-color: #f76b6c; } .move-topic-page .submit-button:before, .move-topic-page .cancel-button:before { position: absolute; top: 0; left: 8px; width: 30px; height: 45px; color: #fff; text-shadow: none; font-size: 12px; font-family: 'nop_templates_font'; line-height: 45px; opacity: .4; } .move-topic-page .submit-button:before { content: "\e61b"; } .move-topic-page .cancel-button:before { content: "\e62b"; } /* profile page */ .profile-page-title { margin: 0 0 30px; } .profile-page-title .title-text { padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .profile-page .page-body { margin: 0 auto; width: 95%; } .profile-page .user-details { margin-bottom: 20px; padding: 20px; border-bottom: 1px solid #d9e0ea; } .profile-page .avatar { position: relative; margin: 0 auto 10px; width: 110px; height: 110px; border: 1px solid #d9e0ea; } .profile-page .avatar-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .profile-page .user-stats { margin: 0 0 5px; } .profile-page .status-label, .profile-page .status-value { display: inline-block; color: #707e92; vertical-align: middle; } .profile-page .pm-link { display: inline-block; padding: 7px 12px; background-color: #9aa6b7; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; line-height: 18px; } .profile-page .pm-link:before { display: inline; margin-right: 5px; color: rgba(255,255,255,.4); content: "\e60c"; font-size: 12px; font-family: 'nop_templates_font'; } .profile-page .last-posts-title { margin: 0 0 20px; text-align: center; } .profile-page .last-posts-title .title-text { text-transform: uppercase; font-weight: normal; font-size: 20px; } .profile-page .topic-header { border-bottom: 1px solid #d9e0ea; background: #f3f5f9; } .profile-page .topic-title, .profile-page .topic-data { display: inline-block; padding: 10px; vertical-align: middle; } .profile-page .topic-label, .profile-page .topic-name, .profile-page .topic-span { display: inline-block; vertical-align: middle; line-height: 20px; } .profile-page .topic-name { color: #67bbdd; } .profile-page .topic-body { padding: 20px; text-align: left; } /* forum edit & send message */ .private-message-send-page .options button, .private-messages-page .buttons button, .private-message-view-page .options button { padding: 13px 25px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } @media all and (max-width: 480px) { .private-messages-page .buttons button { font-size: 14px; } } /********** MEET THE TEAM **********/ .team-page { font-family: 'Open Sans', sans-serif; } .team-page-title { margin: 0 0 50px; } .team-page-title .title-text { display: block; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .team-page .team-list { margin: 0; padding: 0; list-style: none; } .team-page .team-item { margin: 0 auto 80px; max-width: 480px; } .team-page .person-picture { overflow: hidden; margin: 0 auto 15px; width: 170px; height: 170px; border: 6px solid #e8edf4; border-radius: 50%; } .team-page .person-img { max-width: 100%; max-height: 100%; border-radius: 50%; } .team-page .person-header { margin: 0 0 10px; } .team-page .person-name { text-transform: uppercase; font-size: 18px; } .team-page .person-position { text-transform: lowercase; font-weight: normal; font-size: 16px; } .team-page .person-description-wrap { position: relative; overflow: hidden; padding: 0 0 75px; height: 138px; text-align: justify; font-size: 13px; line-height: 1.8; } .team-page .person-description { padding: 0 20px; } .team-page .read-more { position: absolute; right: 0; bottom: 0; left: 0; padding: 32px 0 0; height: 75px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAbBAMAAACgkcRQAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAAwcLFA8YHSKnsawrAAABdElEQVRYw+2TjY2DIBiGcQNhA3UDiRvUW0DcwBwbVDeoYx94Asqf+NOel/BEk7ap5nve9wNEIpFIJHIdKYAT4H+TALgk3X4AeknBnwABvCUpC2xPKDfVsKpdLILyQDL4BhL7UU6hBK1mQGqK/JNAwa56koXFDYEMj5vFA6E81KRgN95PfpjlZC4Ro46C30Wppsb8M/4sZfjB0wqRU++nddPg8/AQdQ926QdlXQfGISZVe5TzvrZWjL3akGgdPDa43M1wUSJCYxV30zohLXlcC6mJV8zmgoSJPCBIelS+tSGu8L++3ZyQ8wpNjcwmopBMevzOy15BVD7O8M2he2r+RqnLsGMJhFvV+taVaruAtlfaygeET/tnHwrt2f8NR3a56LrO1RKekCZgvVeVX0ML32S0MIz9TujTKqV308hShAjKGbNGLUKXnfNvPoPXeIgXfzTQbG5vLkm5CJOMi6jF4h7Ee3KpFv8bGQabpTiBYsUa0Un2Awmn7mtrOUWaAAAAAElFTkSuQmCC) no-repeat left top; background-size: 100% 27px; font-size: 0; cursor: pointer; } .team-page .read-more:before { display: block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAqCAMAAADvYwfyAAAATlBMVEUAAAA3PEE3PEE3PEE3PEE3PEE3PEE3PEE3PEE3PEFHT1k3PEE3PEE3PEE3PEFwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpJwfpI3PEGTJiBxAAAAGXRSTlMAdzPuVcyq3Yi7EplmRCI+5rEnyJXcelwL7dpmCgAAAbBJREFUSMftk21zgyAMgAMpBERt7Tv//4+OiFGc3a67Y7cP8/lQbYgPuRDgTTwBqKgB0MJ7/L15Z6ciOiZQpbdDHDnI+M4hqyVZRQPTAvKjCWnZt3kpYfjVRMYks06JZDl7NvQRuyzQ4+dKzDjlWEROQ99z0I1L/MOZxkrNOsdLsyIfxMx/ZUUZcmOtaFlkPOSsw2QG7zfm2JRmUi0WZqAgZkd5ZxZ1uXPsErM139fcRd1gW5gDiVnHjlVKYS4nL+OXNbeo5LiQMw2A9YXZoZjBBP6md7hEeYtsdrGTE1R5NkgKzOR9+pdmxUoPWzN7vIZVzdyw0tzGEbWELM1mbhMpcKtuUO6GwmZt5saX5jwXjpYQBjFzKw9J4MoTJDlBCp/Nuiywj10+xk5Cjh9ibqO3KbSaum6eZ702c+IydYqmSkIOaRtbWMyAXKp7eVPAbKauwTDfbnJy4aaQ01CaA81n2he3e7oA7Xy7d3Z2/i3DcRM6DlXMx9MD1jxOR6jC+XaHkvvtDJVoLldYuF4aqMZzGJ7lay2kUCm/KtJcbnlVZCC2Y1Jp+q5J/iucLz+atg9VORjh0D0T+wAAAABJRU5ErkJggg==); text-align: center; } .team-page .person-description-wrap.expanded .read-more:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAqCAMAAAADFmLkAAAAQlBMVEUAAAA3PEE3PEE3PEE3PEE3PEFNVmJwfpJwfpJwfpI3PEFwfpI3PEFwfpJwfpI3PEFwfpJwfpJwfpI3PEE3PEE3PEHvgdcfAAAAFXRSTlMA7nczVYgP4j6xqifdyJWZelwBu2ZZnYXmAAAAq0lEQVQ4y+2RSxKDIAxAoyg/EZQ2979qTTNdpIiwdca3ysCbfEHwCgAjKoDBg6BqPZwzDkAonDiekPCKHmf8os+sQ9AJR7L4DyoWn6BtQUg9VgrCQkZabHD3XuQqrXZFH3qsoaf7uWMTyuO7sVVilhd6uB3LurQla6KxLWk39hD3a2kzCxU125UUVw2EXmPV0c5pERZwglykFXAzuWxRQoPlctx/XPlk3S/6AMiBCedjxocnAAAAAElFTkSuQmCC); } .team-page .person-description p:first-child { margin-top: 0; } .team-page .person-description p:last-child { margin-bottom: 0; } /********** CLIENTS *********/ .clients-page { font-family: 'Open Sans', sans-serif; } .clients-page-title { margin: 0; } .clients-page-title .title-text { display: block; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .clients-page .client-list { margin: 0; padding: 0; list-style: none; } .clients-page .client-item { padding: 40px 0; } .clients-page .client-item:nth-child(2n) { background: #f3f5f9; } .clients-page .item-content { margin: 0 auto; width: 95%; } .clients-page .client-picture { display: block; box-shadow: 0 1px 2px rgba(0,0,0,.15); font-size: 0; line-height: 0; } .clients-page .client-img { max-width: 100%; } .clients-page .client-info { padding: 25px 0 0; } .clients-page .client-url { margin: 0 0 7px; } .clients-page .client-link { color: #59b6db; text-transform: uppercase; font-weight: normal; font-size: 18px; } .clients-page .our-products, .clients-page .external-products { display: block; margin: 7px 0 0; font-size: 18px; } .clients-page .our-products a { color: #59b6db; } .clients-page .buttons { margin: 20px 0 25px; } .clients-page .more-stories { display: inline-block; padding: 17px 10px; background-color: #9aa6b7; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } .clients-page .client-description-wrap { position: relative; overflow: hidden; padding: 0 0 50px; height: 165px; text-align: left; line-height: 1.8; } .clients-page .read-more { position: absolute; right: 0; bottom: 0; left: 0; padding: 28px 0 0; height: 50px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAHCAYAAAD03kbyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODc3OUYxNkY0QTJEMTFFNEIyMjJGNkY3RTJGMDM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODc3OUYxNzA0QTJEMTFFNEIyMjJGNkY3RTJGMDM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Nzc5RjE2RDRBMkQxMUU0QjIyMkY2RjdFMkYwMzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Nzc5RjE2RTRBMkQxMUU0QjIyMkY2RjdFMkYwMzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmiG51cAAAB8SURBVHjaYnz48CEDEIQDcT0QqwDxHSBuBOKVDNgBxWoZgZaGAhmrsGiIwGIYVdSCLL0CZGhjkbwKxDpoYlRRC7L0J5DBhkXyFxCzo4lRRS0TkLiNIz5uEylGslqQpQ04JJuwiFFFLcjSNdBUdg0aTNegfGyJgCpqAQIMABGCOuEFX88IAAAAAElFTkSuQmCC) no-repeat 5px 10px; font-size: 0; cursor: pointer; } .clients-page .client-item:nth-child(2n) .read-more { background-color: #f3f5f9; } .clients-page .read-more:before { display: block; content: "read more"; text-transform: uppercase; font-size: 16px; } .clients-page .client-description-wrap.expanded .read-more:before { content: "hide"; } /********** CONTACT US **********/ .contact-page .page-body { font-family: 'Open Sans', sans-serif; } .contact-page-title { margin: 0 0 35px; } .contact-page-title .title-text { display: block; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1; } .contact-page .page-body { margin: 0 auto; width: 95%; } .contact-page .info-img-wrapper { margin: 0 0 40px; border-bottom: 1px solid #d9e0ea; } .contact-page .info-img-item { position: relative; display: inline-block; margin: 0 auto 35px; padding: 95px 0 0; width: 230px; } .contact-page .info-img-item:before { position: absolute; top: 0; left: 50%; margin-left: -40px; width: 80px; height: 80px; border: 6px solid #d9dee7; border-radius: 50%; background-color: #eff2f6; background-position: center; background-size: 60%; background-repeat: no-repeat; content: ""; font-size: 0; } .contact-page .info-img-item.email:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAnCAMAAACIRr4OAAAAXVBMVEUAAAByzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLfMj2ZRAAAAHnRSTlMA+w70BwLrySAY4rpQRTMq2tOwoIt6PmOplGtbhMCC9ertAAABkElEQVRIx51U27KCMAwMVOoVQUQQwf7/Zx57mbPQTA24D44Fsm032aUP8r35CbqigN3zl/rbgSxK+1O02+vPua08kBoK++eVbay/72zZqMmYxlFd1Kb6B1k8jKHPYn+0i+tpfbkanXR34wlMXbnr3FbL37nmnY0lYE9k1IewHwhMhjOJeOfuxtqviKmySn5oTnFfpHZOfqP/zyiejE6nSnHVYsATYrNZ1evkBwFwutr3x5S30O4UgVEXt0NjOFIDR9EdX7hjjCfk5wRAm/LWRHjBCOSNsj5xNEpeVS/EKVPiUHrW61l7KrRHJggBQfl7dib0XyZoC0QlCGE2gSDrEZU0gbALHpAIdBf29lHZZ2EyWrgwQQA7eLWCt8rSETYsB0AQyYdhvTnpPCFLIhBw+S4KzXOoTsyMADH5HvH4lIrHAUBMvrglffbVEcTkW2KaBKsQ8ox5XU4FEAyQT0S9MAYx+WTouTUJ8t2FOhYObSCoIZ8InlukIN8WNDs/IorGL/LJzahagku3AIO+UT6ek39ELeII8k79aQAAAABJRU5ErkJggg==); } .contact-page .info-img-item.phone:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABECAMAAADa37fNAAAAOVBMVEUAAABoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweXiiXtkAAAAEnRSTlMAhxHzR7zTfy2X6k5MOBcGq1fLphONAAAAnUlEQVRIx+3WyxLCIAyF4UNJgF7VvP/DqqibUkkcp7v8i66+KQybBABxlE6RCY+yqGWAxBCBLYwRLSyifnMZvlRC/c+TTQWdyvRmhG70YglKqbJRY2NlQWPBmTNnzpw5O4+ZZ5Z9AsrcV8tv01liWLfhsG39zHq1f1jKo4HxBSCdLfWhGrZffuZDFsHtoTfZx81FUrhKExnXPOPSeAd/IjYPPw1MSAAAAABJRU5ErkJggg==); background-size: 35%; } .contact-page .info-img-item.support:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA+CAMAAACvKON1AAAANlBMVEUAAACOcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ+OcZ931VytAAAAEXRSTlMA5PryI1NNPTLcr41GGMUOZSQvzVsAAAEASURBVEjH1dPLEoMgDIVhItUKFG3e/2V771lEG5Os+m/PfDKDQ1LrrQwsojqmA02Zd6qrikecK7kHoymCuUYwkwcjMy4LHdHTFqbzfbl+Fxse5ud2hdaxvGSCVjFq73mBVrE8u/zSlx3Mub92htYxWh58JugjGOXaKvYNnPlwIcwhzBL79dmGOYQ5hDmEOYSHCOYSwdwiOPcAHqYIHl94/k/cKXBhqUVwoghOnieBKKSbQcuvrMWh0YlcGtylwV0a3KXBfVrnCUkN7tA6/yCZ4HYN7tLgLg3u0uAuDW75YzrPBi14ng0aHNigwYFNGpyAdQ1egO06ra3k0npyaKTqG+JTm1NHRe+jAAAAAElFTkSuQmCC); } .contact-page .info-img-item .phone-text { display: block; font-size: 16px; } .contact-page .send-email, .contact-page .submit-a-ticket { display: inline-block; padding: 13px 0; width: 150px; background-color: #707e92; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } .contact-page .buttons { padding: 20px; background: #f3f5f9; } .contact-page .contact-us-button { padding: 13px 25px; border: 0; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } /********** VIDEOS PAGE **********/ .videos-page { font-family: 'Open Sans', sans-serif; } .videos-page .page-body { margin: 0 auto; width: 95%; } .videos-page .page-title { display: block; margin: 0 0 60px; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 26px; line-height: 1; } .video-box { margin-bottom: 50px; padding: 0 10px; } .video-box .video-picture { position: relative; margin: 0 0 10px; } .video-box .video-img { max-width: 100%; } .video-box .play-video-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-box .play-video-button:before { position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; border: 6px solid #e5e5e5; border-radius: 50%; background: #fff; content: ""; opacity: .8; cursor: pointer; } .video-box .play-video-button:after { position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -17px; margin-left: -8px; border-width: 18px 0 18px 25px; border-style: solid; border-color: transparent transparent transparent #68c1e5; content: ""; opacity: .8; cursor: pointer; } .video-box .video-title { margin: 0 0 12px; font-size: 16px; } .video-box .video-description { margin: 0 0 15px; } .video-box .video-link-button { position: relative; display: inline-block; padding: 13px 25px 13px 45px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 16px; font-family: Raleway, sans-serif; line-height: 1; } .video-box .video-link-button:before { position: absolute; top: 0; left: 11px; width: 34px; height: 42px; color: #fff; content: "\e605"; text-align: center; font-size: 16px; font-family: 'nop_templates_font'; line-height: 42px; opacity: .3; } .video-details .picture { margin: 0 0 30px; } .video-details .picture iframe { max-width: 100%; } .video-details .full-description { text-align: justify; font-size: 16px; } /* featured grid */ .featured-video-grid { overflow: hidden; margin-bottom: 50px; border-bottom: 1px solid #d9e0ea; } .videos-grid { overflow: hidden; } .videos-grid .video-description, .videos-grid .video-buttons { display: none; } /********** NEWS **********/ .news-page { font-family: 'Open Sans', sans-serif; } .news-page .page-title { display: block; margin: 0 0 60px; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 26px; line-height: 1; } .news-page .page-body { margin: 0 auto; width: 95%; text-align: left; } .news-list-page .page-body { position: relative; } .news-list-page .news-item-list { overflow: hidden; margin: 0 0 30px; border-bottom: 1px solid #d9e0ea; } .news-list-page .news-item { padding: 35px 15px; border-top: 1px solid #d9e0ea; } .news-list-page .news-head { margin: 0 0 15px; } .news-list-page .news-title { display: block; margin: 0 0 5px; font-weight: bold; font-size: 18px; } .news-page .news-date { display: block; color: #707e92; } .news-list-page .news-details { margin: 0 0 15px; } .news-list-page .read-more { display: inline-block; padding: 11px 20px; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } /* news item page */ .news-item-page .news-date { margin: 0 0 20px; padding: 0 20px; } .news-item-page .news-body { margin: 0 0 60px; padding: 0 20px 30px; border-bottom: 1px solid #d9e0ea; } /*** TOPIC ***/ .topic-page { font-family: 'Open Sans', sans-serif; } .topic-page h1.page-title { margin: 0 0 50px; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; font-weight: normal; font-size: 30px; line-height: 1; } /*** ERROR PAGE ***/ .not-found-page { margin: 0 auto; padding: 100px 0 0; max-width: 1200px; width: 95%; } .not-found-page .page-title { position: relative; margin: 0 auto 5px; padding: 351px 0 0; max-width: 100%; width: 304px; color: #939ca7; font-size: 42px; } .not-found-page .page-title:before { position: absolute; top: 0; right: 0; bottom: 49px; left: 0; background: url(/Themes/NopTemplates/Content/img/404.png) no-repeat left top; background-size: 100% 100% !important; content: ""; } .not-found-page .page-subtitle { margin: 0 0 20px; color: #8994a0; font-weight: normal; font-size: 20px; } .not-found-page .buttons { margin: 0 0 370px; } .not-found-page .go-to-home { display: inline-block; padding: 13px 25px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-weight: normal; font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } /********** RE-CAPTCHA **********/ .recaptchatable #recaptcha_response_field { height: auto !important; } /********** choose product **********/ .choose-products-page { font-family: 'Open Sans', sans-serif; } .choose-products-page .support-info { position: relative; margin: 0 0 25px; padding: 20px 20px 20px 50px; background: #f3f5f9; color: #707e92; text-align: left; font-size: 16px; } .choose-products-page .support-info:before { position: absolute; top: 50%; left: 15px; margin-top: -12px; width: 24px; height: 24px; border: 2px solid #d5d9e1; border-radius: 50%; color: #d5d9e1; content: "i"; text-align: center; font: bold 16px/20px "Times New Roman", serif; } .choose-products-page .products-list-title { margin: 0 0 30px; padding: 10px; border-bottom: 1px solid #d9e0ea; text-align: left; text-transform: uppercase; font-weight: normal; font-size: 20px; } .choose-products-page .products-list { overflow: hidden; margin: 0 0 50px; } .choose-products-page .product-box { position: relative; margin: 0 auto 25px; max-width: 100%; width: 360px; text-align: center; } .choose-products-page .product-content { position: relative; z-index: 2; display: block; padding: 0 0 15px; } .choose-products-page .product-content:before { display: none; } .choose-products-page .product-selector:checked + .product-content { background: #e9ecf3; box-shadow: inset 0 0 15px rgba(0,0,0,.05); } .choose-products-page .product-pic, .choose-products-page .product-title { display: block; } .choose-products-page .product-pic { margin: 0 0 10px; padding: 30px 0 0; line-height: 0; } .choose-products-page .product-img { max-width: 100%; pointer-events: none; } .choose-products-page .product-title { padding: 0 10px; font-size: 16px; } .choose-products-page .product-selector:checked + .product-content .product-title { font-weight: bold; } .choose-products-page .buttons { margin: 0; padding: 20px; border-top: 1px solid #d9e0ea; background: #f3f5f9; } .choose-products-page .choose-products { padding: 13px 25px; border: 0; background-color: #f76b6c; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; line-height: 1; } /********** RELEASE NOTES **********/ .release-notes-page h1.page-title { margin: 0 0 50px; padding: 57px 10px 19px; background: url(/Themes/NopTemplates/Content/img/bg-account-title.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 26px; line-height: 1; } .release-notes-page .content-centering { padding: 0 0 140px; } .release-notes-page .controls-section-content { padding: 35px 0 30px; margin: 0 0 20px; background: #f3f5f9; } .release-notes-page .controls-section-content:after { content: ''; clear: both; display: block; } .release-notes-page span.k-dropdown { background: none; } .release-notes-page span.k-dropdown-wrap { height: 34px; padding-bottom: 0 !important; border: 1px solid #d9e0ea; border-radius: 0; background: #fff; text-align: left; } .release-notes-page .k-dropdown-wrap { -webkit-box-shadow: none !important; box-shadow: none !important; } .release-notes-page .k-dropdown-wrap.k-state-disabled { opacity: 0.5; } .release-notes-page span.k-dropdown-wrap span.k-input { padding: 10px 5px; height: auto; line-height: 1; color: #707e92; font-size: 14px; } .release-notes-page span.k-dropdown-wrap .k-icon { display: block; width: auto; height: 34px; position: relative; background: none; vertical-align: baseline; } .revision-date-item.date > div:after, .release-notes-page span.k-dropdown-wrap .k-icon:before { content: '\e66f'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #8894a4; text-align: center; font-size: 7px; font-family: 'nop_templates_font'; line-height: 34px; } .revision-date-item.date > div { position: relative; } .revision-date-item.date > div::after { top: 23px; left: auto; height: 34px; width: 30px; right: 1px; pointer-events: none; } .release-notes-page .product-control { margin: 20px 20px 0; } .release-notes-page .version-control label, .release-notes-page .product-control label { display: block; margin: 0 0 5px; } .release-notes-page .version-control span.k-dropdown { width: 200px; max-width: 100%; } .release-notes-page .product-control span.k-dropdown { width: 410px; max-width: 100%; } #version-list, #product-list { margin-top: -1px !important; padding: 0 !important; border: 1px solid #d9e0ea; border-radius: 0 !important; background: #fff; box-shadow: none !important; } #version-list .k-list .k-item, #product-list .k-list .k-item { padding: 7px 10px !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #707e92 !important; font-size: 14px !important; line-height: normal !important; cursor: pointer; } #version-list .k-list .k-item:hover, #product-list .k-list .k-item:hover { background: #f3f5f9 !important; } .release-notes-page .revision-date-controls { margin: 20px 0 0; } .advanced-search-opener { margin: 0 auto; max-width: 630px; } .revision-date-controls { display: none; } .release-notes-page .search-by-line > span { display: block; } .release-notes-page .search-term-list { margin: 7px 0 0; } .release-notes-page .search-term-item { display: inline-block; vertical-align: middle; margin: 0 2px; } .release-notes-page .revision-date-list { margin: 20px 0 0; } .release-notes-page .revision-date-item { margin: 20px 0 0; } .release-notes-page .revision-date-item:first-child { margin: 0; } .release-notes-page .revision-date-item label { display: block; margin: 0 0 5px; } .release-notes-page .revision-date-item > div { margin: 12px 0 0; width: auto; display: inline-block; } .release-notes-page .revision-date-item > div:first-child { margin: 0; } .ui-datepicker { width: 300px; margin: -1px 0 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #fff; font-family: 'Open Sans', sans-serif; } .ui-datepicker-header { position: relative; margin: 0 0 -1px; border: 1px solid #c9d0da; background-color: #e1e4ec; text-align: center; line-height: 35px; color: #616d7f; } .ui-datepicker-header a { position: absolute; width: 35px; height: 35px; } .ui-datepicker-prev { left: 0; background: url(/Themes/NopTemplates/Content/img/arrow-pager-left.png) center no-repeat; font-size: 0; } .ui-datepicker-next { right: 0; background: url(/Themes/NopTemplates/Content/img/arrow-pager-right.png) center no-repeat; font-size: 0; } .ui-datepicker th { border-bottom: 1px solid #d9e0ea; background-color: #f3f5f9; padding: 8px 12px; font-weight: normal; } .ui-datepicker th:first-child { border-left: 1px solid #d9e0ea; } .ui-datepicker th:last-child { border-right: 1px solid #d9e0ea; } .ui-datepicker td { border: 1px solid #d9e0ea; padding: 8px 12px; text-align: center; cursor: default; } .ui-datepicker td a { display: block; } .ui-datepicker-current-day { background-color: #f3f5f9; } .page-header { position: relative; margin: 60px 0; } .releases-title { padding-top: 20px; font-weight: normal; font-size: 24px; text-transform: uppercase; } .releases-legend { text-align: center; width: 150px; margin: 20px auto; } .release-notes-page .releases-legend li { position: relative; display: inline-block; padding: 0 0 0 25px; margin-bottom: 10px; text-align: left; } .release-notes-page .releases-legend li:before { border-right: 0; border-left: 18px solid transparent; } .releases-list { margin-top: 80px; } .releases-list .productTabs-header li { text-transform: uppercase; font-size: 16px; color: #707e92; } .productTabs-body > div { display: none; } .productTabs-body > div.active { display: block; } .release-notes-page .controls-button { display: inline-block; padding: 13px 40px; border: 0; background: #707e92; box-shadow: none !important; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; border-radius: 0 !important; } .release-notes-page h2.commits-content-title:first-child { margin: 0; } .release-notes-page h2.commits-content-title .title-text { position: relative; display: block; padding: 8px 10px; /*text-transform: uppercase;*/ font-weight: normal; font-size: 30px; line-height: 1.2; text-align: center; } .release-notes-page .commits-content { margin: 20px 30px; text-align: left; } .release-notes-page .no-commits { font-size: 15px; color: #373c41; padding: 12px; background: #f3f5f9; } .release-notes-page .included-plugins-commits, .release-notes-page .not-included-plugins-commits { margin: 75px 0 0; } .release-notes-page .plugins-list-title { padding: 0 10px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #8c99ac; } .release-notes-page .plugins-list-title:before { content: '\e668'; display: inline-block; margin-right: 5px; color: #dce0e6; font-size: 16px; font-family: 'nop_templates_font'; vertical-align: middle; } .release-notes-page .plugins-list { margin: 30px 0 0; } .release-notes-page .plugin-title { position: relative; padding: 10px 10px 10px 0; font-size: 15px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; border-bottom: 1px solid #d9e0ea; text-align: left; } .release-notes-page .plugins-item { margin: 27px 0 0; } .release-notes-page .plugins-item:first-child { margin: 0; } .release-notes-page .commit-list { margin: 0; } .release-notes-page .commit-item { position: relative; padding: 20px; background: #f3f5f9; } .release-notes-page .commit-item + .commit-item { border-top: 1px solid #d9e0ea; } .releases-legend li:before, .commit-item .commit-type { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid transparent; border-right: 18px solid transparent; } .release-notes-page .fixed, .release-notes-page .releases-legend .fixed:before { border-top-color: #f46262; } .release-notes-page .new, .release-notes-page .releases-legend .new:before { border-top-color: #4eb772; } .release-notes-page .enhancement, .release-notes-page .releases-legend .enhancement:before { border-top-color: #68c1e5; } .release-notes-page .commit-number { display: inline-block; vertical-align: middle; padding: 6px 12px; background: #fff; font-size: 14px; color: #707e92; font-family: 'Open Sans', sans-serif; margin-right: 20px; } .release-notes-page .commit-date { display: inline-block; vertical-align: middle; padding: 6px 12px 6px 29px; color: #707e92; font-family: 'Open Sans', sans-serif; background: #fff url(/Themes/NopTemplates/Content/img/icon-commit-date.png) no-repeat 9px 9px; } .release-notes-page .commit-content { margin: 12px 0 0; color: #373c41; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1.9; } @media all and (min-width: 769px) { .release-notes-page .commit-number, .release-notes-page .commit-date { float: left; } .release-notes-page .commit-content { margin: 0 0 0 245px; } .revision-date-item.date > div:after { top: 1px; } .releases-legend { position: absolute; top: 0; right: 0; } .release-notes-page .releases-legend li { display: block; } } .release-notes-page .commits-content-title { position: relative; border-bottom: 1px solid #d9e0ea; text-align: left; cursor: pointer; } .release-notes-page .commits-content-title span.title-text { position: relative; padding: 15px; font-size: 16px; font-size: 16px; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: left; color: #707e92; } .release-notes-page .commits-content-title.ui-state-active span { color: #373c41; } .release-notes-page .commits-content-title span.title-text:after { content: '\e66f'; position: absolute; top: 10px; right: 15px; font-family: 'nop_templates_font'; text-align: center; font-size: 7px; line-height: 34px; color: #8894a4; } @media (max-width: 444px) { .recaptchatable #recaptcha_image { float: left !important; margin: 0 !important; width: 200px !important; } .recaptchatable #recaptcha_image img { max-width: 100%; } .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r2_c2 { background: none !important; } } @media all and (max-width: 480px) { .view-message .message .label { display: block; width: auto; border-right: 0; border-bottom: 1px solid #d9e0ea; text-align: center; } .view-message .message .text { display: block; padding: 20px; } .forum-edit-page .inputs .forum-post-text { min-height: 350px; } } /* this css should be moved to a css file in the Ribbons plugin for the NopTemplates */ .item-box .picture + .ribbon-position:last-child .product-ribbon { top: 40px !important; } @media all and (max-width: 510px), (min-width: 660px) and (max-width: 980px) { .item-box .product-ribbon { margin-top: -35px !important; margin-right: -15px !important; width: 60px !important; height: 60px !important; } .item-box .ribbon-position + .ribbon-position .product-ribbon { margin-top: -55px !important; } .item-box .product-ribbon img { max-width: 100% !important; } } @media all and (min-width: 511px) and (max-width: 659px), (min-width: 981px) and (max-width: 1240px) { .item-box .product-ribbon { margin-top: -15px !important; margin-right: -5px !important; width: 70px !important; height: 70px !important; } .item-box .ribbon-position + .ribbon-position .product-ribbon { margin-top: -25px !important; } .item-box .product-ribbon img { max-width: 100% !important; } } /* theme collection ribbon */ @media all and (max-width: 480px) { .plugins-category-page .info-img-wrapper, .themes-category-page .info-img-wrapper, .home-page .info-img-wrapper { display: none; } .themes-category-page .featured-collection-item .ribbon-position.top-left { width: 50px !important; height: 50px !important; } } @media all and (max-width: 768px) { .themes-category-page .featured-collection-item .ribbon-position.top-left { top: 10%; left: 38%; width: 70px; height: 70px; } .themes-category-page .featured-collection-item .ribbon-position img { max-width: 100%; } } @media all and (min-width: 769px) and (max-width: 980px) { .themes-category-page .featured-collection-item .ribbon-position.top-left { top: 80px; left: 21.5%; width: 70px; height: 70px; } .themes-category-page .featured-collection-item .ribbon-position img { max-width: 100%; } } @media all and (min-width: 981px) { .themes-category-page .featured-collection-item .ribbon-position.top-left { top: 50px; left: 26.5%; } } /* plugins collection ribbon */ @media all and (max-width: 480px) { .plugins-category-page .featured-collection-item .ribbon-position.top-left { width: 50px !important; height: 50px !important; } } @media all and (max-width: 768px) { .plugins-category-page .featured-collection-item .ribbon-position.top-left { top: 16%; left: 66%; width: 70px; height: 70px; } .plugins-category-page .featured-collection-item .ribbon-position img { max-width: 100%; } } @media all and (min-width: 769px) and (max-width: 980px) { .plugins-category-page .featured-collection-item .ribbon-position.top-left { top: 80px; left: 40%; width: 60px; height: 60px; } .plugins-category-page .featured-collection-item .ribbon-position img { max-width: 100%; } } @media all and (min-width: 981px) { .plugins-category-page .featured-collection-item .ribbon-position.top-left { top: 70px; left: 45%; } } /* MyDownloads - Renewals */ .data-table.purchased-products .product { width: 570px; } .data-table.purchased-products .product-info { text-align: left; } .data-table.purchased-products .renewal { width: 180px; text-align: center; } .data-table.purchased-products .renewal span { display: block; } .data-table.purchased-products .renewal-label { font-weight: bold; text-transform: capitalize; font-size: 14px; font-weight: bold; line-height: 1.2em; margin: 0 0 7px; } .data-table.purchased-products .renewal-discount { color: #f76b6c; font-weight: bold; font-size: 16px; margin: 0 0 7px; } .data-table.purchased-products .renewal-period { font-size: 14px; margin: 0 0 7px; color: #373c41; } .data-table.purchased-products .renewal-discounted-amount, .data-table.purchased-products .renewal-price { color: #707e92; font-size: 15px; } .data-table.purchased-products .renewal-discounted-amount strong, .data-table.purchased-products .renewal-price strong { font-size: 16px; font-weight: bold; margin: 0 0 0 5px; } .data-table.purchased-products .renewal-discounted-amount strong { color: #f76b6c; } .data-table.purchased-products .renewal-price strong { color: #59b6db; } .data-table.purchased-products .download { width: 150px; } /* my download tooltip error*/ .body-my-download-page .k-widget.k-tooltip { border: 0; border-radius: 0; background: #F3F5F9; box-shadow: none; font-size: 13px; color: #f76b6c; box-shadow: 0 2px 3px rgba(0,0,0,.3); } .body-my-download-page .k-widget.k-tooltip:before, .body-my-download-page .k-widget.k-tooltip:after { content: '.'; position: absolute; top: 100%; left: 50%; margin-left: -4px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(0,0,0,.2); font-size: 0; text-indent: -9999px; } .body-my-download-page .k-widget.k-tooltip:after { margin-left: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #F3F5F9; } @media all and (max-width: 768px) { .data-table.purchased-products td.footable-first-column { padding: 30px 15px 30px 40px; position: relative; } .data-table.purchased-products span.footable-toggle { position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; } .data-table.purchased-products .renewal-label, .data-table.purchased-products .renewal-discount, .data-table.purchased-products .renewal-period, .data-table.purchased-products .renewal-discounted-amount, .data-table.purchased-products .renewal-price { display: block; } } /* Download database button */ .purchased-products .footable-row-detail-value { padding: 10px; } .download-product-label { margin: 0 0 5px; display: block; } .downloadable-product-by-version, .downloadable-database-by-version, .select-products-in-collection, .select-database-in-collection { font-size: 14px; text-transform: uppercase; padding: 0 0 0 25px; margin: 0 0 5px; position: relative; } .downloadable-product-by-version:before, .downloadable-database-by-version:before, .select-products-in-collection:before, .select-database-in-collection:before { content: "\e60a"; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; text-align: left; font-family: 'nop_templates_font'; line-height: 20px; } /* Cross Sell */ .cross-sells { color: #707e92; font-size: 14px; font-family: 'Open Sans',sans-serif; } .checkout-panel + .cross-sells { margin: 40px 0; } .product-grid.cross-sells { padding: 0; } .cross-sells .description { padding: 30px; line-height: 22px; } .cross-sells .product-item { overflow: hidden; padding: 0 30px 30px; } .cross-sells .product-item .picture { width: 120px; float: left; margin: 0; } .cross-sells .product-item .product-ribbon { display: none !important; } .cross-sells .product-item .picture a { display: block; width: 120px; height: 120px; position: relative; overflow: hidden; } .cross-sells .product-item .picture img { max-width: 100%; } .cross-sells .product-item .details { margin: 0 0 0 135px; } .cross-sells .product-item .product-title { color: #373c41; line-height: 15px; font-size: 15px; display: block; margin: 0 0 10px; text-transform: uppercase; } .cross-sells .item-box .add-info { overflow: hidden; } .cross-sells .item-box .product-description { line-height: 20px; margin: 0 0 10px; } .cross-sells .item-box .prices.collection-in-cart { float: left; margin: 0; padding: 6px 16px; background: #fff; } .cross-sells .item-box .prices.theme-in-cart { line-height: 22px; margin: 0 0 10px; } .cross-sells .item-box .prices.theme-in-cart .old-price { font-size: 15px; } .cross-sells .item-box .prices.theme-in-cart .actual-price { font-size: 16px; font-weight: 600; } .cross-sells .item-box .prices > span { display: inline-block; vertical-align: baseline; } .cross-sells .item-box .old-price { margin: 0 6px 0 0; font-size: 16px; } .cross-sells .item-box .actual-price { color: #59b6db; font-weight: 600; } .checkout-page .cross-sells .buttons { padding: 0; } .cross-sells .item-box .add-to-cart-button { font-size: 14px; line-height: 1; text-transform: uppercase; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.15); background: #9aa6b7; padding: 12.5px 20px; font-family: Raleway, sans-serif; cursor: pointer; } .cross-sells .item-box .add-to-cart-button:hover { background: #7e8a9c; } @media all and (max-width: 480px) { .checkout-page .cross-sells .item-box { text-align: center; } .checkout-page .cross-sells .product-item .picture { float: none; margin: 0 auto 15px; } .checkout-page .cross-sells .product-item .details { margin: 0; } .checkout-page .cross-sells .item-box .prices { float: none; display: inline-block; vertical-align: top; font-size: 0; } } @media all and (min-width: 981px) { .cross-sells .product-grid .item-box { display: table; } .cross-sells .description, .cross-sells .product-item { display: table-cell; vertical-align: middle; } .cross-sells .description { width: 46.5%; } .cross-sells .product-item { width: 53.5%; padding: 30px 20px 30px 0; min-height: 210px; } } /* Cross Sell Ajax Cart */ .ajaxCart .cross-sells .description, .ajaxCart .cross-sells .product-item { display: block; width: 80%; padding: 20px; } .ajaxCart .cross-sells .description { padding: 20px 0; border-bottom: 1px solid #ebebeb; text-align: center; margin: 0 auto; } .ajaxCart .cross-sells .prices div > span.price-label { color: #707e92; font-size: 14px; margin: 0 5px 0 0; } .ajaxCart .cross-sells .item-box .prices.theme-in-cart { padding: 0; display: block; margin: 0 0 25px; background: none; } .ajaxCart .cross-sells .item-box .add-to-cart-button { padding: 15px 25px; } .ajaxCart .cross-sells .item-box .prices.collection-in-cart { padding: 11px 16px; } .ajaxCart .cross-sells .item-box .prices > span { vertical-align: middle; } .ajaxCart .cross-sells .item-box .product-description { margin: 0 0 30px; } @media all and (max-width: 480px) { .ajaxCart .cross-sells .product-item .picture { margin: 0 auto 30px; } .ajaxCart .cross-sells .product-item .product-title { margin: 0 0 13px; } .ajaxCart .cross-sells .item-box .product-description { margin: 0 0 20px; } .ajaxCart .cross-sells .item-box { text-align: center; } .ajaxCart .cross-sells .product-item .picture { float: none; margin: 0 auto 15px; } .ajaxCart .cross-sells .product-item .details { margin: 0; } .ajaxCart .cross-sells .item-box .prices { float: none; display: inline-block; vertical-align: top; font-size: 0; } } @media all and (min-width: 981px) { .ajaxCart .cross-sells .product-item .picture a { width: 140px; height: 140px; } .ajaxCart .cross-sells .product-item .picture { width: 140px; } .ajaxCart .cross-sells .product-item .details { margin: 0 0 0 155px; } } /**Custom tweaks*/ .custom-tweaks > p { margin: 0 auto 40px; max-width: 900px; line-height: 26px; font-size: 15px; color: #707e92; } .custom-tweaks .tweak { display: inline-block; margin: 0 10px 20px; padding-bottom: 35px; max-width: 380px; width: 90%; background: #f3f5f9; font-size: 15px; color: #707e92; vertical-align: top; } .custom-tweaks .tweak-header { position: relative; padding: 35px 15px 15px; text-transform: uppercase; font-size: 28px; background: #79c6e6; color: white; } .triangle-up-left { position: absolute; top: 100%; left: 0; right: 0; width: 0; height: 0; padding-bottom: 30px; padding-left: 100%; overflow: hidden; } .triangle-up-left:after { content: ""; display: block; width: 0; height: 0; margin-left: -500px; border-bottom: 30px solid transparent; border-left: 500px solid #79c6e6; } .custom-tweaks .tweak-header h2 { font-weight: normal; } .custom-tweaks .tweak-header h2:before { content: '.'; display: block; margin: 0 auto 20px; width: 50px; height: 58px; background: url(/Themes/NopTemplates/Content/img/custom_tweak_sprite.png) no-repeat 0 0; font-size: 0; text-indent: -9999px; } .custom-tweaks .tweak-content { padding: 50px 25px 20px; } .custom-tweaks .tweak-content p, .custom-tweaks .tweak-content ul { text-align: left; } .custom-tweaks .tweak-content { min-height: 520px; } .custom-tweaks .tweak-content p:first-child { margin-bottom: 15px; min-height: 95px; } .custom-tweaks .tweak-content li { position: relative; padding-left: 28px; margin-bottom: 15px; } .custom-tweaks .tweak-content li:before { content: '\e61b'; position: absolute; left: 0; top: 0; border-radius: 50%; width: 18px; height: 18px; background: #79c6e6; font-family: nop_templates_font; text-align: center; font-size: 8px; line-height: 19px; color: #f3f5f9; } .custom-tweaks .tweak .ajax-cart-button-wrapper { float: none; } .custom-tweaks .tweak button { display: inline-block; padding: 11px 25px; background-color: #707e92; border: 0; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; color: #fff; line-height: 1; } .custom-tweaks .tweak:nth-of-type(2) .tweak-header, .custom-tweaks .tweak:nth-of-type(2) .tweak-content li:before { background: #62c0a2; } .custom-tweaks .tweak:nth-of-type(2) .tweak-header h2:before { background-position: 0 -70px; } .custom-tweaks .tweak:nth-of-type(2) .triangle-up-left:after { border-left-color: #62c0a2; } .custom-tweaks .tweak:nth-of-type(3) .tweak-header, .custom-tweaks .tweak:nth-of-type(3) .tweak-content li:before { background: #f28383; } .custom-tweaks .tweak:nth-of-type(3) .tweak-header h2:before { background-position: 0 -142px; } .custom-tweaks .tweak:nth-of-type(3) .triangle-up-left:after { border-left-color: #f28383; } /*Home Page Message*/ .home-page-message { padding: 60px 30px 135px; position: relative; } .home-page-title { font: 700 24px/40px 'Raleway', sans-serif; color: #373c41; margin: 0 auto 30px; max-width: 1200px; } .home-page-message .welcome-message { font-size: 16px; color: #707e92; line-height: 30px; text-align: center; max-width: 980px; margin: 0 auto; } /*.home-page-message .welcome-message:before, .home-page-message .welcome-message:after { content: ''; width: 20px; height: 20px; border: 1px solid #444d5f; position: absolute; left: 0; right: 0; margin: auto; opacity: .5; -ms-transform: rotate(40deg) skew(-9deg); -webkit-transform: rotate(40deg) skew(-9deg); transform: rotate(40deg) skew(-9deg); } .home-page-message .welcome-message:before { bottom: 92px; } .home-page-message .welcome-message:after { bottom: 84px; } */ .info-box-wrapper { padding: 60px 20px; } .info-box-list { max-width: 1220px; margin: 0 auto; } .info-box { position: relative; text-align: left; padding: 75px 0 60px; margin: 0 0 100px; background: #f5f6f7; } .info-box .info-box-icon { position: absolute; display: inline-block; top: 0; left: 0; right: 0; text-align: center; } .info-box .info-box-icon:before { content: ''; display: inline-block; width: 118px; height: 118px; border-radius: 50%; background: #707e92; font-family: 'nop_templates_font'; font-size: 55px; color: #fff; text-align: center; line-height: 118px; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .info-box.themes .info-box-icon:before { content: "\e61f"; font-size: 58px; } .info-box.plugins .info-box-icon:before { content: "\e668"; } .info-box.custom .info-box-icon:before { content: "\e906"; } .info-box.marketing .info-box-icon:before { content: "\e907"; } .info-box .title { font: 700 20px/30px 'Raleway', sans-serif; color: #373c41; padding: 0 30px; margin: 0 0 10px; } .info-box-message { font-size: 15px; color: #707e92; line-height: 26px; padding: 0 30px; margin: 0 0 20px; } .info-box-link-wrapper { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid rgba(112,126,146,.1); } .info-box-link { display: inline-block; position: relative; font-size: 15px; font-weight: bold; padding: 20px 30px; color: #5ab6dc; } .info-box-link:after { content: ""; width: 7px; height: 7px; border: 1px solid #5ab6dc; border-width: 2px 2px 0 0; position: absolute; top: 25px; right: 14px; margin: auto; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .upgrade-banner { position: relative; background: #e5e8eb; overflow: hidden; font-size: 0; } .upgrade-banner.v420 img { max-width: 100%; } .upgrade-banner.v430 img { max-height: 100%; } .banner-info-center { position: relative; margin: 0 0 20px; } .v430 .banner-info-center img { margin: 30px 0 20px; opacity: 0.25; } .banner-title { position: absolute; top: 30px; left: 0; right: 0; font-size: 18px; line-height: 30px; font-weight: lighter; color: #333; max-width: 300px; margin: auto; } .v430 .banner-title { position: static; max-width: 540px; font-family: 'Open Sans', sans-serif; font-size: 28px; color: #424e5a; line-height: normal !important; } .v430 .banner-title.big { margin: 0 auto 30px; font-size: 38px; font-weight: bold; } .v430 .banner-title.big strong { font-size: 80px; } .v420 .banner-buttons { position: absolute; left: 0; right: 0; bottom: 10px; } .banner-buttons a { display: inline-block; padding: 17.5px 50px; margin: 0 2px 5px 0; font: normal 13px 'Raleway', sans-serif; font-weight: bold; background: #707e92; color: #fff; text-transform: uppercase; } .banner-buttons a:hover { opacity: 0.9; } .banner-buttons a.light-blue { background: #53b9e3; } .banner-buttons a.dark-blue { background: #5187d9; } .banner-buttons a.soft-green { background: #3cac97; } .banner-buttons a.soft-red { background: #f66b6e; } .banner-buttons a.purple { background: #4f4acf; } .banner-buttons a.pink { background: #e94b69; } .banner-buttons a.soft-green-2 { background: #40c29f; } .banner-buttons a.soft-red-2 { background: #ff6180; } .banner-info-left, .banner-info-right { display: none; width: calc(50% - 190px); position: absolute; bottom: 0; top: 0; } .banner-info-left { left: 0; text-align: left; direction: rtl; } .banner-info-right { right: 0; text-align: right; } .v420 .banner-info-left, .v420 .banner-info-right { top: auto; } .v430 .banner-info-left, .v430 .banner-info-right { display: block; width: calc(50% - 270px); } .upgrade-banner.v440 { background: url(/Themes/NopTemplates/Content/img/upgrade/background_768.jpg) center no-repeat; background-size: 100% 100%; } .v440 .banner-center { width: 90%; margin: auto; padding: 50px 0; } .v440 .banner-text { max-width: 300px; margin: auto; font: 22px/32px 'Raleway', 'Open Sans', sans-serif; } .v440 .banner-image { position: relative; width: auto !important; height: auto !important; max-width: 100%; margin: 35px 0 45px; } .v440 .banner-buttons { white-space: nowrap; } .v440 .banner-buttons a { width: 160px; max-width: 45%; margin: 0 3px; padding: 15px 0; text-align: center; font-size: 16px; } .upgrade-banner.v450 { background: url(/Themes/NopTemplates/Content/img/upgrade/background_4.50.jpg) center no-repeat; background-size: 100% 100%; } .v450 .banner-center { width: 90%; margin: auto; padding: 20px 0; } .v450 .banner-text { max-width: 300px; margin: auto; font: 18px/24px 'Raleway', 'Open Sans', sans-serif; } .v450 .banner-image { position: relative; width: 300px !important; height: auto !important; max-width: 100%; margin: 15px 0 20px; } .v450 .banner-buttons { white-space: nowrap; } .v450 .banner-buttons a { width: 160px; max-width: 45%; margin: 0 3px; padding: 15px 0; text-align: center; } @media all and (min-width: 768px) { .v450 .banner-center { display: flex; padding: 0; } .v450 .banner-left { flex: 1 0 50%; padding: 7.5% 0 8.5%; text-align: left; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; } .v450 .banner-right { flex: 1 0 50%; padding: 40px 0; display: flex; align-items: center; justify-content: center; } .v450 .banner-text { max-width: 450px; margin: 0; font-size: 22px; line-height: 32px; } .v450 .banner-image { align-self: flex-start; margin: 32px 0 50px; } .v450 picture .banner-image { margin: auto; } } @media all and (min-width: 981px) { .banner-info-center { width: 360px; margin: 80px auto 100px; } .v430 .banner-info-center { width: 540px; max-width: 100%; margin: 40px auto 50px; } .v430 .banner-info-center img { margin: 60px 0; } .banner-title { top: 0; font-size: 23px; line-height: 38px; max-width: 100%; } .v420 .banner-info-center img { margin: 15px 0; } .v420 .banner-buttons { bottom: 0; } .banner-buttons a { font-size: 17px; margin: 0 2.5px; } .banner-info-left, .banner-info-right { display: block; } .v430 .banner-info-left, .v430 .banner-info-right { top: 60px; width: calc(50% - 300px); } .upgrade-banner.v440 { background-image: url(/Themes/NopTemplates/Content/img/upgrade/background_v1.jpg); /*background-size: auto;*/ } .v440 .banner-center { padding: 7.5% 0 8.5%; text-align: left; } .v440 .banner-text { margin: 0; } .v440 .banner-image { max-width: 50%; } .v450 .banner-text { font-size: 32px; line-height: 46px; } .v450 .banner-image { width: auto !important; } .v450 .banner-buttons a { width: 200px; } } @media all and (min-width: 981px) and (max-width: 1200px) { .v420 .banner-info-left, .v420 .banner-info-right { top: 50%; bottom: auto; webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } @media all and (min-width: 1350px) { .v430 .banner-info-center { margin: 80px auto 100px; } .v440 .banner-center { width: 85%; padding: 7% 0 9%; text-align: left; } .v440 .banner-text { max-width: 450px; font-size: 32px; line-height: 46px; } .v450 .banner-center { width: 75%; position: relative; right: -2.5%; } .v450 .banner-left { padding: 7% 0 8%; } } /* NEW PPC PAGE */ section.trusted-by { padding: 140px 0 100px; } section.trusted-by h2 { text-align: center; margin-bottom: 115px; } section.trusted-by .trusted-by-carousel { padding: 0 30px; } section.trusted-by .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; background: transparent; font-size: 0; } section.trusted-by .slick-arrow:before { content: ''; display: inline-block; font-size: 44px; color: #cacdd1; font-family: 'nop_templates_font'; } section.trusted-by .slick-prev { left: 0; } section.trusted-by .slick-prev:before { content: "\e670"; } section.trusted-by .slick-next { right: 0; } section.trusted-by .slick-next:before { content: "\e671"; } section.trusted-by .trusted-by-carousel li { padding: 0 10px; } section.trusted-by .trusted-by-carousel li a { display: block; height: 66px; position: relative; } section.trusted-by .trusted-by-carousel li img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } section.trusted-by .slick-dots { margin-top: 150px; text-align: center; } section.trusted-by .slick-dots li { display: inline-block; margin: 0 3px; font-size: 0; } section.trusted-by .slick-dots button { font-size: 0; border: none; background: #cbced4; border-radius: 50%; width: 10px; height: 10px; } section.trusted-by .slick-dots .slick-active button { background: #5c6166; } .grey-bgr { background-color: #ecf0f7; } .ppc-page { font-family: 'Raleway', 'Open Sans', sans-serif; } .ppc-page-title { position: relative; background-color: #dce3ef; padding: 80px 20px; } .ppc-page-title h1 { margin-bottom: 20px; } .ppc-page-title h2 { font-size: 20px; font-weight: normal; } .ppc-page section { padding: 60px 0; } .ppc-page .content-wrap { padding: 0 20px; max-width: 1200px; margin: 0 auto; } .ppc-page .content-wrap.wider { max-width: 1620px; } .ppc-page h3, .trusted-by h2{ font-size: 22px; line-height: 1.5; } .ppc-page p { font-size: 18px; line-height: 1.5; color: #707e92; } .why-invest { position: relative; text-align: left; } .why-invest img { display: block; margin: -125px auto 35px; max-width: 65%; height: auto; } .why-invest h3 { margin-bottom: 25px; } .why-invest p { margin-bottom: 25px; } ul.tick-list li { position: relative; font-size: 18px; font-weight: bold; padding-left: 40px; } ul.tick-list li:before { content: '\e923'; font-family: 'nop_templates_font'; position: absolute; display: inline-block; top: 2px; left: 0; font-size: 16px; color: #17bb9c; } ul.tick-list li + li { margin-top: 15px; } .our-process h3 { margin-bottom: 40px; } .our-process li { padding: 30px; background-color: #fff; border-radius: 30px; box-shadow: 0 10px 30px rgba(55, 60, 65, .15); text-align: left; } .our-process li + li { margin-top: 30px; } .list-icon { margin-bottom: 15px; } .list-icon img { display: inline-block; margin-right: 20px; vertical-align: middle; width: 60px; } .our-process li h4 { display: none; font-size: 20px; } .our-process .list-icon h4 { display: inline-block; vertical-align: middle; } .ppc-strategy h3 { margin-bottom: 40px; } .ppc-strategy li { position: relative; text-align: left; padding-left: 70px; } .ppc-strategy li + li { margin-top: 40px; } .ppc-strategy li h4 { margin-bottom: 15px; font-size: 18px; } .ppc-strategy li p { color: #707e92; } .ppc-strategy li:before { position: absolute; display: inline-block; width: 65px; text-align: center; top: 0; left: 0; font-size: 37px; font-family: 'nop_templates_font'; } .ppc-strategy li.mobile-ads:before { content: '\e927'; color: #516cd1; } .ppc-strategy li.video-ads:before { content: '\e922'; color: #2f99d1; } .ppc-strategy li.search-ads:before { content: '\e928'; color: #8864aa; font-size: 30px; } .ppc-strategy li.display-ads:before { content: '\e924'; color: #1cb099; font-size: 30px; } .ppc-strategy li.google-shopping:before { content: '\e925'; color: #cc4656; font-size: 26px; } .ppc-strategy li.remarketing:before { content: '\e926'; color: #ff5e6d; font-size: 26px; } .we-optimize { background-image: url(/Themes/NopTemplates/Content/img/ppc/optimize.png); background-position: bottom left; background-repeat: no-repeat; background-size: 70%; text-align: center; } .we-optimize h3 { margin-bottom: 40px; } .we-optimize ul { display: inline-block; text-align: left; } .we-optimize ul li + li { margin-top: 20px; } .ppc-marketing h3 { margin-bottom: 40px; } .ppc-marketing .why-us img { margin-bottom: 20px; } .ppc-marketing .why-us h4 { font-size: 20px; margin-bottom: 15px; } .ppc-marketing .why-us > div + div { margin-top: 50px; } .faq-section h3 { margin-bottom: 30px; } .faq-section ul { text-align: left; } .faq-section li + li { margin-top: 30px; } .faq-section h5 { font-size: 18px; margin-bottom: 5px; line-height: 1.5; } .faq-section li { position: relative; padding-left: 45px; } .faq-section li:before { content: '?'; position: absolute; top: 0; left: 0; display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #8864aa; font-weight: bold; color: #fff; } .faq-section li:nth-child(2n):before { background-color: #3cac97; } .faq-section p { font-size: 17px; } .ppc-page .inputs label { display: inline-block; margin: 0 2px 0 0; width: auto; padding: 0 5px; font-size: 15px; color: #707e92; line-height: 30px; text-align: left; } .ppc-page .inputs input[type="text"], .ppc-page .inputs input[type="email"], .ppc-page .inputs textarea { display: block; width: 100%; height: 50px; max-width: none; padding: 0 15px; border: none; font-size: 15px; font-family: 'Raleway', sans-serif; } .ppc-page .inputs textarea { height: 120px; padding: 15px; } .ppc-form-holder .one-half { margin: 30px auto 0; } .ppc-form-holder .submit-quote { display: inline-block; margin-top: 30px; padding: 17px 40px 17px 35px; background-color: #3cac97; font-size: 15px; color: #fff; font-weight: bold; border: none; text-transform: uppercase; transition: all .2s ease; } .ppc-form-holder .submit-quote:hover { background: #319481; } .ppc-form-holder h3 { margin-bottom: 20px; } .ppc-form-holder h4 { font-size: 20px; color: #707e92; font-weight: normal; } .ppc-form-holder .ppc-contact-result { padding: 50px; font-size: 16px; line-height: 30px; } @media all and (max-width: 767px) { .ppc-page p { font-size: 16px; line-height: 1.8; } .ppc-page-title { padding: 40px 20px 80px; } .ppc-page-title h1 { margin-bottom: 30px; } .ppc-page-title h2 { line-height: 1.5; } .why-invest img { max-width: 90%; } .our-process li h4 { font-size: 18px; } .ppc-strategy li h4 { font-size: 17px; } .we-optimize ul li + li { margin-top: 25px; } ul.tick-list li { font-size: 17px; } .ppc-marketing .why-us img { width: 150px; } .ppc-marketing .why-us h4 { font-size: 18px; margin-bottom: 20px; } section.trusted-by h2 { margin-bottom: 50px; } section.trusted-by .slick-dots { margin-top: 50px; } .faq-section p { font-size: 16px; } .ppc-form-holder h3 { padding: 0 20px; } .ppc-form-holder h4 { margin-bottom: 20px; } .ppc-page .inputs label { margin: 0 2px 5px 0; } } @media all and (max-width: 859px) { .ppc-page .why-us p { max-width: 560px; margin-left: auto; margin-right: auto; } } /*Birthday 9*/ .birthday-banner.v9 { background: url(/Themes/NopTemplates/Content/img/promotion/birthday9-background.jpg) center no-repeat; padding: 40px 40px 80px; } .birthday-banner.v9 .birthday-banner-img { display: inline-block; max-width: 100%; width: auto; height: auto; margin: 0 0 60px; } .birthday-banner.v9 .birthday-banner-btn { display: block; width: 240px; margin: auto; background-color: #7354a1; padding: 18px 24px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .birthday-banner.v9 .birthday-banner-btn:hover { opacity: 0.9; } .birthday-strip.v9 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; background-color: #e5e7ec; font-size: 0; } .birthday-strip.v9 .wrapper { width: 1250px; max-width: 100%; margin: auto; overflow: hidden; } @media all and (max-width: 768px) { .birthday-banner.v9 { background-image: url(/Themes/NopTemplates/Content/img/promotion/birthday9-background-mobile.jpg); padding: 30px 30px 50px; } .birthday-banner.v9 .birthday-banner-img { margin: 0 0 40px; } .birthday-banner.v9 .birthday-banner-btn { width: 220px; padding: 16px 24px; } .birthday-strip.v9 picture { display: block; } .birthday-strip.v9 .birthday-strip-img { width: auto; } .birthday-strip.v9 .birthday-strip-btn { display: inline-block; margin: 15px 0 20px; font-size: 14px; font-weight: bold; color: #7354a1; text-transform: uppercase; } .birthday-strip.v9 .birthday-strip-btn:after { content: ">"; margin: 0 0 0 5px; position: relative; bottom: 1px; font-size: 15px; } } @media all and (min-width: 769px) { .birthday-strip.v9 { height: 70px; } .birthday-strip.v9 .birthday-strip-img { float: left; width: auto; max-width: calc(100% - 200px); } .birthday-strip.v9 .birthday-strip-btn { display: inline-block; float: right; width: 180px; margin: 14px 20px 0 0; background-color: #7354a1; padding: 15px 20px; text-align: center; font-size: 13px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .birthday-strip.v9 .birthday-strip-btn:hover { opacity: 0.9; } } /*Birthday 10*/ .birthday-banner.v10 { background: url(/Themes/NopTemplates/Content/img/promotion/birthday10-background.jpg) center no-repeat; padding: 50px 40px 70px; font-size: 0; } .birthday-banner.v10 .birthday-banner-img { display: inline-block; max-width: 100%; width: auto; height: auto; margin: 0 0 50px; } .birthday-banner.v10 .birthday-banner-btn { display: block; width: 220px; margin: auto; background-color: #e94b69; padding: 18px 24px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .birthday-banner.v10 .birthday-banner-btn:hover { opacity: 0.9; } .birthday-strip.v10 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; text-align: center; background-color: #42306f; padding: 10px 0 15px; font-size: 0; } @media all and (max-width: 768px) { .birthday-banner.v10 { background-image: url(/Themes/NopTemplates/Content/img/promotion/birthday10-background-mobile.jpg); padding: 30px 30px 50px; } .birthday-banner.v10 .birthday-banner-img { margin: 0 0 40px; } .birthday-banner.v10 .birthday-banner-btn { padding: 16px 24px; } .birthday-strip.v10 picture { display: block; } .birthday-strip.v10 .birthday-strip-img { width: auto; } .birthday-strip.v10 .birthday-strip-btn { display: inline-block; margin: 5px 0 0; font-size: 16px; font-weight: bold; color: #ff6582; text-transform: uppercase; } } @media all and (min-width: 769px) { .birthday-strip.v10 { height: 70px; padding: 0; } .birthday-strip.v10 .wrapper { position: relative; width: 1250px; max-width: 100%; margin: auto; text-align: left; } .birthday-strip.v10 .birthday-strip-img { width: auto; max-width: 100%; margin-top: -17px; } .birthday-strip.v10 .birthday-strip-btn { position: absolute; top: 0; right: 0; width: 180px; margin: 13px 20px 0 0; background-color: #e94b69; padding: 13px 20px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .birthday-strip.v10 .birthday-strip-btn:hover { opacity: 0.9; } } /*BlackFriday & CyberMonday 2020*/ .promo-banner.v2020 { background-position: center top; background-repeat: no-repeat; padding: 100px 40px; } .promo-banner.v2020.black-friday { background-image: url(/Themes/NopTemplates/Content/img/promotion/blackfriday2020-background.jpg); } .promo-banner.v2020.cyber-monday { background-image: url(/Themes/NopTemplates/Content/img/promotion/cybermonday2020-background.jpg); } .promo-banner.v2020 .promo-banner-txt { margin: 20px 0 30px; font-size: 24px; letter-spacing: 10px; text-transform: uppercase; color: #fff; } .promo-banner.v2020 .promo-banner-img { display: inline-block; max-width: 100%; width: auto; height: auto; margin: 0 0 60px; } .promo-banner.v2020 .promo-banner-btn { display: block; width: 240px; margin: auto; padding: 18px 24px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .promo-banner.v2020.black-friday .promo-banner-btn { background-color: #eabc1b; } .promo-banner.v2020.cyber-monday .promo-banner-btn { background-color: #00cab4; } .promo-banner.v2020 .promo-banner-btn:hover { opacity: 0.9; } .promo-strip.v2020 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #1a1a1a; font-size: 0; } .promo-strip.v2020 .wrapper { width: 1250px; max-width: 100%; margin: auto; text-align: center; } .promo-strip.v2020 .wrapper:after { content: ""; display: block; clear: both; } @media all and (max-width: 768px) { .promo-banner.v2020 { padding: 12% 30px; } .promo-banner.v2020.black-friday { background-image: url(/Themes/NopTemplates/Content/img/promotion/blackfriday2020-background-mobile.jpg); } .promo-banner.v2020.cyber-monday { background-image: url(/Themes/NopTemplates/Content/img/promotion/cybermonday2020-background-mobile.jpg); } .promo-banner.v2020 .promo-banner-txt { font-size: 18px; line-height: 24px; letter-spacing: 8px; } .promo-banner.v2020 .promo-banner-img { margin: 0 0 40px; } .promo-banner.v2020 .promo-banner-btn { width: 220px; padding: 16px 24px; } .promo-strip.v2020 picture { display: block; } .promo-strip.v2020 .promo-strip-img { width: auto; margin-top: -6px; } .promo-strip.v2020 .promo-strip-btn { display: inline-block; margin: 15px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; } .promo-strip.v2020.black-friday .promo-strip-btn { color: #eabc1b; } .promo-strip.v2020.cyber-monday .promo-strip-btn { color: #00cab4; } .promo-strip.v2020 .promo-strip-btn:after { content: ">"; margin: 0 0 0 5px; position: relative; bottom: 1px; font-size: 15px; } .promo-strip.v2020 + #goToTop { display: none; } } @media all and (min-width: 769px) { .promo-strip.v2020 { height: 70px; } .promo-strip.v2020 .promo-strip-img { float: left; width: auto; max-width: calc(100% - 200px); margin-top: -17px; margin-left: 20px; } .promo-strip.v2020 .promo-strip-btn { display: inline-block; float: right; width: 180px; margin: 14px 20px 0 0; padding: 15px 20px; text-align: center; font-size: 13px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .promo-strip.v2020.black-friday .promo-strip-btn { background-color: #eabc1b; } .promo-strip.v2020.cyber-monday .promo-strip-btn { background-color: #00cab4; } .promo-strip.v2020 .promo-strip-btn:hover { opacity: 0.9; } } /* Xmas & NewYear 2020 */ .xmas-banner.v2020 { background: url(/Themes/NopTemplates/Content/img/promotion/xmas2020-background.gif) center no-repeat; padding: 100px 40px 110px; } .xmas-banner.v2020 .xmas-banner-img { display: inline-block; max-width: 100%; width: auto; height: auto; margin: 0 0 60px; } .xmas-banner.v2020 .xmas-banner-btn { display: block; width: 240px; margin: auto; background-color: #d33c4d; padding: 18px 24px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .xmas-banner.v2020 .xmas-banner-btn:hover { opacity: 0.9; } .xmas-strip.v2020 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; background-color: #244034; font-size: 0; } .xmas-strip.v2020 .wrapper { width: 1250px; max-width: 100%; margin: auto; overflow: hidden; } @media all and (max-width: 768px) { .xmas-banner.v2020 { background-image: url(/Themes/NopTemplates/Content/img/promotion/xmas2020-background.jpg); padding: 18% 30px 17%; } .xmas-banner.v2020 .xmas-banner-img { margin: 0 0 40px; } .xmas-banner.v2020 .xmas-banner-btn { width: 220px; padding: 16px 24px; } .xmas-strip.v2020 picture { display: block; margin-top: 5px; } .xmas-strip.v2020 .xmas-strip-img { width: auto; } .xmas-strip.v2020 .xmas-strip-btn { display: inline-block; margin: -15px 0 15px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; } .xmas-strip.v2020 .xmas-strip-btn:after { content: ">"; margin: 0 0 0 5px; position: relative; bottom: 1px; font-size: 15px; } } @media all and (min-width: 769px) { .xmas-strip.v2020 { height: 70px; } .xmas-strip.v2020 .xmas-strip-img { float: left; width: auto; max-width: calc(100% - 200px); margin: 14px 0; } .xmas-strip.v2020 .xmas-strip-btn { display: inline-block; float: right; width: 180px; margin: 14px 20px 0 0; background-color: #d33c4d; padding: 15px 20px; text-align: center; font-size: 13px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .xmas-strip.v2020 .xmas-strip-btn:hover { opacity: 0.9; } } /* Black Friday 2021 */ .promo-banner.v2021 { display: flex; flex-flow: column; justify-content: center; align-items: center; min-height: 350px; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/blackfriday2021-background.jpg); background-position: center bottom; background-repeat: no-repeat; padding: 10% 0; } .promo-banner.v2021 img { width: auto; height: auto; } .promo-banner.v2021 img.animation { max-width: 100%; } .promo-banner.v2021 img.text { max-width: 50%; } .promo-banner.v2021 .promo-banner-btn { align-self: center; margin: 40px 0 0; background: #3bec75; padding: 20px 40px; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #1a1a1a; } .promo-banner.v2021 .promo-banner-btn:hover { opacity: 0.9; } .promo-strip.v2021 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #1a1a1a; } .promo-strip.v2021 .wrapper { display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 5px; max-width: 1250px; height: 90px; margin: auto; padding: 0 20px; } .promo-strip.v2021 .strip-img { width: auto; max-width: 100%; height: auto; } .promo-strip.v2021 .strip-btn { font-size: 15px; font-weight: bold; text-transform: uppercase; white-space: nowrap; color: #3ee878; } .promo-strip.v2021 .strip-btn:hover { opacity: 0.9; } .promo-strip.v2021 .strip-btn:after { content: ">"; margin-left: 10px; position: relative; bottom: 1px; font-size: 16px; } .promo-strip.v2021 ~ #goToTop { display: none; } @media all and (min-width: 768px) { .promo-banner.v2021 { padding: 6% 0; } .promo-banner.v2021 .promo-banner-btn { margin-top: 65px; } .promo-strip.v2021 .wrapper { height: 70px; flex-flow: row; justify-content: space-between; column-gap: 20px; } .promo-strip.v2021 .strip-btn { background: #3bec75; padding: 14px 20px; color: #1a1a1a; } .promo-strip.v2021 ~ #goToTop { display: block; } } /* Xmas & NewYear 2021 */ .xmas-banner.v2021 { display: flex; flex-flow: column; align-items: center; justify-content: center; max-height: 650px; background: url(/Themes/NopTemplates/Content/img/promotion/xmas2021-background.jpg) center no-repeat; padding: 9% 30px 8%; } .xmas-banner.v2021 .xmas-banner-img { display: inline-block; max-width: 100%; width: auto; height: auto; margin: 0 0 1%; } .xmas-banner.v2021 .xmas-banner-btn { display: block; width: 220px; background-color: #ff6861; padding: 18px 24px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .xmas-banner.v2021 .xmas-banner-btn:hover { opacity: 0.9; } .xmas-strip.v2021 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; background-color: #2e7658; font-size: 0; } @media all and (max-width: 768px) { .xmas-banner.v2021 { background-image: url(/Themes/NopTemplates/Content/img/promotion/xmas2021-background-mobile.jpg); background-position: initial; padding: 15% 20px 14%; } .xmas-banner.v2021 .xmas-banner-img { margin: 0 0 3%; } .xmas-banner.v2021 .xmas-banner-btn { padding: 16px 24px; } .xmas-strip.v2021 picture { display: block; margin: 15px 0 -23px; } .xmas-strip.v2021 .xmas-strip-img { width: auto; } .xmas-strip.v2021 .xmas-strip-btn { display: inline-block; margin: 0 0 15px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; } .xmas-strip.v2021 .xmas-strip-btn:after { content: ">"; margin: 0 0 0 5px; position: relative; bottom: 1px; font-size: 15px; } .xmas-strip.v2021 ~ #goToTop { display: none; } } @media all and (min-width: 769px) { .xmas-strip.v2021 .wrapper { display: flex; align-items: center; justify-content: space-between; column-gap: 20px; height: 70px; max-width: 1250px; margin: auto; padding: 0 20px; } .xmas-strip.v2021 .xmas-strip-img { width: auto; max-width: 100%; } .xmas-strip.v2021 .xmas-strip-btn { width: 180px; background-color: #ff6861; padding: 15px 5px; text-align: center; font-size: 13px; font-weight: bold; text-transform: uppercase; transition: 0.2s ease; white-space: nowrap; color: #ffffff; } .xmas-strip.v2021 .xmas-strip-btn:hover { opacity: 0.9; } } /* Spring Promo 2022 */ .promo-banner.spring-2022 { display: flex; flex-flow: column; justify-content: center; align-items: center; min-height: 350px; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/spring2022-background-mobile.jpg); background-position: center; background-repeat: no-repeat; padding: 10% 0; } .promo-banner.spring-2022 img { width: auto; height: auto; max-width: 90%; } .promo-banner.spring-2022 .promo-banner-btn { align-self: center; margin: 40px 0 0; background: #ff8955; padding: 15px 30px; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.spring-2022 .promo-banner-btn:hover { opacity: 0.9; } .promo-strip.spring-2022 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #00a685; } .promo-strip.spring-2022 .wrapper { display: flex; flex-flow: column; align-items: center; height: 100px; margin: auto; padding: 0 20px; } .promo-strip.spring-2022 picture { margin-bottom: -36px; font-size: 0; } .promo-strip.spring-2022 .strip-img { width: auto; max-width: 100%; height: 100px; } .promo-strip.spring-2022 .strip-btn { font-size: 15px; font-weight: bold; text-transform: uppercase; white-space: nowrap; color: #fff; } .promo-strip.spring-2022 .strip-btn:hover { opacity: 0.95; } .promo-strip.spring-2022 .strip-btn:after { content: ">"; margin-left: 10px; position: relative; bottom: 1px; font-size: 16px; } .promo-strip.spring-2022 ~ #goToTop { display: none; } @media all and (min-width: 768px) { .promo-banner.spring-2022 { background-image: url(/Themes/NopTemplates/Content/img/promotion/spring2022-background.jpg); padding: 6% 0; } .promo-banner.spring-2022 .promo-banner-btn { margin-top: 65px; padding: 20px 40px; } .promo-strip.spring-2022 .wrapper { height: 70px; flex-flow: row; justify-content: space-between; column-gap: 20px; max-width: 1250px; } .promo-strip.spring-2022 picture { margin: 0 0 0 -20px; } .promo-strip.spring-2022 .strip-img { height: 70px; } .promo-strip.spring-2022 .strip-btn { background: #ff9d72; padding: 14px 20px; } .promo-strip.spring-2022 .strip-btn:after { display: none; } .promo-strip.spring-2022 ~ #goToTop { display: block; } } /* Mega Store Promo 2022 */ .promo-banner.megastore-2022 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; min-height: 460px; background-image: url(/Themes/NopTemplates/Content/img/promotion/mspromo_background_mobile.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.megastore-2022 img { width: auto; height: auto; } .promo-banner.megastore-2022 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; min-height: 250px; padding-top: 10px; } .promo-banner.megastore-2022 .promo-banner-text { width: 90%; max-width: 400px; } .promo-banner.megastore-2022 .promo-banner-btn { align-self: center; background: #d3f258; padding: 15px 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #3a6ced; } .promo-banner.megastore-2022 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.megastore-2022 .image-wrapper { font-size: 0; } .promo-banner.megastore-2022 .promo-banner-img { width: 90%; max-width: 700px; } @media all and (min-width: 768px) { .promo-banner.megastore-2022 { min-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/mspromo_background.jpg); } .promo-banner.megastore-2022 .promo-banner-text { max-width: 500px; } } @media all and (min-width: 1025px) { .promo-banner.megastore-2022 { flex-flow: row; justify-content: space-between; min-height: 0; padding: 0 2% 0 4%; } .promo-banner.megastore-2022 .text-wrapper { grid-row-gap: 40px; text-align: left; } .promo-banner.megastore-2022 .promo-banner-text { width: auto; max-width: 100%; } .promo-banner.megastore-2022 .promo-banner-btn { align-self: flex-start; } .promo-banner.megastore-2022 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; padding-top: 3.75%; } .promo-banner.megastore-2022 .image-wrapper img { align-self: flex-end; max-width: 900px; } } @media all and (min-width: 1423px) { .promo-banner.megastore-2022 { column-gap: 4%; } .promo-banner.megastore-2022 .promo-banner-btn { padding: 20px 40px; font-size: 17px; } .promo-banner.megastore-2022 .image-wrapper img { width: auto; max-width: 100%; } } /* Summer Promo 2022 */ .promo-banner.summer-2022 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; min-height: 460px; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/summer2022_background_mobile.jpg); background-position: center; background-repeat: no-repeat; background-size: auto 100%; padding: 0 0 0; } .promo-banner.summer-2022 img { width: auto; height: auto; } .promo-banner.summer-2022 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 25px; min-height: 250px; padding-top: 25px; } .promo-banner.summer-2022 .promo-banner-text { width: 90%; max-width: 400px; } .promo-banner.summer-2022 .promo-banner-btn { align-self: center; background: #ff1955; padding: 15px 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.summer-2022 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.summer-2022 .image-wrapper { font-size: 0; } .promo-banner.summer-2022 .promo-banner-img { max-width: 45%; } @media all and (min-width: 768px) { .promo-banner.summer-2022 { min-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/summer2022_background.jpg); } .promo-banner.summer-2022 .promo-banner-text { max-width: 500px; } .promo-banner.summer-2022 .image-wrapper { display: flex; justify-content: center; } .promo-banner.summer-2022 .image-wrapper img { width: 300px; } } @media all and (min-width: 1025px) { .promo-banner.summer-2022 { flex-flow: row; justify-content: space-between; min-height: 0; max-height: 650px; padding: 1% 1% 1% 4%; } .promo-banner.summer-2022 .text-wrapper { flex: 1 0 50%; grid-row-gap: 40px; padding-right: 4%; text-align: left; } .promo-banner.summer-2022 .promo-banner-text { width: auto; max-width: 100%; position: relative; bottom: 20px; } .promo-banner.summer-2022 .promo-banner-btn { align-self: flex-start; } .promo-banner.summer-2022 .image-wrapper { flex: 1 0 50%; align-self: stretch; text-align: right; justify-content: flex-end; padding-top: 3.75%; } .promo-banner.summer-2022 .image-wrapper img { align-self: flex-end; position: relative; bottom: -10px; left: -10px; width: auto; max-width: 50%; } .promo-banner.summer-2022 .image-wrapper img + img { top: -25px; left: -25px; } } @media all and (min-width: 1423px) { .promo-banner.summer-2022 { column-gap: 3%; padding-right: 4%; } .promo-banner.summer-2022 .text-wrapper { padding-right: 7%; } .promo-banner.summer-2022 .promo-banner-btn { padding: 20px 40px; font-size: 17px; } } /* Heat Promo 2022 */ .promo-banner.heat-2022 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; min-height: 460px; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/heat2022_background_mobile.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.heat-2022 img { width: auto; height: auto; } .promo-banner.heat-2022 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 25px; min-height: 250px; padding-top: 25px; } .promo-banner.heat-2022 .promo-banner-text { width: 60%; } .promo-banner.heat-2022 .promo-banner-btn { align-self: center; margin-bottom: 20px; background: #cc0034; padding: 15px 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.heat-2022 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.heat-2022 .image-wrapper { font-size: 0; } .promo-banner.heat-2022 .promo-banner-img { max-width: 45%; } @media all and (min-width: 500px) { .promo-banner.heat-2022 .text-wrapper { padding-top: 45px; } .promo-banner.heat-2022 .promo-banner-text { width: 85%; } .promo-banner.heat-2022 .image-wrapper { max-width: 900px; } } @media all and (min-width: 769px) { .promo-banner.heat-2022 { background-image: url(/Themes/NopTemplates/Content/img/promotion/heat2022_background.jpg); } } @media all and (min-width: 1201px) { .promo-banner.heat-2022 { position: relative; } .promo-banner.heat-2022 .text-wrapper { row-gap: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 25%; height: 430px; margin: auto; padding-top: 0; } .promo-banner.heat-2022 .image-wrapper { display: flex; justify-content: space-between; width: 100%; max-width: none; padding: 0 1%; } .promo-banner.heat-2022 .promo-banner-img { max-width: 35%; margin-top: 45px; } } @media all and (min-width: 1700px) { .promo-banner.heat-2022 { height: 650px; } .promo-banner.heat-2022 .text-wrapper { bottom: 20px; } .promo-banner.heat-2022 .promo-banner-text { width: auto; } } /* Plugins Promo 2022 */ .promo-banner.plugins-2022 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; background-image: url(/Themes/NopTemplates/Content/img/promotion/plugins_background_mobile.jpg); background-position: center bottom; background-repeat: repeat-x; padding: 0 0 0; } .promo-banner.plugins-2022 img { width: auto; height: auto; } .promo-banner.plugins-2022 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; min-height: 250px; } .promo-banner.plugins-2022 .promo-banner-text { width: 90%; } .promo-banner.plugins-2022 .promo-banner-btn { align-self: center; background: #f63b67; padding: 15px 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.plugins-2022 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.plugins-2022 .image-wrapper { padding-bottom: 30px; font-size: 0; } .promo-banner.plugins-2022 .promo-banner-img { width: 90%; max-width: 700px; } @media all and (max-width: 480px) { .promo-banner.plugins-2022 { background-size: auto 100%; } } @media all and (min-width: 1025px) { .promo-banner.plugins-2022 { flex-flow: row; justify-content: space-between; min-height: 450px; background-image: url(/Themes/NopTemplates/Content/img/promotion/plugins_background.jpg); background-position: left bottom; background-size: auto; padding: 0 6%; } .promo-banner.plugins-2022 .text-wrapper { grid-row-gap: 40px; text-align: left; } .promo-banner.plugins-2022 .promo-banner-text { width: auto; max-width: 100%; } .promo-banner.plugins-2022 .promo-banner-btn { align-self: flex-start; } .promo-banner.plugins-2022 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; padding-top: 3.75%; } .promo-banner.plugins-2022 .image-wrapper img { align-self: center; max-width: 900px; margin-top: 30px; } } @media all and (min-width: 1423px) { .promo-banner.plugins-2022 { min-height: 650px; column-gap: 4%; } .promo-banner.plugins-2022 .promo-banner-btn { padding: 20px 40px; font-size: 17px; } .promo-banner.plugins-2022 .image-wrapper img { width: auto; max-width: 100%; } } /*Birthday 11*/ .birthday-banner.v11 { background: url(/Themes/NopTemplates/Content/img/promotion/birthday11_background.jpg) center no-repeat; padding-bottom: 58px; font-size: 0; } .birthday-banner.v11 .birthday-banner-img { display: inline-block; max-width: 60%; width: auto; height: auto; margin-bottom: 40px; } .birthday-banner.v11 .birthday-banner-btn { display: block; width: 240px; margin: auto; background-color: #ff3b60; padding: 18px 24px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .birthday-banner.v11 .birthday-banner-btn:hover { opacity: 0.9; } @media all and (max-width: 600px) { .birthday-banner.v11 { background-image: url(/Themes/NopTemplates/Content/img/promotion/birthday11_background_mobile.jpg); padding-bottom: 48px; } .birthday-banner.v11 .birthday-banner-img { max-width: 100%; margin-bottom: 30px; } .birthday-banner.v11 .birthday-banner-btn { padding: 16px 24px; } } .birthday-strip.v11 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; text-align: center; background-color: #302480; padding: 10px 0 15px; font-size: 0; } .birthday-strip.v11 picture { display: block; } .birthday-strip.v11 .birthday-strip-img { width: auto; margin-top: -25px; } .birthday-strip.v11 .birthday-strip-btn { display: inline-block; font-size: 16px; font-weight: bold; color: #e94b69; text-transform: uppercase; transition: 0.2s ease; white-space: nowrap; } .birthday-strip.v11 .birthday-strip-btn:hover { opacity: 0.9; } @media all and (max-width: 767px) { .birthday-strip.v11 .birthday-strip-btn:after { content: ">"; margin-left: 10px; position: relative; bottom: 1px; font-size: 17px; } } @media all and (min-width: 768px) { .birthday-strip.v11 { height: 70px; padding: 0; } .birthday-strip.v11 .wrapper { display: flex; align-items: center; justify-content: space-between; width: 1250px; max-width: 100%; margin: auto; text-align: left; } .birthday-strip.v11 .birthday-strip-img { max-width: 100%; min-height: 85px; margin-top: -15px; } .birthday-strip.v11 .birthday-strip-btn { width: 160px; margin: 1px 20px 0 0; background-color: #e94b69; padding: 15px 10px; text-align: center; font-size: 14px; color: #fff; } } /*BlackFriday 2022*/ .promo-banner.autumn-2022 { display: flex; flex-flow: column; align-items: center; justify-content: center; min-height: 460px; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/blackfriday2022-banner-mobile.jpg); background-position: center top; background-repeat: no-repeat; padding: 6% 0 8%; } .promo-banner.autumn-2022 .promo-banner-img { max-width: 80%; min-width: 320px; margin: 0 0 10px; } .promo-banner.autumn-2022 .promo-banner-img img { max-width: 100%; width: auto; height: auto; } .promo-banner.autumn-2022 .promo-banner-btn { width: 200px; background-color: #ff3b60; padding: 16px 20px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .promo-banner.autumn-2022 .promo-banner-btn:hover { opacity: 0.9; } @media all and (min-width: 768px) { .promo-banner.autumn-2022 { background-image: url(/Themes/NopTemplates/Content/img/promotion/blackfriday2022-banner.jpg); } .promo-banner.autumn-2022 .promo-banner-img { max-width: 50%; } .promo-banner.autumn-2022 .promo-banner-btn { width: 220px; padding: 18px 24px; } } @media all and (min-width: 1200px) { .promo-banner.autumn-2022 { padding: 4.5% 0 5%; } .promo-banner.autumn-2022 .promo-banner-btn { width: 240px; padding: 20px 24px; font-size: 16px; } } .promo-strip.autumn-2022 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; text-align: center; background-color: #111; font-size: 0; } .promo-strip.autumn-2022 .birthday-strip-img { display: block; } .promo-strip.autumn-2022 .birthday-strip-img img { width: auto; max-width: 100%; height: auto; } .promo-strip.autumn-2022 .birthday-strip-btn { display: inline-block; margin: 0 0 12px; font-size: 16px; font-weight: bold; color: #ff5d92; text-transform: uppercase; transition: 0.2s ease; white-space: nowrap; } .promo-strip.autumn-2022 .birthday-strip-btn:hover { opacity: 0.9; } .promo-strip.autumn-2022 .birthday-strip-btn:after { content: ">"; margin-left: 10px; position: relative; bottom: 1px; font-size: 17px; } @media all and (min-width: 768px) { .promo-strip.autumn-2022 { height: 70px; padding: 0; } .promo-strip.autumn-2022 .wrapper { display: flex; align-items: center; justify-content: space-between; width: 1250px; max-width: 100%; margin: auto; text-align: left; } .promo-strip.autumn-2022 .birthday-strip-img { padding-left: 15px; } .promo-strip.autumn-2022 .birthday-strip-btn { width: 160px; margin: 1px 20px 0 0; background-color: #e94b69; padding: 14px 10px; text-align: center; font-size: 14px; color: #fff; } .promo-strip.autumn-2022 .birthday-strip-btn:after { display: none; } } /* Xmas & NewYear 2022 */ .xmas-banner.v2022 { display: flex; flex-flow: column; align-items: center; justify-content: center; max-height: 650px; background: url(/Themes/NopTemplates/Content/img/promotion/xmas2022-background.jpg) center bottom no-repeat; padding: 7% 30px 10%; } .xmas-banner.v2022 .xmas-banner-img { display: inline-block; max-width: 90%; width: auto; height: auto; margin: 0 0 7%; } .xmas-banner.v2022 .xmas-banner-btn { display: block; width: 240px; background-color: #008a65; padding: 20px 24px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 0.2s ease; } .xmas-banner.v2022 .xmas-banner-btn:hover { opacity: 0.9; } .xmas-strip.v2022 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; background-color: #9f2236; font-size: 0; } @media all and (max-width: 768px) { .xmas-banner.v2022 { background-image: url(/Themes/NopTemplates/Content/img/promotion/xmas2022-background-mobile.jpg); background-position: center bottom; padding: 10% 20px 15%; } .xmas-banner.v2022 .xmas-banner-img { margin: 0 0 10%; } .xmas-banner.v2022 .xmas-banner-btn { width: 200px; padding: 16px 24px; font-size: 15px; } .xmas-strip.v2022 picture { display: block; margin: 10px 0 10px; } .xmas-strip.v2022 .xmas-strip-img { width: auto; } .xmas-strip.v2022 .xmas-strip-btn { display: inline-block; margin: 0 0 12px; font-size: 14px; font-weight: bold; color: #ffc474; text-transform: uppercase; } .xmas-strip.v2022 .xmas-strip-btn:after { content: ">"; margin: 0 0 0 5px; position: relative; bottom: 1px; font-size: 15px; } .xmas-strip.v2022 ~ #goToTop { display: none; } } @media all and (min-width: 769px) { .xmas-strip.v2022 .wrapper { display: flex; align-items: center; justify-content: space-between; column-gap: 20px; height: 70px; max-width: 1250px; margin: auto; padding: 0 20px; } .xmas-strip.v2022 .xmas-strip-img { width: auto; max-width: 100%; } .xmas-strip.v2022 .xmas-strip-btn { width: 160px; background-color: #008a65; padding: 15px 5px; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; transition: 0.2s ease; white-space: nowrap; color: #fff; } .xmas-strip.v2022 .xmas-strip-btn:hover { opacity: 0.9; } } /* Mega Store Promo 2023 */ .promo-banner.megastore-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; min-height: 460px; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/ms2023_background_mobile.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.megastore-2023 img { width: auto; height: auto; } .promo-banner.megastore-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 25px; min-height: 220px; padding-top: 30px; } .promo-banner.megastore-2023 .promo-banner-text { width: 85%; max-width: 473px; } .promo-banner.megastore-2023 .promo-banner-btn { align-self: center; background: #f0384a; padding: 15px 20px; font-size: 15px; text-transform: uppercase; color: #fff; } .promo-banner.megastore-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.megastore-2023 .image-wrapper { font-size: 0; display: flex; justify-content: space-around; width: 100%; } .promo-banner.megastore-2023 .promo-banner-img { max-width: 45%; max-height: 430px; } @media all and (min-width: 769px) { .promo-banner.megastore-2023 { background-image: url(/Themes/NopTemplates/Content/img/promotion/ms2023_background.jpg); } } @media all and (min-width: 1101px) { .promo-banner.megastore-2023 { position: relative; padding-top: 3%; } .promo-banner.megastore-2023 .text-wrapper { row-gap: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 25%; height: 430px; margin: auto; } .promo-banner.megastore-2023 .promo-banner-text { width: 441px; max-width: 100%; } .promo-banner.megastore-2023 .promo-banner-btn { padding: 20px 35px; font-size: 18px; } .promo-banner.megastore-2023 .image-wrapper { justify-content: space-between; padding: 0 4%; } .promo-banner.megastore-2023 .promo-banner-img { max-width: 30%; max-height: none; } } @media all and (min-width: 1401px) { .promo-banner.megastore-2023 { height: 650px; } } /* Themes Collection 2023 */ .promo-banner.themes-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; background-image: url(/Themes/NopTemplates/Content/img/promotion/themes2023_background_mobile.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0 0 0; } .promo-banner.themes-2023 img { width: auto; height: auto; } .promo-banner.themes-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; padding: 50px 0 25px; } .promo-banner.themes-2023 .promo-banner-text { max-width: 90%; } .promo-banner.themes-2023 .promo-banner-btn { align-self: center; background: #4bc077; padding: 15px 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.themes-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.themes-2023 .image-wrapper { font-size: 0; } .promo-banner.themes-2023 .promo-banner-img { max-width: 100%; } @media all and (min-width: 1025px) { .promo-banner.themes-2023 { flex-flow: row; justify-content: space-between; min-height: 0; background-image: url(/Themes/NopTemplates/Content/img/promotion/themes2023_background.jpg); padding: 0 1% 0 5%; } .promo-banner.themes-2023 .text-wrapper { grid-row-gap: 30px; padding: 10px 0 0; text-align: left; } .promo-banner.themes-2023 .promo-banner-text { max-width: 100%; } .promo-banner.themes-2023 .promo-banner-btn { align-self: flex-start; } .promo-banner.themes-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; padding-top: 3.75%; } .promo-banner.themes-2023 .image-wrapper img { align-self: flex-end; } } @media all and (min-width: 1260px) { .promo-banner.themes-2023 { column-gap: 4%; } .promo-banner.themes-2023 .text-wrapper { grid-row-gap: 50px; } .promo-banner.themes-2023 .promo-banner-btn { padding: 20px 38px; font-size: 17px; } .promo-banner.themes-2023 .image-wrapper img { max-width: 100%; } } /* Pacific Promo 2023 */ .promo-banner.pacific-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; background-image: url(/Themes/NopTemplates/Content/img/promotion/pacific2023_background.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.pacific-2023 img { width: auto; height: auto; } .promo-banner.pacific-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; padding: 40px 0 25px; } .promo-banner.pacific-2023 .promo-banner-text { max-width: 85%; } .promo-banner.pacific-2023 .promo-banner-btn { align-self: center; background: #c27531; padding: 15px 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.pacific-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.pacific-2023 .image-wrapper { font-size: 0; } .promo-banner.pacific-2023 .promo-banner-img { width: 500px; max-width: 85%; } @media all and (min-width: 769px) { .promo-banner.pacific-2023 { flex-flow: row; justify-content: space-between; column-gap: 4%; min-height: 0; padding: 0 2% 0 5%; } .promo-banner.pacific-2023 .text-wrapper { grid-row-gap: 30px; padding: 10px 0 0; text-align: left; } .promo-banner.pacific-2023 .promo-banner-text { max-width: 100%; } .promo-banner.pacific-2023 .promo-banner-btn { align-self: flex-start; } .promo-banner.pacific-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; padding-top: 3.75%; } .promo-banner.pacific-2023 .promo-banner-img { align-self: flex-end; width: auto; max-width: 100%; } } @media all and (min-width: 1260px) { .promo-banner.pacific-2023 .text-wrapper { grid-row-gap: 50px; } .promo-banner.pacific-2023 .promo-banner-btn { padding: 20px 38px; font-size: 17px; } .promo-banner.pacific-2023 .image-wrapper img { max-width: 100%; } } /* Emporium Promo 2023 */ .promo-banner.emporium-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; background-image: url(/Themes/NopTemplates/Content/img/promotion/emporium2023_background.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.emporium-2023 img { width: auto; height: auto; } .promo-banner.emporium-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; padding: 40px 0 25px; } .promo-banner.emporium-2023 .promo-banner-text { max-width: 85%; } .promo-banner.emporium-2023 .promo-banner-btn { align-self: center; background: #ff8e1f; padding: 15px 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.emporium-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.emporium-2023 .image-wrapper { font-size: 0; } .promo-banner.emporium-2023 .promo-banner-img { width: 500px; max-width: 85%; } @media all and (min-width: 769px) { .promo-banner.emporium-2023 { flex-flow: row; justify-content: space-between; column-gap: 4%; min-height: 0; padding: 0 2% 0 5%; } .promo-banner.emporium-2023 .text-wrapper { grid-row-gap: 30px; padding: 10px 0 0; text-align: left; } .promo-banner.emporium-2023 .promo-banner-text { max-width: 100%; } .promo-banner.emporium-2023 .promo-banner-btn { align-self: flex-start; margin-left: 12%; } .promo-banner.emporium-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; padding-top: 3.75%; } .promo-banner.emporium-2023 .promo-banner-img { align-self: flex-end; width: auto; max-width: 100%; } } @media all and (min-width: 1260px) { .promo-banner.emporium-2023 .text-wrapper { grid-row-gap: 50px; } .promo-banner.emporium-2023 .promo-banner-btn { margin-left: 60px; padding: 20px 38px; font-size: 17px; } .promo-banner.emporium-2023 .image-wrapper img { max-width: 100%; } } /* 30% OFF Promo 2023 */ .promo-banner.thirty-off-2023 { display: flex; justify-content: center; background-image: url(/Themes/NopTemplates/Content/img/promotion/30Off_background.jpg); background-position: center; background-repeat: no-repeat; padding: 10% 5%; } .promo-banner.thirty-off-2023 picture { display: block; } .promo-banner.thirty-off-2023 img { width: auto; max-width: 100%; height: auto; } @media all and (min-width: 1260px) { .promo-banner.thirty-off-2023 { padding: 8% 5%; } } /* PRISMA Promo 2023 */ .promo-banner.prisma-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; background-image: url(/Themes/NopTemplates/Content/img/promotion/prisma2023_background.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.prisma-2023 img { width: auto; height: auto; } .promo-banner.prisma-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 30px; padding: 40px 0 0; } .promo-banner.prisma-2023 .promo-banner-text { max-width: 85%; } .promo-banner.prisma-2023 .promo-banner-btn { align-self: center; min-width: 160px; background: #ff3b91; padding: 15px 20px; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.prisma-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.prisma-2023 .image-wrapper { font-size: 0; } .promo-banner.prisma-2023 .promo-banner-img { width: 500px; max-width: 85%; } @media all and (min-width: 1001px) { .promo-banner.prisma-2023 { flex-flow: row; justify-content: space-between; column-gap: 4%; min-height: 0; padding: 0 2% 0 5%; } .promo-banner.prisma-2023 .text-wrapper { grid-row-gap: 30px; padding: 10px 0 0; text-align: left; } .promo-banner.prisma-2023 .promo-banner-text { max-width: 100%; } .promo-banner.prisma-2023 .promo-banner-btn { align-self: flex-start; } .promo-banner.prisma-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; } .promo-banner.prisma-2023 .promo-banner-img { align-self: flex-end; width: auto; max-width: 100%; } } @media all and (min-width: 1260px) { .promo-banner.prisma-2023 .text-wrapper { grid-row-gap: 50px; } .promo-banner.prisma-2023 .promo-banner-btn { min-width: 220px; padding: 20px 40px; font-size: 17px; } } /* Birthday Promo 2023 */ .promo-banner.birthday-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; position: relative; background-image: url(/Themes/NopTemplates/Content/img/promotion/birthday12_background.jpg); background-position: center; background-repeat: no-repeat; padding: 50px 0; } .promo-banner.birthday-2023 img, .birthday-strip.v12 img { width: auto; height: auto; } .promo-banner.birthday-2023 .image-wrapper { font-size: 0; } .promo-banner.birthday-2023 .promo-banner-img { width: 500px; max-width: 65%; } .promo-banner.birthday-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 30px; padding: 30px 0 0; } .promo-banner.birthday-2023 .promo-banner-text { max-width: 85%; } .promo-banner.birthday-2023 .promo-banner-btn { align-self: center; min-width: 160px; background: #ffc52a; padding: 15px 15px; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #260928; } .promo-banner.birthday-2023 a:hover, .birthday-strip.v12-2023 a:hover { opacity: 0.9; } .promo-banner.birthday-2023 .promo-hint { margin: 30px 0 -20px; padding: 0 20px; color: #d89ee8; } .birthday-strip.v12-2023 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; background-color: #210524; } .birthday-strip.v12-2023 .wrapper { display: flex; flex-flow: column; align-items: center; row-gap: 10px; padding: 10px 0 15px; } .birthday-strip.v12-2023 .strip-btn { display: inline-block; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffc52a; } @media all and (max-width: 768px) { .birthday-strip.v12-2023 a:after { content: ">"; margin-left: 5px; position: relative; bottom: 1px; font-size: 15px; } .birthday-strip.v12-2023 ~ #goToTop { display: none; } } @media all and (min-width: 769px) { .birthday-strip.v12-2023 .wrapper { flex-flow: row; /*justify-content: space-between;*/ column-gap: 20px; width: 100%; max-width: 1240px; height: 70px; margin: auto; padding: 0 20px; } .birthday-strip.v12-2023 .strip-btn { width: 160px; background-color: #ffc52a; padding: 15px 5px; text-align: center; white-space: nowrap; color: #210524; } } @media all and (min-width: 1001px) { .promo-banner.birthday-2023 { flex-flow: row; justify-content: space-between; column-gap: 3.5%; min-height: 0; padding: 3% 50px 5%; } .promo-banner.birthday-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; width: 55%; } .promo-banner.birthday-2023 .promo-banner-img { align-self: flex-end; width: auto; max-width: 100%; } .promo-banner.birthday-2023 .text-wrapper { width: 45%; row-gap: 50px; text-align: left; } .promo-banner.birthday-2023 .promo-banner-text { max-width: 100%; } .promo-banner.birthday-2023 .promo-banner-btn { align-self: flex-start; min-width: 220px; padding: 20px 40px; font-size: 17px; } .promo-banner.birthday-2023 .promo-hint { position: absolute; right: 12px; bottom: 20px; max-width: 300px; margin: 0px; padding: 0px; font-size: 16px; } } /* Black Friday 2023 */ .promo-banner.blackfriday-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; position: relative; background-image: url(/Themes/NopTemplates/Content/img/bf2024/bg-year-end-sale.png); background-position: center; background-repeat: no-repeat; padding: 50px 0; background-size: cover; } .promo-banner.blackfriday-2023 img { width: auto; height: auto; } .promo-banner.blackfriday-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 30px; } .promo-banner.blackfriday-2023 .promo-banner-text { max-width: 85%; } .promo-banner.blackfriday-2023 .promo-banner-btn { align-self: center; min-width: 160px; background: #ff1f13; padding: 15px 15px; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #FFF; } .promo-banner.blackfriday-2023 a:hover { opacity: 0.9; } .promo-banner.blackfriday-2023 .promo-hint { margin: 30px 0 -20px; padding: 0 20px; color: #d89ee8; } .promo-strip.blackfriday-2023 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; background: #001221; font-size: 0; } .promo-strip.blackfriday-2023 .wrapper { width: 1250px; max-width: 100%; margin: auto; display: flex; flex-flow: column; align-items: center; row-gap: 10px; padding: 15px 0 10px; } .promo-strip.blackfriday-2023 .strip-img { max-width: 100%; } .promo-strip.blackfriday-2023 .strip-btn { display: inline-block; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #d974ff; white-space: nowrap; } .promo-strip.blackfriday-2023 .strip-btn:after { content: ">"; margin-left: 5px; position: relative; bottom: 1px; font-size: 15px; } @media all and (min-width: 768px) { .promo-strip.blackfriday-2023 { height: 70px; } .promo-strip.blackfriday-2023 .wrapper { flex-flow: row; justify-content: space-between; column-gap: 10px; padding: 0 25px; } .promo-strip.blackfriday-2023 .strip-btn { width: 180px; background: #ff1f13; padding: 15px 20px; text-align: center; font-weight: bold; color: #001221; transition: 0.2s ease; } .promo-strip.blackfriday-2023 .strip-btn:hover { opacity: 0.9; } .promo-strip.blackfriday-2023 .strip-btn:after { display: none; } } @media all and (min-width: 1001px) { .promo-banner.blackfriday-2023 { flex-flow: row; justify-content: space-between; column-gap: 3.5%; min-height: 0; padding: 5% 50px 7%; } .promo-banner.blackfriday-2023 .text-wrapper { row-gap: 60px; } .promo-banner.blackfriday-2023 .promo-banner-text { max-width: 100%; } .promo-banner.blackfriday-2023 .promo-banner-btn { min-width: 220px; padding: 20px 40px; font-size: 17px; } .promo-banner.blackfriday-2023 .promo-hint { position: absolute; right: 12px; bottom: 20px; max-width: 300px; margin: 0px; padding: 0px; font-size: 16px; } } @media all and (min-width: 1401px) { .promo-banner.blackfriday-2023 .text-wrapper { row-gap: 100px; } } /* Xmas & NewYear 2023 */ .promo-banner.xmas-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; position: relative; background-image: url(/Themes/NopTemplates/Content/img/promotion/xmas_2023_background_mobile.jpg); background-position: center; background-repeat: no-repeat; padding: 50px 0; } .promo-banner.xmas-2023 img { width: auto; height: auto; } .promo-banner.xmas-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 30px; } .promo-banner.xmas-2023 .promo-banner-text { max-width: 85%; } .promo-banner.xmas-2023 .promo-banner-btn { align-self: center; min-width: 160px; background: #993dd5; padding: 15px 15px; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #ffffff; } .promo-banner.xmas-2023 a:hover { opacity: 0.9; } .promo-banner.xmas-2023 .promo-hint { margin: 30px 0 -20px; padding: 0 20px; color: #ffffff; } .promo-strip.xmas-2023 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; background: #073c33; font-size: 0; } .promo-strip.xmas-2023 .wrapper { width: 1250px; max-width: 100%; margin: auto; display: flex; flex-flow: column; align-items: center; row-gap: 10px; padding: 15px 0 10px; } .promo-strip.xmas-2023 .strip-img { max-width: 100%; } .promo-strip.xmas-2023 .strip-btn { display: inline-block; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #b84efe; white-space: nowrap; } .promo-strip.xmas-2023 .strip-btn:after { content: ">"; margin-left: 5px; position: relative; bottom: 1px; font-size: 15px; } @media all and (min-width: 768px) { .promo-strip.xmas-2023 { height: 70px; } .promo-strip.xmas-2023 .wrapper { flex-flow: row; justify-content: space-between; column-gap: 10px; padding: 5px 25px; } .promo-strip.xmas-2023 .strip-btn { width: 180px; background: #993dd5; padding: 15px 20px; text-align: center; color: #fff; } .promo-strip.xmas-2023 .strip-btn:hover { opacity: 0.9; } .promo-strip.xmas-2023 .strip-btn:after { display: none; } } @media all and (min-width: 1001px) { .promo-banner.xmas-2023 { flex-flow: row; justify-content: space-between; column-gap: 3.5%; min-height: 0; max-height: 650px; background-image: url(/Themes/NopTemplates/Content/img/promotion/xmas_2023_background.jpg); padding: 6% 50px 5%; } .promo-banner.xmas-2023 .text-wrapper { row-gap: 60px; } .promo-banner.xmas-2023 .promo-banner-text { max-width: 100%; } .promo-banner.xmas-2023 .promo-banner-btn { min-width: 220px; padding: 20px 40px; font-size: 17px; } .promo-banner.xmas-2023 .promo-hint { position: absolute; right: 1%; bottom: 4%; max-width: 300px; margin: 0px; padding: 0px; font-size: 16px; } } /* Bestsellers 2023 */ .promo-banner.bestsellers-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; min-height: 460px; background-image: url(/Themes/NopTemplates/Content/img/promotion/bestsellers2023_background_mobile.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px 0; } .promo-banner.bestsellers-2023 img { width: auto; height: auto; } .promo-banner.bestsellers-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; padding: 0 0 25px; } .promo-banner.bestsellers-2023 .promo-banner-text { width: 80%; max-width: 500px; } .promo-banner.bestsellers-2023 .promo-banner-btn { align-self: center; border: 2px solid #222; background: #f36c37; padding: 15px 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.bestsellers-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.bestsellers-2023 .image-wrapper { font-size: 0; } .promo-banner.bestsellers-2023 .promo-banner-img { width: 90%; max-width: 500px; } @media all and (min-width: 1001px) { .promo-banner.bestsellers-2023 { flex-flow: row; justify-content: space-between; min-height: 0; background-image: url(/Themes/NopTemplates/Content/img/promotion/bestsellers2023_background.jpg); padding: 30px 0; } .promo-banner.bestsellers-2023 .text-wrapper { row-gap: 30px; padding: 10px 8% 0; text-align: left; } .promo-banner.bestsellers-2023 .promo-banner-text { width: auto; max-width: 100%; } .promo-banner.bestsellers-2023 .promo-banner-btn { padding: 16px 38px; font-size: 17px; } .promo-banner.bestsellers-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; padding-right: 3%; } .promo-banner.bestsellers-2023 .promo-banner-img { width: auto; max-width: 100%; } } @media all and (min-width: 1260px) { .promo-banner.bestsellers-2023 .text-wrapper { row-gap: 50px; } } /* License Promo 2023 */ .promo-banner.license-2023 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; row-gap: 30px; background-image: url(/Themes/NopTemplates/Content/img/promotion/license2023_background.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 0; } .promo-banner.license-2023 img { width: auto; height: auto; } .promo-banner.license-2023 .text-wrapper { flex-grow: 1; display: flex; flex-flow: column; justify-content: center; row-gap: 20px; padding: 30px 0 0; } .promo-banner.license-2023 .promo-banner-text { max-width: 85%; } .promo-banner.license-2023 .promo-banner-btn { align-self: center; min-width: 160px; border: 2px solid #000; background: #dc4459; padding: 15px 20px; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .promo-banner.license-2023 .promo-banner-btn:hover { opacity: 0.9; } .promo-banner.license-2023 .image-wrapper { font-size: 0; } .promo-banner.license-2023 .promo-banner-img { width: 500px; max-width: 85%; } .promo-banner.license-2023 .promo-hint { margin: -15px 0 15px; padding: 0 20px; color: #b5f9ff; } @media all and (min-width: 1001px) { .promo-banner.license-2023 { flex-flow: row; justify-content: space-between; column-gap: 4%; position: relative; min-height: 0; padding: 4% 5% 5% 5%; } .promo-banner.license-2023 .text-wrapper { row-gap: 30px; padding: 10px 0 0; text-align: left; } .promo-banner.license-2023 .promo-banner-text { max-width: 100%; } .promo-banner.license-2023 .promo-banner-btn { align-self: flex-start; } .promo-banner.license-2023 .image-wrapper { flex-grow: 1; align-self: stretch; text-align: right; display: flex; justify-content: flex-end; } .promo-banner.license-2023 .promo-banner-img { align-self: flex-end; width: auto; max-width: 100%; } .promo-banner.license-2023 .promo-hint { position: absolute; right: 5%; bottom: 20px; margin: 0px; padding: 0px; } } @media all and (min-width: 1260px) { .promo-banner.license-2023 .text-wrapper { row-gap: 50px; } .promo-banner.license-2023 .promo-banner-btn { min-width: 240px; padding: 18px 40px; font-size: 17px; } } /* 4.70 Upgrade */ .upgrade-banner.v470 { display: flex; flex-flow: column; justify-content: flex-end; align-items: center; row-gap: 30px; background-image: url(/Themes/NopTemplates/Content/img/upgrade/upgrade_v470_background.jpg); background-position: center; background-repeat: no-repeat; padding: 30px 0; } .upgrade-banner.v470 img { width: auto; height: auto; } .upgrade-banner.v470 .text-wrapper { display: flex; flex-flow: column; justify-content: center; row-gap: 20px; } .upgrade-banner.v470 .banner-text { max-width: 85%; } .upgrade-banner.v470 .banner-buttons { display: flex; justify-content: center; column-gap: 3px; padding: 0 5%; } .upgrade-banner.v470 .banner-btn { align-self: center; min-width: 160px; border: 2px solid #000; padding: 15px 20px; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } .upgrade-banner.v470 .banner-btn.purple { background: #a45cfe; } .upgrade-banner.v470 .banner-btn.red { background: #ff3662; } .upgrade-banner.v470 .banner-btn:hover { opacity: 0.9; } .upgrade-banner.v470 .image-wrapper { font-size: 0; } .upgrade-banner.v470 .banner-img { width: 460px; max-width: 85%; } @media all and (min-width: 981px) { .upgrade-banner.v470 { flex-flow: row; justify-content: space-between; column-gap: 4%; position: relative; min-height: 0; padding: 5%; } .upgrade-banner.v470 .text-wrapper { row-gap: 50px; text-align: left; } .upgrade-banner.v470 .banner-text { max-width: 100%; } .upgrade-banner.v470 .banner-buttons { justify-content: flex-start; padding: 0; } .upgrade-banner.v470 .banner-btn { align-self: flex-start; } .upgrade-banner.v470 .banner-img { width: auto; max-width: 100%; } } @media all and (min-width: 1220px) { .upgrade-banner.v470 { height: 650px; } .upgrade-banner.v470 .text-wrapper { row-gap: 60px; } .upgrade-banner.v470 .banner-btn { min-width: 240px; padding: 18px 40px; font-size: 17px; } } @media all and (min-width: 1440px) { .upgrade-banner.v470 { justify-content: center; column-gap: 15%; } } /* blog post demo store list */ .blog-page .demo-stores-wrap { margin: 25px 0; } .blog-page .demo-stores-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } .blog-page .demo-stores-item { margin-bottom: 4%; } .blog-page .demo-stores-list .picture-wrap { margin: 0 0 8px; line-height: 0; } .blog-page .demo-stores-list .store-name-wrap { margin: 0 0 8px; } .blog-page .demo-stores-list .store-name-link { color: #373c41; text-transform: uppercase; } @media all and (min-width: 530px) and (max-width: 768px) { .blog-page .demo-stores-item { position: relative; overflow: hidden; margin: 0 0 10px; } .blog-page .store-details-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 52%; } .blog-page .store-details-wrap:before { display: inline-block; width: .2%; height: 100%; content: ""; vertical-align: middle; } .blog-page .store-details { display: inline-block; width: 97.5%; vertical-align: middle; } .blog-page .demo-stores-list .picture-wrap { float: left; margin: 0; width: 50%; } } @media all and (min-width: 769px) { .blog-page .demo-stores-wrap { margin: 25px; } .blog-page .demo-stores-item { float: left; margin-left: 2%; width: 49%; } .blog-page .demo-stores-item:nth-child(2n+1) { clear: both; margin-left: 0; } } /* themes */ .campaign-page-body .social-sharing { display: none; } .campaign-page-body .newsletter { display: none; } .campaign-page-body .testimonials:after, .campaign-page-body .best-sellers:after { display: none; } .campaign-page .product-main-banner { padding: 0 !important; position: relative; z-index: 1; } .campaign-page .product-main-banner img { max-width: 100%; } .campaign-page .info-img-wrapper { padding: 45px 0; margin: 0 0 60px; } .campaign-page .info-img-item .title{ position: relative; padding: 100px 0 0; margin: 0 0 15px; } .campaign-page .three .info-img-item .title { padding: 125px 0 0; } .campaign-page .info-img-item .title:before { position: absolute; top: 0; left: 50%; margin-left: -42px; width: 85px; height: 85px; border: 4px solid #d9dee7; border-radius: 50%; background-color: #eff2f6; background-position: center; background-repeat: no-repeat; content: ""; } .campaign-page .three .info-img-item .title:before { margin-left: -55px; width: 110px; height: 110px; } .campaign-page .info-img-list { overflow: hidden; margin: 0 auto 60px; max-width: 1200px; width: 95%; } .campaign-page .info-themes-title { margin: 0 0 60px; text-transform: uppercase; font-weight: 700; font-size: 30px; } .campaign-page .info-img-item{ position: relative; } .campaign-page .info-img-item .title-text{ text-transform: uppercase; font-weight: 700; font-size: 17px; } .campaign-page .info-img-item.responsive .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAkCAMAAAAXWSIGAAAAmVBMVEVyzLfv8vb///9yzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLfv8vbv8vbv8vbv8vZyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLeL1MSM1MTG5eHM5+TV6unW6unW6+rv8vZ9BzD9AAAAKnRSTlMAAAAHCRARICIkJSYpNDxKV3OjtLi7vMrLzdLX2drh5ejr7O3u8PP1/P1LdtUiAAAA4UlEQVR42u3TRxLCMAxAUdn0QOi99yIggO9/OAhxsM0oROxY8Ff2jN9CmgQkgD9CRiMfZFgoxshqbARi34OUvB6iLRxAV3IFMPqLXxDCFs/SRUs5tdOFOqLdiSHQDaQQiCKOFlcVd0F0ZkoSyhS9DfStxRN9M5PiCTSpPBUh/HgmhVSEAH1mi8PXYmPEmuqj0LvSI+tdcQRGJYr512L6LopaVJkiU2lqMakVOCI7e6xnr802R4qhLejvKniBcyh25ef5lizcAE1dIeR7AjofBJACFg7YWP/HAKSkRH1pgVXjDrSFkQUxp6SDAAAAAElFTkSuQmCC); } .campaign-page .info-img-item.with-plugins .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAoCAMAAACCR/kEAAACNFBMVEWaerT///+aerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerSaerQZ1qaZAAAAu3RSTlMAAAECAwQFBgcICgsMDQ4PERIVFhcYGRscHh8gISMkJSkrLC0uLzAxMjM0NTc4OTo9Pj9AQkNFRkdISUtMTU5PUFFSU1RVVlhaX2FiZGVpamxtcHJ0dXd4e36AgYOEhYaHiImKi4yNjo+SlJWWmJmam52en6Cho6WpqqusrrGztLW2t7i5u7y9vr/BwsPExcbLzM7P0tTV1tfY2tvc3d7g4ePk5ebo6err7O3u8PHy8/T19vf4+fr7/P3+dlJKMAAAAxNJREFUeAGV0+tXVNUfx/HPbxicn1yMS0NoFqmVECREaloQOJRA2j2SLLG8BN0hjcrMLpAiXjIluwQ6GgGDCU04w8D7n2vPOXudIXRifD046zx577W+3722jPK7ZPifW6GU//03KaePmQopcITw1tvIeoEu5XyDcagg06x0HrhccZqkvrJMs+IxPJ0+ZZqpoGUQ1+xySVnbM8qMTVjVkkKxmsyyrH6sybqs9aOMl2qhdFk7KTcwfsjJIKtJsFhrnozsF3YVpM3yL7FYT+hqheQ7BsPF6bKS8xijv+I5viHKX40KYRxOlyn3C/g2oCf+xDW0JfmXeOcCxtdpM/l2R++UtB1Xcx+e6cq0mbHG+eCaeGPLKRxze1cpbWYVD2IxUz9FUuIBLZU9O4Ux9UzjCNB9AseVlUtl2S9fh9jG9398GmK1v+P6rUhLKemd27ELQt3f1R3F4nyuUrIe+WBAN7u7ZR6mDr55mZQP5dkZBip1k7UbY3iGz84BV+6Rkbt5T6NUPbngmOR0eTWFkh6a6X7S6z5bptoYf5RJWR1n49AsqQWYzpOC+U62KcLYChWFoT80jatE0pHIOhkXMCok1WPsVCeTVSb7/zhQHxjEGGrGkQhIqlqvpAMYr0n+YxgXO4BTJrsX48QZYOZA04u4XpLncYxEZ9s5PBGT+b7CeqULmI+RdO51WfmzLDZgMqmsAUfdMNAX7Cdph1x2OM/Iut09q51M+3C81w0cPNTYFk9tOlgbPM1CP3kX0IRrtukk18sv0VM7/H1Ajs0xPOMRjEShzVZew4p31FQfB0Y2lMj1MVgTjyr7MEajm/kHWWzoDln7gXAE4y1JQYw9brbqInCtoaw1ijVWah+M9OAsV+9rx9grqQjjqJspu/2Gs4FXcUWr5GW6f1ue1mJMlEsNA/uaVvvczFhzplXSw7i+LPQyl28UiH8ky2aWvwMr/vYym1mfEm4P6pZZ5S+ktP0729bsl26d1URJOtmF8byXedJkeuxv4PNAYBR+Xu5maZnMszXGJ36pqnd/sW4j01Pv+uRaKvsH/90+uco91W4AAAAASUVORK5CYII=); } .campaign-page .info-img-item.seo .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAMAAAAau2s5AAABaFBMVEVoweX///9oweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVlU0l3AAAAd3RSTlMAAAECAwYHCwwNDg8UFRobHR4hIiMkJyssLS8wMzQ1Nzk9PkBCRUpMTVBXWVxfZmlsbW9xdHt8fn+AgYWHiI2RkpaYmZqdnqSlqKutrrW5ur2/wMHCxMXIysvN0tTX2Nvc3+Lj5OXo6ers7e/w8fLz9/j5+/z9/hQkIuEAAAFRSURBVHjazcrpM0JxFMbxk0IkyZ5d1rJv2ZJdErJmJ0QhiW49/765V9363TnkhRe+M2fOOTMfylXlCjykn049zZlfJ6SyinUJX6X9tT/AhjCQ3HVPzG2/AfG+b6HtGamVSuUsm3nHR/830BhCwkHZ2qKIWXk4DzgpV3sCfhaWv8FH+c0iXc1BB9AoQOMrZjm4gisS28IxBw/g1cApRDh4AY8GDiNJTCdYI7FJPHJwE0cktorz/BeAskchWQSnv8MyBy1JLAjQCXRxkLx4t1EucxjBLBChNY7bGtWZgkh18rDoEHgZ0JNSxzXgIh66IXc53dtqH9sH4CYVqiM3BKF7RwZpof0DADYGdxIApLNxI/GwLiq7vWKiEmuLrVRGLDRdyu7GTGo8NARkF6sXAAcXZSd1U0EYkeEIFYY9cWCJfgGpKeQzaCA7Sn8KdbkU9A/hJ2kT2XWPCRZ3AAAAAElFTkSuQmCC); } .campaign-page .info-img-item.facebook .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAABlVBMVEVDaq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq1Daq2J6B7jAAAAhnRSTlMAAgMEBQYHCAoLDA0PERUWGBkbHB0eHyAiIyQmLC0xMztAQkVHS01PUFFTVllcXV5gYmNmZ2tub3FydXZ3fX6AhIWHiY2Qk5SWl5iZm5ydnp+goaKjp6iur7GytLa5uru9v8HDxMXJzM3Oz9DT2Nvd3+Hj5Ofp6+3u7/Dy8/b3+Pn6+/z9/j9PO+YAAAFsSURBVHgBhcr5vwpRAIbxt5vci2u5IYPIIntSFmIK2cm+L0qoLCpSySJLev9u85mpc86kM/P98fk8iL79XgjBzxuSx+CnT/Ii/Nwg+SsbhLdZ80qPfH1y7+Z5eAo/oa1bvXcmtXVNABqnqfhZf3rh+K7oHCZt4BTtyp1TyS0LkFrU+vH+UR6Ou/TyEo40VZ3MtliM0lk4DKr2wEJpN0Y+UrEKsymT0gqM3KZiHjuoaGDsIIWyOYP1pknhFsbWUcjDRuEwhA8cu2wAc4ZBYROEm5SAOKWvAQhJ7fUM0lrtlYOiqbu2Q3FNcw2WQZHQXO+gWk2h2WxTuASXBqdKwGVplr8jy/8ThNsLluBr5YBH4CvNYRjeFufqfdYm2tHHDw8tghQo0vJnJxSh57QUQxD20fZpBtIJ2jIQCnS8KkmfaStDuE6tKoQDtHWvKmq0nYMQrNAy3A9FpEdLawHSkvOdv9U4XDY++PLtfgSWf6hLQzni/1KLAAAAAElFTkSuQmCC); } .campaign-page .info-img-item.trial .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAvCAMAAABnojJLAAAAllBMVEXqd3f2g4P2g4P2g4P2g4PwfX3wfX3wfX32g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4P2g4Pue3vue3vue3vue3v2g4Pue3vue3vue3vue3vue3vue3vue3v2g4Pue3vue3v2g4Ptenrtenr2g4Pqd3f2g4PaLb33AAAAMHRSTlMAAAUOERcdITRHS1Zyc3R1dnd4eXp7fH1+iKGkr7CxsrOztLa4ubu8vb2+v8nV1/s1twe2AAAAzUlEQVR4Ae3L147CMBAF0Du72d57X3oJBTL//3MEmRFI43GMJcSLz/sBCeyYVxvsLL/Iy78rwSJ555133nmfXZwH90lRnJp7USms/Fj7L2bfWhv/zfuOzI2WvXVWG+3wvqfgRje0Hyi4Vdc5vNGz9iM1bul6P1HURl9tne2Ngd7P1Lh1l/xCe2wMZQczoWTu6O267FffnDGX4JpnY7Tdb+TDNXNjLFvlmI2J2++UtDFd7w9K2a7zJyVvXF5R3DYcfN8k5GvZaY6+fznd9wpun9Leg3ogQAAAAABJRU5ErkJggg==); } .campaign-page .info-img-item.documentation .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA6CAMAAADIrIqpAAABa1BMVEVFmoZyzLdFmoZFmoZQp5JyzLdyzLdMoo5yzLdyzLdLoIxyzLdJnopKoIxyzLdLoY1yzLdyzLdyzLdyzLdKn4tyzLdyzLdJn4tyzLdJnopInYlyzLdyzLdyzLdJn4pJnopyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdguKNyzLdyzLdetqJyzLdyzLdyzLddtaByzLdyzLdctJ9yzLdyzLdyzLdyzLdbs55yzLdasp1ZsZxZsJxYsJtYr5tYr5pyzLdYr5pXrppyzLdXrppyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdbs55etaFetqFmv6pnv6tyzLdzzLdzzLh0zbh1zbl7z7x/0b6F08Gg3c6p4NPb8u3c8u3e8+7f8+/h9O/h9PDi9PDj9fHk9fHm9vLo9/P7/v3///9uDIeVAAAAXXRSTlMAAAECBAQFBgYHCAkMERIWFhcYGhsbHiAhJy0tMDM3Pz9GSExRUl1eX2JvdXZ4e4CKjI2Qo6Snqaqur7Cxs7S1uLm5uru9vsDCxcnMz9HS1NXV1tjc3efq7fH5+vsGUCq7AAABfUlEQVR42u3UZ1PCQBCA4Tt7L9gVC/ZesWPvDcWGEs4SwA6KNT9fI5LsDXBedvzo+/FmniS7mYTQn8rmFTVl42kEZqBFVRCbSk+KFCFisxnJkCpGbCEbgdhqHkBFrQOThxKIrRcYqOlUP5VBbKMwjjyqNGKbxT/IbwGxrfIYOrCC2HbVN5qwhNhOjY76ZdCZqXZrv1CLDLpgZnsNhFTyKKxxfdzFji/PTbXfSOgJh941vns1MRehaxy6uuW6UZNF6AhAwiDqwqB6DMr3IxD1QBTRUvcA0BhEbwL0AlAfRKHr1IUAasbMVIFB1ItBKxg0DFBUS10Eok6AXgUoCpEdoKBg5UGIchXETNSNQU4M6jFRQDBTgEMOue09cchmome596R3bM4keDyVR0uIRdBBDGrHoDqrX65eluV/hJ6BHgUonIgk+kd/ihR5oxjIJY+mDVQ655MjvpkSQhEZKBODuvlZ3c5eh+1XVB0fybs81GHPkbsTbTtS3KPg8oI+AdL9pGSWsuKjAAAAAElFTkSuQmCC); } .campaign-page .info-img-item.admin .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA0CAMAAAAOs8ATAAABdFBMVEWKcJ+Sc6qSc6qSc6qSc6qSc6qKcJ+Sc6qKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+Sc6qKcJ+Sc6qSc6qSc6qSc6qKcJ+Sc6qKcJ+Sc6qKcJ+KcJ+KcJ+KcJ+Sc6qSc6qKcJ+Sc6qKcJ+Sc6qKcJ+KcJ+KcJ+KcJ+Sc6qKcJ+Sc6qSc6qSc6qKcJ+KcJ+KcJ+Sc6qKcJ+Sc6qKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+Sc6qSc6qSc6qSc6qSc6qSc6qSc6qSc6qKcJ+KcJ+KcJ+KcJ+Sc6qKcJ+Sc6qKcJ+KcJ+Sc6qKcJ+KcJ+KcJ+Sc6qSc6qSc6qKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+Sc6qSc6qKcJ+Sc6qKcJ+Sc6qKcJ+KcJ+Sc6qSc6qKcJ+KcJ+KcJ+Sc6qKcJ+Sc6qSc6qSc6qSc6qSc6qSc6qKcJ+Sc6qKcJ+Sc6oFLg9IAAAAenRSTlMAAAIDBAYICAkKDA0ODw8RERITFhscHh4fICIkJSYqKiwtMjM0NTU2ODk6Ozw+QEJCQ0RGR0lKS0xNTk9aXGZoaW12en1+f4OFh4eKjIyNjpCcpKu8vb/BwsTIzc7P1NXX2dve4eLj5OTl5ury8/T19fb29/j5+vz+/psjppIAAAHKSURBVHgB1dXpdwtRGMfx31hCK5MS1TRqUWqhtS+JfVFUaVWrIlSjJSrSMWIhfvPPu3PFkXuMc+5z53jR74t59zl3lufOxfrJZuRWc3IDJiL3JtBMoZtQl++3t3rSctc/KRnrKc+lax097CWFpLpX7+iCk/bs9IM2p930gA9UyWeAPyDWZ8Ol4r4G2ThYXArPCHUxJEPqWmQ4KNPZZXa1nJVp7PxALpYymVKNDIoQ6sMKb4Equ0iOyPRMtU6WoDtP1qszEs24DHSbGfd/Nbp6VKmT5T93XpkWaNUIWfOh8mvkAcBO3+E9xA21FC/19JQVDoas9MWFsXk+HX1xGb50WpR+zl+91JMatBkXWE2q0qN8f6mv3OBx4HT4anDPCrmyX+2Sk7DQ4/O8AOAcK+NAf+/vHdrbDxtNsg+ATxK6+20+hE66tpnwueElZ/XOXXR5YeyJ/t5OWnVXz5qrVlnrXZ5LuY6+leoc+3Ij53CGftTavTWtP6fAXzGXQs8hP7vqaFdn8/DS9C+9MTJaJ9PbTJ2T6YKpt8v0sKkLMn3M1Htl+pSpD8n0TVNPCfSm3VfemvrH46tH81b6yOsosW8nbPSON8n63d//v5/kJ0AhNRJlMwAAAABJRU5ErkJggg==); } .campaign-page .info-img-item p { font-size: 13px; line-height: 2; color: #999; font-family: 'Open Sans', sans-serif; } .campaign-page-body .browse-link a { display: inline-block; padding: 17px 70px; background: #f66b6b; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .campaign-page-body .header-links-wrapper { margin: 10px 0 0; } .campaign-page-body .header-links-wrapper a { display: inline-block; padding: 12px 30px; background: #f66b6b; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } /* complete solution */ .campaign-page .themes-column, .campaign-page .plugins-column { position: relative; padding: 60px 15px 90px; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.15); font-family: 'Open Sans', sans-serif; } .campaign-page .column-title { font-size: 22px; text-transform: uppercase; padding: 0 0 20px; position: relative; } .campaign-page .column-title:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 3px; } .campaign-page .themes-column .column-title:before { background: #51c3f2; } .campaign-page .plugins-column .column-title:before { background: #49d1c9; } .campaign-page .column-list-wrap { font-size: 0; height: 250px; } .campaign-page .column-list-wrap:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 1px; } .campaign-page .column-list { display: inline-block; vertical-align: middle; width: calc(100% - 1px); font-size: 15px; color: #373c43; } .campaign-page .column-line { margin: 28px 0; } .campaign-page .column-line .column-line-text { position: relative; display: inline-block; padding: 0 12px; } .campaign-page .column-line .column-line-text:before, .campaign-page .column-line .column-line-text:after { content: ""; position: absolute; top: 50%; width: 4px; height: 4px; margin-top: -2px; } .campaign-page .column-line .column-line-text:before { left: 0; } .campaign-page .column-line .column-line-text:after { right: 0; } .campaign-page .themes-column .column-line .column-line-text:before, .campaign-page .themes-column .column-line .column-line-text:after { background: #51c3f2; } .campaign-page .plugins-column .column-line .column-line-text:before, .campaign-page .plugins-column .column-line .column-line-text:after { background: #49d1c9; } .campaign-page .go-to-page-link { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; text-transform: uppercase; font-size: 16px; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.15); padding: 34px 17px; } .campaign-page .themes-column .go-to-page-link { background: #51c3f2; } .campaign-page .plugins-column .go-to-page-link { background: #49d1c9; } .campaign-page .go-to-page-link-text { position: relative; padding-left: 38px; } .campaign-page .themes-column .go-to-page-link-text:before { content: ""; position: absolute; top: -3px; left: 0; width: 28px; height: 28px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAACBFBMVEVRw/L///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9Rw/JSw/JUxPJVxPJWxfJXxfJYxfNZxvNaxvNbxvNcx/Ndx/NiyfNjyfNlyvRmyvRqy/RqzPRszPRtzfRuzfRxzvRyz/R2z/V20PV30PV60fV70fWI1vaJ1vaN2PaO2PeQ2feR2feS2feT2veV2veV2/eX2/eZ3Pea3Pec3fid3fif3vii3/ij3/ik4Pil4Pmm4Pin4fio4fiz5fm05fm15fm15vm25vq35vq65/q75/q76PrA6frB6vrD6vvF6/vG6/vK7fvL7fvP7vvQ7/vU8PzV8fzg9P3h9f3i9f3j9f3k9v3l9v3m9v3n9/3o9/3p9/3q+P3r+P7s+P7t+f7v+f7v+v7w+v7x+v7y+/7z+/70+/71+/75/f/7/v/8/v/+//////+lsJyDAAAASnRSTlMAAAECCgsMDQ4PKSssNTY4Ozw9P0FDREVLTE1SVFVbXF12d3h+f4CZmpuxsrO4uru8vr/AwsPHyMnLzM3O0NPU1eDi5evs7e/w/ticevoAAAHaSURBVHgBbZP7W4thGMffNZEQiyIiImc5FC0ii5RnW1nkfCaHFFtmSciBnHM+TJq2Sm2ff9L97M16rT6/vdfneu/rvr739zFsE9iXu1xFdiOFbUJmLN2LUF2YMVku3g3hG+1hqCpIkwud8MvvUcrrH4Ad+RY5fzv8vt2gkjQEB6E8d1zO3Qyx0CGVwheKQWmOyNkbYeRek/qPpu4R2JBt1EDPETWJ5iewz1gLw52+dOe7OwxrDJtjG0SDjVbVeCcGW+Ylt81zQqTD+095OyJQscDcdubqeoT+mx6tPLf6EepKskROX3kA3l24+gm+t7rdrT/g45VLfVBbnGnsgveX5Q/39W/w+Qt8veaWz5YP4DQqRbYojactDOE2GZ6SmcW10HfRTC4QMNfSY/evmCYLZZXUw5tzKsX5t1C3aoYZfH4lkHh1xlRnXycAZ56hpaMMol0PR0n0nlTqVG+C0QddUdgqIayDoZDEd+zxGPFnz+OM9RyV+DqT8dXAo2alOSGG+NPjluBn6ZN1myc7/fKFTBYO3//DwfXZslBOqT62z3rsIdg0Z7wmueUwGLTWpMxhLVgFDPglAW8gklYwTUGVzq79J+xcNEWpC6sR9iyZotSCvcjlWmZ9Dn8B+MbuFGWKgoIAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; } .campaign-page .plugins-column .go-to-page-link-text:before { content: ""; position: absolute; top: -4px; left: 0; width: 29px; height: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAeCAMAAADn2eWTAAAB6VBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+M3rl7AAAAonRSTlMAAQIDBAYJCgsMDQ4PEBITFRYYHB4fIiQmJygpKissLS8wMTI0NTY5PD0/QUJDRUZHSktMTlJTVldYWltgYWJjZGZoaWprbG5xcnR1dnd4eX1+f4KDhIaKjI6QkZKTlJaXmJmanp+goqepq66wsbW8vb6/wcLDxMXGyMrLz9DT1NfY2drb3N7g4eLj5Ofo6err7O7v8PLz9PX29/j5+vv8/f66w+gnAAAB6ElEQVR4AW3R6VcSYRgF8IsDGWFlllhmS7aY5EJpS5lltGhL2hIVZgVJSyItaaFimUSkLWVlNTjkMPcv7Z1x5sxwTr8v9z7nOc98mBf/VZ/4qUwcRqk1nS4jWxTqBuBUPc3kaghTjFb7umQehK12luRsoyj86gYQ4gt7uWOOI3WjVC9LfbwPoYY5WAK/+MUL6WqR038YAOA6y2ew+MIKH4pszpKDYux7Tx6CrVFmmwjPrk2AP0d+OgWn83xk1WGmg2Vmj2wzIsCXML1jvVWvMSXpeYVxmB5zyAXDRZIPRA8o3A3T+nneNsoZqjcLfN7dX3D+uqYF9oro1LQutMyR1G5JsLWr2nEgwc+VwIrTsfB2lDiqqe0oH+d4ORzc3SOZRBPg/84nQGWWSccnV6Wou+P/wFH9quYb++3LFHMHanvzzPOVF7o9BZ6E6QQ/VolokDlWgSUdnF9m1qfsMDI0YS2BGW4021tuMdLlw5KK1kH+9ppDkj1wkAb+ksoxa2yjHISth4tjNzZAujD55vpyAHdZjK6DJcNWPaIUXtcBZTFq+2CRuRLAZm1hf3OG+XNuzyTvwYI0Q8bTxgBfnEzHmfXa2yNUI/6qLPdCCM6QagMcLhUpTLmh80YWwyixc+iHPLzWmrZ6YPsHUZSb8P4RAMsAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; } @media all and (max-width: 768px) { .campaign-page .info-img-item { margin: 0 auto 40px; width: 95%; max-width: 460px; } .campaign-page .complete-solution-section { padding: 30px 0 0; margin: 0 0 100px; } .campaign-page .themes-column, .campaign-page .plugins-column { width: 95%; max-width: 500px; margin: 0 auto 40px; } } @media all and (min-width: 769px) { .campaign-page .four .info-img-item { float: left; width: 22%; margin: 0 1.5%; } .campaign-page .three .info-img-item { float: left; width: 28.3333%; margin: 0 2.5%; } .campaign-page .complete-solution-section { position: relative; z-index: 2; width: 95%; max-width: 1065px; margin: -50px auto 150px; } .campaign-page .complete-solution-section:after { content: ""; display:block; clear: both; } .campaign-page .themes-column, .campaign-page .plugins-column { width: 47%; margin: 0 1.5%; float: left; } } /* CAMPAIGN SECOND */ .campaign-page-body.second .header { max-width: none; } .campaign-page-body.second .product-main-banner-text { position: absolute; top: 60px; left: 0; right: 0; margin: auto; width: 430px; max-width: 90%; font-size: 30px; font-weight: 700; color: #2773ad; } .campaign-page-body.second .info-img-wrapper { padding: 90px 0; } .campaign-page-body.second .info-themes-title { color: #3b444d; text-transform: none; margin: 0 0 80px; } .campaign-page-body.second .campaign-page .info-img-item .title { padding: 118px 0 0; } .campaign-page-body.second .info-img-item .title-text { text-transform: none; } .campaign-page-body.second .campaign-page .info-img-item .title:before { width: 95px; height: 98px; border-radius: 0; border: 0; background-color: transparent; } .campaign-page-body.second .campaign-page .info-img-item.try .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .campaign-page .info-img-item.lost .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .campaign-page .info-img-item.commit .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .campaign-page .info-img-item.mobile .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .campaign-page .info-img-item.ten-plugins .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .campaign-page .info-img-item.seo-opt .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .campaign-page .info-img-item.facebook-integration .title:before { background-image: url(data:image/png;base64,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); } .campaign-page-body.second .header-links-wrapper a { border-radius: 5px; } .campaign-page-body.second .browse-link a { padding: 16px 70px; border-radius: 5px; } .campaign-page-body.second .footer-disclaimer { padding: 20px; background: #f9f9f9; color: #93a0b3; text-align: center; font-size: 12px; } @media all and (max-width: 1000px) { .campaign-page-body.second .product-main-banner-text { position: static; width: auto; max-width: none; font-size: 24px; padding: 30px 20px; background-image: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABBAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1RUM4QkVCNzNEODExRTVBMkE2REMwNTFCRjZEQjNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ1RUM4QkVDNzNEODExRTVBMkE2REMwNTFCRjZEQjNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDVFQzhCRTk3M0Q4MTFFNUEyQTZEQzA1MUJGNkRCM0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDVFQzhCRUE3M0Q4MTFFNUEyQTZEQzA1MUJGNkRCM0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAFBAQEBAQFBAQFBwUEBQcJBwUFBwkKCAgJCAgKDQoLCwsLCg0MDAwNDAwMDw8REQ8PFxYWFhcZGRkZGRkZGRkZAQYGBgoJChQNDRQWEQ4RFhkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRn/wAARCABGAEYDAREAAhEBAxEB/8QAYgABAQEBAAAAAAAAAAAAAAAAAQIACAEBAQEBAAAAAAAAAAAAAAAAAAEFBhAAAgEEAgICAgMBAAAAAAAAAREAITFBAlESYSJxMvCBkaHBQhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A6TWwQGwA45my45Ow2B9eM1dYGHYasgs38GENSScEVFw4Vt2WBfnEIR2oyCRcQCtcH+4FVoj7eYEr3f44CAKXJFjmFUQ0MQIPqQL7P+YRSRAFMkcwArssmBO3XtrsTAQ+1f0uIDsSCFfjEDF0LHEDa9TrSyShW1IfV1EDMdtimqQI21RYZIFP3CNUap+3/RgAZ1632yT8QKAOo9jb/IFbew8X8wJISHNuOYFKyCECU9nQm1YBsQNrCl/LgO3ZcM1+IFGopd0EAIO+rARNoEssDxV8wHatLnI8Qjet14PMBAwCqSqNtqpqn7gYEbCkALBAP1wRYKBYYdlhQJPoCQyy1AR7B2gYgUd8QCjWbwAVLFEWRzAV2DuMQAMB14viBjUIfQjECgixxmBLROofJMB0I2A2FHASQAzaESwB35r/ALApi4LOIUbdRQm4gBC1Gt/N4CKCtr05+IGqmU8AQJ2Fex9VcwHUE6jCwIFKhBq4QKnVDqICgB1BhQmK1FlAEWfH1A4gbsBQ1PiBQgTt9CrooQKqdQ6HIhE217CqFfkQK7Cp4pAnbr87K0KT5/cANdgyh/cCTcII4gXXrQIuAbJhhwiiwCanxAnb61/PmAADoa5vA//Z); } } @media all and (min-width: 1001px) and (max-width: 1450px) { .campaign-page-body.second .product-main-banner-text { top: 25px; font-size: 24px; } } /* Copyright removal dicount strip */ .copyright-discount-strip { padding: 11px 13px 12px 13px; background-color: #707e92; color: #fff; font: normal 12px 'Open Sans', sans-serif; } .copyright-discount-strip span { display: inline-block; vertical-align: middle; margin-right: 10px; width: 10px; height: 10px; background: url(/Themes/NopTemplates/Content/img/small-close-btn.png) 0 0 no-repeat; background-size: initial; cursor: pointer; transition: all .1s ease; } .copyright-discount-strip p { display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); } .copyright-discount-strip p strong { text-transform: uppercase; font-weight: 600; } .copyright-discount-strip p a { text-decoration: underline; text-transform: uppercase; font-weight: 600; transition: all .1s ease; } .copyright-discount-strip span:hover, .copyright-discount-strip p a:hover { opacity: .8; } /* Should be removed when the strip is gone*/ .master-wrapper-page, .master-wrapper-content { transition: all .3s ease !important; transition-delay: 0 !important; } @media all and (max-width: 980px) { .copyright-discount-strip.mobile { display: block; } .copyright-discount-strip.desktop { display: none; } .copyright-discount-strip p { font-size: 11px; letter-spacing: 0.1px; } } /* JOBS PAGE */ .jobs-page { margin: 60px 0 0; } .jobs-page .content-centering { max-width: 1000px; color: #373c41; } .jobs-page p { line-height: 2; margin: 30px 0; } .jobs-page *:first-child { margin-top: 0; } .jobs-page h4 { font-weight: 700; margin: 0 0 32px; } .jobs-page ul { padding-left: 30px; margin: 32px 0; } .jobs-page ul li { margin-top: 10px; line-height: 1.9; padding-left: 21px; } .jobs-page ul li:first-child { margin-top: 0; } .jobs-page ul li:before { top: 9px; background: #46b9e5; } /* 2016 YEAR REVIEW BLOG PAGE */ .blog-year-review-item { margin: 0; padding: 180px 0 0; position: relative; text-align: justify; } .blog-year-review-item p { padding: 0; margin: 0; } .blog-year-review-item:last-of-type { margin: 0; } .blog-year-review-item:before { content: ''; position: absolute; top: 40px; left: 0; right: 0; width: 80px; height: 100px; margin: auto; background: yellow; } .blog-year-review-item.item-1:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-1.png) no-repeat center; } .blog-year-review-item.item-2:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-2.png) no-repeat center; } .blog-year-review-item.item-3:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-3.png) no-repeat center; } .blog-year-review-item.item-4:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-4.png) no-repeat center; } .blog-year-review-item.item-5:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-5.png) no-repeat center; } .blog-year-review-item.item-6:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-6.png) no-repeat center; } .blog-year-review-item.item-7:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-7.png) no-repeat center; } .blog-year-review-item.item-8:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-8.png) no-repeat center; } .blog-year-review-item.item-9:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-9.png) no-repeat center; } .blog-year-review-item.item-10:before { background: url(/Themes/NopTemplates/Content/img/blog/blog-item-10.png) no-repeat center; } .blog-year-review-button { margin: 30px 0 0; display: inline-block; background: #54bfa7; border: 0 none; color: #ffffff !important; font-family: Helvetica; font-size: 16px; padding: 12px 20px; text-shadow: 1px 1px rgba(0, 0, 0, 0.15); text-transform: uppercase; } @media all and (min-width: 769px) { .blog-year-review { padding: 85px 20px 0; position: relative; } .blog-year-review:before { content: ''; width: 2px; position: absolute; top: 30px; left: 67px; bottom: 0; background: #e9ecf3; } .blog-year-review-item { margin: 0 0 80px; padding: 0 0 0 110px; } .blog-year-review-item:before { top: 0; left: 9px; right: auto; } } /* TESTEMONIAL BOXES */ .clients-page .testimonial-boxes { margin:-50px 0 0; padding: 50px 0; background: #f3f5f9; } .clients-page .testimonial-box-wrapper { width: 95%; margin: 0 auto; } .clients-page .testimonial-box { background: #fff; padding: 50px 50px 125px; line-height: 1.8; position: relative; } .clients-page .testimonial-logo { display: block; min-height: 115px; margin: 0 0 35px; } .clients-page .testimonial-description { text-align: left; } .clients-page .testimonial-description p:before { color: #dddddc; content: ""; font-size: 22px; font-family: 'nop_templates_font'; margin: 0 10px 0 0; } .testimonial-box-footer { position: absolute; bottom: 50px; left: 50px; right: 50px; height: 50px; } .testimonial-box-footer .testemonial-author { font-size: 18px; font-weight: normal; text-transform: uppercase; color: #59b6db; } .testimonial-box-footer .testemonial-author-info { color: #93a0b3; } .clients-page .testimonial-box:nth-child(odd) { border-bottom: 10px solid #f3f5f9; } .clients-page .testimonial-box:nth-child(even) { border-top: 10px solid #f3f5f9; } .prisma-blogpost, .venture-blogpost { text-align: center; font-size: 15px; } .prisma-blogpost h2, .venture-blogpost h2 { position: relative; margin-top: 70px; padding: 50px 0 40px; text-transform: uppercase; font-weight: bold; font-size: 20px; color: #444; } .venture-blogpost h2 { letter-spacing: -.8px; text-transform: capitalize; font-size: 40px; color: #f4c214; } .prisma-blogpost .header-wrapper, .venture-blogpost .header-wrapper { position: relative; } .prisma-blogpost .header-wrapper div, .venture-blogpost .header-wrapper div { position: absolute; bottom: 15%; left: 50%; margin-left: -100px; background: #59b669; text-transform: uppercase; font-weight: bold; font-size: 15px; color: #fff; } .prisma-blogpost .header-wrapper div:hover a { color: #59b669; } .prisma-blogpost .header-wrapper a, .venture-blogpost .header-wrapper a { position: relative; display: block; padding: 10px 57px; color: #fff; z-index: 1; } .prisma-blogpost .header-wrapper div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .prisma-blogpost .header-wrapper div:hover:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .venture-blogpost .header-wrapper a { padding: 10px 33px; color: #2c2c2c; } .venture-blogpost .header-wrapper div { bottom: 29%; margin-left: -77px; background: #f3cb2d; } .venture-blogpost .header-wrapper div:hover { background: #ebbf0d; } .ornament:before, .prisma-blogpost h2:before, .venture-blogpost h2:before { content: '.'; position: absolute; top: 0; left: 50%; margin-left: -64px; width: 127px; height: 111px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABvAgMAAAC4BfcbAAAADFBMVEUAAAAAAAAAAAAAAAA16TeWAAAABHRSTlMADgUJvaYHcQAAAdhJREFUSMeNlrFRw0AQRWUYAgINkUpwSEjuEhR4ZQUOXIJKUBNqAppwE/RASAcgzQV/0Ju/x2ZGq7t7+98ZN3/r5bvJaxkqDRH588eIOW14rjW0tYZj7QxdXPKGzzinzx8ixrThEDHVKE9pw1PEPW14q1EuMdSiutYo+/9QvlrUtlAu5ySqGdIgqkyaJc6l4WQpx9IwWSH7XaSI6iYpkqi6GCxlJqbeVOgUUmcxQorGRqV5eCHFCcpZmXghlaoXsi2cXsiDOCmk59RrWoxCyhwrZAECp+DJiWW1HYRELBASyBBSalyNkBg7otInConoISTkgZDk5F/UTyGxI4XkmcmluCAk5gYhMXkIyewoJNOXIfCHQtJAfuQrXFCb4kg8NqEIzrFodBwsh89oGJ/CpQDQgwpRMEqI/xB4C0Lq+pGSWpKInKTUutyNWlJIsokYWhpKzRdTp5b82mTGSp5a3uEOOElJU+Wv0bIlpW4LKMEJSlw/XDtcP5Oljm8pyyNQgtNkqRBACS2PlrK8vHYN+W/crlB6zq5QOs5p1wAt+7Vh9A3L1pAcclt+pdjV5Ue1bXGMtPp1GGlN6zDSuq3upnXaWLOat8iSGkoivsYyLlf7L7f3fX18Nc0vwHs1bC3zprwAAAAASUVORK5CYII=) no-repeat center; font-size: 0; text-indent: -9999px; z-index: -1; } .venture-blogpost h2 { padding-top: 25px; } .venture-blogpost h2:before { width: 120px; height: 120px; margin-left: -60px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAFA0ECH9/GBwAAALRSURBVFjDnFaBbcQgDAzwA8RJBggbgNQBgrr/TqWiwQQwF3rSS+Gfc853Bv2SYK5lAh/3WKo58vpYEiTI2/Us+VwYdpa8FT3QLJnYozBPPu5HQ/NkutNS/IzAb1uzXURzOUfCxo+l9xia8usUsQqImmH/R97u7pP1GBxthLvLEKVmEC1ZkxhrLpOyCoh8sFY6UsvZbnp1nHRibKlMdowuFHDy6xarKdeJzyuy+WStdOYy5N6SDWWxnli3QomFtOsPe1xTNk+h00WRXDIssW4FTpeJZFYdbSJi3QocEJU2ZSxUFNJgxv1vcdsl02ViBXSBfKhPPhbxSuHrKghkcnbYtIrCDEnkXcXP8CSu/kG25eorfoYtf1OB7Uk+5KswHabwJHsqYQdh+bidSuycOdcTQDXWKKaGk85yjbNXUAqqBh9thnAsbdOfVLGFaRUKvbxS7bp69reqRd1YtfD99Uo1K0JhBWmW9Ishk13FQ6ZlX7ysG+8wgyHD2jwISw+l2fGQqaGjelAZ1w6j0gbMr7GDsBQag89At4fT62VljWj0avmXC5/Yq2wZ365aajrIMTGkzjo5IMu45bYotMz1W74WAbbbdEB2JaiuvtZHfLFv42bANVfJgf/pdSdQD0JmdNqzlRoZvpUohIyibjpB/+Vt7ayCITNU7U6AITNMvReGXCJUjgmqcdTV8lwgnmQlqMa6Tw6ec4e62TErqMa697oJDF/Ya8TRxCO6aFE1HlH304kd2EAIAlEQHckVQIwFSAfQgfbf1FWwTvhTwcMFSThKtbvvVard3Uepdnev1e4+P9TurtXuFrW4RS1uV7ubnVauhparAVFvuC8I3K72q3qy2Sv/a713/JbxTfaw3cjVsGR7ybB8UD6sSdDQJfuwOklNB+Uni6yhJ8pforOaLNknDfmiT9JWvmTkHdTP9IT8i5E3LvLeTt66yTse8tok78dnf5Brryi54GxnAAAAAElFTkSuQmCC) no-repeat center; } .prisma-blogpost h2 + p { margin-bottom: 50px; } .venture-blogpost h2 + p { margin-bottom: 30px; } .post-body .prisma-blogpost .ornament, .post-body .venture-blogpost .ornament { position: relative; display: block; margin: 50px auto; padding: 50px 0 40px; } .ornament:before { top: 20px; } .prisma-blogpost p, .venture-blogpost p { margin: 0 auto; max-width: 75%; } .prisma-blogpost p:first-of-type, .venture-blogpost p:first-of-type { text-align: left; padding: 40px; max-width: none; } p.mtb { margin: 50px auto; } @media all and (min-width: 981px) { .clients-page .testimonial-box-wrapper { min-width: 980px; max-width: 1200px; display: table; } .clients-page .testimonial-box { display: table-cell; width: 50%; text-align: left; } .clients-page .testimonial-box:nth-child(odd) { border-bottom: none; border-right: 10px solid #f3f5f9; } .clients-page .testimonial-box:nth-child(even) { border-top: none; border-left: 10px solid #f3f5f9; } } .blog-page .post-body .pricematch-blogpost { padding-bottom: 100px; } .blog-page .post-body .pricematch-blogpost li, .blog-page .post-body .pricematch-blogpost ul { padding: 0; list-style: none; } .blog-page .post-body .pricematch-blogpost ul li:before { content: none; } .blog-page .post-body .pricematch-blogpost ul { padding: 0 20px; } .blog-page .post-body .pricematch-blogpost li { margin-top: 30px; max-width: 690px; } .blog-page .post-body .pricematch-blogpost > p { padding: 30px 50px; } .pricematch-blogpost h2 { position: relative; margin-bottom: 25px; padding-left: 80px; min-height: 70px; font-weight: bolder; color: #d6d9e0; } .pricematch-blogpost h2:before { content: '1'; position: absolute; top: 50%; left: 0; margin-top: -34px; display: inline-block; width: 64px; height: 68px; line-height: 68px; text-align: center; font-weight: bolder; font-size: 34px; color: #02806d; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABECAYAAAAx+DPIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2RjQxOTY0NDQ5MjExRThCN0ZFOEE1MjAwOUE0MkEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2RjQxOTY1NDQ5MjExRThCN0ZFOEE1MjAwOUE0MkEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGNDE5NjI0NDkyMTFFOEI3RkU4QTUyMDA5QTQyQTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGNDE5NjM0NDkyMTFFOEI3RkU4QTUyMDA5QTQyQTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz41mpPtAAAAmUlEQVR42uzYsQ2AIBRFUVDWYxRdQV3BVZjPYG9paMg/dwJy8iggL+dW05jac9xptpYUvPAA5TtjCwAAAAAAAAAAAAAAAAAAAABC/Ae0yAC59+4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhQme3A67VbQOgFDKpaAAAAAAAAAAAAAAAAAAAA8B8w95veAgD87xVgAFORCn3zcHhjAAAAAElFTkSuQmCC) no-repeat; } .pricematch-blogpost h2:after { content: ''; display: block; clear: both; overflow: hidden; } .pricematch-blogpost li:nth-of-type(2) h2:before { content: '2'; } .pricematch-blogpost li:nth-of-type(3) h2:before { content: '3'; } .pricematch-blogpost li:nth-of-type(4) h2:before { content: '4'; } .pricematch-blogpost li:nth-of-type(5) h2:before { content: '5'; } .pricematch-blogpost li:nth-of-type(6) h2:before { content: '6'; } .pricematch-blogpost li:nth-of-type(7) h2:before { content: '7'; } .pricematch-blogpost li:nth-of-type(8) h2:before { content: '8'; } .pricematch-blogpost li:nth-of-type(9) h2:before { content: '9'; } .pricematch-blogpost img { display: block; margin:0 0 20px 0; } .pricematch-blogpost li:nth-of-type(9) img { margin-left: -20px; max-width: 710px; } @media all and (min-width: 981px) { .pricematch-blogpost h2, .pricematch-blogpost h2:before { font-size: 44px; } .pricematch-blogpost h2 span { float: right; } .blog-page .post-body .pricematch-blogpost ul { padding: 0 50px; } .blog-page .post-body .pricematch-blogpost li:first-of-type { margin-top: 40px; } .blog-page .post-body .pricematch-blogpost li { margin-top: 110px; } } @media all and (min-width: 1281px) { .pricematch-blogpost h2, .pricematch-blogpost h2:before { font-size: 46px; } } .live-stores-collapse { background: #f3f5f9; margin: -50px 0 0; padding: 50px 0; } .live-stores-wrapper { position: relative; width: 95%; max-width: 1200px; margin: auto; } .live-store-item { margin: 0 0 30px; } .live-store-img { display: block; border: 15px solid #fff; position: relative; overflow: hidden; max-width: 370px; margin: auto; } .live-store-img:before { content: ''; display: block; padding-top: 135.5%; } .live-store-img img { position: absolute; top: 0; left: 0; right: 0; width: 100%; } .live-store-name { display: block; color: #60707c; font-size: 16px; margin: 15px 0 7px; } .live-store-link { font-size: 12px; color: #60707c; } .live-store-link a { color: #59b6db; } .live-stores-wrapper .expand-button { position: absolute; bottom: 0; left: 0; right: 0; background: #f3f5f9; height: 100px; padding: 60px 0 0; } .live-stores-wrapper .expand-button:before { content: 'View More'; display: inline-block; padding: 13px 35px; background: #9aa6b7; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; line-height: 1; cursor: pointer; } .live-stores-wrapper.expanded .expand-button:before { content: 'View Less'; } .pinterest-portfolio-link { display: inline-block; margin: 40px 0 0; padding: 0 15px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTU0RkRFODE3REYxMUU5ODMzQkI3OEY4OTZFNzlGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTU0RkRFOTE3REYxMUU5ODMzQkI3OEY4OTZFNzlGQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhBNTRGREU2MTdERjExRTk4MzNCQjc4Rjg5NkU3OUZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhBNTRGREU3MTdERjExRTk4MzNCQjc4Rjg5NkU3OUZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+j9SKTQAAAK1JREFUeNpi/P//P0Nh/WQGINAE4glAHAPErxnQABMSewoQuwHxfiAWx6cwAogvAbE2EB8AYilcCkHWOQHxOSDWgJosi00hCLwFYhcgPg3EalCT5bEpBIH3QBwCxD+AWAmIF+FSKADEa4CYA4jvA3E8NoXCQLwXiE2B+DYQ2wPxA3SFokC8B4iNgPgGEDsA8WNsnlkBxAZAfA2IHYH4Ga7gyYWaCDLpBbrDAQIMACiqIJlyQPj5AAAAAElFTkSuQmCC) no-repeat top 2px right ; color: #707e92; text-transform: uppercase; font: normal 14px 'Raleway', sans-serif; position: relative; } @media all and (min-width: 481px) { .live-stores-list { overflow: hidden; } .live-store-item { width: 48.5%; float: left; margin: 0 0 4% 2%; } .live-store-item:nth-child(2n+1) { margin-left: 0; clear: left; } } @media all and (min-width: 769px) { .live-stores-collapse { padding: 80px 0; } .live-store-item { width: calc(33.3333% - 30px); float: left; margin: 0 0 45px 45px; } .live-store-item:nth-child(2n+1) { margin-left: 0; clear: left; } .live-store-item:nth-child(2n+1) { margin-left: 45px; clear: none; } .live-store-item:nth-child(3n+1) { margin-left: 0; clear: left; } .live-store-name { font-size: 20px; } .live-store-link { font-size: 16px; } } .home-page-bestsellers { background: #dfe4eb; } .bestseller-image { overflow: hidden; } .bestseller-link { display: block; line-height: 0; text-align: center; } .bestseller-link img { margin: 35px 0 0; max-width: 100%; } .bestseller-info { text-align: center; padding: 40px; } .bestseller-info .sub-title { font: normal 22px 'Open Sans', sans-serif; color: #373c41; margin: 0 0 5px; } .bestseller-month { margin: 0 0 10px; } .bestseller-website-link { display: inline-block; font: bold 20px 'Open Sans', sans-serif; color: #5ab6dc; margin: 0 0 5px; } .bestseller-description { font: normal 16px 'Open Sans', sans-serif; color: #373c41; margin: 0 0 30px; } .bestseller-buttons { font-size: 0; } .bestseller-button { display: inline-block; padding: 13px 20px; text-align: center; border: 2px solid #707e92; margin: 0 2.5px 5px; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; line-height: 1; min-width: 210px; } .bestseller-button.hollow { background-color: transparent; color: #707e92; text-shadow: none; } @media all and (max-width: 600px) { .bestseller-button { display: block; max-width: 300px; margin: 5px auto; } } @media all and (min-width: 769px) { .bestseller-wrapper { display: table; width: 100%; max-width: 1200px; margin: auto; } .bestseller-image, .bestseller-info { display: table-cell; width: 50%; vertical-align: middle; } .bestseller-info .sub-title { font: normal 32px 'Open Sans', sans-serif; } .bestseller-link { max-width: 50vw; } .bestseller-info { text-align: left; padding: 30px 0 30px 4%; } .bestseller-button { margin: 0 5px 5px 0; } .bestseller-month { margin: 0 0 25px; } .bestseller-website-link { margin: 0 0 15px; } .bestseller-description { margin: 0 0 50px; } } .dicount-popup { position: fixed; bottom: -450px; right: 22px; padding-top: 40px; width: 400px; max-width: calc(100% - 44px); background: #667488; font-family: 'OpenSans', sans-serif; transition: all .6s ease; z-index: 10003; } .dicount-popup.slide-up { bottom: 25px; } .dicount-popup h4 { margin: 8px 0 15px; padding: 0 20px; line-height: 49px; font-size: 17px; font-weight: normal; color: #fff; text-transform: uppercase; } .dicount-popup h4 span { position: relative; display: inline-block; margin: 0 15px; color: #46baea; font-size: 16px; font-weight: bold; } .dicount-popup h4 span:before { content: ''; display: inline-block; width: 50px; height: 50px; border: 2px solid #46baea; border-radius: 50%; position: absolute; top: 48%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dicount-popup p { padding: 0 20px; font-size: 15px; color: #fff; opacity: .6; margin-bottom: 35px; } .dicount-popup .promo-code-holder { padding: 27px 20px; background: #5c687a; text-transform: uppercase; color: #46baea; font-weight: bold; font-size: 18px; } .dicount-popup .promo-code-close { position: absolute; display: block; top: 0; right: 0; width: 43px; height: 43px; background: url(/Themes/NopTemplates/Content/img/m-menu-close.png) center no-repeat; background-size: 15px 15px; opacity: .7; cursor: pointer; transition: all .1s ease; } .dicount-popup .promo-code-close:hover { opacity: 1; } @media all and (min-width: 980px) { .dicount-popup.slide-up { bottom: 90px; } } .center-1 .categoy-themes-page-title, .center-1 .categoy-plugins-page-title { margin: 0; } .center-1 .categoy-themes-page-title .title-text, .center-1 .categoy-plugins-page-title .title-text{ text-transform: capitalize; font-size: 30px; } .featured-wrapper { padding: 80px 0 0; position: relative; } .plugins-category-page .featured-wrapper { padding: 45px 0 0; background: url(/Themes/NopTemplates/Content/img/bestseller-plugins-background.png) no-repeat top left; background-size: contain; } .featured { overflow: hidden; max-width: 1400px; margin: auto; } .featured-info { width: 30%; float: right; text-align: left; padding: 80px 0 0 40px; } .featured-name { font-size: 30px; font-weight: bold; color: #373c41; margin: 0 0 10px; } .featured-description { font-size: 21px; color: #707e92; margin: 0 0 40px; } .featured .features { margin: 0 0 50px; } .featured .features li { padding: 25.5px 0 25.5px 90px; margin: 0 0 10px; font-size: 16px; color: #373c41; position: relative; } .featured .features li:before { content: ''; font-family: 'nop_templates_font'; width: 70px; height: 70px; background: #f3f5f9; border-radius: 5px; position: absolute; top: 0; left: 0; font-size: 32px; line-height: 70px; text-align: center; } .featured .features li.big-stores:before { content: '\e915'; color: #f26d7d; font-size: 28px; } .featured .features li.plugins:before { content: "\e905"; color: #3ebfaa; } .featured .features li.seo:before { font-size: 40px; content: "\e913"; color: #40abd3; } .featured .features li.single-page:before { content: "\e917"; color: #f26d7d; border-radius: 50%; font-size: 30px; } .featured .features li.abandonment:before { content: "\e918"; color: #3ebfaa; border-radius: 50%; text-indent: 7px; font-size: 36px; } .featured .features li.conversion:before { content: "\e919"; color: #40abd3; border-radius: 50%; font-size: 26px; } .featured-button a { display: inline-block; font-weight: bold; letter-spacing: .5px; padding: 18px 45px; font: normal 15px 'Raleway', sans-serif; background: #707e92; color: #fff; text-transform: uppercase; } .plugins-category-page .featured-button a { padding: 18px 60px; } .featured-button a:hover { background-color: #5c6a7f; } .featured-image { width: 70%; float: left; line-height: 0; } .featured-image img { max-width: 100%; } .featured-ribbon { position: absolute; top: 0; left: 0; } .featured-ribbon:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 145px 145px 0 0; border-color: #f26d7d transparent transparent transparent; z-index: 1; } .plugins-category-page .featured-ribbon:before { border-color: #3ebfaa transparent transparent transparent; } .featured-ribbon span { display: block; position: relative; width: 145px; padding: 58px 0 0; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #fff; z-index: 2; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 50px 85px; -webkit-transform-origin: 50px 85px; transform-origin: 50px 85px; } .featured-ribbon span:before { content: "\e608"; font-family: 'nop_templates_font'; color: rgba(0,0,0,.2); font-size: 24px; position: absolute; top: 18px; left: 50%; margin-left: -14px; } .category-description { padding: 140px 0 20px; font-size: 20px; line-height: 35px; color: #373c41; background: #eff2f7; position: relative; } .plugins-category-page .category-description { background: #f3f5f9; } .category-description:before { content: "\e916"; font-family: 'nop_templates_font'; position: absolute; top: 85px; left: 50%; font-size: 30px; margin-left: -15px; color: #707e92; } .plugins-category-page .category-description:before { content: "\e905"; font-size: 35px; margin-left: -17.5px; top: 70px; } .category-description p { display: block; margin: 0; } .plugins-category-page .category-description p { width: 95%; max-width: 1100px; margin: auto; } @media all and (max-width: 980px) { .center-1 .categoy-themes-page-title .title-text, .center-1 .categoy-plugins-page-title .title-text { font-size: 24px; } .featured-wrapper { padding: 40px 0 0; } .plugins-category-page .featured-wrapper { padding: 40px 0 0; background-size: cover; } .featured-info, .featured-image { width: 100%; float: none; } .featured-info { text-align: center; padding: 0; } .featured-name { font-size: 24px; margin: 0 0 15px; } .featured-description { font-size: 16px; margin: 0 0 20px; } .features { display: none; } .featured-image { width: 600px; max-width: 80%; margin: auto; } .featured-ribbon span { width: 100px; padding: 40px 0 0; font-size: 13px; transform-origin: 36px 57px; } .featured-ribbon span:before { font-size: 20px; top: 10px; margin-left: -14px; } .featured-ribbon:before { border-width: 100px 100px 0 0; } .featured-button { margin: 0 0 20px; } .featured-button a, .plugins-category-page .featured-button a { padding: 12px 30px; } .category-description { font-size: 15px; padding: 80px 20px 10px; } .category-description:before, .plugins-category-page .category-description:before { top: 30px; } } .blog-breadcrumb { border-bottom: 1px solid #d9e0ea; margin: 0 0 30px; font-size: 0; } .blog-breadcrumb-item { display: inline-block; padding: 8.5px 3px; font-size: 14px; } a.blog-breadcrumb-item { color: #373c41; } a.blog-breadcrumb-item:after { content: '>'; margin: 0 4px 0 10px; } span.blog-breadcrumb-item { color: #707e92; } @media all and (min-width: 981px) { .blog-breadcrumb { text-align: left; } a.blog-breadcrumb-item:hover { color: #000; } } .private-demo-product-essential { background: #dce3ef; padding: 70px; margin: 0 0 60px; } .private-demo-main-info { max-width: 1200px; margin: auto; display: table; } .private-demo-info-left { display: table-cell; width: 65%; padding-right: 3%; vertical-align: middle; } .private-demo-info-right { display: table-cell; width: 35%; vertical-align: middle; } .private-demo-heading { color: #373c41; font-size: 36px; line-height: 50px; max-width: 625px; margin: 0 auto 20px; font-weight: lighter; } .private-demo-product .picture { line-height: 0; margin: 0 0 20px; } .info-left-description { font-size: 24px; margin: 0 0 20px; font-weight: lighter; font-family: 'Open Sans', sans-serif; } .info-left-description .description-price { color: #4b81d2; } .additional-info { display: inline-block; text-align: left; color: #707e92; font-size: 13px; font-family: 'Open Sans', sans-serif; padding: 2px 0 2px 30px; position: relative; } .additional-info:before { content: '\e63b'; font-family: 'nop_templates_font'; font-size: 22px; line-height: 22px; color: #707e92; width: 22px; height: 22px; opacity: .3; position: absolute; top: 0; left: 0; } .private-demo-overview { background: #fff; box-shadow: 10px 0 30px rgba(0,0,0,.1); padding: 30px; } .info-right-label { padding: 50px 0 0; margin: 0 0 20px; color: #4b81d2; text-transform: uppercase; font-size: 17px; position: relative; } .info-right-label:before { content: '\e62a'; font-family: 'nop_templates_font'; font-size: 35px; color: #bac3d3; width: 35px; height: 35px; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .private-demo-description { color: #707e92; font-size: 15px; line-height: 25px; margin: 0 0 25px; font-weight: lighter; } .private-demo-attributes { margin: 0 0 20px; } .private-demo-attributes dd { margin: 0 0 10px; position: relative; } .private-demo-attributes dd:before { content: '\e91b'; width: 22px; height: 22px; color: #bac3d3; position: absolute; top: 0; left: 15px; bottom: 0; margin: auto; font-size: 22px; font-family: 'nop_templates_font'; z-index: 2; } .private-demo-attributes dd:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #edf1f7; border-radius: 3px; z-index: 1; } #product_attribute_input_220:before { content: '\e91c'; font-size: 20px; } #product_attribute_input_221:before { content: '\e91d'; } .private-demo-attributes select { width: 100%; border: none; background: transparent; position: relative; z-index: 3; color: #373c41; padding: 2.5px 35px 2.5px 20px; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 45px; text-indent: 30px; height: auto; font-weight: lighter; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjIwRTg4MEJEQTUxMUU5QjdCMUQyNUFCOURGODBBRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjIwRTg4MUJEQTUxMUU5QjdCMUQyNUFCOURGODBBRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2MjBFODdFQkRBNTExRTlCN0IxRDI1QUI5REY4MEFEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2MjBFODdGQkRBNTExRTlCN0IxRDI1QUI5REY4MEFEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+a+a13gAAAHJJREFUeNpinLp45woGBobpQHyQATewB+JMJiDRDcRLgNgVh0JXqHw3SPFZIPYF4rlA7IWm0BMqDpI/ywQVvADEHlDn+EPF/IB4JlQcJM/AgmTKNSB2A+IdQOwAxAFQ/g2YAiY0a29C3WgCpW8gSwIEGABBfBV+CYNGPwAAAABJRU5ErkJggg==) no-repeat right 15px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .private-demo-attributes select option { height: 45px; line-height: 45px; } .private-demo-attributes select option[value="0"] { display: none; } .private-demo-price { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: bold; color: #373c41; margin: 0 0 20px; } .private-demo-add-to-cart .ajax-cart-button-wrapper { float: none; } .page-body .private-demo-add-to-cart .add-to-cart-button { float: none; padding: 20px 40px; background: #f66b6b; white-space: nowrap; } .private-demo-product-collateral { padding: 30px; margin: 0 0 70px; } .private-demo-full-description-title { margin: 0 0 60px; } .private-demo-full-description-title strong { color: #373c41; font-size: 32px; font-weight: normal; } .private-demo-description-items { max-width: 1200px; margin: auto; counter-reset: section; display: table; width: 100%; table-layout: fixed; } .private-demo-description-item { background: #f5f7fa; padding: 50px; position: relative; display: table-cell; border: 1px solid #fff; border-width: 0 10px 0 10px; vertical-align: middle; } .private-demo-description-item:before { counter-increment: section; content: counter(section); width: 40px; height: 40px; position: absolute; top: 0; left: 0; color: #707e92; opacity: .5; font-size: 22px; line-height: 35px; z-index: 3; } .private-demo-description-item:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 65px 65px 0 0; border-color: #ffffff transparent transparent transparent; z-index: 2; } .private-demo-description-item span { display: block; font-size: 16px; color: #373c41; line-height: 24px; padding: 125px 0 0; } .private-demo-description-item span:before { content: '\e916'; width: 100px; height: 100px; line-height: 100px; font-family: 'nop_templates_font'; color: #fff; font-size: 40px; position: absolute; top: 50px; left: 0; right: 0; margin: auto; background: -webkit-linear-gradient(315deg, rgb(80, 110, 209) 0%, rgb(70, 149, 210) 100%); background: -o-linear-gradient(315deg, rgb(80, 110, 209) 0%, rgb(70, 149, 210) 100%); background: -ms-linear-gradient(315deg, rgb(80, 110, 209) 0%, rgb(70, 149, 210) 100%); background: -moz-linear-gradient(315deg, rgb(80, 110, 209) 0%, rgb(70, 149, 210) 100%); background: linear-gradient(135deg, rgb(80, 110, 209) 0%, rgb(70, 149, 210) 100%); border-radius: 50%; } .private-demo-description-item.demo span:before { content: '\e91e'; background: -webkit-linear-gradient(315deg, rgb(197, 82, 105) 0%, rgb(242, 109, 112) 64%); background: -o-linear-gradient(315deg, rgb(197, 82, 105) 0%, rgb(242, 109, 112) 64%); background: -ms-linear-gradient(315deg, rgb(197, 82, 105) 0%, rgb(242, 109, 112) 64%); background: -moz-linear-gradient(315deg, rgb(197, 82, 105) 0%, rgb(242, 109, 112) 64%); background: linear-gradient(135deg, rgb(197, 82, 105) 0%, rgb(242, 109, 112) 64%); } .private-demo-description-item.demo-days span:before { content: '\e91f'; background: -webkit-linear-gradient(315deg, rgb(115, 190, 199) 0%, rgb(65, 174, 155) 100%); background: -o-linear-gradient(315deg, rgb(115, 190, 199) 0%, rgb(65, 174, 155) 100%); background: -ms-linear-gradient(315deg, rgb(115, 190, 199) 0%, rgb(65, 174, 155) 100%); background: -moz-linear-gradient(315deg, rgb(115, 190, 199) 0%, rgb(65, 174, 155) 100%); background: linear-gradient(135deg, rgb(115, 190, 199) 0%, rgb(65, 174, 155) 100%); } .private-demo-description-item.demo span { padding-left: 30px; padding-right: 30px; } @media all and (max-width: 980px) { .private-demo-product-essential { padding: 30px; } .private-demo-main-info { display: block; } .private-demo-info-left, .private-demo-info-right { display: block; width: 100%; max-width: 600px; margin: 0 auto 20px; } .private-demo-info-left { margin: 0 auto 50px; } .private-demo-description-items, .private-demo-description-item { display: block; } .private-demo-description-item { max-width: 500px; margin: 0 auto 20px; } .private-demo-product .picture img { max-width: 100%; } .private-demo-description-item.demo span { padding-left: 0; padding-right: 0; } } @media all and (max-width: 480px) { .private-demo-product-essential { margin: 0 0 20px; } .private-demo-heading { font-size: 24px; line-height: 38px; } .info-left-description { font-size: 20px; } .additional-info { text-align: left; } .additional-info:before { bottom: 0; margin: auto; } .private-demo-overview { padding: 20px; } .private-demo-description { text-align: justify; } .private-demo-full-description-title { margin: 0 0 30px; } .private-demo-full-description-title strong { font-size: 24px; } } .contact-page .contact-page-title { margin: 0 0 65px; } .contact-description { font-size: 16px; color: #373c41; line-height: 30px; text-align: center; max-width: 900px; padding: 50px 0 0; margin: 0 auto 50px; position: relative; } .contact-description:before { content: "\e921"; font-family: 'nop_templates_font'; position: absolute; top: 0; left: 50%; font-size: 30px; margin-left: -15px; color: #707e92; opacity: .3; } .contact-info-box { background-color: #f5f7fa; margin: 0 0 15px; padding: 30px 30px 245px; position: relative; } .contect-info-title { font-size: 20px; font-weight: normal; } .contact-info-box.email { background: #f5f7fa url(/Themes/NopTemplates/Content/img/contact-icon-1.png) no-repeat center 45%; } .contact-info-box.phone { background: #f5f7fa url(/Themes/NopTemplates/Content/img/contact-icon-2.png) no-repeat center 45%; } .contact-info-box.ticket { background: #f5f7fa url(/Themes/NopTemplates/Content/img/contact-icon-3.png) no-repeat center 45%; } .contact-info-box .contact-button, .contact-info-box .phones { position: absolute; left: 0; bottom: 0; right: 0; } .contact-info-box .phones { padding: 23.5px; } .contact-info-box .phone-number { display: block; color: #373c41; font-size: 16px; line-height: 26px; } .contact-info-box .contact-button { display: block; font-size: 16px; font-weight: bold; color: #4b81d2; padding: 23.5px; border-top: 1px solid #e7ebef; } .contact-info-box .contact-button span { position: relative; padding: 0 13px 0 0; } .contact-info-box .contact-button span:after { content: ""; width: 7px; height: 7px; border: 2px solid #4b81d2; border-width: 2px 2px 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 0; bottom: 0; margin: auto; } .contact-page form { padding: 30px; background: #f5f7fa; } .contact-page .form-fields { max-width: 800px; margin: auto; } .contact-page .form-fields .inputs > label, .contact-page .form-fields .inputs .input-box { width: 100%; display: block; } .contact-page .form-fields .inputs > label { text-align: left; font-size: 14px; color: #707e92; padding: 5px 0; } .contact-page .form-fields .inputs input[type="text"], .contact-page .form-fields .inputs input[type="password"], .contact-page .form-fields .inputs select, .contact-page .form-fields .inputs textarea { width: 100% !important; max-width: 100%; } .contact-page .form-fields .inputs input[type="text"] { height: 40px; border: none; font: normal 14px 'Raleway', sans-serif; padding: 0 15px; } .contact-page .form-fields .inputs input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b2b8c2; } .contact-page .form-fields .inputs input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #b2b8c2; } .contact-page .form-fields .inputs input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #b2b8c2; } .contact-page .form-fields .inputs input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #b2b8c2; } .contact-page .form-fields .inputs textarea { border: none; font: normal 14px 'Raleway', sans-serif; padding: 15px; } .contact-page .form-fields .inputs textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b2b8c2; } .contact-page .form-fields .inputs textarea::-moz-placeholder { /* Firefox 19+ */ color: #b2b8c2; } .contact-page .form-fields .inputs textarea:-ms-input-placeholder { /* IE 10+ */ color: #b2b8c2; } .contact-page .form-fields .inputs textarea:-moz-placeholder { /* Firefox 18- */ color: #b2b8c2; } .contact-page .buttons { background: none; margin: 0; } .contact-page form .field-validation-error { width: 100%; margin: 0; padding: 10px; text-align: center; } .contact-form-title { margin: 20px 0 25px; } .contact-form-title strong { color: #373c41; font-size: 24px; font-weight: normal; } .contact-page .contact-us-button { padding: 17px 45px 17px 65px; position: relative; } .contact-page .contact-us-button:before { content: "\e921"; font-family: 'nop_templates_font'; width: 18px; height: 18px; line-height: 18px; position: absolute; top: 14px; left: 35px; margin: auto; font-size: 18px; } .result { background: #f5f7fa; padding: 50px; font-size: 16px; color: #373c41; line-height: 30px; } @media all and (min-width: 768px) { .contact-info { overflow: hidden; } .contact-info-box { float: left; width: calc(33.3333% - 10px); margin: 0 0 15px 15px; } .contact-info-box:nth-child(3n+1) { margin-left: 0; clear: left; } .contact-page .form-fields { overflow: hidden; } .contact-page .form-fields .inputs { float: left; width: calc(50% - 5px); margin: 0 0 10px 10px; } .contact-page .form-fields .inputs:nth-child(2n+1) { margin: 0 0 10px; clear: both; } .contact-page .form-fields .inputs.message { width: 100%; clear: both; } .contact-description { margin-bottom: 80px; } .contact-page .form-fields .inputs.message > label { display: none; } } .jobs { max-width: 1200px; margin: auto; } .jobs-description { font-size: 16px; color: #373c41; text-align: justify; line-height: 24px; margin: 0 auto 60px; } .job-lists { max-width: 1040px; padding: 0 20px; margin: auto; position: relative; } .job-lists:before { content: ''; width: 2px; position: absolute; top: 50px; left: 74px; bottom: 50px; background: #e9ecf3; z-index: 1; } .job-position { background: url(/Themes/NopTemplates/Content/img/Jobs/job.png) no-repeat left 5px center; background-size: 100px; position: relative; z-index: 2; } .job-position.dot-net { background-image: url(/Themes/NopTemplates/Content/img/Jobs/.net.png); background-size: 110px; background-position: left center; } .job-position.front-end { background-image: url(/Themes/NopTemplates/Content/img/Jobs/frontend.png); } .job-position.designer { background-image: url(/Themes/NopTemplates/Content/img/Jobs/designer.png); } .job-position.support { background-image: url(/Themes/NopTemplates/Content/img/Jobs/support.png); } .job-position.backend { background-image: url(/Themes/NopTemplates/Content/img/Jobs/backend.png); } .job-name { padding: 55px 200px 55px 135px; display: block; text-align: left; } .job-position-name { display: block; font-weight: bold; color: #4b81d2; text-transform: uppercase; font-size: 20px; } .job-position-description { display: none; color: #707e92; font-size: 15px; line-height: 25px; } .job-city { width: 200px; color: #707e92; line-height: 23px; height: 23px; text-align: right; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; } .job-city:before { content: "\e663"; font-family: 'nop_templates_font'; margin: 0 10px 0 0; } @media all and (max-width: 767px) { .job-position { background-size: 80px; } .job-position.dot-net { background-size: 90px; } .job-lists:before { left: 63px; } .job-name { padding: 40px 0 40px 110px; } .job-city { position: static; text-align: left; } } /* Promo Strip */ /*.home .footer { padding: 0; } .home.promo-strip { display: none; } .footer { padding: 0 0 70px; } .promo-strip { position: fixed; bottom: 0; left: 0; right: 0; height: 70px; background: #ecedf2; z-index: 10000; } .popup-strip-img { text-align: center; max-width: 100%; } .popup-strip-img .mobile { display: none; } @media all and (max-width: 1200px) { .footer { padding: 0 0 90px; } .promo-strip { height: 90px; } #goToTop.visible { bottom: 95px; } .popup-strip-img .mobile { display: block; margin: auto; } .popup-strip-img .desktop { display: none; } } @media all and (max-width: 480px) { .christmas-slide .slider-caption { overflow: hidden; } .christmas-slide .slider-caption img { margin: 0 -80px; max-width: calc(100% + 160px); } .christmas-slide .slider-image-wraper { width: 75vw; } .christmas-slide .slider-image-wraper img { width: 100%; } } */ /*GLOBAL TABLES*/ .cart, .data-table, .compare-products-table { margin: 0 0 20px; font-size: 16px; } .forums-table-section table { margin: 0 0 20px; } .cart th, .data-table th, .forums-table-section th { padding: 10px 15px; border-right: 1px solid #d9e0ea; background: #f3f5f9; color: #373c41; white-space: nowrap; font-weight: normal; } .cart td, .data-table td, .forums-table-section td { padding: 30px 15px; min-width: 50px; border-top: 1px solid #d9e0ea; border-right: 1px solid #d9e0ea; background: #fff; } .forums-table-section td.forum-name { padding: 30px 40px; } .cart td:nth-child(2), .data-table td:nth-child(2), .cart th:nth-child(2), .data-table th:nth-child(2) { text-align: left; } .cart td:last-child, .data-table td:last-child, .forums-table-section td:last-child, .cart th:last-child, .data-table th:last-child, .forums-table-section th:last-child { border-right: 0; } .cart a, .compare-products-table a, .forums-table-section a { font-weight: bold; } .data-table td.total { color: #59b6db; } .cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes { text-align: center !important; } .go-to-page { color: #59b6db; font-weight: normal; } .go-to-page:hover { text-decoration: underline; } .go-to-page + .attributes { margin: 10px 0 0; } /* plugins collections page */ .plugins-collections-category-page .data-table th.plugin-title { padding: 12px 10px; width: 240px; color: #707e92; text-align: left; text-transform: uppercase; font-size: 14px; line-height: 1; } .plugins-collections-category-page .data-table td { padding: 14px 10px; text-align: center; } .plugins-collections-category-page .data-table .plugin-title { text-align: left; } .plugins-collections-category-page .data-table .plugin-name { position: relative; display: inline-block; padding: 22px 0 22px 70px; vertical-align: middle; font-weight: normal; font-size: 16px; line-height: 1; } .plugins-collections-category-page .data-table .plugin-name:before { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background-position: center; background-size: 100%; background-repeat: no-repeat; content: ""; } .plugins-collections-category-page .data-table .plugin-name.mega-menu:before { background-color: #c3ca3e; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAAMFBMVEUAAAD///8AAAAAAAD19fVOTk4gICDb29u7u7sSEhIAAAC8vLz19fX4+PjT09Pg4OCmHkenAAAAEHRSTlMAmQ8uXwYlVmUyEz16kSoWazy2RQAAANdJREFUWMNjGAWjYBSMglEwCkbBKBjEgN9REA7Ok6o5RhABZAJI1PxQEAk8IFHzRmTNW0nTyzqqmWCqKHFBBgeRNR9xQQEfcEcsYSCH4c6DBHTgS3FMgiQAhVHNA6xZYrIxFMwQFOw0hgHLRpAMXAqHZrFFSlCwTFAwSwkGtBJBMnApHJrF4SknXFCwFJH4CkEycKlBF2BDVPNoPI8MzaPxPAI0XyReryyG5kLiNYuja2bNINpq2TaMtqiaMdEgCbPxpEQ0CGAYBaNgFIyCUTAKRsEoGEQAAIY7whrKAjaTAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.cart:before { background-color: #a58abf; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAnFBMVEUAAAD///8AAAAWFhYBAQHz8/MAAAACAgLq6uqpqan19fUDAwMQEBAICAj+/v4AAAD6+vr9/f3V1dXy8vIGBgYAAAD39/empqYICAihoaH39/e5ubmLi4t1dXXLy8vo6Ojj4+Pf39/Ozs7AwMDq6urh4eFUVFT4+PjY2Njp6enp6em7u7tAQEBbW1u/v7/q6urx8fHs7Oypqanl5eW9uKApAAAANHRSTlMAmQwBBksoHIZcXwQKGJcQkZNwhR4TilMiRnVkPzIOgHx1ZVY9NyKNKh1TOTI7KGdbSh5eRmUaigAAAn1JREFUaN7t2dl22jAQBuCxRo1JJHnFSxzCEiAJCWma9v3fraQdupjQ446EuNF3O+f4PzNg5MEQBEEQBEEQBEEQnAuuuizay+urKfiBX6K/dQp8wMeoJ9Hgg3rtBz8I8EHn/YYbL8G4orzZzQ+XzdZI8EB2FHzdjt/FJpUIp4dfKTcbC/kTInignii4SBF8kvV+0hoY7G/izEjwSb0yJu30Jp54nvSacmujgGG6+sTzVlLwnUDOb08e2Zpo5rj4+JOWXcRnM2mR2AffamAEZ9a5pVGc4IXvSRN9az9pCQzK2LY8qhQwoJhYBi8FAq/luVVuQpP23vKsQuCRZuZ90tTytc2k7yVwSTPiB89p0t5bXgrgk6b0PmlqufE9aSJjbsu0KHlvOadJW7Rcs4IXto+1mC5ZwfYLhIwXnEnbLxAo2qYYDZU7XCBQmPZioG3iclVDqcVAyzOtarI8z6qGn1nfaXvqG+U+GOVs+3u6GiCj4DtXk1Yde1Wz/+z4qxofPrMWCHvqPuGsavYwvfuf3KJS4IgeF4N7TopWIziCYvzSXA7SvIwFgjOoKxMPYiqN4BCiHAgRTmC62SAcgZv1enqSVHzs3p8trj68Oq7qaKfboPvct4SOgA0ef+OSP6LzfpOIPEwP+432Miq6PeTJE/aLda/o+q9+Usojp0iv6PygSHrriVpHv2UCXFJ/BueiN+lnxmstzgk1E/8oLtwGYzo/vnNjuugtLw7p2+xXw7E8XixcP1KrapJR7lbgQfGlptyWis6gNNubMs/mTZuqw2J1cTkvR8WEct0mp+OLnVioj4oi3m1YrXGeS1ffkXh8w9IKIQiCIAiCIAgCv74D+LAwT934ajQAAAAASUVORK5CYII=); } .plugins-collections-category-page .data-table .plugin-name.carousel:before { background-color: #20af6d; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAP1BMVEUAAAD///8AAAAAAACdnZ0AAAAAAABwcHDs7Ozz8/P7+/vMzMwAAABXV1f39/ekpKRvb2/a2toAAADk5OSHh4dgr4LcAAAAFXRSTlMAmQMPLC4WRiGNihcTNndTK0QifTXm3yyGAAABMElEQVRo3u3Y0Y6CMBCFYTp1gbZKhfX9n3U3Jo4XTZxkeogYz/8A8yVAGcLAGGOMMcYYY4wxxr6rOYfO8uxxRd0OWRxwDIDix8G5Ts5q7oLrNjrbahd8i+Is3rrgkwzO5ESY8FHgshQkrDNNN4dcgLDOtN0QcgHCOtN0/1sECMsSwkM23HSFwteksuFezlD4fFHZdnFwIxsuDG5kw4XBjWy4MNiQZQn3JnVR8EOegp7UZ89nPpWd3tUl6UnVmmsBhds7acgg2HAbGQYbbiPD4MY1ZBhsuyrjt5PhqozfTuq+lHfZTq3byr/o7aQzDXnEbiedaSWyw3YSOfB3NeFvg1c/vHbBeZ2drfkz/3O9BU79bnLBNXW71QPLuP10to0yeOTYnQyMMcYYY4wxxhg7Yn9Fehhr5odg1QAAAABJRU5ErkJggg==); } .plugins-collections-category-page .data-table .plugin-name.quick-view:before { background-color: #40c9b7; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAt1BMVEUAAAD///8AAAAAAAAAAAADAwMAAADY2Njj4+MFBQW6urrx8fESEhIAAAABAQH+/v4BAQH4+PgFBQUHBwf29vYDAwP////q6uq6urrz8/OcnJz8/PwoKCjm5ubt7e3l5eXU1NTz8/P29vbKyspgYGDe3t7z8/P09PTf39/09PSXl5fV1dX4+Pjc3NysrKzHx8fq6urp6em4uLh3d3cyMjKmpqbd3d3X19dMTExsbGyysrKUlJTFxcXRTUcqAAAAPXRSTlMAmRAKLgQkeW8BPjYCDQeXE48fGogpmINiWgmTKXhEgHKEdGo/e3BpaGBSQHoOWFFQLRw1Mi0oYScZRkI93mXVrQAAA8FJREFUaN7t2dmO0zAUBuBTGxdMbWdtmjRtmtCNrtCZYVjf/7k4JhERQkixYhch8t/UmptvXDfHJzYMGTJkyJAhQ4YM+VvhD1mVj3rHC3YTbuKKLBnZykEYuPuRxZw6z5mfRjazY11hdrYKB7QrTD2rcCK7wnJkN6QrTAb4/4O92UuTbGe5FThIn6Zjo0xfXPP+8PYp9CU1ivTDY294tvCVAMMIGs16wskjYcAn57xzgdzdOACX657wLGK4SZqVyPcCQL3rCb+SnN9Mi/MzB/WlL0yB7UaG2TNgr/vDNDDfCK3A0niX9KQVmIyM4w4OVmVZbuM/Vmc3cJxupnVp3KTV/eDgONU1tCmN02N8J7h8iohiHHS4UDKaru8BJ+nYV1q9PN+eL9pWJLx67uE0lAzV93G92NmFg6DhNXENlyEVIIp2x8ixLnMarR3DwUIKmO9/Md7MUQ4rt/DVZz/fq9JNmtQy/o18dQrHkcLvudkux9F4Ww/x22bRzCWcEg7zZsdYEkbeNpX5gXN5dQk/4oTfjxqYAtWwTsZAffLcwYGPQPU7rHdB4Vfu4BXh8FkPdJf9jmJ3g58rPdMPHOQrdzAO+Qe91LhDhL4C5oe4T+jF/SaAfnQHv236ikdCKVUCOMNP8kkfNjBQDmEcMj3jdwzaMH1s8dotvERYr3GyOxwOBc54gp/7H2uMsMM1DihwPx7V2Slgh2ac+7jGlcPn+IGDXLfTV2+bcal/7p5DGGuj+pT/9hx7jxTEyWmtViD8tKnVCC/r4VoXljcuYX1Gp8JmayguJ6/+F0LK+bPbbTGeg5CLWm5fY4kA9tYljMnQIOO0/SF56wVhACpauYQxBcoy3Kzj+gFbb0LtgiCLlVvYKzgIhe305ng8brDBpgJ0GMouYUw2B86U9KMo8mXTYDeySxgT3xDjgjEm9OCWzVvZJYw5FxeocynO2O21slsYk1T7LMv2cd1ntnLgGm7zi+xv7wq3spzdE25lfrK9xt1kPvHuDmOC/dn+c2wQq7D5cZMl2PyAzQ4sl6bwUlqB6RdT+CvtD+tmOiqN2CT1GbC+x8YV1ScNx1XgdVPzuNxElGPv2xPGt2590I/3Gx1TNwf8Ie8FN5ewnFFJukXWzcH83P8WZodzNoy4xTbunZJzVhST7imy+J+/4htgZ7Bn1fU6w7KyCgedYfrOKlzKrrCKlhZdfWDQMUIuysSWmx991hWu30RngdcbjbfpU6S4ycWzH+KG1DvTcUTQNQhnikrSN1Lqo8chQ4YMGTJkyJD/Pt8BKXldVylOnPIAAAAASUVORK5CYII=); } .plugins-collections-category-page .data-table .plugin-name.tabs:before { background-color: #ffa255; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAWlBMVEUAAAD///////8AAAAAAAAAAAAUFBQAAAD5+fn8/PxVVVX6+vr29vYAAAAwMDDz8/MjIyOmpqb////5+fkfHx/m5uaWlpb+/v7y8vLW1tbu7u77+/vS0tLb29ukXGB4AAAAHnRSTlMAmU0QAi4TDZOHPn1qLDZWBzZINR8LTpZ1HolGdG913/YoAAABR0lEQVRo3u3Vy3KDMAyFYQm7sU1I43Anl/d/zabLTMyMLdRp6Zxvq8W/MQcCAAAAAACAHVrmiV/4ZqGnoWurF2030NpB0p34jX+Wh7Z6cxu+u7f3Q1tejkdOmC11VUJHtHYotXDK5KitElqitUMhe+GkA1VJRCsHhBFG+BfDgVPOpW5LWffMas62oNuxok7wh1BxjJTLTaxocvlhVpUfNqzKIIzwXwt7AYXwtT4J1NfN4bE3rpjpx83hSySBeNkcngcSGObNYZ6CwLTrzwlhhFNUJvNTQGUyD6bYQWUyLRWzGpMp22qFyfRHAb/jV40wwj8WDmMtMAaNyRTQmExnBdz2yWxkk9lsDnNoBMKOXzXC/zTsWZHPD7sHK3o4yhX7wGpCHymXNfXdswp/r42lbNH0pw8Vp95EKmCjMypctAQAAAAAAABSX1WfNHphl9TGAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.zoom:before { background-color: #41b4c9; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAn1BMVEUAAAD///8AAAAAAAAAAAAwMDAMDAwAAAAAAADn5+cAAAAFBQX7+/sGBgYAAAD4+Pjx8fEAAAAFBQX+/v7n5+fp6em/v7+ZmZns7OwFBQX4+PjT09Orq6vZ2dnGxsb29vb5+fnx8fHd3d22trbCwsJOTk7T09P9/f2Xl5fMzMza2trw8PDV1dV4eHgqKipZWVloaGh8fHz09PTIyMicnJwFO7foAAAANXRSTlMAmRAuBAECCQsWDSWSHweMhRoVl3iCY1FJDHN0XSELiH1oOVZHOC6TI29uXFxFMCsWEFFQNsJfOvsAAALhSURBVGje7dbZctowFIDhE+Vowbu8gdkhZQmEpCR5/2frwbUxSZkOA5HT6ei/CDY3X44lBGCz2Ww2m81ms/3/4d0t4fWwuglW18PsJphZ2MIWtvC/BEeDfDgc5qnXKhzmC9f1tfZ99343SNqCveGzHztSBkEgFdPuYtAOnC58JpHD7zjK2O16LcADN5YCqPFo1OElrfRiYhomlyEHPtqWVNLvjYkO4kVoGM5cR9Cws5MV7wngGO9WRmHvhREz+jjebHyQH4zCDzGS61VPfZjdlfXpTelnBuHQlxzG1byPrv9cXW4FCKdrEM6ZAJzV0zMZp9X1kgPqyBz8IulB1zc/AihqeIrAndwYHMUIuD3CCCqtb0Yc5LsxeONwkJOz8BMCxokp+EkC/Cz3VZdaIw1Jr+XeTgPgbGIKfpPA1+XppbWOlQBksdb+s0erIAGczBRM20m8l5s7QETBgSMl44jgAqAwBr8FgIeJoz2cxJe0tplDcGRsjWnicgeFfWrJQbzS6/TwzkYBOKEpOJXA2fF5zhGC9HiWlvvOFOwVAOrh5OMkazh5oYcxNwA3J2Pge2c+x5vyLDUHzxAEq0d+Izirvy0lwH5lDk7WNLKuxoz2h/1c1mUIondnBG5GLtxK9qbVvzPUAYe9Zw6m5hyQuY8ftlxXSw68eDIKex2SHX+XHZ/+4+LgAkidm4OpCclCxu4uH2RZNqDf9izgQAnl53/C45M7vAGmwhEHjkXsu4d09dv+vMz46aGiboGppCeA6EAWhZJI1zBu5L/B7DaYms4FNI1fVz1xViaYfSVMha9LDhTvzGcruj8vE/XVMJWE0+nEq+8aOTIKN32W2aZVuJFl2ibcyHz+aY1X5mGSyU0+wo5nHKam2z79bRNusrATWtjCpuDJd8GRhS9MuffX56rrYVTs+hR+gk3EO2dbG4fxkhU3UfFdMLOwhS38VSn3gpPbRKguOLltNpvNZrPZbLZW+gVlyzvG+Y+TaQAAAABJRU5ErkJggg==); } .plugins-collections-category-page .data-table .plugin-name.search:before { background-color: #427dcb; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAz1BMVEUAAAD///8QEBAAAAABAQEAAAAHBwf5+fn8/Pz39/cAAAAAAAANDQ3i4uK3t7fx8fEAAAADAwMAAAABAQH+/v4JCQn19fWxsbH39/dbW1v8/Pzd3d3k5OT5+fkAAAD9/f3y8vLS0tKBgYFFRUUICAiWlpbr6+vz8/POzs4CAgLCwsLy8vLu7u69vb0mJiZVVVXu7u7Nzc3Dw8Pw8PC0tLSjo6P09PTExMTX19d3d3elpaXo6OjX19eVlZWenp7h4eGqqqpPT0/w8PDX19dubm4TfVcWAAAARXRSTlMAmQEHDQsFk4ZqHSYDf2RBLBQRCZgZjgx6OY92JoEjlYxzSDMgBoNwWSkiZU8/MiuIa2deWFZUSTs3MjEUUydcQw5HRyJXEAkvAAADXUlEQVRo3u2X61biMBCA07QNAnHdpBeghSJXRZSboiLiquv7P9NiEu0uQhPPoeyf+X5CTj5mJkwmCAAAAAAAAAAAAAAAAPiP4PplsRE1m1GjeFvvoQOBH28j6y+i6zpGuaK0Q9/a5OwidzV+bVpbaN7mnPDKmbWD6mOOQePHxqfIn8StVtxP4z/KMd2VD68fr0aDcpKUB6N268Md5WbuVZUiriUBd9w1Dg+SztRXMVdQLtBrS1BYJcwlVGWfuCxph+pwU5QDuG4JTmuBQzBKoW7Q6VuC31imZnlihlEDILLAYY3ZG8uxzToTWeaKKokpl1Qf8L08Vm1G8JfvCK8V1EYiNcaEtlZsy4BngYh3E8JuZMgvCNEHc3HkaAO+kL+w6+KtX3slWeZ7jOibbyzua8Xkl1h4zncUBTtzsWBIEOU3pwUz+gtXJ/aqosJjb2cpAlHlyFtHH5R/mpFwohM7vsgMoztrwWMR8hNG2HYMcQnWlfhJ7Dp1di905fG6omif0Cux652XceyfZQ8hexUTKb6yM5Y8yONn71d8J8UZ4dCnXMQq1VniNOL1VFY041JdaPo8apNyt17SO7L0mF1o9E0uyzpcssU8ENHlTPE1HQTzUFzFLxktZiI2CqiotrHY0TWQWLViTTPvc4woC43FxzqxK/+lVbKzxEN5Cpz3vr1oHZsxHbu60xVEmSHjC182c/t9Me+WjUhK2maN+TRzoCNy6ohFM8fEc82wKdLhjZvq/GcNggsXoz1D2cwSDLeY6aUlaDGC9g1+ObYkxS/Z7ql4w/H+A0aVavpYWeJ/596GpQZBTvPyKqpCrbRFS3ETvPfp28aRGcOeuTclKr4u6/XlyTBtyz9KHlZTsPlQrffq8Ocll4qh0Jgzew/e07bwIvvcXBy73/GGs8KWcGejwBNltxcFU6//7H3HWyt3Zht3QGFa63I1L1Jeu/lhxoIR/Ws89TKHdwft1sT/+KQ1H3WZRz8fcDwomcFsbPIqVk9URjD1eNAdjNqr+XzVHg2SgHs03QJTYptBcXaPjja88hJwOAvWMO6IN3oOOM0NbxrZGopRXjjxhvdQuONQeTsH9SLCa8I8ObAXYcI6cSFsHdSrzLw7GHT5gb3qz+N4FAEAAAAAAAAAAAAAAOTCH6CYU7wdBcLzAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.prev-next:before { background-color: #a12942; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAhFBMVEUAAAD///8AAAAODg4EBAQAAAD6+voMDAz+/v7w8PD19fX////////k5OQQEBCpqanz8/O7u7usrKzv7+/r6+vW1tb////W1tb////////////////////////a2tqrq6uDg4PW1tb////////19fX///9OTk5ERERzc3P////09PT///8jHFWVAAAAK3RSTlMAZgoDEgZgHGRVWsBoUBgESUE7Mysjt07YzZT3xo9ALy0T+m9AoygUDIRYyXqbsAAAAi1JREFUaN7t2F2PmkAUxvGeOTMwoqggLFa3rm7dt/L9v18vtslUHuBMnWQvmvO7//MECITwTSmllFJKKaWUUkqp/9uluS6yjLJscW0u/xR58hDF2jQL+tui2aRHss0uo6Fst0mMZG1BY4o2KZLtaMouIRJttjRtu0mP5F35IPGRiK80a3VlOcJljri/kt19keDiSeIvcoRCNIoXJFtwaoQaitEkRogLQof9B90qeD56WVIA0ZiW0I/n/oUG2vlo2YdliMbwdmT3+HwYeTrmo8ewDNGYdx+3S/4dInE5RKgVdoP2JkKrsAwR4pOwG5wYImE5RMiVsNuP71LpBhEuf+8fMBrnCuF8g8JBJCyHCJlM2A0yA5GwHCJkPFFwOB4nd8mHYQqEZR83/NDvV181nN1ky37/84sudUE3ZpYLEyJhFyJkSopdLk2IhF2IkDtR7PLJhUjYhQi5J4pdfnIhEnYhQvzmI5f9G2OEL0yMhJssLpcGImE3RPK1Dk/VB1602WiwCxFgWxB6hC+QwjJE8qdPiJCpKUZt0iLENupL1XJihMzZk8SfTWqE2FYkqSwnR8jZjuZ11t0XCcy6pDnl2twXSXj+IN3a8GjUyZG8XNGUKhwCIi9F8rI9T/xHOVvD09EvIZI5m1cZDWVVbl1qJJ90Xg/+ldW5NZwYydgZm7/W3Z9fil39mlvjWKhGI6FBbIxd55/W1hhOjeIxO/PJMd8XKaWUUkoppZRSSt34DSaeMOdROQhoAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.filters:before { background-color: #98d15c; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAe1BMVEUAAAD///8AAAAAAAAJCQkqKioAAAAFBQUAAAD9/f3+/v77+/tkZGTz8/P19fUAAADS0tIFBQXj4+P4+Pj8/PzW1tbT09MAAAAICAjDw8Pv7+/t7e3l5eW4uLivr6/39/empqaampq1tbXw8PDn5+dra2sjIyPOzs6MjIxri4NQAAAAKXRSTlMAsxI1BQEKDxWssak+oX4vHR2KqJyKTicidGOcfD02imVZWEgxLiwhHzkmQyIAAAGvSURBVGje7dbrTsJAEAXgTp29dHvBQhEEAVG8vP8TypLqrv7qFLISPd+/SbM5abKbORkAAAAAAFwF9bwrHRG5WXNQWTpqRV9cymTdUbDjLBlTUFCaLJmcIu6sYHXbFDRQd8gplh+6MBTNrRLlljRYvbEUs9uaIqUkmRu6WDA1LLimxQWDCy24psJgR4ELwfJrbqaS4K1dx6Pd+jGYCoJ1NaPBZpv8iYL7fFN/+1xpweWy1XxwtJu+L0NU8WJWLoqdV5YFz4ntYnIz0KTV+T78sNXtJPq4sCx6yKxNPpDRrNt5n7teHicTfxTkyinzWpNXVrnKUmJb+Rfo9paztLjdO6LHVqssLaXbff24TJkbkhf+f9NT7C8wAFyJvty67rl/mLzqSEzeb9VbSb2VOuXuSC7ut/Jy6/whdUdnaXhEub07HuIHkhrXb82PYH1usJGXW/fig59Ialy/1VUZqhv7JT8lIWm/DeXWR7u13+ynRnVfOxqn9P1WWm4n/WZns/SzVOi30nJrPo/4eSSDegD/G/Yx9jH2MfYx9jHA78M+xj7GPsY+xj4GAAAAAIA/5wP2oyo0/A9skQAAAABJRU5ErkJggg==); } .plugins-collections-category-page .data-table .plugin-name.filters-pro:before { background-color: #f9f9f9; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAAMFBMVEUAAACHu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu0+Hu09pcaHsAAAAD3RSTlMAJPPY7KxcBaGAPb8fS2N/xomZAAABCUlEQVRYw2IYBaNgFIyCUTDcwGv//59cF5Cnl/M/CPwlTzMzWPNv8jQzgTV/IU8z/38wIKCKp+U/FmAF1cxlD3ZADw7NIv8JaAbrPoBdczwxmv8HYNesT5RmB0o0K5DkbG4w9RnubFICzK0MTP3khQaYAHbNjEHYNP8WB+vSOQHmfQokMZXcB+maQGau4gDZX0CmZnaguxXJztBC//9fIFsz7/9/DOSDywkMo2AUQHOkGSgpT/6PB6hiz88i0JxX/R8vcMRdCv1hYMjHr/kr7vLvGwNDP37NnyjSTJGzqR9gjCHERJWHAMMoALRPBwQAABAMwMpLrAA5+NZhuXy+87mmfcZnnwHgowXd94IvMR58KgAAAABJRU5ErkJggg==); } .plugins-collections-category-page .data-table .plugin-name.ribbons:before { background-color: #ff6678; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAilBMVEUAAAD///8AAAAYGBgqKioAAAABAQEAAAADAwMAAAAEBAQGBgYAAAD9/f38/PwxMTHy8vLp6en5+fnu7u7X19e5ubn39/ff399YWFjb29v19fXg4OCkpKRnZ2f6+vqRkZGJiYlycnLNzc3Kysrz8/Px8fGlpaXn5+f39/f09PTq6urOzs64uLg1NTWCnJK7AAAALnRSTlMAmRABBA0VBysKIxwRlpMwi4SSh3Jdj3Q7GY18VCx+NUpCamBbS0U4dm1AJRYeFydFBgAAAmJJREFUaN7t2NeSmzAUBmAtRyWimWaMKcZl1y3e93+92CHeDZGdsQGJTPb8VwxcfKNfbQbyr4a+dAvtC8uOsOwLWx1hC2GEEUYYYYQRRhhhhBF+BPaikeAiGQkul+PAvuPko8CJ665HgbdS1GPAqUMpD0aA1xYA24wA14IQUZmHA04JoTw0Dm8YEAJsahyuBDlHVJ5hOOSUnAO8MARHURoEcRiWDMglchuGcRCkUaQNDrPJt4/YXDSfKbc/306yQseI89q1LNZECmg+A5WsiWW5daynau8I5C+Bna9tjg+U3A191bm4FnO4M9z5Qu+q9ndwp2bt+/iV3q5ZO6zWDae9mZPL/w7t6U1NHZl/wCdTZ3XO27AbG4IT1obZxhC8laQVUZuB/XdKWqE8NQLPXGgqfvu1pcFKjMBT+XFGLpr1LbdG4Er8HK53efbeLjJ99wzAMYfzcPe/n2PgFgbgDQM4+s3zddByagCuxenQfrOfi0o/nPNdpGywI4+1w7PZy40cki/x8wXhgeGok+v3htmsEzxjfWFZ5R3ctJJ9YepmwdNunHHaFwbKJ8WTbjLhAkh/2bWnz7BeabsUyAChzFlGD7vBymGUDBOQThY+upyVmnvJgtvrh2qeKjX3lKlll76hmtW6YzM1q3VPElM1q3V7d910qdQ8ZN2r4I4bTriEAS217tlNd20PPr3qMabW7Zc2ozrd5hhb5cqd4GipWa27ePBO0Fv31Lb01azeGte6/WYXGQrIa93pSvf0qrdGGfpRkumfXrVu+/zf2jXqfv6plhQIBoPBYDAYDAaDwWD+v/wA9RYrgO32gIIAAAAASUVORK5CYII=); } .plugins-collections-category-page .data-table .plugin-name.sliders:before { background-color: #ffc655; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAARVBMVEUAAAD///////8AAAAAAAAAAAAAAAD///8AAABdXV0AAABoaGgEBASpqamEhISZmZnw8PD6+vrk5OTu7u7Y2Njm5uaqqqrmPFGFAAAAF3RSTlMAppkQATAFsxcZDEQeXExVn5dBPol+LtS3pj0AAAD3SURBVGje7dTNToUwEIZhsGWKw4Bwfrz/SxVLIoknNa1p9SzeZ/VlNu9uOgAAAAAAcslLbZIX1uphzQu76mH35GGdT2+PlkfTDwrCMtqX8bfcYbSCsJdSPu01Kyx9ZZIZ1tphzQy72mFHmDBhwoQJEyZMmDBhwoQJEyZMmDBhwiVhtWEw/ftwJ+qcyj+ED4S/UxuqMs0Mi7qqVDoU89et364+Mdvxl/Dp4hOzGdnCbbqFTeLcxXlem9E+TLaEXvcZDhqvi01xtuLWcH+/h9XFuYvzvDajc6zNmpjNiM1rWGeTxGzGq8UX6BOzHS/qVHxiAgAA4Ol8AOeKK53IqP3QAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.reminders:before { background-color: #fb594e; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAt1BMVEUAAAD///8AAAAHBwcAAAAAAABFRUX29vYAAAAAAAAAAAADAwP+/v4AAAAAAAD8/Pz6+voGBgb+/v74+PgICAgHBwfv7+++vr7r6+vU1NSrq6v5+fnX19fx8fFJSUn5+fn29vZzc3NkZGTh4eHe3t7o6OglJSXz8/Po6OiwsLDy8vKPj48AAADh4eGMjIzU1NTw8PDy8vLLy8ugoKCLi4vm5ubl5eVNTU3k5OTGxsbDw8OXl5fS0tJNIXjRAAAAPXRSTlMAmRABLgwDjAcKDgSXHRWTjxmVdCUih2M6Ggd+c042hG1FO315SC2Lgl1XTiofFBBqY21VIC8mJGJQOTRidr/VWAAAA2lJREFUaN7tl+lWozAYhr8QCUnYKZTutZut1tZtHMdx7v+6JiAY1I4stfyYk+dXenJ6nrwheQ+AQqFQKBQKhUKhUCgAcH/c8YLA64z7GFpDaM/RG+ftqcnYQgWsMYFWGORxZegBtAC5RZ+4bSEzWaEDnH63cT84JA5OfsLMu/xIjbaz2aWRm+9MOC377EAbs9B3fHuyztexh1Min3D3SX+86jHnEmWsCJSBHzseaoDXw0Bv365QMurTl7eDTUu9PdSM9QsBNkVFftDf+XDKoAQ6bCju/iCgu6jAQqO/8rGrQwnMPULMUQFjwgqXi0MJ+qKxGAMvrNqdO/up/FUqZtFls8zrJHFXdsbW2Q8Ls6ViotuTZROx8ZuA/vZPa+sLr2SpQ6mZOtFDgwvlPpvAnnPvQ+qVPDMoBZu6fzGqb/5FgT5lzXVvM+pfn52ddbOFPNHSwHc3GFMt2q7rijd7TLRswX90YjKuaX4mHmkESqCG28NAmH9xb9WsLvGQ2TxIx0Ynw0UJwZxBGboh+u4GktCzbs29NsF0YnSA2DEriZGXhY6D6lrr3qeAqX3gdIxsiquJX0Ob3J5vKvfHzNZJchujT5dxGYmZiuI8tBNWq5MgvvAZAQHhUfz+LTOOOIHKYsFtGrpSnWzmNjcxDK56JGmgWaF2F+lO1BIj7xEndRKW1Yl7GTqUAP45Ffs0SPdpHi+MIDAW8Tx0GIGKYsndQIQWHfplnSwntp7GTRe7SvaJOXZ4LQhth4mp+mJkiNBf14n3kMfNF7vDgAllOuc6o0Roa4pl6K/qZDTxX+PK6el4NwBJUzGa/sT/rJP1NtKomN4NUZHhVQ83F0uustCx9bEy0jskv9IkLj1WLEObWlYnsjJk3E/ox4gllgj9oU6sOI97sFb5kWIZeodf62TxrjJwf4gOoh0tLn5f53WSVkYadxWgU4klwx3O6mQxyeJ2EGpBjIIkNKaOHTk0Ga1cdHqxDA2E0iTujYjbmhgFK5J/YrmoDbGk08cg4p4j1LIYuSuMex5qUSxDi7itiiVKrMRKrMRKrMRKXB2L1xd3v0PsNRCPvkO8qS+mL98hjhnUxXTi473dJwp1wczeLj2rudTyNnHICdSGMD+6PjuC69DmJjQAm0znWmM4Z5SAQqFQKBQKhUKhUPwv/AXR2UvqNqz2rwAAAABJRU5ErkJggg==); } .plugins-collections-category-page .data-table .plugin-name.campaigns:before { background-color: #e63434; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-campaigns.png); } .plugins-collections-category-page .data-table .plugin-name.attachments:before { background-color: #694a86; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAh1BMVEUAAAD///8BAQEBAQEJCQkKCgoJCQkAAAD9/f36+vr19fX////29vZUVFSlpaX09PQLCwsDAwMLCwsSEhL39/fJyck6OjoAAADu7u7T09OLi4vd3d2RkZHr6+v6+vry8vLAwMBoaGi8vLwAAADm5ubi4uLs7Oyurq7n5+fm5uZycnLo6OiysrLcz3LdAAAALXRSTlMAgA0mAQIKBn16dn9eLghwHxoXE2NXJxBvWz4hBlp3UE80Ew5sZ0FJNysiSTTc3Iv4AAADO0lEQVRo3u3Y23LiMAwGYOy1ZZyUnCAhhHKmQA/v/3wr54CYZWe2tFH2ov6nF5nS6ZeosSx35OPj4+Pj4+Pj81+jxSN5inqDQTyU2b4vWIrHEu9Vf/Cvz0aEQqyXqjc4k59LJpxsUe4Jlg/87Bi/XtXgcCOHFzU03MripIeGO3mjh4VJfoqGhUmeRcPCJGMrGQ4mORQiIJkfJpma2LCwCKmVDAOTbFG+qEFhksOTHnQ52SYBXpu+YPW6icc23vzlxYHkbp8UAvqB1TK+jjnPd2MS3O+TQvYC65NrDST/I7IvWG9q8ZjnR5IHgNXFcXGVpGlSBSRzw2rv6lwWmQSQWVGSzAzrd1fmYm4U3oSZFzHJvLBByRaHdmGSzA4DVnoxx07UyROSWWGJ8BZoSZPMDZdCvJjr0rrMTlOSOWHYChEuVfeK4werVo54YfNmaXNXMnAkyYywPpzF9YSiYHIrP7N2LpMt3J6HcvNSl26YnDY3EHHCClKU24HGtRDXscs3kvk2CUjzG/lQvLjeTTIDTPJWXEcpfUicHJDMAZMcXs+DWiau9utGnkUsMMnnWtat7GpvP0jmgnHk+jh3J1GqfSdzwNSw8srJ7/qmApaqzQTL8Z2cbevuSTIPjIqTbXf6RjnFdzvck8wBY/eq5cVuTbKs8Ppi5juS2d5qlJ2yem5uxhXemGnzPc0Co5w18iTonll/4NXWqFY+aRbYyfW7tZrETo7wdIFc+GZGTl4LYfccMEZd5VIgM0O/HcZQrupH5oHx92eVdTJuT21eUlDNJ3gzpWGCu5qinIeODfNE6na5YfO2wACTHDg52eXHY75L0W0COd6HZIBJbkefNEnSOdC0vRJizQjTVA0ARtMhHdb4BwcWmOSivN3/6Xx1ZoTb0ef4R49UryFWOjMsMMU0ow/Jajl2D3zQPDBFt/K+c61b0vjAvDANXUE9dkan5uAOihsmWcSb08oKzLHAQnPDNGp3CRcJHtyZYZK349YtK2phfDDJ2SQvrS0XVTIFdLlhks08xX8mJukUjBrxwxSlDUgJxA4FUzzsYQ97+MfDX4+HHwgkv76VBL4Ia5DfCuiRj4+Pj4+Pj4/Pj8xvWwo5cjAMv8IAAAAASUVORK5CYII=); } .plugins-collections-category-page .data-table .plugin-name.locator:before { background-color: #1b6570; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAw1BMVEUAAAD///////8AAAAAAAD9/f0VFRUqKiqpqan+/v4FBQX39/f19fXh4eEAAADs7OzV1dW+vr78/PysrKz8/Pz4+Pj5+fnY2NgAAAD////+/v7z8/MHBwcJCQng4OC+vr7Ly8vQ0NDX19f19fXw8PDw8PDr6+vh4eEAAADt7e3j4+PHx8cJCQnR0dG4uLjGxsbx8fGZmZnFxcXw8PD////s7Oz4+PiwsLB/f3/j4+PU1NRQUFAjIyO+vr6Tk5Ozs7OEhIT27uCNAAAAQXRSTlMAnJkNJjgBA02WBVtwPgk8fUaTZo+NgEARm5lsIRtxEkJxZIpWTkAmFYh+aR4bCHBmU1BFmIF1Wjk0VC8nYUVADqSNg7IAAARNSURBVGje7ZrpctowFEYtGW8CZHC9GzBLIGwFwp60afv+T1UnaZHsYIuA1Gk7Pr8ykWdO7tV3hRlFKikpKSkpKflHUT+b1ZprW9Cw3Wh4r0p/hnjowhTOMJbEE1cN+A5ruJDEoo4seBb3s9CGL1YwD+tRoHmxh/ls68LMWg0WYYiKtzaExdhi9lm9NyCDvSYJAO0hExHbrD5mJJPebNZwYArnB38xSidreqy0Wq1K5WECaTz+zf5h0AE+VMYyxlj225UlLXYRb6/m0SP7MJeR+roByG/NaDP3YKM+JPTaWD39RXKL7vYT717jHXU6fpGpujT/GyREmLNYpvLb8VNloTa15nIXW/DEWk4Pmt+huiHzFofwxHecWaP3XxZY8XeU2X9KbHAXD6hWZ8VUqx3u4l1+cmWbrO24i+l2xmoqXF1I6PAW4zUkrFDqMB1Awpr3OKEjpBjRB8gKUhwRZ7E2puvaDk/mRUR7B2ONs1iVZ5DGfdRetSMH0vRlVeIMPsI0dq262hswzRFLvEHjCWSyGyPuYlU+sMU66TQ/8NxmeQdtJPFH858FFcwu2Sn2TkjBnEtm7PI3UjBfcLsw2B1SMGc0+ds2R0rexISAxr188YHMMHdU/HWQ553OsYiCyatseN5rf5E1SSCoPcsZYUGNJs1uTYkt891CKJr8xXnv3bVIokWB/KOR9Tpkg8WhorGeneCjjyTxqDgTsPBBbLCIWW71aPFBeLCor8QN4n0W7qXNX09DNZszgiXI3GN7OQ/Vm7nXYnhFmBtJn0V42QnrPQvpM9vcbgvxss0YaVLJf8F9ZIfGbyy3qiijX7+wbds6rYQ1RVE20Z7bTVAcgTR7pd4PQIZwuu6aShQCACM+kVM3MCup1ZvLtNloHPRmvWqBF7YjLuZ7B7xj5ek9QLAaD3rTuzs9yOVSZLEC7wmHnt44aXoPere+cclyUEO3N7oegjM4I0+fvv20fNXug1Tnb2/25wE4S2R6+i6p9kVrjiIDpBnc2uxFFZzHMRVPX75qlSRTWbYr7cZkPT1/OsdBryum12wmWpIpmhuvOGPF6zbP0fVMRVFMUxm64CyBG9+SrGotlzslYeMGIAfjTrvea4J8jFEijkA+9vV3q7EDCkhKNjsgC49h1qqgiI6pmH1QgIuvvbUNQQHBi7jZa+Sy1OMrC3ZBIf0k1/WmnkvTe7zyQwkU8/Q2UPUczGT5/qpk2WxxwqZaxBUHp7YCDNYv3ojkgM8wq4+Q4Q26ifcOMLA3HzQvXMDASsRmBBhAN1Y/VPAQsHA8coAUYH2s2Z8twGJymThwPnJyajXAZEfEhRg19IFkBYDJ9EXcB2zsy1+D4gFg06lfKA4uzpd2By4VP4EEbvlCJFmMo9pcB4DN9tKPKbyeWCGjiMmsmYiV7nIQsjpt175fKEb+vMJi7mP17b9PKkxaProw1AjLLDBSqUfZz5aUlJSUlJT8jfwELsFoy3REZVkAAAAASUVORK5CYII=); } .plugins-collections-category-page .data-table .plugin-name.widgets:before { background-color: #3f7555; background-image: url(data:image/png;base64,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); } .plugins-collections-category-page .data-table .plugin-name.seo:before { background-color: #4197ca; background-image: url(data:image/png;base64,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); } .plugins-collections-category-page .data-table .plugin-name.knowledgebase:before { background-color: #fb5c24; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAAAD///8AAAAAAADk5OTh4eGtra0ZGRkAAAAICAgAAAAwMDD4+PhWVlbS0tLv7+/9/f0JCQmsrKyVlZXn5+fz8/Pm5ubR0dG+vr7o6OjT09P8/Pz39/fz8/Pl5eWxsbEAAAD19fX29va+vr6GhoYAAADv7+////9/HzlSAAAAJ3RSTlMAmRAuC6GwAgEbDAeOQWqH+zAdFJ+cd7JeSzXw595qVhbHsqs/KIEFszNhAAABTUlEQVRo3u3Z626DIBjGcQ/rEMSzVdu1dmvXcf93uA8zsc4PVMMh0ud/A78Q8gIJHkIIIYQQQsjtyIH7kq5EoTe6vqy9uMbq4ZhL4VqIL/Uy86XthA45eA4W58oGPMoWYHEqLcCDHNmBxccxMg2Psml4lO3AIj9EpuFRNgfnEzklxuCTmNQTQ3Dd5lO5ISrhpAj/l2R/12Lbnqf0D1EI02AWbfxBvr0/dktjhfBxtoqo5P4g1/XuoXrPVMBrsgYHgLcIZ9NBnlckmRb4QgNJ9KIF7qs3SWXj1h4Ddh9Oi1A2x1wL/P0pneNUCyy93KMqc2uPAbsPp8mrzXFfRZI5LjHHgAE/BzdJKEnXg97WAdLIDxDu1h4DBgx4uzBf4XIFMOtWwB1T8KlJu6VrzjoaK/jGZfQeLutOGfEUyDELFsVYTDyEEEIIIYQQQtvtFznrLzaCnRXRAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.help-desk:before { background-color: #4e162f; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAsVBMVEUAAAD///8AAAAAAAAAAAAODg4PDw////8DAwMAAABSUlIzMzP19fX7+/sBAQHm5ubk5OQFBQUEBATt7e29vb0EBATx8fG0tLSPj4/c3NxWVlYDAwP09PQAAADh4eECAgJra2vc3NxISEj4+PgBAQGnp6ePj48GBgYAAADg4OCcnJzr6+sAAADDw8O5ubmysrLU1NRubm7MzMyTk5PFxcXS0tJVVVUCAgJTU1NmZmZfX18J4I/aAAAAO3RSTlMAgAECJgUIfxMbTEV0fhB4dzgzemsucEYsWy8qexlTA1RMS3wXZF1AH25hWCgoHmhGVjcUZWs3Kx5aQvCJk38AAALISURBVGje7dbdcqIwGIDhJpAfLCBCrXWrUgsi1OraXfuze/8XtsZh+22XAg7ma6czeU/CQYbHxAFyZjKZTCaTyWQymUwm9Kz1yhWkmrvaWGeIsZkgNYl5rJ2jm5nrkcuNxVakoTnT7MZbtcz+k88bXSI07zabk31Bz/aV29SY611v6co2l7g+1ej+EMq9teWYtCVSqtvtgduUow22mt2oKBIU2Fp7DW70sNyXJRphcBv+3/75MHdyO7xNALY0uUnTPt/YkjPG0+dMM2xtlNvfu7P33ODZZxalFpNhohWmm4m6fZ1Ldg6jh9/H8wJgPBdgWSrWVCdMf7rNLikkLaemE4D1uH1wq4mrUolHBOCT3Utw6+BLXs6d6IMbXEh9oNUz5xJtMK91PfF20auVmqoL5kWt+ytTciWAkdyHASLMVqU7r7rDkSDNMJ6LBbNZu1uIehjTvVgutMNsfoQ7eIpq3MihHd1trXsD7jeX1LSbdoPjE13xW9KOB8ouLrSwOf0M9yKUjHY5yHonugOHd3HXB/debk9wLfqF3ISQqGd/oAuHCC+7lmvR7kZJ1f1eup1elMFQ+sUR7nlP6HKpr+75mHOZHOGGu1NdgFNPwWk8Fe3u9bjihp1cBU8jtdUv8bSP61ZXvFPOiKULQqAMywXYDyeH06o/DAgUbZFcgHneS5R8lZ+/2WwkF+DYvy9lG+Rj3AW43WTmX4OM7FblyXvy41O7iyN7rS6SjOxW5XZ3Ci6WfPeM44J8/yoH/yqi+N+9AxdVxnNBvgW5g4spg/uxMrhIsgsyugtyBDKiW5VtJb+72wLHBblmzSKruvhy1UWXwU0rLrqM74LcV/Lor+xlQ1wX5OUiSKLxiz24C7zoooftgpyHy+XA9v18uFQXEtcFOebSyR3JmRrz1GfILsgW2xdbalQX+CzQh15Hk8lkMplMJpPJ9Mn9AZDTXpoTQGOpAAAAAElFTkSuQmCC); } .plugins-collections-category-page .data-table .plugin-name.one-page-checkout:before { background-color: #dd2339; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-onepagecheckout.png); } .plugins-collections-category-page .data-table .plugin-name.salesforce:before { background-color: #fff; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-salesforce.png); } .plugins-collections-category-page .data-table .plugin-name.facebook-shop:before { background-color: #365399; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-facebookshop.png); } .plugins-collections-category-page .data-table .plugin-name.rich-blog:before { background-color: #c02159; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-richblog.png); } .plugins-collections-category-page .data-table .plugin-name.sale-of-the-day:before { background-color: #343642; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-saleoftheday.png); } .plugins-collections-category-page .data-table .plugin-name.smart-product-collections:before { background-color: #3b386e; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-productcollections.png); } .plugins-collections-category-page .data-table .plugin-name.social-feed:before { background-color: #e99b05; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-socialfeed.png); } .plugins-collections-category-page .data-table .plugin-name.nop-newsletter-popup:before { background-color: #7f2c76; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-newsletterpopup.png); } .plugins-collections-category-page .data-table .plugin-name.nop-price-match:before { background-color: #02806d; background-image: url(/Themes/NopTemplates/Content/img/bannerIcon-pricematch.png); } .plugins-collections-category-page .data-table .included { display: block; margin: 0 auto; width: 30px; height: 30px; border-radius: 50%; font-size: 0; } .plugins-collections-category-page .data-table .included:before { display: block; color: #fff; content: "\e61b"; text-align: center; font-size: 12px; font-family: 'nop_templates_font'; line-height: 30px; } .plugins-collections-category-page .data-table .included.ui { background: #79c6e6; } .plugins-collections-category-page .data-table .included.complete { background: #62c0a2; } .plugins-collections-category-page .data-table .included.ultimate { background: #f28383; } /* my downloads */ .purchased-products th { color: #707e92; font-weight: normal; font-size: 16px; } .purchased-products .product-img { display: inline-block; width: 40%; vertical-align: middle; } .purchased-products .product-info { display: inline-block; margin: 0 0 0 3%; width: 55%; vertical-align: middle; } @media all and (max-width: 520px) { .purchased-products .product-img { display: none; } .purchased-products .product-info { width: 100%; } } .purchased-products .product-title { margin: 0 0 5px; font-size: 18px; } .purchased-products.trial-products .product-title { margin: 0 0 10px; } .purchased-products .domain-license { margin: 0 0 20px; } .purchased-products .domain-license span { display: block; } .purchased-products .domain-license span:last-child { color: #707e92; font-size: 14px; } .purchased-products .domain-license span:only-child { color: #373c41; font-size: 16px; } .purchased-products .license-status { font-weight: bold; font-size: 16px; } .purchased-products .license-value { text-transform: uppercase; } .purchased-products .license-value.valid { color: #82c17c; } .purchased-products .license-value.expired { color: #f76b6c; } .purchased-products .fu-value, .purchased-products .fs-value { color: #707e92; } .purchased-products td.renewal { width: 145px; } .purchased-products .renewal-label, .purchased-products .renewal-price { display: block; } .purchased-products .renewal-label { margin: 0 0 5px; line-height: 24px; } .purchased-products .renewal-price { margin: 0 0 10px; color: #59b6db; font-size: 18px; } .purchased-products .renew-btn { display: inline-block; padding: 10px 20px; border: 0; background-color: #707e92; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: 'Raleway', sans-serif; line-height: 1; } .purchased-products .renew-btn:hover { background-color: #5c6a7f; } .download .version-label { margin: 0 0 5px; display: block; } .download select { margin: 0 0 15px; } .purchased-products .download-link { color: #59b6db; font-weight: normal; cursor: pointer; } .purchased-products .download-link:hover { text-decoration: underline; } .purchased-products.free-products .product { text-align: left; } .purchased-products.free-products td.product { padding: 20px; } .purchased-products.free-products .domain-license { margin: 0; } /* inbox */ .private-messages-page input[type=checkbox]:first-child { display: inline-block; } .private-messages-page .from, .private-messages-page .to { text-align: center !important; } .private-messages-page td.subject { text-align: left; } /* forum subscriptions */ .forum-subscriptions-page .data-table th { padding: 9px 15px; border-bottom: 1px solid #d9e0ea; } .forum-subscriptions-page .data-table td { padding: 10px 15px; border-top: 0; } .forum-subscriptions-page .select-boxes input[type=checkbox] { display: block; } /* forum pages table */ /* faq table */ .faq-page th { text-align: center; } .faq-page th:nth-child(3) { text-align: left; } .faq-page .data-table td { padding: 15px; text-align: center; } .faq-page tr td:last-child { color: #59b6db; } .faq-page tr td:only-child { color: #373c41; } /* footable custom css */ .footable-first-column { text-align: center; } .footable-first-column .item-count { font-size: 13px !important; } .footable.breakpoint > tbody > tr > td > span.footable-toggle { display: block; overflow: hidden; min-width: 16px; height: 16px; } .footable-row-detail { text-align: left; } .footable-row-detail-cell { text-align: left !important; } .footable-row-detail-row { display: table-row; margin: 0 0 10px; } .footable-row-detail-name { display: table-cell; margin: 0 0 5px; padding: 7px 10px; font-style: italic; } .footable-row-detail-value { display: table-cell; } /* toggle style change */ .footable-toggle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0EyMzY0RkY1QjVEMTFFMzgyQzNEODc3M0JCMkE4NEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0EyMzY1MDA1QjVEMTFFMzgyQzNEODc3M0JCMkE4NEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QTIzNjRGRDVCNUQxMUUzODJDM0Q4NzczQkIyQTg0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QTIzNjRGRTVCNUQxMUUzODJDM0Q4NzczQkIyQTg0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvoM9o0AAAA7SURBVHjaYpw5cyYDAfAfSjNik0xLSwPTTAxUAqMGDUWDWJDSCbHpCQXMmjWL+i5iHE3ZowZRCAACDAAuIwokLYQzswAAAABJRU5ErkJggg==) no-repeat center; } .footable-detail-show .footable-toggle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZFOUZGNzI1QjVEMTFFM0FBMkVGQ0Y2ODg1MUNDQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZFOUZGNzM1QjVEMTFFM0FBMkVGQ0Y2ODg1MUNDQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkU5RkY3MDVCNUQxMUUzQUEyRUZDRjY4ODUxQ0NDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkU5RkY3MTVCNUQxMUUzQUEyRUZDRjY4ODUxQ0NDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpRGj7EAAAAoSURBVHjaYvz//z8DNQDjqEEj2qCZM2dSxSQmBiqB0VgbNYgaACDAAFNHMq6P1faQAAAAAElFTkSuQmCC) no-repeat center; } .footable-toggle:before { display: none !important; } /* hidding item counter in different tables */ .compare-products-table-mobile .item-count { display: none; } @media all and (max-width: 768px) { .order-summary-content .cart .item-count, .wishlist-page .cart .item-count, .section.shipments .data-table .item-count, .purchased-products .item-count { display: none; } } @media all and (max-width: 580px) { .faq-page .data-table .item-count, .return-request-page .data-table .item-count, .section.products .data-table .item-count { display: none; } } @media all and (max-width: 629px) { .private-messages-page .data-table .item-count { display: none; } } @media all and (max-width: 506px) { .reward-points-history .data-table .item-count { display: none; } } @media all and (min-width: 240px) and (max-width: 980px) { .admin-header-links { position: fixed; top: 0; z-index: 10001; width: 100%; border-bottom: 1px solid #f3f3f3; } .responsive-nav-wrapper-parent { position: fixed; top: 0; z-index: 10000; width: 100%; } .admin-header-links ~ .responsive-nav-wrapper-parent { top: 35px; } .header { margin: 0; } .master-wrapper-content { padding-top: 60px; } .admin-header-links ~ .master-wrapper-content { padding-top: 96px; } .header .header-logo { display: none; } /* RESPONSIVE NAV WRAPPER */ .responsive-nav-wrapper { position: relative; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); text-align: center; font-size: 0; } .responsive-nav-wrapper:after { display: block; clear: both; content: ""; } .responsive-nav-wrapper .btn-text { display: block; width: 60px; height: 60px; color: #fff; text-transform: uppercase; font-size: 0; cursor: pointer; } .responsive-nav-wrapper .menu-title { float: left; } .responsive-nav-wrapper .menu-title .btn-text:before { display: block; color: #a9afbb; content: "\e610"; text-align: center; font-size: 20px; font-family: 'nop_templates_font'; line-height: 60px; } .responsive-nav-wrapper .header-logo { display: block; margin: 0 auto; width: 60px; height: 60px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAqCAMAAAAH47LZAAAA/FBMVEUAAABXX21oweVOVWJoweVXX21oweVoweVoweVXX21oweVoweVdgZdoweVoweVXX21XX21oweVXX21oweVfkqtXX21XX21oweVXX21XX21XX21XX21oweVoweVVXWtoweVXX21XX21oweVXX21XX21oweVXX21oweVoweVXX21XX23I5/PH6PVXX22HjJONk5xXX21XX21oweVXX23///9OVWJRWWZUXGn+/v76/f7s7e+g2O/S7Pe14fKFzupzxufe3+F6f4nw+fzq9vve8vn29/eT0+x+yulrw+bJy8++wcWnqrFnbXjD5vTV1tmxtLmws7mTl5+HjJRhZ3Pmx6s/AAAAMnRSTlMA+fcP/N6xd2M/MBAE6d7Ed0EjGQnx0M+xZTDl28Krn5+Mi4NbUFA+JBrv5eS0kIFiNHbb1nsAAAGaSURBVDjLjdJnW8IwEMDxAFYpgmxwT6bbXBP23sP9/b+LNlAvKQH5vf4/zzV3Javy6SjZwt4O3dn7t9rfpbbd/c1Z4JQuHAQ2ZX4vdXj9a6vEBZVdJPRZIU1V6YIuy4aomze7UgWvqc51UM3iZ1TvLC5nUZzpFooqJ5A0+0OKxHHwBKhWscoN6sDjBA6oZPxq2eotasPjiBOgUd9a6I2UBfnVbti1HJWa0onTOxplS9IY41z5Ha26paq38B24l2bPcus2cS9CPmSvA+FHij2j+J2ldx8nMt9jVZu1n9TsnMFktSp/cH7uw8w0ADiblV1ZtcM4gGE6v94N2Eqso86eACuB7Ub8hLEwwDL8fsNq8Mk4LIVjhGSS8Ifzd2d2e44ZQDJDjjyAOPsaiAfM+O9M5Dki5NgAVGLztngAA4nxIpZyCBJemk7BnokenNVE1NlMmQkRaYEn8mwuZycmkRTDoBcuEkXwCnSugsQtdwtuyRzRiKVAlYoRrcQlyC4TZJ1nj3yC9fA4xvGGCo9z6Fuf4HE8EbIFM2WSFT9yTrzHSFZNXQAAAABJRU5ErkJggg==) no-repeat center; } .header-logo a { display: block !important; width: 60px; height: 60px; } .responsive-nav-wrapper .personal-button { float: right; } .responsive-nav-wrapper .personal-button .btn-text:before { display: block; color: #a9afbb; content: "\e600"; text-align: center; font-size: 21px; font-family: 'nop_templates_font'; line-height: 60px; } /* RESPONSIVE MENU */ .ps-container > .ps-scrollbar-y-rail { visibility: hidden !important; } .scrollYRemove { overflow: hidden !important; -ms-touch-action: none !important; -webkit-overflow-scrolling: touch !important; } .overlayOffCanvas { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1000000; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .overlayOffCanvas.show { background: rgba(0,0,0,0.4); } .header .header-menu { display: none !important; } .header-menu-wrap { position: fixed; top: 0; width: 260px; height:100%; background: #707e92; z-index: 1000001; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .header-menu { overflow:hidden; height: 100%; } .notAndroid23 .header-menu-wrap { -webkit-transform: translate(-320px); -ms-transform: translate(-320px); transform: translate(-320px); } .android23 .header-menu-wrap { left: -320px; } .header-menu-wrap.open { box-shadow: 1px 0 5px rgba(0,0,0,.5); } .notAndroid23 .header-menu-wrap.open { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .android23 .header-menu-wrap.open { left: 0; } .header-menu.open .menu-wrap { overflow: auto; min-height: 100%; } .header-menu-wrap .close-menu { position: absolute; top: 0; left: 100%; background: #707e92 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAJssnpspMS1q+jjoAAABhSURBVBjTTdDBCYBADETRSQeLYAEi6NUSFCuwA8uwfNnhD5rDLsk7TIgOpWrX0NKMTTUFLgnih2pm5HeTIADqAAGQAVoN1HPrkyVrOMNZhLNGwjsBMgVMAASYAAiAzt91Xu0DCHuMXJY1AAAAAElFTkSuQmCC) no-repeat center; width: 60px; height: 60px; overflow: hidden; } .header-menu-wrap .cm-text { display: block; text-indent: -9999px; } .header-menu-wrap .menu { padding: 12px 0 0; background: #fff; overflow: hidden; } .header-menu-wrap .menu-item { float: left; width: 50%; margin: 0 0 24px; } .header-menu-wrap .menu-item:nth-child(2n+1) { clear: both; } .header-menu-wrap .menu-link { position: relative; display: block; text-align: center; padding: 70px 0 0; color: #373c41; text-transform: uppercase; } .header-menu-wrap .menu-link:before { position: absolute; top: 0; left: 0; right: 0; height: 70px; line-height: 70px; text-align: center; font-family: 'nop_templates_font'; font-size: 26px; color: #d1d2db; overflow: hidden; } .header-menu-wrap .menu-link.home:before { content: "\e663"; font-size: 40px; } .header-menu-wrap .menu-link.themes:before { content: "\e61f"; font-size: 37px; } .header-menu-wrap .menu-link.plugins:before { content: "\e668"; font-size: 40px; } .header-menu-wrap .menu-link.bundles:before { content: "\e667"; font-size: 39px; } .header-menu-wrap .menu-link.support:before { content: "\e666"; font-size: 39px; } .header-menu-wrap .menu-link.about:before { content: "\e600"; font-size: 36px; } .header-menu-wrap .menu-link.blog:before { content: "\e920"; font-size: 42px; margin-left: 10px; } .header-menu-wrap .menu-link.storakle { background: url(/Themes/NopTemplates/Content/img/m-menu-storakle.png) no-repeat center 12px; } .header-menu-wrap .menu-link.services { background: url(/Themes/NopTemplates/Content/img/services.png) no-repeat center 12px; } .desktop-hl-wrapper, .header #headerMenuParent { display: none !important; } .header-menu-wrap .sublist-wrap { position: fixed; top: 0; left:0; width: 253px !important; height: 100%; background: #707e92 !important; z-index: 3; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .notAndroid23 .header-menu-wrap .sublist-wrap { -webkit-transform: translate(-320px); -ms-transform: translate(-320px); transform: translate(-320px); } .android23 .header-menu-wrap .sublist-wrap { left: -320px; } .notAndroid23 .header-menu-wrap .sublist-wrap.active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); box-shadow: 1px 0 5px rgba(0,0,0,0.5); } .android23 .header-menu-wrap .sublist-wrap.active { left: 0; } .header-menu-wrap .sublist-wrap .back-button { position: relative; background-color: #edf0f5; text-transform: uppercase; padding: 22px 22px 22px 55px; } .header-menu-wrap .sublist-wrap .back-button:before { font-family: 'nop_templates_font'; content: "\e670"; position: absolute; top: 0; left: 0; width: 46px; height: 60px; color: #838fa1; font-size: 18px; line-height: 60px; text-align: center; } .header-menu-wrap .sublist { background: #fff; overflow: hidden; padding-bottom: 25px; } /* header menu functionality classes */ .admin-header-links, .header, .responsive-nav-wrapper, .slider-wrapper, .master-wrapper-content, .footer { -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; } .notAndroid23 .move-right { -ms-transform: translate(260px); -webkit-transform: translate(260px); transform: translate(260px); } /* SEARCH BOX */ .search-box { position: fixed; top: 0; left: 0; z-index: 9999999; display: none; padding: 15px 10px 10px; width: 100%; box-shadow: -1px 2px 1px rgba(0,0,0,0.3); text-align: center; } .search-box.open { display: block; } /* HEADER LINKS */ .header-links-wrapper { position: fixed; top: -70px; right: 0; left: 0; z-index: 1000001; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); text-align: center; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .header-links-wrapper.open { top: 0; } .header-links .hl-item { margin: 10px 5px; } .header-links .hl-link { display: inline-block; overflow: hidden; width: 50px; height: 50px; background-repeat: no-repeat; font-size: 0; } .header-links .hl-link:before { display: block; color: #a9afbb; text-align: center; font-size: 20px; font-family: 'nop_templates_font'; line-height: 50px; } .header-links .ico-downloads:before { content: "\e60a"; } .header-links .ico-inbox:before { content: "\e60c"; font-size: 15px; } .header-links .ico-logout:before { content: "\e60f"; font-size: 17px; } .header-links .ico-cart:before { content: "\e602"; font-size: 22px; } .header-links .ico-register:before { content: "\e665"; font-size: 22px; } .header-links .ico-login:before { content: "\e664"; font-size: 21px; } .header-links .ico-account:before { content: "\e600"; } .footer-upper .fb-title:after { font-family: 'nop_templates_font'; content: "\e66f"; color: #94a3b2; position: absolute; top: 0; right: 0; font-size: 9px; line-height: 21px; } .footer-upper .fb-title.opened:after { content: "\e670"; font-size: 14px; } } /*===================================================== TABLETS PORTRAIT & SMARTPHONES LANDSCAPE =====================================================*/ @media all and (min-width: 481px) { /* GLOBAL STYLES */ .ui-tabs-nav li { float: left; } /********** HOME PAGE **********/ /*happy holidays banner*/ .home-banner.happyholidays { height: 500px; } /* info images */ .home .info-img-item .title-text { width: 58%; } /* info images */ .home .info-img-list { margin: 0 auto; text-align: center; } .home .info-img-item { display: inline-block; width: 48%; } /* HEADER */ .ui-autocomplete.ui-menu.ui-widget.ui-widget-content { width: 336px !important; /*txtfield + button*/ } .eu-cookie-bar-notification { margin-left: -225px; max-width: 95%; width: 450px; } /* HEADER MENU */ /* FOOTER */ .newsletter-email input[type="text"] { width: 300px; } /* LEFT/RIGHT COLUMN */ /* CATEGORY PAGE & GRIDS */ .plugins-category-page .item-box .product-item { width: 390px; } /* PRODUCT PAGE */ .product-page .product-item { width: 400px; } .product-page .page-body .btn.view-demo { width: auto; } .product-page .main-info-right .add-to-cart-button { padding: 20px 70px; } /* QUICK TABS */ /* ATTRIBUTES */ /* GIFT CARD */ /* REVIEW PAGE */ /* WISHLIST PAGE */ /* PASSWORD PROTECTION */ .enter-password-form input[type="password"] { width: 300px !important; } /* CONTACT PAGE & EMAILaFRIEND */ /* REGISTRATION, LOGIN, MY ACCOUNT */ .registration-page .fieldset:nth-child(2) select, .account-page .fieldset:nth-child(3) select { width: 110px; } .login-page .forgot-password { display: inline-block; margin: 0 0 0 50px !important; vertical-align: middle; } /* my downloads */ .downloadable-products-page .tab-item { float: left; } /* avatar */ .avatar-page .upload-avatar-button, .avatar-page .remove-avatar-button { margin: 0; } /* theme roller */ .theme-roller-selection .sd-item { display: inline-block; margin: 0 5px 10px; width: 46%; } /* user agreement page */ .agree-panel { float: left; margin: 2px 0 0; } .user-agreement-button { float: right; } /* faq page */ .faq-page ul.tab-list li { display: inline-block; float: none; } /* SHOPPING CART & CHECKOUT */ .order-review-data { display: table; margin: 0 0 30px; width: 100%; } .order-review-data ul { display: table-cell; } .order-details-area td { float: none; width: auto; } .shipment-details-page .shipment-overview > ul { float: left; margin: 0 1% !important; width: 48%; } /* tahnk you */ .order-complete-page .details-label, .order-complete-page .details-value { display: inline-block; margin-right: 5px; vertical-align: middle; } /* SEARCH PAGE & SITEMAP */ /* BLOG */ .blog-page .post-subhead { overflow: hidden; text-align: left; } .blog-page .share-post-panel { float: right; clear: none; margin: 0; } .blog-page .share-post-list { float: right; } .blog-page .post-subhead .tags { overflow: hidden; } .blog-page .post-subhead .comments-number + .tags { margin-left: 110px; } .blog-page .tags-label { float: left; } /* blogpost page */ .blogpost-page .rp-item { width: 380px; } /* FORUM & PROFILE */ .releases-list .ui-tabs-nav li, .forum-page .ui-tabs-nav li { display: inline-block; float: none; } .releases-list .ui-tabs-nav a, .forum-page .ui-tabs-nav a { position: relative; padding: 10px 20px 14px 46px; } .releases-list .ui-tabs-nav a:before, .forum-page .ui-tabs-nav a:before { font-family: 'nop_templates_font'; position: absolute; top: 0; color: #c6ccd8; font-size: 20px; font-family: 'nop_templates_font'; line-height: 42px; } .releases-list .ui-tabs-nav li:first-child a:before, .forum-page .ui-tabs-nav li:first-child .ui-tabs-anchor:before { left: 20px; content: '\e61f'; } .releases-list .ui-tabs-nav li:last-child a:before, .forum-page .ui-tabs-nav li:last-child .ui-tabs-anchor:before { left: 20px; content: '\e668'; } /* forum main page */ .forums-main-page .forum-stats { overflow: hidden; } .forums-main-page .stat-item { float: left; padding: 55px 15px; min-height: 166px; } .forums-main-page .stat-item.forum-register { padding: 0 15px; text-align: left; } .forums-main-page .stat-item.forum-register:before { display: inline-block; width: .2%; height: 166px; content: ""; vertical-align: middle; } .forums-main-page .stat-item.forum-register .stat-content { display: inline-block; width: 98.6%; vertical-align: middle; } .forum-search-box-text, .forum-search-text { width: 300px !important; } /* forum topic page */ .forum-post .post-actions { height: 40px; } /* ERROR PAGE */ .not-found-page .page-title { padding: 439px 0 0; width: 380px; } } @media all and (min-width: 481px) and (max-width: 768px) { .home-page-blog .blog-item { margin: 0 auto; max-width: 100%; width: 480px; } } @media all and (min-width: 481px) and (max-width: 720px) { /********** choose product **********/ .choose-products-page .product-box { float: left; margin: 0 0 2% 2%; width: 49%; } .choose-products-page .product-box:nth-child(2n+1) { clear: both; margin-left: 0; } } @media all and (min-width: 721px) and (max-width: 1150px) { /********** choose product **********/ .choose-products-page .product-box { float: left; margin: 0 0 1.5% 1.5%; width: 32.333333%; } .choose-products-page .product-box:nth-child(3n+1) { clear: both; margin-left: 0; } } @media all and (min-width: 481px) and (max-width: 899px) { /*** FORUM ***/ /* index */ .forums-main-page .stat-item { width: 50%; border-left: 1px solid #d9e0ea; } .forums-main-page .stat-item:nth-child(2n+1) { border-left: 0; } .forums-main-page .stat-item:nth-child(3), .forums-main-page .stat-item:nth-child(4) { border-top: 1px solid #d9e0ea; } } @media all and (min-width: 481px) and (max-width: 980px) { /*** PRODUCT PAGE ***/ .product-main-banner.plugin { background-size: auto 100%; } } @media all and (min-width: 520px) { .product-page .anchor-list { overflow: hidden; } .product-page .anchor-item { float: left; width: 50%; } .product-page .anchor-item:nth-child(2n) { border-left: 2px solid #fff; } } @media all and (min-width: 550px) { .footer-upper .footer-block { float: left; margin: 0 6% 20px; width: 38%; } /* forum subscription */ .forum-subscriptions-page .buttons { position: absolute; top: 0; right: 0; } } @media all and (min-width: 550px) and (max-width: 768px) { .footer-upper .footer-block:nth-child(2n+1) { clear: both; } .footer-upper .footer-block:last-child { clear: both; overflow: hidden; width: 88%; } .footer-upper .partner-list { float: left; width: 50%; } .footer-upper .accepted-payments { float: left; width: 50%; } } @media all and (min-width: 570px) { .comment-info { float: left; margin: 0; } .comment-info + .comment-content { margin: 0 0 0 135px; } .blogpost-page .comment-info + .comment-content { margin: 0 0 0 120px; } /********** FORUM & PROFILE **********/ /* forum topic page */ .forum-topic-page .topic-actions { overflow: hidden; } .forum-topic-page .reply-topic-link-button, .forum-topic-page .watch-topic-link-button, .forum-topic-page .edit-topic-link-button, .forum-topic-page .delete-topic-link-button, .forum-topic-page .move-topic-link-button { float: left; margin-right: 1px; } .forum-post .post-head-right { overflow: hidden; } .forum-post .post-time { float: left; } .forum-post .post-actions { float: right; } .forum-post .delete-post, .forum-post .edit-post, .post-link, .quote-link { float: left; } .forum-post .post-link { margin-left: 10px; border-left: 1px solid #d9e0ea; } .forum-post .forum-post-body { position: relative; overflow: hidden; } .forum-post .forum-post-body:before { position: absolute; top: 0; bottom: 0; left: 37%; width: 1px; background: #d9e0ea; content: ""; } .forum-post .post-body-left { float: left; width: 37%; } .forum-post .post-text { border: 0; } .forum-post .post-body-right { float: left; width: 63%; text-align: left; } } @media all and (min-width: 600px) { .profile-page .page-body { position: relative; overflow: hidden; } .profile-page .page-body:before { position: absolute; top: 0; bottom: 0; left: 240px; width: 1px; background: #d9e0ea; content: ""; } .profile-page .user-details { float: left; margin: 0; width: 240px; border: 0; } .profile-page .user-last-posts, .profile-page .last-posts-title { margin-left: 261px; } .profile-page .last-posts-title { padding: 0 20px; text-align: left; } .profile-page .topic { margin: 0 0 20px; border-bottom: 1px solid #d9e0ea; } .profile-page .topic-header { overflow: hidden; } .profile-page .topic-title { float: left; } .profile-page .topic-data { float: right; } } @media all and (min-width: 560px) and (max-width: 768px) { .all-products-section .products-item { float: left; width: 50%; } .all-products-section .products-item:nth-child(2n+1) { clear: both; } } @media all and (max-width: 600px) { .info-box { } .info-box .info-box-icon:before { } .info-box.themes .info-box-icon:before { } } @media all and (min-width: 660px) { /* themes */ .themes-category-page .info-img-wrapper, .plugins-category-page .info-img-wrapper { padding: 45px 0; } .themes-category-page .info-img-item, .plugins-category-page .info-img-item { float: left; width: 33.3333%; } .themes-category-page .info-img-item .title, .plugins-category-page .info-img-item .title { padding: 140px 0 0; } .themes-category-page .info-img-item .title:before, .plugins-category-page .info-img-item .title:before { position: absolute; top: 0; left: 50%; margin-left: -65px; width: 130px; height: 130px; border: 6px solid #d9dee7; } .themes-category-page .item-row { overflow: hidden; } .themes-category-page .item-row:nth-child(2n+2) { background: #fff; } .themes-category-page .item-box { float: left; width: 50%; } .themes-category-page .item-box .product-item { float: right; margin: 0 3px 0 0; } .themes-category-page .item-box:nth-child(2n) .product-item { float: left; margin: 0 0 0 3px; } .plugins-category-page .item-box { float: left; width: 50%; } .plugins-category-page .item-box .product-item { max-width: 390px; width: 95%; } /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .theme-roller-selection .sd-item { display: block; margin: 0 0 10px; width: auto; } /* theme roller */ .theme-roller-selection .product-pic { float: left; width: 41%; } .theme-roller-selection .selection-details { float: left; width: 59%; } } @media all and (min-width: 660px) and (max-width: 980px) { .video-box { float: left; width: 50%; } .video-box:nth-child(2n+1) { clear: both; } } @media all and (min-width: 700px) and (max-width: 980px) { .team-page .team-item { float: left; width: 50%; } .team-page .team-item:nth-child(2n+1) { clear: both; } } /*===================================================== TABLETS LANDSCAPE & NETBOOKS =====================================================*/ @media all and (min-width: 769px) { /* GLOBAL STYLES */ .page { clear: both; } /* FOOTER */ .newsletter-email .newsletter-subscribe-button { padding: 0 22px; width: auto; text-indent: 0; font-size: 14px; } .newsletter-email .newsletter-subscribe-button:before { display: none; } .footer-upper .footer-block { margin: 0; width: 20%; } .footer-upper .fb-title:after { display: none; } .footer-upper .fb-list { display: block !important; } .footer-lower .legal-info { float: left; margin: 0; } .footer-lower .footer-disclaimer { float: right; } /********** HOME PAGE **********/ /* best sellers */ .home .best-sellers .bs-buttons { text-align: center; } /* blog */ .home-page-blog .blog-content { text-align: center; } .home-page-blog .blog-title, .home-page-blog .blog-buttons { margin: 0; } .home-page-blog .blog-title:after, .home-page-blog .blog-buttons:before { display: none; } .home-page-blog .blog-list { position: relative; overflow: hidden; padding: 30px 0 50px; } .home-page-blog .blog-list:before { position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -1px; width: 1px; background: #c6d1de; content: ""; } .home-page-blog .blog-item { position: relative; clear: both; margin: -25px 0 0; width: 50%; } .home-page-blog .blog-item:first-child { margin: 0; } .home-page-blog .blog-item:before { position: absolute; top: 25px; width: 0; height: 0; border-style: solid; content: ""; } .home-page-blog .blog-item:after { position: absolute; top: 29px; width: 9px; height: 9px; border: 2px solid #c6d1de; border-radius: 50%; background: #e9eff6; content: ""; } .home-page-blog .blog-item:nth-child(2n+1) { float: left; padding: 0 25px 0 0; } .home-page-blog .blog-item:nth-child(2n+1) .bi-content { text-align: right; } .home-page-blog .blog-item:nth-child(2n+1):before { right: 16px; border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #ffffff; } .home-page-blog .blog-item:nth-child(2n+1):after { right: -4px; } .home-page-blog .blog-item:nth-child(2n) { float: right; padding: 0 0 0 25px; } .home-page-blog .blog-item:nth-child(2n):before { left: 16px; border-width: 9px 9px 9px 0; border-color: transparent #ffffff transparent transparent; } .home-page-blog .blog-item:nth-child(2n):after { left: -5px; } /* LEFT/RIGHT COLUMN */ .block { text-align: left; } .block .tags li, .product-tags-all-page li { margin: 0 5px; } .poll-options li, .poll-results li { display: block; } .poll .buttons, .poll-total-votes { text-align: left; } /* CATEGORY PAGE & GRIDS */ .product-grid.featured-product-grid .main-item-box .picture { float: left; min-height: 350px; width: 58%; } .product-grid.featured-product-grid .main-item-box .details { position: absolute; top: 0; right: 0; bottom: 0; left: 58%; margin: 0; } .product-grid.featured-product-grid .main-item-box .details:before { display: inline-block; width: 0.26%; height: 100%; content: ""; vertical-align: middle; } .product-grid.featured-product-grid .main-item-box .details-centering { width: 98.5%; vertical-align: middle; } .themes-category-page .item-box .product-item { width: 85%; } /* THEMES PRODUCT PAGE */ .product-page .feature-line { overflow: hidden; } .plugin-details-page .collection-btns { float: left; width: 48%; text-align: right; } .product-page .feature-img-wrap { float: right; width: 48%; text-align: left; } .plugin-details-page .feature-line:nth-child(2n+1) .collection-btns { float: right; text-align: left; } .plugin-details-page .feature-line .feature-text { position: absolute; top: 0; bottom: 0; left: 0; width: 48%; text-align: right; font-size: 0; } .plugin-details-page .feature-line:nth-child(2n+1) .feature-text { right: 0; left: auto; text-align: left; } .plugin-details-page .feature-line .feature-text > .info-list, .plugin-details-page .feature-line .info-list-with-title { display: inline-block; width: 99%; vertical-align: middle; } .plugin-details-page .feature-line .feature-text:before { display: inline-block; width: .2%; height: 100%; content: ""; vertical-align: middle; } .plugin-details-page .part-of-collection .feature-img-wrap { float: left !important; margin: 60px 0 20px; } .plugin-details-page .part-of-collection .feature-text, .plugin-details-page .part-of-collection .collection-btns { position: static !important; float: right; width: 45%; } .plugin-details-page .part-of-collection .collection-btns { clear: right; } .product-page .feature-line:nth-child(2n+1) .feature-img-wrap { float: left; text-align: right; } .product-page .feature-title { text-align: right; } .product-page .feature-line:nth-child(2n+1) .feature-title { text-align: left; } .product-page .feature-description { margin: 0; padding: 0 0 20px; max-width: none; width: auto; } /* specs */ .product-page .specs-list { overflow: hidden; } .product-page .specs-item { float: left; min-height: 84px; width: 45%; } .product-page .specs-item:nth-child(2n) { float: right; } .product-page .specs-item:nth-child(2n+1) { clear: both; } .free-premium-theme-details-page.product-page .specs-item { width: 50%; padding: 20px 30px 20px 70px; } /* theme related products */ .product-page .product-list { overflow: hidden; } .product-page .product-item { float: left; margin: 0 0 20px; width: 33.33333%; } /* plugin product page */ .plugin-details-page .related-products .product-item { width: 32%; } .plugin-details-page .related-products .product-item:first-child { margin-right: 2%; } .plugin-details-page .related-products .product-item:last-child { margin-left: 2%; } .plugin-details-page .feature-line .info-list { margin: 0; max-width: none; width: auto; } .plugin-details-page .part-of-collection .feature-text, .plugin-details-page .collection-btns { text-align: left; } .plugin-details-page .part-of-collection .feature-text { margin: 0 0 20px; } .plugin-details-page .collection-title { text-align: left; } .plugin-details-page .collection-info { margin: 0; max-width: none; width: auto; } /* themes collection */ .ultimate-plugin-panel .center { position: relative; min-height: 400px; } .ultimate-plugin-panel .up-picture { position: absolute; top: 0; bottom: 0; left: 0; margin: 0; width: 60%; } .ultimate-plugin-panel .up-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ultimate-plugin-panel .up-text { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 35%; text-align: left; font-size: 0; } .ultimate-plugin-panel .up-text:after { display: inline-block; width: .2%; height: 100%; content: ""; vertical-align: middle; } .ultimate-plugin-panel .up-text-wrap { display: inline-block; width: 99%; vertical-align: middle; } .ultimate-plugin-panel .up-title { text-align: left; } .ultimate-plugin-panel .prices { float: left; } .ultimate-plugin-panel .full-price, .ultimate-plugin-panel .final-price { width: auto; } .ultimate-plugin-panel .view-details { float: left; padding: 12px 24px; } /* plugins collection */ .product-page .feature-text { float: left; width: 48%; text-align: right; } .product-page .feature-line:nth-child(2n+1) .feature-text { float: right; text-align: left; } /* all themes/plugins section */ .all-products-section .show-all { padding: 27px 0 0; height: 79px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAAbBAMAAACem2vCAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAADHRSTlMABgoQGCECKA0uFB1bOtWeAAACcklEQVRo3u3YIXerMBTA8Sh8EPGg5jE91ahW9yCeISbfoIdT25p+haeLQq+KL/duAyEpIYWMvo5u97cxNkQN/3MvgyCEEEIIIYTeTR6IICAIPZNQ8iAnCPlNpJwEQhBLIO7l2BaCLIjIR1PIiTARgxiGcf1GMH2cSJ+wEZ2NGAfxqhNCkrPAfCgsCgcXnAkPFL0bxpm8cYKJBuNwdeReejTXC4tTCt+AUe12GaGWKsRoUAC4Yu9MVRUXjFE+O6MYLUNE5wgpfEIYjXwKAxTIn7w3soRE/YoKY/S70Md4E5A5s5olyCjvZxPq7uEUT/BxRgsTP11TSOTIi+m0ZFbMc5mNRpSg15sR4PEDGpweZ3Q7wjiUZ6oxynRYlPPpGw4T+hmePP3MulRZdKgq6BciPkLJ8HvsEVOFluO/dHiEMKz5BUIqcc56YU3ZcoltXTmUKXqhytclWc+bcvHZMbbuwxqq6uTqqbKlaMk21QyXRFvZhamsoi4tHVZoVnVKXNajNdVoKT6/MuzkH2XZ7htnXud+Xcf2RUL7gl2FZWY1oahyUkzXHXoN/+Q8mXGtXSvS2IacNWHFUdfVSYc0uu8wpDdQT5J+wpFua3B/Xx2DLelZ6ZVIJQZhhXpcJdJlPfIovq1NO0tWoO+STe3t+pURV22s3ah0CzFqyiK6q0TqSirLMu17UFSBlmq/y/ZZ9jC5P7savhpXfdU9vOy+VqosKhH13vNk7MDUtnUsvX0x7HD4i17pcPAcbTe++9T4L3Njr8aVWRaRXYG2Kp1VO/9cz1FZVlgwpoVxxpb1h9p+D0OiU+yK2w4y59zgw7+uS5XVhfUPEtfSJllB8ygAAAAASUVORK5CYII=) no-repeat left top; background-size: 100% 27px; } /* REVIEW PAGE */ /* WISHLIST & COMPARE LIST */ .wishlist-content .buttons { text-align: left; } .wishlist-content .button-2 { margin: 0 10px 0 0; } .compare-products-page .clear-list { position: absolute; top: 15px; right: 0; } /* REGISTRATION, LOGIN, MY ACCOUNT */ .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="password"] { width: 350px !important; } .login-page .inputs.reversed { margin: 0 0 40px; } .login-page .message-error { position: absolute; right: 0; bottom: 90px; left: 0; margin: 0; padding: 0 10px; text-align: center; } .address-list-page .info { margin: 0; } .address-list .buttons { position: absolute; top: 20px; right: 10px; } .order-list { overflow: hidden; border-top: 1px solid #d9e0ea; } .order-list .section { float: left; margin: 0; width: 50%; border-left: 1px solid #d9e0ea; } .order-list .section:nth-child(2n+1) { border-left: 0; } .avatar-page .fieldset { overflow: hidden; text-align: left; } .avatar-page .image { float: left; margin: 0 20px 0 0; } .avatar-page .info { text-align: left; } .avatar-page .buttons { float: right; margin: 0 0 0 25px; } /* theme roller */ .theme-roller-selection { position: relative; } .theme-roller-selection .main-info { padding: 25px 190px 25px 0; } .theme-roller-selection .product-pic { width: 60%; } .theme-roller-selection .selection-details { margin-left: 15px; width: auto; } .theme-roller-selection .info.instructions { padding: 0 20px; } .theme-roller-selection .buttons { position: absolute; top: 56px; right: 0; bottom: 0; width: 190px; border: 0; border-left: 1px solid #d9e0ea; } .theme-roller-selection .buttons:before { display: inline-block; width: 1px; height: 100%; content: " "; vertical-align: middle; } .theme-roller-selection .btn-wrap { display: inline-block; width: 134px; vertical-align: middle; } /* SHOPPING CART & CHECKOUT */ .order-details-page .order-info-wrap { overflow: hidden; border-right: 1px solid #d9e0ea; border-left: 1px solid #d9e0ea; } .order-details-page .order-overview { border: 0; } .order-details-page .order-overview, .order-details-page .order-details-area { float: left; margin: 0; width: 50%; } .order-details-page .total-info { overflow: hidden; } .order-details-page .cart-total { float: right; } /* BLOG */ /* blogpost page */ .blogpost-page .rp-list { overflow: hidden; padding: 0 5px; } .blogpost-page .rp-item { float: left; margin-left: 1.25%; width: 32.5%; } .blogpost-page .rp-item:first-child { margin-left: 0; } .new-comment .inputs { text-align: left; } .new-comment .inputs label { float: left; margin: 0; padding: 0 20px 0 0 !important; width: 20%; text-align: right; line-height: 32px; } .new-comment input[type=text], .new-comment textarea { width: 60% !important; } .comment-content { text-align: left; } .blog-page .post-title { font-size: 30px; } .blogpost-page .post-title { font-size: 32px; } .blogpost-page .post-body h2 { font-size: 28px; } .blogpost-page .post-body h3 { font-size: 24px; } .blogpost-page .post-body h4 { font-size: 20px; } .blogpost-page .new-comment .inputs { text-align: center; } /* FORUM */ /* forum topic page */ .forum-post .post-link { padding: 10px 15px; } .forum-post .username { text-align: left; } .forum-post .forum-post-body:before { left: 250px; } .forum-post .post-body-left { width: 250px; } .forum-post .post-body-right { float: none; margin-left: 251px; width: auto; } /* forum create/edit topic page */ .forum-edit-page .inputs .forum-post-text { width: 440px; } /* CLIENTS PAGE */ .clients-page .client-item { overflow: hidden; } .clients-page .client-picture { float: left; overflow: hidden; width: 380px; } .clients-page .client-info { margin-left: 405px; text-align: left; } .clients-page .buttons { text-align: left; } /* CONTACT US */ .contact-page-title { margin: 0 0 110px; } .contact-page .info-img-wrapper { margin: 0 0 70px; padding: 0 40px 70px; } .contact-page .info-img-list { overflow: hidden; min-width: 0 !important; } .contact-page .info-img-item { float: left; padding: 145px 0 0; width: 33.333%; } .contact-page .info-img-item:before { margin-left: -65px; width: 130px; height: 130px; background-size: auto !important; } .contact-page .inputs textarea { width: 440px !important; } /* RELEASE NOTES */ .release-notes-page .revision-date-item > div { display: inline-block; vertical-align: middle; margin: 0 12px; } .release-notes-page .revision-date-item label { display: inline-block; vertical-align: middle; margin: 0 7px 0 0; } .release-notes-page .revision-date-item input { width: 257px; } .info-box-list { display: table; } .info-box { display: table-cell; width: 33.3333%; vertical-align: top; border: 1px solid #fff; border-width: 0 5px 0 5px; } .info-box .title { display: table; width: 100%; height: 60px; } .info-box .title a { display: table-cell; vertical-align: middle; } .ppc-page .content-wrap { padding: 0 50px; } } @media all and (min-width: 860px) { .home .info-img-wrapper { padding: 50px 0 0; } .home .info-img-list { overflow: hidden; margin: 0 auto; width: 95%; } .home .info-img-item { position: relative; float: left; margin: 0 auto 50px; width: 25%; } .home .info-img-item .title { position: relative; padding: 0 0 180px; height: 226px; } .home .info-img-item .title-text { font-weight: 700; font-size: 20px; } .home .info-img-item .title:before { position: absolute; bottom: 0; left: 50%; margin-left: -80px; width: 160px; height: 160px; border: 6px solid #d9dee7; border-radius: 50%; background-color: #eff2f6; background-position: center; background-repeat: no-repeat; content: ""; } .home .info-img-item.themes .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAY1BMVEUAAAByzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLdyzLfCeOw1AAAAIHRSTlMAD/gaAyUH/fLfXEktxZft2NCzvZBl5z+qf6KId282VGDt2s4AAALESURBVFjDzVjtlqIwDC1SkG9FRFC+5v2fcinFk929kDAwnjP5hUVu2+Qmua2SzWnCc9g46gcsvn4Zu8aHkar0621pdQipLwzIKfKjk3koqv1Itwnp7o7P7n1Cu/W7kJLafHzOXGXNzSxa8m0krz4bpJf399hrGqtpTDb8CmeQTd5NYn1odi4beVmMiExyOfqVZYqQCs4zmFgZb2Jw8HQYpIv5S45IaHFu/npZQfNbizSobTZYtNZHpO4xZXCk1VbT0ZT1j87/F6kMzXAISBKa/az0/x960BBn3CL0QEuVjXWOn1oX7qybFLTUURmFVjKBTJkayXknpN1o95G66mrioA9CaROCUEUCGbZTI1KqtHEYdqPNPCinvbZiGsqJ2TpSeZCRFgqG0wRMCxRKT+Msl9Oi3+zxIV0osDualuPNSJnLuHE0tmlRC2ECVtmJ7Gye2PJGO6+4uC/mzXv19PDyJKQ6WXZxT10PWuC6V+lHj8pBbIEUbYKeF/leMvb1qgDmAAtRL3gB4TKM5rLDujhIVEGUYjINsxYpUqhx/63QAjutdPfgm2c7+pfWxbTAortRf2DWBf7COmeMq77J7C+II5jfTO+bhQUhDwwui+Y9sye8A36tqz29Q0FCPs5QLm6JSQJW7fFImhQkJQGQk6jOmz8nQR4zmxfFBSUBuXhl83lIokeQNmFOLl6sAKj2UHK9RRL0IagARhws8hxfYjWhCoBTMxIVqwnpCXAJjg45IUE1KRXqHFgtrmB5tRHqL/QieGZFf6EuxOgWrnKp/jO68A6zIeuC4oJMQr3K6WjKBmQ4ejY1CJK+r8z7ayXo+0FTHLhzRxInTBIQD4DNe85D+gPnNELbdX4EJKD6dvn8yfM2Uv34PYAsqFGcff7eBCXp3vscRDt+z4QqFpSDaKxv8Mbo+H1h/0vuMY/fr+K972nTve8fEfqICLg/EmoAAAAASUVORK5CYII=); } .home .info-img-item.plugins .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABPCAMAAACQ9BjzAAAAZlBMVEUAAABoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweVoweWEbBFhAAAAIXRSTlMA0A379toaAyuYIxTwpIVRMuLGXOq9ZkMHeLNvj6s5SVj/xSmsAAAEJElEQVRYw6VYh5LrIAw0rhj33p3w/z/5pEt8xGAw76KZm8kRvFZZrSDOXy3pszog8zpEzlcWxj5/W/D8BqhI+YfNieXr1aXeg+fraaC0iBGTWEHlfi8vlQBUDUe+VoRyLYBgXybt6+DRD0+fAJzdAq2vpJafazvnPvtcaGDLYMaJYoSBv1OEq+ICbKvNQBmGNj7Tc4SV4kEClCgNQOMGCDEQjxFM6hEQ5TyV2QivnAxAMwK9PmKU6ZuBC+ebQgvcqTO3g6fz36QipdcRP8ILFF48gJ5aoFoAodEAyRgCUaHmocJ5PVJCuBS6i1lrewoudcr2SRtdiECLtLh4HOySO52IWKkFGKHS6g71P8csyikillNIkI+FnLylDrrnZU5nPSsXrFbj3JvbQzE8athBccPjBiZ6bD4XOTXUrzUqz9i/Mpf2d1IN+2KT14SjkeVenQaIT+8Ua5FhOXVsrDYlvYOwllHzFlvuooXg8K5TWiKvNAZdHa7a5lcuiv9QixLkVPwnq3Ew2ivYCFL6vOwPT+0pVFVqGjvpxbe7D+tyDmMgi6FNoAmqUCEZoARhd/6q4FLmlIfUmckq4BhzwvZzMg/g5mZmrgf1G0/5CDDkd7ICKqQ7uOmDhp9p4hLQov31FUB5cTkmDxwIFXNubMEqnYTKK47c+PzXgtDm3CCIEs0nSaPdARS7joVl4ulMFqohqzyfrNSxsrGDiIbjNJI7X5hL3uVaNaSxt7CClCaQJvDOL7+CKqFK9ShI/4UVb1qxFCDdL4Ci7aDC4CGkrSXlzlQi5IKpk13Ne8LBqpWdz6KrkA+7ApYBf5uXj4LlQlhtC1h4iEHqFrHq8BgaPIvO9KpCCyB/QuYM3dGWmJg5kscgcW9pQ5iYX7i/56hQivwiuFlsSXJycG68KwI1mDmzfrRM2s9lIOFwr3cJfG7UmwhJNFLjM4PQEolbRCuGLjHEt6nHrdLTlnuHVOiQyMXVJNfrPORCxwSoHHOsjUGiIv1RarBXLGI4DcfYpjY2ln2HTaVtvgeodXIv6hPxOJrf6OWMiB7QWtEeF39qPr7y2AzUI4gXbAu7H7ezqcl3PFU0ruW4DQZ9/IH1PIh+Om2j+gmTXnCe9VOh4jcpYmVal3MVp/upZK5ghZ3+hhVc9FN5FJOEF3I327ca3ny8bSU4jnaF6a2u/6FyMt9W2F6+fxzypkjilJa8rdLjbnoMvwGjrJn4pjKdYTvlLb1Qx7DGxC+a2FT1rvXqGE3YkB37je1pOEfB1kKOl56kBt2KRGxaW6XrRyn9ljPm3itb8d21GF+VPk6Flki8/7hlcQqh2AKr+1FoQSLhFtp2q7oV3tRzig4uONQ11/D2XjOTmaO1NfGR11cPRJNvd0R+BvwwomEMmyxPncWW/uD0o/O1ReFeJn9//B/1fnczhzRHfQAAAABJRU5ErkJggg==); } .home .info-img-item.experts .title:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAtCAMAAADyZjdKAAAAUVBMVEUAAACKcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ+KcJ/g8FW8AAAAGnRSTlMAEfvnbAOlxZMv7c5fObEInlNHihkn3vV81QMmrskAAAHcSURBVEjHtZTbdoIwEEUnXCJyU0BRz/9/aEXSzmojZwrqfhMWY9jZRNZTARjkA+xx5ywfoACwk1dxEpGnADK9u21ucZSIDkAyz/TFxtl1Ci8RLfB92aOst2zUTkeI4hIAfZg8Gd+vFpHg6eQMQJrrZCSFWyliouxozF2JibReJ+LO0T2P+UeAOyZApMQSgaqRmGG6IUpTIVJiichyITHrlYwr4SKUXmMWVQKixBahMbeiECVUBI2ZKLFF0JiJElsEjZkr4SJozFQJF2HGHHNSJVwEj9lWwkXwmLmSWUQyi6B4jZkp8UGJYGLkIjTmTmyaEROCB+1ZFBLzQUxOYdukQpB+EsasrRCLw/WCuQfJ6xEPLle6oLPGTOZmKWa9df74Wc4/0yy3YuZ0I0Jn34t0Q3iFW/dCzH0Qexncr88nCbE0JGa2FfsWod/TX48tSCYs5rAy8nSzW87EXVjMd5v8jaW7aSZxzOVhKbTS2iW5J5hGmfCYtVp9xFjA2P0r5v4WQiNfg0qLMxmmd6Vbo6Hx40o3WmO+iizklPgoCDNOT2P24f9jTfYH5UnMYXLVS4x9CHgas5/2mQTBDq55cr0Qs9eTZ/XsnsbcO9mMxtzIm9GYP0A+aszvgsVs8wWzbkNRiVPdewAAAABJRU5ErkJggg==); } .home .info-img-item.solution .title:before { background-image: url(data:image/png;base64,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); } /* THEME PRODUCT PAGE */ .product-page .anchor-item { width: 33.33%; border-left: 2px solid #fff; } .product-page .anchor-item:nth-child(3n+1) { border-left: 0; } /* support and learning*/ .product-page .help-section .center, .product-page .support-section .center { overflow: hidden; margin: 0 auto; width: 95%; } .product-page .help-section .hs-line { float: left; padding-right: 10px; padding-left: 10px; width: 25%; vertical-align: top; } .product-page .support-section .hs-line { display: inline-block; padding-right: 10px; padding-left: 10px; width: 33.333333%; vertical-align: top; } .free-premium-theme-details-page.product-page .help-section .hs-line { width: 25%; } /*** FORUM ***/ /* index */ .forum-search-box { text-align: left; } .forum-search-box .basic, .forum-search-box .advanced { display: inline-block; margin: 0 20px 0 0; vertical-align: middle; } .forum-search-box-text, .forum-search-text { height: 40px !important; } .forum-search-box-button, .forum-search-button { padding: 13px 25px 11px 45px; width: auto; height: 40px; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; font-family: Raleway, sans-serif; line-height: 1; } .forum-search-box-button:before, .forum-search-button:before { width: 46px; line-height: 40px; } .forums-main-page .active-discussions .buttons { text-align: right; } /* search page */ .forum-search-page .forum-search-box .basic-row { display: inline-block; margin: 0 20px 0 0; vertical-align: middle; } /* forum section page */ .forum-section-page .forum-actions { text-align: left; } /* forum topic page */ .forum-post .forum-post-head { position: relative; overflow: hidden; } .forum-post .forum-post-head:before { position: absolute; top: 0; bottom: 0; left: 250px; width: 1px; background: #d9e0ea; content: ""; } .forum-post .post-head-left { float: left; width: 250px; } .forum-post .username { text-align: center; } .forum-post .post-head-right { margin-left: 251px; } .column-container:after { content: ''; display: block; clear: both; } .column-container .one-half, .column-container .one-third { float: left; } .one-half { width: calc(50% - 15px); } .one-half + .one-half:nth-child(2n) { margin-left: 30px; } .one-half:nth-child(2n+1) { clear: left; } h3.one-half { margin: 0 auto 75px; } .one-third { width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px; } .one-third:nth-child(3n+1) { clear: left; } .ppc-page-title { text-align: left; padding: 120px 0; } .ppc-page section { padding: 110px 0; } .ppc-page-title h1 { font-size: 34px; } .ppc-page p { line-height: 1.8; } .ppc-page-title h2 { font-size: 24px; } .ppc-page h3, .trusted-by h2 { font-size: 24px; line-height: 1.3; } .why-invest h3 { margin-bottom: 35px; } .why-invest p { margin-bottom: 40px; } .why-invest img { position: absolute; right: 0; margin-top: -300px; max-width: 60%; } .why-invest .one-half { position: relative; } ul.tick-list li:before { margin-right: 20px; } .our-process h3 { margin-bottom: 50px; } .our-process li:nth-child(2), .ppc-strategy li:nth-child(2), .ppc-marketing .why-us > div + div, .faq-section li:nth-child(2) { margin-top: 0; } .we-optimize { background-size: 40%; } .we-optimize .tick-list { width: 70%; } .tick-list .one-half:nth-child(2) { margin-top: 0; } .ppc-strategy h3 { margin-bottom: 75px; } .ppc-strategy li { padding: 5px 0 0 80px; } .ppc-strategy li:before { width: 80px; font-size: 54px; } .ppc-strategy li.video-ads:before { font-size: 45px; } .ppc-strategy li.search-ads:before, .ppc-strategy li.display-ads:before, .ppc-strategy li.remarketing:before { font-size: 40px; } .ppc-strategy li.google-shopping:before { font-size: 35px; } .faq-section li:nth-child(2n):before { background-color: #8864aa; } .faq-section li:nth-child(3):before, .faq-section li:nth-child(4):before, .faq-section li:nth-child(7):before, .faq-section li:nth-child(8):before, .faq-section li:nth-child(11):before, .faq-section li:nth-child(12):before { background-color: #3cac97; } .ppc-form-holder h4 { margin-bottom: 20px; } .ppc-page .inputs label { margin: 0 2px 5px 0; } .ppc-page .form-fields { max-width: 600px; margin: auto; } } @media all and (min-width: 900px) { /*** FORUM ***/ /* index */ .forums-main-page .stat-item { width: 25%; border-left: 1px solid #d9e0ea; } .forums-main-page .stat-item:first-child { border-left: 0; } } @media all and (min-width: 769px) and (max-width: 980px) { /* plugins */ .plugins-category-page .item-box:nth-child(2n+1) .product-item { float: right; margin: 0 5px 0 0; } .plugins-category-page .item-box:nth-child(2n+2) .product-item { float: left; margin: 0 0 0 5px; } /* all themes/plugins section */ .all-products-section .products-item { float: left; width: 33.333%; } .all-products-section .products-item:nth-child(3n+1) { clear: both; } } @media all and (min-width: 860px) and (max-width: 1490px) { .why-invest img { right: 20px; margin-top: -530px; max-width: 50%; } .why-invest .one-half { width: 100%; } } /*===================================================== DESKTOP =====================================================*/ @media all and (min-width: 981px) { a, span, *:after, *:before, input, button { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } /* GLOBAL STYLES */ .master-wrapper-page { padding: 60px 0 0; } .center-2 { float: right; width: 75%; } .side-2 { float: left; width: 23%; } .html-blog-page .content-centering, .html-blogpost-page .content-centering { max-width: 1090px; } .html-blog-page .side-2, .html-blogpost-page .side-2 { float: right; width: calc(26% - 24px); padding: 0; margin-bottom: 0; } .html-blog-page .center-2, .html-blogpost-page .center-2 { float: left; width: 74%; max-width: 800px; } .inputs { text-align: left; } .inputs > label { display: inline-block; margin: 0 10px 0 0; padding: 0 0 0 20px; width: 170px; text-align: left; } .inputs .input-box { display: inline-block; } input[type=checkbox] + label, input[type=radio] + label { padding-top: 0; padding-bottom: 0; } .info-img-list, .home-page-blog .blog-content, .footer .center, .plugins-category-page .item-grid, .product-page .specs-list, .product-page .help-section .center, .product-page .support-section .center, .product-page .feature-line .center, .product-page .hs-line .center, .product-page .product-list, .ultimate-plugin-panel .center, .content-centering, .order-details-page .page-body, .registration-page .page-body, .login-page .page-body, .private-messages-page .page-body, .private-message-view-page .page-body, .private-message-send-page .page-body, .user-agreement-page .page-body, .forum-search-page .page-body, .forum-edit-page .page-body, .move-topic-page .page-body, .profile-page .page-body, .clients-page .item-content, .contact-page .page-body, .all-products-section .all-products-content, .videos-page .page-body, .news-page .page-body, .order-complete-page .page-body, .registration-result-page .page-body, .account-activation-page .page-body, .password-recovery-page .page-body, .plugins-collections-grid .pc-grid-title, .plugins-collections-grid .item-grid, .plugins-collections-category-page .plugins-included-table-section, .newsletter-page .page-body { min-width: 980px; max-width: 1200px; } .breadcrumb .bc-link:hover, .blog-page .comments-link:hover, .blog-page .tl-link:hover { text-decoration: underline; } /* buttons hover effects */ .home-banner .view-demos:hover, .account-page .delete-address-button:hover, .account-page .return-items-button:hover, .account-page .change-password-button:hover, .avatar-page .remove-avatar-button:hover, .register-next-step-button:hover, .login-page .register-button:hover, .delete-selected-pm-button:hover, .product-page .btns-wrap.buy .add-to-cart-button:hover, .private-message-view-page .options .delete-pm-button:hover, .private-message-send-page .options .cancel-pm-button:hover, .theme-roller-selection .btn-edit:hover, .forum-subscriptions-page .delete-selected-fs-button:hover, .user-agreement-button:hover, .order-complete-page .order-completed-continue-button:hover, .forum-page .new-topic:hover, .forums-main-page .register:hover, .forum-edit-page .cancel-button:hover, .forum-topic-page .delete-topic-link-button:hover, .move-topic-page .cancel-button:hover, .contact-page .contact-us-button:hover, .news-list-page .read-more:hover, .forum-topic-page .delete-topic-link-button:hover { background-color: #e95757; } .home-banner .browse-themes:hover, .product-grid.featured-product-grid .main-item-box .btn.go-to-details:hover, .item-box .btn.go-to-details:hover, .product-page .page-body .btn.view-demo:hover, .product-page .related-products .view-all:hover, #check-availability-button:hover, .registration-page .button-1:hover, .registration-result-page .button-1:hover, .password-recovery-page .button-1:hover, .return-request-page .button-1:hover, .account-page .edit-address-button:hover, .account-page .order-details-button:hover, .avatar-page .upload-avatar-button:hover, .login-page .login-button:hover, .mark-unread-pm-button:hover, .private-message-view-page .options .reply-pm-button:hover, .private-message-send-page .options .send-pm-button:hover, .theme-roller-selection .btn-download:hover, .new-comment .button-1:hover, .forum-page .watch-forum:hover, .forum-search-box-button:hover, .forum-search-button:hover, .forums-main-page .active-discussions .view-all:hover, .forum-edit-page .submit-button:hover, .move-topic-page .submit-button:hover, .contact-page .send-email:hover, .contact-page .submit-a-ticket:hover, .video-box .video-link-button:hover, .not-found-page .go-to-home:hover, .newsletter-email .newsletter-subscribe-button:hover, .product-page .plugins-collection-item .btns-wrap.buy .add-to-cart-button:hover { background-color: #5c6a7f; } #goToTop:hover, .product-page .hs-btn:hover, .private-message-view-page .options .back-pm-button:hover, .order-details-page .print-order-button:hover, .order-details-page .pdf-order-button:hover, .forum-topic-page .reply-topic-link-button:hover, .forum-topic-page .watch-topic-link-button:hover, .forum-topic-page .edit-topic-link-button:hover, .forum-topic-page .move-topic-link-button:hover, .clients-page .more-stories:hover, .forum-post .pm-link:hover, .profile-page .pm-link:hover, .product-page .plugins-collection-item .btns-wrap.free-trial .add-to-cart-button:hover { background-color: #7e8a9c; } .product-grid.featured-product-grid .main-item-box .btn.view-demo:hover, .product-grid.featured-product-grid .main-item-box .buttons.free-trial .add-to-cart-button:hover, .item-box .btn.view-demo:hover, .item-box .buttons.free-trial .add-to-cart-button:hover, .plugin-details-page .view-collection:hover, .forum-post .quote-link:hover, .mini-shopping-cart .checkout-button:hover, .product-page .btns-wrap.free-trial .add-to-cart-button:hover { background-color: #378aad; } { background-color: #5ab6dc; } .home-page-blog .view-blog:hover { background-color: #775e8b; } .plugin-collection-buttons .btn:hover, .main-banner-buttons .btn:hover { background-color: #e1e4ec; } /* HEADER */ .header-wrap { position: fixed; top: 0; right: 0; left: 0; z-index: 1002; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.15); } .header { z-index: 1002; margin: 0 auto; min-width: 980px; max-width: 1200px; text-align: left; } .header-logo { float: left; margin: 0; } .header-logo .logo { position: relative; display: block; width: 145px; height: 60px; } .header-logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .responsive-nav-wrapper-parent { display: none; } /* HEADER MENU */ .menu-title, .close-menu, .header-menu .back-button, #headerMenuParent { display: none; } .overlayOffCanvas { display: none !important; } .header .header-menu { float: left; } .header-menu { position: relative; z-index: 1001; text-align: left; } .header-menu .menu:after { display: block; clear: both; content: ""; } .header-menu .menu-item { position: relative; float: left; } .header-menu .menu-link { display: block; padding: 20px 18px; text-transform: uppercase; font-size: 15px; /*reset zeroing*/ line-height: 20px; cursor: pointer; } .header-menu .menu-item:hover .menu-link { background-color: #edf0f5; } .header-menu .menu-link.bundles:before, .header-menu .menu-link.support:before, .header-menu .menu-link.about:before, .header-menu .menu-link.services:before { position: absolute; bottom: 10px; left: 50%; margin-left: -4px; width: 9px; height: 5px; color: #9eaabb; content: "\e66f"; font-size: 5px; font-family: 'nop_templates_font'; line-height: 5px; } .header-menu .sublist-wrap { display: none; position: absolute; top: 59px; left: 50%; z-index: 1001; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1); overflow: hidden; } .header-menu .menu-link.bundles + .sublist-wrap { margin-left: -225px; width: 450px; } .header-menu .menu-link.support + .sublist-wrap { margin-left: -225px; width: 450px; } .header-menu .menu-link.about + .sublist-wrap { margin-left: -300px; width: 600px; } .header-menu .menu-link.services + .sublist-wrap { margin-left: -150px; width: 300px; } .header-menu .menu-item:hover > .sublist-wrap { display: block; } .header-menu .sl-item { width: auto; } .header-menu .sl-link { padding: 95px 10px 15px; width: 150px; font-size: 14px; line-height: 18px; } .header-menu .sl-link:hover { background-color: #edf0f5 !important; } .header-links-wrapper { float: right; margin: 12px 0 0; } .header-links { display: none; } .account-links-wrapper { position: relative; float: left; margin-right: 1px; } .account-links-wrapper .account { display: block; overflow: hidden; width: 45px; height: 35px; background: #eff2f7; color: #373c41; text-indent: -9999px; font-size: 12px; line-height: 15px; } .account-links-wrapper .account:before { position: absolute; top: 0; left: 0; width: 45px; height: 35px; color: #afb8c4; content: "\e600"; text-align: center; text-indent: 0; font-size: 16px; font-family: 'nop_templates_font'; line-height: 35px; } .account-links-list-wrap { position: absolute; top: 34px; display: none; padding-top: 13px; width: 160px; } .account-links-list-wrap:before { position: absolute; top: 0; left: 10px; width: 0; height: 0; border-width: 8px 9px 0 9px; border-style: solid; border-color: #eff2f7 transparent transparent transparent; content: ""; } .account-links-list { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); } .account-links-wrapper:hover .account-links-list-wrap { display: block; } .account-links-wrapper .al-link { display: block; padding: 9px; color: #373c41; font-size: 12px; line-height: 1; } .account-links-wrapper .al-link:hover { background: #eff1f4; } .logged-out-list .hl-item { float: left; } .logged-out-list .hl-item:first-child { margin-right: 1px; } .logged-out-list .hl-link { display: block; width: 45px; height: 35px; background: #eff2f7; font-size: 0; } .logged-out-list .hl-link:before { display: block; color: #a9afbb; text-align:center; font-family: 'nop_templates_font'; line-height: 35px; } .logged-out-list .hl-link.ico-register:before { content: "\e665"; font-size: 18px; } .logged-out-list .hl-link.ico-login:before { content: "\e664"; font-size: 16px; } .desktop-hl-wrapper .cart-wrapper { position: relative; float: right; } .desktop-hl-wrapper .ico-cart { display: block; width: 45px; height: 35px; background: #eff2f7; font-size: 0; } .desktop-hl-wrapper .ico-cart:before { position: absolute; top: 0; left: 0; width: 45px; height: 35px; color: #afb8c4; content: "\e602"; text-align: center; text-indent: 0; font-size: 16px; font-family: 'nop_templates_font'; line-height: 35px; } .desktop-hl-wrapper .cart-qty { position: absolute; top: 8px; left: 26px; overflow: hidden; width: 7px; height: 7px; border-radius: 50%; background: #f66b6b; text-indent: -9999px; } .desktop-hl-wrapper .cart-qty:empty { display: none; } /* flyout cart */ .flyout-cart { position: absolute; top: 35px; right: 0; z-index: 99999; padding-top: 13px; width: 350px; } .flyout-cart:before { position: absolute; top: 0; right: 13px; width: 0; height: 0; border-width: 8px 9px 0 9px; border-style: solid; border-color: #eff2f7 transparent transparent transparent; content: ""; } .flyout-cart.active, .cart-wrapper:hover .flyout-cart { display: block; } .mini-shopping-cart { background: #fff; box-shadow: 0 1px 6px rgba(0,0 ,0,0.25); font-family: 'Open Sans', sans-serif; } .mini-shopping-cart .count { padding: 10px; } .mini-shopping-cart .items{ margin: 0 0 15px; } .mini-shopping-cart .item { overflow: hidden; padding: 10px; border-bottom: 1px dotted #d9e0ea; } .mini-shopping-cart .picture { display: inline-block; width: 100px; vertical-align: middle; text-align: center; } .mini-shopping-cart .picture-link { display: block; overflow: hidden; } .mini-shopping-cart .picture-img { max-width: 100%; } .mini-shopping-cart .product-info { display: inline-block; margin-left: 15px; max-width: 210px; vertical-align: middle; } .mini-shopping-cart .product-link { font-weight: bold; font-size: 14px; } .mini-shopping-cart .totals { margin: 0 0 15px; text-align: center; } .mini-shopping-cart .totals-label { display: inline-block; vertical-align: middle; font-size: 16px; } .mini-shopping-cart .totals-value { display: inline-block; margin-left: 3px; color: #59b6db; vertical-align: middle; font-size: 18px; } .mini-shopping-cart .buttons { padding-bottom: 10px; text-align: center; } .mini-shopping-cart .checkout-button { padding: 15px 22px; border: 0; background: #81ceee; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 14px; font-family: Raleway, sans-serif; line-height: 1; } /* FOOTER */ .social-sharing { padding: 60px 0 80px; } .social-sharing .social-link.facebook:hover { background: #4e76af; } .social-sharing .social-link.twitter:hover { background: #58d2ff; } .social-sharing .social-link.google:hover { background: #cc2424; } .social-sharing .social-link.pinterest:hover { background: #e0454c; } .social-sharing .social-link.youtube:hover { background: #ff4444; } .social-sharing .social-link.rss:hover { background: #ff8e4a; } .social-sharing .social-link:hover:before { color: #fff; } .footer-upper .fb-link { position: relative; } .footer-upper .fb-link:hover { color: #6dcef7; } /* HOME PAGE */ .home .info-img-item { margin-right: 2%; margin-left: 2%; padding: 0 0 130px; width: 21%; } .home .info-img-item.themes .title:before, .home .info-img-item.plugins .title:before, .home .info-img-item.experts .title:before { bottom: 15px; margin-left: -65px; width: 130px; height: 130px; background-size: 55%; } .info-img-item .info-points-list { position: absolute; top: 246px; right: 0; bottom: 0; left: 0; display: block; padding: 0 15px; text-align: left; } .info-img-item .info-points { position: relative; padding: 0 0 0 14px; font-family: 'Open Sans', sans-serif; line-height: 22px; } .info-img-item .info-points:before { position: absolute; top: 6px; left: 0; width: 7px; height: 7px; content: " "; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .info-img-item.themes .info-points:before { background: #72ccb7; } .info-img-item.plugins .info-points:before { background: #68c1e5; } .info-img-item.experts .info-points:before { background: #8a709f; } .info-img-item.solution .info-points:before { background: #f68383; } .info-img-item.themes:after { position: absolute; top: 120px; right: -42px; width: 45px; height: 45px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAMAAACIwYlVAAAAYFBMVEUAAAC6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNI6oX0fAAAAH3RSTlMA52xQNPjxwhILy7mjKyQeAxcH0a9639magl86R0KK/IZfkwAAAT9JREFUOMuVlNuuwiAQRYdbgVKovd/07P//ywPVGBNNHFd44GEFJpsZ6I32iMTGy1poppsOABX1TP2UHUt1HTLOE4uIjCQmAcDBlWdAdEzXIcPN7oJMR0yMAYhLUwM3tmwNJnZ0k4WkC09ey8lfmqOc1UfVHhYZqTfZ0U2q5LvW+/4puahiaeR2w4NKAHmtalfSVkCY7sH7xg5PB8UpnPIDMdTBVk25+jI8vRNxrYG5whvxHKM6G6sKtYBtQrPMAmYdXqyAwqDvNas/uW+TkptOkfQYYJoFohnteMtVri7tcr+2/vMQnvWmvOv7vk3f5sqgkt1Lpq4kp93nhjYYri3xUADGxJS7Xzp6R8Zxy1iAmZhMQ8DClcuDj1xZZ9mw5QqAZ8rJAkjEZAN/vg8DQDFlN9Y//KMXCSyRuESl6Z1/cF0gkEMgOWUAAAAASUVORK5CYII=) no-repeat center; content: " "; } .info-img-item.plugins:after { position: absolute; top: 120px; right: -45px; width: 45px; height: 45px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAArCAMAAAAjfQpCAAAAbFBMVEUAAAC6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNIixvV6AAAAI3RSTlMA/QQC+fToE+7L1As5QiUPt4pwHAfhokoqlhfdv7FfUn4vV4DZdp8AAAF+SURBVDjLjZRZjqwwDEUzz4RAmGfK+9/jC9VPrf4oyXU/jB0fgYWvQj6Jjx3B5ZO5Ca4Z1gmnagF9wLEgwXyBTQ5khWNnC7bDsfaCRHBVBnaCa6RgGY4N8BV2UJi/mU2A1TjWUlD4sngL0EcU65KhrsZHk61w+c8B8/z9jIvOcam7UnFGDjeAuUqXM5+Zbpsztc8MhxgGe+12266Gwn/1zjoKopnFUwyEvJyQJVV7X6JQUpoHS41d4Vdlef1P9tOlvdsG+pRKil9KZVKXWDLzBBAGZJ9EeZESQJ1S71M5lqHnHI+qCqGa5R5ymY7S9Druuq79HaZ5P0f//k/F/dp3jHHCl0UHAFgnnqPWvvR9vejuk8ULtvEFdVvBXNSojQqmIkf9IQA2gmKVAnFlguleQbYjRvnZgHmhWDQA8kTNq1cA2uCu3ACM9QjEFves3KNLUEAtftNUidJmQCBOpkHQs8EwHRpJqxeCacZOmxjmDxZJDpozgnHkO3V3+PTJf4laIZHHRf5tAAAAAElFTkSuQmCC) no-repeat center; content: " "; } .info-img-item.experts:after { position: absolute; top: 120px; right: -45px; width: 45px; height: 45px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAMAAABOURR/AAAAZlBMVEUAAAC6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6xNK6MP7bAAAAIXRSTlMA3tUWBxwM/VIC9s25rGbGs5Z57L+Qc1tBMIEoIuaiNUiReMESAAABEElEQVQoz+WSyZKDMAxEZWxjA14w+xaI/v8nx0uYwCFVOcxt+mCL8mtUJTV8oYLm8JcqtrXwV04ZcM50T5ea5bB0it65mQIDMPirB76VCWJ1P4zSM9FXl4hEYFuF1ypB+mqYIYqn5/Qzgni5yjJ4tjyBE6INYLPoTLWISxeYNpJi2GBNWOr+nlADwMIXn3z5lQrvgH8odh3BR/H8RXPJAXYJ83bMjTnYbYQnBZTgXYIo15hRjqY3vKD0gBgEOSr/6MLyXVp+Jk5L3aOySOKCXXaJUBlOFc5YpKSRIgbAc+2jix3r1rOhFBbFacPhFauRZJMkdT8MpnG6qlIArfV9Y8k+DeJpXKfXPZNyf+YThaAfqR8hVYDo8+8AAAAASUVORK5CYII=) no-repeat center; content: " "; } .info-img-item.themes .title:after, .info-img-item.plugins .title:after, .info-img-item.experts .title:after { bottom: 15px; margin-left: -65px; width: 130px; height: 130px; } /* LEFT/RIGHT COLUMN */ .block .listbox { display: block; } .block .list > .list-item:first-child > .list-link { margin: 0; } .block .product-picture { display: inline-block; vertical-align: middle; } .block .product-picture img { display: block; } .block-recently-viewed-products div + a { width: 80%; vertical-align: middle; } /* CATEGORY PAGE & GRIDS */ .item-box .btn { margin: 0; } .themes-category-page .item-box { padding: 57px 0 55px; } .product-grid.featured-product-grid .main-item-box .picture { width: 68%; } .product-grid.featured-product-grid .main-item-box .details { left: 68%; } .plugins-category-page .product-grid.featured-product-grid .main-item-box .details { left: 66.5%; } /* plugins */ .plugins-category-page .item-grid { margin: 0 auto; width: 95%; } .plugins-category-page .item-box { width: 33.3333%; } .plugins-category-page .item-box .product-item { width: 98%; } /* pager */ .pager li a:hover { color: #59b6db; } /* plugins collections category page */ .plugins-collections-anchor-list { padding: 30px 0 2px; } /*** PRODUCT PAGE ***/ .product-page .anchor-list-wrap { text-align: center; } .product-page .anchor-list { top: 60px; display: inline-block; padding: 0 25px; width: 100%; border-bottom: 2px solid #fff; font-size: 0; -webkit-transition: top .5s ease; transition: top .5s ease; } .product-page .anchor-item { display: inline-block; float: none; width: auto; border-bottom: 0; } .product-page .anchor-item:last-child { border-right: 2px solid #fff; } .product-page .anchor-item:nth-child(3n+1) { border-left: 2px solid #fff; } .product-page .anchor-link { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 60px; line-height: 60px; padding: 0 1vw; } .product-page .anchor-link:before { left: 10px; } .anchor-list.stick { position: fixed; top: 0; right: 0; left: 0; z-index: 1003; max-width: none; width: 100%; border: 0; box-shadow: 0 1px 2px rgba(0,0,0,.15); } .anchor-list.stick .anchor-link { font-size: 14px; } .product-page .anchor-list.stick .anchor-link:before { height: 50px; line-height: 50px; } .product-page .anchor-list.stick .anchor-link.activeAnchor { background-color: #fff; } .product-page .specs-wrap { padding: 60px 0; } .product-page.free-premium-theme-details-page .specs-wrap { padding: 60px 0 100px 0; } .product-page.free-premium-theme-details-page .specs-wrap .specs-item { width: 25%; } .free-premium-theme-details-page.product-page .specs-item:nth-child(2n+1) { clear:none; } .product-page .features-wrap a:hover { text-decoration: underline; } .product-page .main-info { margin: 0 auto 110px; width: 95%; min-width: 980px; max-width: 1200px; overflow: hidden; } .product-page.free-premium-theme-details-page .main-info { margin: 0 auto 60px; } .product-page .main-info > div { position: relative; float: left; width: 50%; padding-bottom: 150px; } .theme-details-page .main-info.free-product > .main-info-left, .theme-details-page .main-info.no-demo > .main-info-left { padding: 35px 40px; } .plugin-details-page .main-info.free-product > .main-info-left { padding: 35px 40px; } .private-demo-page .main-info > .main-info-left { padding: 35px; } .private-demo-page .main-info > .main-info-right { padding: 55px 35px 35px; } .product-page .main-info-left { border-bottom: 0; border-right: 2px solid #fff; } .product-page .main-info .add-to-cart, .product-page .main-info .product-btns { position: absolute; display: block; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .plugin-details-page .main-info.free-product .main-info-right .add-to-cart { top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-page .btns-wrap { white-space: nowrap; } .product-page .main-info .product-btns .btn { float: none; display: inline-block; } .product-page.theme-details-page .btn.private-demo { display: block; } .product-page .short-description, .product-page .main-info-right .prices { margin-bottom: 0; } /* main banner */ .product-main-banner.plugin { padding-top: 0; } .product-main-banner.plugin .content-centering { position: relative; padding-top: 75px; } .main-banner-info { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; padding-top: 4%; padding-left: 15px; width: 385px; text-align: left; } .main-banner-info:before { display: inline-block; width: .2%; height: 100%; content: ""; vertical-align: middle; } .banner-info-content { display: inline-block; width: 99%; vertical-align: middle; } .main-banner-info .main-banner-title { padding: 0; } .product-main-banner.plugin .main-banner-picture { margin-left: 385px; max-width: 840px; width: auto; text-align: center; } .product-main-banner.plugin .main-banner-title { padding: 140px 0 0; } .product-main-banner.plugin .main-banner-title:before { left: 0; margin-left: 0; width: 120px; height: 120px; line-height: 120px; } .product-main-banner.plugin.mega-menu .main-banner-title:before { font-size: 40px; } /* theme product page */ .picture-thumbs .thumb-link:hover { border-bottom: 3px solid #7e8a9c; } .product-page .features-title, .product-page .specs-title { font-size: 26px; } .product-page .feature-line:before { top: 87px; } .product-page .feature-text, .product-page .feature-img-wrap { width: 44%; } .product-page .features-panel.plugin-features { position: relative; } .product-page .features-panel.plugin-features:before { position: absolute; top: 155px; bottom: 0; left: 50%; width: 1px; background: #e8e8e8; content: ""; } /* plugin product page */ .plugin-details-page .feature-line { padding: 60px 0; } .plugin-details-page .feature-line .feature-text { margin-right: 4%; width: 42%; line-height: 2; } .plugin-details-page .feature-img-wrap { width: 50%; } .plugin-details-page .part-of-collection .collection-btns { width: 42%; } .plugin-details-page .part-of-collection .feature-img-wrap { margin: 0; } .plugin-details-page .feature-line:nth-child(2n) .feature-text { margin-right: 0; } .plugin-details-page .part-of-collection { padding-top: 40px; } .plugin-details-page .part-of-collection:before { top: 80px; } .plugin-details-page .part-of-collection .feature-text { margin: 60px 0 20px; } /* all themes/plugins section */ .all-products-section { padding: 100px 0; } .all-products-section .products-item { float: left; width: 25%; } .all-products-section .products-item:nth-child(4n+1) { clear: both; } /* QUICK TABS */ /* ATTRIBUTES */ /* GIFT CARD */ /* REVIEW PAGE */ /* WISHLIST & COMPARE LIST */ .compare-products-table-mobile { display: none; } /* PASSWORD PROTECTION */ /* CONTACT PAGE & EMAILaFRIEND */ /* REGISTRATION, LOGIN, MY ACCOUNT */ .block-account-navigation { margin: 0 0 25px; } .block-account-navigation .title { display: none; } .block-support-navigation .title strong, .block-theme-roller-navigation .title strong, .block-blog-archive .title strong, .block-popular-blogtags .title strong, .block-facebook-like-box .title strong, .blog-categories-navigation .title strong, .block-gdpr-navigation .title strong { background: none; } .block .list-link:hover { background: #e9ecf3; } .blog-categories-navigation .list-link:hover { background: transparent; color: #373c41; } #check-availability-button { display: block; margin: 10px auto; } .account-page .field-validation-error { margin-left: 180px; } /* register */ .registration-page .inputs > label { margin: 0 20px 0 0; padding: 0; width: 35%; text-align: right; } #username-availabilty { position: absolute; top: 5px; left: 550px; } .registration-page .field-validation-error { margin-top: 10px; margin-left: 35%; padding-left: 20px; } /* login */ .login-page .register-block, .login-page .returning-wrapper { float: right; width: 50%; } .login-page .register-block .title, .login-page .register-block .text { border-left: 1px solid #d9e0ea; } .login-page .title { padding-left: 20px; text-align: left; } .login-page .register-block .text { padding: 0 20px; height: 146px; text-align: left; } .login-page .returning-wrapper label { margin-right: 20px; padding: 0; width: 130px; text-align: right; } .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="password"] { width: 300px !important; } .login-page .inputs.reversed { text-align: left; } .login-page .inputs.reversed > * { margin: 0 5px; width: auto; vertical-align: middle; } .login-page .inputs.reversed label[for=RememberMe] { margin-left: 150px; } .account-page .inputs #Newsletter ~ label, .html-registration-page .inputs #Newsletter ~ label { width: 440px; text-align: left; vertical-align: top; padding: 0 0 0 10px; white-space: normal; } .account-page .inputs #Newsletter ~ label a, .html-registration-page .inputs #Newsletter ~ label a { color: #81ceee; } .account-page .inputs #Newsletter ~ label a:hover, .html-registration-page .inputs #Newsletter ~ label a:hover { text-decoration: underline; } /* view massage/sent message */ .private-message-send-page .inputs label { margin: 0 25px 0 0; width: 225px; text-align: right; } .private-message-send-page .customer-name { display: inline-block; vertical-align: middle; } .private-message-send-page .pm-title-text, .private-message-send-page textarea { width: 60% !important; } .private-message-send-page .message label { float: left; } .private-message-send-page label ~ .toolbar { display: none; } .private-message-send-page .toolbar { margin-left: 250px; } .private-message-send-page .field-validation-error { margin: 10px 0 0; text-align: center; } /* faq page */ /* theme roller */ .theme-roller-selection .no-selection-info .link:hover { text-decoration: underline; } /* password recovery */ .password-recovery-page { text-align: left; } .password-recovery-page .field-validation-error { margin-top: 10px; margin-left: 180px; text-align: left; } /* SHOPPING CART & CHECKOUT */ .shopping-cart-page .common-buttons, .checkout-attributes { text-align: right; } .checkout-attributes li { margin: 0 0 0 10px; } .shopping-cart-page .common-buttons input { margin: 0 0 0 10px; } .shopping-cart-page .totals { margin: 0; } .cart-collaterals { margin: 0; width: 660px; } .cart-collaterals .deals { float: left; margin: 0; width: 300px; } .cart-collaterals .shipping { float: right; margin: 0; width: 340px; } .cart-collaterals .shipping label { margin: 0; width: 100px; text-align: left; } .cart-collaterals .shipping label + * { width: 235px; } .checkout-page .edit-address label { width: 300px; } .checkout-page .selected-checkout-attributes { text-align: right; } .checkout-page .totals { float: right; } /* SEARCH & SITEMAP */ .basic-search input[type="text"] { width: 350px; } .advanced-search .price-range { margin-left: 48px; } .advanced-search .price-range input { height: auto; } /* BLOG */ .blog-categories-navigation .title { padding: 0; background: transparent; } .blog-categories-navigation .list { padding: 0; } .block-blog-archive .sublist .list-link:hover { background: #ecf2f7; } .block-popular-blogtags .title { margin: 0; } .center-2 + .side-2 .fb_iframe_widget, .center-2 + .side-2 .fb_iframe_widget span, .center-2 + .side-2 .fb_iframe_widget iframe { max-width: 100%; } .blog-page .post-body { padding: 0; } .blog-page .post-head .post-date, .blog-page .post-head > div { margin-right: 25px; } .blog-page .post-footer-upper { padding: 0 10px 0 0; } /* NEWS */ /* FORUM & PROFILE */ .forum-search-box { margin: 0 0 100px; } .forum-search-box .adv-search-link:hover { text-decoration: underline; } .forums-table-section .origin a:hover, .forums-table-section .author a:hover, .forums-table-section .topic-starter a:hover { text-decoration: underline; } /* search page */ .forum-search-page .forum-search-filters .inputs { text-align: center; } .forum-search-page .forum-search-filters .inputs > label { padding: 0; width: 180px; text-align: right; } .forum-search-page .forum-search-filters .inputs select { width: 300px !important; } /* forum create/edit topic page */ .forum-edit-page .forum-group-name, .forum-edit-page .forum-topic-name { display: inline-block; padding-left: 10px; vertical-align: middle; } .forum-edit-page .inputs .forum-topic-title-text, .forum-edit-page .inputs .forum-post-text, .forum-edit-page #TopicTypeId { max-width: 720px !important; width: 60% !important; } .forum-edit-page .toolbar { margin-left: 240px; } .forum-edit-page .inputs .forum-post-text { margin-left: 240px; } .forum-edit-page .inputs label:first-child { margin-right: 20px; padding: 0; width: 220px; text-align: right; } .forum-edit-page .field-validation-error { margin-top: 10px; margin-left: 240px; text-align: left; } /* forum move topic page */ .move-topic-page label { margin-right: 20px; width: auto; } /*** MEET THE TEAM ***/ .team-page .team-item { float: left; width: 33.3333%; } .team-page .team-item:nth-child(3n+1) { clear: both; } /*** CONTACT US ***/ .contact-page .inputs > label { margin: 0 20px 0 0; padding: 0; width: 35%; text-align: right; } .contact-page .info-img-wrapper { padding: 0 90px 70px; } .contact-page .field-validation-error { margin-left: 35%; padding: 10px 0 0 20px; text-align: left; } /*** VIDEOS PAGE ***/ .video-box .play-video-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-box .play-video-button:hover:before, .video-box .play-video-button:hover:after { opacity: 1; } .featured-video-grid .video-box { float: left; width: 50%; } .featured-video-grid .video-box:nth-child(2n+1) { clear: both; } .featured-video-grid .video-box .play-video-button:before { margin-top: -55px; margin-left: -55px; width: 110px; height: 110px; } .featured-video-grid .video-box .play-video-button:after { margin-top: -24px; margin-left: -11px; border-width: 24.5px 0 24.5px 34px; } .videos-grid .video-box { float: left; width: 33.3333%; } .videos-grid .video-box:nth-child(3n+1) { clear: both; } /* choose product */ .choose-products-page .product-content { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .choose-products-page .product-content:hover { background: #e9ecf3; box-shadow: inset 0 0 15px rgba(0,0,0,.05); } /* RELEASE NOTES */ .release-notes-page .version-product-wrap { margin: 0 auto 25px; width: 100%; max-width: 630px; } .release-notes-page .version-product-wrap:after { content: ' '; display: block; overflow: hidden; clear: both; } .release-notes-page .version-control, .release-notes-page .product-control { float: left; text-align: left; margin: 0; } .release-notes-page .version-control { width: 31.6%; margin-right: 4.85%; } .release-notes-page .product-control { width: 63.2%; } .advanced-search-opener { text-align: left; } .release-notes-page .version-control label, .release-notes-page .product-control label { margin: 0 0 7px; } .release-notes-page .version-control span.k-dropdown, .release-notes-page .product-control span.k-dropdown { width: 100%; } .release-notes-page .revision-date-controls { border-top: 1px solid #d9e0ea; } .release-notes-page .revision-controls-inner-wrapper { margin: 25px auto 0; width: 630px; text-align: left; } .release-notes-page .search-by-line > span { display: inline-block; vertical-align: middle; } .release-notes-page .search-term-list { display: inline-block; vertical-align: middle; margin: 0 0 0 12px; } .release-notes-page .revision-date-list { margin: 15px 0 0; } .release-notes-page .revision-date-item { margin: 0; } .release-notes-page .revision-date-item > div { margin: 0; } .release-notes-page .revision-date-item > div.from { margin: 0 34px 0 0; } /*Home Page Message*/ .home-page-message { padding: 80px 80px 145px; } .info-box-wrapper { margin: 0 0 60px; } .info-box { border-width: 0 10px 0 10px; padding: 95px 0 60px; } .info-box-message { margin: 0 0 30px; } } @media all and (min-width: 981px) and (max-width: 1159px) { .header-menu .menu-link { padding: 20px 12px; font-size: 14px; } } @media all and (min-width: 1040px) { .plugins-collections-grid .item-grid .item-box { margin: 0 .7%; width: 24.6%; } } @media all and (min-width: 1100px) { /* CATEGORY PAGE */ .product-grid.featured-product-grid .main-item-box .btn { font-size: 16px; } .product-grid.featured-product-grid .main-item-box .btn.view-demo:before { top: 13px; } /* THEME PRODUCT PAGE */ .ultimate-plugin-panel .up-picture { width: 62%; } } @media all and (min-width: 1140px) { .header-logo { margin: 0 20px 0 0; } /* plugins collections page */ .plugins-collections-grid .item-grid .item-box { width: 25%; } } @media all and (min-width: 1140px) { /*** PRODUCT PAGE ***/ .plugin-details-page .part-of-collection .feature-img-wrap { float: left !important; margin: 30px 0 20px; } } @media all and (min-width: 1160px) and (max-width: 1250px) { .header-menu .menu-link { padding: 20px 15px; font-size: 14px; } } @media all and (min-width: 981px) and (max-width: 1159px) { .header-menu .menu-link { padding: 20px 10px; font-size: 13px; } } @media all and (min-width: 1151px) { /********** choose product **********/ .choose-products-page .product-box { float: left; margin: 0 0 2% .166666%; width: 24.875%; } .choose-products-page .product-box:nth-child(4n+1) { clear: both; margin-left: 0; } } @media all and (min-width: 1220px) { /* plugins collections page */ .plugins-collections-grid .item-grid .item-box { width: 25.3%; } .ppc-page section { padding: 120px 0; } .ppc-page-title h1 { font-size: 45px; } .ppc-page h3, .trusted-by h2 { font-size: 36px; } .our-process li h4, .ppc-strategy li h4 { font-size: 22px; } .ppc-page p { font-size: 17px; line-height: 1.8; } .list-icon { float: left; width: 130px; margin: 0; text-align: left; } .list-icon img { width: auto; margin: 0; } .our-process li { padding: 43px; } .our-process .list-icon h4 { display: none; } .our-process li:after { content: ''; display: block; clear: both; } .our-process li h4 { display: block; margin-bottom: 20px; } .list-content { float: left; width: calc(100% - 130px); } ul.tick-list li { font-size: 20px; } .ppc-marketing h3 { margin-bottom: 80px; } .ppc-marketing .why-us h4 { font-size: 24px; margin-bottom: 28px; } .ppc-marketing .why-us img { margin-bottom: 35px; } .faq-section h3 { margin-bottom: 60px; } .lg-one-half { width: 50% !important; } .column-container .lg-one-half { float: left; } .we-optimize { background-size: auto; } .we-optimize h3 { text-align: left; font-size: 38px; } .we-optimize .tick-list { padding-top: 60px; } .we-optimize ul li + li { margin-top: 30px; } .ppc-page section.we-optimize { padding: 150px 0 200px; } .ppc-form-holder h3 { margin-bottom: 25px; } .ppc-form-holder h4 { font-size: 24px; margin-bottom: 20px; } } @media all and (min-width: 1250px) { .account-links-wrapper .account { padding: 10px 10px 10px 35px; width: auto; background-position: 10px center; text-indent: 0; max-width: 95px; text-overflow: ellipsis; } .account-links-wrapper .account:before { width: 40px; } .account-links-list-wrap { min-width: 100%; } /* plugins collections page */ .plugins-collection-item .title-name, .plugins-collection-item .prices .actual-price { font-size: 30px; } .plugins-collection-item .domain-type { font-size: 22px; } .plugins-collection-item .domain-add-price { font-size: 20px; } .plugins-collection-item .domain-add-cost { font-size: 16px; } .plugins-collection-item .btn { padding: 20px 25px !important; font-size: 16px !important; } } @media all and (min-width: 1278px) { .theme-roller-selection .product-pic { width: 225px; } .theme-roller-selection .selection-details { width: 420px; } .theme-roller-selection .sd-item { float: left; padding: 0 10px 0 0; width: 50%; } } @media all and (min-width: 1282px) { /* THEME PRODUCT PAGE */ .ultimate-plugin-panel .up-picture { width: 64%; } } @media all and (min-width: 1260px) and (max-width: 1489px) { .plugins-collections-purchase-wrap-expander .show-all { left: 240px; width: 1000px; } } @media all and (min-width: 1490px) { /* plugins collections page */ .plugins-collections-grid .item-grid .item-box { margin: 0 1%; width: 31.333333%; } .plugins-collections-category-page .data-table { margin-left: -240px; } .why-invest img { right: 50px; max-width: 50%; margin-top: -390px; } } @media all and (min-width: 1490px) and (max-width: 1589px) { .plugins-collections-grid .item-grid, .plugins-collections-category-page .plugins-included-table-section { width: 1000px; } .plugins-collections-category-page .data-table { width: 1240px; } .plugins-collections-purchase-wrap-expander .show-all { left: 50%; margin-left: -500px; width: 1000px; } } @media all and (min-width: 1590px) and (max-width: 1689px) { .plugins-collections-grid .item-grid, .plugins-collections-category-page .plugins-included-table-section { width: 1100px; } .plugins-collections-category-page .data-table { width: 1340px; } .plugins-collections-purchase-wrap-expander .show-all { left: 50%; margin-left: -550px; width: 1100px; } } @media all and (min-width: 1690px) { /* plugins collections page */ .plugins-collections-category-page .data-table { width: 1440px; } .plugins-collections-purchase-wrap-expander .show-all { left: 50%; margin-left: -600px; width: 1200px; } .ppc-page .content-wrap { padding: 0; } } /*@media all and (min-width: 981px) and (max-width: 1220px){ .header-menu .menu-link.support + .sublist-wrap { margin-left: -570px; } }*/ /*! perfect-scrollbar - v0.5.8 * http://noraesae.github.com/perfect-scrollbar/ * Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */ .ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999} .html-blogsearch-page .content-centering { max-width: 1090px; } .html-blogsearch-page .side-2 { float: right; width: calc(26% - 33px); padding: 0; margin-bottom: 0; } .html-blogsearch-page .center-2 { float: left; width: 74%; max-width: 800px; } .blog-search-box { max-width: 360px; margin: 0 auto 22px; } .blog-search-box form { position: relative; height: 36px; } .blog-search-box .title { display: none; } .blog-search-box .listbox { display: block !important; } span.search-box-text { display: block; padding: 0 35px 0 0; border-bottom: 1px solid #d9e0ea; } .search-box-text input[type="text"] { border: 0; padding: 0 0 8px; } .search-box-text input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #afb8c4; font-size: 14px; font-family: 'Open Sans', sans-serif; } .search-box-text input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #afb8c4; font-size: 14px; font-family: 'Open Sans', sans-serif; } .search-box-text input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #afb8c4; font-size: 14px; font-family: 'Open Sans', sans-serif; } .search-box-text input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #afb8c4; font-size: 14px; font-family: 'Open Sans', sans-serif; } .blog-search-box button { position: absolute; top: 0; right: 0; width: 36px; height: 36px; border: none; background: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/search_icon.png) center no-repeat; font-size: 0; } .blog-search-box button:hover { opacity: .6; } .blog-instant-search { width: auto !important; } .blog-instant-search .k-list-container { position: static !important; height: auto !important; border-width: 0 1px 1px; border-style: solid; border-color: #d9e0ea; overflow: hidden; background-color: #fff; } .blog-instant-search li.k-item { padding: 10px 10px 10px 32px; font-family: 'Open Sans'; font-size: 14px; color: #707e92; cursor: pointer; background: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/blog_icon.png) 8px center no-repeat; } .blog-instant-search li.k-state-hover { background-color: #f3f5f9; } .blog-instant-search li.k-item.rich-blog-autocomplete-last-item { font-weight: bold; background: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/search_icon.png) 8px center no-repeat; } .rich-blog-image { margin-bottom: 20px; } .rich-blog-image img { width: 100%; } .blog-page .post-footer-upper > a, .blog-page .post-relations { display: none; } /* hiding elements due to structural inconsistancies, remove this code if the structure is optimized */ .related-posts-list { max-width: 360px; margin: 0 auto; } .related-posts-list > label { display: block; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1; padding: 20px 25px 20px 15px; background: #f3f5f9 url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/arrow-down.png) right 15px center no-repeat; cursor: pointer; } .related-posts-list li { padding: 15px; border-bottom: 1px solid #e6eaf0; font-family: 'Open Sans', sans-serif; } .related-posts-list .list-link { padding: 5px 0; margin: 0; background: transparent; font-size: 15px; line-height: 1.3; color: #707e92; } .related-posts-list .list-link:hover { background: transparent; } .related-posts-list .list-link:hover label { color: #707e92; } .related-posts-list li a label { display: block; margin-bottom: 5px; color: #373c41; font-size: 15px; cursor: pointer; transition: all .2s ease; } .related-posts-list li a span { font-size: 13px; color: #8a99ad; } .post-relations, .post-actions { overflow: hidden; } .blog-social-sharing { padding: 20px 0; margin-bottom: 40px; border-top: 1px solid #e6eaf0; border-bottom: 1px solid #e6eaf0; text-align: center; } .blog-social-sharing > label { display: inline-block; margin-right: 12px; font-size: 14px; color: #707e92; } .blog-social-sharing ul { display: inline-block; } .share-post li { display: inline-block; margin: 0 6px; vertical-align: middle; } .share-post a { display: block; height: 30px; text-align: center; } .share-post a:before { font-family: 'nop_templates_font'; font-size: 16px; color: #707e92; line-height: 30px; } .share-post .facebook a:hover:before { color: #305f8e; } .share-post .facebook a:before { content: "\e607"; } .share-post .twitter a:hover:before { color: #56b5d5; } .share-post .twitter a:before { content: "\e620"; font-size: 14px; } .share-post .linkedin a:hover:before { color: #38a6cb; } .share-post .linkedin a:before { content: "\e65c"; } .share-post .google a:hover:before { color: #e6763f; } .share-post .google a:before { content: "\e60b"; font-size: 18px; } .category-list:before { content: "\e61f"; display: inline-block; vertical-align: bottom; margin-right: 6px; font-family: 'nop_templates_font'; font-size: 13px; line-height: 13px; color: #afb8c4; } .category-list label { display: none; } .category-list ul { display: inline-block; } .category-list li { float: left; margin-left: 3px; } .category-list li.separator { margin: 0 5px 0 2px; } .category-list li a, .category-list li.separator { color: #707e92; font-size: 13px; line-height: 1; } .category-list li a:hover { text-decoration: underline; } .blogpost-page .post-subhead { display: none; } .blogpost-page .post-navigation { overflow: hidden; } .blogpost-page .post-navigation a { width: 49%; min-height: 62px; background-repeat: no-repeat; font-size: 0; } .blogpost-page .post-navigation a.prev { float: left; background-image: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/prev.png); background-position: left center; padding: 20px 0 20px 25px; text-align: left; } .blogpost-page .post-navigation a.next { float: right; background-image: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/next.png); background-position: right center; padding: 20px 25px 20px 0; text-align: right; } .blogpost-page .tags { border-top: 1px solid #d9e0ea; clear: both; padding: 15px 10px 0; } .blog-search-results { font-family: 'Open Sans'; } .blog-search-results li { padding: 20px 20px 20px 32px; text-align: left; background: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/NopTemplates/Content/images/blog_icon.png) 8px 22px no-repeat; border-bottom: 1px solid #d9e0ea; } .blog-search-results li:last-child { border-bottom-width: 0; } .blog-search-results li a { color: #67bbdd; font-size: 18px; text-transform: uppercase; } .blog-search-results li a span { font-weight: bold; } .blog-search-results li p { margin-top: 15px; line-height: 22px; } .blog-search-results li p span { color: #67bbdd; } @media all and (min-width: 481px) { .blogpost-page .post-navigation a { font-size: 14px; } } @media all and (min-width: 981px) { .blog-search-box { max-width: none; margin: 0 0 30px; } .blog-search-box .title strong { background: none; } .blog-social-sharing { text-align: left; } .post-relations { margin-top: 50px; } .related-posts-list > label { padding: 0; margin: 0 0 22px; background: transparent; } .related-posts-list li { padding: 0; } .related-posts-list li:first-child { border-top: 1px solid #e6eaf0; } .related-posts-list .list-link { padding: 17px 0; } } /* * Copyright 2012 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ /* buttons */ .ajax-cart-button-wrapper { float: left; } .product-page .main-info .ajax-cart-button-wrapper { float: none; text-align: center; } /* overlay and ajax loader */ .k-overlay { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: #000; opacity: .5; } .nopAjaxCartPanelAjaxBusy { position: absolute; z-index: 1003; width: auto; height: auto; background: rgba(0,0,0,.15) url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/NopTemplates/Content/images/loader.gif) no-repeat fixed 50% 50%; } .miniProductDetailsPanelAjaxBusy { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1003; display: none; width: auto !important; height: auto !important; background: rgba(0,0,0,.15) url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/NopTemplates/Content/images/loader.gif) no-repeat fixed 50% 50%; } /* pop up */ .ajaxCart { position: absolute; z-index: 10002; width: 600px !important; max-width: 95% !important; padding-top: 0 !important; background: #fff; font-family: 'Open Sans', sans-serif; } .k-window-titlebar { margin: 0 !important; font-size: 0; background: #f3f5f9; min-height: 50px; } .k-window-actions { position: absolute; top: 9px; right: 9px; } .k-window-titlebar .k-window-action, .k-close, .k-i-close { display: block; width: 32px; height: 32px; } .k-close, .k-i-close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAAC7u7u7u7u7u7u7u7u7u7u4R+2wAAAABnRSTlMA1YAV6mw4khYNAAAAQklEQVQI12MIYoAAQwZDBTCDWQiIIEIKEAzkQwgwF0yCeWBBEAeiWhkoBBEUUUBhIWQROhCmIExG2IZwAcJVCJcCAHq6BwlAkEXnAAAAAElFTkSuQmCC) no-repeat center; } .ajaxCart .product-name { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 14px 0; width: calc(100% - 80px); text-align: center; text-transform: uppercase; font-weight: normal; font-size: 18px; font-family: Raleway, sans-serif; } .ajaxCart .product-details-page { padding: 25px 30px; } .ajaxCart .miniProductDetailsView .gallery, .ajaxCart .product-variant-name, .ajaxCart .price-hide, .ajaxCart .qty-label, .ajaxCart .qty-input { display: none; } .ajaxCart .miniProductDetailsView .theme-tweak .gallery { display: block; float: left; } .ajaxCart .miniProductDetailsView .theme-tweak .overview { padding-left: 200px; } .ajaxCart .required { line-height: 22px; } .ajaxCart .attributes { margin: 0 0 30px; } .ajaxCart .attributes dt { margin: 0 0 5px; } .ajaxCart .attributes dd { margin: 0 0 10px; } .ajaxCart .attributes dd:last-child { margin: 0; } .ajaxCart .text-prompt { margin: 0 0 5px; text-transform: uppercase; font-size: 16px; } .ajaxCart .attributes .textbox { max-width: 100%; width: 350px; } .ajaxCart .purchase-panel { font-size: 0; } .ajaxCart .prices { display: inline-block; color: #6ab9d9; vertical-align: middle; font-size: 0; background: #f3f5f9; line-height: 22px; padding: 8px 24px 8px 12px; } .ajaxCart .prices label { display: inline-block; vertical-align: middle; font-size: 17px; color: #373c41; margin-right: 10px; } .ajaxCart .prices div > span { font-size: 22px; line-height: 1; display: inline-block; vertical-align: middle; } .ajaxCart .prices div.non-discounted-price > span { font-size: 19px; text-decoration: line-through; color: #8f95a1; } .ajaxCart .prices .product-price { line-height: 44px; } .ajaxCart .prices .product-price.discounted-price { line-height: 22px; } .ajaxCart .add-to-cart { display: inline-block; vertical-align: middle; } .ajaxCart .add-to-cart-button { padding: 22px 35px; border: 0; background: #81ceee; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } .ajaxCart .message-error ul { margin-top: 15px; } /* added to cart popup dialog */ .ajaxCart .productAddedToCartWindowTitle { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 14px 0; width: calc(100% - 80px); text-align: center; text-transform: uppercase; font-weight: normal; font-size: 18px; font-family: Raleway, sans-serif; } .ajaxCart .productAddedToCartItem, .ajaxCart .addProductVariantToCartErrors { overflow: hidden; padding: 25px 15px; border-bottom: 1px solid #d9e0ea; } .ajaxCart .productAddedToCartWindowImage { float: left; } .ajaxCart .product-link { display: block; width: 165px; height: 165px; } .ajaxCart .productAddedToCartWindowDescription { float: left; margin-left: 10px; width: 355px; max-width: 100%; } .ajaxCart .productAddedToCartWindowDescription .product-name-wrap { margin: 0 0 10px; text-transform: uppercase; font-weight: normal; font-size: 16px; } .ajaxCart .productAddedToCartWindowDescription .price { display: block; margin: 0 0 5px; color: #6ab9d9; font-size: 16px; } .ajaxCart .productAddedToCartWindowDescription .attributeInfo { margin: 0; line-height: 22px; } .ajaxCart .productAddedToCartWindowDescription .quantity { line-height: 22px; } .ajaxCart .productAddedToCartWindowSummary { padding: 25px 0; text-align: left; font-size: 0; } .ajaxCart .productAddedToCartWindowSummary > * { display: inline-block; } .ajaxCart .viewBasketLink { position: relative; display: inline-block; padding: 5px 5px 5px 10px; font-size: 13px; } .ajaxCart .viewBasketLink:before { position: absolute; top: 50%; left: 0; margin-top: -3px; width: 5px; height: 5px; border-radius: 50%; background: #707e92; content: ""; } .ajaxCart .continueShoppingLink { display: inline-block; font-size: 14px; margin: 0 0 0 3px; line-height: 1; text-transform: uppercase; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.15); background: #9aa6b7; padding: 17px 25px; font-family: Raleway, sans-serif; cursor: pointer; } .ajaxCart .continueShoppingLink:hover { background: #7e8a9c; } .ajaxCart .productAddedToCartWindowCheckout { display: inline-block; padding: 16px 25px; border: 0; background: #f66b6b; color: #fff; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.15); font-size: 16px; line-height: 1; } @media all and (max-width: 600px) { .ajaxCart { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; overflow: auto !important; width: 100%; } .ajaxCart .product-name { max-width: none !important; width: auto !important; } .ajaxCart .productAddedToCartWindowImage { display: none; } .ajaxCart .productAddedToCartWindowDescription { margin: 0; padding: 0 10px; } .ajaxCart .productAddedToCartWindowSummary { text-align: center; } .ajaxCart .continueShoppingLink { margin: 3px 3px 0; } } @media all and (min-width: 981px) { .ajaxCart .option-list { margin-bottom: 20px; } .ajaxCart .option-list li { margin-top: 10px; } } /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ .ribbon-wrapper { position: relative; } @media all and (min-width: 769px) { .product-list .ribbon-wrapper { float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/ } } /* ribbon positioning */ .ribbon-position { font-size: 0; line-height: 0; position: absolute; z-index: 1; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .ribbon-position.top-left { top: 0; left: 0; } .ribbon-position.top-right { top: 0; right: 0; } .ribbon-position.bottom-left { bottom: 0; left: 0; } .ribbon-position.bottom-right { bottom: 0; right: 0; } .ribbon-position.top-middle { top: 0; left: 0; right: 0; text-align: center; } .ribbon-position.right-middle, .ribbon-position.left-middle { top: 0; right: 0; bottom: 0; left: 0; text-align: right; } .ribbon-position.bottom-middle { bottom: 0; left: 0; right: 0; text-align: center; } .ribbon-position.left-middle { text-align: left; } .ribbon-position.center { top: 0; right: 0; bottom: 0; left: 0; text-align: center; } .ribbon-position.right-middle:before, .ribbon-position.left-middle:before, .ribbon-position.center:before { content: " "; display: inline-block; height: 100%; width: 0; vertical-align: middle; } /* ribbon wrapping element */ .product-ribbon { display: inline-block; vertical-align: middle; position: relative; } /* ribbon label without image*/ .ribbon-text { font-size: 12px; line-height: normal; } /* ribbon label with image */ .ribbon-image-text { font-size: 12px; line-height: normal; position: absolute; top: 0; left: 0; } /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ .gallery .ribbon-wrapper { font-size: 0; } .gallery .ribbon-wrapper img { max-width: 100%; } @media all and (min-width: 769px) { .product-list .ribbon-wrapper + .details { margin: 0 0 0 240px; } } @media all and (min-width: 1001px) { .spc-categories .ribbon-wrapper { float: left; width: 45%; } .spc-categories .ribbon-wrapper .picture { width: 100%; } } @media all and (min-width: 1367px) { .spc-categories .ribbon-wrapper { width: 40%; } }