@charset "UTF-8"; .svgi { display: inline-block; width: 1em; height: 1em; fill: currentColor; } .svgi-view-compact { font-size: 1.6rem; width: 1.25em; } .svgi-view-grid { font-size: 1.6rem; width: 1em; } .svgi-view-list { font-size: 1.6rem; width: 1em; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; -ms-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; -ms-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @-webkit-keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } } @keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } } @-webkit-keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @-webkit-keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @-webkit-keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } } @keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @-webkit-keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 100% { opacity: 0; -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 100% { opacity: 0; -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); } } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } body { color: #5c5c5c; } .mt-0 { margin-top: 0; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .ml-0 { margin-left: 0; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-60 { margin-left: 60px; } .ml-70 { margin-left: 70px; } .ml-80 { margin-left: 80px; } .ml-90 { margin-left: 90px; } .ml-100 { margin-left: 100px; } .mr-0 { margin-right: 0; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-60 { margin-right: 60px; } .mr-70 { margin-right: 70px; } .mr-80 { margin-right: 80px; } .mr-90 { margin-right: 90px; } .mr-100 { margin-right: 100px; } .pt-0 { padding-top: 0; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-100 { padding-top: 100px; } .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pl-0 { padding-left: 0; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-60 { padding-left: 60px; } .pl-70 { padding-left: 70px; } .pl-80 { padding-left: 80px; } .pl-90 { padding-left: 90px; } .pl-100 { padding-left: 100px; } .pr-0 { padding-right: 0; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-60 { padding-right: 60px; } .pr-70 { padding-right: 70px; } .pr-80 { padding-right: 80px; } .pr-90 { padding-right: 90px; } .pr-100 { padding-right: 100px; } a { cursor: pointer; } a:hover, a:focus { text-decoration: none; } .link-dotted { border-bottom: 1px dotted; text-decoration: none !important; } .link-dotted:hover { border-bottom-color: transparent; } .link-border { padding-bottom: 1px; border-bottom: 1px solid; text-decoration: none !important; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .link-border.active, .link-border:hover { color: #333; border-bottom-color: transparent !important; } .a-hover-u { text-decoration: none; } .a-hover-u:hover { text-decoration: underline; } .normal { font-weight: 400; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .float-none { float: none; } .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .img-zoom.float-left, img[align="left"] { float: left; margin: 0 20px 5px 0; } .img-zoom.float-right, img[align="right"] { float: right; margin: 0 0 5px 20px; } .list-icons { list-style: none; padding-left: 27px !important; } .list-icons li { margin: 10px 0; padding-left: 25px; } .list-icons a { color: inherit; text-decoration: none; } .list-icons a:hover { text-decoration: underline; } .list-icons .fa { position: absolute; width: 20px; margin: 2px 2px 0 -27px; text-align: center; color: #999; } .bxe-list { list-style: none; } .of-hidden { overflow: hidden; } .fixed-bottom-panel:hover { z-index: 200 !important; } img { max-width: 100%; height: auto; } .s_site_boxed-yes { background-color: #ededed; } .s_site_boxed-yes .site-wrapper { max-width: 1420px; margin: 0 auto; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .site-bg { position: fixed; left: 0; right: 0; top: 0; bottom: 0; will-change: transform; z-index: -1; } .s_site_bg-texture .site-bg { background-repeat: repeat; } .s_site_bg-image .site-bg { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } .homepage .main, .s_page_heading_in_main-v3 .main { margin-top: 30px; } @media screen and (max-width: 991px) { .s_page_heading_in_main-v3 .main { margin-top: 0; } } .sc-maxwidth { max-width: 1360px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .main.with-sidebar .content { float: right; } .sidebar { position: relative; z-index: 110; } @media screen and (max-width: 767px) { .s_layout-with_sidebar .page-sidebar { display: none; } } @media screen and (min-width: 768px) { .s_layout-with_sidebar .page-sidebar { width: 34%; float: left; } .s_layout-with_sidebar .page-content { width: 66%; float: right; padding-left: 30px; } } @media screen and (min-width: 992px) { .s_layout-with_sidebar .page-sidebar { width: 28%; } .s_layout-with_sidebar .page-content { width: 72%; } } @media screen and (min-width: 1200px) { .s_layout-with_sidebar .page-sidebar { width: 21%; } .s_layout-with_sidebar .page-content { width: 79%; } } .side-block { margin-bottom: 40px; } .side-block-title { font-size: 18px; font-weight: 600; line-height: 30px; color: #000; margin-bottom: 20px; } .side-text-block .item-content { color: #999; font-size: 13px; } .btn, .site-wrapper a { -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .img-placeholder { background: #fff; position: absolute; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ms-img { display: inline-block; position: relative; overflow: hidden; } .ms-img:focus, .ms-img img:focus { outline: none; } .ms-img.float-left { margin: 0 20px 20px 0; } .ms-img.float-right { margin: 0 20px; } .ms-img.ms-img--bordered img { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); border: 1px solid #f2f2f2; } [class*="ms-img--dim"] { display: block; } [class*="ms-img--dim"].ms-img--bordered { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); border: 1px solid #f2f2f2; background-color: #fff; } [class*="ms-img--dim"]:before { content: ""; height: 0; width: 100%; display: block; } [class*="ms-img--dim"] img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } [class*="ms-img--dim"]:not(.ms-img--contain) img { width: auto; height: auto; min-height: 100%; min-width: 100%; max-width: none; max-height: none; } [class*="ms-img--dim"].ms-img--contain img { max-height: 100%; } .ms-img--dim-3by1:before { padding-top: 33.33333%; } .ms-img--dim-2by1:before { padding-top: 50%; } .ms-img--dim-16by9:before { padding-top: 56.25%; } .ms-img--dim-3by2:before { padding-top: 66.66667%; } .ms-img--dim-4by3:before { padding-top: 75%; } .ms-img--dim-5by4:before { padding-top: 80%; } .ms-img--dim-1by1:before { padding-top: 100%; } .ms-img--dim-4by5:before { padding-top: 125%; } .ms-img--dim-3by4:before { padding-top: 133.33333%; } .ms-img--dim-2by3:before { padding-top: 150%; } .ms-img--dim-9by16:before { padding-top: 177.77778%; } .ms-img--dim-1by2:before { padding-top: 200%; } .ms-img-hover { top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.2); position: absolute; opacity: 0; -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .ms-img:hover .ms-img-hover { opacity: 1; } .ms-img-caption { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 16px; line-height: 20px; font-weight: 600; text-align: center; } .ms-img-caption .ms-img-caption-bg { background: #000; opacity: 0.6; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .ms-img-caption .ms-img-caption-text { padding: 9px; display: block; position: relative; } @media screen and (max-width: 991px) { .ms-img-caption { font-size: 13px; } .ms-img-caption span { padding: 9px; } } .ms-img-zoom { background: rgba(0, 0, 0, 0.6); position: absolute; top: 50%; left: 50%; font-size: 24px; margin: -25px 0 0 -25px; text-align: center; width: 50px; height: 50px; line-height: 54px; opacity: 0; border-radius: 50%; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .ms-img-zoom:before { color: #fff; display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea09"; } .ms-img:hover .ms-img-zoom { opacity: 1; } ul, ol { padding-left: 25px; } li { margin: 10px 0; } .menu, .menu ul { list-style: none; margin: 0; padding: 0; } .menu li, .menu ul li { margin: 0; padding: 0; } .count-badge { display: inline-block; min-width: 28px; height: 28px; line-height: 28px; padding: 0 5px; border-radius: 14px; text-align: center; font-size: 14px; background: #e6e6e6; color: #000; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .animate-count-badge .count-badge { -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .btn-readmore { line-height: 20px; display: inline-block; margin-top: -20px; height: 20px; position: absolute; } .readmore { margin-bottom: 30px; } .readmore > :last-child { margin-bottom: 0; } .btn-dashed, .btn-readmore { text-decoration: none; font-size: 14px; } .btn-dashed span, .btn-readmore span { border-bottom: 1px dashed #dadada; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .btn-dashed:hover span, .btn-readmore:hover span { border-color: inherit; } .btn-dashed .icon, .btn-readmore .icon { color: #666; font-size: 12px; vertical-align: -1px; } .btn-dashed:hover .icon, .btn-readmore:hover .icon { color: inherit; } .loader { clear: both; font-size: 32px; } .loader:after { content: ""; display: block; border-radius: 50%; width: 1em; height: 1em; margin: 0 auto; position: relative; overflow: hidden; border: 0.1em solid rgba(0, 0, 0, 0.15); border-left-color: #000; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 0.6s infinite linear; animation: load8 0.6s infinite linear; } .loader.loader-light:after { border-color: #fff; border-left-color: #fff; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .red_star { color: #e82e05 !important; } .btn .fa { margin-right: 6px; } select.form-control { padding-top: 0; padding-bottom: 0; } .btn-bold { font-weight: 700; text-transform: uppercase; } .has-error .upload-button { background: #e82e05; } .form label { font-size: 13px; color: #5c5c5c !important; } .form label .fa { color: #b2b2b2; margin-right: 2px; } .form .field-content .help-block { display: none; } .form .has-error .help-block { margin-bottom: 0; font-size: 12px; display: block; } .form .field-content .radio:first-child, .form .field-content .checkbox:first-child { margin-top: 0; } .form .field-content .radio:last-child, .form .field-content .checkbox:last-child { margin-bottom: 0; } .form .input-calendar-wrap { display: inline-block; vertical-align: middle; } .form .date-interval-hellip { vertical-align: middle; width: 16px; } @media screen and (max-width: 575px) { .form .date-interval-hellip + .input-calendar-wrap { margin-top: 15px; } } .form .input-calendar { max-width: 100%; width: 170px; } .form .btn-calendar i { margin-right: 0; } .form .form-control { max-width: 100%; } .form .upload-button { margin: 0; position: relative; overflow: hidden; cursor: pointer !important; } .form .upload-button input { position: absolute; top: 0; bottom: 0; right: 0; cursor: pointer !important; z-index: 2; opacity: 0; background-color: transparent; color: transparent; } .form .captcha-block .form-input { margin-top: -15px; } .form .recaptcha-block .form-input { margin-top: 0px !important; } .form .captcha-img { float: left; margin-top: 15px; } .form .btn-captcha-update { float: left; margin: 15px 0 0; text-align: center; color: #9d9d9d; line-height: 39px; font-size: 14px; width: 34px; height: 40px; } .form .btn-captcha-update:hover { color: #6b6a6a; } .form .captcha-input { display: inline-block; max-width: 100px; font-size: 18px; margin-top: 15px; height: 40px; line-height: 40px; } .form .field-error { font-size: 12px; color: #e82e05; margin-top: 5px; } .form .recaptcha-block label { display: none; } .recaptcha-error { display: none; color: #e82e05; margin-top: 5px; font-size: 13px; } .has-error .recaptcha-error { display: block; } .form-success-message { font-weight: 700; } .form-success-message .fa-check-circle { margin-right: 5px; } .form-footer { margin-top: 5px; } .form-footer .col-submit, .form-footer .col-required { display: inline-block; vertical-align: middle; } .form-footer .col-submit { margin-right: 15px; } .form-footer .col-required { line-height: 20px; } .form-footer .col-required .red_star { font-size: 18px; line-height: inherit; vertical-align: -6px; } .form-footer .col-required .required-text { font-size: 13px; vertical-align: middle; } .bitrix-form .form-descr { margin-bottom: 20px; } .bitrix-form .field-type-checkbox .field-content { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .bitrix-form .field-type-checkbox input { position: absolute; margin-left: -20px; margin-top: 4px \9; } .bitrix-form .field-type-radio .field-content { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .bitrix-form .field-type-radio input { position: absolute; margin-left: -20px; margin-top: -5px; } .bitrix-form .field-type-date .form-control { max-width: 160px; display: inline-block; vertical-align: middle; } .bitrix-form .field-type-date img.calendar-icon { vertical-align: middle; margin: 0 0 0 5px; } .bitrix-form .field-type-date img.calendar-icon-hover { border: none; background: none; margin: 0 0 0 5px; } .bitrix-form .field-accept label { padding-left: 0; } .field-accept .checkbox { margin: 0; } .accept-error { font-size: 12px; color: #e82e05; margin-top: 5px; } .form-user-consent { margin-bottom: 5px; } .form-user-consent label { margin: 0; } .form-user-consent-error { display: none; font-size: 13px; color: #e82e05; } .form-user-consent-error.active { display: block; } .social-icons { margin-left: -6px; margin-bottom: -6px; } .social-icons li { display: inline-block; margin: 0 0 6px 6px; } .si { text-align: center; font-size: 20px; line-height: 32px; display: inline-block; width: 32px; height: 32px; border-radius: 50%; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .si i { margin: 0 !important; } .si:hover { opacity: 1; } .flex-grid { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: 1px; margin-right: 0; } .flex-grid > .item { margin-top: -1px; width: 100%; } .flex-grid.slider { margin-left: 0; margin-right: 0; } @media screen and (min-width: 320px) { .per-row-xxs-1 > .item { width: 100%; } .per-row-xxs-2 > .item { width: 50%; } .per-row-xxs-3 > .item { width: 33.33333%; } .per-row-xxs-4 > .item { width: 25%; } } @media screen and (min-width: 480px) { .per-row-xs-1 > .item { width: 100%; } .per-row-xs-2 > .item { width: 50%; } .per-row-xs-3 > .item { width: 33.33333%; } .per-row-xs-4 > .item { width: 25%; } .per-row-xs-5 > .item { width: 20%; } .per-row-xs-6 > .item { width: 16.66667%; } } @media screen and (min-width: 768px) { .per-row-sm-1 > .item { width: 100%; } .per-row-sm-2 > .item { width: 50%; } .per-row-sm-3 > .item { width: 33.33333%; } .per-row-sm-4 > .item { width: 25%; } .per-row-sm-5 > .item { width: 20%; } .per-row-sm-6 > .item { width: 16.66667%; } .per-row-sm-7 > .item { width: 14.28571%; } .per-row-sm-8 > .item { width: 12.5%; } } @media screen and (min-width: 992px) { .per-row-md-1 > .item { width: 100%; } .per-row-md-2 > .item { width: 50%; } .per-row-md-3 > .item { width: 33.33333%; } .per-row-md-4 > .item { width: 25%; } .per-row-md-5 > .item { width: 20%; } .per-row-md-6 > .item { width: 16.66667%; } .per-row-md-7 > .item { width: 14.28571%; } .per-row-md-8 > .item { width: 12.5%; } .per-row-md-9 > .item { width: 11.11111%; } .per-row-md-10 > .item { width: 10%; } } @media screen and (min-width: 1200px) { .per-row-lg-1 > .item { width: 100%; } .per-row-lg-2 > .item { width: 50%; } .per-row-lg-3 > .item { width: 33.33333%; } .per-row-lg-4 > .item { width: 25%; } .per-row-lg-5 > .item { width: 20%; } .per-row-lg-6 > .item { width: 16.66667%; } .per-row-lg-7 > .item { width: 14.28571%; } .per-row-lg-8 > .item { width: 12.5%; } .per-row-lg-9 > .item { width: 11.11111%; } .per-row-lg-10 > .item { width: 10%; } .per-row-lg-11 > .item { width: 9.09091%; } .per-row-lg-12 > .item { width: 8.33333%; } } .top-panel { position: relative; top: 0; left: 0; right: 0; color: #000; z-index: 150; font-size: 14px; } .top-panel-in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .top-panel .col { padding: 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-panel .col-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top-panel .col-menu { overflow: hidden; } .top-panel .col-menu, .top-panel .col-menu + * { opacity: 0; -webkit-transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); } .top-panel.initialized .col-menu, .top-panel.initialized .col-menu + * { overflow: visible; opacity: 1; } .top-panel ul { list-style: none; margin: 0; padding: 0; } .top-panel .col-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; font-size: 14px; color: #666; } .top-panel .col-contacts .phone { color: #333; font-size: 18px; font-weight: 600; white-space: nowrap; text-decoration: none !important; } .top-panel .col-contacts .phone a, .top-panel .col-contacts .phone a:hover { color: inherit; text-decoration: none; } .top-panel .col-contacts .phone .nc-icon { font-size: 12px; color: #333; margin-right: 8px; } .top-panel .submenu { border-top: 2px solid transparent; } .top-panel .submenu .submenu { border: none; } .top-panel .col-menu .menu { display: table; } .top-panel .col-menu .menu a { color: #000; text-decoration: none; } .top-panel .col-menu .menu > li { display: table-cell; position: relative; } .top-panel .col-menu .menu > li > .link a { display: block; height: 48px; line-height: 48px; white-space: nowrap; padding: 0 20px; } .top-panel .col-menu .menu > li:first-child > .link a { padding-left: 0; } .top-panel .col-menu .menu > li.hassub > .link a:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea14"; margin-left: 10px; font-size: 10px; width: 10px; height: 10px; color: #000; } .top-panel .col-menu .menu > li.hassub.hover { z-index: 2; } .top-panel .col-menu .menu > li.hassub.hover > .submenu { z-index: 3; top: 100%; left: 0; visibility: visible; opacity: 1; } .top-panel .col-menu .menu > li.hassub.hover:first-child > .submenu { left: 0; } .top-panel .col-menu .menu > li.active:after { content: ""; position: absolute; left: 20px; right: 20px; top: 100%; border-bottom: 2px solid transparent; } .top-panel .col-menu .menu > li:first-child.active:after { left: 0; } .top-panel .col-menu .menu > li.rtl > .submenu { left: auto !important; right: 0 !important; } .top-panel .s_top_panel_bg-color .col-auth .nc-icon, .top-panel .s_top_panel_bg-dark .col-auth .nc-icon { color: #fff; } .top-panel .col-auth { position: relative; padding: 0; } .top-panel .col-auth .nc-icon { font-size: 20px; margin-right: 5px; vertical-align: -4px; color: #b7b7b7; } .top-panel .col-auth .auth-auth { white-space: nowrap; } .top-panel .col-auth .auth-auth > a { display: inline-block; color: #333; text-decoration: none; height: 48px; line-height: 48px; } .top-panel .col-auth .auth-auth .separator { color: #b7b7b7; margin: 0 5px; } .top-panel .col-auth .auth-personal .nc-icon { font-size: 20px; } .top-panel .col-auth .auth-personal:hover .submenu { top: 100%; left: auto; right: 0; opacity: 1; visibility: visible; } .top-panel .col-auth .auth-personal-in > a { color: inherit; text-decoration: none; display: block; line-height: 48px; white-space: nowrap; padding: 0 0 0 20px; } .top-panel .col-auth:hover { z-index: 2; } .top-panel .col-auth:hover > .submenu { z-index: 3; top: 100%; right: 0; left: auto; visibility: visible; opacity: 1; } .top-panel .col-auth:hover:first-child > .submenu { left: 0; } .top-panel :focus { outline: none; } .top-panel .fa { color: inherit; font-size: 14px; } .top-panel .in { display: table; width: 100%; min-height: 48px; } .s_top_panel_text-light { color: #fff; } .s_top_panel_text-light .item .btn:hover { border-color: #fff; background: #fff; color: #333; } .s_top_panel_text-light .col-auth .nc-icon, .s_top_panel_text-light .col-contacts .phone .nc-icon, .s_top_panel_text-light .col-menu .menu a, .s_top_panel_text-light .col-menu .menu > li.hassub > .link a:after, .s_top_panel_text-light .col-auth .auth-auth > a, .s_top_panel_text-light .col-menu .menu > li:hover > .link > a, .s_top_panel_text-light .col-menu .menu > li:hover > .link > span, .s_top_panel_text-light .col-auth .auth-auth > a:hover, .s_top_panel_text-light .col-auth .auth-personal > a:hover, .s_top_panel_text-light .col-auth:hover > a .nc-icon { color: #fff; } .s_top_panel_text-light .col-contacts { color: #ddd; } .s_top_panel_text-light .btn-dashed span { border-color: rgba(255, 255, 255, 0.3); } .s_top_panel_text-light .btn-dashed:hover span { border-color: inherit; } .s_top_panel_text-light .col-contacts .phone, .s_top_panel_text-light .btn-dashed, .s_top_panel_text-light .btn-dashed:hover { color: #fff; } .s_top_panel_text-dark { color: #333; } .s_top_panel_text-dark .item .btn:hover { border-color: #333; background: #333; color: #fff; } .s_top_panel_bg-light { background: #f5f5f5; } .s_top_panel_bg-dark { background: #333; } .fixed-panel-mobile { position: fixed; top: 0; left: 0; right: 0; z-index: 140; background: #fff; -webkit-box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.15); } .fixed-panel-mobile .fp-item { width: 33.3333%; position: relative; float: left; height: 50px; line-height: 50px; } .fixed-panel-mobile .fp-item-link { display: block; padding: 0 15px; float: none; line-height: 55px; height: 50px; overflow: hidden; font-size: 14px; text-decoration: none; color: #333; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .fixed-panel-mobile .fp-item-link:hover { color: #333; } .fixed-panel-mobile .fp-item-link:active { background: rgba(0, 0, 0, 0.05); } .fixed-panel-mobile .fp-item-link > * { vertical-align: top; } .fixed-panel-mobile .fp-icon { float: none; display: inline-block; height: 50px; line-height: 50px; font-size: 24px; width: 24px; } .fixed-panel-mobile .fp-icon .nc-icon { line-height: inherit; } .fixed-panel-mobile .nc-to-close { position: relative; text-align: center; } .fixed-panel-mobile .nc-to-close:before, .fixed-panel-mobile .nc-to-close:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: inherit; text-align: center; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .fixed-panel-mobile .nc-to-close:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .fixed-panel-mobile .nc-to-close:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea16"; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); font-size: 75%; line-height: inherit; } .fixed-panel-mobile .active .nc-to-close:before { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .fixed-panel-mobile .active .nc-to-close:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .fixed-panel-mobile .fp-count { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; vertical-align: 18px; border-radius: 50%; margin-left: -5px; margin-right: -5px; } .fixed-panel-mobile .fp-item-text { display: inline-block; margin-left: 4px; float: none; line-height: normal; vertical-align: 3px; } .fixed-panel-mobile .fp-cart { text-align: center; } .fixed-panel-mobile .fp-cart .count-badge { position: absolute; margin-left: 14px; left: 50%; top: 2px; } .fixed-panel-mobile .fp-search { text-align: right; } .fixed-panel-mobile .fp-search .fp-item-link { padding-right: 0; } .fixed-panel-mobile .fp-search .fp-icon { text-align: center; font-size: 24px; display: inline-block; position: relative; overflow: hidden; text-decoration: none; text-align: center; margin: 0 15px; width: 24px; height: 50px; line-height: 50px; } @-webkit-keyframes myopacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes myopacity { 0% { opacity: 0; } 100% { opacity: 1; } } .mobile-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 120; visibility: hidden; opacity: 0; -webkit-transition: visibility 0 cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0 cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1); } .mobile-overlay.is-open { visibility: visible; opacity: 1; -webkit-transition-delay: 0; transition-delay: 0; } .lock-scroll, .lock-scroll body { overflow: hidden; } .mobile-slide-panel { position: fixed; width: 270px; max-width: 100%; top: 0; bottom: 0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; z-index: 130; } .mobile-slide-panel.panel-left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .mobile-slide-panel.panel-right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .mobile-slide-panel.is-open { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-slide-panel.is-close { opacity: 0 !important; } .mobile-slide-panel-in { position: absolute; top: 50px; bottom: 0; left: 0; width: 100%; overflow: auto; } .slide-menu { -webkit-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; transform: translateX(0%) !important; } .slide-menu .slide-menu-slider { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); will-change: transform; } .slide-menu .mobile-contacts { padding: 15px; } .slide-menu .btn-count-badge { min-width: 28px; height: 28px; line-height: 28px; padding: 0 5px; margin-right: -5px; border-radius: 14px; font-size: 14px; } .slide-menu .mobile-callback { margin-bottom: 10px; } .slide-menu .mobile-callback a { font-size: 14px; height: 32px; line-height: 32px; padding: 0 15px; border-radius: 3px; } .slide-menu .mobile-phone { color: #333; font-size: 18px; font-weight: 700; } .slide-menu .mobile-phone .icon { margin-right: 10px; font-size: 14px; } .slide-menu .mobile-phone a { color: inherit; text-decoration: none; } .slide-menu .mobile-buttons .fp-item { display: inline-block; float: none; } .slide-menu .mobile-buttons .fp-item a { padding: 0 12px; } .slide-menu .menu { padding-left: 0; list-style: none; width: 270px; max-width: 100%; margin: 0; } .slide-menu .menu ul { position: absolute; top: 0; left: 100%; display: none; padding-left: 0; list-style: none; width: 270px; max-width: 100%; margin: 0; } .slide-menu .menu li { border-bottom: 1px solid #f3f3f3; margin: 0; } .slide-menu .menu .item-with-icon { position: relative; } .slide-menu .menu .item-with-icon .item-icon { font-size: 22px; position: absolute; left: 15px; width: 24px; text-align: center; top: 11px; } .slide-menu .menu .item-with-icon > a { padding-left: 50px; } .slide-menu .menu li.is-active > a { position: relative; font-weight: 600; } .slide-menu .menu li.is-active > a:before { content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; width: 3px; } .slide-menu .menu li.has-sub a { padding-right: 40px; } .slide-menu .menu .slide-menu-current { font-weight: 600; text-align: center; } .slide-menu .menu .slide-menu-current a { color: #fff; padding-right: 15px; text-decoration: underline; } .slide-menu .menu .slide-menu-current a:hover { text-decoration: none; } .slide-menu .menu a { position: relative; display: block; padding: 12px 15px; color: #000; text-decoration: none; } .slide-menu .menu a:active { background: rgba(0, 0, 0, 0.05); } .slide-menu .menu a .arr-left, .slide-menu .menu a .arr-right { position: absolute; top: 50%; display: block; line-height: 20px; font-size: 14px; width: 20px; height: 20px; margin-top: -10px; text-align: center; } .slide-menu .menu a .arr-left { left: 7px; } .slide-menu .menu a .arr-right { right: 10px; } .slide-menu .menu .slide-menu-back a { background: #f3f3f3; padding-left: 35px; } .slide-menu.no-transition, .slide-menu.no-transition * { -webkit-transition: none !important; transition: none !important; } .header-mobile { padding: 65px 15px 15px; text-align: center; } .header-mobile img { max-width: 160px; max-height: 60px; height: auto; width: auto; } .mobile-search { background: #fff; position: fixed; top: 50px; left: 0; right: 0; z-index: 130; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); will-change: transform; -webkit-transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1); } .mobile-search.is-open { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .mobile-search.is-close { opacity: 0 !important; } .mobile-search .mobile-search-in { padding: 15px; } .mobile-search form { position: relative; } .mobile-search form input { height: 40px; border: 1px solid #f0f0f0; background: #fff; } .mobile-search form input:focus { border-color: #d8d8d8; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .mobile-search form button { position: absolute; width: 40px; height: 38px; line-height: 44px; top: 1px; right: 1px; padding: 0; background: #fff; font-size: 18px; color: #2e2e2e; } .mobile-search form button .fa { margin: 0; } .mobile-search button:hover { color: #fff; background: #9c9c9c; } .mobile-search .search-result { top: 100%; } .fixed-panel-mobile, .mobile-sidebar-overlay, .mobile-sidebar, .header-mobile { display: none; } @media screen and (max-width: 991px) { .fixed-panel-mobile, .mobile-sidebar-overlay, .mobile-sidebar, .header-mobile { display: block; } } @media screen and (min-width: 992px) { .slide-menu-overlay, .slide-menu, .mobile-search { display: none !important; } } .top-panel, .header { display: none; } @media screen and (min-width: 992px) { .top-panel, .header { display: block; } } .header-in { color: #666; font-size: 14px; line-height: 1.3; position: relative; z-index: 140; } .header-in a { text-decoration: none; } .header-col { padding: 15px 0 15px 30px; } @media screen and (min-width: 1200px) { .header-col { padding-left: 60px; } } .header-col:first-child { padding-left: 0 !important; } .header-col-logo { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 992px) { .header-col-logo { max-width: 28%; } } @media screen and (min-width: 1200px) { .header-col-logo { max-width: 21%; } } .header-logo img { max-width: 100%; height: auto; } .header-in2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 120px; } .header-col-text { max-width: 280px; } .header-col-buttons { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 30px; } .header-buttons div[class^="header-button-"] { display: inline-block; margin-left: 15px; color: #b7b7b7; padding-right: 15px; position: relative; } .header-buttons .hb-btn i { font-size: 22px; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; } .header-buttons .hb-btn.is-empty .count-badge { opacity: 0; } .header-buttons .count-badge { left: 24px; top: -7px; position: absolute; } .header-col-cart { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header-cart { position: relative; color: #000; } .header-cart.active .ms-dropdown, .header-cart:hover .ms-dropdown { opacity: 1; visibility: visible; } .header-cart .ms-dropdown { top: 100%; padding-top: 20px; width: 320px; } .header-cart .ms-dropdown:after { top: 20px; } .header-cart .ms-dropdown .item-content { padding-right: 20px; } .header-cart .ms-dropdown .item-price-count { margin-left: -5px; } .header-cart .ms-dropdown .item-price-count > * { display: inline-block; margin-left: 5px; } .header-cart .ms-dropdown .price-old { text-decoration: line-through; color: #919191; } .header-cart .ms-dropdown .count { color: #8f8f8f; } .header-cart .header-cart-in { display: block; color: #333; } .header-cart .header-cart-icon { width: 54px; height: 54px; float: left; position: relative; border-radius: 4px; background: #fff; text-indent: -1px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .header-cart .header-cart-icon .nc-icon { width: 54px; height: 54px; line-height: 54px; font-size: 24px; text-align: center; } .header-cart .header-cart-icon .cart-count { position: absolute; right: -14px; top: -14px; } .header-cart .header-cart-text { padding-left: 20px; overflow: hidden; } .header-cart:hover .header-cart-icon { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border: 1px solid #ededed; } .header-cart .is-empty .header-cart-icon .cart-count { opacity: 0; } .header-cart .btn-primary { color: #fff; } .header-cart .header-cart-text .title { font-size: 15px; font-weight: 600; margin-bottom: 8px; } .header-cart .header-cart-text .summary { color: #666; } .header-cart .header-cart-text .cart-sum { white-space: nowrap; } .s_header_cart_view-default .ms-dropdown { left: auto; right: 0; } .s_header_cart_view-default .ms-dropdown:before { visibility: hidden; } @media screen and (min-width: 1500px) { .s_header_cart_view-default .ms-dropdown { left: -25px; right: auto; } .s_header_cart_view-default .ms-dropdown.triangle-top:before { left: 43px; visibility: visible; } } .s_header_cart_view-compact .ms-dropdown { left: auto; right: 0; } .s_header_cart_view-compact .ms-dropdown.triangle-top:before { left: auto; right: 18px; } .header-col-contacts { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .header-contacts { padding-left: 20px; min-width: 32px; } .header-contacts a { color: inherit; } .header-contacts .phone { color: #333; font-size: 18px; font-weight: 600; white-space: nowrap; text-decoration: none !important; } .header-contacts .phone a, .header-contacts .phone a:hover { color: inherit; } .header-contacts .phone .fa { font-size: 14px; font-weight: 400; } .header-contacts-item { margin: 7px 0; position: relative; } .header-contacts-item .fa, .header-contacts-item .nc-icon { color: #333; position: absolute; left: -20px; top: 5px; } .header-contacts-item .nc-icon { font-size: 12px; } .header-contacts-item.callback a { border-bottom: 1px dashed #dadada; } .header-contacts-item.callback a:hover { border-color: inherit; } .header-col-search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-search { position: relative; } .header-search input { height: 40px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; background: #fff; color: #000; font-size: 13px; } .header-search:hover input, .header-search input:focus { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border: 1px solid #ededed; } .header-search button { position: absolute; width: 45px; height: 38px; line-height: 43px; top: 1px; right: 1px; padding: 0; background: #fff; font-size: 16px; font-weight: 400; color: #2e2e2e; } .header-search button .fa { margin: 0; } .header-search button:hover { color: #fff; } .header-search .search-result { top: 100%; margin: 0 1px; } .header-search.active .search-result { opacity: 1; visibility: visible; } .title-search-result { z-index: 140; } .title-search-result .ms-dropdown { opacity: 1; visibility: visible; } .menubar-search { position: relative; padding-left: 15px; } .menubar-search .search-toggle { text-align: center; font-size: 20px; display: block; position: relative; overflow: hidden; text-decoration: none; text-align: center; width: 50px; height: 50px; } .menubar-search .search-toggle:before, .menubar-search .search-toggle:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 50px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .menubar-search .search-toggle:before { content: "\ea09"; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .menubar-search .search-toggle:after { content: "\ea16"; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .menubar-search.active .search-toggle:before { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .menubar-search.active .search-toggle:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .menubar-search.active .search-toggle { font-size: 18px; } .menubar-search .search-dropdown { right: 0; margin-right: -1px; top: 100%; margin-top: 10px; position: absolute; width: 340px; opacity: 0; visibility: hidden; } .menubar-search.active .search-dropdown { opacity: 1; visibility: visible; } .menubar-search .header-search input { height: 50px; padding-left: 17px; padding-right: 50px; font-size: 14px; } .menubar-search .header-search button { width: 50px; height: 48px; line-height: 48px; font-size: 18px; } @media screen and (min-width: 1200px) { .header-col-buttons + .header-col-cart { padding-left: 15px; } } .s_menubar_position-v1 .header-col-menubar { overflow: hidden; } .s_menubar_position-v1 .header-col-menubar.initialized { overflow: visible; } .s_menubar_position-v1 .header-col-menubar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; } .s_menubar_position-v1 .header-col-search { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; } .footer { background-repeat: repeat; margin-top: 40px; } .page-block + .footer { margin-top: 0; } @media screen and (min-width: 992px) { .footer { margin-bottom: 56px; } } .s_fixed_bottom_panel_type-none .footer { margin-bottom: 0; } .footer .footer2 { border-top: 2px solid rgba(0, 0, 0, 0.05); } .footer.s_footer_text-dark { color: #262626; } .footer.s_footer_text-light { color: #fff; } .footer.s_footer_icons-light .social-icons a { background: #fff; color: #262626; } .footer.s_footer_icons-light .social-icons a:hover { background: #d9d9d9; } .footer.s_footer_icons-dark .social-icons a { background: #262626; color: #fff; } .footer.s_footer_icons-dark .social-icons a:hover { background: #4c4c4c; } .footer.s_footer_icons-color .social-icons a { color: #fff; } .footer.s_footer_bg-light { background: #f5f5f5; } .footer.s_footer_bg-dark { background: #262626; } .footer.s_footer_bg-dark .footer2 { border-top-color: rgba(255, 255, 255, 0.05); } .footer.s_footer_bg-color .btn-gray:hover { background: #262626; } .footer.s_footer_bg-texture { background-repeat: repeat; } .footer1 { padding-top: 15px; padding-bottom: 15px; } .footer1 .col { padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 768px) { .footer1 .col { padding-top: 20px; padding-bottom: 20px; } } .footer1 .menu-title { font-size: 20px; font-weight: 600; margin-bottom: 20px; } .footer1 .social-icons { margin-top: 22px; } .footer1 .menu.list-icons { text-transform: none; font-weight: 400; } .footer1 .menu.list-icons .fa { color: inherit; } .footer1 .menu li { margin: 0 0 10px; } .footer1 .menu li:last-child { margin-bottom: 0; } .footer1 .menu li a { color: inherit; text-decoration: none; } .footer1 .menu li a:hover { text-decoration: underline; } .footer1 .menu li.phone a { font-size: 18px; font-weight: 600; } .footer1 .menu li.phone a:hover { text-decoration: none; } .footer1 .menu li.phone .fa { margin-top: 6px; } .footer-subscribe { margin-top: 39px; max-width: 360px; } .footer-subscribe .title { font-weight: 600; margin-bottom: 14px; } .footer-subscribe form { position: relative; } .footer-subscribe input { border-color: #fff; position: absolute; right: 110px; left: 0; width: auto; } .footer-subscribe button { float: right; width: 110px; } @media screen and (min-width: 768px) { .footer-subscribe { margin-left: 0; margin-right: 0; } } .footer-subscribe input[type="checkbox"] { position: static; } #sender_subscribe_component { max-width: none; width: auto; } .bx_subscribe_response_container { padding: 20px !important; } @media screen and (min-width: 992px) { .bx_subscribe_response_container .text-block { padding-left: 40px; } .bx_subscribe_response_container .title { font-size: 22px; margin-bottom: 10px; } .bx_subscribe_response_container .text { font-size: 14px; } } @media screen and (max-width: 991px) { .bx_subscribe_response_container .text-block { padding-left: 20px; } .bx_subscribe_response_container .title { font-size: 20px; margin-bottom: 5px; } } @media screen and (max-width: 767px) { .bx_subscribe_response_container { padding: 10px !important; } .bx_subscribe_response_container .text-block { padding-left: 10px; } .bx_subscribe_response_container .title { font-size: 18px; } } .bx-sender-subscribe-agreement { margin-top: 10px; } .bx_subscribe_response_container { padding: 30px; color: #333; } .footer2 { padding-top: 5px; padding-bottom: 10px; } .footer2 .col { padding-top: 15px; padding-bottom: 15px; } .footer2 .copyright { font-size: 14px; line-height: 1.5; } .footer2 .payments { padding-left: 0; list-style: none; margin: -6px -4px; } .footer2 .payments li { display: inline-block; margin: 6px 4px; } .footer2 .payments li img { /*max-width: 72px; max-height: 38px;*/ } @media screen and (min-width: 768px) { .footer2-in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } #bx-composite-banner { margin-top: 22px; } .f_up { visibility: hidden; position: fixed; right: 20px; bottom: 20px; font-size: 26px; width: 36px; background: #fff; height: 36px; line-height: 26px; border: 2px solid; text-align: center; z-index: 103; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; border-radius: 50%; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (min-width: 768px) { .f_up { bottom: 76px; } } .f_up .fa { color: inherit; } .f_up.show { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .fixed-bottom-panel { height: 50px; background: #fff; -webkit-box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.15); position: fixed; bottom: 0; left: 0; right: 0; z-index: 120; } .fixed-bottom-panel:hover { z-index: 200 !important; } @media screen and (max-width: 991px) { .fixed-bottom-panel { display: none; } } .fixed-bottom-panel-in { padding: 0; } .fixed-bottom-panel .ms-dropdown { top: auto; bottom: 100%; left: 0; width: 320px; padding-bottom: 20px; } .fixed-bottom-panel .ms-dropdown .items { max-height: calc(100vh - 190px); } .fixed-bottom-panel .ms-dropdown.triangle-bottom:before { bottom: 9px; left: 51px; } .fixed-bottom-panel .ms-dropdown:after { bottom: 20px; } .fixed-bottom-panel .ms-dropdown .item-content { padding-right: 25px; } .fixed-bottom-panel .fp-cart .ms-dropdown .items { max-height: calc(100vh - 230px); } @media screen and (max-width: 1649px) { .fixed-bottom-panel .fp-cart .cart-ms-dropdown { left: auto; right: 15px; } .fixed-bottom-panel .fp-cart .cart-ms-dropdown:before { left: 170px !important; } } @media screen and (min-width: 992px) { .fixed-bottom-panel .fp-item:hover .ms-dropdown { visibility: visible; opacity: 1; } } .fixed-bottom-panel .fp-item { position: relative; float: left; height: 50px; line-height: 50px; } .fixed-bottom-panel .fp-item-link { text-decoration: none; display: block; padding: 0 23px; float: left; } .fixed-bottom-panel .fp-icon { float: left; font-size: 20px; } .fixed-bottom-panel .fp-icon .svgi { vertical-align: -3px; font-size: inherit; } .fixed-bottom-panel .fp-item-text { display: none; float: left; } .fixed-bottom-panel .fp-count { vertical-align: 18px; margin-left: -5px; margin-right: -5px; } .fixed-bottom-panel .is-empty .fp-count { display: none; } .fixed-bottom-panel .fp-personal .fp-icon { font-size: 22px; } .fixed-bottom-panel .fp-auth .submenu { display: none; } @media screen and (min-width: 768px) { .fixed-bottom-panel { height: 56px; } .fixed-bottom-panel .fp-items-left { float: left; } .fixed-bottom-panel .fp-items-right { float: right; } .fixed-bottom-panel .fp-item { height: 56px; line-height: 58px; } .fixed-bottom-panel .fp-item-link { padding: 0 21px; } .fixed-bottom-panel .fp-icon { margin-right: 10px; font-size: 24px; line-height: 63px; } .fixed-bottom-panel .fp-item-text { display: block; } } .s_fixed_bottom_panel_text-dark .fp-item-link { color: #262626; } .s_fixed_bottom_panel_text-dark .fp-count { background: rgba(0, 0, 0, 0.05); color: #000; } .no-touch .s_fixed_bottom_panel_text-dark .fp-item-link:hover { background: rgba(0, 0, 0, 0.05); } .s_fixed_bottom_panel_text-light .fp-item-link { color: #efefef; } .s_fixed_bottom_panel_text-light .fp-count { background: rgba(255, 255, 255, 0.25); color: #fff; } .no-touch .s_fixed_bottom_panel_text-light .fp-item-link:hover { background: rgba(255, 255, 255, 0.1); } .s_fixed_bottom_panel_icons-dark .fp-icon { color: #262626; } .s_fixed_bottom_panel_icons-light .fp-icon { color: #efefef; } .s_fixed_bottom_panel_bg-light { background: #fff; } .s_fixed_bottom_panel_bg-light .fp-count { background: #e6e6e6; } .s_fixed_bottom_panel_bg-dark { background: #333; } .s_fixed_bottom_panel_bg-dark .fp-count { background: #595959; } .fp-compare .is-empty .count-badge, .fp-cart .is-empty .count-badge { display: none; } .fp-callback, .fp-telephone { padding: 0 21px; line-height: 56px !important; min-width: 56px; } .fp-callback { padding-left: 10px; } .fp-callback a { padding: 7px 16px; border: 1px solid; } .fp-telephone { padding-right: 10px; font-size: 18px; font-weight: 600; } .fp-telephone a { color: #333; text-decoration: none; } .fp-telephone a:hover { color: #333; } .fp-telephone .fa { margin-right: 7px; color: #333; } .s_fixed_bottom_panel_bg-dark .fp-callback a, .s_fixed_bottom_panel_bg-color .fp-callback a, .s_fixed_bottom_panel_text-light .fp-callback a { color: #efefef; } .s_fixed_bottom_panel_bg-dark .fp-telephone a, .s_fixed_bottom_panel_bg-color .fp-telephone a, .s_fixed_bottom_panel_text-light .fp-telephone a { color: #efefef; } .s_fixed_bottom_panel_bg-dark .fp-telephone .fa, .s_fixed_bottom_panel_bg-color .fp-telephone .fa, .s_fixed_bottom_panel_text-light .fp-telephone .fa { color: #efefef; } .fixed-top-panel { background: #fff; -webkit-box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.15); top: 0; left: 0; right: 0; z-index: 200; position: fixed; opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .fixed-top-panel.fixed { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .fixed-top-panel .fixed-top-panel-in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; } @media screen and (max-width: 991px) { .fixed-top-panel .fixed-top-panel-in { display: none; } } .fixed-top-panel .fixed-top-panel-in .col { padding: 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fixed-top-panel .fixed-top-panel-in .col-logo { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .fixed-top-panel .fixed-top-panel-in .col-menu { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; } .fixed-top-panel .fixed-top-panel-in .col-menu.initialized { overflow: visible; } .fixed-top-panel .fixed-top-panel-in .menubar .menu > li.hover { background: #333; } .fixed-top-panel .fixed-top-panel-in .menubar .menu > li > .link a, .fixed-top-panel .fixed-top-panel-in .menubar .menu > li > .link > span { font-size: 14px; font-weight: 600; color: #fff; line-height: 70px; height: 70px; } .page-block-bg-gray { background: #f8f8f8 !important; } @media screen and (min-width: 768px) { .featufff-block-page .page-block-in { padding-top: 30px; padding-bottom: 30px; } } .page-block-in { padding-top: 25px; padding-bottom: 25px; } @media screen and (min-width: 768px) { .page-block-in { padding-top: 40px; padding-bottom: 40px; } } .main .page-block-in { padding-left: 0; padding-right: 0; } .site-wrapper > .page-block-bg-white + .page-block-bg-white .page-block-in, .main > .page-block-bg-white + .page-block-bg-white .page-block-in, .site-wrapper > .page-block.page-block-bg-gray + .page-block.page-block-bg-gray .page-block-in, .main > .page-block.page-block-bg-gray + .page-block.page-block-bg-gray .page-block-in { padding-top: 0; } @media screen and (min-width: 768px) { .page-block-slider-in { overflow: hidden; } } a[class^="page-block-btn"] { height: 32px; line-height: 32px; padding: 0 22px; } .page-block-btn-title { display: none; float: right; text-transform: uppercase; } @media screen and (min-width: 480px) { .page-block-btn-title { display: inline-block; } } .page-block-title { color: #273039 !important; font-weight: 600; font-size: 18px; margin-bottom: 20px; } @media screen and (min-width: 480px) { .page-block-title { font-size: 22px; } .page-block-title.no-decoration { margin-bottom: 35px; } .page-block-title.no-decoration:after { display: none; } } .s_block_heading-block_heading_with_line .page-block-title:after { content: ""; display: block; position: absolute; margin-top: 15px; width: 148px; height: 2px; } @media screen and (min-width: 480px) { .s_block_heading-block_heading_with_line .page-block-title { margin-bottom: 42px; } } @media screen and (min-width: 480px) { .s_block_heading-block_heading_without_line .slider.s_arrows_top .slick-arrow { top: -61px; } .s_block_heading-block_heading_without_line .page-block-title { margin-bottom: 30px; } } .page-bottom-blocks { margin-bottom: -25px; } @media screen and (max-width: 767px) { .page-bottom-blocks > .page-block:first-child .page-block-in { padding-top: 0; } } @media screen and (min-width: 768px) { .page-bottom-blocks { margin-bottom: -40px; } .page-bottom-blocks > .page-block:nth-last-of-type(odd) .page-block-in { padding-top: 0; } .page-bottom-blocks > .page-block:nth-last-of-type(even) { background: #f8f8f8; margin-bottom: 40px; } } .page-block-footer { margin-top: 20px; text-align: center; } @media screen and (min-width: 480px) { .page-block-footer { display: none; } } .s_home_layout-w_sidebar .page-block { background: none; } .s_home_layout-w_sidebar .page-block + .page-block .page-block-in { padding-top: 0; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; min-width: 100%; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } .slick-slide, .slick-slide a { outline: none; } .slider-filter { margin-top: 30px; margin-bottom: 20px; } .slider-filter li { display: inline-block; margin: 0 28px 10px 0; } .content-slider-in { overflow: hidden; } .slider { position: relative; display: block !important; height: 0; opacity: 0; overflow: hidden; } .slider.slick-initialized { height: auto; opacity: 1; overflow: visible; } .slider.slick-initialized + .loader { display: none; } .slider .slick-list { position: relative; z-index: 1; } .slider.s_arrows_side .slick-arrow { outline: 0; top: 0; width: 32px; position: absolute; height: 100%; text-indent: 0; z-index: 1; text-decoration: none; cursor: pointer; color: #333; } .slider.s_arrows_side .slick-arrow .nc-icon { position: absolute; width: 100%; top: 50%; height: 40px; margin-top: -20px; font-size: 20px; line-height: 40px; text-align: center; color: inherit; } .slider.s_arrows_side .slick-arrow.slick-disabled { opacity: 0.5; cursor: default; color: #8f8f8f !important; } .slider.s_arrows_side .slick-arrow:hover { color: #000; } .slider.s_arrows_side .slick-arrow { width: 32px; } .slider.s_arrows_side .slick-arrow .fa { width: 100%; text-align: center; } .slider.s_arrows_side .slick-prev { left: 0; } .slider.s_arrows_side .slick-next { right: 0; } .slider.s_arrows_top .slick-arrow { width: 32px; position: absolute; height: 32px; line-height: 35px; font-size: 14px; outline: 0; top: -48px; text-indent: 0; z-index: 1; text-decoration: none; cursor: pointer; text-align: center; color: #fff; } @media screen and (min-width: 480px) { .slider.s_arrows_top .slick-arrow { top: -72px; } } .slider.s_arrows_top .slick-arrow.slick-disabled { cursor: default; background: #f1f1f1 !important; color: #000 !important; } .slider.s_arrows_top .slick-prev { right: 45px; text-indent: -1px; } .slider.s_arrows_top .slick-next { right: 0; text-indent: 1px; } .slider.s_arrows_top.mt-0 .slick-arrow { top: -32px; } .slider.s_arrows_top.mt-5 .slick-arrow { top: -37px; } .slider.s_arrows_top.mt-10 .slick-arrow { top: -42px; } .slider.s_arrows_top.mt-15 .slick-arrow { top: -47px; } .slider.s_arrows_top.mt-20 .slick-arrow { top: -52px; } .slider.s_arrows_top.mt-25 .slick-arrow { top: -57px; } .slider.s_arrows_top.mt-30 .slick-arrow { top: -62px; } .slider.s_arrows_top.mt-35 .slick-arrow { top: -67px; } .slider.s_arrows_top.mt-40 .slick-arrow { top: -72px; } .slider.s_arrows_top.mt-45 .slick-arrow { top: -77px; } .slider.s_arrows_top.mt-50 .slick-arrow { top: -82px; } .slider.s_arrows_top.mt-60 .slick-arrow { top: -92px; } .slider.s_arrows_top.mt-70 .slick-arrow { top: -102px; } .slider.s_arrows_top.mt-80 .slick-arrow { top: -112px; } .slider.s_arrows_top.mt-90 .slick-arrow { top: -122px; } .slider.s_arrows_top.mt-100 .slick-arrow { top: -132px; } .tab-content .slider.s_arrows_top .slick-arrow { top: -54px; } @media screen and (min-width: 480px) { .tab-content .slider.s_arrows_top .slick-arrow { top: -64px; } } .slider .slick-dotted.slick-slider { margin-bottom: 30px; } .slider .slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slider .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slider .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slider .slick-dots li button:focus, .slider .slick-dots li button:hover { outline: none; } .slider .slick-dots li button:focus:before, .slider .slick-dots li button:hover:before { opacity: 1; } .slider .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; color: #333; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slider .slick-dots li.slick-active button:before { color: #000; opacity: 1; } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .mfp-zoom-in.mfp-bg { opacity: 0; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.7; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10003; overflow: hidden; position: fixed; background: #000; opacity: 0.7; filter: alpha(opacity=70); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10004; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10006; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder { cursor: default; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10005; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: none; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10007; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 36px; font-family: Arial, Baskerville, monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; text-align: right; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 0; bottom: 0; padding: 0; width: 90px; -webkit-tap-highlight-color: #000000; } .mfp-arrow:hover { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow .mfp-b { border: none; content: ""; display: block; left: 0; width: 100%; position: absolute; top: 50%; color: #fff; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; font-size: 70px; height: 70px; margin-top: -35px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { text-indent: -6px; content: "\f104"; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { text-indent: 6px; content: "\f105"; } @media screen and (max-width: 1199px) { button.mfp-arrow { background: rgba(0, 0, 0, 0.3); top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; bottom: auto; height: 100px; margin-top: -50px; width: 50px; } button.mfp-arrow:before, button.mfp-arrow .mfp-b { text-indent: 0; font-size: 40px; height: 40px; margin-top: -20px; } } @media screen and (min-width: 1200px) { .no-touch .mfp-container { padding: 0 90px; } .no-touch .mfp-arrow { -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .no-touch .mfp-arrow:hover { background: rgba(0, 0, 0, 0.2); } } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); background: #fff; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { font-size: 13px; line-height: 18px; text-align: left; color: #f3f3f3; word-wrap: break-word; padding-right: 60px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 767px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 991px) { .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 576px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } body.mfp-zoom-out-cur .remodal-wrapper { -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0; } html.remodal-is-locked .mfp-bg { opacity: 0 !important; } .ms-collapse { opacity: 0; visibility: hidden; height: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .ms-collapse.opened { opacity: 1; visibility: visible; height: auto; } @-webkit-keyframes fixedMenubar { 0% { opacity: 0; top: -54px; } 100% { opacity: 1; top: 0; } } @keyframes fixedMenubar { 0% { opacity: 0; top: -54px; } 100% { opacity: 1; top: 0; } } .menubar { overflow: hidden; font-size: 14px; overflow: hidden; font-size: 14px; display: none; } @media screen and (min-width: 992px) { .menubar { display: block; } } .menubar .menu-wrapper { display: block !important; } .menubar li { margin: 0; } .menubar .menu { opacity: 0; display: table; width: 100%; letter-spacing: 0.5px; -webkit-transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); } .menubar .menu a { text-decoration: none; -webkit-transition: none; transition: none; } .menubar .menu > li { position: relative; display: table-cell; white-space: nowrap; } .menubar .menu > li.menu-more { letter-spacing: 0; } .menubar .menu > li > .link a, .menubar .menu > li > .link > span { cursor: pointer; display: block; padding: 0 18px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; display: block; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .menubar .menu > li.hassub > .link a:after, .menubar .menu > li.hassub > .link > span:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea14"; margin-left: 10px; font-size: 11px; } .menubar.initialized { overflow: visible; } .menubar.initialized .menu { opacity: 1; } .menubar.initialized .menu > li { letter-spacing: 0; } .s_menubar_bg-light .menu > li > .link a { font-weight: 400; } .s_menubar_text-dark .menu > li > .link a { color: #000; } .s_menubar_text-light .menu > li > .link a, .s_menubar_text-light .menu > li > .link > span { color: #fff; } .s_menubar_position-v2 .menubar { position: relative; z-index: 130; } .s_menubar_position-v2.s_menubar_bg-light { border: 1px solid #ededed; } .s_menubar_position-v2 .s_menubar_width-small .menubar-menu { border-radius: 3px; } .s_menubar_position-v2 .s_menubar_width-small .menubar-menu .menu > li > .link a { height: 56px; line-height: 56px; } @media screen and (max-width: 1359px) { .s_menubar_position-v2 .s_menubar_width-wide .menu-wrapper-in { padding-left: 0; padding-right: 0; } } .s_menubar_position-v2 .s_menubar_bg-light .menu > li.active > .link a { color: #fff; } .s_menubar_position-v2 .s_menubar_bg-light .menu > li.hover, .s_menubar_position-v2 .s_menubar_bg-light .menu > li:hover { background: none !important; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small { margin-bottom: 20px; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small.s_menubar_separators-yes .menu > li > .link > a .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small.s_menubar_separators-yes .menu > li > .link > span { border-right: 1px solid rgba(0, 0, 0, 0.06) !important; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small.s_menubar_separators-yes .menu > li:first-child > .link > a, .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small.s_menubar_separators-yes .menu > li:first-child > .link > span { border-right: none; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small.s_menubar_separators-yes .menu > li:last-child > .link > a, .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small.s_menubar_separators-yes .menu > li:last-child > .link > span { border-right: none; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-small .menu { -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07); border-top: 1px solid #f5f5f5; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-wide { -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07); border-top: 1px solid #f5f5f5; } .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-wide.s_menubar_separators-yes .menu > li > .link > a, .s_menubar_position-v2 .s_menubar_bg-light.s_menubar_width-wide.s_menubar_separators-yes .menu > li > .link > span { border-right: 1px solid rgba(0, 0, 0, 0.06) !important; } .s_menubar_position-v1 .s_menubar_bg-light .menu > li:hover > .link a { color: #fff; } .s_menubar_position-v1 .menu > li > .link a { height: 50px; line-height: 50px; padding: 0 15px; position: relative; } .s_menubar_position-v1 .menu > li > .link a:before { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; } .s_menubar_position-v1 .hassub-v1.hover > .submenu, .s_menubar_position-v1 .hassub-v2.hassub-v2-wide.hover .submenu, .s_menubar_position-v1 .hassub-v2.hassub-v2-narrow.hover .submenu-in { top: 50% !important; margin-top: 35px; left: 0; visibility: visible; opacity: 1; } .s_menubar_position-v1 .menu-wrapper-in { padding: 0; } .s_menubar_position-v1 .submenu { z-index: 130 !important; } .homepage .s_menubar_position-v2 .s_menubar_width-small { margin-bottom: 30px; } @media screen and (min-width: 992px) { .s_menubar_position-v2 .menu > li.menu-catalog { width: 28%; } } @media screen and (min-width: 1200px) { .s_menubar_position-v2 .menu > li.menu-catalog { width: 21%; } } .s_menubar_position-v2 .menu > li.menu-catalog > .link a { min-width: 250px; padding: 0 30px; } .s_menubar_position-v2 .menu > li.menu-catalog > .link a:before { content: ""; display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: \ea11; margin-right: 15px; font-size: 18px; vertical-align: -3px; } .s_menubar_position-v2 .menu > li.menu-catalog > .link a:after { display: none; } .s_menubar_position-v2 .menu > li.menu-catalog.hassub-v1 .submenu { min-width: 100%; } .s_menubar_bg-color .menu > li.hover, .s_menubar_bg-color .menu > li:hover { background: rgba(255, 255, 255, 0.1); } .s_menubar_bg-color .menu > li.active { background: rgba(0, 0, 0, 0.1); } .s_menubar_bg-color .menu > li > .link a:active { -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3) inset; } .s_menubar_width-wide.s_menubar_bg-dark, .s_menubar_width-small.s_menubar_bg-dark .menubar-menu { background: #333; } .s_menubar_position-v2 .s_menubar_text-dark .menu > li.hover, .s_menubar_position-v2 .s_menubar_text-dark .menu > li:hover { background: rgba(0, 0, 0, 0.1); } .s_menubar_position-v2 .s_menubar_text-dark .menu > li.active { background: rgba(255, 255, 255, 0.1); } .s_menubar_position-v2 .s_menubar_text-dark .menu > li > .link a:active { -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3) inset; } .s_menubar_position-v2 .s_menubar_text-dark.s_menubar_separators-yes .menu > li:first-child > .link > a, .s_menubar_position-v2 .s_menubar_text-dark.s_menubar_separators-yes .menu > li:first-child > .link > span { border-left: 1px solid rgba(0, 0, 0, 0.12); } .s_menubar_position-v2 .s_menubar_text-dark.s_menubar_separators-yes .menu > li > .link > a, .s_menubar_position-v2 .s_menubar_text-dark.s_menubar_separators-yes .menu > li > .link > span { border-right: 1px solid rgba(0, 0, 0, 0.12); } .s_menubar_position-v2 .s_menubar_text-light .menu > li.hover, .s_menubar_position-v2 .s_menubar_text-light .menu > li:hover { background: rgba(255, 255, 255, 0.1); } .s_menubar_position-v2 .s_menubar_text-light .menu > li.active { background: rgba(0, 0, 0, 0.1); } .s_menubar_position-v2 .s_menubar_text-light .menu > li > .link a:active, .s_menubar_position-v2 .s_menubar_text-light .menu > li > .link > span:active { -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3) inset; } .s_menubar_position-v2 .s_menubar_text-light.s_menubar_separators-yes .menu > li:first-child > .link > a, .s_menubar_position-v2 .s_menubar_text-light.s_menubar_separators-yes .menu > li:first-child > .link > span { border-left: 1px solid rgba(255, 255, 255, 0.12); } .s_menubar_position-v2 .s_menubar_text-light.s_menubar_separators-yes .menu > li > .link > a, .s_menubar_position-v2 .s_menubar_text-light.s_menubar_separators-yes .menu > li > .link > span { border-right: 1px solid rgba(255, 255, 255, 0.12); } .menu .hassub-v1.hover > .submenu, .menu .hassub-v1 li.hover > .submenu { top: 100%; left: 0; visibility: visible; opacity: 1; } .menu .hassub-v1 .submenu { width: 250px; background: #fff; visibility: hidden; position: absolute; top: -10000px; left: -10000px; white-space: nowrap; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-backface-visibility: hidden; opacity: 0; z-index: -1; } .menu .hassub-v1 .submenu li { position: relative; white-space: normal; border-bottom: 1px solid #f6f6f6; } .menu .hassub-v1 .submenu li:last-child { border-bottom: none; } .menu .hassub-v1 .submenu li > .link > a, .menu .hassub-v1 .submenu li > .link > span { color: #fff; display: block; padding: 12px 20px; text-decoration: none; -webkit-transition: none; transition: none; } .menu .hassub-v1 .submenu li.hover, .menu .hassub-v1 .submenu li:hover { background: #f6f6f6; } .menu .hassub-v1 .submenu li.active > .link > a, .menu .hassub-v1 .submenu li.active > .link > span { font-weight: 600; } .menu .hassub-v1 .submenu li.hassub > .link > a, .menu .hassub-v1 .submenu li.hassub > .link > span { position: relative; padding-right: 29px; } .menu .hassub-v1 .submenu li.hassub > .link > a:after, .menu .hassub-v1 .submenu li.hassub > .link > span:after { top: 17px; right: 14px; overflow: hidden; color: #999; position: absolute; text-decoration: none !important; display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea06"; font-size: 11px; } .menu .hassub-v1 .submenu li.hassub.hover > .submenu { top: 0; left: 100%; visibility: visible; opacity: 1; } .menu .hassub-v1 .submenu li.rtl.hassub.hover .submenu { left: auto; right: 100%; } .menu .hassub-v1.sub_l { position: static; } .menu .hassub-v1.rtl.hover > .submenu { left: auto; right: 0; } .menubar .hassub-v2 { position: static !important; } .menubar .hassub-v2 .submenu .link a { display: block; padding: 5px 0; font-size: 15px; color: #000; } .menubar .hassub-v2 .submenu-ul > li { padding: 0 30px; } .menubar .hassub-v2 .submenu-ul > li > .link a { font-weight: 600; } .menubar .hassub-v2 .submenu-ul > li > .link, .menubar .hassub-v2 .submenu-ul > li ul { overflow: hidden; } .menubar .hassub-v2 .item-img { float: left; width: 64px; text-align: center; margin: 5px 15px 5px 0; } .menubar .hassub-v2 .item-img img { max-width: 64px; max-height: 64px; width: auto; height: auto; } .menubar .hassub-v2-without-pictures .submenu-ul { padding: 30px 0; } .menubar .hassub-v2-without-pictures .submenu-ul > li { padding: 0 30px; } .menubar .hassub-v2-with-pictures .submenu-ul { padding: 20px 0 30px; } .menubar .hassub-v2-with-pictures .submenu-ul > li { padding: 0 30px; margin-top: 10px; } .menubar .hassub-v2-cols-2 .submenu-ul { -webkit-column-count: 2; column-count: 2; } .menubar .hassub-v2-cols-2 .submenu-ul > li { width: 50%; } .menubar .hassub-v2-cols-3 .submenu-ul { -webkit-column-count: 3; column-count: 3; } .menubar .hassub-v2-cols-3 .submenu-ul > li { width: 33.33333%; } .menubar .hassub-v2-cols-4 .submenu-ul { -webkit-column-count: 3; column-count: 3; } .menubar .hassub-v2-cols-4 .submenu-ul > li { width: 33.33333%; } @media screen and (min-width: 1200px) { .menubar .hassub-v2-cols-4 .submenu-ul { -webkit-column-count: 4; column-count: 4; } .menubar .hassub-v2-cols-4 .submenu-ul > li { width: 25%; } } .menubar .hassub-v2-cols-5 .submenu-ul { -webkit-column-count: 3; column-count: 3; } .menubar .hassub-v2-cols-5 .submenu-ul > li { width: 33.33333%; } @media screen and (min-width: 1200px) { .menubar .hassub-v2-cols-5 .submenu-ul { -webkit-column-count: 4; column-count: 4; } .menubar .hassub-v2-cols-5 .submenu-ul > li { width: 25%; } } @media screen and (min-width: 1360px) { .menubar .hassub-v2-cols-5 .submenu-ul { -webkit-column-count: 5; column-count: 5; } .menubar .hassub-v2-cols-5 .submenu-ul > li { width: 20%; } } .menubar .hassub-v2-cols-6 .submenu-ul { -webkit-column-count: 4; column-count: 4; } .menubar .hassub-v2-cols-6 .submenu-ul > li { width: 25%; } @media screen and (min-width: 1200px) { .menubar .hassub-v2-cols-6 .submenu-ul { -webkit-column-count: 5; column-count: 5; } .menubar .hassub-v2-cols-6 .submenu-ul > li { width: 20%; } } @media screen and (min-width: 1360px) { .menubar .hassub-v2-cols-6 .submenu-ul { -webkit-column-count: 6; column-count: 6; } .menubar .hassub-v2-cols-6 .submenu-ul > li { width: 16.66667%; } } .menubar .hassub-v2-view-grid .submenu-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .menubar .hassub-v2-view-masonry .submenu-ul > li { display: inline-block; width: 100%; } .menubar .hassub-v2-wide .submenu { background: #fff; position: absolute; left: 0; right: 0; z-index: -1; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: normal; top: -10000px; opacity: 0; visibility: hidden; } @media screen and (min-width: 1420px) { .menubar .hassub-v2-wide .submenu-in2 { margin: 0 -30px; } } .menubar .hassub-v2-wide.hover .submenu { top: 100%; left: 0; visibility: visible; opacity: 1; } .menubar .hassub-v2-narrow .submenu-in { background: #fff; position: absolute; left: 0; right: 0; z-index: -1; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: normal; top: -10000px; opacity: 0; visibility: hidden; } .menubar .hassub-v2-narrow.hover .submenu-in { top: 100%; left: 0; visibility: visible; opacity: 1; } @media screen and (min-width: 1420px) { .s_menubar_position-v1 .hassub-v2 .submenu-in2 { margin: 0 -15px; } } .side-menu { background: #fff; border: 1px solid #ededed; } .side-menu, .side-menu ul { padding-left: 0; list-style: none; } .side-menu li { border-top: 1px solid #ededed; position: relative; white-space: normal; } .side-menu li:first-child { border-top: none; } .side-menu li > .link > a, .side-menu li > .link > span { padding: 12px 20px; font-size: 15px; color: #000; display: block; text-decoration: none; } .side-menu li.hover > .link a, .side-menu li:hover > .link a { background: rgba(0, 0, 0, 0.05); } .side-menu li li.active > .link a { font-weight: 600; } .side-menu > li.active > .link a { color: #fff; } .side-menu-accordion .js_sub_toggle { display: none; } .side-menu-accordion .submenu { padding: 6px 0 6px 12px; } .side-menu-accordion .submenu li { border-top: none; } .side-menu-accordion .submenu li a { padding-top: 9px; padding-bottom: 9px; } .side-menu-accordion .submenu li:hover > .link a { background: none; -webkit-box-shadow: none; box-shadow: none; } .side-menu-accordion .submenu li > .link a:hover { text-decoration: underline; } .side-menu-accordion > li > .submenu { display: none; } .side-menu-accordion > li > .submenu .submenu { display: none; padding: 0 0 0 12px; } .side-menu-accordion > li > .submenu li.active > .submenu { display: block; } .side-menu-accordion > li > .link { position: relative; } .side-menu-accordion > li > .link .js_sub_toggle { position: absolute; width: 42px; top: 0; right: 0; bottom: 0; line-height: 43px; text-align: center; font-size: 18px; display: block; z-index: 1; cursor: pointer; background: transparent; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .side-menu-accordion > li > .link .js_sub_toggle .fa { color: inherit; } .side-menu-accordion > li > .link .js_sub_toggle .fa-angle-up { display: none; } .side-menu-accordion > li > .link .js_sub_toggle:hover { background: rgba(0, 0, 0, 0.1); } .side-menu-accordion > li > .link .js_sub_toggle + a { padding-right: 42px !important; } .side-menu-accordion > li > .link .js_sub_toggle .fa-angle-down { display: inline; } .side-menu-accordion > li > .link .js_sub_toggle .fa-angle-up { display: none; } .side-menu-accordion > li.opened > .link .js_sub_toggle .fa-angle-down { display: none; } .side-menu-accordion > li.opened > .link .js_sub_toggle .fa-angle-up { display: inline; } .side-menu-accordion > li.opened > .submenu { display: block; } .side-menu-accordion > li.active > .submenu { display: block; } .side-menu-accordion > li.active .js_sub_toggle .fa { color: #fff; } .side-menu-accordion > li.active .js_sub_toggle:hover { background: rgba(255, 255, 255, 0.1); } .side-menu-accordion.initialized > li.active > .submenu { display: none; } .side-menu-accordion.initialized > li.opened > .submenu { display: block; } .side-menu-dropdown .js_sub_toggle { display: none; } .side-menu-dropdown .submenu { width: 250px; margin-top: -1px; background: #fff; visibility: hidden; position: absolute; top: -10000px; left: -10000px; white-space: nowrap; -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); border: 1px solid #ededed; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .side-menu-dropdown li.hassub > .link > a, .side-menu-dropdown li.hassub > .link > span { position: relative; padding-right: 28px; } .side-menu-dropdown li.hassub > .link > a:after, .side-menu-dropdown li.hassub > .link > span:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea06"; font-size: 11px; top: 17px; right: 13px; overflow: hidden; color: inherit; position: absolute; text-decoration: none !important; } .side-menu-dropdown li.hassub.hover > .submenu { top: 0; left: 100%; visibility: visible; opacity: 1; } .homeslider { clear: both; overflow: hidden; position: relative; } .homeslider.s_homeslider-small { max-width: 1330px !important; margin-left: auto; margin-right: auto; } .s_site_boxed-yes .homeslider { max-width: none; } .homeslider .homeslider-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 32px; background: #fff; overflow: hidden; opacity: 1; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (min-width: 992px) { .homeslider .homeslider-loader { font-size: 40px; } } .homeslider .homeslider-loader:after { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; } .homeslider .slick-slider { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .homeslider .slick-slider.slick-initialized { width: auto !important; opacity: 1; } .homeslider .slick-slider.slick-initialized + .homeslider-loader { height: 0; min-height: 0; visibility: hidden; } .homeslider.s_homeslider-responsive .slick-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .homeslider.s_homeslider-responsive .slick-slider > .item { width: 100%; } .homeslider.s_homeslider-scalable { min-height: 62px; } .homeslider .slick-slide { float: none; height: auto; } .homeslider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .homeslider .slick-track:before, .homeslider .slick-track:after { display: none; } .homeslider .slick-dots { position: absolute; bottom: 15px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .homeslider .slick-dots li { position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; } .homeslider .slick-dots li button { background: transparent; position: relative; text-indent: -9999px; display: block; width: 20px; height: 20px; margin: 0 4px; padding: 0; outline: 0; border: none; border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.5); -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .homeslider .slick-dots li button:focus, .homeslider .slick-dots li button:hover { outline: none; } .homeslider .slick-dots li button:before { content: ""; position: absolute; opacity: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: 50%; -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.15); } .homeslider .slick-dots li.slick-active button { border: 2px solid #fff; } .homeslider .slick-dots li.slick-active button:before { -webkit-box-shadow: none; box-shadow: none; opacity: 0; } .homeslider .slick-arrow { position: absolute; z-index: 1; background: none; margin: 0; padding: 0; height: 100%; top: 0; width: 56px; color: #fff; opacity: 0; cursor: pointer; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .homeslider .slick-arrow i { background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 56px; margin-top: -28px; width: 56px; height: 56px; line-height: 56px; font-size: 28px; border-radius: 50%; top: 50%; position: absolute; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); } .homeslider .slick-arrow:hover i { background: rgba(0, 0, 0, 0.7); } .homeslider .slick-prev { left: 0; -webkit-transform: translate(-33%, 0); -ms-transform: translate(-33%, 0); transform: translate(-33%, 0); } .homeslider .slick-prev i { text-indent: -4px; right: 0; } .homeslider .slick-next { right: 0; -webkit-transform: translate(33%, 0); -ms-transform: translate(33%, 0); transform: translate(33%, 0); } .homeslider .slick-next i { text-indent: 4px; left: 0; } .homeslider:hover .slick-arrow { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .homeslider .anim { opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .homeslider .anim-fade-in { opacity: 0; } .homeslider .anim-scale-in { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .homeslider .anim-scale-out { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .homeslider .anim-slide-bottom { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .homeslider .anim-slide-top { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); opacity: 0; } .homeslider .anim-slide-left { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .homeslider .anim-slide-right { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } .homeslider .slide-animate .anim { opacity: 1; -webkit-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } .homeslider .item { outline: none; position: relative; overflow: hidden; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } .homeslider .slide-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: transparent; } .homeslider .slide-link-overlay, .homeslider .slide-mobile-link-overlay, .homeslider .slide-mobile-bg-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; } .homeslider .slide-link-overlay { display: block; } @media screen and (max-width: 991px) { .homeslider .slick-arrow { display: none !important; } .homeslider .slide-mobile-bg-overlay, .homeslider .slide-mobile-link-overlay { display: block; } } .homeslider .slide-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .homeslider .slide-bg img { display: none; } .homeslider .s_slide-bg_blurred .slide-bg { -webkit-filter: blur(5px); filter: blur(5px); margin: -10px; } .homeslider .item-in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homeslider .slide-text-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: -1; } .homeslider .slide-text { padding: 0; color: #333; } .homeslider .slide-text.s_slide-text-bg-yes { padding: 25px; } .homeslider .slide-text.s_slide-text-bg-yes .slide-text-bg { display: block; } .homeslider .slide-text .title { font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0 0 15px; color: inherit; } .homeslider .slide-text .text { font-size: 15px; } .homeslider .slide-text .bottom { margin: 25px -10px 0 0; } .homeslider .slide-text .bottom * { vertical-align: middle; } .homeslider .slide-text .btn { margin-right: 10px; text-transform: uppercase; } .homeslider .slide-text .price { font-size: 30px; font-weight: 600; display: inline-block; } .homeslider .slide-img { height: 100%; } .homeslider .slide-img-bg { position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; left: 50%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media screen and (max-width: 1199px) { .homeslider .slide-img-bg { background-size: contain; width: 100% !important; height: 100% !important; } } .homeslider .s_slide-img-v-top { top: 0; background-position: center top; } .homeslider .s_slide-img-v-bottom { bottom: 0; background-position: center bottom; } .homeslider .s_slide-img-v-center { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .homeslider .s_slide-ltr .slide-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: auto; } .homeslider .s_slide-ltr .slide-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; } .homeslider .s_slide-rtl .slide-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; } .homeslider .s_slide-rtl .slide-img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: auto; } .homeslider .s_slide-center .slide-text { text-align: center; margin: 0 auto; float: none; } .homeslider .s_slide-center .slide-img { display: none; } .s_homeslider-responsive .item-in { max-width: 1360px; margin: 0 auto; height: 100%; padding-left: 30px; padding-right: 30px; max-width: none; } .s_homeslider-responsive .slide-img { display: none; height: 100%; } @media screen and (max-width: 991px) { .s_homeslider-responsive .slick-arrow { display: none !important; } .s_homeslider-responsive .slide-mobile-bg-overlay { display: block; } } @media screen and (max-width: 767px) { .s_homeslider-responsive .item-in { position: relative; padding-top: 20px; padding-bottom: 50px; } .s_homeslider-responsive .slide-text { text-align: center; } .s_homeslider-responsive .slide-text .title { font-size: 20px; } .s_homeslider-responsive .slide-text .text { font-size: 13px; } .s_homeslider-responsive .slide-text .bottom { margin-top: 10px; } .s_homeslider-responsive .slide-text .bottom > * { margin-top: 5px; } .s_homeslider-responsive .slide-text .price { font-size: 20px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .s_homeslider-responsive .slide-text { max-width: 449px; margin: 0 auto; } } @media screen and (min-width: 768px) { .s_homeslider-responsive .slide-text { width: 45%; } .s_homeslider-responsive .slide-img { display: block; width: 45%; } .s_homeslider-responsive .s_slide-center .slide-text { max-width: 500px; } } @media screen and (min-width: 992px) { .s_homeslider-responsive .slick-arrow { width: 71px; } .s_homeslider-responsive .item-in { padding-left: 86px; padding-right: 86px; } .s_homeslider-responsive .slide-text { width: 40%; } } @media screen and (min-width: 1200px) { .s_homeslider-responsive.s_homeslider-small .item-in, .s_site_boxed-yes .s_homeslider-responsive .item-in { padding-left: 86px; padding-right: 86px; } } @media screen and (min-width: 1532px) { .s_homeslider-responsive .item-in { padding-left: 0; padding-right: 0; max-width: 1330px; } } @media screen and (min-width: 1602px) { .s_site_boxed-no .s_homeslider-responsive .slick-arrow { width: 106px; } } @media screen and (min-width: 1420px) { .s_site_boxed-yes .s_homeslider-responsive .slick-arrow { width: 86px; } .s_site_boxed-yes .s_homeslider-responsive .item-in { max-width: none; padding-left: 116px; padding-right: 116px; } } @media screen and (min-width: 768px) { .s_home_layout-w_sidebar .s_homeslider-responsive .item-in { max-width: none; padding: 20px 30px 50px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .s_home_layout-w_sidebar .s_homeslider-responsive .item-in { min-height: 0; } .s_home_layout-w_sidebar .s_homeslider-responsive .slide-text { width: auto; } .s_home_layout-w_sidebar .s_homeslider-responsive .slide-img { display: none; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .s_home_layout-w_sidebar .s_homeslider-responsive .slide-text { width: 50%; } } .s_homeslider-scalable .item-in { position: absolute; width: 1330px; height: 100%; padding: 0; left: 50%; top: 50%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .s_homeslider-scalable .slide-text { width: 40%; } .s_homeslider-scalable .slide-img { width: 45%; } @media screen and (max-width: 991px) { .s_homeslider-scalable .slide-mobile-bg-overlay, .s_homeslider-scalable .slide-mobile-link-overlay { display: block; } .s_homeslider-scalable .slick-arrow { display: none !important; } .s_homeslider-scalable .slide-text .title { font-size: 32px; } .s_homeslider-scalable .slide-text .text { font-size: 20px; } .s_homeslider-scalable .slide-text .bottom .btn { font-size: 18px; } } @media screen and (min-width: 992px) { .s_homeslider-scalable .slick-arrow { width: 71px; } .s_home_layout-wo_sidebar .s_homeslider-scalable .item-in { padding-left: 86px; padding-right: 86px; } } @media screen and (min-width: 1200px) { .s_homeslider-scalable.s_homeslider-small .item-in, .s_site_boxed-yes .s_homeslider-scalable .item-in { padding-left: 86px; padding-right: 86px; } } @media screen and (min-width: 1330px) { .s_homeslider-scalable .slick-arrow { width: 71px; } } @media screen and (min-width: 1532px) { .s_homeslider-scalable .item-in { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 1602px) { .s_site_boxed-no .s_homeslider-scalable .slick-arrow { width: 106px; } } @media screen and (min-width: 1420px) { .s_site_boxed-yes .s_homeslider-scalable .slick-arrow { width: 86px; } .s_site_boxed-yes .s_homeslider-scalable .item-in { max-width: none; width: 100%; padding-left: 116px; padding-right: 116px; } } .page-block.banner-block { text-align: center; } .page-block.banner-block .banner-link { display: block; background-position: center; background-size: cover; } .features-block .row { margin: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .features-block .row:before, .features-block .row:after { display: none; } .features-block .item { padding: 5px; } .features-block .item a { display: block; text-decoration: none; } .features-block .item-in { display: block; padding: 20px; height: 100%; } .features-block.features-block-home-v1 .item-in { position: relative; border: 1px solid #f6f6f6; background-color: #fff; padding: 20px; } @media screen and (min-width: 768px) { .features-block.features-block-home-v1 .item-in { padding: 30px 25px; } } .features-block.features-block-home-v1 .item-in:before { content: ""; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .features-block.features-block-home-v1 .item-in:after { content: ""; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .features-block.features-block-home-v1 .item-in:hover:before { opacity: 0; } .features-block.features-block-home-v1 .item-in:hover:after { opacity: 1; } .features-block.features-block-home-v2 .row { margin: -15px; } .features-block.features-block-home-v2 .item { padding: 15px; } .features-block.features-block-home-v2 .item-in { padding: 0; } .features-block.features-block-page .item-in { padding: 15px; } @media screen and (max-width: 767px) { .features-block.features-block-page .item-in { padding-left: 0; padding-right: 0; } } .features-block .item-icon { width: 48px; height: 48px; text-align: center; margin: 0 15px 0 0; float: left; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .features-block .item-icon img { max-width: 48px; } .features-block .item-icon svg { fill: currentColor; } .features-block .item-icon .fa { font-size: 48px; } .features-block .item-content { overflow: hidden; } .features-block .item-title { color: #000; font-size: 16px; font-weight: 600; margin: -3px 0 10px; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .features-block .item-text { color: #7c7c7c; font-weight: 400; font-size: 13px; } .features-block .item-text * { margin: 0; padding: 0; } .offers-grid { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -2px; } .offers-grid:before, .offers-grid:after { display: none; } .offers-grid .item { padding: 2px; width: 100%; } .offers-grid .item-in { height: 143px; position: relative; overflow: hidden; } .offers-grid .col-w-1, .offers-grid .col-w-2 { width: 100%; } .offers-grid .item-content { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 15px; } .offers-grid .item-title { font-size: 18px; font-weight: 600; } .offers-grid .item-text { font-size: 14px; margin-top: 7px; } @media screen and (min-width: 480px) { .offers-grid { margin: -5px; } .offers-grid .item { padding: 5px; } .offers-grid .item-in { height: 220px; } .offers-grid .item-title { font-size: 22px; } .offers-grid .item-text { min-height: 40px; margin-bottom: -11px; } .offers-grid .item-content { padding: 25px; } } @media screen and (min-width: 768px) { .offers-grid .col-w-1 { width: 50%; } .offers-grid .col-w-2 { width: 100%; } .offers-grid .item-in { height: 270px; } } @media screen and (min-width: 992px) { .offers-grid .col-w-1 { width: 25%; } .offers-grid .col-w-2 { width: 50%; } } .offers-grid .link-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .offers-grid .item-img-bg { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .offers-grid .item-img-bg:after { content: ""; position: absolute; left: 0; right: 0; height: 160px; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(to bottom, #ffffff 0%, transparent 50%, rgba(0, 0, 0, 0.7) 100%); } .offers-grid .item-in:hover .item-img-bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .ms-dropdown-in { background: #fff; position: relative; z-index: 1; padding: 20px; } .ms-dropdown { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; color: #000; font-size: 14px; line-height: 18px; } .ms-dropdown:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); border: 1px solid #ededed; } .ms-dropdown.triangle-top:before { content: ""; z-index: 1; position: absolute; top: 10px; left: 68px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 11px solid #fff; -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.25)); } .ms-dropdown.triangle-bottom:before { content: ""; z-index: 1; position: absolute; bottom: -9px; left: 68px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 11px solid #fff; -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.25)); } .ms-dropdown .remove { position: absolute; right: 0; top: -4px; font-size: 12px; color: #919191; width: 30px; height: 22px; line-height: 26px; overflow: hidden; text-align: center; text-indent: -1px; cursor: pointer; } .ms-dropdown .remove:hover { color: #000; } .ms-dropdown .items { overflow-y: auto; overflow-x: hidden; max-height: 340px; } .ms-dropdown .item { clear: both; position: relative; padding-right: 10px; } .ms-dropdown .item .price { font-size: 16px; font-weight: 600; color: #000; } .ms-dropdown .item-in { display: block; margin-bottom: 20px; color: #000; } .ms-dropdown .item-in:hover { text-decoration: none; } .ms-dropdown .item-img { float: left; width: 64px; height: 64px; line-height: 64px; text-align: center; margin-right: 15px; } .ms-dropdown .item-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .ms-dropdown .item-content { overflow: hidden; } .ms-dropdown .item-name { margin-bottom: 5px; font-size: 14px; } .ms-dropdown .item-name a { color: #000; text-decoration: none; } .ms-dropdown .ms-dropdown-footer { border-top: 1px solid #ededed; padding-top: 20px; } .ms-dropdown .ms-dropdown-footer a { text-transform: uppercase; } .ms-dropdown .cart-popup-bottom { border-top: 1px solid #ededed; padding-top: 20px; } .ms-dropdown .cart-popup-bottom .cart-sum { font-weight: 600; } .ms-dropdown .cart-popup-bottom .btn-to-cart { font-weight: 600; } .ms-dropdown .cart-popup-bottom .btn-to-checkout { padding-left: 0; padding-right: 0; font-weight: 600; color: #000; } .ms-dropdown .cart-popup-total { margin-bottom: 15px; } .page-heading { padding: 15px 0; margin-bottom: 30px; } .page-heading .breadcrumbs { margin-bottom: 5px; } .page-heading h1 { margin: 0; font-weight: 600; font-size: 24px; } @media screen and (min-width: 768px) { .page-heading { padding: 20px 0; } .page-heading h1 { font-size: 30px; } } @media screen and (min-width: 992px) { .page-heading-v1 { margin-bottom: 30px; padding: 33px 0; } .page-heading-v1 h1 { float: left; margin-right: 15px; } .page-heading-v1 .breadcrumbs { float: right; margin: 10px 0 0; } } @media screen and (min-width: 992px) { .page-heading-v2 { margin-bottom: 30px; padding: 20px 0; } } .page-heading-v3 { margin: 0 0 30px; padding: 0; } .page-heading-v3.s_page_heading_bg_type-no { margin-top: 0; } @media screen and (max-width: 767px) { .page-heading-v3.s_page_heading_bg_type-no { padding: 15px; margin-left: -15px; margin-right: -15px; margin-bottom: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } } @media screen and (max-width: 991px) { .page-heading-v1.s_page_heading_bg_type-no, .page-heading-v2.s_page_heading_bg_type-no { margin-bottom: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } } @media screen and (min-width: 992px) { .page-heading-v1.s_page_heading_bg_type-no, .page-heading-v2.s_page_heading_bg_type-no { padding: 0; margin-top: 30px; margin-bottom: 30px; } } @media screen and (min-width: 992px) { .page-product-detail .s_page_heading_bg_type-no { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #eee; } } .s_page_heading_bg-light { background: #efefef; } .s_page_heading_bg-dark { background: #333; } .s_page_heading_bg_type-image { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .s_page_heading_bg_type-texture { background-position: 0 0; background-repeat: repeat; } .s_page_heading_text-dark h1 { color: #000; } .s_page_heading_text-dark .breadcrumbs { color: #777; } .s_page_heading_text-dark .breadcrumbs a { color: #444; } .s_page_heading_text-dark .breadcrumbs a:hover { color: #272727; } .s_page_heading_text-light h1 { color: #fff; } .s_page_heading_text-light .breadcrumbs { color: #d6d6d6; } .s_page_heading_text-light .breadcrumbs a { color: #fff; } .s_page_heading_text-light .breadcrumbs a:hover { color: #fff; } .breadcrumbs { padding-left: 0; list-style: none; font-size: 13px; color: #7f7f7f; margin: 0; } @media screen and (min-width: 768px) { .breadcrumbs { font-size: 14px; } } .breadcrumbs li { float: left; margin: 0; } .breadcrumbs li:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea06"; color: inherit; margin: 0 10px; font-size: 10px; } .breadcrumbs li:last-child:after { display: none; } @media screen and (max-width: 480px) { .breadcrumbs li { display: none; } .breadcrumbs li:after { display: none; } .breadcrumbs li:nth-last-child(2) { display: inline-block; } .breadcrumbs li:nth-last-child(2):before { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea05"; margin: 0; margin-right: 5px; font-size: 10px; } } .breadcrumbs a { color: inherit; text-decoration: none; } .attached-files { margin: 0 -15px; } .attached-files li { float: left; padding: 0 15px; margin: 10px 0; } .attached-files li a { color: gray; text-decoration: none; } .attached-files li a:hover .file-name { text-decoration: underline; } .attached-files .file-icon { float: left; margin-right: 13px; } .attached-files .file-icon .fa { font-size: 30px; color: #6f6f6f; } .attached-files .file-icon .fa-file-pdf-o { color: #bb0706; } .attached-files .file-icon .fa-file-word-o { color: #2c5898; } .attached-files .file-icon .fa-file-excel-o { color: #207347; } .attached-files .file-icon .fa-file-powerpoint-o { color: #d04727; } .attached-files .file-icon .fa-file-archive-o { color: #a88b63; } .attached-files .file-desc { overflow: hidden; } .attached-files .file-name { color: #333; font-size: 13px; } .attached-files .file-size { color: #999; font-size: 12px; } @media screen and (min-width: 992px) { .attached-files li { width: 33.33333%; } .attached-files li:nth-child(3n + 1) { clear: both; } } @media screen and (min-width: 768px) and (max-width: 991px) { .attached-files li { width: 50%; } .attached-files li:nth-child(2n + 1) { clear: both; } } @media screen and (min-width: 480px) and (max-width: 767px) { .attached-files li { width: 33.33333%; } .attached-files li:nth-child(3n + 1) { clear: both; } } @media screen and (min-width: 400px) and (max-width: 479px) { .attached-files li { width: 50%; } .attached-files li:nth-child(2n + 1) { clear: both; } } @media screen and (max-width: 399px) { .attached-files li { width: 100%; } .attached-files li:nth-child(1n + 1) { clear: both; } } .block-accordion { margin: 0; } .block-accordion .panel + .panel { margin-top: 20px; } .block-accordion .panel > .panel-heading { padding: 0; background: #fff; } .block-accordion .panel > .panel-heading a { display: block; padding: 17px 20px; line-height: 1.5; padding-right: 45px; text-decoration: none; position: relative; -webkit-transition: none; transition: none; color: #333; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .block-accordion .panel > .panel-heading a:before, .block-accordion .panel > .panel-heading a:after { content: " "; display: table; } .block-accordion .panel > .panel-heading a:after { clear: both; } .block-accordion .panel > .panel-heading a .link-border { margin-right: 10px; } .block-accordion .panel > .panel-heading a .pay { color: inherit; float: right; margin-left: 10px; } .block-accordion .panel > .panel-heading a:hover { background: #f1f1f1; } .block-accordion .panel > .panel-heading a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 0; font-size: 18px; padding: 18px 18px 0 0; color: inherit; content: "\f107"; } .block-accordion .panel > .panel-heading a[aria-expanded="true"] { color: #fff; } .block-accordion .panel > .panel-heading a[aria-expanded="true"] span { border-bottom-color: transparent; } .block-accordion .panel > .panel-heading a[aria-expanded="true"]:after { content: "\f106"; } @media screen and (max-width: 479px) { .block-accordion .panel > .panel-heading a { padding: 15px 35px 15px 15px; } .block-accordion .panel > .panel-heading a:after { padding: 12px 15px 0 0; } .block-accordion .panel > .panel-heading a .pay { float: none; display: block; margin-top: 5px; margin-left: 0; } } .block-accordion .panel-body { padding: 20px 20px 30px; color: #333; } .block-accordion .panel-body > :first-child { margin-top: 0; } .block-accordion .panel-body > :last-child { margin-bottom: 0; } .side-banner .item a { display: block; position: relative; } .side-banner .item img { width: 100%; height: auto; } .side-banner .slick-dots { position: absolute; list-style: none; display: block; padding: 0; margin: 0; width: 100%; } .side-banner .slick-dots li { position: relative; margin: 10px 4px 0; padding: 0; cursor: pointer; display: inline-block; width: auto; height: auto; } .side-banner .slick-dots li button { background: #d9d9d9; position: relative; text-indent: -9999px; overflow: hidden; display: block; width: 16px; height: 16px; margin: 0; padding: 0; outline: none; border: none; border-radius: 50%; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .side-banner .slick-dots li button:focus, .side-banner .slick-dots li button:hover { outline: none; } .side-banner .slick-dots li button:after { background: #fff; content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; display: block; border-radius: 50%; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .side-banner .slick-dots li button:hover { background: #b3b3b3; } .side-banner .slick-dots li.slick-active button:after { opacity: 0; } .side-banner .slick-arrow { background: rgba(0, 0, 0, 0.5); position: absolute; text-align: center; z-index: 1; top: 50%; width: 40px; height: 40px; margin-top: -20px; line-height: 44px; border-radius: 50%; font-size: 18px; opacity: 0; cursor: pointer; z-index: 2; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); color: #fff; text-align: center; } .side-banner .slick-arrow.slick-prev { left: 10px; } .side-banner .slick-arrow.slick-next { right: 10px; } .touch .side-banner .slick-arrow, .touch .side-banner .icon-zoom, .side-banner .slick-slider:hover .slick-arrow, .side-banner .slick-slider:hover .icon-zoom { opacity: 1; } @media screen and (max-width: 767px) { .side-banner .slick-arrow, .side-banner .icon-zoom { opacity: 1; } } .side-banner .image:hover .icon-zoom, .side-banner .slick-arrow:hover { background: rgba(0, 0, 0, 0.7); } .tabs-default .tabs-ctrl { margin-bottom: 10px; } @media screen and (min-width: 480px) { .tabs-default .tabs-ctrl { margin-bottom: 17px; } } .tabs-default .tabs-ctrl a { position: relative; text-decoration: none; display: inline-block; color: #343f49; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; padding: 6px 12px; border: 2px solid transparent; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (min-width: 480px) { .tabs-default .tabs-ctrl a { margin: 0 10px 10px 0; padding: 8px 17px; font-size: 16px; } } .tabs-default .tabs-ctrl a:last-child { margin-right: 80px; } .tabs-default .tabs-ctrl a:after { content: ""; opacity: 0; position: absolute; left: 50%; bottom: -8px; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0; border-color: transparent; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .tabs-default .tabs-ctrl a.active:hover { color: #343f49; } .tabs-default .tabs-ctrl a.active:after { opacity: 1; } .tabs-default .tab-content > .tab-pane { display: block; overflow: hidden; height: 0; visibility: hidden; display: none; } .tabs-default .tab-content > .tab-pane.active { height: auto; overflow: visible; visibility: visible; display: block; } .contacts-page .phone { font-size: 20px; color: #333; vertical-align: -1px; } .contacts-page .contacts-info .list-icons { padding-left: 0 !important; } .contacts-page .contacts-info .list-icons li { margin: 15px 0; } .contacts-page .contacts-info .list-icons li .fa-phone { margin: 7px 2px 0 -27px; } .contacts-page .contacts-info .list-icons a { color: inherit; } .contacts-page .contacts-requisites { line-height: 1.75; } .multicol-icons-block { color: #333; margin-bottom: 50px; } .multicol-icons-block .item:before, .multicol-icons-block .item:after { content: " "; display: table; } .multicol-icons-block .item:after { clear: both; } .multicol-icons-block .item a { display: block; text-decoration: none; color: inherit; } .multicol-icons-block .item a:hover .item-title { text-decoration: underline; } .multicol-icons-block .item-icon { float: left; width: 42px; margin-right: 15px; text-align: center; } .multicol-icons-block .item-icon .fa { font-size: 32px; } .multicol-icons-block .item-icon img { max-width: 32px; height: auto; } .multicol-icons-block .item-content { overflow: hidden; } .multicol-icons-block .item-title { font-weight: 600; font-size: 16px; margin: 0 0 7px; } .multicol-icons-block .item-title a:hover { text-decoration: underline; } .multicol-icons-block .item-text { text-decoration: none !important; } .multicol-icons-block .item-text * { margin: 0; padding: 0; } @media screen and (max-width: 991px) { .multicol-icons-block { padding-top: 0; margin-bottom: -15px; } .multicol-icons-block .item { margin-bottom: 15px; } .multicol-icons-block .item-icon { text-align: center; } .multicol-icons-block .item-icon img { max-width: 100%; } } @media screen and (max-width: 767px) { .p-btn-compare { display: none !important; } } .category-description h1, .category-description .h1, .category-description h2, .category-description .h2, .category-description h3, .category-description .h3, .category-description h4, .category-description .h4, .category-description h5, .category-description .h5, .category-description h6, .category-description .h6 { margin: 0 0 20px; color: #333; } .category-description-text { max-height: 100px; overflow: hidden; } .category-description-top { margin-bottom: 60px; } @media screen and (min-width: 768px) { .category-description-top { margin-bottom: 70px; } } .category-description-bottom { margin-bottom: 70px; } @media screen and (min-width: 768px) { .category-description-bottom { margin-bottom: 80px; } } .categories.view-grid { margin-left: -14px; margin-right: -15px; } .categories.view-grid .item { position: relative; } .categories.view-grid .item .item-in { color: #000; background: #fff; display: block; border: 1px solid #ededed; height: 100%; margin-left: -1px; position: relative; padding: 15px 15px 20px; text-decoration: none; text-align: center; } @media screen and (min-width: 480px) { .categories.view-grid .item .item-in { padding: 19px 19px 23px; } } .no-touch .categories.view-grid .item .item-in:before { content: ""; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .no-touch .categories.view-grid .item .item-in:hover { z-index: 1; } .no-touch .categories.view-grid .item .item-in:hover:before { opacity: 1; } .categories.view-grid .item-img { position: relative; margin-bottom: 12px; max-height: 177px; } .categories.view-grid .item-img .img-hover-overlay { top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(75%, #ffffff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #ffffff 75%); position: absolute; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .categories.view-grid .item-img:hover .img-hover-overlay { opacity: 1; } .categories.view-grid .item-img:before { content: ""; display: block; padding-top: 100%; } .categories.view-grid .item-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .categories.view-grid .item-name { font-size: 13px; font-weight: 600; line-height: 1.25; } @media screen and (max-width: 767px) { .page-category .categories.view-grid { margin-top: -30px; } } @media screen and (min-width: 768px) { .categories.view-grid { margin-left: 1px; margin-right: 0; } } @media screen and (min-width: 480px) { .categories.view-grid .item-name { font-size: 15px; } } .categories.view-grid--no-photo .item-in { padding: 15px; } @media screen and (min-width: 480px) { .categories.view-grid--no-photo .item-in { padding: 20px 15px; } } .categories.view-links { margin-left: -15px; } .categories.view-links .item { display: inline-block; margin-left: 15px; margin-bottom: 10px; } .categories.view-links .item-link { font-weight: 600; text-decoration: none; } .categories.view-links .item-link:hover { text-decoration: underline; } .page-category .categories { margin-bottom: 40px; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: opacity 300ms linear; transition: opacity 300ms linear; } .product-item-image-original { z-index: 0; } .product-item-image-alternative { z-index: 1; opacity: 0; } .product-item-image-wrapper { position: relative; display: block; margin-bottom: 15px; width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-item-image-wrapper:after { display: block; content: ""; padding-top: 100%; } .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } @media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; height: 1px; opacity: 0.8; } .product-item-image-slider-control-container { position: absolute; right: 0; bottom: 10px; left: 0; padding: 0; text-align: center; opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; } .product-item-image-slider-control { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(128, 128, 128, 0.8); opacity: 0.6; cursor: pointer; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; } .product-item-image-slider-control.active { opacity: 1; } .product-item-image-slider-progress-bar, .product-item-image-slider-control.active, .product-item-image-slider-control:hover { background: #1459a8; } .products .item:hover .product-item-image-slider-control-container { opacity: 1; } .products.view-compact { margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 768px) { .products.view-compact { margin-left: 0; margin-right: 0; } } .products.view-compact a { text-decoration: none; } .products.view-compact > .item { border: 1px solid #ededed; border-left: none; border-right: none; padding: 15px; margin-top: -1px; position: relative; overflow: hidden; } @media screen and (min-width: 768px) { .products.view-compact > .item { border: 1px solid #ededed; overflow: visible; } } @media screen and (min-width: 992px) { .products.view-compact > .item { padding: 19px; } } .no-touch .products.view-compact > .item:before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: -1; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .no-touch .products.view-compact > .item:hover { z-index: 1; } .no-touch .products.view-compact > .item:hover:before { opacity: 1; } .products.view-compact .price-current, .products.view-compact .price-old { display: inline-block; } .products.view-compact .price-current { font-size: 16px; } .products.view-compact .price-old { font-size: 14px; } @media screen and (min-width: 480px) { .products.view-compact .price-current { font-size: 20px; } .products.view-compact .price-old { font-size: 16px; } } .products.view-compact .price-economy { margin-top: 6px; } .products.view-compact .image-wrap { position: relative; max-width: 78px; margin-left: auto; margin-right: auto; } .products.view-compact .image { display: block; } .products.view-compact .product-stickers { top: -15px; left: -15px; } @media screen and (max-width: 479px) { .products.view-compact .product-stickers { top: -7px; left: -7px; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } } @media screen and (max-width: 991px) { .products.view-compact .product-stickers { top: -7px; left: -7px; } } .products.view-compact .product-sticker { margin-bottom: -5px; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 11px !important; font-weight: 700; } .products.view-compact .name { font-size: 16px; } .products.view-compact .name a { text-decoration: none; } .products.view-compact .buy-buttons { display: inline-block; } .products.view-compact .p-btn { margin: 6px 8px 0 0; } .products.view-compact .p-btn:last-child { margin-right: 0; } .products.view-compact .btn-buy, .products.view-compact .btn-detail, .products.view-compact .btn-catalog-subscribe { margin-right: 15px; min-width: 144px; padding-left: 12px; padding-right: 12px; text-align: center; text-transform: uppercase; } .products.view-compact .btn-catalog-subscribe { padding-left: 10px; padding-right: 10px; } .products.view-compact .stocks { margin-right: 15px; } .products.view-compact .stocks, .products.view-compact .rating { display: inline-block; vertical-align: middle; margin-top: 10px; } @media screen and (max-width: 991px) { .products.view-compact .name { padding-right: 35px; } .products.view-compact .p-btn { margin-top: 0; margin-bottom: 10px; } .products.view-compact .item-col-buttons { position: static; } .products.view-compact .product-buttons { position: absolute; right: 15px; top: 15px; width: 25px; } } @media screen and (max-width: 1199px) { .products.view-compact .prices { margin-top: 10px; } .products.view-compact .name { margin-bottom: 0; } .products.view-compact .item-col { float: right; } .products.view-compact .item-col-img { float: left; padding-right: 0; } .products.view-compact .item-col-buttons { margin-top: 10px; } } @media screen and (min-width: 992px) { .products.view-compact .product-buttons { display: inline-block; vertical-align: -2px; } } @media screen and (min-width: 1200px) { .products.view-compact .row { margin: 0; } .products.view-compact .item-col { padding: 0 0 0 20px; } .products.view-compact .item-col-img { width: 8.333%; padding-left: 0; } .products.view-compact .item-col-name { width: 38.541%; } .products.view-compact .item-col-price { width: 29.166%; text-align: center; } .products.view-compact .item-col-buttons { width: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .products.view-compact .product-buttons { min-width: 60px; min-height: 1px; } .products.view-compact .image { max-width: 80px; margin: 0 auto; } .products.view-compact .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .products.view-compact .row:before, .products.view-compact .row:after { content: none; } } .products.view-grid { position: relative; } .products.view-grid:hover, .products.view-grid.hover { z-index: 100; } .products.view-grid:not(.slider) { margin-left: -14px; margin-right: -15px; } @media screen and (min-width: 480px) { .products.view-grid:not(.slider) { margin-left: 0; margin-right: 0; } } .products.view-grid .slick-list { margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 480px) { .products.view-grid .slick-list { margin-left: 1px; padding-left: 1px; margin-right: 2px; } } .products.view-grid a { text-decoration: none; } .products.view-grid .slick-track { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .products.view-grid .slick-track:before, .products.view-grid .slick-track:after { display: none; } .products.view-grid .slick-track > .item, .products.view-grid > .item { position: relative; height: auto; } .products.view-grid .item-in { background: #fff; border: 1px solid #ededed; display: block; height: 100%; margin-left: -1px; position: relative; top: 0; left: 0; right: 0; padding: 20px 15px 7px; text-decoration: none; } .products.view-grid .item-in:before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: -1; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (min-width: 480px) { .products.view-grid .item-in { padding: 23px 19px 25px; } } .products.view-grid .hover-block { display: none; } .no-touch .products.view-grid > .item.hover, .no-touch .products.view-grid .slick-track > .item.hover { z-index: 3; } .no-touch .products.view-grid > .item.hover .item-in, .no-touch .products.view-grid .slick-track > .item.hover .item-in { position: absolute; height: auto; min-height: 100%; } .no-touch .products.view-grid > .item.hover .item-in:before, .no-touch .products.view-grid .slick-track > .item.hover .item-in:before { opacity: 1; } .no-touch .products.view-grid > .item.hover .hover-block, .no-touch .products.view-grid .slick-track > .item.hover .hover-block { display: block; } .products.view-grid .image-wrap { position: relative; } .products.view-grid .product-item-image-wrapper { max-width: 210px; margin-left: auto; margin-right: auto; } .products.view-grid .image { display: block; } .products.view-grid .image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .products.view-grid .product-stickers { left: -5px; top: -8px; } @media screen and (max-width: 767px) { .products.view-grid .product-stickers { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } } .products.view-grid .product-buttons { position: absolute; right: -5px; top: -10px; z-index: 2; } .products.view-grid .product-buttons .p-btn { margin-left: 8px; opacity: 0; } .no-touch .products.view-grid .item:hover .p-btn, .no-touch .products.view-grid .item.hover .p-btn, .no-touch .products.view-grid .product-buttons .p-btn.is-active { opacity: 1; } .touch .products.view-grid .product-buttons .p-btn { opacity: 1; } .products.view-grid .name { margin-top: 30px; line-height: 20px; } .products.view-grid .name a { font-size: 13px; color: #000; display: block; } @media screen and (min-width: 480px) { .products.view-grid .name a { font-size: 15px; } } @media screen and (min-width: 768px) { .products.view-grid .name a { height: 40px; overflow: hidden; } } .products.view-grid .item-section { margin-top: 30px; } .products.view-grid .item-section a { font-size: 13px; color: #666; } .products.view-grid .item-section + .name { margin-top: 5px; } .products.view-grid .stocks { margin-top: 10px; } .products.view-grid .rating { position: absolute; left: 0; top: 100%; margin-top: 5px; } .products.view-grid .prices { margin-top: 5px; line-height: 1.2; } .products.view-grid .price-current { display: inline-block; font-size: 18px; margin-top: 5px; } .products.view-grid .price-old { display: inline-block; font-size: 14px; margin-top: 5px; vertical-align: 2px; } .products.view-grid .qty-block { margin-top: 20px; } .products.view-grid .item .qty-block:first-child { margin-top: 15px; } @media screen and (min-width: 480px) { .products.view-grid .price-current { font-size: 20px; } } .products.view-grid .price-economy { margin-top: 5px; } .products.view-grid .btn-buy { display: block; } .products.view-grid .price-economy { display: none; } .products.view-grid .product-sku { margin-top: 10px; } .products.view-grid .product-sku.view-buttons.type-colors .item { margin-right: 10px; } .products.view-grid .buy-buttons { margin-top: 20px; } .products.view-grid .btn-buy-1click { margin-bottom: -10px; } .products.view-grid .product-not-avail-meessage { margin-top: 10px; color: #6b6b6b; font-size: 13px; } .products.view-grid .item-features { margin-bottom: 0; margin-top: 10px; } .products.view-grid .item-features .feature { margin: 0 0 4px; } .products.view-grid .item-features .feature-name { font-weight: 400; color: #666; display: inline; } .products.view-grid .item-features .feature-name span { background: #fff; position: relative; z-index: 1; font-size: 12px; } .products.view-grid .item-features .feature-value { color: #333; font-size: 12px; font-weight: 600; display: inline; } .products.view-grid .item-features .btn-show-all-features { font-size: 13px; } @media screen and (min-width: 768px) { .products.view-grid .price-economy { display: block; } } @media screen and (max-width: 991px) { .products.view-grid .item-features { display: none; } } .products.view-grid.slider .item { margin-top: 0; } .no-touch .products.view-grid.hover .slick-list { padding-bottom: 400px; margin-bottom: -400px; } .products.view-list { margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 768px) { .products.view-list { margin-left: 0; margin-right: 0; } } .products.view-list a { text-decoration: none; } .products.view-list .product { border: 1px solid #ededed; padding: 15px; margin-top: -1px; position: relative; border-left: none; border-right: none; overflow: hidden; } @media screen and (min-width: 768px) { .products.view-list .product { border: 1px solid #ededed; padding: 30px 15px; overflow: visible; } } .no-touch .products.view-list .product:before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: -1; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .no-touch .products.view-list .product:hover { z-index: 1; } .no-touch .products.view-list .product:hover:before { opacity: 1; } .products.view-list .art, .products.view-list .description, .products.view-list .rating, .products.view-list .stocks, .products.view-list .item-features { margin-top: 10px; } @media screen and (min-width: 768px) { .products.view-list .art, .products.view-list .description, .products.view-list .rating, .products.view-list .stocks, .products.view-list .item-features { margin-top: 13px; } } .products.view-list .qty-block { margin-top: 15px; } .products.view-list .price-current, .products.view-list .price-old { display: inline-block; } .products.view-list .price-current { font-size: 16px; } .products.view-list .price-old { font-size: 14px; } .products.view-list .rating .star { font-size: 16px; } .products.view-list .rating .count { vertical-align: 4px; } @media screen and (min-width: 480px) { .products.view-list .price-current { font-size: 20px; } .products.view-list .price-old { font-size: 16px; } } .products.view-list .price-economy { margin-top: 6px; } .products.view-list .item-left { padding-right: 0; } .products.view-list .image-wrap { position: relative; max-width: 180px; margin-left: auto; margin-right: auto; } .products.view-list .image { display: block; } .products.view-list .product-stickers { top: -15px; left: -15px; } @media screen and (max-width: 479px) { .products.view-list .product-stickers { top: -7px; left: -7px; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } } @media screen and (max-width: 767px) { .products.view-list .product-stickers { top: -7px; left: -7px; } } .products.view-list .name { font-size: 18px; } .products.view-list .name a { text-decoration: none; } .products.view-list .item-section { margin-bottom: 5px; } .products.view-list .item-section a { font-size: 13px; color: #666; } .products.view-list .btn-show-all-features .nc-icon { font-size: 10px; margin-right: 8px; } .products.view-list .buy-buttons, .products.view-list .product-buttons { margin-top: 15px; } .products.view-list .product-buttons .p-btn { margin-right: 8px; } .products.view-list .product-buttons .p-btn:first-child { margin-top: 0; } .products.view-list .btn-buy { margin-right: 15px; } @media screen and (max-width: 479px) { .products.view-list .item-img { margin-bottom: 10px; } .products.view-list .name { font-size: 16px; } .products.view-list .description { font-size: 13px; } .products.view-list .product-badges { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } } @media screen and (max-width: 1199px) { .products.view-list .name { padding-right: 35px; } .products.view-list .item-right { position: static; } .products.view-list .product-buttons { position: absolute; right: 15px; top: 15px; width: 25px; } .products.view-list .product-buttons .p-btn { margin-top: 10px; } .products.view-list .item-features { margin-bottom: 10px; } .products.view-list .item-features .feature { margin: 0 0 10px; } .products.view-list .item-features .feature-name { font-weight: 400; color: #666; display: inline; } .products.view-list .item-features .feature-name:after { content: ":"; } .products.view-list .item-features .feature-value { display: inline; color: #333; font-weight: 600; } } @media screen and (max-width: 767px) { .products.view-list .item-left { padding-right: 0; } .products.view-list .item-content { overflow: hidden; } .products.view-list .name { padding-right: 0; } } @media screen and (min-width: 1200px) { .products.view-list .image { max-width: 180px; margin: 0 auto; } .products.view-list .btn-buy { max-width: 172px; display: block; } .products.view-list .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .products.view-list .row:before, .products.view-list .row:after { content: none; } .products.view-list .item-left { padding-left: 30px; width: 22%; } .products.view-list .item-center { border-right: 1px solid #f4f4f4; padding: 0 30px; width: 50%; } .products.view-list .item-right { padding-left: 30px; padding-right: 30px; width: 28%; } .products.view-list .item-features { margin-bottom: 0; } .products.view-list .item-features .feature { margin: 0 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products.view-list .item-features .feature-name { float: left; width: 50%; font-weight: 400; color: #666; position: relative; clear: both; } .products.view-list .item-features .feature-name:after { content: ""; position: absolute; bottom: 4px; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; } .products.view-list .item-features .feature-name span { background: #fff; position: relative; padding-right: 9px; z-index: 1; } .products.view-list .item-features .feature-value { width: 50%; color: #333; font-weight: 600; padding-left: 9px; } } .page-category .products { margin-bottom: 30px; } .products .image .img-hover-overlay { top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(75%, #ffffff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #ffffff 75%); position: absolute; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .products .image:hover .img-hover-overlay { opacity: 1; } .products .name a { color: #000; } .products .price-old { font-size: 14px; text-decoration: line-through; color: #6b6b6b; white-space: nowrap; } .products .price-current { font-size: 20px; font-weight: 600; color: #000; margin-right: 4px; white-space: nowrap; } .products .price-economy { font-size: 14px; color: #ac0000; } .products .rating { font-size: 14px; line-height: 1; } .products .rating .stars { display: inline; } .products .rating .star { color: #ededed; margin-right: 1px; } .products .rating .star.active { color: #ffd700; } .products .rating .count { vertical-align: 3px; margin-left: 2px; color: #b7b7b7; } .products .rating-in:hover { opacity: 0.75; } .products .btn-buy, .products .btn-detail, .products .btn-catalog-subscribe { padding: 10px 16px; font-size: 13px; text-align: left; font-weight: 700; text-transform: uppercase; } .products .btn-buy .nc-icon, .products .btn-detail .nc-icon, .products .btn-catalog-subscribe .nc-icon { font-size: 16px; margin: 0 7px 0 0; vertical-align: -3px; } .products .btn-fast-view { position: absolute; display: none; left: 50%; top: 50%; width: 160px; height: 36px; margin-top: -18px; margin-left: -80px; line-height: 36px; background: #000; text-align: center; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 600; opacity: 0; z-index: 1; } .no-touch .products .btn-fast-view { display: block; } .products .image-wrap:hover .btn-fast-view { opacity: 0.6; } .products .image-wrap:hover .btn-fast-view:hover { opacity: 0.75; } .products .btn-buy-1click { padding: 10px 0; line-height: 20px; display: inline-block; font-size: 13px; font-weight: 600; color: #202020; } .products .btn-buy-1click span { border-bottom: 1px dotted transparent; } .products .btn-buy-1click:hover span { border-color: inherit; } .products .product-not-avail-meessage { margin-top: 10px; color: #6b6b6b; font-size: 13px; } .products .qty-block[disabled] { pointer-events: none; opacity: 0.5; } .products .qty-block .qty-label { display: inline-block; vertical-align: 1px; } .products .qty-block .qty-price-total { margin-top: 5px; } .products .qty-form { position: relative; display: inline-block; margin-right: 10px; } .products .qty-form .qty-input { width: 96px; height: 32px; background: #fff; border: 1px solid #ededed; text-align: center; padding: 0 32px; color: #5d5d5d; font-size: 14px; line-height: 30px; } .products .qty-form .qty-input:focus { outline: none; } .products .qty-form .qty-btn { width: 30px; height: 30px; position: absolute; top: 1px; } .products .qty-form .qty-btn:not(.disabled):hover { background: #f3f3f3; } .products .qty-form .qty-btn.disabled { cursor: default; } .products .qty-form .qty-btn:before, .products .qty-form .qty-btn:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; background: #b7b7b7; } .products .qty-form .qty-btn:before { width: 12px; height: 2px; margin-top: -1px; margin-left: -6px; } .products .qty-form .qty-btn:after { width: 2px; height: 12px; margin-top: -6px; margin-left: -1px; } .products .qty-form .qty-minus { left: 1px; } .products .qty-form .qty-minus:after { display: none; } .products .qty-form .qty-plus { right: 1px; } .product-stickers { top: 0; left: 0; position: absolute; z-index: 1; pointer-events: none; } .product-stickers .product-sticker { margin-bottom: -10px; width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; color: #fff; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 0 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-stickers .product-sticker.new { background: #5fa015; } .product-stickers .product-sticker.bestseller { background: #ff9123; } .product-stickers .product-sticker.discount { background: #fb4247; font-size: 16px; } .product-buttons .p-btn { background: #e0e0e0; display: inline-block; text-align: center; width: 25px; height: 25px; line-height: 29px; font-size: 12px; border-radius: 50%; color: #fff; cursor: pointer; } .product-buttons .p-btn:hover { background: #bababa; } .stocks { font-size: 13px; } .stocks .stock-icon { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit !important; font-size: 14px; margin-right: 6px; vertical-align: -2px; } .stocks .stock-icon:after { content: "\ea0e"; } .stocks .stock-count { background: #fff; border: 1px solid; height: 20px; line-height: 18px; display: inline-block; min-width: 20px; text-align: center; font-size: 12px; margin-left: 5px; border-radius: 10px; opacity: 0.5; padding: 0 5px; } .stocks .stock-high { color: #5fa015; } .stocks .stock-low { color: #a80; } .stocks .stock-critical { color: #e02521; } .stocks .stock-none { color: #aaa; } .stocks .stock-none .stock-qty-label { display: none; } .stocks .stock-none .stock-icon:after { content: "\ea16"; } .product-sku { margin-top: 15px; } .product-sku-title { margin-bottom: 5px; } .product-sku-content-in .product-sku-list-in { margin: 0; padding: 0; list-style: none; } .product-sku.view-buttons.type-colors .product-sku-list-in { margin: 0; } .product-sku.view-buttons.type-colors .item { float: left; width: 30px; height: 30px; margin: 10px 15px 5px 5px; position: relative; cursor: pointer; } .product-sku.view-buttons.type-colors .item-bg { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; background: #fff; border: 1px solid #dfdfdf; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .product-sku.view-buttons.type-colors .item-color { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .product-sku.view-buttons.type-colors .item:hover .item-bg { border-color: #adadad; } .product-sku.view-buttons.type-colors .item.selected .item-bg { width: 40px; height: 40px; border-width: 2px; } .product-sku.view-buttons.type-text .product-sku-list-in { margin: -10px 0 0 -10px; } .product-sku.view-buttons.type-text .item { float: left; margin: 10px 0 0 10px; position: relative; cursor: pointer; } .product-sku.view-buttons.type-text .item-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #d9d9d9; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .product-sku.view-buttons.type-text .item:hover .item-bg { border-color: #adadad; } .product-sku.view-buttons.type-text .item.selected .item-bg { border-width: 2px; } .product-sku.view-buttons.type-text .item-text { font-size: 13px; min-width: 34px; font-weight: 600; padding: 8px 10px; text-align: center; } .product-sku.view-select.type-dropdown .dropdown-btn { white-space: nowrap; background: #fff; font-size: 13px; color: #333; height: 38px; padding: 0 33px 0 13px; text-align: left; border: 1px solid #f0f0f0; position: relative; min-width: 50%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .product-sku.view-select.type-dropdown .dropdown-btn > .nc-icon { position: absolute; top: 14px; right: 13px; margin: 0; vertical-align: middle; color: #333; font-size: 10px; } .product-sku.view-select.type-dropdown .dropdown-btn:hover, .product-sku.view-select.type-dropdown .dropdown.open .dropdown-btn { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .product-sku.view-select.type-dropdown .dropdown-menu { padding: 0; font-size: 13px; min-width: 50%; border: 1px solid #e1e1e1; } .product-sku.view-select.type-dropdown .dropdown-menu li { margin: 0; } .product-sku.view-select.type-dropdown .dropdown-menu li i { margin-left: 4px; color: inherit; } .product-sku.view-select.type-dropdown .dropdown-menu li i.sort-asc { vertical-align: -2px; border-top-color: #fff; } .product-sku.view-select.type-dropdown .dropdown-menu li i.sort-desc { border-bottom-color: #fff; } .product-sku.view-select.type-dropdown.open .dropdown-menu { display: block; } .item-discount-period { background: #619e15; font-size: 12px; color: #fff; display: inline-block; padding: 2px 5px; border-radius: 2px; font-weight: 600; margin-top: 10px; margin-bottom: -5px; } .item-detail .item-discount-period { margin-top: 0; margin-bottom: 10px; font-size: 13px; } .lazy-load-btn { margin-top: -10px; margin-bottom: 20px; } .popup-window { max-width: 100%; font-family: inherit; } .popup-window .popup-window-titlebar span { color: #4d4d4d; } .popup-window .bx-catalog-subscribe-form-container-input input { display: block; width: 100%; height: 41px; padding: 10px 15px; font-size: 14px; line-height: 1.429; color: #333; background-color: #fff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .popup-window-titlebar-close-icon:after { content: "\ea16"; background-image: none; font: normal normal normal 1em/1 UberShop; } #bx-catalog-subscribe-form-notify { margin: 0 0 10px; } .catalog-toolbar { color: #666; font-size: 13px; margin-bottom: 10px; margin-left: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-toolbar a { cursor: pointer; } .catalog-toolbar .btn.active { -webkit-box-shadow: none; box-shadow: none; } .catalog-toolbar .item { margin: 0 0 10px 15px; } .catalog-toolbar .item-label { margin: 0 7px 0 0; display: inline-block; vertical-align: middle; } @media screen and (max-width: 767px) { .catalog-toolbar .item-label { display: none; } } .catalog-toolbar .item-content { display: inline-block; vertical-align: middle; } .catalog-toolbar .dropdown { display: inline-block; } .catalog-toolbar .item-filter-button button { height: 38px; line-height: 38px; padding: 0 15px; } .catalog-toolbar .dropdown-btn { white-space: nowrap; background: #fff; font-size: 13px; color: #333; height: 38px; padding: 0 33px 0 13px; text-align: left; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .catalog-toolbar .dropdown-btn > .nc-icon { position: absolute; top: 14px; right: 13px; margin: 0; vertical-align: middle; color: #333; font-size: 10px; } .catalog-toolbar .dropdown-btn .icon-sort-order { font-size: 12px; color: #b5b5b5; margin-right: 4px; } .catalog-toolbar .dropdown-btn:hover, .catalog-toolbar .dropdown.open .dropdown-btn { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .catalog-toolbar .dropdown-menu { padding: 0; font-size: 13px; min-width: 100%; border: 1px solid #e1e1e1; } .catalog-toolbar .dropdown-menu li { margin: 0; } .catalog-toolbar .dropdown-menu li i { margin-left: 4px; color: inherit; } .catalog-toolbar .dropdown-menu li i.sort-asc { vertical-align: -2px; border-top-color: #fff; } .catalog-toolbar .dropdown-menu li i.sort-desc { border-bottom-color: #fff; } .catalog-toolbar .filter-button .btn { height: 28px; line-height: 27px; padding-top: 0; padding-bottom: 0; color: #fff; border: none; font-size: 13px; } .catalog-toolbar .item-sort .dropdown .btn { min-width: 160px; } .catalog-toolbar .item-sort .dropdown .dropdown-menu { min-width: 100%; } .catalog-toolbar .show-per-page-wrap .dropdown .btn { width: 60px; } .catalog-toolbar .show-per-page-wrap .dropdown .dropdown-menu { width: 60px; min-width: 0; } .catalog-toolbar .item-select-view { padding: 5px 0 0; margin-left: auto; } .catalog-toolbar .select-view-btn { float: left; background: transparent; border: none; width: 26px; height: 26px; line-height: 26px; padding: 0; margin-left: 5px; outline: none; text-align: center; color: #ccc; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .catalog-toolbar .select-view-btn:first-child { margin-left: 0; } .catalog-toolbar .select-view-btn .svgi { margin-top: 5px; } .catalog-toolbar .select-view-btn:hover { color: #000; } .page-category .categories + .catalog-toolbar { margin-top: -10px; } .bx-filter { width: 100%; min-width: 220px; margin-bottom: 20px; font-size: 14px; color: #000; } .bx-filter .bx-filter-section { background: #f6f6f6 !important; position: relative; padding: 25px 20px; } @media screen and (min-width: 992px) { .bx-filter .bx-filter-section { padding-left: 30px; padding-right: 30px; } } .bx-filter .panel-heading { padding-top: 12px; padding-bottom: 12px; } .bx-filter .panel-body { padding: 0; } .bx-filter .panel-heading { padding-left: 20px; padding-right: 20px; border-bottom: none; } .bx-filter .bx-filter-block { display: none; } .bx-filter .bx-filter-parameters-box { position: relative; margin-bottom: 20px; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter.modal-body { padding: 0; } .bx-filter .bx-filter-parameters-box-title { color: #000; font-size: 16px; font-weight: 600; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 4px; } .bx-filter .bx-filter-parameters-box-title span.title-text { color: #333; border-bottom: 1px dotted transparent; } .bx-filter .bx-filter-parameters-box-title:hover span.title-text { border-color: #6f6f6f; } .bx-filter .bx-filter-parameters-box-title .title-icon { margin-left: 4px; } .bx-filter .bx-filter-parameters-box-title .hint-icon { color: #b5b5b5; float: right; text-align: center; width: 22px; height: 22px; line-height: 22px; font-size: 16px; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .bx-filter .bx-filter-parameters-box-title .hint-icon:hover { color: #7f7f7f; } @media screen and (max-width: 767px) { .bx-filter .bx-filter-parameters-box-title .hint-icon { display: none; } } .bx-filter .bx-filter-parameters-box-title .popover { top: 20px !important; left: 100% !important; font-size: 13px; margin-left: -30px; } .bx-filter .bx-filter-parameters-box-title .popover .arrow { display: none; } .bx-filter .bx-filter-parameters-box-title .popover .popover-content { padding: 5px 10px; } .bx-filter .bx-filter-button-box .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-left { padding-right: 0; } .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-right { padding-left: 0; } .bx-filter .bx-filter-parameters-box .bx-filter-block i.bx-ft-sub { font-style: normal; display: inline-block; vertical-align: middle; width: 18px; text-transform: lowercase; } .bx-filter .bx-filter-parameters-box .bx-filter-block i.bx-ft-sub + .bx-filter-input-container { display: inline-block; vertical-align: middle; } .bx-filter .param-count { color: #666; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n + 1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n + 1) { clear: both; } } .bx-filter-parameters-box-container { padding-top: 10px; } .bx-filter-parameters-box-container .checkbox, .bx-filter-parameters-box-container .radio { margin-top: 12px; } .bx-filter-parameters-box-container .checkbox:first-child, .bx-filter-parameters-box-container .radio:first-child { margin-top: 0; } .bx-filter .bx-filter-input-container input { display: block; width: 100%; margin: 0; outline: none; height: 28px; padding: 4px; font-size: 14px; color: #333; text-align: center; border: 1px solid #ccc; } .bx-filter .bx-filter-input-container input:focus::-webkit-input-placeholder { opacity: 0; } .bx-filter .bx-filter-input-container input:focus::-ms-input-placeholder { opacity: 0; } .bx-filter .bx-filter-input-container input:focus::placeholder { opacity: 0; } .bx-filter-parameters-box-items .is-hidden { display: none; } .filter-parameters-show-more { text-decoration: none; } .filter-parameters-show-more .link-text { border-bottom: 1px dotted transparent; } .filter-parameters-show-more:hover .link-text { border-bottom-color: inherit; } .filter-parameters-show-more .show-more-icon { display: inline-block; width: 16px; height: 16px; background: #ccc; border-radius: 50%; position: relative; margin-left: 7px; vertical-align: -4px; } .filter-parameters-show-more .show-more-icon:before { content: ""; position: absolute; width: 8px; height: 2px; background: #fff; left: 4px; top: 7px; } .filter-parameters-show-more .show-more-icon:after { content: ""; position: absolute; width: 2px; height: 8px; background: #fff; left: 7px; top: 4px; } .filter-parameters-show-more.is-close .show-more-icon:after { display: none; } .bx-ios .bx-filter .bx-filter-input-container input { background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background-image: linear-gradient(#fff 0%, #fff 100%); } .bx-filter .bx-filter-button-box { clear: both; } .bx-filter .bx-ui-slider-track-container { padding: 40px 5px 5px; padding-top: 35px; padding-bottom: 16px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #b5b5b5; } .bx-filter .bx-ui-slider-part.p1 { left: 0; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: 0; } .bx-filter .bx-ui-slider-part span { font-size: 11px; position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-v, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-range { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: -webkit-grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: -webkit-grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 22px; height: 22px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:after { content: ""; display: block; width: 0; height: 0; border-bottom: 16px solid; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -21px; } .bx-filter .bx-ui-slider-handle.left:after { border-left: 16px solid transparent; float: right; } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -21px; } .bx-filter .bx-ui-slider-handle.right:after { border-right: 16px solid transparent; float: left; } .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; border: 1px solid #e5e5e5; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -o-border-image: url(images/border_default.png) 2 repeat; border-image: url(images/border_default.png) 2 repeat; } .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC) no-repeat center; } .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; margin: 0; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; margin-left: 3px; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-count { color: #666; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { opacity: 0.5; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { font-weight: 400; cursor: pointer; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-btn { margin-right: 15px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-text { vertical-align: -9px; } .bx-filter .bx-filter-param-btn-inline { margin-top: -5px; margin-left: -5px; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { margin: 5px 0 0 5px; float: left; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; -webkit-box-shadow: none; box-shadow: none; position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: " "; display: block; z-index: 1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==) no-repeat center; opacity: 0.7; } .bx-filter .bx-filter-param-btn { float: left; width: 30px; height: 30px; margin: 5px; position: relative; cursor: pointer; } .bx-filter .bx-filter-param-btn .bx-filter-btn-color-bg { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; background: #fff; border: 1px solid #dfdfdf; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .bx-filter .bx-filter-param-btn .bx-filter-btn-color-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: 400; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=) no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC) no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12); } .bx-filter span.bx-spm { font-size: 18px; line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } .bx-filter .bx-filter-param-label:hover .bx-filter-param-btn .bx-filter-btn-color-bg { border-color: #adadad; } .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn .bx-filter-btn-color-bg { width: 40px; height: 40px; border-width: 2px; } .bx-filter .bx-filter-select-text-icon, .bx-filter-select-popup .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-text .bx-filter-btn-color-icon, .bx-filter-select-popup .bx-filter-btn-color-icon { line-height: 24px; border-radius: 2px; display: inline-block; width: 20px; height: 20px; vertical-align: middle; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); background-size: cover; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; -webkit-box-shadow: none; box-shadow: none; } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: 0.2; } .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; color: #000; border-color: transparent; } .btn-themes { color: #fff; } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover { color: #fff; } .bx-filter-vertical .bx-filter-popup-result { font-size: 13px; font-weight: 400; position: absolute; z-index: 915; display: none; margin-top: -6px; white-space: nowrap; color: #fff; border: none; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .modal .bx-filter-vertical .bx-filter-popup-result { left: auto; right: auto; position: relative; float: right; margin-right: -20px; margin-left: 10px; } .bx-filter-vertical .bx-filter-popup-result-in { display: block; padding: 10px; color: inherit; position: relative; text-decoration: none; } .bx-filter-vertical .bx-filter-popup-result-in:after { content: ""; position: absolute; top: 50%; margin-top: -6px; width: 0; height: 0; color: #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (max-width: 1570px) { .bx-filter-vertical .bx-filter-popup-result { left: 100%; margin-left: 15px; } .bx-filter-vertical .bx-filter-popup-result-in:after { right: 100%; border-right: 7px solid; } } @media screen and (min-width: 1571px) { .bx-filter-vertical .bx-filter-popup-result { right: 100%; margin-right: 15px; } .bx-filter-vertical .bx-filter-popup-result-in:after { left: 100%; border-left: 7px solid; } } .bx-filter-horizontal .bx-filter-popup-result { display: inline-block; position: relative; left: auto; right: auto; margin-left: 0; margin-bottom: 15px; } .bx-filter-horizontal .bx-filter-popup-result a { color: #0073a3; line-height: 10px; } .bx-filter-horizontal .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter-horizontal .bx-filter-popup-result .bx-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-touch .bx-filter-horizontal .bx-filter-popup-result { font-size: 12px; position: relative !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: -20px -20px 10px; width: auto; height: auto; padding: 10px 20px; border: none; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #f5f5f5; } .bx-touch .bx-filter-horizontal .bx-filter-popup-result br { display: none; } } .filter_dropdown { z-index: 1050 !important; } .mobile-filter { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .mobile-filter .mobile-slide-panel-in { bottom: 44px; } .mobile-filter .bx-filter-section { background: #fff; padding-bottom: 5px; } .mobile-filter .bx-filter { margin: 0; overflow: hidden; } .mobile-filter .bx-filter .bx-filter-button-box { clear: both; position: fixed; bottom: 0; left: 0; right: 0; padding: 0; background: #fff; -webkit-box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.15); z-index: 2; } .mobile-filter .bx-filter .bx-filter-button-box .bx-filter-parameters-box-container { padding-top: 0; } .mobile-filter .bx-filter .bx-filter-button-box .btn { float: left; width: 50%; height: 44px; line-height: 44px; padding: 0; } .mobile-filter.active { display: block; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .catalog-item-links { margin-bottom: 20px; } .catalog-detail { margin-bottom: 20px; } .catalog-detail tr { vertical-align: top; } .catalog-detail-image { margin-right: 20px; } .tab-store-amount .tab-store { margin: 0 0 12px; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tab-store-amount .tab-store li { margin: 0; } .tab-store-amount .tab-store .stock-high .store-stock { color: #5fa015; } .tab-store-amount .tab-store .stock-low .store-stock { color: #a80; } .tab-store-amount .tab-store .stock-none .store-stock { color: #aaa; } .tab-store-amount .tab-store .stock-none .store-stock .stock-icon:after { content: "\ea16"; } .tab-store-amount .tab-store .store-title { float: left; width: 50%; font-weight: 400; color: #666; position: relative; clear: both; } .tab-store-amount .tab-store .store-title::after { content: ""; position: absolute; bottom: 4px; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; } .tab-store-amount .tab-store .store-title a, .tab-store-amount .tab-store .store-title span { background: #fff; position: relative; padding-right: 9px; z-index: 1; } .tab-store-amount .tab-store .store-stock { width: 50%; color: #333; font-weight: 600; padding-left: 9px; display: inline-block; } @media screen and (min-width: 992px) { .tab-store-amount .tab-store .store-title { width: 40%; } .tab-store-amount .tab-store .store-stock { width: 60%; } } .compare-page .notetext { color: inherit; } .bx_compare .bx_filtren_container { margin-bottom: 20px; } .bx_compare .bx_filtren_container .compare-filter-title { font-size: 15px; margin: 0 0 15px; float: right; } .bx_compare .bx_filtren_container ul { margin: 0; padding: 0; } .bx_compare .bx_filtren_container ul li { position: relative; display: inline-block; width: 150px; margin: 0 10px 10px 0; padding: 0; vertical-align: top; } .bx_compare .bx_filtren_container ul li > span { white-space: nowrap; } .bx_compare .bx_filtren_container ul li span { font-size: 13px; line-height: 20px; text-decoration: none; color: #3f3f3f; } .bx_compare .bx_filtren_container ul li label { white-space: normal; display: inline; margin-left: 4px; } .bx_compare .table_compare { overflow: auto; width: 100%; } .bx_compare .table_compare table { border-collapse: collapse; } .bx_compare .table_compare table tr td { font-size: 14px; position: relative; padding: 8px 15px; text-align: left; min-width: 230px; width: 230px; } .bx_compare .table_compare table .first-row ~ tr:nth-child(even) td { background: #f9f9f9; } .bx_compare .table_compare table tr td:first-child { font-weight: 600; color: #333; } .bx_compare .table_compare table tr td.bx_compare_del_col { text-align: center; } .bx_compare .table_compare table tr td.bx_compare_del_col a { font-size: 11px; } .bx_compare .table_compare table.compare-price tr td { font-weight: 400; background-color: transparent; white-space: nowrap; padding: 0; min-width: 0; width: auto; color: inherit; } .bx_compare .table_compare table.compare-price tr td:first-child { text-align: right; padding-right: 5px; } .bx_compare .table_compare table.compare-price tr td:last-child { text-align: left; padding-left: 5px; font-weight: 600; color: #333; } .bx_compare .table_compare table.compare-price tr td.simple:first-child { text-align: left; } .bx_compare .table_compare .first-row td { vertical-align: top !important; padding-bottom: 15px; } .bx_compare .table_compare .item-img { width: 200px; margin-bottom: 15px; } .bx_compare .table_compare .item-name { margin-bottom: 10px; } .bx_compare .bx_sort_container { margin-bottom: 15px; } .bx_compare .bx_sort_container .sorttext { font-size: 14px; display: block; margin-bottom: 10px; } .bx_compare .bx_sort_container .sortbutton { display: inline-block; margin-bottom: 10px; font-size: 13px; } .bx_compare .bx_sort_container .sortbutton.current { padding: 7px 15px; } .bx_compare .table_compare table tr td.compare-sort { padding-left: 0; } .tac { text-align: center; } .page-product-top a { text-decoration: none; } .page-product-top .product-main-img { display: block; position: relative; } .page-product-top .product-main-img:before { content: ""; display: block; padding-top: 100%; } .page-product-top .product-main-img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; } .page-product-top .product-rating-block { margin-bottom: 21px; } .page-product-top .rating { font-size: 16px; line-height: 16px; height: 16px; line-height: 1; } .page-product-top .rating .stars { display: inline-block; } .page-product-top .rating .star { float: left; color: #ededed; padding: 0 1px; cursor: pointer; } .page-product-top .rating .star.hover ~ .star { color: #ededed; } .page-product-top .rating .count { vertical-align: 3px; margin-left: 2px; color: #b7b7b7; font-size: 14px; } .page-product-top .product-art-number { display: inline-block; padding: 6px 15px; margin-bottom: 20px; background-color: #f6f6f6; color: #666; font-size: 14px; } .page-product-top .product-art-number b { font-weight: 600; color: #333; } .page-product-top .product-brand-logo { margin-bottom: 20px; } .page-product-top .product-features-block { margin-bottom: 30px; } .page-product-top .product-features-block .btn-show-all-features span { border-bottom: 1px dotted transparent; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .page-product-top .product-features-block .btn-show-all-features:hover span { border-color: inherit; } .page-product-top .product-features-block .btn-show-all-features .icon { font-size: 10px; vertical-align: -1px; margin-left: 7px; } .page-product-top .product-features-list-base { margin-bottom: 10px; } .page-product-top .product-features-list-base .feature { margin: 0 0 12px; } .page-product-top .product-features-list-base .feature-name { font-weight: 400; color: #666; display: inline; } .page-product-top .product-features-list-base .feature-name:after { content: ":"; } .page-product-top .product-features-list-base .feature-value { display: inline; color: #333; font-weight: 600; } .page-product-top .ya-share2__container_size_m .ya-share2__item { margin-right: 8px; margin-bottom: 8px; } .page-product-top .ya-share2__badge { border-radius: 14px; } .page-product-top .ya-share2__container_size_m .ya-share2__icon { width: 28px; height: 28px; background-size: 28px 28px; } .page-product-top .product-buttons-block .p-btn { display: inline-block; color: #333; font-size: 14px; line-height: 25px; margin-right: 18px; cursor: pointer; } .page-product-top .product-buttons-block .p-btn:hover .nc-icon { background: #adadad; } .page-product-top .product-buttons-block .p-btn .nc-icon { background: #e0e0e0; display: inline-block; text-align: center; width: 25px; height: 25px; overflow: hidden; line-height: 29px; font-size: 12px; border-radius: 50%; color: #fff; vertical-align: middle; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .page-product-top .product-buttons-block .p-btn-text { margin-left: 10px; vertical-align: -1px; } .page-product-top .product-buttons-block .p-btn-compare { margin-right: 0; } .page-product-top .product-buy-block { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border: 1px solid #ededed; background-color: #fff; padding: 20px; } .page-product-top .product-buy-block .stocks { margin-bottom: 11px; } .page-product-top .product-buy-block .cheaper-price { margin-bottom: 11px; } .page-product-top .product-buy-block .cheaper-price a { color: #1a8cff; font-size: 13px; border-bottom: 1px dotted; } .page-product-top .product-buy-block .prices { margin-bottom: 20px; } .page-product-top .product-buy-block .price-old { font-size: 18px; text-decoration: line-through; color: #919191; display: inline-block; } .page-product-top .product-buy-block .price-current { font-size: 24px; font-weight: 600; color: #000; margin-right: 4px; display: inline-block; white-space: nowrap; line-height: 1; } .page-product-top .product-buy-block .price-economy { font-size: 13px; color: #b00f0e; border: 1px solid #b00f0e; display: inline-block; border-radius: 3px; padding: 4px 5px; margin-top: 12px; } .page-product-top .product-buy-block .qty-block { margin-top: 20px; } .page-product-top .product-buy-block .qty-block[disabled] { pointer-events: none; opacity: 0.5; } .page-product-top .product-buy-block .qty-label { display: inline-block; vertical-align: 2px; } .page-product-top .product-buy-block .qty-price-total { margin-top: 10px; } .page-product-top .product-buy-block .qty-form { position: relative; display: inline-block; margin-right: 10px; } .page-product-top .product-buy-block .qty-form .qty-input { width: 96px; height: 32px; background: #fff; border: 1px solid #ededed; text-align: center; padding: 0 32px; color: #5d5d5d; font-size: 14px; line-height: 30px; } .page-product-top .product-buy-block .qty-form .qty-input:focus { outline: none; } .page-product-top .product-buy-block .qty-form .qty-btn { width: 30px; height: 30px; position: absolute; top: 1px; } .page-product-top .product-buy-block .qty-form .qty-btn:not(.disabled):hover { background: #f3f3f3; } .page-product-top .product-buy-block .qty-form .qty-btn.disabled { cursor: default; } .page-product-top .product-buy-block .qty-form .qty-btn:before, .page-product-top .product-buy-block .qty-form .qty-btn:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; background: #b7b7b7; } .page-product-top .product-buy-block .qty-form .qty-btn:before { width: 12px; height: 2px; margin-top: -1px; margin-left: -6px; } .page-product-top .product-buy-block .qty-form .qty-btn:after { width: 2px; height: 12px; margin-top: -6px; margin-left: -1px; } .page-product-top .product-buy-block .qty-form .qty-minus { left: 1px; } .page-product-top .product-buy-block .qty-form .qty-minus:after { display: none; } .page-product-top .product-buy-block .qty-form .qty-plus { right: 1px; } .page-product-top .product-buy-block .buy-buttons { margin-top: 20px; } .page-product-top .product-buy-block .btn-buy { display: block; text-align: left; padding: 10px 16px; font-size: 13px; font-weight: 700; } .page-product-top .product-buy-block .btn-buy .nc-icon { font-size: 16px; margin: 0 7px 0 0; vertical-align: -3px; } .page-product-top .product-buy-block .btn-catalog-subscribe { padding: 10px 16px; font-size: 13px; font-weight: 700; text-transform: uppercase; } .page-product-top .product-buy-block .btn-buy-1click { border-width: 1px; display: block; margin-top: 10px; font-weight: 600; text-align: left; text-transform: uppercase; } .page-product-top .product-buy-block .product-not-avail-meessage { margin-top: 15px; } .page-product-top .product-buy-block .product-item-detail-properties .item-price-range { margin-top: 5px; } .page-product-top .product-buy-block .product-item-detail-properties .count { display: inline; font-size: 13px; } .page-product-top .product-buy-block .product-item-detail-properties .count:after { content: ": "; } .page-product-top .product-buy-block .product-item-detail-properties .price { display: inline; font-weight: 600; color: #000; } .page-product-top .product-discount-block { padding: 20px; margin-top: 40px; background: #fbfbfb; border: 1px solid #ededed; } .page-product-top .product-discount-block .product-discount-title { color: #636363; font-weight: 600; margin-bottom: 20px; } .page-product-top .product-discount-block .product-discount-title span { color: #fb464a; border: 1px solid #fb464a; margin-right: 10px; padding: 2px 5px; } .page-product-top .product-discount-block ul { margin: 0; padding-left: 20px; } .page-product-top .product-discount-block ul li { margin: 0; padding: 5px 0; } .page-product-top .product-discount-block ul li a { display: block; margin-bottom: 5px; } .page-product-tabs { margin-top: 40px; margin-bottom: 40px; } .page-product-tabs .tabs-default .tabs-ctrl { display: none; } @media screen and (min-width: 768px) { .page-product-tabs .tabs-default .tabs-ctrl { display: block; } } .page-product-tabs .tabs-default .tabs-ctrl a { color: #000; } .page-product-tabs .tab-content { color: #333; margin: 0 -15px; } @media screen and (min-width: 768px) { .page-product-tabs .tab-content { border-top: 1px solid #eee; padding-top: 20px; padding-top: 35px; margin: 0; } } .page-product-tabs .tab-content h2 { margin-top: 0; } .page-product-tabs .tab-content .tab-mb { margin-bottom: 40px; } .page-product-tabs .tab-content .tab-mb:last-child { margin-bottom: 0; } .page-product-tabs .description-tab .attached-files { margin-bottom: 20px; } .page-product-tabs .description-tab > :first-child { margin-top: 0; } .page-product-tabs .question-tab .h2 { margin-top: 0; } .page-product-tabs .file-tab h2 { margin-top: 0; } .page-product-tabs .tabs-ctrl-mobile { position: relative; display: block; padding: 12px 42px 12px 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: -1px; text-decoration: none; } .page-product-tabs .tabs-ctrl-mobile:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 15px; top: 0; bottom: 0; font-size: 12px; line-height: 44px; color: #555; content: "\ea14"; } .page-product-tabs .tabs-ctrl-mobile.active { color: #fff; border-color: transparent; } .page-product-tabs .tabs-ctrl-mobile.active:after { color: #fff; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width: 768px) { .page-product-tabs .tabs-ctrl-mobile { display: none; } } @media screen and (max-width: 767px) { .page-product-tabs .tab-pane { padding: 30px 15px; display: none !important; height: 0 !important; overflow: hidden !important; } .page-product-tabs .tab-pane.active-mobile { display: block !important; height: auto !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } } .block-content { color: #333; } @media screen and (min-width: 768px) { .block-content { border-top: 1px solid #eee; margin: 40px 0; } } .block-content .video-block .items { margin-top: -20px; } .block-content .video-block .items .item { margin-bottom: 0; margin-top: 20px; } .block-content .store-block ul { padding: 0; margin: 0; list-style: none; } .product-features-list-detailed { margin-bottom: 0; } .product-features-list-detailed .feature { margin: 0 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-features-list-detailed .feature-name { float: left; width: 50%; font-weight: 400; color: #666; position: relative; clear: both; } .product-features-list-detailed .feature-name:after { content: ""; position: absolute; bottom: 4px; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; } .product-features-list-detailed .feature-name span { background: #fff; position: relative; padding-right: 9px; z-index: 1; } .product-features-list-detailed .feature-value { width: 50%; color: #333; font-weight: 600; padding-left: 9px; } @media screen and (min-width: 992px) { .product-features-list-detailed .feature-name { width: 40%; } .product-features-list-detailed .feature-value { width: 60%; } } .catalog-element-popup-inner { padding-right: 10px; max-width: 300px; font-size: 13px; } .catalog-element-popup-element { font-weight: 700; color: #ffa801; } #simple-prediction { z-index: 130 !important; } #simple-prediction .popup-window-angly-top { margin-left: 4px !important; } @media screen and (max-width: 530px) { #simple-prediction { margin-top: -15px; left: 15px !important; right: 15px !important; padding: 6px 10px; } #simple-prediction .popup-window-angly { display: none; } } .bx-set-constructor { border: 1px solid #ededed; border-radius: 0; margin-top: 40px; margin-bottom: 40px; padding: 20px 15px; color: #000; } .bx-set-constructor ~ .page-block-product-gifts .page-block-in { padding-top: 0; } .bx-set-constructor .bx-modal-small-title { color: #000; font-weight: 600; margin: 0 0 20px; font-size: 16px; } .bx-set-constructor .bx-original-item-container .bx-original-item-image { margin-bottom: 15px; } .bx-set-constructor .bx-original-item-container .bx-added-item-new-price { display: block; margin-top: 15px; } .bx-set-constructor .bx-constructor-result-table { min-height: 38px; } .bx-set-constructor .bx-constructor-result-table td { vertical-align: middle; } .bx-set-constructor .bx-constructor-result-table-title { font-size: 16px; } .bx-set-constructor .bx-constructor-result-table-value strong { font-size: 18px; } .bx-set-constructor .bx-constructor-result-btn-container { margin: 0; } .bx-set-constructor .bx-constructor-result-btn-container .bx-constructor-result-price { display: none; } .bx-set-constructor .btn-default { padding: 10px 15px; font-size: 13px; } .bx-set-constructor .bx-catalog-set-item-img { padding-top: 100%; } .bx-set-constructor .bx-catalog-set-topsale-slider-box { padding: 15px; } .bx-set-constructor .bx-catalog-set-topsale-slider { border-radius: 0; background: #f8f8f8; border: none; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin: 0 -15px 30px; } .bx-set-constructor .bx-catalog-set-topsale-slider:before { background: #f8f8f8; border-color: #ededed; } .bx-set-constructor .bx-catalog-set-item-container { margin-left: -1px; } .bx-set-constructor .bx-catalog-set-item-container:first-child { margin-left: 0; } .bx-set-constructor .bx-catalog-set-topsale-slider .bx-catalog-set-item { border: 1px solid #ededed; border-radius: 0; padding: 23px 19px; margin: 0; } .bx-set-constructor .bx-catalog-set-item-img { padding: 75% 0 0 !important; } @media screen and (max-width: 530px) { .bx-set-constructor .bx-added-item-table tr { padding-top: 15px; padding-bottom: 15px; position: relative; } .bx-set-constructor .bx-added-item-table-cell-itemname { padding-right: 50px; } .bx-set-constructor .bx-added-item-table-cell-del { height: 0; padding: 0; } .bx-set-constructor .bx-added-item-delete { position: absolute; right: -3px; top: 10px; width: 26px; height: 26px; } } .product-item-detail-slider-container { max-width: 100%; position: relative; background: transparent; } .product-item-detail-slider-container .product-stickers { z-index: 2; } .product-item-detail-slider-block { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: calc(70vh - 86px); max-height: 400px; } .product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 100%; } .product-item-detail-slider-images-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .product-item-detail-slider-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; opacity: 0; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; } .product-item-detail-slider-image.active { opacity: 1; z-index: 1; } .product-item-detail-slider-image img { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease; transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; height: auto; width: auto; max-height: 100%; max-width: 100%; outline: 1px solid transparent; } .product-item-detail-slider-progress-bar { height: 3px; position: absolute; left: 0; bottom: 0; z-index: 13; } .product-item-detail-slider-controls-block { padding-top: 30px; text-align: center; } .product-item-detail-slider-controls-image { width: 60px; height: 60px; background-color: #fff; position: relative; text-align: center; display: inline-block; outline: 1px solid #ededed; cursor: pointer; overflow: hidden; margin: 3px; } .bx-retina .product-item-detail-slider-controls-image { outline-width: 0.5px; } .bx-no-retina .product-item-detail-slider-controls-image.active { outline-width: 2px; } .bx-retina .product-item-detail-slider-controls-image.active { outline-width: 1px; } .product-item-detail-slider-controls-image img { max-width: 56px; max-height: 56px; height: auto; width: auto; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; } @media screen and (min-width: 768px) { .product-item-detail-slider-controls-image { width: 80px; height: 80px; } .product-item-detail-slider-controls-image img { max-width: 76px; max-height: 76px; } } .product-item-detail-slider-left, .product-item-detail-slider-right { display: block; position: absolute; cursor: pointer; opacity: 0.57; background: #ffffff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%...) no-repeat center; z-index: 12; top: 0; bottom: 0; width: 25%; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .product-item-detail-slider-left { left: 0; } .product-item-detail-slider-right { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover { opacity: 0.8; background-color: rgba(255, 255, 255, 0.4); } .product-item-detail-slider-close { display: none; } .product-item-detail-slider-container.popup .product-item-detail-slider-close { width: 50px; height: 50px; right: 132px; top: 5px; opacity: 0.27; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%...) no-repeat center; -webkit-transition: all 300ms ease; transition: all 300ms ease; bottom: 0; display: block; position: absolute; cursor: pointer; z-index: 13; } .product-item-detail-slider-container.popup .product-item-detail-slider-close:hover { opacity: 1; } .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 105px; } .product-item-detail-slider-container.magnified .product-item-detail-slider-image { z-index: 10; } .product-item-detail-slider-container.magnified .product-item-detail-slider-image img { outline-color: #ddd; } .product-item-detail-slider-container.magnified .product-item-detail-slider-left, .product-item-detail-slider-container.magnified .product-item-detail-slider-right { z-index: 3; } .product-item-detail-slider-container.magnified .product-item-label-text, .product-item-detail-slider-container.magnified .product-item-label-ring { opacity: 0; } .product-item-detail-slider-container.popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999999; } .product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; } .product-item-detail-slider-container.popup .product-item-detail-slider-block { height: 100vh; padding-top: 0; max-height: 100%; } .product-item-detail-slider-container.popup .product-item-detail-slider-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-item-detail-slider-container.popup .product-item-detail-slider-image img { width: auto; max-width: 100%; cursor: default; max-height: 90vh; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { border-left: 1px solid #ededed; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 0; padding: 15px; overflow-y: auto; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image { display: block; margin-bottom: 20px; } .product-item-detail-slider-container.popup .product-stickers { display: none; } @media (max-width: 767px) { .product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-block { padding-top: 0; bottom: 100px; top: 0; height: auto; max-height: none; left: 0; position: absolute; right: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-image img { max-height: calc(100% - 30px); } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { border-left: none; border-top: 1px solid #ededed; position: absolute; top: auto; right: 0; bottom: 0; left: 0; max-height: 111px; overflow-x: auto; white-space: nowrap; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image { display: inline-block; margin-bottom: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-close { top: 0; right: 0; } .product-item-detail-slider-left, .product-item-detail-slider-right { max-width: 60px; } .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 0; } .product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover { background-color: transparent; } } .page-product-tabs .tab-store-amount h4 { margin-top: 0; } .page-product-tabs .bx_storege h4 { margin-bottom: 0; } .page-product-tabs .bx_storege ul { list-style: none; margin: 0; padding: 0; } .page-product-tabs .bx_storege ul li { padding: 5px 0 20px; font-size: 14px; line-height: normal; } .page-product-tabs .bx_storege ul li img { margin: 10px 0; } .page-product-tabs .bx_storege ul li a:hover { text-decoration: underline; } @media screen and (min-width: 992px) { .page-product-v1 .product-col-left { padding-right: 30px; } } .page-product-v1 .product-main-img-section, .page-product-v1 .product-base-info { margin-bottom: 10px; } .page-product-v1 .product-base-info { margin-top: 11px; } @media screen and (min-width: 992px) { .page-product-v1 .product-base-info { padding-left: 0; } } @media screen and (min-width: 992px) { .page-product-v1 .product-main-img-section { float: right; width: 84%; } } .page-product-v1 .product-buy-section { margin-top: 10px; } @media screen and (min-width: 992px) { .page-product-v1 .product-buy-section { padding-left: 0; } } .page-product-v1 .product-sku-block { margin-top: 20px; } .page-product-v1 .product-buttons-block { margin-bottom: 14px; } @media screen and (max-width: 767px) { .page-product-v1 .product-buttons-block { text-align: right; } } .modal-fast-view .close { position: absolute; right: 10px; top: 10px; color: #333; font-size: 40px; line-height: 1; width: 40px; z-index: 1; } .modal-fast-view .modal-body { padding: 0; } .modal-fast-view .modal-dialog { max-width: 1100px; width: 100%; } .modal-fast-view .modal-content { padding: 30px; } .modal-fast-view h1 { margin-top: 0; } .pagination { padding: 0; margin: 30px 0; display: block; text-align: center; } .pagination li { display: inline-block; vertical-align: middle; margin: 0; } .pagination li a, .pagination li span { display: block; text-decoration: none; height: 36px; line-height: 34px; font-size: 14px; } .pagination .pagination-page { margin-left: 3px; margin-right: 3px; } .pagination .pagination-page a { color: #696969; background-color: #fff; border: 1px solid #e1e1e1; text-align: center; width: 36px; border-radius: 50%; } .pagination .pagination-page a:focus, .pagination .pagination-page a:hover { color: #696969; background-color: #eee; border-color: #e1e1e1; } .pagination .pagination-page.active a, .pagination .pagination-page.active a:focus, .pagination .pagination-page.active a:hover { font-weight: 600; cursor: default; } .pagination .pagination-dots { height: 36px; line-height: 35px; font-size: 16px; padding: 0 3px; } .pagination .pagination-arrow a { padding-left: 9px; padding-right: 9px; color: #b1b1b1; } .pagination .pagination-arrow a:hover { color: #3a8be8; } .pagination .pagination-arrow .nc-icon { vertical-align: -4px; } .pagination .pagination-arrow-left { margin-right: -3px; } .pagination .pagination-arrow-right { margin-left: -3px; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px; } div.bx-pagination .bx-pagination-container ul li span { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; background: #eff0f1 !important; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } div.bx-pagination .bx-pagination-container ul li a:hover span { background: #dadada !important; } .bx-pagination .bx-pagination-container ul li.bx-active span { background: #0083d1; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #dadada; color: #000; } .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span { background: #3bc915; color: #fff; } .bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span { background: #f9a91d; color: #fff; } .bx-pagination.bx-red .bx-pagination-container ul li.bx-active span { background: #e22b2b; color: #fff; } .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span { background: #0083d1; color: #fff; } .brands-slider { padding-left: 32px; padding-right: 32px; } .brands-slider .item { padding: 0 15px; } @media screen and (min-width: 992px) { .brands-slider .item { padding: 0 45px; } } .item-detail { color: #666; } .item-detail .item-detail-date, .item-detail .item-detail-subtitle, .item-detail .item-detail-price, .item-detail .item-detail-list-icons, .item-detail .item-detail-social, .item-detail .item-detail-btns { margin-bottom: 15px; } .item-detail .item-detail-date { font-size: 13px; color: #666; } .item-detail .item-detail-date .nc-icon { vertical-align: -2px; margin-right: 5px; } .item-detail .item-detail-list-icons { margin-bottom: 0; } .item-detail .item-detail-subtitle { font-size: 14px; font-weight: 600; color: #333; } .item-detail .item-detail-price { color: #333; font-weight: 700; font-size: 16px; } .item-detail .item-detail-text > :first-child { margin-top: 0; } .item-detail-one-col .item-detail-img { margin-bottom: 15px; } .item-detail-two-cols .item-detail-img { float: left; margin: 0 20px 20px 0; width: 100%; max-width: 300px; } .item-detail-two-cols .item-detail-content { overflow: hidden; } .item-detail-two-cols .item-detail-content :first-child { margin-top: 0; } .items { color: #333; } .items .list-icons { margin-bottom: 0; } .items .item-subtitle { font-weight: 600; color: #666; } .items .item-text { color: #333; } .items .item-text p { margin: 0; } .items .item-price { color: #333; font-weight: 700; } .items .item-list-icons { font-size: 13px; color: #333; } .items .item-list-icons li { margin-bottom: 0; } .items .item-social-icons { margin-left: -6px !important; } .items .item-btns .btn-link { text-decoration: none; } .items .item-btns .btn-link span { border-bottom: 1px dotted; } .items .item-btns .btn-link:hover span { border-bottom-color: transparent; } .items-view-grid .item-date, .items-view-grid .item-title, .items-view-grid .item-subtitle, .items-view-grid .item-price, .items-view-grid .item-text, .items-view-grid .item-list-icons, .items-view-grid .item-social-icons, .items-view-grid .item-btns { margin-top: 15px; margin-bottom: 0; } .items-view-grid .item-in { min-height: 100%; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); border: 1px solid #f2f2f2; background-color: #fff; -webkit-transition: border 0.15s ease, -webkit-box-shadow 0.15s ease; transition: border 0.15s ease, -webkit-box-shadow 0.15s ease; transition: box-shadow 0.15s ease, border 0.15s ease; transition: box-shadow 0.15s ease, border 0.15s ease, -webkit-box-shadow 0.15s ease; } .items-view-grid .item-in:hover { border: 1px solid #eaeaea; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .items-view-grid .item-content { padding: 20px; } .items-view-grid .item-content > :first-child { margin-top: 0; } .items-view-grid .item-img { margin: -1px -1px 0; } .items-view-grid .item-img .dummy img { min-width: 0; min-height: 0; width: 70%; height: auto; } .items-view-grid .item-date { font-size: 13px; color: #666; } .items-view-grid .item-date .nc-icon { vertical-align: -2px; margin-right: 5px; } .items-view-grid .item-title { display: block; font-size: 14px; font-weight: 600; color: #333; } .items-view-grid .item-title a { display: block; color: inherit; text-decoration: none; } .items-view-grid .item-subtitle { font-size: 13px; } .items-view-grid .item-text { font-size: 14px; } .items-view-grid { margin-left: -10px; margin-right: -10px; } .items-view-grid .item { float: left; padding: 0 10px; margin-bottom: 40px; } .items-view-grid.slider .slick-list { margin-left: -15px; margin-right: -15px; padding-bottom: 12px; margin-bottom: -12px; } .items-view-grid.slider .item { padding: 0 15px; margin-bottom: 12px; } @media screen and (min-width: 1200px) { .items-view-grid.slider .slick-list { margin-left: -22px; margin-right: -22px; padding-bottom: 12px; margin-bottom: -12px; } .items-view-grid.slider .item { padding: 0 22px; } .s_home_layout-w_sidebar .items-view-grid.slider .slick-list { margin-left: -10px; margin-right: -10px; } .s_home_layout-w_sidebar .items-view-grid.slider .item { padding: 0 10px; } } .items-view-list .item-title, .items-view-list .item-date, .items-view-list .item-subtitle, .items-view-list .item-text, .items-view-list .item-list-icons, .items-view-list .item-price, .items-view-list .item-social-icons, .items-view-list .item-btns { margin: 15px 0 0; } .items-view-list .item { border-top: 1px solid #ededed; padding-top: 30px; margin-bottom: 30px; } .items-view-list .item:before, .items-view-list .item:after { content: " "; display: table; } .items-view-list .item:after { clear: both; } .items-view-list .item:first-child { padding-top: 0; border-top: none; } @media screen and (max-width: 767px) { .items-view-list .item { padding-top: 30px; margin-bottom: 30px; } } @media screen and (min-width: 480px) { .items-view-list .item-img { float: left; width: 30%; } .items-view-list .item-content > :first-child { margin-top: 0; } .items-view-list .item-img + .item-content { float: left; width: 70%; padding-left: 20px; } } .items-view-list .item-title { font-size: 16px; line-height: 1.25; font-weight: 600; color: #000; } .items-view-list .item-title a { color: inherit; text-decoration: none; } .items-view-list .item-date { font-size: 13px; color: #666; } .items-view-list .item-date .nc-icon { vertical-align: -2px; margin-right: 5px; } .items-view-list .item-subtitle { font-size: 14px; } @media screen and (min-width: 1200px) { .items-view-list .item-img { max-width: 300px; } } .brands.items-view-grid .ms-img .ms-img-img { background-size: contain; margin: 20px; } .brands.items-view-grid .ms-img img { max-width: 80%; max-height: 80%; } .items.items-view-all-categories { margin-left: -15px; margin-right: -15px; } .items.items-view-all-categories .item { padding: 0 15px; margin-bottom: 30px; } @media screen and (min-width: 480px) { .items.items-view-all-categories .item { margin-bottom: 60px; } } .items.items-view-all-categories a { text-decoration: none; } .items.items-view-all-categories .item-img { width: 25%; margin-right: 15px; float: left; max-width: 220px; } @media screen and (min-width: 480px) { .items.items-view-all-categories .item-img { width: 34%; margin-right: 20px; } } .items.items-view-all-categories .item-content { overflow: hidden; } .items.items-view-all-categories .item-title { font-size: 14px; font-weight: 600; } @media screen and (min-width: 480px) { .items.items-view-all-categories .item-title { font-size: 18px; } } .items.items-view-all-categories .item-title a { color: #000; } .items.items-view-all-categories .item-subcategories { font-size: 13px; margin-bottom: -6px; margin-top: 5px; } .items.items-view-all-categories .item-subcategories a { margin-top: 3px; padding: 6px 0; display: block; } @media screen and (min-width: 480px) { .items.items-view-all-categories .item-subcategories { margin-top: 15px; font-size: 14px; } .items.items-view-all-categories .item-subcategories a { display: inline-block; margin-right: 15px; margin-top: 0; } } .items.items-view-all-categories .item-text { margin-top: 20px; color: #666; font-size: 14px; display: none; } @media screen and (min-width: 480px) { .items.items-view-all-categories .item-text { display: block; } } .side-news .item { margin-bottom: 25px; } .side-news .item-img { float: left; margin-right: 15px; max-width: 100px; } .side-news .item-date { color: #919191; font-size: 13px; margin-bottom: 6px; } .side-news .item-date .nc-icon { margin-right: 5px; vertical-align: -2px; } .side-news .item-title { overflow: hidden; } .side-news .item-title a { color: #333; text-decoration: none; display: block; } .side-news .link-all-news a { padding-left: 20px; padding-right: 20px; } .sidebar-subscribe { padding: 25px; background: #f6f6f6; } .sidebar-subscribe .side-block-title { margin-bottom: 10px; line-height: 20px; } .sidebar-subscribe .sidebar-subscribe-text { font-size: 13px; margin-bottom: 15px; } .sidebar-subscribe .sidebar-subscribe-form .form-control { margin-bottom: 15px; height: 36px; } .sidebar-subscribe .sidebar-subscribe-form .btn { line-height: 20px; } .page-cart { margin-bottom: 40px; } .page-cart * { font-family: "Open Sans", sans-serif; } .page-cart .basket-checkout-container { border-color: #ededed; padding: 20px 25px; } .page-cart .basket-checkout-container .basket-coupon-section, .page-cart .basket-checkout-container .basket-checkout-section { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .page-cart .basket-checkout-container .basket-coupon-section { min-width: 30%; } .page-cart .basket-checkout-container .basket-checkout-section { margin-left: auto; } .page-cart .basket-checkout-container.basket-checkout-container-fixed, .page-cart .basket-items-list-header.basket-items-list-header-fixed { position: static; } .page-cart .basket-items-list-wrapper-height-fixed { padding-top: 0 !important; } .page-cart .basket-coupon-block-field-description { font-size: 13px; margin-bottom: 5px; color: #666; } .page-cart .basket-coupon-block-field .form-control { border: 1px solid #f0f0f0; } .page-cart .basket-coupon-block-coupon-btn { top: 0; right: 0; margin: 0; width: 41px; height: 41px; overflow: hidden; background: none; border: none; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center; line-height: 43px; color: #333; } .page-cart .basket-coupon-block-coupon-btn:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea06"; } .page-cart .basket-coupon-block-total-price-old { font-size: 16px; line-height: normal; text-decoration: line-through; position: static; top: unset; right: unset; margin-bottom: -10px; } .page-cart .basket-coupon-block-total-price-old:after { display: none; } .page-cart .basket-checkout-block-total { padding-top: 0; } .page-cart .basket-checkout-block-total-title { font-size: 22px; line-height: normal; color: #000; } .page-cart .basket-coupon-block-total-price-current { margin: 5px 0; font-size: 30px; line-height: normal; font-weight: 600; color: #000; } .page-cart .basket-checkout-block-total-description { color: #666; font-size: 14px; margin-top: 5px; } .page-cart .basket-coupon-block-total-price-difference { padding: 0; background: none; color: #ca2d00; font-size: 14px; line-height: normal; } .page-cart .basket-checkout-block-btn { padding-top: 0; padding-left: 20px; } .page-cart .basket-btn-checkout, .page-cart .basket-btn-buy1click { padding: 13px 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; display: block; width: 100%; } .page-cart .basket-btn-checkout { color: #fff !important; } .page-cart .basket-btn-buy1click { margin-top: 10px; padding: 12px 20px; border-width: 1px; } .page-cart .basket-checkout-block-total-price-inner { padding-top: 0; } .page-cart .basket-checkout-section-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; } @media screen and (max-width: 580px) { .page-cart .basket-checkout-block-total { padding-top: 0; } .page-cart .basket-checkout-section-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-cart .basket-checkout-block-btn { padding: 5px 0 10px; } } @media screen and (max-width: 460px) { .page-cart .basket-checkout-block-total-price-inner, .page-cart .basket-checkout-block-total-inner { text-align: center; } .page-cart .basket-checkout-block-total-price { margin-top: 10px; } .page-cart .basket-coupon-block-total-price-old { left: 0; text-align: center; } .page-cart .basket-checkout-block-total, .page-cart .basket-checkout-block { padding-left: 0; padding-right: 0; text-align: center; } } .page-cart .basket-items-list-wrapper, .page-cart .basket-items-list-wrapper-compact { border-color: #ededed; margin-bottom: 20px; } .page-cart .basket-items-list-header { border-color: #ededed; background: #f6f6f6; } .page-cart .basket-clear { cursor: pointer; pointer-events: auto; } .page-cart .basket-clear:after, .page-cart .basket-clear:before { width: 1px; background: #333; } .page-cart .basket-items-list-header-filter-item { color: #666; font-size: 14px; font-weight: 400; } .page-cart .basket-btn-clear { padding: 5px 10px; vertical-align: middle; margin-left: 10px; border-width: 1px; color: #888; border-color: currentColor; } .page-cart .basket-btn-clear:hover { background: #444; border-color: #444; color: #fff; } .page-cart .basket-btn-clear span { font-size: 22px; line-height: 0; vertical-align: sub; margin-right: 5px; } .page-cart .basket-items-list { padding: 0; } @media screen and (max-width: 767px) { .page-cart tr.basket-items-list-item-container { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } } .page-cart .basket-items-list-item-container > td { padding: 10px; } @media screen and (min-width: 768px) { .page-cart .basket-items-list-item-container > td { padding: 20px 10px; } } @media screen and (min-width: 992px) { .page-cart .basket-items-list-item-container > td { padding: 20px 15px; } } .page-cart .basket-items-list-item-container .basket-items-list-item-descriptions { padding-left: 20px; } .page-cart .basket-item-block-image { max-width: 160px; padding-right: 0; margin-right: 30px; } @media screen and (max-width: 580px) { .page-cart .basket-item-block-image { max-width: none; margin-right: 0; } } .page-cart .basket-item-image { width: auto; } .page-cart .basket-item-info-name, .page-cart .basket-item-info-name-link { color: #000; margin-bottom: 10px; } .page-cart .basket-item-info-name-link:hover { text-decoration: none; } .page-cart .basket-item-block-price { padding-top: 0; } .page-cart .basket-item-price-old { position: static; margin-bottom: 5px; } .page-cart .basket-item-price-old-text { text-decoration: line-through; font-size: 14px; } .page-cart .basket-item-price-old-text:after { display: none; } .page-cart .basket-item-price-current { margin-bottom: 5px; } .page-cart .basket-item-price-current-text { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 5px; } .page-cart .basket-item-price-title { font-size: 14px; color: #666; } .page-cart .basket-item-price-difference { background: none; color: #ca2d00; padding: 0; font-size: 14px; line-height: normal; white-space: nowrap; } @media screen and (max-width: 580px) { .page-cart .basket-item-block-price, .page-cart .basket-item-price-current { text-align: center; } } .page-cart .basket-item-block-amount { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; } .page-cart .basket-item-block-actions { opacity: 1; } .page-cart .basket-item-amount-filed, .page-cart .basket-item-block-amount.disabled .basket-item-amount-filed:hover, .page-cart .bx-green .basket-item-amount-filed:hover, .page-cart .bx-green .basket-item-amount-filed:focus { border: 1px solid #ededed !important; border-left: none; border-right: none; border-radius: 0; width: 32px; height: 32px; font-size: 14px; font-weight: 400; } .page-cart .basket-item-amount-btn-plus, .page-cart .basket-item-amount-btn-minus { border: 1px solid #ededed; width: 32px; height: 32px; } .page-cart .basket-item-amount-btn-plus { border-left: none; } .page-cart .basket-item-amount-btn-minus { border-right: none; } .page-cart .basket-item-amount-field-description { position: static; font-style: normal; font-size: 14px; line-height: normal; margin-left: 10px; } .page-cart .basket-item-amount-field-description span { white-space: nowrap; } .page-cart .basket-item-actions-remove:after, .page-cart .basket-item-actions-remove:before { background: #ca2d00; } .page-cart .basket-item-actions-remove:hover:after, .page-cart .basket-item-actions-remove:hover:before { background: #7e1c00; } .page-cart .basket-items-list-item-container-expend .basket-items-list-item-removed-container { background: #f6f6f6; } .page-cart .basket-item-scu-list { margin-top: 10px; } .page-cart .basket-item-scu-color .basket-item-scu-item, .page-cart .basket-item-property-scu-image .basket-item-scu-item { border-radius: 50%; width: 30px; height: 30px; margin: 5px 10px 10px 5px; position: relative; } .page-cart .basket-item-scu-color .basket-item-scu-item:before, .page-cart .basket-item-property-scu-image .basket-item-scu-item:before { content: ""; position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; background: #fff; border: 1px solid #dfdfdf; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .page-cart .basket-item-scu-color .basket-item-scu-item.selected:before, .page-cart .basket-item-property-scu-image .basket-item-scu-item.selected:before { width: 40px; height: 40px; border-width: 2px; } .page-cart .basket-item-scu-color .basket-item-scu-item-inner, .page-cart .basket-item-property-scu-image .basket-item-scu-item-inner { width: 30px; height: 30px; position: absolute; border-radius: 50%; border: none; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-cart .basket-item-property-scu-text .basket-item-scu-list { margin-left: -10px; } .page-cart .basket-item-property-scu-text .basket-item-scu-item { float: left; margin: 0 0 10px 10px; position: relative; border: none; } .page-cart .basket-item-property-scu-text .basket-item-scu-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #d9d9d9; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .page-cart .basket-item-property-scu-text .basket-item-scu-item.selected:before { border-width: 2px; } .page-cart .basket-item-property-scu-text .basket-item-scu-item-inner { color: #000; font-size: 13px; line-height: 35px; font-weight: 600; padding: 0 10px; text-align: center; min-width: 35px; } .page-cart .basket-items-list-wrapper-compact .basket-item-block-image { max-width: 80px; } .page-cart .basket-items-list-wrapper-compact .basket-item-image { max-width: 80px; max-height: 80px; } .page-cart .basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner, .page-cart .basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner { width: 30px; height: 30px; } .page-cart .basket-items-list-wrapper-compact .basket-item-scu-list { margin-top: 7px; } .page-cart .basket-items-list-wrapper-compact .basket-item-amount-field-description { position: absolute; } .page-cart .sale-products-gift .product-item-image-wrapper { height: 0; } .fixed-cart { position: fixed; right: 0; top: 50% !important; z-index: 130; } @media screen and (max-width: 991px) { .fixed-cart { display: none; } } .fixed-cart .fixed-cart-in { text-decoration: none; } .fixed-cart .fixed-cart-in .fixed-cart-icon { min-width: 80px; padding: 0 12px; height: 60px; text-align: center; position: relative; border-radius: 4px 0 0 4px; background: #fff; text-indent: -1px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .fixed-cart .fixed-cart-in .fixed-cart-icon .nc-icon { height: 60px; line-height: 60px; font-size: 24px; margin-right: 2px; } .fixed-cart .fixed-cart-in .fixed-cart-icon .cart-count { margin-right: -5px; min-width: 28px; height: 28px; line-height: 28px; vertical-align: 7px; } .bx_item_list_you_looked_horizontal { margin-top: 20px; border-radius: 0; border: none; } .bx_item_list_you_looked_horizontal .bx_item_list_section { margin-left: -15px; margin-right: -15px; } .bx_item_list_you_looked_horizontal .bx_catalog_item { margin-left: 0 !important; margin-right: 0 !important; padding-left: 15px !important; padding-right: 15px !important; } .bx_item_list_you_looked_horizontal .bx_item_list_title { font-weight: 600; color: #000; background: none !important; vertical-align: middle; height: auto; text-align: left; line-height: normal; font-size: 18px; margin-bottom: 20px; } .bx_item_list_you_looked_horizontal .bx_catalog_item_images_double, .bx_item_list_you_looked_horizontal .bx_catalog_item_images { position: relative; z-index: 1; display: block; padding-top: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .bx_item_list_you_looked_horizontal .bx_catalog_item_images_double { z-index: 0; margin-top: -100%; opacity: 0; } .bx_item_list_you_looked_horizontal .bx_stick, .bx_item_list_you_looked_horizontal .bx_stick_disc { background: none; text-shadow: none; margin-bottom: -10px; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; color: #fff; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 0 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; width: auto; height: 32px; line-height: 32px; border-radius: 16px; width: auto; padding: 0 15px; text-transform: uppercase; font-size: 14px; text-shadow: none; right: auto !important; bottom: auto !important; left: 0 !important; } .bx_item_list_you_looked_horizontal .bx_stick { background: #ff9123; top: 0 !important; } .bx_item_list_you_looked_horizontal .bx_stick_disc { background: #fb4247; top: 42px !important; } .bx_item_list_you_looked_horizontal .bx_catalog_item_title { line-height: 20px; min-height: 40px; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .bx_item_list_you_looked_horizontal .bx_catalog_item_title a { font-size: 13px; color: #000; display: block; margin-top: 10px; } @media screen and (min-width: 480px) { .bx_item_list_you_looked_horizontal .bx_catalog_item_title a { font-size: 15px; } } @media screen and (min-width: 768px) { .bx_item_list_you_looked_horizontal .bx_catalog_item_title a { height: 40px; overflow: hidden; } } .bx_item_list_you_looked_horizontal .bx_catalog_item_price { color: #000; } .bx_item_list_you_looked_horizontal .bx_catalog_item_price .bx_price { font-weight: 600; font-size: 18px; padding-top: 10px; } .bx_item_list_you_looked_horizontal .bx_catalog_item_price span { font-size: 14px !important; color: #6b6b6b !important; } @media screen and (min-width: 480px) { .bx_item_list_you_looked_horizontal .bx_catalog_item_price .bx_price { font-size: 20px; } .bx_item_list_you_looked_horizontal .bx_catalog_item_price span { font-size: 16px !important; } } .bx_item_list_you_looked_horizontal .bx_catalog_item_controls { padding-top: 15px; opacity: 1; } .bx_item_list_you_looked_horizontal .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo .bx_bt_button { border-radius: 0; text-shadow: none; height: auto; padding: 10px 16px; font-size: 13px; font-weight: 700; margin: 0; text-align: center; line-height: 1.429; text-transform: uppercase; text-align: center; width: 100%; } @media screen and (min-width: 768px) and (max-width: 991px) { .sale-personal-section-row-flex .col-sm-12 { width: 50%; } } .sale-personal-section-index-block { opacity: 1; border: 1px solid #ededed; border-radius: 0; background: #f6f6f6 !important; -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .sale-personal-section-index-block:hover .sale-personal-section-index-block-ico, .sale-personal-section-index-block:hover .sale-personal-section-index-block-name { color: #fff; } .sale-personal-section-index-block-link { width: 100%; } .sale-personal-section-index-block-ico { font-size: 48px; } .sale-personal-section-index-block-name { font-size: 16px; margin-top: 20px; margin-bottom: 0; } .bx_item_list_you_looked_horizontal .bx_catalog_item_controls.touch { display: none; } .bx-authform-formgroup-container input[type="text"], .bx-authform-formgroup-container input[type="password"] { background: #fff; } .bx-authform-link-container a { text-decoration: none; } .bx-authform-link-container .btn { border: 1px solid; margin-top: 25px; } .bx-authform { margin: 0 0 25px; max-width: 500px; } .bx-authform-formgroup-container { margin-bottom: 25px; } .bx-authform-content-container, .bx-authform-label-container { font-size: 13px; color: #5a6c77; padding-bottom: 2px; } .bx-authform-note-container { font-size: 13px; color: #5a6c77; padding-top: 4px; } .bx-authform-input-container { position: relative; } .bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"] { display: block; width: 100%; height: 41px; padding: 10px 15px; font-size: 14px; line-height: 1.429; color: #333; background-color: #fff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0; } .bx-authform-input-container input[type="text"].bx-empty-field, .bx-authform-input-container input[type="password"].bx-empty-field { border-color: #dd4b39; } span.bx-authform-starrequired { color: #d93333; } .bx-authform-formgroup-container .bx-captcha { margin-bottom: 10px; } .bx-authform-description-container { font-size: 13px; color: #5a6c77; } .bx-authform-link-container { margin-bottom: 20px; font-size: 13px; } hr.bxe-light { border: 0; border-bottom: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 20px; } .alert { border: none; border-radius: 1px; font-size: 14px; padding: 15px; margin-bottom: 20px; } .bxe-aleft-title { font-weight: 700; padding-bottom: 5px; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .bx-authform-userconsent:empty { display: none; } .bx-authform-formgroup-container.recaptcha { margin-bottom: 0; } .bx-authform-captcha { float: left; margin-bottom: 0 !important; margin-right: 10px; } .bx-authform-recaptcha { margin-bottom: 10px !important; margin-right: 10px; } .bx-authform-captcha-word { overflow: hidden; } .bx-authform-captcha-word input { height: 40px; } .bx-authform-social { margin-bottom: -5px; } .bx-authform-social ul { margin: 0; padding: 0; } .bx-authform-social ul li { margin: 0; padding: 0; margin-right: 5px; } .bx-authform-social ul li:last-child { margin-right: 0; } .sale-order-link, .sale-order-history-link .sale-order-list-container *, .sale-order-list-shipment-button, .sale-order-list-repeat-link, .sale-order-list-cancel-link, .sale-order-list-about-link, .sale-order-list-change-payment { font-family: "Open Sans", sans-serif; } .sale-order-list-inner-container { border: 1px solid #ededed; } .sale-order-list-title-container { border: 1px solid #ededed; background-color: #f6f6f6; } .sale-order-list-title, .sale-order-list-accomplished-title { margin-top: 10px; margin-bottom: 10px; } .sale-order-list-status-restricted, .sale-order-list-status-alert, .sale-order-list-status-success, .sale-order-list-shipment-status-block { border-radius: 0; padding: 3px 8px; font-size: 12px; } .sale-order-list-top-border { margin: 18px 15px 15px; } .sale-order-list-button { border-radius: 0; text-transform: uppercase; font-weight: 600; } .sale-order-detail * { font-family: "Open Sans", sans-serif; } .sale-order-detail-title-container { margin-bottom: 20px; } .sale-order-detail-general { margin: 20px 0; } .sale-order-detail-back-to-list-link-up, .sale-order-detail-back-to-list-link-down { padding: 0; } .sale-order-detail-about-order, .sale-order-detail-payment-options, .sale-order-detail-payment-options-order-content { margin-top: 0; } .sale-order-detail-about-order-inner-container-repeat-button, .sale-order-detail-payment-options-methods-button-element, .sale-order-detail-payment-options-methods-button-element-new-window { padding: 11px 16px; font-size: 13px; line-height: 1.429; font-weight: 400; border-radius: 0; height: auto; } .sale-order-detail-order-item-imgcontainer { border: none; } .sale-order-detail-order-item-title { font-weight: 400; font-size: 15px; } .sale-order-detail-payment-options-methods-info-title-status-alert, .sale-order-detail-payment-options-methods-info-title-status-restricted, .sale-order-detail-payment-options-methods-info-title-status-success { border-radius: 0; } .sale-order-list-cancel-payment .fa { display: none; } #bx-soa-order * { font-family: "Open Sans", sans-serif; } #bx-soa-order .form-control { border-radius: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; background-color: #fff; height: 41px; padding: 10px 15px; font-size: 14px; line-height: 1.429; max-width: 100%; } #bx-soa-order .form-control:focus { border-color: #e1e1e1; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); } #bx-soa-order textarea.form-control { min-height: 80px; } #bx-soa-order .bx-soa-sidebar, #bx-soa-order #bx-soa-total-mobile { margin-bottom: 20px !important; } #bx-soa-order .bx-soa-cart-total-button-container { padding-top: 10px; padding-bottom: 10px; } #bx-soa-order .bx-soa-sidebar { color: #000; } #bx-soa-order .bx-soa-cart-total { padding: 5px 20px 10px; border-radius: 0; } #bx-soa-order .bx-soa-cart-total, #bx-soa-order .bx-soa-cart-total-line, #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) { border-color: #ededed !important; } #bx-soa-order .bx-soa-cart-total-line { line-height: 20px; padding: 15px 0; font-size: 14px; } #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t, #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t { font-weight: 400; } #bx-soa-order .bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 18px; } #bx-soa-order .bx-soa-cart-total-line-total .bx-soa-cart-d { font-weight: 600; font-size: 24px !important; } @media screen and (min-width: 768px) and (max-width: 1199px) { #bx-soa-order .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 18px !important; } } #bx-soa-order .bx-soa-cart-total-line-highlighted { background: none; color: #ca2d00; } @media screen and (min-width: 768px) and (max-width: 991px) { #bx-soa-order .bx-soa-sidebar { padding-left: 0; } #bx-soa-order .bx-soa-cart-total { padding-left: 15px; padding-right: 15px; } } #bx-soa-order .bx-soa-more { border-color: #ededed; padding-top: 20px; margin-top: 20px; margin-left: -20px; margin-right: -20px; } #bx-soa-order .bx-soa-more .bx-soa-more-btn { padding-left: 20px; padding-right: 20px; } #bx-soa-order .bx-soa-more .bx-soa-more-btn .btn { min-width: 100px; } @media screen and (min-width: 768px) { #bx-soa-order .bx-soa-more .bx-soa-more-btn .btn { min-width: 120px; } } #bx-soa-order .bx-soa-coupon { padding-top: 15px; padding-left: 20px; padding-right: 20px; margin-top: 20px; margin-left: -20px; margin-right: -20px; border-color: #ededed; } #bx-soa-order .bx-selected .bx-soa-coupon-label { padding-top: 0; font-size: 13px; color: #666; } #bx-soa-order .bx-selected .bx-soa-coupon-label label { font-weight: 400; } #bx-soa-order .bx-soa-coupon-input input[type="text"].form-control { border-radius: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; background-color: #fff; height: 41px; padding: 10px 15px; font-size: 14px; line-height: 1.429; } #bx-soa-order .bx-soa-coupon-input input[type="text"].form-control:focus { border-color: #e1e1e1; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); } #bx-soa-order .bx-soa-coupon-input:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea06"; top: 0; right: 0; margin: 0; width: 41px; height: 41px; overflow: hidden; background: none; border: none; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center; line-height: 43px; color: #333; } #bx-soa-order .bx-soa-section { border-radius: 0; margin-bottom: 20px; } #bx-soa-order .bx-soa-section.bx-selected, #bx-soa-order .bx-soa-section.bx-step-completed { border: 1px solid #ededed; } #bx-soa-order .bx-soa-section-title-container { padding: 12px 0; background-color: #f6f6f6; } #bx-soa-order .bx-soa-section-title { font-size: 16px; font-weight: 400; color: #333; padding-right: 0; border-radius: 0; } #bx-soa-order .bx-soa-editstep { line-height: 26px; color: #333; font-size: 13px; } @media screen and (max-width: 767px) { #bx-soa-order .bx-soa-section-title { float: left; } #bx-soa-order .bx-soa-section-title-container .text-right { float: right; width: auto; } #bx-soa-order .bx-soa-section-title-count { margin-right: 10px; } } #bx-soa-order .bx-soa-section-content { padding: 20px; border-top: 1px solid #ededed; } #bx-soa-order .btn.btn-default { color: #fff !important; } #bx-soa-order .bx-soa-section-title-count { min-width: 26px; height: 26px; border-radius: 13px; margin-right: 15px; background: none; } #bx-soa-order .bx-soa-section-title-count:after { font-size: 14px; line-height: 25px; font-weight: 600; } #bx-soa-order .bx-soa-section-title-count:before { right: -10px; bottom: -5px; width: 17px; height: 17px; border: 1px solid #f6f6f6; color: #fff; border-radius: 50%; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; font-size: 10px; line-height: 15px; } #bx-soa-order .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after { color: #87c73d; } #bx-soa-order .bx-soa-section.bx-step-completed .bx-soa-section-title-count:before { display: block; background: #87c73d; content: "\f00c"; } #bx-soa-order .bx-soa-section.bx-step-warning .bx-soa-section-title-count:after { color: #f8c11a; } #bx-soa-order .bx-soa-section.bx-step-warning .bx-soa-section-title-count:before { display: block; background: #f8c11a; content: "\f12a"; } #bx-soa-order .bx-soa-section.bx-step-error .bx-soa-section-title-count:after { color: #db4c4c; } #bx-soa-order .bx-soa-section.bx-step-error .bx-soa-section-title-count:before { display: block; background: #db4c4c; content: "\f12a"; } #bx-soa-order .bx-soa-table-fade { margin: -20px; } #bx-soa-order .bx-soa-item-table { margin: 0; } #bx-soa-order .bx-soa-item-td { padding: 5px 15px; min-width: 0 !important; } @media screen and (max-width: 580px) { #bx-soa-order .bx-soa-item-td { line-height: 22px; } } @media screen and (min-width: 992px) { #bx-soa-order .bx-soa-item-td { border-top: 1px solid #ededed; } } #bx-soa-order .bx-soa-item-tr-first .bx-soa-item-td { border-top: none; } @media screen and (min-width: 769px) { #bx-soa-order .bx-soa-item-td { padding: 20px 15px; } #bx-soa-order .bx-soa-basket-info .bx-soa-item-td:first-child { padding-left: 20px; } #bx-soa-order .bx-soa-basket-info .bx-soa-item-td:last-child { padding-right: 20px; } } @media screen and (max-width: 991px) { #bx-soa-order .bx-soa-item-tr { border-top: 1px solid #ededed; } #bx-soa-order .bx-soa-item-tr-first { border-top: none; } } @media screen and (max-width: 580px) { #bx-soa-order .bx-soa-item-td-title { padding-left: 0; } } #bx-soa-order .bx-soa-item-imgcontainer { border: none; border-radius: 0; } #bx-soa-order .bx-soa-item-img-block { padding: 0; margin: 0; width: 80px; } @media screen and (min-width: 580px) { #bx-soa-order .bx-soa-item-img-block { width: 160px; margin-right: 30px; } } #bx-soa-order .bx-step-completed .bx-soa-item-img-block { width: 100px; padding-right: 0; margin-right: 15px; } #bx-soa-order .bx-soa-item-title { font-size: 16px; font-weight: 400; padding-bottom: 10px; } @media screen and (max-width: 580px) { #bx-soa-order .bx-soa-item-title { padding-bottom: 5px; } } @media screen and (min-width: 769px) { #bx-soa-order .bx-scu-container { height: 48px; } } @media screen and (max-width: 580px) { #bx-soa-order .bx-scu-container { padding-top: 0; } } #bx-soa-order .bx-scu-container .bx-soa-item-td-title, #bx-soa-order .bx-scu-container .bx-soa-item-td-text { font-size: 14px; color: #666; margin: 2px 0; } #bx-soa-order .bx-scu-container .bx-soa-item-td-title:after { content: ": "; } #bx-soa-order .bx-scu-container .bx-soa-item-td-text { color: #000; font-weight: 600; } #bx-soa-order .bx-soa-item-td-text { font-size: 14px; color: #666; } #bx-soa-order .bx-soa-item-td-text .bx-price { font-weight: 600; font-size: 18px; color: #000; } #bx-soa-order .bx-soa-item-td-text .bx-price-old { font-weight: 400; } #bx-soa-order .bx-sls .bx-ui-sls-fake, #bx-soa-order .bx-sls .bx-ui-sls-route, #bx-soa-order .bx-sls .bx-ui-sls-container, #bx-soa-order .bx-sls .dropdown-fade2white { height: 39px; top: 0; } #bx-soa-order .bx-slst .dropdown-icon, #bx-soa-order .bx-sls .dropdown-icon { top: 12px; left: 15px; background: none; color: #666; } #bx-soa-order .bx-slst .dropdown-icon:after, #bx-soa-order .bx-sls .dropdown-icon:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea12"; } #bx-soa-order .bx-sls .bx-ui-sls-clear { margin: 0; width: 39px; height: 39px; line-height: 42px; background: none; text-align: center; font-size: 12px; color: #666; } #bx-soa-order .bx-sls .bx-ui-sls-clear:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea16"; } #bx-soa-order .bx-sls .bx-ui-sls-clear:hover { color: #000; } #bx-soa-order .bx-sls .bx-ui-sls-loader { top: 6px; right: 6px; } #bx-soa-order .bx-slst .dropdown-block, #bx-soa-order .bx-sls .dropdown-block { padding: 0 30px 0 40px; } #bx-soa-order .bx-slst .form-control .bx-ui-combobox-container .bx-combobox-fake-as-input { padding-top: 0; } #bx-soa-order .bx-sls .bx-ui-sls-pane, #bx-soa-order .bx-slst .bx-ui-combobox-dropdown { top: 39px; left: -1px; right: -1px; width: auto; padding: 10px 15px; border-radius: 0; border-color: #e1e1e1; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); padding: 0; } #bx-soa-order .bx-slst .form-control .bx-ui-combobox-container .bx-combobox-fake-as-input { line-height: 39px; height: 39px; } #bx-soa-order .bx-slst .bx-ui-combobox-toggle { margin: 0; width: 39px; height: 39px; line-height: 39px; background: none; text-align: center; font-size: 12px; } #bx-soa-order .bx-slst .bx-ui-combobox-toggle:after { display: inline-block; font: normal normal normal 1em/1 UberShop; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea14"; } #bx-soa-order .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, #bx-soa-order .bx-slst .bx-ui-combobox-variant:hover { background: #eee; } #bx-soa-order .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, #bx-soa-order .bx-sls .bx-ui-sls-error, #bx-soa-order .bx-slst .bx-ui-combobox-variant, #bx-soa-order .bx-slst .bx-ui-combobox-error, #bx-soa-order .bx-sls .bx-ui-sls-variants .-bx-popup-special-prompt { padding: 7px 15px; } #bx-soa-order .bx-sls .dropdown-item, #bx-soa-order .bx-slst .dropdown-item { border-radius: 0; margin: 0; } #bx-soa-order .bx-slst .bx-ui-combobox-variant-active { color: #fff; } #bx-soa-order .bx-sls .bx-ui-sls-variant-active .dropdown-item-text { color: #b1b1b1; } #bx-soa-order .bx-sls .bx-ui-sls-variant-active .dropdown-item-text span { color: #fff; } #bx-soa-order .bx-ui-slst-other-item, #bx-soa-order .bx-ui-combobox-deselect-item { border-color: #e1e1e1; } #bx-soa-order .bx-soa-pp-company-graf-container { border-radius: 0; border-color: #dcdcdc; } #bx-soa-order .bx-soa-pp-company-graf-container .bx-soa-pp-company-checkbox { opacity: 0; } #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company * { cursor: pointer; } #bx-soa-order .bx-soa-pp-company-subTitle { font-weight: 600; font-size: 14px; } @media screen and (max-width: 766px) { #bx-soa-order .bx-soa-pp-company-subTitle { margin-bottom: 6px; } } #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company { background-color: #f6f6f6; border: 1px solid #ededed; } #bx-soa-order .bx-soa-pickup-list .bx-soa-pickup-list-item, #bx-soa-order .bx-soa-pickup-list .bx-soa-pickup-list-item:last-child { border-color: #ededed; } #bx-soa-order .bx-soa-pickup-list-item.bx-selected { background: #f6f6f6; } .sale_order_full_table { font-size: 15px; color: #333; } .sale_order_full_table .pay_name { font-weight: 600; color: #000; } .sale_order_full_table .pay_name + img { margin: 5px 0; } @media screen and (max-width: 991px) { .bx-soa-auth .bx-soa-section-content > .col-md-6 { padding-left: 0; padding-right: 0; } } .bx-soa-auth .bx-soa-section-content > .row { margin-left: -20px; margin-right: -20px; } .bx-soa-auth .bx-soa-reference { padding: 20px 20px 0; } @media screen and (min-width: 768px) { .bx-soa-auth .bx-soa-reference { margin-top: 25px; } } @media screen and (max-width: 767px) { .bx-soa-auth .bx-soa-reg-block { margin-left: -20px; margin-right: -20px; } } .bx-soa-auth .bx-authform .btn, .bx-soa-auth .bx-soa-reg-block .btn { padding: 13px 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; } .bx-soa-auth .bx-soa-reg-block { background: #f6f6f6; } .bx-soa-auth .bx-soa-reg-block p { margin-bottom: 20px; font-size: 14px; } .bx-soa-auth .bx-authform-social + .bxe-light { display: none; } .bx-soa-auth .bx-authform-label-container { color: #666; padding-bottom: 5px; font-size: 13px; } .bx-soa .bx-soa-auth h3.bx-title { margin-top: 0; font-weight: 600; } .bx-soa-auth .reg > .col-md-12 { padding-left: 0; padding-right: 0; } .bx-soa-auth .reg .bx-authform > label { font-weight: 600; } .bx-soa-auth .reg .bx-authform > label:last-child { margin-bottom: 10px; } .bx-soa-auth .reg .bx-authform > label input { margin-right: 8px; } .bx-soa-auth .reg input[name="captcha_word"] { width: 180px; } .bx-soa-auth .reg .generated, .bx-soa-auth .reg .generated + * { margin-top: 10px; } .bx-soa-auth .reg .bx-captcha { margin-top: 5px; } .bx-soa-auth .reg .btn-link { padding-left: 0; padding-right: 0; } .bx-soa-auth .reg .btn[type="submit"] { margin-right: 20px; } .main-user-consent-request-popup-cont { border-radius: 0; } .main-user-consent-request-popup-cont * { font-family: "Open Sans", sans-serif; } .main-user-consent-request-popup-button { border-radius: 0; } .certificates-page h2:first-child { margin-top: 0; } .certificates-page h2 { font-size: 22px; } .certificates-gallery { margin-top: 40px; margin-left: -15px; margin-right: -15px; } .certificates-gallery .item { padding: 0 15px; margin-bottom: 30px; text-align: center; } .certificates-gallery .item .item-img { margin: 0; position: relative; } .certificates-gallery .item .img-responsive { padding: 0 30px; margin: 0 auto; } .search-page-form { position: relative; margin-bottom: 30px; max-width: 500px; } .search-page-form input { height: 48px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; background: #fff; color: #000; font-size: 15px; padding: 10px 58px 10px 20px; } .search-page-form:hover input, .search-page-form input:focus { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border: 1px solid #ededed; } .search-page-form button { position: absolute; width: 46px; height: 46px; line-height: 48px; top: 1px; right: 1px; padding: 0; background: #fff; font-size: 16px; font-weight: 400; color: #2e2e2e; } .search-page-form button .fa { margin: 0; } .search-page-form button:hover { color: #fff; } .modal_form:after { content: ""; position: fixed; cursor: pointer; border-radius: 6px; background: #000 url(img/loading_modal.gif) center center no-repeat; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; width: 44px; height: 44px; z-index: -1; opacity: 0; visibility: hidden; } .modal_form.loading:after { opacity: 0.8; visibility: visible; } .modal_form .modal-content { border-radius: 0; border: none; } .modal_form .modal-dialog { max-width: 420px; margin-left: auto; margin-right: auto; border: 10px solid transparent; -webkit-transition: opacity 0.15s ease-in, -webkit-transform 0.2s ease-in; transition: opacity 0.15s ease-in, -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.15s ease-in; transition: transform 0.2s ease-in, opacity 0.15s ease-in, -webkit-transform 0.2s ease-in; opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .modal_form.loaded .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal_form .modal-title { font-size: 18px; font-weight: 600; } .modal_form .modal-subtitle { margin-top: 10px; font-size: 13px; line-height: 18px; } .modal_form .modal-subtitle p { margin: 0; } .modal_form .captcha-block .captcha-img { float: left; margin-bottom: 15px; margin-right: 15px; } .modal_form .captcha-block input { width: 185px; } .modal-footer { text-align: center; padding: 15px 15px 20px; } .modal-footer .btn, .modal-footer .btn + .btn { margin: 5px; } .add-to-cart-modal.modal-success .product-info { text-align: center; } .add-to-cart-modal.modal-success .product-img { max-width: 200px; max-height: 200px; margin-bottom: 20px; } .add-to-cart-modal.modal-success .modal-btn-back .nc-icon { font-size: 11px; vertical-align: -1px; margin-right: 2px; margin-left: -5px; } .bx-404-container { text-align: center; padding: 40px 0 0; } @media screen and (max-width: 991px) { .bx-404-container { border-top: 1px solid #ededed; } } .bx-404-block, .bx-404-text-block { margin-bottom: 30px; } .sale-paysystem-wrapper { margin-right: 0; } .bx-yandex-view-layout .bx-yandex-view-map { position: relative; min-height: 200px; height: 50vh; max-height: 350px; } .bx-yandex-view-layout .bx-yandex-map { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } @media print { .top-mobile-panel, .top-panel, .header, .menubar, .slick-arrow, .footer, .page-footer, .sidebar, .catalog_toolbar, .product-badges, .f_up { display: none !important; } .products.grid .item { width: 25% !important; } .main .content { width: 100% !important; } .block-accordion .panel-collapse { display: block !important; } } .products.view-grid .item-section { visibility: hidden; } .prices.product-item-info-container.product-item-price-container>span { display:none;} .prices.product-item-info-container.product-item-price-container > span.price-old.product-item-price-old { display: block; } .basket-item-price-current span:nth-of-type(2) { display:none; } .basket-checkout-block-total-price-inner div:nth-of-type(2) { display:none; } .bx-soa-cart-d>div { display:none; } .bx-price>div { display:none; } .price-current.product-item-price-current span { display:none; } .price-byn { display:none; } .s_layout-without_sidebar p, .s_layout-without_sidebar ul, .s_layout-without_sidebar li, .s_layout-without_sidebar span, .s_layout-without_sidebar b { color:#333; }